/* CSS Document */
.clear {margin:0; padding:0; clear: both;}
*{	margin:0; padding:0; } 
img { border: 0;}
a, a:visited {
	color:#00488A;
	text-decoration:none;
}

a:focus {-moz-outline: none !important;}
html, body { margin: 0; padding: 0; font-family:"Trebuchet MS"; color:#333 }
body { background: #fff url(../images/body-bg.gif) repeat-x 0 0; }
#encabezado{
    width: 920px;
	margin: 13px auto;	
	position: relative;
	height: 108px;
	clear:both;
}
#encabezado img{ padding:17px 0; border:none; float:left; }
/*--Menu superior--*/
.menu_superior {
	width: 260px;
	*width: 267px;
	_width: 260px;
	padding: 2px 0 4px 33px;/*cualquiera*/
	*padding: 1px 0 4px 33px;
	_padding: 1px 0 4px 29px;/*ie6*/
	float:right;
	background-image:url(../images/bg_contactenos.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}
.menu_superior h4{

	float:left;
	margin: -4px 5px 0 5px;
	padding: 0 5px 0 65px;
	border-right: 1px solid #fff;
	font: bold 11px "Trebuchet MS";
	_font: bold 11px "Trebuchet MS";
}
.menu_superior h4 a{color: #FFFFFF;text-decoration:none;}
.menu_superior h4 a:hover { color: #FFF;text-decoration:underline;}

.menu_navegacion{
	background-color:#660033;
	float:left;
}
/*---- Lista navegación ----*/
#primaryNav { position: absolute; top: 86px; left: 260px; z-index: 40;  float:left;}
body.ffmac #primaryNav { top: 185px; }
#primaryNav ul {
	margin:0;  
	list-style:none;
	background:#00366a;    
}
#primaryNav li {
      display:inline;
	  margin:0;      
	  padding:0;   
}
#primaryNav a {
      float:left;      
	  background:url("../images/menu_izq.gif") no-repeat left top;      
	  margin:0;      
	  padding:0 0 0 10px;      
	  text-decoration:none;
	  font:bold 13px/18px "Trebuchet MS";
}
#primaryNav a span {
      float:left;      
	  display:block;      
	  background:url("../images/menu_der.gif") no-repeat right top;      
	  padding:2px 13px 2px 6px;      
	  color:#01488A;       
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#primaryNav a span {float:none;}
/* End IE5-Mac hack */
#primaryNav a:hover span {color:#FFF;}
#primaryNav a:hover {background-position:0% -25px;}
#primaryNav a:hover span {background-position:100% -25px;}
#primaryNav a.activo {background-position:0% -25px;}
#primaryNav a.activo span {background-position:100% -25px; color:#FFFFFF;}
#primaryNav em{  float:right; margin-right:50px}
#primaryNav em a{ font:bolder 12px "Trebuchet MS"; color:#4f4f4f;text-decoration:none; background:none;}
#primaryNav em a:hover{ font:bolder 12px "Trebuchet MS"; color:#4f4f4f;text-decoration:underline; background:none;}
/*-- Cuerpo -*/

.pie_pagina{
   background-image:url(../images/patta.jpg);
   background-repeat:repeat-x;
   margin:30px auto 0 auto;
   padding:7px 0 ;
}
.copy{
	background:url(../images/bg_copy.gif);
	height:20px;
	width:auto;
}
.copydos{
	width:920px;
	margin:0 auto;
}
.copy p{
	font:bold 12px "Trebuchet MS";
	padding:2px 0 0 2px;
	float:left;
}
.copy img{
	float:left;
}
.logva{
	float:right;
	height:20px;
}
.info{
   color:#000000;
   padding:20px 0 0 0;
   font:bold 14px "Trebuchet MS";
   text-align:center;
}

.info a{
	text-decoration:none;
	color:#000000;
}

.product{
	margin:6px auto;
	width:790px;
}
.product img{
	padding:10px 0 0 0;
}
.tipoproducto{
	padding:10px 32px 0 0;
	font:9px Tahoma;
	color:#FF0000;
	float:left;
}
.tipoproducto h2{
	font:normal 13px "Trebuchet MS";
	padding:0 0 5px 0;
	color:#000000;
}
.tipoproducto p{
	border-left:1px solid #000000;
	padding:5px 0 2px 12px;
	font:normal 11px /8px "Trebuchet MS";
	color:#000000;
}

.tipoproducto a {
	text-decoration:none;
	display:block;
}
.tipoproducto a:hover {
	text-decoration:underline;
	color:#000000;
	display:block;
}
.hoverbox{
	cursor: default;
	list-style: none;
}

.hoverbox a{
	cursor: default;
}

.hoverbox a .preview{
	display: none;
}
.hoverbox a:hover .preview{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index:1;
}

.hoverbox img{
	border:1px solid #CCCCCC;	
	vertical-align: top;
	margin:0;
	padding:0;
}

.hoverbox li{
	color: inherit;
	display: inline;
	float: left;
	margin:0;
	padding:0;
	position: relative;	
}

.hoverbox .preview{
	border-color: #000;
	width: 411px;
	height: 325px;
}