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

/*ESTILO DE TAGS*/
body{background:#aac8d6 repeat; font-family:Verdana, Arial, Helvetica, sans-serif;}
hr{margin:5px 0 5px 0; height:1px;}

/*CLASSES DE TEXTO*/
.titulos{font-size:22px; letter-spacing:-2px; font-weight:bold; color:#333; margin:0 0 10px 0;}
.titulos_servicos{font-size:14px; letter-spacing:-1px; font-weight:bold; color:#333; margin:0 0 10px 0;}
.titulos_brancos{font-size:21px; letter-spacing:-1px; font-weight:bold; color:#fff; padding:15px 0 15px 0; text-align:center;}
.txt{font-size:12px; color:#999; text-align:justify; margin:0 0 10px 0; line-height:16px;}
.txt2{font-size:11px; color:#FFF; text-align:justify; margin:0 0 15px 0; line-height:16px; padding:0 5px 0 5px;}
.txt_rodape{font-size:13px; color:#FFF; text-align:left; margin:0 0 20px 0; letter-spacing:-1px;}
.txt_form{font-size:13px; color:#000; text-align:left; }
.txt_endereco{font-size:12px; color:#999; text-align:center; margin:0 0 10px 0; line-height:16px;}

.thumb{margin:0 10px 0 0;}

/* DIVS DAS SOMBRAS*/
#barra_topo{height:15px; margin:0 auto; background:url(../images/sombra_topo.jpg) center no-repeat; width:930px;}
#barra_base{height:15px; margin:0 auto; background:url(../images/sombra_base.jpg) center no-repeat; width:930px;}

/*ESTILO PARA TODAS AS PÁGINAS*/
#principal{margin:0 auto; width:930px; background:url(../images/sombra.jpg) center repeat-y;}
#topo{height:110px; margin:0 55px 20px 55px;}
#banner_flash{height:200px; margin:0 55px 20px 55px;}
#logo{width:220px; float:left;}
#corpo_esquerdo{width:570px; float:left; margin:0 0 20px 55px;}
#corpo_direito{width:230px; float:right; margin:0 55px 20px 0; height:auto; background:#e5eef3; padding:15px 10px 10px 10px;}
#rodape{width:930px; margin:0 auto;}

/*ESTILO DA HOME*/
#titulo01{width:190px; height:190px; float:left; background:#3a7399;}
#titulo02{width:190px; height:190px; float:left; background:#649bc2;}
#titulo03{width:190px; height:190px; float:left; background:#97b5c8;}
#quemsomos{width:570px; float:left; margin:20px 0 0 0; }
#oquefazemos{width:570px; float:left; margin:20px 0 0 0; }
#topico_index_esquerdo{width:200px; float:left; margin:15px 0 0 0;}
#topico_index_direito{width:340px; float:right; margin:15px 20px 0 10px;}

/*ESTILO DA PÁGINA EMPRESA*/
#corpo_esquerdo_empresa{width:550px; float:left; margin:0 20px 20px 55px;}

/*ESTILO DA PÁGINA CONTATO*/
#contato{width:550px; float:left; margin:20px 0 0 0; text-align:center; }
input, textarea, select{background:#ffffff; border:#999 solid 1px; color:#333;}

/*ESTILO DA PÁGINA DISTRIBUIDOR*/
#distribuidor{width:550px; float:left; margin:20px 0 0 0; text-align:center; }

/*ESTILO DO VEJA MAIS*/
.vejamais{font-size:10px; text-align:right; color:#175b87; }
.vejamais a{text-decoration:underline; color:#175b87;}
.vejamais a:visited{text-decoration:underline; color:#175b87;}
.vejamais a:active{text-decoration:underline; color:#175b87;}
.vejamais a:hover{text-decoration:none; color:#175b87;}

/*ESTILO MENU*/
#menu2{width:460px; float:right; height:20px; margin:40px 0 20px 0; text-align:right;}
#menu {width:580px; float:right; font-size:12px;}
#menu ul {margin: 0; padding: 15px 0 0 0; list-style: none; float: right; }
#menu li {display: inline; font-weight: bold;}
#menu li a:link, a:visited, a:active {text-decoration: none; color: #000; border-bottom:3px;}
#menu li a:hover {text-decoration: none; color: #000; border-bottom:3px solid #000000;}

/*ESTILO DA GALERIA DE FOTOS*/
.camadafoto {float:left; width:113px; height:85px; margin: 10px 6px 0 0; padding:5px; background-color:#f5f7f9; border-right: #a5a7aa solid 1px; border-bottom: #a5a7aa solid 1px; text-align:center;}


/*Estilo Marcadores*/
#marcadores{margin:0 20px 30px 0;}
#marcadores ul{ list-style-image:url(../images/marcadores.jpg); margin:0; font-size:13px; font-weight:bold; }
#marcadores ul li{margin:0; padding:11px 0 11px 0; color:#333; border-bottom:dotted 1pt #999;}
#marcadores a {text-decoration:none; color:#333;}
#marcadores a:hover{text-decoration:underline;}