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

/*=========RESET========*/
* { margin: 0; padding: 0; border: 0; }
a { text-decoration: none; }
ul { list-style: none; }

/*========BODY==========*/
body { background: #f6f7f7 /*#d9dadb*/;  font-family: Arial, Helvetica, sans-serif; font-size: 12px; }


/*========GERAL===========*/
/*div#geral { width: 1000px; margin: auto; background: url(../imagens/bg_geral.png) repeat-y; height: 1000px; }*/
div.clear { clear: both; }

img.img_esq { float: left; margin: 0 10px 5px 0; }
img.img_dir { float: right; margin: 0 0 5px 10px; }

div#container_home { height: 300px; }

/*========TOPO============*/
div#topo { width: 1000px; height: 288px; background: url(../imagens/topo.jpg) no-repeat; margin: 0 auto; }

div#topo div#home { width: 106px; height: 32px; background: url(../imagens/home.png) no-repeat; cursor: pointer;}

/*=======CORPO=========*/
div#corpo { width: 1000px; margin: 0 auto; background: #f6f7f7 /*#d9dadb*/ url(../imagens/bg_corpo_home.jpg) repeat-x; padding-bottom: 15px; }
div#corpo_internas { width: 1000px; margin: 0 auto; background: #f6f7f7 url(../imagens/bg_corpo.png) repeat-x;; padding-bottom: 15px; }

div#esq { width: 270px; margin-top: -42px; margin-bottom: 15px; float: left; }
div#dir { width: 705px; padding: 0 0 0 25px; margin-bottom: 15px; float: right; }


/*======MENU======*/
div#menu { width: 705px; height: 32px; background: #d9dadb url(../imagens/bg_corpo.png) repeat-x; padding-top: 10px; margin-top: -0; float:left;}

div#menu ul { display: inline-block; list-style: none; float: left; }
/*
div#menu ul li { display: inline-block; border-left: 2px solid #4b4b4d; margin-left: 15px; padding-left: 14px; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }*/

div#menu ul li { display: inline; border-left: 2px solid #4b4b4d; margin-left: 15px; padding-left: 14px; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }

div#menu ul li.primeiro { border: none; margin: 0; padding: 0; }

div#menu ul li a { color: #FFF; }
div#menu ul li a:hover { color: #BEBEBE; }


/*==========NOTICIAS===========*/
div#esq div#container_noticias { padding-top: 42px; padding-left: 9px; margin-bottom: 30px; }

div#esq div#container_noticias div#noticias { width: 227px; padding: 10px 14px; background: url(../imagens/bg_noticias.png) repeat-y right; }
div#esq div#container_noticias div#noticias_baixo { width: 259px; height: 15px; background: url(../imagens/bg_noticias_baixo.png) no-repeat 5px 0; }

div#esq div#container_noticias div#noticias ul li { margin-bottom: 20px; }
div#esq div#container_noticias div#noticias ul li.destaque { font-weight: bold; font-size: 13px }

div#esq div#container_noticias div#noticias ul li p.leia_mais { text-align: right; width: 200px; background: url(../imagens/bg_link_noticias.jpg)  no-repeat left; padding-left: 20px; font-weight: normal; font-size: 11px; }

div#esq div#container_noticias div#noticias ul li a { color: #000;  }
div#esq div#container_noticias div#noticias ul li a:hover { color: #575757; }

/*=========CONTEUDO=======*/
div#conteudo { width: 705px; }

div#dir div#conteudo div#cont_esq { width: 416px; padding-top: 20px; float: left; }
div#dir div#conteudo div#cont_dir { width: 263px; padding-top: 20px; float: right; }


div#dir div#conteudo h1 { font-size: 18px; margin-bottom: 15px; }
div#dir div#conteudo h1.meio { margin-top: 20px; }

div#dir div#conteudo p { text-align: justify; line-height: 16px; margin-bottom: 10px; display:block; clear:both; }

div#dir div#conteudo a { color: #000; text-decoration: underline; }
div#dir div#conteudo a:hover { color: #575757; }


/*=========CONTEUDO ESQUERDA=======*/
div#twitter { width: 249px; height: 222px; margin-left: 15px; /*background: url(../imagens/bg_twitter.png) no-repeat;*/}
div#twitter_topo { width: 249px; height: 60px; background: url(../imagens/topo_twitter.png) no-repeat; }
div#twitter_corpo { width: 229px; background: url(../imagens/bg_twitter.png) repeat-y; padding: 0 15px 5px 5px; }
div#twitter_baixo { width: 249px; }
div#downloads_baixo { width: 249px; background: url(../imagens/bg_downloads_baixo.png) repeat-y; padding-top: 5px; }
div#downloads_baixo p { margin: 0 0 5px 6px; }
div#downloads_baixo a { color: #000; }
div#redes_sociais { width: 215px; margin-left: 15px; background-color: #e3e4e5; padding: 10px; }
div#redes_sociais p { text-align: center; }
div#redes_sociais ul { padding-left: 25px; padding-top: 10px; }
div#redes_sociais ul li { display: inline; padding: 5px 5px 5px 0;}

div#downloads { width: 249px; height: 222px; margin-top: 60px; margin-left: 15px; /*background: url(../imagens/bg_twitter.png) no-repeat;*/}
div#downloads_topo { width: 249px; height: 60px; background: url(../imagens/topo_downloads.png) no-repeat; }
div#downloads_corpo { width: 229px; background: url(../imagens/bg_twitter.png) repeat-y; padding: 0 15px 5px 5px; }
div#downloads_baixo { width: 249px; }

/*==========CONTEUDO DIREITA=======*/
div#dir div#conteudo div#cont_dir h1 { font-size: 15px; padding-left: 4px; }

div#dir div#conteudo div#cont_dir ul.galeria { list-style: none; margin: 0 0 10px -11px; }
div#dir div#conteudo div#cont_dir ul.galeria li { display: block; width: 120px; margin: 0 0 10px 15px; float: left; }

div#dir div#conteudo span.imagem,
div#dir div#conteudo span.imagem_home { display: block; width: 120px; height: 87px; margin-bottom: 5px; float: right; }

div#dir div#conteudo span.imagem_home { margin-left: 10px; }

div#dir div#conteudo span.imagem_conteudo { display: block; width: 240px; height: 170px; margin-bottom: 5px; margin: 0 0 5px 10px; float: right; }

div#dir div#conteudo div#cont_dir ul.galeria li p { color: #5C5C5C; font-size: 11px; font-style: italic; text-align: left; }

div#dir div#conteudo div#cont_dir h2.topo_box { width: 263px; height: 49px; color: #FFF; font-size: 15px; padding: 5px 0 0 10px; background: url(../imagens/bg_campanha.png) no-repeat 2px -3px; }

div#dir div#conteudo div#cont_dir div.box { width: 255px; background: url(../imagens/bg_box_dir.png) repeat-y; padding: 10px 4px; }

div#dir div#conteudo div#cont_dir div.box p { width: 245px; height: 23px; padding: 7px 0 0 10px; font-size: 14px; margin-bottom: 0; }
div#dir div#conteudo div#cont_dir div.box p.destaque { background-color: #D1D1D1; }

div#dir div#conteudo div#cont_dir div.box p span { color: #ab0f0f; font-weight: bold; margin-right: 10px; }


div#dir div#conteudo div#cont_dir div#box_baixo { width: 263px; height: 6px; background: url(../imagens/bg_box_dir_baixo.png) no-repeat; }

div#dir div#conteudo div#cont_dir div.box div.na_estrada { width: 235px; /*background: #000 url(../imagens/bg_rodape.png) repeat-x;*/ padding: 10px; text-align: center; }
div#dir div#conteudo div#cont_dir div.box div.na_estrada h3 { color: #FFF; margin-bottom: 5px; }


div#dir div#conteudo div#cont_dir div.box div.na_estrada ul { padding-left: 30px; }
div#dir div#conteudo div#cont_dir div.box div.na_estrada ul li { padding-left: 15px; display: block; width: 140px; color: #AEAEAE; text-align: center; color: #555;  font-weight: bold; }
div#dir div#conteudo div#cont_dir div.box div.na_estrada ul li.resultado { padding-left: 0; width: 140px; height: 26px; padding-top: 4px; color: #ff003a; margin-left: 15px; text-align: center; background-color: #396; background: url(../imagens/bg_na_estrada.png) no-repeat; font-weight: bold; }

/*===========AGENDA=================*/
div#dir div#conteudo div#agenda_esq { float: left; width:350px; }
div#dir div#conteudo div#agenda_dir { width: 355px; height: 350px; background: url(../imagens/mapa_g.png) no-repeat; float: right; }

div#dir div#conteudo div#agenda_esq ul  li { font-weight: bold; }

div#dir div#conteudo div#agenda_esq ul li span { color: #ab0f0f; font-weight: bold; margin-right: 10px; }

div#dir div#conteudo div#agenda_esq ul li p { font-weight: normal; margin-left: 41px; }

/*=======IMPRENSA======*/
div#impresna_esq { width: 200px; background-color: #dededf; margin-right: 15px; padding: 20px 5px 5px 5px; float: left; }
div#impresna_esq ul li { margin-bottom: 10px; }
div#impresna_esq ul li span.data { font-weight: bold; margin-right: 5px; }
div#impresna_esq ul li span.ler { display: block; }
div#corpo_internas div#impresna_esq ul li span.ler a { color: #ed1c24; }
div#impresna_dir { width: 460px; background-color: #dededf; padding: 20px 10px 5px 10px; float: left; }


/*============PROPOSTAS========*/
div#propostas_conteudo { padding-top: 15px; }

div#propostas_conteudo ul#menu_propostas li { display: inline-block; border-left: 2px solid #C4C4C4; margin-left: 15px; padding-left: 14px; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
div#propostas_conteudo ul#menu_propostas li.primeiro { border: none; margin: 0; padding: 0; }

div#propostas_conteudo ul#propostas { padding-top: 15px; }
div#propostas_conteudo ul#propostas li { display: block; width: 686px; padding: 10px; margin-bottom: 15px; background-color: #dfdfe1; }

/*===========HISTÓRICO=============*/
div#historico_esq { width: 460px; background-color: #dededf; padding: 20px 10px 5px 10px; margin-right: 15px; float: left; }
div#historico_esq ul { list-style: disc inside; }
div#historico_esq ul li { margin-bottom: 10px; }
div#historico_dir { width: 200px; background-color: #dededf; padding: 20px 5px 5px 5px; text-align: center; float: left; }

/*=========LINKS===========*/

div#links_conteudo { padding-left: 80px; }
div#links_conteudo ul,
div#links_conteudo ul.coluna2 { background-color: #e0e1e1; width: 180px; margin-right: 20px; padding-top: 20px; padding-left: 30px; float: left; }

div#links_conteudo ul li { margin-bottom: 15px; }


/*========AGENDA=====*/
div#mapa_agenda { width: 320px; padding-top: 20px; float: right; }

div#listagem_agenda { width: 300px; background-color: #e1e0e1; padding: 20px 15px 15px 15px; float: left; }

div#listagem_agenda ul li { border-top: 2px solid #FFF; margin-top: 10px; padding-top: 10px; }
div#listagem_agenda ul li.primeira { }

div#listagem_agenda ul li span { color: #ab0f0f; padding-right: 5px;}
/*================RODAPE================*/
div#rodape { width: 1000px; height: 60px; background: url(../imagens/rodape.png) no-repeat; margin: 0 auto; }

div#rodape div#esquerda { float: left; }
div#rodape div#direita { padding-left: 90px; float: left; }

div#rodape p { font-size: 11px; margin-top: 15px; color: #FFF; }
div#rodape ul {}
div#rodape ul li { display: inline-block; border-left: 2px solid #4b4b4d; margin-left: 15px; padding-left: 14px; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }

div#rodape span { padding-left: 24px; float: left; }

div#rodape ul li.primeiro { border: none; margin: 0; padding: 0; }

 div#rodape ul li a { color: #FFF; }
div#rodape ul li a:hover { color: #BEBEBE; }



/* FORM CONTATO */

/*====================Formularios================*/
input, textarea, select {border:1px solid #000; height:25px; font-size:12px;}
/*======================Geral=========================*/
#geral{width:700px; margin:auto;}


/*======================Div Esquerda=========================*/
#fale{width:340px; float:left; }
#fale h3{margin: 20px 0 10px 0; display:block; font-size:18px; font-weight:bold;}
#fale p{margin: 20px 0 10px 0; display:block; font-size:12px;}
#fale label{display:block; font-size:12px; margin-bottom:3px;}
#fale #nome, #fale #email{ width:340px; float:left; margin-bottom:12px;}

#fale #cid {width:279px; float:left; }
#fale #est {width:51px; float:left; margin-left:10px;}

#fale #cidade {width:277px; float:left; margin-bottom:12px; }
#fale #uf {width:49px; float:left; margin-left:10px; margin-bottom:12px; text-align:center;}

#fale #pre {width:51px; float:left;}
#fale #tel {width:279px; float:left;  margin-left:10px; }

#fale #ddd {width:49px; float:left;  margin-bottom:12px; text-align:center;}
#fale #fone {width:277px; float:left; margin-left:10px;  margin-bottom:12px;}

#fale textarea {width:340px; height:80px; float:left;}
#fale a.botao {width:340px; height:22px; float:left; background:url(../imagens/bg_botao.jpg) repeat-x top; border:1px solid #000; margin:10px 0; color:#FFF; font-size:15px; font-weight:bold; text-align:center; padding:10px 0; cursor:pointer; }
#fale a.botao:hover { background-position:bottom;}

#fale .sucesso { font-size:12px; color:#C00; font-weight:bold; display:block;}

/*======================Div Direita=========================*/
#dados{width:340px; float:left; margin-left:20px; margin-top:93px;}
#dados h3{ font-size:16px; font-weight:bold; margin:10px 0;}
#dados h4{ font-size:14px; font-weight:bold; margin:35px 0 10px 0; display:block;}
#dados ul li{ font-size:12px;  margin:3px 0; display:block;}
#dados ul li.mapa{ font-size:12px;  margin:10px 0; display:block; background:url(../imagens/lupa.png) no-repeat left; padding-left:35px; height:30px; line-height:50px;}
#dados ul li.mapa:hover{color:#C00;}

/*======================valida Form=========================*/
form.enviaContato label.check { background:url(../imagens/form_check.png) right bottom no-repeat; }
form.enviaContato label.erro { background:url(../imagens/form_erro.png) right bottom no-repeat ; }
form.enviaContato label.ok { background:url(../imagens/form_ok.png)  right bottom no-repeat;}
form.enviaContato Input.erro, form.enviaContato Textarea.erro { border-color: #FF6F71;}
form.enviaContato Input.ok, form.enviaContato Textarea.ok { border-color: #66AC5B;}

/*================RODAPE================*/
#base { width:100%; background:#CCC; clear:both; border-top:1px solid  #C0C0C0; }

#base div#rodape { width: 987px; height: 60px; margin:auto; padding-top:10px; }

#base div#rodape p { font-size: 12px; margin-top: 20px; color:#666; }
#base #rodape ul#social { float:right; margin-top:-30px; margin-right:}
#base #rodape ul#social p {margin-bottom:5px; margin-left:10px; font-size:10px;}
#base #rodape ul#social li{ display: block; margin-left: 10px; float: left;}
