@import "config.css";
@import "internas.css";


.titulo_boxs {width:100%; height:auto; text-align:left;}
.titulo_boxs h2 {color:#024a69; font-weight:700; font-size:30px; text-transform:uppercase; padding:10px 0; display:block; margin-bottom:15px;}

.btn_icon2 {color:#fff; font-size:16px; display:block;}
.btn_icon2:hover {color:#eee;}

.btn_icon {color:#024a69; font-size:16px; display:block;}
.btn_icon:hover {color:#000;}



#logo {float:left; margin:10px 0 0 0;} #logo img {max-width:100%;}
#tb_topo_left {float:left;}
#tb_topo_right {float:right;}

#faixa_tel_email {max-width:800px; float:right; margin:35px 0 0 0;}
#faixa_tel_email a {color:#777; font-size:16px;}

/*MENU*/
nav, ul, li, a  {margin: 0; padding: 0;}
#bg_menu {width:100%; height:auto; background:#024a69; border-top:1px solid #eee; position:relative; z-index:999;}

.toggleMenu {display:none; background:#024a69; padding: 10px 0; color:#fff; width:100%;}
.nav {list-style: none; *zoom: 1; background:#024a69;}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {clear: both;}
.nav ul {list-style: none; width: 9em;}
.nav a {font-size:15px; padding: 15px 20px; color:#fff; text-transform:capitalize;}

.nav li {position: relative;}
.nav > li {float: left;}
.nav > li > .parent {
    background-image:url(../images/downArrow.png);
    background-repeat: no-repeat;
    background-position: right;
}
.nav > li > a {display: block;}
.nav li  ul {position: absolute; left: -9999px; width:200px;}
.nav li  ul a:hover {color:#777;}
.nav > li.hover > ul {left: 0;}
.nav li li.hover ul {left: 100%; top: 0;}
.nav li li a {display: block; background:#fff; position: relative; z-index:100; border-bottom:1px solid #eee; padding:15px 10px; color:#000;}

@media screen and (max-width: 1024px) {
.toggleMenu {text-align:center; padding:15px 0; font-size:16px;}
.nav > li {float: none; border-bottom:1px solid #ccc;}
.nav > li > .parent {background-position: 95% 50%;}
.nav li li .parent {
	background-image:url(../images/upArrow.png);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
.nav li  ul {width:100%;}
.nav ul {display: block; width: 100%;}
.nav > li.hover > ul , .nav li li.hover ul {position:static;}
}
/*MENU*/




#banner {width:100%; height:auto; overflow:auto;}
#ct_capa_left {width:33.5%; height:auto; float:left; margin-right:2%;}

/*PRIMEIRO ANDAR DO SITE TEM IMAGENS À DIREITA E ESQUERDA, ASSIM COMO OS TEXTOS*/
/*bloco de código para imagem alinhada à esquerda e texto à direita*/ 
#container_img_left_text_right {width:100%; height:auto; overflow:auto; margin:40px 0; background-color:#FFF;}
#capa_img_left {float:left; max-width:400px; max-height:330px; overflow:hidden;}
#capa_img_left img {max-width:100%;}

#text_right {width:100%; height:auto; text-align:justify;}
#text_right h1 {font-weight:700; font-size:30px; color:#056894; padding:10px 0; display:block; margin-bottom:15px;}
#text_right h2 {display:block; font-weight:normal; font-size:17px; color:#444; text-transform:uppercase;}
#text_right p {text-align:; color:#888;}
/*bloco de código para imagem alinhada à esquerda e texto à direita*/ 


/*Área com dois boxs*
#container_area_dois_boxs {width:100%; height:auto; overflow:auto; padding:30px 0; background-color:#086388;}
.capa_img_area_dois_boxs {max-width:550px; max-height:350px; overflow:hidden;}
.capa_img_area_dois_boxs img {max-width:100%; height:100%;}

.area_dois_boxs {width:46%; height:auto; float:left; margin-right:8%; padding-bottom:10px;}
.area_dois_boxs:last-child {margin-right:0;}
.area_dois_boxs h3 a {display:block; margin-top:15px; text-transform:uppercase; color:#fff;}
.area_dois_boxs p {color:#fff;}
/*Fim da área com dois boxs*/



/*Área com três boxs*/

#container_area_tres_boxs {
	width:100%; 
	height:auto;
	overflow:auto;
	margin:40px 0; 
	padding:40px 0; 
	background-color:#086388;
}

.capa_img_area_tres_boxs {max-width:350px; max-height:200px; overflow:hidden;}
.capa_img_area_tres_boxs img {max-width:100%;}

.area_tres_boxs {width:29%; height:auto; float:left; margin-right:6.5%; padding-bottom:10px;}
.area_tres_boxs:last-child {margin-right:0;}
.area_tres_boxs h3 {display:block; margin-top:15px; text-transform:uppercase;}
.area_tres_boxs h3 a {color:#fff;}
.area_tres_boxs p {color:#fff; font-size:13px;}
/* Fim da área com três boxs*/




/*Área com quatro boxs*/
#container_area_quatro_boxs {width:100%; height:auto; overflow:auto; margin:40px 0;}
.container_divisaor_boxs_area_quatro_boxs {float:left; width:49%; margin-right:2%;}
.container_divisaor_boxs_area_quatro_boxs:last-child {margin-right:0;}

.capa_img_area_quatro_boxs {max-width:275px; height:260px; overflow:hidden;}
.capa_img_area_quatro_boxs img {max-width:100%; height:100%;}

.area_quatro_boxs {width:46.8%; height:auto; float:left; margin-right:6.3%; padding-bottom:10px;}
.area_quatro_boxs:last-child {margin-right:0;}

.area_quatro_boxs h3 a {display:block; margin-top:15px; text-transform:uppercase; color:#21252b;}
.area_quatro_boxs p {color:#777;}
/* Fim da área com quatro boxs*/

/* ÁREA DO SITE QUE CONTEM CARROSSEL COM OS CLIENTES ATENDIDOS */ 
#clientes {width:100%; height:auto; overflow:auto; padding:30px 0 40px 0; background-color:#086388;}
/* ÁREA DO SITE QUE CONTEM CARROSSEL COM OS CLIENTES ATENDIDOS */ 




/*ÀREA DE NOTICIAS ALINHADA PARA A DIREITA */
.news_destaques {width:100%; height:auto; overflow:auto; margin:40px 0;}

.container_news_right {float:right; width:39%; height:auto; overflow:auto;}
.container_news_right h2 {text-transform:uppercase; padding:10px 0; color:#056894; margin-bottom:20px; border-bottom:1px dashed #ccc;}
.box_news {display:block; overflow:auto; margin:20px 0; border-bottom:1px solid #f0f0f0; padding-bottom:10px;}

.data_news {
	float:left;
	padding:7px; 
	color:#21252b;
	display:block; 
	font-size:15px; 
	text-align:center;
	border-radius:5px;
	margin:0 10px 0 5px;
	background-color:#eceaea;
	-webkit-box-shadow:-3px 4px 5px 0px rgba(197, 191, 191, 0.75);
	-moz-box-shadow:-3px 4px 5px 0px rgba(197, 191, 191, 0.75);
	box-shadow:-3px 4px 5px 0px rgba(197, 191, 191, 0.75);
}

.text_news {color:#777; width:100%;}
.text_news h3 {display:block; margin-bottom:7px; font-weight:normal; font-size:1.1875em;}
.text_news h3 a {color:#21252b;}
.text_news h3 a:hover {color:#000; text-decoration:underline;}
/*ÀREA DE NOTICIAS ALINHADA PARA A DIREITA*/

/*ÀREA DE DESTAQUES ALINHADA PARA A ESQUERDA */
#container_destaques_left {width:57%; height:auto; overflow:auto; float:left;}
#container_destaques_left h2 {text-transform:uppercase; padding:10px 0; color:#056894; margin-bottom:20px; border-bottom:1px dashed #ccc;}
.content_destaques {display:block; overflow:auto; margin:20px 0;}

.capa_destaques {float:left; width:150px; height:100px; overflow:hidden; border-radius:5px; margin-right:10px;}
.capa_destaques img {max-width:100%;}

.text_destaques_maior {text-align:left; color:#777; width:100%;}
.text_destaques_maior h3 {display:block; margin-bottom:7px; font-weight:normal; font-size:1.1875em;}
.text_destaques_maior h3 a {color:#21252b;}
.text_destaques_maior h3 a:hover {text-decoration:underline;}

.text_destaques {color:#777;}
.text_destaques h3 {display:block; margin-bottom:7px; font-weight:normal; font-size:1.1875em;}
.text_destaques h3 a {color:#21252b;}
.text_destaques h3 a:hover {text-decoration:underline;}
/*ÀREA DE DESTAQUES ALINHADA PARA A ESQUERDA*/

.btn_news_dtq {display:block; float:left; padding:3px 15px; background-color:#024a69; border-radius:3px; color:#fff;}
.btn_news_dtq:hover {opacity:0.7;}



/*footer*/
#footer {width:100%; height:auto; overflow:auto; padding:50px 0 40px 0; background:url(../imagens/bg_footer.jpg) center #21252b no-repeat;}

#box_footer_qs {float:left; width:20%; height:auto; color:#FFF; margin-right:2.5%;}
#box_footer_qs h3 {font-size:20px;}

#ctt_localizacao {float:left; width:23%; height:auto; color:#FFF; margin-right:2.5%;}
#ctt_localizacao h3 {font-size:20px;}
#ctt_localizacao a {color:#fff;}

#nav_footer {float:left; width:15%; height:auto;}
#nav_footer h3 {font-size:20px; color:#fff;}
#nav_footer ul {margin:0; padding:0; list-style:none;}
#nav_footer ul li {display:block;}
#nav_footer ul li a {display:block; color:#fff; padding:5px 0;}
#nav_footer ul li a:hover {text-decoration:underline;}



#facebook {float:right; width:33.4%; overflow:hidden;}
#facebook h2 {display:block; padding:0 0 15px 0; color:#fff;}

#divisor {width:100%; height:1px; background-color:#1a1e22; margin:50px 0 40px 0; border-bottom:1px solid #2e343a;}

#footer_left {float:left; color:#fff;}
#footer_left a {color:#fff;}

#footer_right {float:right; color:#fff;}
#footer_right a {color:#fff;}