@charset "utf-8";
/* CSS Document */


/* CSS para index */


body {
	margin: 0;
	font-family: 'Montserrat', sans-serif;
	background-color:white;
	overflow-x: hidden;
	scrollbar-base-color: white;
	
	

}

#fixed {
	position:fixed;
	float: left;
	margin-top:75px;
	
	}
	
.back {
	position: relative;
	float: right;
	z-index: 101;
	margin-right: 20px;
	
	}
	
.back:hover {
	width:50px;

	}
	
.idiomaouvidoria {
	position: relative;
	float:right;
	margin-top:20px;
	margin-right:-70px;
	width:120px;
	height: 30px;
	inline-box-align: initial;
	z-index: 102;
	
}

a:link, a:visited {
	text-decoration: none;
	color:#FFF;
	
	}
a:hover {
	text-decoration: none;
	color:#FFF;
	 
	
	}
a:active {
	text-decoration: none;
	color:#FFF;
	}
	
::-webkit-scrollbar-track {
    background-color: rgba(255,255,255,0.1);

}
::-webkit-scrollbar {
    width: 10px;
    background: rgba(255,255,255,0.1);

}
::-webkit-scrollbar-thumb {
    background: rgba(51,51,51,0.5);
	border-radius:5px;
}
	

p {
	font-weight:400;
	color: white;
	font-size: 0.75em;
	letter-spacing: 0.03em;
	margin-left: -20px;
	
	
}
	
p1 { 
	color:#FFF;
	font-size: 3.1em;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	
	
}

p2 { 
	color:#FFF;
	font-size: 1.5em;
	font-family: 'Montserrat', sans-serif;
	
	letter-spacing:0.02em; 	
}

.x {
	margin-top: 0 auto;
	width: 100%;
	z-index: 99;
}

.x3 {
	margin-top: 73px !important;
	width: 100%;
	z-index: 99;
}

.y {
	margin-top: 0 auto;
	width: 100%;
	z-index: 1;
}

.center {
align-items: center;
-webkit-align-items: center;
display: -webkit-flex;
flex-direction: row;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
	
	}
	
.numeros {
	margin-left: -50%;
	margin-right: -50%; 
	margin-top: 30px !important;
	margin-bottom: 20px !important;
	margin: 0 auto;
	text-align:center;
	}
.atuacao {
	margin-top: 50px !important;
	margin: 0 auto;
	text-align:center;
	
	}

.imgatopo {
	padding-top: 50px;
	margin:auto;
	width: 70px; }

.imga7  { 
	margin-top: 45px !important;
	width: 70px;
	}
	
.imga2  { 
	margin-top: 75px;
	
	}
	
.imga1  { 
	margin-top:50px;
	width: 85px; }
	
.imga3  { 
	margin-top:70px !important;
	width: 85px !important; }

pm {
	margin-bottom: 30px;
	font-family: 'Montserrat', sans-serif;
	text-align:center;
	
	color:#FFF;
}

pc {
	color:#FFF;
	font-size: 0.75em;
	letter-spacing: 0.01em;
}

#bola {
	background-color:#900; 
	width: 300px;
	height: 300px;
	padding: 15px 15px 15px -15px;
	margin-top:50px;
	margin-right:50px;
	text-align:center;
	align-items: center;
	border-radius: 180px;
    
	}	
		
pn {
	color: #333;
    font-size: 3.1em;
	font-weight:600;
    text-align: center;
}
		
n {
	color: #333;
    font-size: 4.1em;
	font-weight:600;
    text-align: center;
}

pnn {
	color: #333;
    font-size: 1em;
	letter-spacing: -0.02em !important;
    font-family: 'Montserrat', sans-serif;
    text-align: left;
}

pbr {
	color: #333;
    font-size: 1em;
	letter-spacing: -0.02em !important;
    font-family: 'Montserrat', sans-serif;
    text-align: left;
}

pes {
	color: #333;
    font-size: 1em;
	letter-spacing: -0.02em !important;
    font-family: 'Montserrat', sans-serif;
    text-align: left;
}

whitepn {
	color: #fff;
    font-size: 2.7em;
	font-weight:600;
    text-align: center;
}

whitepnn {
	color:#fff;
    font-size: 2.0em;
	
    font-family: 'Montserrat', sans-serif;
    text-align: center;
}

