/* generales*/
html,body{margin:0;padding:0}
div#pagina{width:990px;margin:0 auto;text-align:left}
.marco{
	width:995px;
	margin:0 auto;
	text-align:left;
}
.contenedor_menu_lateral{width:220px;}
.contenedor_contenido{width:770px;float:right;}
a{ text-decoration:none; color:#000; cursor:pointer}
img a{ text-decoration:none;border:0;}
img{border:0;}
form{margin: 0px 0px 0px 0px}
tr.enbloque img {display: block;}
#bt_comprar { margin-right:10px; cursor:pointer;}
.cabeceras{width:995px; height:100px; text-align:right}
.logo{background:url(../imagen/logo_200_r.gif) no-repeat center center;height:100px; width:213px; float:left; }
#primero{text-align:left; background-color:#FFF}
.curva_superior{background:url(../imagen/curva_menu_sup.png) no-repeat left top;float:right; height:25px;padding-left:25px; margin-top:0px}
.curva_superior_texto{height:22px; background-color:#FFF; font: 12px Arial, Helvetica, sans-serif; text-align:right; padding-top:3px}
#clientes{ background:url(../imagen/usuario.png) no-repeat left center; float:right; padding-left:21px; padding-top:3px; margin-right:10px}
#condiciones{ background:url(../imagen/condiciones.png) no-repeat left center; float:right; padding-left:21px; padding-top:3px; margin-right:10px}
#contacto{ background:url(../imagen/contacto.png) no-repeat left center; float:right; padding-left:21px; padding-top:3px; margin-right:10px}
#blog{ background: url(../imagen/blog.png) no-repeat left center; float:right; padding-left:21px; padding-top:3px; margin-right:10px}
#telf{ background:url(../imagen/telefono.png) no-repeat left center; float:right; padding-left:21px; padding-top:3px; margin-right:10px; font-weight:bold; color:#F00}
#ttienda{width:100px;float:right;}
#chat{width:184px;float:right;padding-top:14px; margin-right:10px }
.info_directorio{font: 16px Arial, Helvetica, sans-serif; color:#000; margin-top:3px; margin-bottom:3px; text-transform:capitalize; text-align:left;}
.info_directorio a{ color:#33F}
/*fin generales*/
/*------------carrito---------------*/
.carrito{width:200px; height:20px;border:0px;font: 25px Arial, Helvetica, sans-serif; color:#F00; text-align:center;font-weight:bold; padding-left:8px; padding-top:2px;padding-bottom:2px;}
.textocarrito{width:100px; text-align:right;float: left;}

/*------------final carrito---------------*/
/*------------buscador---------------*/
.ds {border-right:1px solid #e7e7e7;position:relative;height:32px;z-index:100}
.lsb {background:url(../imagen/fondo_botones.png) no-repeat;overflow:hidden; border:0; height:30px; width:65px}
.lsbb {background:#eee;border:1px solid #999;border-top-color:#ccc;border-left-color:#ccc;height:30px}
.lst {-moz-box-sizing:content-box;background:#fff;border:1px solid #ccc;border-bottom:none;color:#000;font:18px arial,sans-serif;float:left;height:26px;padding:4px 0 0;padding-left:6px;padding-right:10px;vertical-align:top;width:100%}
.lst-td {border-bottom:1px solid #999}
.tsf-p {max-width:754px}/*--------------viejo-----
.buscar{background:url(../imagen/busca_a.gif) no-repeat top left; width:500px;border:0px;height:40px;}
.textobuscar{background:url(../imagen/busca_b.gif);width:460px; height:40px; text-align:right;float:right}
.cajabuscar{border:0; font: 20px Arial, Helvetica, sans-serif;width:410px; height:20px; text-align:left; background-color:#FFFFCC; margin-bottom:5px; vertical-align:bottom}*/
/*------------final buscador---------------*/
/*-------------info flash--------------*/
.textomarquee{font: 11px Arial, Helvetica, sans-serif;font-weight:normal;}
/*------------final info flash---------------*/
/*------------botones---------------*/
/*------------menu central destacado---------------*/

/*--------------------------------------*/



#menudestacado{margin:0px; padding:0px; width:527px; float:left;}
#menudestacado ul{padding:0; margin:0px;width:527px;height:64px;background-image:url(../imagen/fondo_menu_destacado.gif) }
#menudestacado ul li{ list-style-type:none;padding:0; margin:1px; display:block;float:left;height:64px; background:#FFFFFF; text-align:center; line-height:64px;}
#menudestacado li a{font: 10px Arial, Helvetica, sans-serif; text-align:center;font-weight:bold;  margin:0px;width:83px;float:left; padding:56px 0px 0px 0px;}
/*------------central destacado contenidos---------------*/
#menudestacado li.d1 a {background-image:url(../imagen/1.png); background-repeat:no-repeat; width:83px; }
#menudestacado li.d2 a {background-image:url(../imagen/2.png); background-repeat:no-repeat;width:83px;}
#menudestacado li.d3 a {background-image:url(../imagen/3.png);background-repeat:no-repeat; width:83px;}
#menudestacado li.d4 a {background-image:url(../imagen/4.png);background-repeat:no-repeat; width:83px;}
#menudestacado li.d5 a {background-image:url(../imagen/5.png); background-repeat:no-repeat;width:83px; }
#menudestacado li.d6 a {background-image:url(../imagen/6.png);background-repeat:no-repeat; width:83px; }
/*------------final central destacado---------------*/
/*------------titulo seccion---------------*/
/*------------categorias---------------*/
.categoriamarco{width:220px}
.categoriapr {  height: 48px; width:220px; background-repeat:no-repeat; background-pisition: top right; }
.textocategoriapr {height:43px;margin-left:10px;font: 18px Arial, Helvetica, sans-serif; text-align:left;padding:5px 0px 0px 0px; background-position:right top;background-repeat:no-repeat; width:90%;}
/*------------incioysecciones---------------*/
.incioysecciones{ padding:0px; margin-left:20px;margin-right:20px;list-style: none;}
.incioysecciones li{ width:360px;  float:left; margin-right:4px;margin-bottom:4px; height:165px;background-position:top; background-repeat:no-repeat}
.nombreincioysecciones{padding:3px 3px 0px 7px;height:20px;text-transform:capitalize}
.nombreincioysecciones a{width:100%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight: bolder; text-decoration:none; text-transform:capitalize}

/*.fotoincioysecciones{width:120px; height:130px;border:0px #000000 solid; float:left; background-position:center center; background-repeat:no-repeat; margin-left:3px;background-color:#FFFFFF;}*/

#fotoincioysecciones{ float: left;
left: 0;
top: 0;
height: 130px;
width: 120px;
padding:10px 10px 10px 10px;
z-index:0}
#fotoincioysecciones img { width: 120px;
height: 100%;z-index:0
}
.fotoincioysecciones-protect{ position: absolute;float: left; z-index:0;
} 
.cajacontenedorainicioysecciones{width:358px;height:130px; background:none}
.precioincioysecciones{ width:200px; float:right; text-align:center;}
.precioenmedioinicioysecciones{ margin-bottom:10px; margin-top:25px; margin-right:10px; width:200px; float:right; text-align:right}
.preciotextoinicioysecciones{text-align:right; font:Georgia, Times New Roman, Times, serif; font-size:25px; font-weight:bold; }
.fabricanteincioysecciones{text-align:right; font: Geneva, Arial, Helvetica, sans-serif; font-size:15px; color: #000000; font-weight:bold;}

/*------------listados--------------*/
/*---------------estilo listado-----*/
/*.fotolistado{background-position:center center; background-color:#FFFFFF; border:1px #CCCCCC solid; width:90px; height:100px; margin:10px; background-repeat:no-repeat}*/


#fotolistado{ float: left;
left: 0;
top: 0;
background-color:#FFFFFF; border:1px #CCCCCC solid; width:90px; height:100px; margin:10px;
z-index:0}
#fotolistado img { width: 90px;
height: 100%;z-index:0

}
.fotolistado-protect{ position: absolute;float: left; z-index:0;
} 


.listadobordetr{border-bottom:1px #CCCCCC solid; vertical-align:top}
.listadobordetrpvp{vertical-align:top;border-left-width:4px;border-left-style: solid; border-left-color:#F7F7F7;border-bottom:1px #CCCCCC solid}
.pvplistado{text-align:right; font:Georgia, Times New Roman, Times, serif; font-size:22px; font-weight:bold;}
.preciocajalistado{padding-bottom:10px; padding-top:10px; padding-right:10px;}
.texto_listado{ text-transform:capitalize;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight: bolder; text-decoration:none; height:40px}
.descripcion_listado a{color:#999999;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;text-decoration:none; margin-bottom:10px;}
/*---------------estilo detalles-----*/
.fotogrande_base{background-position: center center; background-color:#FFFFFF; width:400px; height:400px; background-repeat:no-repeat;}
.fotogrande_arriba{ background-image:url(../imagen/lazo1.gif);background-position: top center; width:402px; height:85px; background-repeat:no-repeat;}
.fotogrande_abajo{border:1px #CCCCCC solid;width:400px; height:308px; border-top:0px}
.cajapreciogrande{ background-image:url(../imagen/lazo2.gif); background-position:left; background-repeat: no-repeat; width:320px; height:131px;}
.pvplistadogrande{text-align:right; font:Georgia, Times New Roman, Times, serif; font-size:28px; color: red; font-weight:bold;}
.preciocajalistadogrande{padding-bottom:10px; padding-top:15px; padding-right:13px; text-align:right}
.texto_barra_detalle{height:48px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; text-transform:uppercase; padding-top:3px;padding-left:60px;margin-left:10px; background-position:left top;background-repeat:no-repeat;}
.texto_especificaciones{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color: #333333; text-transform:capitalize;}

/*-----------final listados---------*/

/*------------final titulo seccion---------------*/
/*------------menu de estas ---------------*/
.barra{height:48px; margin-left:20px; margin-right:20px; background-position:top left; background-repeat:no-repeat; width:725px}
.texto_barra_loquelista{height:48px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; text-transform:capitalize;padding-top:5px; width:100%;padding-left:60px;margin-left:10px; background-position:left top;background-repeat:no-repeat;}
/*---------------final menu estas----------------*/
/*---------------inicio filtrados----------------*/
.filtro_titulo {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; text-transform:capitalize;}
.filtro_detalle a{text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:3px, 5px, 3px, 5px; height:10px; margin:0px, 1px, 0px, 1px; text-transform:capitalize;font-weight:bold}
.filtro_detalle1 a{text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:3px, 5px, 3px, 5px; height:10px; margin:0px, 1px, 0px, 1px; text-transform:capitalize;}

/*---------------final filtrados----------------*/
/*------------ paginacion----------*/
.nummeros a,.nummeros_ok a{text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; height:14px;text-transform:capitalize; font-weight:bold;}

.paginas{border-bottom: 1px #CCCCCC solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666; text-transform:capitalize; padding-bottom:5px; padding-left:15px; }
/*---------final paginacion------*/
/*-----------------------------MENU SUPERIOR--------------------------------*/

#menusup, #menusup ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	float:left;
	width:985px;
	background-repeat:repeat-x;
z-index:100
}

#menusup a {
	display: block;
	font:Verdana, Arial, Helvetica, sans-serif;  font-weight:bold;  text-decoration:none;
	/*width: 10em;*/
	z-index:100
}

#menusup li { /* all list items */
float: left;
z-index:100
}
#menusup li a{ /* alturas de li cabezera*/
	height:41px;
	background-repeat:repeat-x;
	text-align:center;
	font-size:11px;	/*width: 10em;  width needed or else Opera goes nuts */
 z-index:100
}
#menusup li a:hover { /* li madre vinculos */
	text-align:center;
	/*width: 10em;  width needed or else Opera goes nuts */
	z-index:100
}
/* incio del li secundario*/
.sub { 
	position:absolute;
	display: none;
	top: auto;    
	left: 16px;/* alto de contenedor*/
	background:  url(../menus/submenu_top.png) no-repeat;
	width: 186px;
	padding-top: 9px;
	z-index:100
}
/*base del li secundario*/
.btm-bg {
	background: url(../menus/submenu_bottom.png) no-repeat;
	width: 186px;
	height: 9px;
	overflow: hidden;
	clear: both;
	z-index:100
}
/*generales en ul secundarios*/
#menusup li ul{
	background: url(../menus/submenu_bg.png) repeat-y;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0px 0px 0px 8px;
	list-style: none;
	font-size: 11px;
z-index:100
}
/*generales en li secundarios*/
#menusup li ul li a {
background: none;
text-align:left;
font-size:11px;
width: 168px;
height:20px;
line-height: 20px;
text-transform:capitalize;}
/*pongo el texto normal en li secundarios mouseover*/
#menusup li ul li a:hover {text-align:left;}

/*oculta inicialmente los li secundarios*/
#menusup li .sub{ /* second-level lists */
	display:none;
}

/*desbloquea los li secundarios*/
#menusup li:hover .sub,
#menusup li.hover .sub {
	display:block;
	left: auto;
}

/*formato de los div de li superior*/
a .menu-left {
	background: url(../menus/menu-left.png) no-repeat left top;
	width: 8px;
	height: 41px;
	display: block;
	float: left;
}
a .menu-mid {
	background: url(../menus/menu-mid.png) repeat-x top left;
	height: 41px;
	display: block;
	float: left;
}
a .menu-right {
	background: url(../menus/menu-rigth.png) no-repeat top left;
	width: 8px;
	height: 41px;
	display: block;
	float: left;
}
/*desplaza el fondo de los div del titulo del li suerior*/
#menusup li a:hover .menu-left,
#menusup li.active a .menu-left,
#menusup li:hover a .menu-left,
#menusup li a:hover .menu-mid,
#menusup li.active a .menu-mid,
#menusup li:hover a .menu-mid,
#menusup li a:hover .menu-right,
#menusup li.active a .menu-right,
#menusup li:hover a .menu-right {
background-position: 0 -41px;
}
/*esquinas del menu*/
.esquina-menu-left{
width:5px;
height:41px;
display: block;
float: left;}
.esquina-menu-rigth{
width:5px;
height:41px;
display: block;
	float: left;}
/*-------------------------FINAL MENU SUPERIOR--------------------------------*/
.infopvpconiva{ font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#999999; text-align: right}
.referencias{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #666666; text-align:center}
.infodispo{ font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#999999; text-align: right; font-weight:bold;cursor:pointer;}


.fondo_busca{height:45px;border:0px}
.fondo_busca3{height:45px;border:0px}

.meneu {position:relative;visibility:visible;font-family:verdana,arial;font-size:9px; text-transform:capitalize; text-align:center;  height:15px; padding:10px;background:url(../imagen/menu_cab_der.gif) no-repeat top right;}

/*-------------menu lateral------------------
	#menulateral, #menulateral ul {
padding:0px;margin:0px;list-style: none;width:220px; background-color:white;	}
	
	#menulateral li { /* all list items /
		position : relative;
		
	}
	
	#menulateral li ul { /* second-level lists /
		position : absolute;
		left: -999em;
		margin-left : 100%;
		top : -1px;
	}
	
	#menulateral li ul ul { /* third-and-above-level lists /
		left: -999em;
	}
	#menulateral li ul a,#menulateral li ul ul a{ font-size:12px}
	
	#menulateral li a {
	line-height: 30px;height:30px;margin-left:5px;padding: 0px 2px 0px 2px; font:Trebuchet MS, Arial, Helvetica, sans-serif;font-size:14px; text-transform:capitalize;width:200px;display:block; font-weight:bold;
	}
	
	#menulateral li a:hover {
		background-color: #f2f2f2; background-position:right; background-repeat:no-repeat
	}
	
	#menulateral li:hover ul ul, #menulateral li:hover ul ul ul, #menulateral li.sfhover ul ul, #menulateral li.sfhover ul ul ul {
		left: -999em;
	}
	
	#menulateral li:hover ul, #menulateral li li:hover ul, #menulateral li li li:hover ul, #menulateral li.sfhover ul, #menulateral li li.sfhover ul, #menulateral li li li.sfhover ul { /* lists nested under hovered list items /
		left: auto;
	}

------------menu izquierdo---------------*/
	#menulateral, #menulateral ul {
padding:0px;margin:0px;list-style: none;width:220px; background-color:white;	}
ul#menulateral,
ul#menulateral li,
ul#menulateral ul {
}

/*ul#menulateral:after From IE 7 lack of compliance{
padding:0px;margin:0px;list-style: none;width:220px; background-color:white;
}*/

ul#menulateral li {
  /*float: left; For IE 7 lack of compliance*/
  display: block !important; /*For GOOD browsers*/
 /* display: inline; For IE*/
  position: relative;
  width:200px;
  line-height: 20px;
  height:21px;
  margin-left:5px;
  padding: 0px 2px 0px 2px;
z-index:100}


#menulateral li a {
font:Trebuchet MS, Arial, Helvetica, sans-serif;font-size:12px; text-transform:capitalize;display:block; font-weight:bold;
z-index:100}
		#menulateral li a:hover {background-color: #f2f2f2;z-index:100}

#menulateral li li{height:18px;line-height: 17px; display:block; z-index:100}
#menulateral li ul a,#menulateral li ul ul a{ font-size:12px; z-index:100}
/*
 Root Menu 
ul#menulateral a {
	line-height: 25px;height:25px;margin-left:5px;padding: 0px 2px 0px 2px; font:Trebuchet MS, Arial, Helvetica, sans-serif;font-size:13px; text-transform:capitalize;width:200px;display:block; font-weight:bold;
}
*/
/* Root Menu Hover Persistence */
ul#menulateral a:hover,
ul#menulateral li:hover a,
ul#menulateral li.iehover a {
z-index:100
}

/* 2nd Menu */
ul#menulateral li:hover li a,
ul#menulateral li.iehover li a {
z-index:100
}

