@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px;}
img{border:0px;}
body{background:url(../imagens/bg_site.png) repeat-x top #636363;}
#site{width:824px; margin:auto;}

#topo{position:relative; width:824px; height:146px; background:url(../imagens/topo_bg.jpg) no-repeat bottom right;}
#topo img{position:relative; float:left;}
#topo div#menu_topo{position:relative; float:right; margin-top:4px;}
#topo div#menu_topo img{position:relative; float:left;}
#topo ul{position:relative; float:left; background:#ffb14b url(../imagens/menu_topo_bg.jpg) repeat-x top left; list-style:none;}
#topo ul li{display:inline; line-height:42px;}
#topo ul li a{color:#8b3f04; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-decoration:none; padding:2px 9px; border-right:1px solid #e79832;}
#topo ul li a:hover{color:#652e04; text-decoration:underline;}
#topo ul li.ultimo a{border:none;}
#topo #flash_topo{position:relative; float:right; margin:0px; width:280px; height:99px;}

#sombra{position:relative; width:824px; height:14px;}
#sombra img{position:relative; float:left;}
#sombra div{position:relative; float:left; width:794px; height:14px; background:url(../imagens/sombra_top.png) repeat-x;}

#centro{position:relative; float:left; width:810px; background:url(../imagens/bg_conteudo.png) repeat-y top left; padding:0px 0px 0px 14px;}

#centro div#menu_lateral{position:relative; float:left; width:198px; font-family:Arial, Helvetica, sans-serif; margin-right:20px;}
#centro div#menu_lateral ul{position:relative; float:left; list-style:none; background:url(../imagens/bg_prim_item_menu_lateral.jpg) repeat-x left 27px;}
#centro div#menu_lateral ul li{font-size:10px; color:#7d7d7d; border-top:1px solid #e7e7e7; line-height:12px; margin:0px 9px; padding:5px 0px; cursor:pointer; width:180px;}
#centro div#menu_lateral ul li p{font-size:10px; background:url(../imagens/menu_seta.gif) no-repeat top left;}
#centro div#menu_lateral ul li span{background:url(../imagens/menu_seta.gif) no-repeat left 5px; padding-left:6px;}
#centro div#menu_lateral ul li span:hover{color:#333;}
#centro div#menu_lateral ul li.prim{border:none;}
#centro div#menu_lateral ul li a{color:#333; text-decoration:none;}
#centro div#menu_lateral ul li:hover a{color:#000; text-decoration:underline;}

#centro div#menu_lateral ul li.titulo{font-size:14px; color:#4d4d4d; border:none; line-height:normal; margin:1px; padding:0px; cursor:auto; background:url(../imagens/bg_titulo_menu_lateral.jpg) repeat-x top left; width:196px; line-height:25px;}
#centro div#menu_lateral ul li.titulo strong{font-weight:normal; background:url(../imagens/icone_seta.jpg) no-repeat left top; padding-left:17px; margin-left:7px;}
#centro div#menu_lateral ul li.titulo:hover{text-decoration:none; color:#4d4d4d;}
#centro div#menu_lateral ul li ul{display:none;}


#centro div#conteudo{position:relative; float:left; width:560px; padding:18px 0px;}
#centro div#conteudo h1{font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal; color:#5c5c5c}
#centro div#conteudo h1 strong{color:#ff6600;}
#centro div#conteudo h2{font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#6c6c6c}
#centro div#conteudo p{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#848484}
#centro div#conteudo p strong{color:#666;}



#itens_menu{position:absolute; left:0px; top:0px; z-index:1; padding:10px;}
#itens_menu table tr.topo td.esq{height:10px; vertical-align:top; font-size:0px; line-height:0px;}
#itens_menu table tr.topo td.centro{background:url(../imagens/item_menu_tbg.png) repeat-x top left; padding-top:4px;}
#itens_menu table tr.topo td.dir{background:url(../imagens/item_menu_rt.png) repeat-x top left; height:10px; font-size:0px; line-height:0px;}

#itens_menu table tr.centro td.esq{background:url(../imagens/item_menu_lbg.png) repeat-y top left;}
#itens_menu table tr.centro td.dir{background:url(../imagens/item_menu_rbg.png) repeat-y top left;}

#itens_menu table tr.rodape td.esq{background:url(../imagens/item_menu_lb.png) repeat-x top left; height:4px; font-size:1px;}
#itens_menu table tr.rodape td.centro{background:url(../imagens/item_menu_bbg.png) repeat-x top left; height:4px; font-size:1px;}
#itens_menu table tr.rodape td.dir{background:url(../imagens/item_menu_rb.png) repeat-x top left; height:4px; font-size:1px;}

#itens_menu ul{position:relative; float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; list-style:none; background:#f18800; line-height:18px; padding-bottom:4px;}
#itens_menu ul li{background:url(../imagens/item_menu_bg.jpg) repeat-x left top; margin-bottom:2px; padding:0px 5px; line-height:18px;}
#itens_menu ul li:hover{background-position:left bottom;}
#itens_menu ul li a{color:#FFF; text-decoration:none; display:block;}

#rodape{position:relative; float:left; width:824px; height:133px}
#rodape img{position:relative; float:left;}
#rodape div{position:relative; float:left; width:762px; height:60px; background:url(../imagens/bg_rodape.png) repeat-x top left;}
#rodape div p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#555; text-align:center; margin-top:10px}
#rodape div p span{font-size:11px; color:#737373;}
#rodape p.logo{float:right; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; text-transform:uppercase; text-align:right; background:url(../imagens/logo_art4mind.png) no-repeat right top; padding-right:25px; margin-right:15px}
#rodape p.logo span{font-size:10px; color:#838383; text-transform:lowercase;}
#rodape p.logo a{color:#FFF; text-decoration:none;}
#rodape p.logo a:hover{text-decoration:underline;}
#rodape p.logo span a{color:#b2b2b2; text-decoration:none;}
#rodape p.logo span a:hover{text-decoration:underline;}

/*aviso garantia*/
div.aviso_garantia{position:absolute; left:0px; background:0px; width:461px; height:180px; background:url(../imagens/aviso_garantia_03_anos.png) no-repeat top left; z-index:100; cursor:pointer;}
div.aviso_garantia.oculto{display:none;}
div#overlay{position:absolute; left:0px; top:0px; background:#000; z-index:99; width:100%; filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7;}