.met {
align-items: center;
-webkit-justify-content: center;
justify-content: center;
display: -webkit-flex;
flex-direction: row;
flex-wrap: wrap;
padding-top: 3%;
	background-image: url(img/met.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
	
	}

.centermet {
	padding-top: 20px;
	padding-left: 10%;
	padding-right: 10%;
align-items: center;
-webkit-align-items: center;
display: -webkit-flex;
flex-direction: row;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
	
	}
	
.centermet2 {
	padding-top: 80px;
	padding-left: 10% !important;
	padding-right: 10%;
align-items: center;
-webkit-align-items: center;
display: -webkit-flex;
flex-direction: row;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
text-align:center !important;
	
	}
	
#item {
	text-align:center;
	width: 150px;
	
	}
	
w2 {
	color: #fff;
    font-size: 2.4em;
    font-family: 'Montserrat', sans-serif;
    text-align: center !important;
	}

w3 {
	color: #fff;
    font-size: 1em;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
	}

/* -------------------------- menu header ------------------------ */

.hide {
	display:none;
}
 
.img {
	float:left;
	width: 150px;
}

header img {
padding: 10px 0 10px 5%;
}


/* ----------------- RESPONSIVE NAV STYLES ----------------------- */

.nav-collapse ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
}

.nav-collapse li {
  width: 100%;
  display: block;
}

.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

.nav-collapse.opened {
  max-height: 9999px;
}

.disable-pointer-events {
  pointer-events: none !important;
}