/* 2nd Menu Hover Persistence */
ul#menulateral li:hover li a:hover,
ul#menulateral li:hover li:hover a,
ul#menulateral li.iehover li a:hover,
ul#menulateral li.iehover li.iehover a {
z-index:100
}

/* 3rd Menu */
ul#menulateral li:hover li:hover li a,
ul#menulateral li.iehover li.iehover li a {
z-index:100
}

/* 3rd Menu Hover Persistence */
ul#menulateral li:hover li:hover li a:hover,
ul#menulateral li:hover li:hover li:hover a,
ul#menulateral li.iehover li.iehover li a:hover,
ul#menulateral li.iehover li.iehover li.iehover a {
z-index:100
}

/* 4th Menu */
ul#menulateral li:hover li:hover li:hover li a,
ul#menulateral li.iehover li.iehover li.iehover li a {
z-index:100
}

/* 4th Menu Hover */
ul#menulateral li:hover li:hover li:hover li a:hover,
ul#menulateral li.iehover li.iehover li.iehover li a:hover {
z-index:100
}

ul#menulateral ul,
ul#menulateral ul ul,
ul#menulateral ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 201px;
  z-index:100
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#menulateral li:hover ul ul,
ul#menulateral li:hover ul ul ul,
ul#menulateral li.iehover ul ul,
ul#menulateral li.iehover ul ul ul {
  display: none;z-index:100
}

