* {  padding: 0; } /* Zerando as margens e preenchimentos de todas as tags */
* html ul li {height:1%;}
* html ul li a {height: 1%;}
body { 
	text-align: left;
	margin:10px 15px;
	font: 12px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	background-color:#fff;
	background:url(../imagens/estrutura/fundo_site.jpg);
}
label {margin:5px; display:block;} /* definindo a margem dos parágrafos */

p { margin: 0 0 15px 0; } /* definindo a margem dos parágrafos */

titulo {
font: 12px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
}

h1,h2,h3{
	color:#fff;
}
h1{
font: bold 20px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
color:#fff;
}

pre {
font: 130% Verdana, Arial, Helvetica, sans-serif;
}

#geral {
	background:url(../imagens/estrutura/fundo_centro.png) repeat-y;
	width: 774px; /* definindo 770px de largura , tornando o layout fixo */
	margin: 0 auto;
}

#meio{
	margin:0 14px;
	width: 748px;
}

#bordatopo {
	background:url(../imagens/estrutura/bordatopo.png) no-repeat center;
	height: 30px; /* definindo altura de 100px */
	margin:0 auto;
	text-align:center;
	line-height:30px;
}


#tudo {
	margin: 0 10px; /* definindo margem 0 para a base e o topo e 150px para esquerda e direita */
}

#bordarodape {
	margin:0 auto;
	background:url(../imagens/estrutura/rodape.png);
	width:774px;
	height:32px; /* definindo altura de 40px */
	text-align:center;
	clear: both;  /* não permitindo que objetos "flutuantes" obstruam o rodapé. */
}


/* topo */
#topo {
	height:120px; /* definindo altura de 100px */
	margin:0 4px;
	width: 748px;
}

#topo #logo_banner{
	width:749px;
    height:85px;
	overflow:hidden;

}

#topo #bannertopo{
	position:relative;
	width:468px;
	height:60px;
	top:18px;
	left:265px;
}

#topo #topomenu{	
	text-align:center;
	font: bold 80% 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	color:#999;
	}

.clear{
	widows:100%;
	height:5px;
	line-height:5px;
}
/* fim do topo */

/* Navegação */

#navegacao {
	width: 122px; /* definindo 150px de largura para as divs #navegacao e #lateral */
	float: left; /* definindo que o navegacao fique colado à esquerda dentro do div #geral */
	text-align:left;
	text-decoration:none;
	text-transform:none;
	padding-top: 4px;
}

#navegacao .botao{
	height:20px;
	background:url(../imagens/estrutura/botao.jpg) no-repeat;
	font: bold 10pt 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	padding-left:10px;
	line-height:20px;
	color:#fff;
}

#relogio{
	width:98%;
	text-align:right;
	font: bold 9pt 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	padding:11px 5px 0 0;
	text-transform:uppercase;
}

#hoje{
	padding:20px 0px;
	width: 122px; /* definindo 150px de largura para as divs #navegacao e #lateral */
	height:35px;
	background:url(../imagens/estrutura/hoje.jpg) center top no-repeat;
}

#vende_se form {
	padding:5px 0px 0 3px;
	font: bold 6pt 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}
#vende_se input {
	padding:2px;
	margin:3px;
}

html>body #navegacao { width: 130px; } /* hack para q o FF, Opera, etc deixem o tamanho correto do layout, pois não colocando ele adicionaria + 20px aos 150px das divs, totalizando 170px, que iria bagunçar o layout */
/*Fim da Navegação*/


/* Conteudo */

#banner_d {
	width: 129px; /* definindo 150px de largura para as divs #banner_d e #lateral */
	float: right; /* definindo que o banner_d fique colado à esquerda dentro do div #geral */
	text-align:center;
}

html>body #banner_d { width: 130px; } /* hack para q o FF, Opera, etc deixem o tamanho correto do layout, pois não colocando ele adicionaria + 20px aos 150px das divs, totalizando 170px, que iria bagunçar o layout */

#conteudo {
	background-color: #FFFFFF; /* como o geral está com o fundo verde, defino aqui um branco para o fundo do conteúdo. */
	width:614px;
	float:right;
}

