/* ------------- Globais Site ------------- */

body,td,th {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
}
html, body {height:100%;}
body {
	margin: 0px;
	text-align:center;
}
div#conteudo_geral{
	width:978px;
	position:relative;
	min-height:100%;
	margin:0 auto;
	text-align:left;
	background-image: url(images/fundo_site.jpg);
	background-repeat: repeat-y;
}
* html #conteiner_geral {height: 100%;}
div#topo{
	text-align:center;
	background-image: url(images/fundo_topo.jpg);
	background-repeat: repeat-x;
	height:160px;
	color:#FFFFFF;
}
div#conteudo{
	padding-bottom:110px;
	height:100%;
}

div#colunaEsquerda{
	width:240px;
	float:left;
	padding-right:7px;
}
div#colunaMeio{
	width:585px;
	float:left;
}
div#colunaDireita{
	width:143px;
	float:left;
}

div#bannerTopo{
	width:580px;
	height:175px;
	text-align:left;
	position:relative;
	text-align:center;
	vertical-align:middle;
}
div#bannerTopo img{
	width:550px;
	height:172px;
	text-align:left;
	position:relative;
}
div#bannerTopo span{
	text-indent:-999em;
	display:block;
	float:right;
	width:30px;
	height:172px;
	position:absolute;
	right:0px;
	top:0px;	
	background-image: url(images/sprite_portal.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}


/* ------------- Para o conteudo BNW ------------- */

div#conteiner_bnw {
	margin-right:5px;
	border-bottom:1px solid #CCCCCC;
	margin-bottom:20px;
}
div#conteiner_bnw .titulo{
	margin-bottom:10px;
	border-bottom:1px solid #CCCCCC;
}
div#conteiner_bnw .titulo h1{
	margin:0px;
	padding:0px;
	font-size:14px;
	color:#9E1B15;
	padding:10px;
	padding-bottom:5px;	
	padding-left:0px;
}
div#conteiner_bnw .conteudoBNW{
	color:#333333;
}
div#conteiner_bnw .conteudoBNW a{
	color:#9E1B15;
	text-decoration:none;
}
div#conteiner_bnw .conteudoBNW a:hover{
	text-decoration:underline;
}

/* ------------- Rodapé ------------- */
div#rodape{
	background-image: url(images/fundo_rodape.jpg);
	background-repeat: repeat-x;
	height:80px;
	color:#FFFFFF;
	width:100%;
	position: absolute;
	bottom:0px;
	left:0px;
}
div#rodape span{
	display:block;
	float:left;
}
div#rodape .logo{
}
div#rodape .endereco{
	padding-top:18px;
	font-size:11px;
}
div#rodape .rodapeBNW{
	padding-top:43px;
	text-align:right;
	padding-right:10px;
	float:right;
	font-size:11px;
}
div#rodape .rodapeBNW a{
	color:#CCCCCC;
	text-decoration:none;
}
div#rodape .rodapeBNW a:hover{
	text-decoration:underline;
}