ul#menulateral li:hover ul,
ul#menulateral ul li:hover ul,
ul#menulateral ul ul li:hover ul,
ul#menulateral li.iehover ul,
ul#menulateral ul li.iehover ul,
ul#menulateral ul ul li.iehover ul {
  display: block;z-index:100
}	

/*------------menu izquierdo---------------*/

ul#mapa li { font-size: medium; margin-left:10px}
ul#mapa li li { font-size:small; margin-left:15px}
ul#mapa li li li { font-size: x-small; margin-left:20px}
/*------------pie de pagina---------------*/
.faq{clear: both;text-align:center; margin-top:20px; margin-bottom:15px; height:20px; padding-top:3px; width:995px}
.faq a{font:Trebuchet MS, Arial, Helvetica, sans-serif;font-size:12px; text-transform:capitalize; font-weight:bold;}
.pie_pagina_baner{height:64px;background-image:url(../imagen/fondo_menu_destacado.gif); background-repeat:repeat-x; text-align:center; width:995px}
.pie_de_pagina{ text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; size:12px; color:#666666;width:995px}
.pie_de_pagina_menu{ text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; size:8px; color:#666666;width:995px}
/*------------------------buscador inteligente----------------------*/
#content
{
  height: 100%;
  width: 100%;
  text-align:center
}

#message
 
{   
  font-weight: bold;
  text-align: center;
  margin-left: 10px;
  margin-bottom: 10px;
  margin-top: 10px
}

#a 
{
  text-decoration: none;
  margin: 0px;
  color: #navy
}
 
#scroll
{
  position: relative;
  float: inherit;
  margin: 0 auto;
  visibility: hidden;
  background-color: white;
  z-index: 10000000;    
  width: 498px;
  height: 180px;
  border-top-style: solid;
  border-right-style: solid;
  border-left-style: solid;
  border-collapse: collapse;
  border-bottom-style: solid;
  border-color: #000000;
  border-width: 1px;      
  overflow: auto
}

#scroll div
{
  margin: 0 auto;
  text-align:left;
}

#suggest table
{
  width: 480px;
  font-size: 12px;
  font-weight: normal;
  color: #676767;
  text-decoration: none;
  border: 0px;
  padding: 0px;  
  text-align:left;   
  margin: 0px
}

.highlightrow
{
  background-color: #f2f2f2;
  cursor: pointer
}

/* Menu flotante pie de pagina */

#flotante {
  /* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this ;*/
	position: absolute; 
	right: 0px;
	bottom: 0px; 	
	height:32px;
	width: 100%;
	text-align:center;
	background-color: #FFFFFF;
	background-image: url(../imagen/fondo_barra.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	z-index:200;
}
body > div#flotante {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
	position: fixed; 
}

#flotante2{ /*texto de menu stock*/
	height:32px;
	width:980px;
	text-align:left;
	color: #000000;
	margin:0 auto 0 auto;
}

