/* CSS Document */
* { margin: 0; padding:0; }
html { text-align: center; }
body { background: #fff; font: 0.72em 'Verdana', Arial, Helvetica, sans-serif; }

/* DIV TOPO*/
#top { background: url(../img/bg_top.jpg); width: 100%; height: 128px; margin: auto; min-width: 980px; }
#topcont { width: 980px; margin: auto; }
#topcont ul { float: left; list-style: none; width: 690px; margin-top: 30px; }
#topcont li { display: inline; float: left; padding-left: 18px; }
#topcont a { font-size: 11px; color: #336; font-weight: bold; text-decoration: none; }
#topcont a:hover { text-decoration: underline; }

#logo { float: left; margin-top: 26px; }
#brasil { float: right; margin: 36px 5px 0 0; }
#espanhol { float: right; margin: 36px 5px 0 0; }

/* DIV TOPO 2 */
#top2 { background: url(../img/bg_meio.jpg); width: 100%; height: 315px; margin: auto; min-width: 980px; }
#imgtopo { margin-top: 5px; }
#marque { background: url(../img/marquee.jpg) no-repeat; height: 75px; width: 976px; margin: auto; }
#marq { margin: 13px 11px 0 5px; font-size: 40px; color: #FF0000; font-family: Arial, Helvetica, sans-serif; font-weight: bold; float: left; }

/*DIV MEIO */
#meio { width: 980px; height: 576px; margin: auto; }

/*DIV ESQUERDA */
#esq { width: 360px; height: 576px; float: left; }
#esq img { float: left; border: none; }
#esq p { clear: both; float: left; color: #336; text-align: right; }
#esq p img { float: left; margin-left: 20px; }

#horarios { line-height: 18px; margin-top: 4px; }
#tempo { clear: both; float: left; margin: 35px 0 0 0; width: 125px; height: 125px; border-right: 3px dotted #000; padding-right: 5px; }
#figuras { float: left; margin: 15px 0 0 0; width: 220px; height: 120px; }
#figuras img { float: left; }
#figuras p { text-align: left; font-size: 17px; font-weight: bolder; line-height: 45px; }
#figuras p a { color: #336; text-decoration: none; }

/* DIV DIREITA 4 quadros */
#dir { background: url(../img/bg_dir.jpg) no-repeat; float: right; width: 620px; height: 427px; }

/* 4 QUADROS */
.quadros { float: left; width: 305px; height: 215px; }
.quadros h1 { float: right; font-size: 17px; color: #fff; padding: 35px 35px 0 0; }
.quadros img { float: left; margin-right: 4px; }
.quadros p { margin-top: 90px; text-align: justify; padding-left: 14px; padding-right:15px; }
.quadros a { color: #336; text-decoration: underline; }
.quadros a:hover { text-decoration: none; }
.quadros ul { list-style: none; }
.link {color: #336; text-decoration:none; }
.link:hover {text-decoration:underline; }
.link2 {color: #336; text-decoration:none; }
.link2:hover {text-decoration:underline; }

/* FLEXAS */
#flexas { clear: both; float: left; padding: 10px 0 0 10px; width: 480px; height: 130px; }
#flexas img { clear: both; float: left; margin-top: 7px; }
#flexas p { color: #336; text-align: left; margin-top: 10px; }

#carro { float: right; margin-top: 50px; }

/* DIV CONTEUDO */

#conteudo { float: left; width: 980px; height: 427px; }
#conteudo img { float: left; border: 0; }
#conteudo h2 { color: #336; font-size: 16px; margin-top: 10px; }
#fluxo { float: left; margin: 5px 0 0 25px; }
#fluxo p { text-align: left; }
#fluxo img { border: 0; clear: both; float: left; }
#fluxo a { color: #336; font-weight: bolder; }
#fluxo a:hover { text-decoration: none; }
#fluxo h2 { color: #336; float: left; font-size: 16px; margin: 15px 0 10px 0; }
#formfluxo { clear: both; }
#formfluxo select { border: 1px solid #336; width: 60px; }
.datas { clear: both; width: 150px; float:left; padding:3px; }

/*RODAPE */
#rodape { background: url(../img/bg_rodape.jpg); width: 100%; height: 128px; min-width: 980px; }
#rodapecont { width: 980px; margin: auto; }
#rodapecont ul { list-style: none; margin: auto; text-align: center; }
#rodapecont li { display: inline; padding: 10px; }
#rodapecont a { font-size: 12px; color: #fff; text-decoration: none; }
#rodapecont a:hover { text-decoration: underline; }
#rodapecont p { color: #fff; float: left; font-size: 11px; margin-top: 15px; text-align: left;  }
#rodapecont h1 { color: #fff; float: left; font-size: 22px; margin-top: 22px; margin-left: 40px; }
#logo2 { float: left; margin-top: 10px; margin-left: 46px; }
#six { float: right; margin-top: 30px; }

.negrito { font-weight: bold; }
	
/* CONTATO */
dt {float: left; clear: left; width: 25%; padding: 2px;  text-align:left; color: #003399; font-weight:bold; }
dd {text-align: left; padding: 3px 0 3px 3px;}
.input {border: 1px solid  #003399; padding: 2px ;}
.btn {	background-color: #003399; color: #fff; padding:2px; font-size: 12px; }
fieldset { border: 0; clear: both; float: left; width: 340px; margin: 20px 0 0 20px; }
.mail { font-family:Verdana, Arial, Helvetica, sans-serif; clear:both; font-size:11px; font-weight:bold; text-decoration:none; color:#003399; float:left; }
.mail:hover { text-decoration:underline; }
#mapas { width: 500px; float: right; font-size: 12px; color: #003399; margin-right: 60px; margin-top: 120px; height: 150px; text-align: left; }
#mapas a { text-decoration: none; color: #003399; }
#mapas a:hover { text-decoration: underline; }
#contato {text-align: left; margin: 0 15px 20px 0; color: #336}

/* NOTICIAS */
#noticias_d { float: left; width:600px; text-align:left; height: 500px; }
#noticias_d img {float:left; border:none; }

#noticias p { float:left; text-align:left; width:130px; padding:10px;  }
#noticias h4 { clear:both; width:125px; text-align:left; text-align: justify; font-size:11px; color: #336;}
#noticias a {text-align:left; text-decoration:none; clear:both; width:50px; font-weight:bold; color: #336; }
#noticias a:hover { text-decoration:underline; }  
#noticias img {float:left; padding:3px; }
#noticias { width:500px; height:350px; text-align:left; float:left; }

#noticia { width:580px; height:450px; text-align:left; float:left; overflow:auto; }
#noticia h4 { clear:both;  text-align:left; font-size:14px; color: #336;}
#noticia p { text-align:justify; padding:3px; color:#336; }
#noticia img {padding:3px; float: left;}
#noticia a {text-align:justify; clear:both; width:50px; font-weight:bold; color: #336; }
#noticia a:hover { text-decoration:none; }  

/* OBRAS */
#obras { width:550px; float:left; height:470px; }
#obras img {float:left; border:none; padding:5px 5px 5px 15px; }
#obras p {text-align:justify; clear:both; text-align:justify; margin:10px 15px 15px 5px; font-size: 11px; font-weight: 400; color: #336; }
#obras a { float: left; font-size: 11px; color: #336; text-decoration:underline;}
#obras a:hover {text-decoration:none; }
#obras h4 {text-align: left; clear:both; font-size:14px; color: #336; }
#obras h3 {text-align: left; clear:both; font-size:16px; color: #336; padding: 0 0 5px 0; }

/* EMPRESA */
#empresa { width:550px; float:left; height:470px; }
#empresa img {float:left; border:none; padding:5px 5px 5px 15px; }
#empresa p {text-align:justify; clear:both; text-align:justify; margin:10px 15px 15px 5px; font-size: 11px; color: #336; }

/* SERVIÇOS */
#servicos {width:550px; height:140px; }
#servicos img {padding:3px; }

/* FOTOS */
.thumb { width: 150px; height: 145px; float: left; }
.thumb img { border: none; padding: 1px; }
.fotos { float: left; width: 150px; height: 150px; margin: 5px; }

.projetos { text-align: left; font-size: 12px; color: #336; font-weight: bold; }

/* Distancias */
#distancias { width:550px; float:left; height:470px; }
#distancias a { font-size: 11px; color: #336; text-decoration:underline;}
#distancias a:hover {text-decoration:none; }
#distancias h3 {text-align: left; clear:both; font-size:16px; color: #336; padding: 0 0 5px 0; }