/*------------------- Muda o estilo do menu horizontal ---------------------*/
div#menuBNW{
	margin-right:8px;
	margin-left:1px;
	margin-top:10px;
	margin-bottom:5px;
}
div#menuBNW h2{
	font-family:"Trebuchet MS", Tahoma, Verdana;
	color:#01642C;
	font-size:14px;
	margin:0px;
	padding:0px;
	padding-bottom:8px;
	padding-left:5px;
	padding-top:12px;
	border-bottom:1px solid #CCCCCC;
	background-color:#E4E7E7;
	margin-bottom:5px;
}
ul.menubar{
   margin: 0px;
   padding: 0px;
}
ul.menubar .menuvertical{
   margin: 0px;
   padding: 0px;
   list-style: none;
   float:left;
}
ul.menubar ul.menu{
   display: none;
   position: absolute;
   margin: 0px;
}
ul.menubar a{
    display:block;
	text-decoration: none;
}
/*------------------- Muda o estilo do submenu horizontal ---------------------*/
ul.menu{
   margin: 0;
   padding: 0;
   width:205px; /* Tamanho do menu em Width */
   margin-left:7px;
}
ul.menu ul{
   margin: 0;
   padding: 0;
}
ul.menu li a{
    display: block;
	width:auto;
	font-size:11px;
	border-bottom:1px dotted #00672C;
	padding:4px;
	color:#000000;
	text-decoration:none;
}
ul.menu li a:hover { color:#9F0C04; }
/*--- Altera o estado normal do item que tem submenu ---*/
ul.menu li.submenu a{
	background-image: url(images/submenu_a.jpg);
	background-repeat: no-repeat;
	background-position: right center;	
}
/*--- Altera os submenus ---*/
ul.menu ul{
	position: absolute;
	display: none;
	left: 204px; /* Seta o submenu 1 pixel ants do fim para "pega-lo" */
	top: -1px;
	width:180px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	padding:5px;
	z-index:2000; 
} 
ul.menu li{
   position: relative;
   list-style: none;
   border: 0px;
}
/*--- Altera os estilo dos submenus --- */
ul.menu li.submenu li a{ background-image: url();}
/* Fix IE. Hide from IE Mac \*/
* html ul.menu li {	float: left; height: 1%; }
* html ul.menu li a { height: 1%; }
/* End */




/* ------------- Fotos ------------- */

#borda1_foto{ /* Para a galeria efeito de polaroyd caso nescessite */
	border: 1px solid #CCCCCC; 
	padding:6px;
	width:102px;
	height:102px;
}
#borda2_foto{ /* Para a galeria efeito de polaroyd caso nescessite */
	border: 1px solid #CCCCCC; 
	width:100px;
	height:100px;
}
.titulo_imagem{	/* define o texto de instrução da galeria */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
.imagem_galeria{ /* define a borda da tabela da galeria */
	border: 0px solid #E0E0E0;
}

/* ------------- Formulários ------------- */

div#formulario {	
}
div#formulario input, textarea{
	width:300px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:3px;
	border: 1px solid #CCCCCC;
}
div#formulario input:focus, textarea:focus{ /* Soemnte para o Firefox */
	border: 1px solid #80291F;
}
table.tabela_formulario{ /* Define os campos da tabela */
	border-collapse:collapse;
}
table.tabela_formulario .linha_tabela_formulario{
}
table.tabela_formulario .celula_label_tabela_formulario{
	vertical-align:top;
}
table.tabela_formulario .celula_campo_tabela_formulario{
	vertical-align:top;
}
div#formulario .botao_formulario { /* define o estado do botão dos formulários*/
	padding-bottom:8px;
	padding-top:8px;
	width: 80px;
	border:1px solid #999999;
	color:#000000;
	background-color:#FFFFFF;
}
div#formulario .texto_intro{ /* define texto das instruç~eos do formulário */
}


/* ------------- Ajustes Globais ------------- */
img {
	border:0; /* Para tirar a borda do link em imagens */
}
fomr {
	margin:0px;
	padding:0px;
}


/* ------------- lightbox ------------- */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#lightbox a img{ border: none; }
#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#imageContainer{ padding: 10px; }
#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}
#prevLink { left: 0; float: left; background: url(/images/prevlabel.gif) left 1% no-repeat;}
#nextLink { right: 0; float: right; background: url(/images/nextlabel.gif) right 1% no-repeat;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 1% no-repeat;}
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 1% no-repeat;}
#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
}
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}			
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
}
/* Min-Width */
.lbWidth { /* most browsers */
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px;
}
* html .lbContent { /* IE6 */
	margin-left: -790px;
	position:relative;
}
* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
}
/* Clearfix */	
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 

