@charset "utf-8";
*{margin:0px; padding:0px;}
img{border:none}
html, body{height:100%;}
body{background:#faebcc; font-size:0.75em; font-family:Arial, Helvetica, sans-serif;}
.oculto{display:none;}

div#site{min-width:900px;}

/*TOPO*/
div#topo{width:100%; min-width:900px; height:116px; background:url(../imagens/background_topo.jpg) repeat-x;}
div#topo div.topo{width:900px; height:116px; margin:auto;}
div#topo div.topo img{position:relative; float:left; margin-left:10px}

/*MENU TOPO*/
div#topo ul#menu_topo{position:relative; float:right; list-style:none; margin:63px 0px 0px 0px;}
div#topo ul#menu_topo li span.esq{position:relative; float:left; width:6px; height:31px; background:url(../imagens/borda_esq_menu_topo.jpg) no-repeat;}
div#topo ul#menu_topo li{position:relative; float:right; height:31px; line-height:31px; background:url(../imagens/background_menu_topo.jpg) repeat-x;}
div#topo ul#menu_topo li a{position:relative; float:left; height:31px; font-family:Verdana, Geneva, sans-serif; font-size:14px; text-decoration:none; color:#a68352; padding:0px 18px 0px 12px; background:url(../imagens/borda_dir_menu_topo.jpg) no-repeat top right;}
div#topo ul#menu_topo li a:hover{text-decoration:underline}

/*FLASH*/
div#flash{width:900px; height:300px; margin:auto; padding:1px 0px}

/*CONTAINER*/
div#container{position:relative; width:900px; margin:auto; background:url(../imagens/background_menu_lateral.jpg) repeat-y top left}
div#container div.clear{clear:both}

/*COLUNA LATERAL*/
div#container div#coluna_lateral{position:relative; float:left; width:200px; background:#e6d4ae; max-width:200px;}
div#container div#coluna_lateral ul#menu_lateral{font-family:Arial, Helvetica, sans-serif; font-weight:normal; list-style:none; margin-bottom:4px}
div#container div#coluna_lateral ul#menu_lateral li{height:19px; line-height:19px; border-bottom:2px solid #faebcc; padding-left:20px; background:url(../imagens/menu_lateral_marcador.jpg) no-repeat 13px 10px #e6d4ae; color:#523210}
div#container div#coluna_lateral ul#menu_lateral li a{color:#523210; text-decoration:none}
div#container div#coluna_lateral ul#menu_lateral li a:hover{text-decoration:underline}
div#container div#coluna_lateral ul#menu_lateral li.destaque{width:191px; height:33px; line-height:33px; font-size:20px; color:#3c2207; padding-left:9px; background:url(../imagens/destaque_menu_lateral.jpg);}
div#container div#coluna_lateral ul#menu_lateral li.titulo{color:#FFF; text-transform:uppercase; padding-left:14px; background:#ac8b5c url(../imagens/seta_titulo_menu_lateral.gif) no-repeat 4px 9px;}

div#container div#coluna_lateral div#dicas_manutencao{position:relative; width:170px; margin:auto; background:#faebcc; padding:15px 10px; color:#624a17; font-weight:normal; margin-bottom:4px }
div#container div#coluna_lateral div#dicas_manutencao h4{font-size:17px; position:relative; float:left; margin-bottom:5px}
div#container div#coluna_lateral div#dicas_manutencao p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#897250; margin-bottom:5px;}
div#container div#coluna_lateral div#dicas_manutencao img{position:relative; float:left; margin-right:8px}
div#container div#coluna_lateral div#dicas_manutencao span{font-size:11px;}
div#container div#coluna_lateral div#dicas_manutencao a{color:#897250; text-decoration:none}
div#container div#coluna_lateral div#dicas_manutencao a:hover{text-decoration:underline}

/*FALE CONOSCO*/
div#container div#conteudo div.fale_conosco{position:relative; float:right; width:196px; margin-bottom:18px;}
div#container div#conteudo div.fale_conosco p.contato{position:relative; float:left; color:#635034; padding:6px; font-size:18px; background:#FFF; width:184px;}
div#container div#conteudo div.fale_conosco p.contato span{font-size:16px}
div#container div#conteudo div.fale_conosco p.contato span a{color:#635034; text-decoration:none}
div#container div#conteudo div.fale_conosco p.contato strong{font-size:22px; font-weight:normal}
div#container div#conteudo div.fale_conosco .chat{background:#FFF}

/*CONTEUDO*/
div#container div#conteudo{position:relative; float:left; width:680px; padding:18px 0px 18px 20px;}
div#container div#conteudo h1, div#container div#dicas h1{font-size:22px; color:#352d21; padding:0px 0px 3px 0px; font-weight:normal}
div#container div#conteudo h1 strong, div#container div#dicas h1 strong{color:#037cb1}
div#container div#conteudo p, div#container div#dicas p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#897250; margin-bottom:5px;}
div#container div#conteudo p strong{color:#7a5f35;}
div#container div#conteudo span.botao, div#container div#conteudo a.botao{position:relative; float:right; font-size:12px; color:#faebcc; background:#ff6e16; padding:3px 7px; cursor:pointer; text-decoration:none; border:2px solid #faebcc; text-align:center;}
div#container div#conteudo span.botao:hover, div#container div#conteudo a.botao:hover{background:none; color:#ff6e16; border-color:#ff6e16;}
div#container div#conteudo ul{margin:0px 0px 5px 0px; padding:0px; list-style:square inside;}
div#container div#conteudo ul li{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#897250;}
div#container div#conteudo span.msg_ok{text-align:center; padding:7px 0px 5px 0px; background:url(../imagens/msg_bg.jpg) repeat-y; display:block; margin-bottom:10px; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:14px;}

/*DICAS DE MANUTENÇÃO*/
div#container div#dicas{position:relative; float:left; width:680px; padding:18px 0px 18px 20px;}
div#container div#dicas h2{font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; cursor:pointer; color:#552c01; margin:15px 0px 5px 0px; padding:0px 0px 5px 0px; background:url(../imagens/linha_dicas.jpg) repeat-x left bottom;}
div#container div#dicas h2 span{position:relative; float:left; width:17px; height:17px; background:url(../imagens/icone_dicas.jpg) no-repeat; margin:2px 3px 0px 0px; background-position:top left;}
div#container div#dicas div.caixa_dicas{position:relative; width:618px; padding:30px 30px 15px 30px; margin:0px 0px 20px 0px; border:solid 1px #c7c2b7; background:#fefaee;}
div#container div#dicas div.caixa_dicas ul{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4a4430; list-style:none;}
div#container div#dicas div.caixa_dicas ul li{min-height:36px;  padding:5px 0px 0px 40px; margin-bottom:15px;}
div#container div#dicas div.caixa_dicas ul li.dica1{background:url(../imagens/dicas_numero1.jpg) no-repeat left top;}
div#container div#dicas div.caixa_dicas ul li.dica2{background:url(../imagens/dicas_numero2.jpg) no-repeat left top;}
div#container div#dicas div.caixa_dicas ul li.dica3{background:url(../imagens/dicas_numero3.jpg) no-repeat left top;}
div#container div#dicas div.caixa_dicas ul li.dica4{background:url(../imagens/dicas_numero4.jpg) no-repeat left top;}
div#container div#dicas div.caixa_dicas ul li.dica5{background:url(../imagens/dicas_numero5.jpg) no-repeat left top;}
div#container div#dicas div.caixa_dicas ul li.dica6{background:url(../imagens/dicas_numero6.jpg) no-repeat left top;}
div#container div#dicas div.caixa_dicas ul.inter{margin-left:20px;}
div#container div#dicas div.caixa_dicas ul.inter li{background:none; min-height:0px; list-style:square; list-style-position:inside; padding:0px;}
div#container div#dicas div.caixa_dicas p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#312e22; margin:0px 0px 20px 10px;}
div#container div#dicas div.caixa_dicas div.pdf{position:relative; float:left; width:128px; height:128px; margin:5px 12px;}
div#container div#dicas div.caixa_dicas div.pdf h3{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4a4430; text-align:center; text-decoration:none}
div#container div#dicas div.caixa_dicas div.pdf h3 a{color:#4a4430; text-decoration:none}

/*RODAPE*/
div#rodape{width:100%; min-width:900px; height:105px; background:#342619;}
div#rodape div.rodape{width:900px; height:105px; margin:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
div#rodape div.rodape p.copyright{color:#926e4d; text-align:center; margin:3px 0px 0px 0px}
div#rodape div.rodape p.art4mind{position:relative; float:right; text-align:right; margin:0px 5px 0px 0px}
div#rodape div.rodape p.art4mind a{font-size:10px; color:#906d4c; text-decoration:none}
div#rodape div.rodape p.art4mind strong{color:#d4b69a; font-size:12px; font-weight:normal}
div#rodape div.rodape p.art4mind a:hover{color:#aa8a6b}
div#rodape div.rodape img{position:relative; float:right}

/*MENU RODAPE*/
div#rodape div.rodape ul#menu_rodape{text-align:center; padding:12px 0px 0px 0px}
div#rodape div.rodape ul#menu_rodape li{display:inline; color:#bcaa8b; padding:0px 2px}
div#rodape div.rodape ul#menu_rodape li a{text-decoration:none; color:#bcaa8b}
div#rodape div.rodape ul#menu_rodape li a:hover{text-decoration:underline}