#flotante2 a, #flotante2 a:visited {
	color: #0066FF;
	text-decoration: none;
	font-weight: bold;
}

#flotante2 a:hover {
	color: #000099;
}

/*
------------------------------------------------------------------------
Inferior desplegable
------------------------------------------------------------------------
*/

#flotantemenu, 
#flotantemenu ul {padding:0 0 5px 0; margin:0; list-style:none; position:relative; 

z-index:200;}
#flotantemenu {padding:0;}

#flotantemenu li {float:left;}
#flotantemenu li li {float:none; width: 400px;}
/* a hack for IE5.x and IE6 */
* html #flotantemenu li li {float:left;}

#flotantemenu li a {display:block; margin:0 5px 0 0px; line-height:25px; text-decoration:none;}
#flotantemenu li li a {line-height:20px; float:left;}

#flotantemenu li:hover {position:relative; z-index:300;}
#flotantemenu li:hover ul {left:0; bottom:21px; top:auto;}
/* another hack for IE5.5 and IE6 */
* html #flotantemenu li:hover ul {left:10px;}

#flotantemenu ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #flotantemenu ul {width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#flotantemenu li:hover li:hover > ul {left:-15px; margin-left:100%; bottom:-7px; top:auto;}
/* keep further levels hidden */
#flotantemenu li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#flotantemenu li:hover li:hover ul,
#flotantemenu li:hover li:hover li:hover ul,
#flotantemenu li:hover li:hover li:hover li:hover ul,
#flotantemenu li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; bottom:-7px; top:auto;}