/*------ Busca no site ------*/
div#busca{
	border-top:1px solid #E1E3E3;
	border-bottom:1px solid #E1E3E3;
	margin-right:8px;
	margin-left:1px;
	padding-left:9px;
	padding-right:7px;
	background-color:#E4E6E6;
	padding-top:10px;
}
div#busca h2{
	font-family:"Trebuchet MS", Tahoma, Verdana;
	color:#01642C;
	font-size:14px;
	margin:0px;
	padding:0px;
	background-image: url(images/busca_fundo_titulo.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top:10px;
	padding-bottom:23px;
	padding-left:5px;
}
form.busca_site{
	margin:0px;
	padding:0px;
	padding-bottom:20px;
}
form.busca_site label{
	display:block;
	padding-bottom:3px;
}
form.busca_site input, select{
	border:1px solid #C8C8C8;
	padding:3px;
	margin-bottom:10px;
	width:200px;
}
form.busca_site .botao{
	margin:auto;
	width:139px;
	height:39px;
	text-indent:-999em;
	background-image: url(images/busca_botao.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border:0px;
	cursor:pointer;
}
form.busca_site .botao:hover{
	background-position: 0px -40px;
}

/*----- Para área Restrita - Login -----*/
div#login_site{
	margin-top:20px;
}
div#login_site h2{
	font-family:"Trebuchet MS", Tahoma, Verdana;
	color:#01642C;
	font-size:14px;
	margin:0px;
	padding:0px;
	padding-top:10px;
	padding-bottom:20px;
	padding-left:5px;
	background-image: url(images/login_titulo_fundo.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

form.login_site{
	padding-top:5px;
	padding-left:5px;
}
form.login_site .email{
	width:210px;
	display:block;
	margin-bottom:8px;
	padding:4px;
	border:1px solid #C8C8C8;
	font-size:11px;	
}
form.login_site .senha{
	width:130px;
	margin-right:8px;
	float:left;
	padding:4px;
	border:1px solid #C8C8C8;
	font-size:11px;
}
form.login_site .botao{
	width:69px;
	height:24px;
	background-image: url(images/login_botao_acessar.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent:-999em;
	border:0px;
	cursor:pointer;
}
form.login_site .botao:hover{
	background-position: 0px -30px;
}
form.login_site small{
	display:block;
	clear:both;
	padding-top:5px;
	padding-left:3px;
}
form.login_site small a{
	color:#333333;
	font-size:11px;
	text-decoration:none;
}
form.login_site small a:hover{
	text-decoration:underline;
}

/*----- Para a publicidade - banners ------*/
div#publicidade_esquerda{
	line-height:200%;
	text-align:center;
	border-top:1px solid #CCCCCC;
	margin-right:8px;
	margin-left:1px;
	margin-top:15px;
}
div#publicidade_direita{
	text-align:center;
	margin-left:2px;
}
div#publicidade_direita img
{
	width: 137px;
	height: 137px;
}
div#publicidade_direita .anucnios{
	width:143px;
	height:27px;
	text-indent:-999em;
	background-image: url(images/sprite_portal.jpg);
	background-repeat: no-repeat;
	background-position: -29px 0px;
}
div#publicidade_direita p{
	margin-left:1px;
}

/*----- Para o sistema de portal -----*/
div#resultadoBusca{
	margin-bottom:20px;
	padding:5px;
	border:1px solid #F2F2F2;
}
div#resultadoBusca .imagemBusca{
	width:170px;
	text-align:left;
	float:left;
	padding-top:5px;
}
div#resultadoBusca .imagemBusca img{
	width:160px;
	border:1px solid #CCCCCC;
	padding:3px;
}
div#resultadoBusca .dadosBusca{
	float:left;
	width:250px;
	line-height:200%;
	padding-left:15px;
}
div#resultadoBusca .maisAnuncio{
}
div#resultadoBusca .maisAnuncio a{
	display:block;
	padding-bottom:5px;
	cursor:pointer;
}
div#resultadoBusca .divBuscaEnviar{
	display:none;
}
form.buscaEnviar{
	margin:0px;
	padding:0px;
	padding:5px;
	padding-top:15px;
	padding-left:10px;
	background-color:#E4E7E7;
	margin-top:10px;
	background-image: url(images/form_busca_fundo.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
form.buscaEnviar input, textarea{
	border:1px solid #CCCCCC;
	padding:5px;
	font-size:11px;
	margin-bottom:5px;
	width:300px;
}
form.buscaEnviar .botao{
	width:75px;
	height:30px;
	text-indent:-9999em;
	background-image: url(images/sprite_portal.jpg);
	background-repeat: no-repeat;
	background-position: -30px -27px;
	cursor:pointer;
	border:0px;
}
form.buscaEnviar .botao:hover{
	background-position: -30px -57px;
}

div#detalhesAnuncio{
	margin-bottom:30px;
}

div#detalhesAnuncio #esquerda{
	float:left;
	width:190px;
	margin-right:5px;
	margin-bottom:5px;
}

