/********************************************
*	Author: Ely Cabral | elycabral.com.br	*
*	Email: ej_cabral@hotmail.com			*
*	Fone: +55 83 8819.1176					*
*	Copyright: www.dx3.com.br				*
*	Ouvindo: Cordel do fogo encantado		*
********************************************/

*{margin:0; padding:0; border:0; list-style:none; text-decoration:none; font-family:Arial, sans-serif; outline:none}
body{background:#c0d4db url('../images/bg.jpg') repeat-x top left;}
a.a_right{position:absolute; bottom:0; right:5px; font-size:12px; font-weight:bold; color:#666;}
a.a_right:hover{text-decoration:underline;}

/******************** div#wrap *********************/
div#wrap{width:100%; height:auto !important; min-height:100%; height:100%;  position:relative;}

/******************** 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; height:55px;}
div#wrap div#geral div#topo h1{width:194px; height:53px; margin:1px 0 0 0; float:left; display:inline;}
div#wrap div#geral div#topo h1 img{width:100%; height:100%; float:left; display:inline;}
div#wrap div#geral div#topo p.direita{float:right; display:inline; text-align:right; width:200px; font-size:13px; color:#000; margin:10px 10px 0 0; font-weight:bold;}

/******************** div#banner *********************/
div#wrap div#geral div#banner{width:970px; height:192px; float:left; display:inline; margin:20px 0 10px 5px; padding:5px; border:1px solid #000;}

/******************** ul#conteudo ********************/
div#wrap div#geral ul#conteudo{width:100%; float:left; display:inline; margin:0 0 10px 0;}
div#wrap div#geral ul#conteudo li{float:left; width:308px; height:420px; display:inline; border:1px solid #000; padding:5px !important;  margin:0 5px 0 5px; background:#fff; position:relative;}
div#wrap div#geral ul#conteudo li h2{width:100%; height:109px; float:left; display:inline; margin:0 0 20px 0;}
div#wrap div#geral ul#conteudo li h2 img{width:100%; height:100%; float:left; display:inline;}
div#wrap div#geral ul#conteudo li p{text-align:justify; color:#000; font-size:12px; width:280px; margin:0 auto;}
div#wrap div#geral ul#conteudo li ul{float:none; display:block; width:80%; padding:0;  margin:10px auto;}
div#wrap div#geral ul#conteudo li ul li{float:none; display:block; width:100%; border:0; height:auto; font-size:12px; color:#000; text-align:justify; background:none;}
div#wrap div#geral ul#conteudo li ul li:hover{background:none;}

/******************** div#consulta********************/
div#consulta{width:96%; float:left; display:inline; margin:0 0 10px 5px; padding:15px 5px 15px 15px; background:#fff; border:1px solid #000}
div#consulta input{border:solid 1px #000; margin-bottom:5px;}

/******************** div#info ********************/
div#wrap div#geral div#info{width:970px; height:177px; padding:5px !important; border:1px solid #000; margin:0 0 0 4px; overflow:auto; overflow:hidden;}
div#wrap div#geral div#info div#nossos{float:left; display:inline; width:334px; height:100%; background:#fff; margin:0; padding:0;}
div#wrap div#geral div#info div#nossos ul{width:100%; float:left; display:inline; margin:10px 0 0 5px;}
div#wrap div#geral div#info div#nossos ul li{text-align:center;}
div#wrap div#geral div#info div#contrate{float:right;width:636px; height:100%; background:#fff; margin:0; padding:0;}
div#wrap div#geral div#info div#contrate img{float:left; display:inline; margin:10px 0 0 0}
div#wrap div#geral div#info div#contrate p{color:#000; font-size:12px; text-align:left; margin:0 0 0 5px; position:relative; top:30px; left:5px;}
div#wrap div#geral div#info div#contrate h2{width:100%;}
div#wrap div#geral div#info div#contrate h2 img{margin:0; width:100%; height:43px;}
div#wrap div#geral div#info div#contrate p.dpto{float:right; display:inline; text-align:right; top:0; margin:0 13px 0 0;}

/******************** div#rodape ******************/
div#wrap div#geral div#rodape{width:100%; float:left; display:inline; margin:20px 0 20px 0;}
div#wrap div#geral div#rodape a{float:right; display:inline; margin:0 10px 0 0; color:#000;}

/************************************************
*												*
*				Páginas Internas				*
*			FaleConosco e Conteudo				*
*												*
************************************************/

/******************** div#formulario_int ***************/
div#formulario_int{float:left; display:inline; width:100%; margin:0 5px 0 0; padding:5px !important; }
div#formulario_int h2{font-weight:lighter; margin:0 0 20px 0;}
div#formulario_int p{margin:0 0 5px 0; font-size:12px;}
div#formulario_int p label{float:left; display:inline; margin:0 5px 0 0; width:30%; text-align:right; color:#333; font-weight:bold; font-size:12px;}
div#formulario_int p input, div#formulario_int p select, div#formulario_int p textarea{width:40%; border:1px solid #f5f3f3; padding:3px !important; color:#3d6ba4; font-size:12px;}
div#formulario_int p input:focus, div#formulario_int p select:focus, div#formulario_int p textarea:focus{border:1px solid #c4cfdc;}
div#formulario_int p input.radio{width:15px; margin:0 5px 0 0}
div#formulario_int p input.submit{width:75px; padding:5px !important; border:1px solid #ccc; background:#f0f0f8; cursor:pointer; }
div#formulario_int p textarea{height:100px;}

dl#conteudo{width:100%; float:left; display:inline; margin:20px 0 20px 0;}
dl#conteudo dl{width:990px; margin:0 0 0 10px; float:left; display:inline;}
dl#conteudo dt{background:#999; padding:5px 7px !important; width:97%; float:left; display:inline; color:#fff; font-weight:bold; font-size:18px; margin:0 0 0 5px;}
dl#conteudo dd{border:1px solid #ccc; width:96%; float:left; display:inline; padding:10px 12px !important; background:#fcfcf0; margin:0 0 20px 5px;}
dl#conteudo dd li{list-style:square; list-style-position:inside; color:#333; font-size:13px;}
dl#conteudo dd p{color:#333; font-size:13px;}