.nav-toggle {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

@media screen and (min-width: 23.75em) {
  .js .nav-collapse {
    position: relative;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle {
    display: none;
  }
  

}


/* ------------------------------------------
  FIXED HEADER
--------------------------------------------- */

header {
  background: rgba(180,1,4,0.95);
  position: fixed;
  z-index: 100;
  width: 100%;
  left: 0;
  top: 0;
  
}


/* ------------------------------------------
  MASK
--------------------------------------------- */

.mask {
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  transition: opacity 300ms;
  background: rgba(0,0,0, 0.5);
  visibility: hidden;
  position: fixed;
  opacity: 0;
  z-index: 1 ;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}

.android .mask {
  -webkit-transition: none;
  transition: none;
}

.js-nav-active .mask {
  visibility: visible;
  opacity: 1;
}

@media screen and (min-width: 23.75em) {
  .mask {
    display: none !important;
    opacity: 0 !important;
  }

  
  
}


/* ------------------------------------------
  NAVIGATION STYLES
--------------------------------------------- */

.fixed {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
}

.nav-collapse,
.nav-collapse * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.nav-collapse,
.nav-collapse ul {
  list-style: none;
  width: 100%;
  float: left;
  top: 10px;
  
}

@media screen and (min-width: 23.75em) {
  .nav-collapse {
    float: right;
    width: auto;
  }
}

.nav-collapse li {
  float: left;
  width: 100%;
  

}

@media screen and (min-width: 23.75em) {
  .nav-collapse li {
    width: auto;

  }
}

.nav-collapse a {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  border-top: 1px solid white;
  text-decoration: none;
  padding: 0.5em 1em;
  color: #fff;
  width: 100%;
  float: left;
}

.nav-collapse ul li a:hover {
  background: rgba(101,2,3,0.5);
}

@media screen and (min-width: 23.75em) {
  .nav-collapse a {
    padding: 1.02em 2em;
    text-align: center;
    border-top: 0;
    float: left;
    margin: 0;
  }
}

.nav-collapse ul ul a {
  background: #ca3716;
  padding-left: 2em;
}

@media screen and (min-width: 23.75em) {
  .nav-collapse ul ul a {
    display: none;
  }
}


/* ------------------------------------------
  NAV TOGGLE STYLES
--------------------------------------------- */

@font-face {
  font-family: "responsivenav";
  src:url("/icons/responsivenav.eot");
  src:url("/icons/responsivenav.eot?#iefix") format("embedded-opentype"),
    url("/icons/responsivenav.ttf") format("truetype"),
    url("/icons/responsivenav.woff") format("woff"),
    url("/icons/responsivenav.svg#responsivenav") format("svg");
  font-weight: normal;
  font-style: normal;
}

.nav-toggle {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none;
  text-indent: -300px;
  position: fixed;
  overflow: hidden;
  width:60px;
  height: 60px;
  float:right !important;
  margin-left: 170px !important;
  
}

.nav-toggle:before {
  color: #fff; /* Edit this to change the icon color */
  font: normal 40px/35px "responsivenav"; /* Edit font-size (28px) to change the icon size */
  text-transform: none;
  text-align: center;
  position: absolute;
  content: "\2261"; /* Hamburger icon */
  text-indent: 0;
  speak: none;
  width: 100%;
  left: 0;
  top: 13px;
}

.nav-toggle.active:before {
  font-size: 24px;
  content: "\78"; /* Close icon */
}


/* menu header mobile */

/* CSS para Botões Idioma no Header */
@media screen and (width: 23.75em) {
	
	
	.idioma {
	position:relative;
	float:right !important ;
	margin-top:20px;
	margin-left:500px !important;
	width:120px;
	height: 30px;
	inline-box-align: initial;
}

.idiomapt {
	position:relative;
	float:right !important ;
	margin-top:20px;
	margin-left:500px !important;
	width:120px;
	height: 30px;
	inline-box-align: initial;
}
}

.idioma {
	position:relative;
	float:right;
	margin-top:20px;
	margin-left:185px;
	width:120px;
	height: 30px;
	inline-box-align: initial;
	
}

.idiomapt {
	position:relative;
	float:right;
	margin-top:20px;
	margin-left:185px;
	width:120px;
	height: 30px;
	inline-box-align: initial;
	
}

@media screen and (min-width: 1440px) {
	whitepn {
	color: #fff;
    font-size: 3.1em;
	font-weight:600;
    text-align: center;
}
	}

@media screen and (max-width: 23.75em) {

.formin {
	height: 70%;
	margin-top:150px;
	margin-bottom: 100px;
	padding-top: 70px !important;
	padding-bottom: 50px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	display:inline-block;
	width: 80% !important;
	border-radius: 100px !important;
	background-color: white;
	z-index: 1;
	}

.x3 {
	margin-top: 68px !important;
	width: 100%;
	z-index: 99;
}

.back {
	position: relative;
	float: right;
	margin-right: 10px;
	}
	
.back:hover {
	width:50px;

	}
	
.idiomaouvidoria {
	position: relative !important;
	margin-top:17px;
	margin-right:-10px !important;
	
}

.img {
	float:left;
	width: 120px;
}

header img {
padding: 10px 0 10px 5%;
}

p1 { 
	font-size: 2.5em;
}

p2 { 
	font-size: 0.91em;
	text-transform: none;
	letter-spacing:-0.03em;
	text-align:left; 
}

pn { 
	font-size: 2.5em;
}

pnn {
	font-size: 1.0em;
	font-weight:400;
	letter-spacing: 0.045em !important;
	
}

pbr {
	font-size: 1.0em;
	font-weight:400;
	letter-spacing: -0.007em !important;
	
}

pes {
	font-size: 1.0em;
	font-weight:400;
	letter-spacing: -0.03em !important;
	
}

pnu { 
	font-size: 1.0 em;
	font-weight:500 !important;
 
}

.cinza {
	margin: 0 auto;
	padding-left: 10% !important;
	padding-right: 6% !important;
	
	
 }

.atuacao {
	
	margin-top: 50px !important;
	margin- left: 0 auto;
	text-align:left !important;
	
	}

	
#bola { 
	width: 280px;
	height: 280px;
	padding: 10px 10px 10px 10px;
	margin-top:30px;
	margin-right:10px;
	text-align:center;
	border-radius: 200px;
	vertical-align:middle;
}

.imgatopo {
	margin-top:50px;
	margin-left:45px;
	margin-right:auto;
	width: 70px; }
	

.imga2  { 
	margin-top: 85px;
	width: 50px!important; }
	
.imga1  {
	display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center; 
	margin-left:auto;
	margin-right:auto;
	width: 50px !important; }
	
.imga3  { 
	margin-top:50px;
	width: 85px !important; }

pm {
	margin:auto;
	
}

pc {
	margin:auto;
}



whitepn {
	color: #fff;
    font-size: 2.4em;
	font-weight:600;
    text-align: left;
	
}

whitepnn {
	color:#fff;
    font-size: 1.0em;
	
    font-family: 'Montserrat', sans-serif;
    text-align:left;
}

	
w2 {
	color: #fff;
    font-size: 2.4em;
    font-family: 'Montserrat', sans-serif;
    text-align: left !important;
	margin-bottom: -30px;
	}

w3 {
	color: #fff;
    font-size: 1em;
	letter-spacing:0.04em;
    font-family: 'Montserrat', sans-serif;
    text-align: left ;
	}
	
.ouvidoriaimg {
	height: auto;
	width:100% !important; 
	
	}
	
}

.centermet {
	padding-top: 2% !important;
	margin-left: 5px;
	margin-right: 5px;
	

	
	}

.centermet2 {
	padding-top: 80px;
	padding-left: 50px;
	

	}

	 

@media screen and (max-width: 23.75em) {
	
body {overflow-Y:auto;
	overflow-x: hidden !important;
	}
	
.idioma {
	position:fixed;
	float:right;
	margin-top:15px;
	margin-left:185px ;
	width:120px;
	height: 30px;
	inline-box-align: initial;
	
}

.idiomapt {
	position:fixed;
	float:right;
	margin-top:15px;
	margin-left:185px ;
	width:120px;
	height: 30px;
	inline-box-align: initial;
	
}

#fixed {
	position:fixed;
	float: left;
	margin-top:65px;
	
	}
	 
.intelco {
	margin-top: 60px;
	text-align: left !important;
	vertical-align:middle;
	padding-top:10%!important;
	padding-bottom:10% !important;
	padding-left:10% !important;
	padding-right:10% !important;
	}
.prezitb {
	margin-top:30px;
	margin-bottom:50px;
	width:355px !important;
	height:250px !important;
}

}