div#detalhesAnuncio .fotos{
	text-align:center;
}
div#detalhesAnuncio .fotos p{
	font-weight:bold;
}
div#detalhesAnuncio .fotos small{
	display:block;
	font-weight:normal;
}
div#detalhesAnuncio .fotos img{
	border:1px solid #CCCCCC;
	padding:3px;
}
div#detalhesAnuncio .thub_foto{
	margin-top:10px;
}


div#direita{
}
div#direita .slogan{
	text-align:center;
	padding:5px;
	font-weight:bold;
	font-style:italic;
	font-family:"Trebuchet MS", Tahoma, Verdana;
	color:#9E1B15;
	font-size:18px;
}
div#direita .detalhesAnuncio{
	line-height:200%;
}
div#direita h3{
	font-weight:bold;
	font-style:italic;
	font-family:"Trebuchet MS", Tahoma, Verdana;
	color:#9E1B15;
	font-size:14px;
	margin:0px;
	padding:0px;
	margin-top:15px;
	margin-bottom:5px;
	padding-bottom:5px;
}
div#direita #mapaView{
	padding:5px;
	border:1px solid #F2F2F2;
	text-align:center;
}

/*----- Painel do Anunciante -----*/

div#painelAnunciante{
	margin-bottom:20px;
	margin-top:20px;
}
div#painelAnunciante h3{
	font-weight:bold;
	font-style:italic;
	font-family:"Trebuchet MS", Tahoma, Verdana;
	color:#9E1B15;
	font-size:14px;
	margin:0px;
	padding:0px;
	margin-top:15px;
	margin-bottom:5px;
	padding-bottom:5px;
}

div#conteinerAba{
}
div#conteinerAba ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
div#conteinerAba ul li{
	display:inline;
	padding:5px;
	border:1px solid #CCCCCC;
	background-color:#EFEFEF;
	color:#333333;
	cursor:pointer;
}

* html div#conteinerAba ul li{ margin-right:5px; }

div#conteinerAba ul li:hover{
	background-color:#FFFFFF;
	text-decoration:none;
	border-bottom:1px solid #FFFFFF;
}
div#conteinerAba ul li.selected{
	background-color:#FFFFFF;
	border-bottom:1px solid #FFFFFF;
}

div#conteinerAba .tabs-container{
	clear:both;
	padding:10px;
	border:1px solid #CCCCCC;
	margin-top:5px;
}
div#conteinerAba .tabs-hide{
	display:none;
}

div#conteinerPainel{
	border:1px solid #CCCCCC;
	padding:15px;
	margin-top:5px;
}

table.painelResultado{
	border-collapse:collapse;
}
table.painelResultado th{
	border:1px solid #EAEAEA;
	padding:5px;
	color:#FFFFFF;
	background-image: url(images/tabela_painel_th.jpg);
	background-repeat: repeat-x;
}
table.painelResultado td{
	border:1px solid #EAEAEA;
	padding:3px;
}

form.formPainel{
}
form.formPainel select, input{
	border:1px solid #CCCCCC;
	padding:3px;
}
form.formPainel center{
	padding:10px;
}
form.formPainel .botao{
	width:75px;
	height:30px;
	text-indent:-9999em;
	background-image: url(images/sprite_portal.jpg);
	background-repeat: no-repeat;
	background-position: -30px -87px;
	cursor:pointer;
	border:0px;
}
form.formPainel .botao:hover{
	background-position: -30px -117px;
}

