/********************************************
*	Author: Ely Cabral | ejcabral.com.br	*
*	Email: ej_cabral@hotmail.com			*
*	Fone: +55 83 8819.1176					*
*	Copyright: www.dx3.com.br				*
*	Ouvindo: Chico César					*
********************************************/

*{margin:0; padding:0; border:0; list-style:none; text-decoration:none; font-family:Arial, sans-serif; outline:none}
body{background:#fff url('../images/bg.jpg') repeat-x top left;}

/******************** div#wrap *********************/
div#wrap{width:100%; height:auto !important; min-height:100%; height:100%;  position:relative; background:url('../images/bg_topo.jpg') repeat-x top left}

/******************** div#atendimento_cima ***********/
div#wrap div#atendimento_cima{position:fixed; width:100%; right:0; top:0; background:#3d6ba4; padding:0 5px 0 5px;}
div#wrap div#atendimento_cima ul{width:700px; float:left; display:inline;}
div#wrap div#atendimento_cima ul li{float:left; display:inline; width:auto !important; height:41px;}
div#wrap div#atendimento_cima ul li a{color:#fff; font-size:18px; height:27px; margin:0; padding:7px 15px !important; border-right:1px solid #afc8e8; border-left:1px solid #86a7d0; float:left; display:inline;}
div#wrap div#atendimento_cima ul li:hover{background:#86a7d0;}
div#wrap div#atendimento_cima p{color:#fff; font-size:20px; text-align:right}
div#wrap div#atendimento_cima p img{width:16px; height:auto !important;}
div#wrap div#atendimento_cima p.menor{font-size:14px;}
div#wrap div#atendimento_cima p a{color:#fff;}
div#wrap div#atendimento_cima p a:hover{text-decoration:underline;}

/******************** div#geral *********************/
div#wrap div#geral{width:1000px; margin:0 auto; overflow:auto;}

/******************** div#topo *********************/
div#wrap div#geral div#topo{width:100%; float:left; display:inline; margin:60px 0 0 0;}
div#wrap div#geral div#topo h1#logo{width:250px; height:auto; float:left; display:inline; margin:0 0 10px 0}
div#wrap div#geral div#topo h1#logo img{width:250px; height:auto !important; float:left; display:inline;}

div#wrap div#geral div#topo ul#list_noticia{float:left; display:inline; width:381px; height:115px; margin:20px 0 0 0}
div#wrap div#geral div#topo ul#list_noticia li{width:100%; float:left; display:inline; border-bottom:1px dotted #ccc; padding:3px !important;}
div#wrap div#geral div#topo ul#list_noticia li.first{border:0}
div#wrap div#geral div#topo ul#list_noticia li p{font-size:12px; font-weight:bold}
div#wrap div#geral div#topo ul#list_noticia li a{font-size:12px; color:#185399;}
div#wrap div#geral div#topo ul#list_noticia li a:hover{text-decoration:underline;}

div#wrap div#geral div#topo div#banner{width:546px; height:161px; float:right; display:inline; margin:0;}

div#wrap div#geral div#topo ul#atendimento{width:540px; float:right; display:inline; margin:10px 0 0 0;}
div#wrap div#geral div#topo ul#atendimento img{float:left; display:inline; width:170px; height:45px; margin:0 5px 0 5px}

/******************** div#rodape *********************/
div#rodape{background:url('../images/bg_rodape.jpg') repeat-x top left; width:100%; float:left; display:inline;}
div#rodape div#navegacao{width:1000px; margin:0 auto;}

div#rodape div#navegacao ul{float:left; display:inline; width:100%; background:url('../images/bg_ul_navegacao.jpg') no-repeat top center; margin:5px 0 0 0}
div#rodape div#navegacao ul li{width:199px; height:242px; float:left; display:inline; margin:0; position:relative}
div#rodape div#navegacao ul li h2{font-weight:bold; font-size:24px; color:#fff; width:160px; margin:10px auto;}
div#rodape div#navegacao ul li p{color:#fff; font-weight:bold; font-size:12px; width:160px; margin:10px auto; text-align:left;}
div#rodape div#navegacao ul li a{color:#fff; font-size:12px; font-weight:bold; text-decoration:underline; float:right; display:inline; margin:20px 0 0 0}
div#rodape div#navegacao ul li a:hover{text-decoration:none;}
div#rodape div#navegacao ul li ul{width:140px; margin:0 0 0 20px; background:none;}
div#rodape div#navegacao ul li ul li{float:left; display:inline; margin:0 10px 10px 10px; width:50px; height:37px; text-align:center;}

div#rodape div#navegacao ul li a.leia_mais{position:absolute; bottom:20px; right:5px;}

div#rodape p.central{text-align:center; clear:both; float:left; display:inline; width:100%; font-size:12px; color:#333; font-weight:bold; margin:20px 0 0 0}
div#rodape a.assinatura{float:right; display:inline; margin:5px;}