.br {
	float:left;
	width:30px;
	height:30px;
	margin-right: 7px;
	border:2px solid;
	border-color:#660000;
	border-radius: 16px;
	color: #999;
}

.brbr {
	float:left;
	width:30px;
	height:30px;
	margin-right: 7px;
	border:2px solid;
	border-color:#fff;
	border-radius: 16px;
	color: #999;
}



div.br:hover {
	border-radius: 10px;
	background-color: rgba(204,51,51,0.4);
}

div.brbr:hover {
	border-radius: 10px;
	background-color: rgba(204,51,51,0.4);
}

.es {
	float:left;
	width:30px;
	height:30px;
	margin-right: 7px;
	border:2px solid;
	border-color:#FFF;
	border-radius: 16px;
	
}

.eses {
	float:left;
	width:30px;
	height:30px;
	margin-right: 7px;
	border:2px solid;
	border-color:#660000;
	border-radius: 16px;
	color: #ccc;
	padding-left: 1px;
	
}

div.es:hover {
	border-radius: 10px;
	background-color: rgba(204,51,51,0.4);
	

}

div.eses:hover {
	border-radius: 10px;
	background-color: rgba(204,51,51,0.4);
	
	
}

.en {
	float:left;
	width:30px;
	height:30px;
	border: 2px solid;
	border-color:#660000;
	border-radius: 16px;
	color: #999;
	padding-right:1px;
	
}

.enen {
	float:left;
	width:30px;
	height:30px;
	padding-right: 2px;
	border:2px solid;
	border-color:#fff;
	border-radius: 16px;
	color: #999;
	
}

div.en:hover {
	border-radius: 10px;
	background-color: rgba(204,51,51,0.4);
}

lang {
	float:left;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	margin-left: 4px;
	margin-top: 6px;
	color: #660000;

}



slang {
	float:left;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	color:#FFF;
	margin-left: 4px;
	margin-top: 6px;

}

/* FIM CSS para Botões Idioma no Header */

/* CSS para MAIN */

.container { 
	width:100%;
	margin: 0 auto;
	}
	
.intelco {
	text-align:center;
	vertical-align:middle;
	padding-top:5%;
	padding-bottom:5%;
	padding-left:15%;
	padding-right:15%;
	background-color:#8c0101;
	border-bottom-radius:150%;
	
	}

