.outer a, .outer div, .outer li, .outer ul, .outer body{
	margin: 0;
	padding: 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}
div.menu-vv{
	width: 193px;
}
div.menu-vv ul{
	list-style: none;
	text-indent: 0px;
}
div.menu-vv li{
	margin-top: 3px;
	height:35px;
}
div.menu-vv a{
	font: 12px Verdana;
	padding: 4px;
	color: #646464;
	display:block;
	padding: 6px 30px;
	height: 35px;
	text-decoration: none;
	background: url('images/background.gif') no-repeat center top;
}
div.menu-vv a:hover{
	background: url('images/highlight.gif') no-repeat center top;
	padding: 6px 40px;
}:148px;background:url(images/nav_active.jpg) no-repeat;color:#b18211;}

.menu-vv { position: relative; margin: 0; padding: 0; display: block; zoom: 1;}
 .menu-vv * { margin: 0; padding: 0 ; list-style: none}
 .menu-vv li { position: relative; vertical-align: top; margin:0; padding:0; }
 .menu-vv a { display: block; zoom: 1; }
 .menu-vv li ul { position: absolute; visibility: hidden;  margin:0; padding:0;  }
 .menu-vv li:hover ul,
 .menu-vv li.hover ul { visibility: visible }
 .menu-vv li:hover ul ul,
 .menu-vv li.hover ul ul { visibility: hidden }
 .menu-vv li li:hover ul,
 .menu-vv li li.hover ul { visibility: visible }
 .menu-vv li li:hover ul ul,
 .menu-vv li li.hover ul ul { visibility: hidden }
 .menu-vv li li li:hover ul,
 .menu-vv li li li.hover ul { visibility: visible }

 /* características vertical-vertical */
 .menu-vv { float: left; } 
 .menu-vv li ul { left: 100%; top: 0; margin:0; padding: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-vv li { width: 193px;}
 .menu-vv li a:hover { background: url('images/highlight.gif') no-repeat center top;
	padding: 6px 40px; }
 .menu-vv li ul li { width: 200px; height:28px; margin-top:-1px;}
 .menu-vv li ul li a { background: url('images/sub_bg1.png') no-repeat center top;
	padding: 5px 30px; font-size:9px; height:28px; }
 .menu-vv li ul li a:hover { background: url('images/sub_bg2.png') no-repeat center top;
	padding: 5px 30px; font-size:9px; height:28px; }

 
/* 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') }

#slideshow {list-style:none; color:#fff; margin:0; padding:5px; font:11px Tahoma, Geneva, sans-serif}
#slideshow span {display:none}
#wrapper {width:530px; margin:0px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:530px; height:200px; padding:2px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:530px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:200px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(images/right.gif) right center no-repeat}
#imglink {position:absolute; height:200px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:490px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}
