/*font*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);





/* GERAIS -------------------------------------------------------------*/





html{

	overflow-x: hidden;	

}



body{

    font-family: 'Open Sans', Arial, serif;

	background-color:#F2F2F2;

}



*{

	margin:0px auto;

	padding:0px 0px;	

}



ul{

    list-style: none;

}



a {

    text-decoration: none;

    border: none;

	-webkit-transition: 0.5s;

    -moz-transition: 0.5s;

    -o-transition: 0.5s;

    -ms-transition: 0.5s;

    transition: 0.5s;	

}

a:hover {

    text-decoration: none;

	-webkit-transition: 0.5s;

    -moz-transition: 0.5s;

    -o-transition: 0.5s;

    -ms-transition: 0.5s;

    transition: 0.5s;	

}



p {

    margin-top:1em;

}



img {

    border: none;

}



.conteudo{

    max-width:1100px;

    height: 100%;

}



.no-margin-right {

  margin-right :0 !important;

}



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



header{

    width:100%; 

	position:relative;

	float:left;

	padding:15px 0;

	border-top: 4px #111111 solid;

}



.logo{

	position:relative;

	float:left;

}



/* MENU -------------------------------------------------------------*/



nav{

	margin-top:0.5%;

    position: relative;

    float: right;

}



nav a{

	float:left;

	position:relative;

    padding: 15px;

    display: block;

    color: #111111;

	font-size:0.9em;

	font-weight:bold;

}



nav a:hover{

    color:#666;

}



.mob{

	width:100%;

	float:left;

	position:relative;

	display:none;	

}



.mob-title{

	width:100%;

	float:left;

	position:relative;

}



.mob-title a{

	width:100%;

	float:left;

	position:relative;

	background:#111111;

	padding:15px 0 15px 0;

	color:#fff;

	cursor:pointer;

	text-align:center;

}



.mob-title a:hover{

	background:#444343;

}



.menu-mobile{

	width:100%;

	float:left;

	position:relative;

	background:#111111;

	padding:0;

	text-align:center;

	display:none;

}



.menu-mobile a{

	width:100%;

	float:left;

	position:relative;

	color:#929292;

	border-bottom: 1px solid #3f3e3e;

	padding: 15px 0px 15px 0;

	font-size:0.9em;

	font-weight:400;

}



.menu-mobile a:hover{

	color:#fff;

	background:#444343;	

}



/* BANNER -------------------------------------------------------------*/



.banner{

	width: 100%;

    height: auto;

	position:relative;

	float:left;

	padding:0px 0;

	text-align:center;

}







.banner-conteudo{

	width: 100%;

    height: auto;

	position:relative;

	float:left;

	background:url(../images/banner.png) center;

	padding:150px 0;

}



.banner-conteudo h1{

	font-size:1.8em;

	color:#FFF;

	padding-left:2%;

	border-left: 8px #FFFFFF solid;

}



/* MIOLO -------------------------------------------------------------*/



.bem-vindo{

	width:100%;

	float:left;

	position:relative;

	margin-top:3%;

	margin-bottom:3%;

}



.bem-vindo figure{

	width:35%;

	float:left;

	position:relative;

	margin-right:2%;

}



.bem-vindo figure img{

	width:100%;	

}



.bem-vindo-texto{

	width:60%;

	float:right;

	position:relative;

	margin-left:3%;

	padding-top:6%;

}