.cinza {
	
	margin:  0 ;
	padding-bottom: 100px !important;
	padding-left:20%;
	padding-right:20%;
	background:linear-gradient(#fefefe,#d5d6d9) !important;
	
	
}

.margin {
	text-align:center;
	margin-left: 18%;
	margin-right: 18%;
	}


@media screen and (max-width: 85.375em) {	
.cinza {
	
	margin:  0 ;
	padding-bottom: 100px !important;
	padding-left:10%;
	padding-right:10%;
	background:linear-gradient(#fefefe,#d5d6d9) !important;	
}

.margin {
	text-align:center;
	margin-left: 10%;
	margin-right: 10%;
	}

}

@media screen and (max-width: 23.75em) {
.margin {
	text-align:left;
	margin-left: 0;
	margin-right: 0;
	}
}


.prezitb {
	margin-top:30px;
	margin-bottom:50px;
	width:920px;
	height:540px;
}

/* CSS para Footer */

footer {
	background-color:#900;
	padding-top: 50px;
	padding-left: 50px;
	padding-right: 20px;
	padding-bottom: 20px;
	text-align:center;
	
	}

	
#itemfooter {
	text-align:center;
	margin-top: 70px ;
	margin-left: 20px ;
	margin-right: 40px ;
}

.imgfooter {
	margin-top: -45px;
	}

pf {
	font-weight:400;
	color: white;
	font-size: 0.85em;
	letter-spacing: 0.03em;
	}
	


@media screen and (max-width: 23.75em) {
	footer {
	background-color:#900;
	padding-top: 50px;
	padding-left: 50px;
	padding-right: 20px;
	padding-bottom: 5px;
	text-align:center;
	}

	
.itemfooter {
	text-align:center;
	margin-top: 50px ;
	margin-bottom: 30px ;
	margin-left: 10px ;
	margin-right: 25px ;

}
}

/* CSS para Tablet/Projetor */
@media screen and (min-width: 25em) and (max-width: 64em) {
	  .nav-collapse a {
    padding: 0.5em 0.5em !important;
    text-align: center;
    border-top: 0;
    float: left;
    margin-top: 15px;
  }
  
.back:hover {
	width:50px;
	

	}
	
.back {
	position: relative;
	float: right;
	margin-right: 10px;

	
	}
	
.idiomaouvidoria {
	position: relative !important;
	margin-top:17px;
	margin-right:-10px !important;
	
}

.idioma {
	position:fixed;
	float:right !important ;
	margin-top:20px;
	margin-left:230px !important;
	width:120px;
	height: 30px;
	inline-box-align: initial;
}


.idiomapt {
	position:fixed;
	float:right !important ;
	margin-top:20px;
	margin-left:275px !important;
	width:120px;
	height: 30px;
	inline-box-align: initial;
}

formin {
	height: 80%;
	margin-top:120px !important;
	margin-bottom: 100px;
	padding-top: 70px !important;
	padding-bottom: 50px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	display:inline-block;
	width: 90% !important;
	border-radius: 100px !important;
	background-color: white;
	z-index: 1;
	}

#item {
	text-align:center;
	width: 150px;
	
	}
	
		
#itemfooter {
	text-align:center;
	margin-top: 70px ;
	margin-left: 5px ;
	margin-right: 20px ;
}

.nav-collapse,
.nav-collapse ul {
  top: 5px;
}

#bola {
	margin-top:30px;
	margin-right:10px;
	margin-left:10px;
	
	}

.cinza {
	padding-left:5%;
	padding-right:5%;
	}	

#item {
	margin-left:10px;
		margin-right:10px;
	
	}

.imga3  { 
	margin-top:70px !important;
	width: 85px !important; }
	
.imga1 {
	width: 50px !important;
	height:auto;
	
	}
	
.ouvidoriaimg {
	height: auto;
	width:90% !important; 
	
	}

}
	
	


/* CSS para Ouvidoria */

.form {
	background:linear-gradient(#333333,#161616);
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	margin-down:auto;
	text-align:center;
	z-index: 1;
	
	}
	
.formin {
	height: 70%;
	margin-top:150px;
	margin-bottom: 50px;
	padding: 86px;
	display:inline-block;
	width: 40%;
	border-radius: 300px;
	background-color: white;
	z-index: 1;
	}
	
.ouvidoriaimg {
	height: auto;
	width:80%; 
	
	}

/* CSS para Central de Apoio */

.colab {
	width: 100%;
	color: #fff;
	padding-top: 10em;
	padding-bottom: 5em;
	text-align: center;
	background:linear-gradient(#161616,#333333);
	align-items: center;
-webkit-align-items: center;
display: -webkit-flex;
flex-direction: row;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
	
}

.imgcolab {
	height:80px;
	
}

#opencentral {
	width: 60%;
	text-align: center;
	align-items: center;
-webkit-align-items: center;
display: none;
transition: display 2s;
flex-direction: row;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
	
	
}


.title  {
	width: 100%;
	margin-bottom: 2em;
	
}

h3  {
	color: #fff;
    font-size: 1.2em;
	font-weight: 300;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
	
}


h4  {
	color: #fff;
    font-size: 1em;
	font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
	
}

.centraldeapoio {
	
	background-color: brown;
	align-items: center;
-webkit-align-items: center;
display: -webkit-flex;
flex-direction: row;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
	padding: 25px;
	margin: 25px;
	width: 150px;
	border-radius: 50px;
	border-color: #fff;
}

.gif {
	height:150px;
	
}

.centraldeapoio:hover {
	border: 5px solid;
	border-color: #fff;
}

.boxcolab{
	background-color: brown;
	margin: 25px;
	padding: 25px;
	width: 150px;
	border-radius: 50px;
	
}

.centraldeapoio:visited {
	background-color: #555555;
	
}

.boxcolab:hover {
	border: 5px solid;
	border-color: #fff;
	
}

.boxcolabsub{
	background-color: #555555;
	margin: 25px;
	padding: 25px;
	width: 150px;
	border-radius: 50px;
	
}

.boxcolabsub:hover {
	border: 5px solid;
	border-color: #fff;
	
}