/*-- Para cadastro --*/
form.formCadastro{
}
form.formCadastro input, select, textarea{
	font-size:11px;
	padding:5px;
}
form.formCadastro table{
	border-collapse:collapse;
}
form.formCadastro table td{
	padding:5px;
}
form.formCadastro .big{
	width:350px;
}
form.formCadastro .midlle{
	width:200px;
}
form.formCadastro .small{
	width:150px;
}
form.formCadastro .tiny{
	width:50px;
}
form.formCadastro .botaoAnuncio{
	width:95px;
	height:30px;
	text-indent:-9999em;
	background-image: url(images/sprite_portal.jpg);
	background-repeat: no-repeat;
	background-position: -105px -28px;
	border:0px;
	cursor:pointer;
	background-color:#009933;
}
form.formCadastro .botaoAnuncio:hover{
	background-position: -105px -58px;
}

form.formCadastro .botaoCadastro{
	width:166px;
	height:29px;
	text-indent:-9999em;
	background-image: url(images/sprite_portal.jpg);
	background-repeat: no-repeat;
	background-position: -105px -88px;
	border:0px;
	cursor:pointer;
	background-color:#009933;
}
form.formCadastro .botaoCadastro:hover{
	background-position: -105px -117px;
}

form.formCadastro .botaoSenha{
	width:166px;
	height:29px;
	text-indent:-9999em;
	background-image: url(images/sprite_portal.jpg);
	background-repeat: no-repeat;
	background-position: -105px -177px;
	border:0px;
	cursor:pointer;
	background-color:#009933;
}
form.formCadastro .botaoSenha:hover{
	background-position: -105px -207px;
}

form.formCadastro .botaoExcluir{
	width:75px;
	height:30px;
	text-indent:-9999em;
	background-image: url(images/sprite_portal.jpg);
	background-repeat: no-repeat;
	background-position: -30px -147px;
	border:0px;
	cursor:pointer;
	background-color:#009933;
}
form.formCadastro .botaoEditar{
	width:95px;
	height:30px;
	text-indent:-9999em;
	background-image: url(images/sprite_portal.jpg);
	background-repeat: no-repeat;
	background-position: -103px -146px;
	border:0px;
	cursor:pointer;
	background-color:#009933;
}

form.tipo_pessoa .botao{
	width:96px;
	height:30px;
	text-indent:-9999em;
	background-image: url(images/sprite_portal.jpg);
	background-repeat: no-repeat;
	background-position: -105px -29px;
	border:0px;
	cursor:pointer;
	background-color:#009933;
	margin-bottom:30px;
}
form.tipo_pessoa .botao:hover{
	background-position: -105px -59px;
}

#adicionarClientePF .botao{
	width:96px;
	height:30px;
	text-indent:-9999em;
	background-image: url(images/sprite_portal.jpg);
	background-repeat: no-repeat;
	background-position: -105px -29px;
	border:0px;
	cursor:pointer;
	background-color:#009933;
	margin-bottom:30px;
}
#adicionarClientePF .botao:hover{
	background-position: -105px -59px;
}

.error{
	border:1px solid #FF0000;
}

label.error{
	display:block;
	color:#FF0000;
	padding:3px;
	margin-bottom:8px;
	border:0px;
}

#adicionarClientePJ .botao{
	width:96px;
	height:30px;
	text-indent:-9999em;
	background-image: url(images/sprite_portal.jpg);
	background-repeat: no-repeat;
	background-position: -105px -29px;
	border:0px;
	cursor:pointer;
	background-color:#009933;
	margin-bottom:30px;
}

#adicionarClientePJ .botao:hover{
	background-position: -105px -59px;
}

.confirm{
	width:117px;
	height:30px;
	text-indent:-9999em;
	background-image: url(images/sprite_portal.jpg);
	background-repeat: no-repeat;
	background-position: -202px -29px;
	border:0px;
	cursor:pointer;
	background-color:#009933;
}
.confirm:hover{
	background-position: -202px -58px;
}
div#divErro
{
	display:none; 
	background-color:#DC241A;
	border-bottom:1px solid #FFFFFF;
	padding:20px;
	color:#FFFFFF;
	font-size:15px;
	text-align:center;
	position:absolute;
	top:0;
	left:0;
	font-weight:bold;
	width:100%;
	cursor:pointer;
	z-index:5000;
}