/* keep further levels hidden */
#flotantemenu li:hover ul ul,
#flotantemenu li:hover li:hover ul ul,
#flotantemenu li:hover li:hover li:hover ul ul,
#flotantemenu li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}






#flotantemenulog, 
#flotantemenulog ul {padding:0 0 0 0; margin:3px 0 0 0; list-style:none; position:relative; z-index:200;}
#flotantemenulog {padding:0;}

#flotantemenulog li {float:left; margin:0 0 0 10px; line-height:25px;}
#flotantemenulog li li {float:none; background:#000000; border:1px solid #870108; width: 180px; padding:5px;}
/* a hack for IE5.x and IE6 */
* html #flotantemenulog li li {float:left;}

#flotantemenulog li a {display:block; margin:0 0 0 10px; line-height:25px; text-decoration:none;}
#flotantemenulog li li a {height:20px; line-height:20px; float:none;}

#flotantemenulog li:hover {position:relative; z-index:300;}
#flotantemenulog li:hover ul {left:0; bottom:21px; top:auto;}
/* another hack for IE5.5 and IE6 */
* html #flotantemenulog li:hover ul {left:10px;}

#flotantemenulog ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #flotantemenulog ul {width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#flotantemenulog li:hover li:hover > ul {left:-15px; margin-left:100%; bottom:-7px; 