#conteudo #bem_vindo{
	width:303px;
	height:164px;
	float:left;
	background:url(../imagens/estrutura/bem_vindo.jpg) no-repeat;
}

#conteudo #bem_vindo h1{
	padding:3px 10px;
	font: bold 20px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}

#conteudo #bem_vindo #texto{
	padding:2px 5px;
	height:100px;
	line-height:13px;
	overflow:auto;
}

#conteudo #bem_vindo #rodape{
	height:30px;
	line-height:30px;
	text-align:center;
}

#destaque_topo{
	width:605px;
	height:164px;
	float:right;
	background:url(../imagens/estrutura/nova-montagem.jpg) center center no-repeat;
}
#destaque_topo a{
	width:190px;
	height:150px;
	float:left;
	display:block;
	text-indent:-5000px;
	margin:3px;
}

#conteudo #destaque_topo h1{
	padding:3px 10px;
	font: bold 20px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}

#conteudo #meio_1 {
	width:618px;
	height:228px;
	background:#666666;
}

#conteudo #aluga_se{
	margin-top:3px;
	width:150px;
	height:228px;
	background:url(../imagens/estrutura/aluga_se.jpg) repeat-x;
	float:left;
	clear:both;
}

#conteudo #produtos{
	margin-top:3px;
	margin-left:2px;
	width:150px;
	height:228px;
	background:url(../imagens/estrutura/produtos_.jpg) repeat-x;
	float:left;	

}

#conteudo #vende_se{
	margin-top:3px;
	margin-left:2px;
	width:150px;
	height:228px;
	background:url(../imagens/estrutura/vende_se.jpg) repeat-x;
	float:left;
}

#conteudo #vende_se1{
	margin-top:3px;
	margin-left:2px;
	width:140px;
	height:228px;
	background:url(../imagens/estrutura/vende_se.jpg) repeat-x;
	float:left;
}

#conteudo #imag{
	margin:o auto;
	padding:4px;
	background-color:#fff;
	clear:both;
	width:123px;
}

.h1_branco{
	font: bold 20px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}

.h1_preto{
	font: bold 20px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	color:#000;
}

.titulo{
	width:132px;
	padding:2px 10px;
	font: bold 20px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}

.titulo1{
	padding:2px 10px;
	font: bold 20px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}

.texto{
	padding:2px 5px;
	font: 12px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	line-height:13px;
	color:#000;
}


#conteudo #destaque{
	margin-top:3px;
	width:456px;
	height:157px;
	float:left;
	background:url(../imagens/estrutura/destaque.jpg) no-repeat;
}

#conteudo #destaque #imagem{
	margin-top:3px;
	margin-left:10px;
	margin-right:5px;
	width:123px;
	height:100px;
	float:left;
	background-color:#FFFFFF;
}

#conteudo #destaque p{
	margin-top:3px;
	font:bold 12px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	line-height:13px;
	color:#fff;
}


#conteudo #destaque_bottom{
	margin-top:3px;
	margin-left:3px;
	padding-left:5px;
	width:150px;
	height:157px;
	float:left;
	background:url(../imagens/estrutura/destaque_bottom.jpg) no-repeat;
}


#conteudo #tempo{
	width:120px;
	float:right;
	padding-top:20px;
}

#conteudo #banners{
	width:131px;
	float:right;
	margin:0 auto;
}

#publicidade{
	width:120px;
	margin:0 auto;
}

/* Fim do Conteudo */

img {
border:none;
}

#menubv ul {
margin: 0;
padding: 0;
}
#menubv li {
font: 9px  Tahoma, Verdana, Arial, Helvetica, sans-serif;
list-style: none;
border-bottom: 1px dotted #333;
margin: 0;
width:120px;
}
#menubv li a {
display: block;
padding: 2px 2px 2px 0.5em;
color:#333;
text-decoration: none;
}
#menubv li a:hover {
background-color: #F2FAFF;
color: #000;
}
/* Fix IE. Hide from IE Mac \*/
* html #menubv ul li { float: left; height: 1%; }
* html #menubv ul li a { height: 1%; }
/* End */

