/* CSS Document */
* {
padding: 0;
margin: 0;
}
body {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
background: #fff url(img/bgBody.jpg) repeat-x;
}
p {
font-size: 11px;
color: #666;
margin-bottom: 5px;
}
img {
border: none;
}
#main {
width: 770px;
margin: 0px auto;
}

div#banner {
margin-top: 15px;
}
div#banner img{
width: 760px;
height: 190px;
border: 4px solid #ccc;
display: block;
}
ul#menuProduto {
list-style: none;
margin-bottom: 10px;
}
ul#menuProduto li {
display: inline;
}
ul#menuProduto li a{
color: #999;
text-decoration: none;
font-size: 12px;
margin-right: 10px;
font-weight: bold;
}
ul#menuProduto li a:hover{
color: #600;
}
div#conteudo {
margin-top: 15px;
width: 540px;
float: left;
}
div#coluna {
margin-top: 15px;
width: 180px;
padding: 0px 10px;
float: right;
border-left: 1px dotted #333;
border-right: 1px dotted #333;
}
div#fotos {
float:right;
padding: 0px 0px 10px 20px;
}
div#fotos img {
display: block;
}

ul#colmenu {
list-style: none;
}
ul#colmenu a {
font-size: 13px;
font-weight: bold;
color: #999;
text-decoration: none;
display: block;
border-bottom: 1px solid #DADADA;
padding: 5px 10px;
margin-bottom: 5px;
}
ul#colmenu a:hover {
color: #666;
}
ul#colmenu a.ativo {
color: #600;
}
/* DROP MENU*/
/*
  Menus drop-down horizontal-xxxxverticalxxxx (hv) e vertical-vertical (vv) até 4 níveis
  by Micox - elmicox.blogspot.com - Ver. 2.0 - 20/02/08 - Creative Commons License
*/    
.menu-hv { position: relative; margin: 0; padding: 0; display: block; zoom: 1;}
 .menu-hv * { margin: 0; padding: 0 ; list-style: none}
 .menu-hv li { position: relative; vertical-align: }
 .menu-hv a { display: block; zoom: 1; }
 .menu-hv li ul { position: absolute; visibility: hidden  }
 .menu-hv li:hover ul, .menu-hv li.hover ul { visibility: visible }
 .menu-hv li:hover ul ul, .menu-hv li.hover ul ul { visibility: hidden }
 .menu-hv li li:hover ul, .menu-hv li li.hover ul, { visibility: visible }
 .menu-hv li li:hover ul ul, .menu-hv li li.hover ul ul,  { visibility: hidden }
 .menu-hv li li li:hover ul, .menu-hv li li li.hover ul { visibility: visible }
 /* características horizontal-vertical */
 .menu-hv:after, .menu-hv.after { content: "."; line-height: 0px; clear: both; display: block; visibility: hidden}
 .menu-hv li { float: left; }  
 .menu-hv li ul li { float: none; }
 .menu-hv li ul li ul { position: absolute; left: 100%; top: 0; }
 /* ****************************************
   ALTERE ABAIXO. defina a largura, cor, formatações, etc, dos itens do seu menu abaixo
   ou apague as linhas se for definir em outro lugar
 */
 .menu-hv {
 background: url(img/bgTopMenu.gif) no-repeat 0 0;
 padding: 84px 0px 0px 150px;
 }
 .menu-hv a {
 font-size: 12px;
 color: #600;
 font-weight: bold;
 text-decoration: none;
 padding: 0px 10px;
 } 
 .menu-hv ul li a:hover {
 text-decoration: underline;
 }
 .menu-hv ul {
 background-color: #fff; 
 border: #660000 solid 1px;
 }
/* Micox Pseudo-class-css2 to IE (MXPC). Activate .hover and .first-child in IE 6
   http://elmicox.blogspot.com/2008/03/ativando-hover-e-first-child-no-ie-6-um.html 
   Deixe isto ao final de tudo do seu CSS pois o Webkit não interpreta nada mais abaixo do expression */
* html * { color: expression( (function(who){ if(!who.MXPC){
 who.MXPC = '1';
 if(who.nodeName != 'A'){
  who.onmouseenter=function(){ who.className += ' hover'};
  who.onmouseleave=function(){ who.className = who.className.replace(' hover','')}; }
 (who==who.parentNode.firstChild) ? who.className += ' first-child' : '' ;
} } )(this) , 'auto') }
/* FIM DROP MENU*/