top:auto;}
/* keep further levels hidden */
#flotantemenulog li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; 

width:auto;}
/* show path followed */


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#flotantemenulog li:hover li:hover ul,
#flotantemenulog li:hover li:hover li:hover ul,
#flotantemenulog li:hover li:hover li:hover li:hover ul,
#flotantemenulog li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; bottom:-7px; top:auto;}

/* keep further levels hidden */
#flotantemenulog li:hover ul ul,
#flotantemenulog li:hover li:hover ul ul,
#flotantemenulog li:hover li:hover li:hover ul ul,
#flotantemenulog li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

.titulo_tabla_carrito {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
/**********pedidos ***************/

.desgloses {font-family: Verdana, Geneva, sans-serif; font-size: 12px; text-align: left;}
.desgloses_importes{border:1px #CCC solid; font-family: Verdana, Geneva, sans-serif; font-size: 12px; text-align: right;}
#cesta{background-image: url(../imagen/icono_pago/cesta.png)}
#datos{background-image: url(../imagen/icono_pago/datos.png)}
#pago{background-image: url(../imagen/icono_pago/pago.png)}
#movil{background-image: url(../imagen/icono_pago/movil.png)}
#condiciones_venta_pago{background-image: url(../imagen/icono_pago/condiciones.png)}
.pasos {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }

/**********CLIENTES ***************/
.forumlario_clientes {font-family: Verdana, Geneva, sans-serif; font-size: 12px; text-align: left;}
.marco_texto{border:1px #CCC solid; font-family: Verdana, Geneva, sans-serif; font-size: 12px; text-align: right;}
.campos_clientes{border:0px; width:100%; height:22px; font-size:18px; text-align:center}
#acceso_cliente{ background-image:url(../imagen/icono_cliente/alta_cliente.png)}
#registro_cliente{ background-image: url(../imagen/icono_cliente/nuevo_cliente.png)}
#recupera_clave{ background-image: url(../imagen/icono_cliente/nueva_clave.png)}
/************CLIENTES ZONA **************/
#menu_cliente{background-image:url(../imagen/icono_cliente/menu_cliente.png);color:white;}
#home_cliente{background-image: url(../imagen/icono_cliente/home.png)}
#datos_cliente{background-image: url(../imagen/icono_cliente/edita_cliente.png)}
#pedidos_cliente{background-image: url(../imagen/icono_cliente/pedidos.png)}
#incidencias_cliente{background-image: url(../imagen/icono_cliente/incidencias.png)}