@charset "utf-8";
 
body { width:100% ; height:100%; background-color:#e0e0e0; background-image:url(../imagens/fundo.jpg); background-repeat:repeat; background-position:top; margin:0px; padding:0px; 
}

#base {position: absolute; width: 950px; margin-left: -475px; left: 50%; }

#top {clear:both; background-color: #afafb1; background-repeat:repeat-x; height:107px; background-size: 100%}
#logo {float:left; width:950px; margin:19px 0px 0px 0px; height:auto}
.logo {float:left; height: 67px; margin:0 0 0 30px; border:0px;}

#redes {float:right; margin:12px 32px 0 0 ;}
.redes {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#999;}


#topo_slogan { clear:both; height:196px; }
#topo_sloganh { clear:both; height:399px; }

#separador { clear:both; height:196px; margin-top:30px; }
#separadorf {clear:both; height:352px; margin-top:30px; }


#banner {clear:both; background-color:#333333; height:213px;}
.imag {float:left; width:890px; height:148px; margin:32px 0 0 30px;}

#ban_home {clear:both; background-color:#333333; height:500px;}
#imagem {float:left; width:890px; height:443px; margin:32px 0 0 30px; background-image:url(../imagens/home_barra.jpg);  }


#sub {clear:both; height:79px; background-image:url(../imagens/barra.jpg); background-repeat:repeat-x;}
#subesq {float:left; width:570px;}
#simbolos {float:left; width:53px;}
#lin {float:left; background-color:#039; margin:35px 0px 0 28px;}


#sub_home {clear:both; background-color:#e6e6e6; height:250px;}

#bx {clear:both; background-color:#e6e6e6; height:457px; display:table}

#bxmais {clear:both; background-color:#e6e6e6; height:557px; display:table}

#bxesqmais {float:left; width:583px; height:400px; margin:30px 10px 0px 30px;}




#bxesq {float:left; width:583px; height:300px; margin:30px 10px 0px 30px;}
#bxdir {float:left; width:327px; height:300px; }
#bxgaleria {float:left; width:623px; height:127px; background-color:#666666; background-image:url(../imagens/box_galeria.jpg);  vertical-align:top; background-repeat:no-repeat; }
#bxgal {margin:30px 0 0 30px; float:left}
#bxfolio {float:left; width:623px; height:127px; background-color:#e6e6e6; }
#bxfolios {float:left; width:623px; height:127px; }
.fotos { border:0px; width:60px; height:60px; margin-right:24px;}


#bxcontac {float:left; width:623px; height:315px; background-color:#666666;  background-image:url(../imagens/box_galeria.jpg);  vertical-align:top; background-repeat:no-repeat;}


#esqh {float:left; width:236px; height:400px;}
#esq {float:left; width:216px; height:400px; padding:110px 20px 0 0px;}
#dir {float:left; margin-left:35px; width:679px; }

.g-recaptcha div iframe{
    max-width: 280px;
}






/* bts topo */
#naveg {margin-top:53px;}
#nav_top {float:right; width:595px; height:35px; padding:0px; margin:0px; list-style: none; overflow: hidden; }	 
#nav_top  li {float: left;} 
#nav_top  a {display: block; background-image:url(../imagens/botoes_navega.jpg); padding-top:90px; text-decoration: none; } 

#nav_top-inicio { width: 87px; height:35px;	}
#nav_top-inicio:hover, #inicio-page #nav_top-inicio { background-position:0px -35px; }
#nav_top-inicioactive { background-position:0px -70px; width: 87px; height:35px; cursor:default; 	 }

#nav_top-empresa { width: 117px; background-position: -87px 0; }
#nav_top-empresa:hover, #empresa-page #nav_top-empresa { background-position: -87px -35px; }
#nav_top-empresaactive { background-position:-87px -70px; width: 117px; height:35px; cursor:default; 	 }
 
#nav_top-servicos { width: 120px; background-position: -204px 0; }
#nav_top-servicos:hover, #servicos-page #nav_top-servicos { background-position: -204px -35px; }
#nav_top-servicosactive { background-position:-204px -70px; width: 120px; height:35px; cursor:default; 	 }

#nav_top-portfolio { width: 124px; background-position: -324px 0; }
#nav_top-portfolio:hover, #portfolio-page #nav_top-portfolio { background-position: -324px -35px; }
#nav_top-portfolioactive { background-position:-324px -70px; width: 124px; height:35px; cursor:default; 	 }
	 
#nav_top-contactos { width: 147px; background-position: -448px 0;	}	
#nav_top-contactos:hover, #contactos-page #nav_top-contactos { background-position: -448px -35px;	}
#nav_top-contactosactive { background-position:-448px -70px; width: 147px; height:35px; cursor:default; 	 }

/* fim bts topos */


.texto {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#333; text-align: justify}
.texto a {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999; text-decoration:none; }
.texto a:hover {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff}



h1 {font-family:Arial, Helvetica, sans-serif; font-size:28px; color:#18416b;  margin:0px; padding:0px; text-transform:uppercase; }
h2 {font-family:Arial, Helvetica, sans-serif; font-size:28px; color:#0781ab;  margin:0; padding:22px 0 0 30px; text-transform:uppercase; }
h3 {font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#d3d3d3; padding:0px; margin:22px 0 10px 30px ;}
h4 {font-family:Arial, Helvetica, sans-serif; font-size:30px; line-height:30px; color:#1794bd; padding:0px; margin:15px 0 0 0 ; text-align:right;}




	


	

#contlinha {clear:both; width:327px;}
#conttexto {float:left; margin:15px 0 0 30px; display:none}
#contactos {float:left;  margin:0px;}
#cont_esq { float:left; margin-top:29px; width:690px; }
#cont_dir { float:left; margin-top:29px;}

#contbx {float:left; width:327px; height:315px; margin:0px; background-color:#e6e6e6;}

.conttxt {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0983ac;}
.conttxt a {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0983ac; text-decoration:none; }
.conttxt a:hover {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;}
.conttxt span {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; font-weight:bold; text-decoration:none; }


/* LINKS DE NAVEGAÇÃO  */
#nav {width: 250px;  float:left; margin:37px 0 0 25px;}
.nav {margin: 0; padding:0px;}
.nav ul { list-style: none outside none; margin: 0; padding: 0;}
.nav li {color: #333333;float: left;font-family: Arial,Helvetica,sans-serif;font-size: 12px;font-weight: bold; padding-left: 2px; padding-right: 2px;}
.nav li a { color: #145E84;   display: block;  font-family: Arial,Helvetica,sans-serif; font-size: 12px;  text-decoration: none;}
.nav li a:hover {   color: #666666; cursor: pointer;  font-family: Arial,Helvetica,sans-serif;  font-size: 12px;  font-weight: bold;  text-decoration: none;}
/* FIM LINKS DE NAVEGAÇÃO */






.mais{list-style-type: none; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-size:18px; text-align:right; margin:0px; padding:0px; height:26px;}
.mais a {margin:10px 0 0 0; padding:0px; display: block; width:54px; text-decoration: none; background-image:url(../imagens/mais_a.png); background-repeat:no-repeat; height:24px;}
.mais a:hover {margin:10px 0 0 0; padding:0px; display: block; width:54px; text-decoration: none; background-image:url(../imagens/mais_hover.png); background-repeat:no-repeat; height:24px;}





/* MENU LATERAL ESQ */
.menu ul {
list-style-type: none; 
font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px;
margin:25px 0 0 0px;
padding:0px;
}
.menu a {
margin:10px 0 0 30px;
padding:0px;
display: block;
width: 260px;
color: #666;
text-decoration: none;
background-image:url(../imagens/seta_a.png); background-repeat:no-repeat; background-position:right;
}
.menu a:hover {
border:0px;
background-image:url(../imagens/seta_hover.png); background-repeat:no-repeat; background-position:right;
color: #0099cc; 
width: 260px;
}
.menuativo{
margin:10px 0 0 30px;
list-style-type: none; 
font-family:Arial, Helvetica, sans-serif; font-size:20px;
border:0px;
background-image:url(../imagens/seta_hover.png); background-repeat:no-repeat; background-position:right;
color: #0099cc; 
width: 260px;
}
/* FIM MENU LATERAL ESQ */



/* PORTFOLIO  */
#bx2 {clear:both;  width:950px; height:624px; display:table }
#bxgaleriapf {float:left; width:623px; height:127px; vertical-align:top;}
/* FIM PORTFOLIO */



#copy {float:right; width:400px; margin-top:30px}
.copy {font-family:Arial, Helvetica, sans-serif; text-align:right; font-size:11px; line-height:14px; color:#fff;}
.copy a {font-family:Arial, Helvetica, sans-serif; text-align:right; font-size:11px; color:#fff; text-decoration:none; }
.copy a:hover {font-family:Arial, Helvetica, sans-serif; text-align:right; font-size:11px; color:#999 }