#carregando_menu{
	display:block;
	height:26px;
	background:url(../imagens/loading.gif) no-repeat 0px 14px;
	color:#f66;
	font-weight:bold;
}

#cidade ul {
margin: 0;
padding: 0;
}
#cidade li {
font: 11px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
list-style: none;
border-bottom: 1px dotted #000099;
margin: 0;
width:120px;
}
#cidade li a {
display: block;
padding: 3px 3px 3px 0.5em;
color: #000099;
text-decoration: none;
}
#cidade li a:hover {
background-color: #F2FAFF;
color: #000;
}
/* Fix IE. Hide from IE Mac \*/
* html #cidade ul li { float: left; height: 1%; }
* html #cidade ul li a { height: 1%; }

ul#menuhor {
padding:0 0 0 65px;
}
ul#menuhor li {
font: bold 16px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
list-style: none;
margin: 100;
position:relative;
display:inline;
}
ul#menuhor li a {
padding: 1px 1px;
margin:0;
text-decoration: none;
color: #fff;
line-height:15px;
}
ul#menuhor li a:hover {
background: #fff;
color: #000099;
}
ul#menuhor li ul {
     display:none;
     position:absolute;
     top:-8px;
     left:-40px;
     margin-top:30px;
     text-align:left;
     width:200px;
}
ul#menuhor li:hover ul {
     display:block;
}
ul#menuhor li:hover ul {display:block;}
ul#menuhor li ul li {display:block; width:320px;}
ul#menuhor li ul li a {display:block; background-color:#043ba0; color:#fff; font-size:15px; padding:10px;}
ul#menuhor li ul li a:hover {color:#fff; background-color:#0D58DA;}

#conteudo  h1{
	font-size:15px;
	margin: 0;
	color:#000000;
}

#conteudo #servicos {
	font-family:Verdana,Helvetica,sans-serif;
	font-size:12px;
	margin: 0;
	padding: 5px 30px;
}


#conteudo #servicos h1{
	font-size:15px;
	margin: 0;
	color:#000000;
}
	
#conteudo #servicos ul {
margin: 0;
padding: 0;
}
#conteudo #servicos li {
font: 12px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
border-bottom: 1px dotted #000099;
margin: 0;
list-style-image: url(../imagens/estrutura/bullet.gif);
}
#conteudo #servicos li a {
display: block;
padding: 3px 3px 3px 0.5em;
color: #000099;
text-decoration: none;
}
#conteudo #servicos li a:hover {
background-color: #F2FAFF;
color: #000;
}
/* Fix IE. Hide from IE Mac \*/
* html #conteudo  #cidade ul li { float: left; height: 1%; }
* html #conteudo #servicos ul li a { height: 1%; }

#detalhes p{
	font:12px Verdana,Helvetica,sans-serif;
}
.margem7 {
padding-left:10px;
}

.ti {
	font:bold 12px Verdana,Helvetica,sans-serif;
	font-style: italic;
	color:#0066cc;
	line-height:12px;
	height:12px;
}

.ti_b {
	font:bold 12px Verdana,Helvetica,sans-serif;
	font-style: italic;
	color:#FFF;
	line-height:12px;
	height:12px;
}

.ti_branco {
	font:11px Verdana,Helvetica,sans-serif;
	color: #000000;
	line-height:12px;
	height:12px;
}

.ti_amarelo {
	font:bold 12px Verdana,Helvetica,sans-serif;
	font-style: italic;
	color: #000000;
	line-height:12px;
	height:12px;
}
.esquerdo_destaque {
	font:bold 12px Verdana,Helvetica,sans-serif;
	font-style: italic;
	color: #000000;
	line-height:12px;
	height:12px;
}


#imageSlideshowHolder {
	FLOAT: right; MARGIN: 0 auto; WIDTH: 141px; POSITION: relative; HEIGHT: 100px
}
#imageSlideshowHolder IMG {
	POSITION: absolute; 
}
ul, ol {list-style-type:none;}
#fotos-disponiveis li {
margin:2px;
float:left;
text-align:center;
width:22%;
}
#perfuracao li {
margin:2px;
float:left;
width:48%;
}