/* ********************************** *************** ******************************** */
/* ******************************** ESTILOS DAS PÁGINAS ****************************** */



/* -------------------------------------- CONTATO ------------------------------------ */
.pagina-contato { padding: 30px 0px 30px 0px; }

.pagina-contato .std-forms { margin-top: 20px; }
.pagina-contato .std-forms label { margin-bottom: 10px; }
.pagina-contato .std-forms input[type="text"], .pagina-contato .std-forms input[type="password"], .pagina-contato .std-forms textarea, .pagina-contato .std-forms select { 
border-radius:8px; color:#fff; font-size:1.2em; background: #68a097; border:1px solid #68a097;
padding: 8px 8px 8px 8px; }
.pagina-contato .std-forms textarea { min-height: 120px;border-radius:8px; color:#fff; font-size:1.2em; background: #68a097; }
.pagina-contato .std-forms button {border-radius:8px; border:1px solid #68a097; background: #68a097;color:#fff; display: block; width: 50%; max-width: 150px; margin: 5px; padding: 5px 0px; text-align: center; float:right; transition: 0.3s;}
.pagina-contato .std-forms button:hover {background: orange;color:#000;border:1px solid orange; transition: 0.3s; }
/* ----------------------------------------------------------------------------------- */




/* --------------------------------------- SOBRE ------------------------------------- */
.pagina-sobre { background: #C9DCDA; padding: 30px 0px 30px 0px; }
.pagina-sobre p{
	font-size:1.2em;
}
.sobre_img{
	text-align: center;
	min-height: 293px;
	background: url('Imagens/faixa1.jpg') no-repeat top center;
}
.quem_img{
	text-align: center;
	min-height: 308px;
	background: url('Imagens/faixa2.jpg') no-repeat top center;
}
/* ----------------------------------------------------------------------------------- */




/* ----------------------------------- O QUE FAZEMOS --------------------------------- */
.pagina-fazemos { background: #F7FBFC; padding: 30px 0px 30px 0px; }
.pagina-fazemos  p{
	font-size:1.2em;
}
.pagina-fazemos .cases { margin: 40px 0px 0px 0px; }
.pagina-fazemos .cases .case { overflow: hidden; border-radius: 4px; margin: 0px 10px 0px 10px; }
.pagina-fazemos .cases .case a { text-decoration: none; }
.pagina-fazemos .cases .case a figure { position: relative; display: block; margin: 0px; padding: 0px; }
.pagina-fazemos .cases .case a figure img { display: block; width: 100%; }
.pagina-fazemos .cases .case a figure i { position: absolute; top: 50%; left: 50%; margin: -30px 0px 0px -27px; font-size: 60px; color: #FFF; opacity: 0; transition: 0.3s; }
.pagina-fazemos .cases .case:hover a figure i { opacity: 0.8; transition: 0.3s; }
.pagina-fazemos .cases .case a > div { background: #365C65; height: 70px; padding: 5px 10px; }
.pagina-fazemos .cases .case a > div h2 {  text-transform:uppercase; color: #ADD2CB; text-align: center; font-size: 0.95em; font-weight: normal; margin: 0px; position: relative; top: 50%; transform: translateY(-50%); }
.pagina-fazemos .texto_fazemos{	color:#365c66;	padding:0 20px 10px 10px;}

.pagina-fazemos .box_fazemos{ background: #c9dcda; padding:0; border-radius: 8px; min-height: 200px; }
.pagina-fazemos .box_fazemos .box_sub { background: #365C65;  padding: 10px 10px; -webkit-border-radius: 0 0 8px 8px;
border-radius: 0 0 8px 8px;}
.pagina-fazemos .box_fazemos .box_sub h2 {padding: 5px;text-transform: uppercase;color: #ADD2CB;text-align: center;font-size: 0.95em;
font-weight: normal;margin: 0px;}
.pagina-fazemos .box_fazemos .box_fazemos_logo{	width:100%;	display: inline-block;	padding:20px;	margin: 0 auto;}
.pagina-fazemos .box_fazemos .box_fazemos_logo figure img{	float:left;	margin-left:20px;}
.pagina-fazemos .box_fazemos .box_fazemos_logo ul{	float:right;	padding:30px;}
.pagina-fazemos .box_fazemos .box_fazemos_logo ul li{margin:10px 0;}
.pagina-fazemos .box_fazemos .box_fazemos_logo ul li a{	color: #365C65;	text-transform: uppercase;	font-size:1.3em;}
.pagina-fazemos .box_fazemos .box_fazemos_logo ul li a:hover{	color:orange;	text-decoration: none;}
.pagina-fazemos .box_fazemos .triangle{
	width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color: transparent transparent #365c65 transparent;
margin:0 auto;
}
.pagina-fazemos .cases .case .triangle{
	width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color: transparent transparent #365c65 transparent;
margin:0 auto;
display:block;
position: relative;
margin-top: -10px;
}
/* ----------------------------------------------------------------------------------- */
/* ------------------------------------- NOTÍCIAS ------------------------------------ */
.pagina-noticias {min-height:500px}
.conteudo_texto{
	padding:20px;
}
.pagina-noticias .noticias .noticia { background: #F7F7F7; padding:15px; transition: 0.4s; width:96%}
.pagina-noticias .noticias .noticia:hover { background: #FFF; -webkit-box-shadow: 1px 2px 4px 0 rgba(0,0,0,0.25); box-shadow: 1px 2px 4px 0 rgba(0,0,0,0.25); transition: 0.4s; }
.pagina-noticias .noticias .noticia figure { opacity: 0.75; margin: -10px 0px -10px -10px; transition: 0.4s; }
.pagina-noticias .noticias .noticia:hover figure { opacity: 1.0; transition: 0.4s; }

@media all and (max-width: 768px) { .pagina-noticias .noticias .noticia figure { margin: -10px -10px 10px -10px; } }

.pagina-noticia{
	width:90%; margin:25px auto
}
.pagina-noticia h1{
		font-family: 'Lato', sans-serif;
		font-weight:300;
		color:#68a097;
		font-size:1.6em;
}
/* 



/* ----------------------------------- QUEM SOMOS ------------------------------------ */
.pagina-quem { background: #D0E0DF; padding: 30px 0px 30px 0px; }

.pagina-quem .membros {}
.pagina-quem .membros .membro { text-align: center; padding: 20px; height: 325px; }
.pagina-quem .membros .membro a { text-decoration: none; }
.pagina-quem .membros .membro figure { display: block; width: 80%; margin: 0px auto 20px auto; padding: 4px; background: #B6CACB; overflow: hidden; border-radius: 50%; }
.pagina-quem .membros .membro figure img { display: block; width: 100%; border-radius: 50%; }
.pagina-quem .membros .membro h2 { margin: 0px 0px 5px 0px; font-size: 1.2em; color:#365c66;}
.pagina-quem .membros .membro span { display: block; margin: 0px 0px 10px 0px;color:#365c66; }
.pagina-quem .membros .membro ul { margin: 0px; padding: 0px; list-style: none; }
.pagina-quem .membros .membro ul li { display: inline-block; width: 30px; height: 30px; border-radius: 50%; background: #597684; box-sizing: border-box; padding: 4px 0px 0px 0px; margin: 0px 3px 0px 3px; }
.pagina-quem .membros .membro ul li a { color: #FFF; font-size: 1.1em; }
/* ----------------------------------------------------------------------------------- */