.bem-vindo-texto h1{font-size:1.8em; color:#111111; text-transform:uppercase;}

.bem-vindo-texto h2{font-size:1.3em; color:#111111; font-weight:300;}





.conteudo-texto{

	width:100%;

	float:left;

	position:relative;

	margin:2% 0 4% 0;

}



.conteudo-texto h2{font-size:1.2em; color:#111111;padding-left:1%;border-left: 6px #111111 solid;}

.conteudo-texto p{color:#666; font-size:0.9em; line-height:1.4em;}





.side-preto{

	width:98%;

	float:left;

	position:relative;

	border-left:8px #111111 solid;

	padding-left:2%;

	margin-bottom:4%;

}



.side-branco{

	width:98%;

	float:left;

	position:relative;

	border-left:8px #fff solid;

	padding-left:2%;

	margin-bottom:4%;

}



.side-branco h1{font-size:1.6em; color:#fff; text-transform:uppercase;}

.side-branco h2{font-size:1.3em; color:#fff; font-weight:300;}



.bem-vindo-texto p{color:#666; font-size:0.9em; margin-top:3%; line-height:1.4em;}



.onde-estamos{

	width:94%;

	float:left;

	position:relative;

	background:#111111;

	padding:4%;	

}



.onde-estamos p{font-size:0.9em; color:#fff;}

.onde-estamos h1{font-size:1.4em; color:#fff; text-transform:uppercase;}

.onde-estamos h2{font-size:1.2em; color:#fff; font-weight:300;}



.onde-estamos a{

	color:#fff;

}

.endereco{

	width:46%;

	float:left;

	position:relative;

	margin-right:2%;

}



.onde-titulo{

	float:right;

	position:relative;

	padding-right:2%;

	border-right:8px #fff solid;

	text-align:right;

}



.area-de-atuacao{

	width:100%;

	float:left;

	position:relative;

	background:url(../images/area-de-atuacao.png) center;

	padding:30px 0;

}



.frame-atuacao{

	width:89%;

	height:250px;

	position: absolute;

	border:2px solid #666;

	margin-left:11%;

}



.atuacao{

	width:48.5%;

	height:250px;

	float:left;

	position:relative;

	margin:0 3% 3% 0;

}



.atuacao h1{font-size:1.0em; color:#fff; font-weight:600;}



.atuacao p{font-size:0.9em; color:#fff;}



.circle{

	float:left;

	position:relative;

	background:#363636;

	border-radius:50%;

	padding:5% 6.5%;

	margin-top:60px;

	margin-right:3%;

	text-align:center;	

}



.texto-atuacao{

	width:65%;

	float:left;

	position:relative;

	margin-top:60px;

	margin-left:2%;	

}



.missao{

	width:30%;

	margin-right:3%;

	float:left;

	margin-top:5%;

}



.quemsomos figure{

	width:50%;

	float:left;

}

.quemsomos article{

	width:50%;

	float:left;

}



.links{

	width:31%;

	float:left;

	position:relative;

	margin-right:2.5%;

	font-size:0.9em;	

}



.links a{

	width:90%;

	float:left;

	position:relative;

	background:#FFF;

	text-align:center;

	color:#111111;

	margin-bottom:6%;

	padding:20px 0;

	border: 1px #E5E5E5 solid;

}



.links a:hover{

	background:#111111;

	color:#fff;

	border: 1px #111111 solid;

}



.noticias-1{

	background:#e1e1e1;

}

.noticias{

	width:50%;

	float:left;

	margin-right:2%;

	font-size: 0.8em;

    line-height: 2em;

	margin:3% 0;

}



.noticias a{

	color:#000;

}



.noticias h1{font-size:1.8em; color:#111111; text-transform:uppercase;}





.foto{

	width:45%;

	float:left;

	margin-top:2%;

}



.foto img{

	max-width:100%;

	height:auto;

}

/*FORMULÁRIO ----------------------------------------------------------*/



#ribbon {
	float: left;
	width: 30%;
	position: relative;
	background: rgba(0,0,0,0.9);
	opacity: 0.95;
	z-index: 7;
	/* [disabled]margin-left: 10%; */
	padding: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #FFF;
	text-align: center;

}



#ribbon a{

	color:#666;

}



.row {

    margin-right: -15px;

    margin-left: -15px;

}



.field{

	width: 48%;

	margin-right:0.5%;

	padding: 0.5%; 

	border: 1px solid #c3c2c2;  

	height: 50px; 

	color: #666; 

	margin-bottom: 10px; 

	background:#e7e7e7;

	float:left;

	position:relative;

}



.msg{

	font-family: 'Open Sans', Arial, serif; 

	font-size: 0.85em; 

	padding: 0.5%; 

	border: 1px solid #c3c2c2; 

	width: 98%; 

	color:#666; 

	margin-bottom: 10px; 

	background: #e7e7e7;

}



#contato{
	width: 70%;
	float: left;
	position: relative;

}



.button{

	cursor:pointer;

	float: left;

	color: #fff;

	text-align: center;

	background: #111111;

	border: 0.1px solid #051c44;

	margin-top: 10px;

	margin-bottom: 10px;

	padding-top: 15px;

	padding-right: 30px;

	padding-bottom: 15px;

	padding-left: 30px;

	-webkit-transition: 0.5s;

    -moz-transition: 0.5s;

    -o-transition: 0.5s;

    -ms-transition: 0.5s;

    transition: 0.5s;

}



.button:hover {

	background:#666;

	border: 0.1px solid #666;

	-webkit-transition: 0.5s;

    -moz-transition: 0.5s;

    -o-transition: 0.5s;

    -ms-transition: 0.5s;

    transition: 0.5s;

}



/* FOOTER -------------------------------------------------------------*/



footer{
	width: 100%;
	height: 100px;
	padding-top: 20px;
	background-color: #000;
	color: #fff;
	font-size: 0.9em;
	text-align: center;
	position:relative;
	float:left;
}



footer a{color:#fff;}



/* POP UP IE -------------------------------------------------------------*/





#mask {

  position:absolute;

  left:0;

  top:0;

  z-index:9000;

  background-color:#333;

  display:none;

}

  

#boxes .window {

  position:absolute;

  left:0;

  top:0;

  width:440px;

  height:200px;

  display:none;

  z-index:9999;

  padding:20px;

}

 

#boxes #dialog2 {

  background:transparent; 

  width:650px;

  margin:0 auto;

  margin-top:-160px;

}

 

.close{

    display:block; 

    float: left;

	margin-left: 0;

	font-weight: bold;

	line-height: 1;

	cursor: pointer;

	color: #fff;

	text-align: center;

	text-shadow: 0 -1px 1px #64799e;

	/* Background gradient */

	background: #191d2f;

	/* Border style */

	border: 0.1px solid #051c44;

	margin-top: 10px;

	margin-right: 30px;

	margin-bottom: 10px;

	padding-top: 6px;

	padding-right: 8px;

	padding-bottom: 6px;

	padding-left: 8px;

	background-color: #25a9e0;

	background-position: 0% 0%;

}



@media only screen and (max-width :1440px){

.conteudo{

    max-width:80%;

    height: 100%;

}

}



@media only screen and (max-width :1024px){

	.logo{width:100%;text-align:center;}

	nav{display:none;}

	.mob{display:block;}

	

	.bem-vindo{

	width:100%;

	float:left;

	position:relative;

	margin:3% 0;

	}

	

	.bem-vindo figure{display:none;}

	

	.bem-vindo-texto{

	width:100%;

	float:right;

	position:relative;

	margin-left:0%;

	}

	

}



@media only screen and (max-width :800px){

	.atuacao{

	width:100%;

	margin:0 0 6% 0;

	}

	

	.texto-atuacao{

		text-align:justify;	

	}

	

	.quemsomos figure{

	width:100%;

	float:left;

	}

	

	.quemsomos article{

	width:100%;

	float:left;

	}

	

	.missao{

		width:100%;

	}

	

	.banner{

		display:none;

	}

	



}



@media only screen and (max-width :600px){

	

.frame-atuacao{display:none;}

	

.atuacao{

	height:auto;

	border:1px #666 solid;

}



.circle{

	margin-right:40%;

	margin-left:38%;

	margin-bottom:20px;

	margin-bottom:3%;

	text-align:center;	

}



.texto-atuacao{

	width:96%;

	margin-top:0px;

	margin-bottom:30px;

	margin-left:0%;

	text-align:center;

	padding:0 2%;

}



.links{

	width:100%;

	float:left;

	position:relative;

	margin-right:0%;

	font-size:0.9em;	

}



.links a{

	width:100%;

}



.field{

	width: 96%;

	margin-right:0;

	padding: 2%; 

	border: 1px solid #c3c2c2;  

	height: 30px; 

	color: #666; 

	margin-bottom: 15px; 

	background:#e7e7e7;

}



.msg{

	width: 99%;

}



.conteudo-texto{

	margin:40px 0 4% 0;

}



	.quemsomos figure{

		display:none;

	}

	

	.noticias{

		width:100%;

	}

	

	.foto{

		display:none;

	}



}



@media only screen and (max-width:450px){

	

	.logo img{

		width:100%;

	}

    

	.endereco{

	width:100%;

	margin-right:0%;

	}

	

	.onde-titulo{

	width:100%;

	float:left;

	position:relative;

	margin-top:6%;

	padding-right:0%;

	border-right:8px #fff solid;

	text-align:center;

	}

	

	.atuacao{

	width:100%;

	margin:10% 0 10% 0;

	}

	

	.circle{

	margin-left:35%;

    }

	

}

.termLGPD{
	position:fixed;
	width:100%;
	bottom:0px;
	background-color:#FFFFFF;
	color:#000000;
	text-align:center;
	font-size:10px;
	z-index:1000;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	min-height: 80px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.termLGPD label{
	width:100%;
	max-width:800px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}
.termLGPD a{
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	font-weight: bold;
	text-transform: lowercase;
}
.termLGPD button{
	border: 1px solid #000000;
	padding: 10px;
	color: #000000;
	border-radius: 5px;
	margin-left: 5px;
	background-color: #FFFFFF;
}