/* CSS Document */

/*************************
	ETIQUETAS
**************************/
body{
    font-size: 76%;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0px; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
	color: #000000;
}
#bg {
	line-height:1.4;
	color: #333333;
	font-family: Verdana, Geneva, sans-serif, arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	background-color: #bebdff;
	background-image: url(../images/fondo_web.png);
	background-repeat: repeat;
}
.genWarning {
	color: red;
	font-size: 12px;
	font-weight: bold;
	position:relative;
	left:20px;
	padding-bottom:10px;
}
.contactoDestacado {
	line-height:1.4;
	color: #000000;
	font-family: Verdana, Geneva, sans-serif, arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold; 
}

.contacto {
	line-height:1.4;
	color: #000000;
	font-family: Verdana, Geneva, sans-serif, arial, Helvetica, sans-serif;
	font-size: 12px; 
}

#bgflor {
	background-image: url(../images/fondo_flor.png);
	background-repeat: repeat-y;
	background-position: 50% 50%;
}
h1 { margin:0px; padding:0px 0 0 0px; }
h2 { margin:0px; font-size:10px; color:#000000; line-height:18px;
}
a { outline-style:none; /*aquest 1er per evitar que salga un recuadro alrededor de los enlaces al pulsarlos*/color:#333333; text-decoration:none; }
a:hover{ color:#7d7d7d; }
p { margin:0px; padding:5px 0 5px 0;
	font-weight: normal  }


/* ELEMENTOS COMUNES */
.oculta{ display:none; }
.muestra{ display:block; }
.destacado{ color: #000000; font-weight:bold; }
.iwalator { clear: both; }

selector { 
    min-height:500px; 
    height:auto !important; 
    height:500px; 
}

/*Clearfix*/
/***********************************/
/*Contendor de elementos flotados*/
/*Como veis es muy sencilla, se trata de aplicar al elemento contendor un overflow:hidden en todos los navegadores excepto a IE y al IE un height:1%, simplemente tened en cuenta que al utilizar el elemento overflow tendréis problemas cuando intentéis superponer capas alestilo lightbox.*/
/*html>body div.contendor{ 
    overflow:hidden; 
} 
 
* html div.contendor{ 
    height:1%; 
} 
 
div.contendor div.left { 
    width: 45%; 
    float: left; 
} 
 
div.contendor div.right { 
    width: 45%; 
    float: right; 
}
Esta otra técnica está extraida de position is everything y a efectos prácticos hace lo mismo, un poco más larga y no tan intuitiva que la anterior pero almenos esta funciona en todos los casos.*/
.clearfix:after { 
    content: ".";  
    display: block;  
    height: 0;  
    clear: both;  
    visibility: hidden; 
} 
 
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
/* End hide from IE-mac */
/**********************************/
.clearfix {display:block; display:inline-table}
/* \*/
.clearleft { clear: left}
.clearright { clear:right}
.clearboth {height:.1em;clear:both;font-size:.1em;line-height:.1em}


.derecha{ float: right }
.izquierda{ float: left }
.centro{ float: none}
.centrar{ text-align: center; vertical-align:middle;}
.centrarVertical {vertical-align:middle;}
img.margenHorizontal{ margin: 5px 0px 5px 0px;}
img.margenVertical{width: 290px;}
.margenes {
	margin-top:10px;
	padding-right: 5px;
	padding-left: 15px;
}
.margenizq {
	padding-left: 8px;
}


/*************************
	ESTRUCTURA
**************************/
#wrapper{
	width: 999px;  /* el uso de 20px menos que un ancho completo de 800px da cabida a los bordes del navegador y evita la aparición de una barra de desplazamiento horizontal */
	background: #FFFFFF; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	border: 1px solid #999999;
	text-align: left; /* esto anula text-align: center en el elemento body.*/
	margin: 0px auto;
	vertical-align: center;
	position:relative;
	display:table;
}
#cabezal{
	width:999px;
	z-index:0; /* esto anula text-align: center en el elemento body. */
	background-image: url(../images/banner_sup.jpg);
	background-repeat: no-repeat;
	height: 160px;
	}
	
/****************************************
        HEADER (MENU)
*****************************************/
#registro{
	height: 55px;
	vertical-align: center;
	line-height: 20px;
	font-size:11px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	display:table;
	position: absolute;
	/*Alinear verticalmente un elemento en línea: la propiedad display:table al contenedor y utilizemos vertical-align:middle, cosa que no funciona con el explorer), así que tendremos que colocar al elemento un line-height(para navegadores estándares) y font-size(para el amigo Explorer) */
	z-index: 12;
	margin: 0px 0px 0px 500px; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	width:490px;
	top:15px;
}

#menu{ 
	height: 35px;
	vertical-align: center;
	line-height: 35px;
	font-size:35px;
	font-weight:bold;
	display:table;
	position:absolute;
	/*Alinear verticalmente un elemento en línea: la propiedad display:table al contenedor y utilizemos vertical-align:middle, cosa que no funciona con el explorer), así que tendremos que colocar al elemento un line-height(para navegadores estándares) y font-size(para el amigo Explorer) */
	z-index:10;
	margin: 0px 0px 0px 0px; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	width:720px;
    [if lte IE 7] top:100px;
    [if ! lte IE 7] top:101px;
	
	
}

#menu UL { margin:0px; padding:0px; }
#menu UL .last{ border:none; }
#menu LI{ display:inline; }
A.button {
	background-color: transparent;
	background-image: url(../images/buto_onoff.jpg);
	background-repeat: no-repeat;
	background-position: top left; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	width:80px;
	outline: none; /* push text down 1px */
	border-right:solid #FFFFFF 2px;
	display: block;
	float: left;
	line-height: normal;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 11px;
	padding-left: 20px;
}
A.button:hover {
	background-position: bottom left;
	width:80px;
	border-right:solid #FFFFFF 2px;
	outline: none; /* push text down 1px */
	float: left;
	margin: auto;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 11px;
	padding-left: 20px;
}
A.sfera {
	background-color: transparent;
	background-image: url(../images/buto_onoff.jpg);
	background-repeat: no-repeat;
	background-position: top left; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	z-index:1;
	width:auto;
	display: block;
	float: left;
	line-height: normal;
	text-align:center;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 11px;
	padding-left: 20px;
}
#menu LI A{
	color:#FFFFFF;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align:center;
	}
#menu LI A:hover{
	color:#fda8b1;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align:center;
}

/****************************************
        HEADER (CARRITO)
*****************************************/
.compra{
	position: relative;
	top: 100px;
	left:890px;
	border: 0;
	width:100px;
	height:35px;
	z-index:15;
}
.compra a {
display: block;
height: 100%;
width: 100%;
}
#olvidoContrasena{
	position: absolute;
	top:20px;
	left:0px;
	border: 0;
}
#nuevoUsuario{
	position: absolute;
	top:22px;
	right:15px;
	border: 0;
}
.mensajeControl{
	color:#ff0000;
}

#bloqueIdentif{
	position: absolute;
	top:0px;
	right:15px;
	border: 0;
	z-index:10;
	width:350px;
}
#nuevosYOlvidos{
	position: absolute;
	top:0px;
	right:15px;
	border: 0;
	z-index:11;
	width:350px;
}


/* IE6 Only */
/* html #carrito{
	position:absolute;
	z-index:11;
	text-align:right;
	width: 124px;
	margin-top: 0;
	margin-right: auto;
	top: 210px;
	margin-bottom: 0;
	display: inline;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-left: 600px;
	visibility: visible;
}*/
/* IE7 Only */
/**:first-child+html #carrito{
	position:absolute;
	z-index:11;
	text-align:right;
	width: 124px;
	margin-top: 0;
	margin-right: auto;
	top: 185px;
	margin-bottom: 0;
	display: inline;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-left: 600px;
	visibility: visible;
}*/
/*#compra #carrito LI{
	display: inline;

}
#compra #carrito .first{
	border:none;
}*/
#compra A.icocesta{
	/*background-color: transparent;
	background-image: url(../images/cesta.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 25px;
	padding-bottom: 0px;*/
	font-weight:bold;
	background-image: url(../images/cesta.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height:23px;
	font-size: 9px;
	font-weight:bold;
	padding-left: 25px;
	border: 0;
	float: left;
}
.margencarrito {
	margin-top:0px;
	padding-right: 5px;
	padding-left: 15px;
}
#headerPrint{display: none}


/****************************************
        HEADER (REGISTRO)
*****************************************/

.loginBox{
	padding-left: 5px;
	position:absolute;
	left:110px;
}
.loginIn{
	position:relative;
	text-align:right;
	margin:0 auto;
	color: #333333;
}
.textoLogin{
	font-size: 12px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	border: 1px solid #999999;
}

.botonOk {
	border: none !important;
	padding:5px;
	margin:0px 0px 0px 0px;
	width:30px;
	height:30px;
	font-size:9px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	cursor:pointer;
	background-image:url(../images/botonOK.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-color:#FFFFFF
}
.botonOk:hover {
	width:30px;
	color:#FFF;
	background-image:url(../images/botonOK.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

/*#registro .loginBox .loginIn .boton{
	font-size:9px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../images/cercle.gif);
	background-repeat: no-repeat;
	background-position: center;
	color: #FFFFFF;
}*/
#registro img{ display: block }
.loginBox form { 
	margin: 0px; padding: 0px}
.loginBox form p{ margin: 0; padding: 0}
.loginBox ul{ margin: 10px 0 0 0; padding: 0; list-style: none}
.loginBox li{ margin: 2px 0 0 0; line-height: 12px; font-size:10px }


#registro #content{ border:2px solid #FF0000; border-bottom:none; }
#registro #content2{ margin:0px 0 0 5px; }
#registro #content A{ color:#000000; text-decoration:none; }
#registro #content A:hover{ color:#999999; }
a.masInfo{
	font-weight:bold;
	background-image: url(../images/fletxa.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	padding-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/****************************************
        WEB (CONTENIDO)
*****************************************/

#web {
	width:999px;
	margin:0px;
	position:relative;
}
      /****TEXOS WEB****/
#web A.titular {
	color:#d63305;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	padding-left: 10px;
	text-align:center;
	font-weight:bold;
}
#web A.titular:hover {
	color:#990000;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	text-align:center;
}
#web A{
	color:#333333;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	text-align:center;
	}
#web A:hover{
	color:#999999;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	text-align:center;
}
#web A.titularProduct {
	color:#d63305;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	padding-left: 20px;
	text-align:center;
	font-weight:bold;
}
#web A.titularProduct:hover {
	color:#990000;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	text-align:center;
}
      /****PRIMERA COLUMNA****/
      /* CONTENIDO IZQUIERDA */
#web #colizq{
	position:absolute;/*ie needs this to show float */
	float:left;
	margin-left:20px;
	margin-right:20px;
}
      /* CONTENIDO DERECHA */
#web #colder{
	position:absolute;/*ie needs this to show float */
	float:right;
	margin-left:670px;
	margin-right:20px;
}
	/* CONTENIDO CENTRO */
#web #colcen{
	position:absolute;/*ie needs this to show float */
	float:center;
	margin-left:345px;
	margin-right:20px;
}
      /****SEGUNDA COLUMNA****/
      /* CONTENIDO IZQUIERDA */
#web #colizq2{
	position:absolute;/*ie needs this to show float */
	float:left;
	margin-left:20px;
	margin-right:20px;
	top: 597px;
}
      /* CONTENIDO DERECHA */
#web #colder2{
	position:absolute;/*ie needs this to show float */
	float:right;
	margin-left:670px;
	margin-right:20px;
	top: 597px;
}
	/* CONTENIDO CENTRO */
#web #colcen2{
	position:absolute;/*ie needs this to show float */
	float:center;
	margin-left:345px;
	margin-right:20px;
	top: 597px;
}

	
#web #bloqueCaracteristicas {
	position:absolute;
	bottom: 0px;
	left: 0px;
}
#web #productPack{
	padding: 10px;
	position: relative;
}
#web #bloqueTextoYCompraLibro{
	padding: 10px;
	position: relative;
}
#web #bloqueImagenesLibro{
	padding: 10px;
	position: relative;
}

#cine {
	position:absolute;
	width:720px !important;
	height:470px !important;
	top:0px;
	left:140px;
	z-index:30;

}

#abrirCine {
	position:absolute;
	top:-25px;
	left:380px;
	z-index:20;

}

#fotoRecomendacion {
	position:absolute;
	top:0px;
	left:500px;
	z-index:30;

}
#web #contenido{ float: right; width:999px; height:350px; padding-bottom:10px;}
.contRevistas{height:330px !important;}
web #contenido #presentacion{ margin-right:30px; }
.caja{ width:100%; background: border-bottom:solid #cccccc 1px !important; padding: 0 0 10px 0}
.menuImagenesHoriz{ float:left; text-align: center; padding: 0px}

.caja6m{ width:610px; height:355px; padding-bottom:10px;
	position: absolute;
	background-color: #ff00000;
	top:235px;
	left: 360px;
	
	}

.rbottomw {
	position:relative;
	top:-2px;
}

b.rtop, b.rbottom{display:block;background: #fff}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #f4f3f0}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}


b.rtopw, b.rbottomw{display:block;background: #f4f3f0}
b.rtopw b, b.rbottomw b{display:block;height: 1px;
    overflow: hidden; background: #ffffff}
b.r1w{margin: 0 5px}
b.r2w{margin: 0 3px}
b.r3w{margin: 0 2px}
b.rtopw b.r4w, b.rbottomw b.r4w{margin: 0 1px;height: 2px}



.halfCaja{ width: 49.5%}
.descripcionFr{ margin: 0 10px; }
.descripcion{ margin: 0 10px; line-height: 16px}
.descripcion br{ display: inline }
.productPack{
	min-height:350px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: justify;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	line-height:1.4;
}
.productPack6m{
	height:1725px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: justify;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	background:url(../images/Suscripcion-gratis.jpg) no-repeat center left;
}

.infoProduct{ background:url(../images/info-producto.gif) no-repeat center left;
padding: 25px 0px 0px 0px;

}
.introLlibres{
	position:relative;
	height:120px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: justify;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	line-height:1.4;
}

.introRevistas{
	position:relative;
	height:100px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: justify;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	line-height:1.4;
}

.bloquePresentacionLibroIzq{
	position:relative;
	height:275px;
	width:280px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: justify;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	line-height:1.4;
}
.tiraImagenesH {
	position:absolute;
	top:0px;
	left:0px;
	width:280px;
}
.introLlibreLlarga{
	position:relative;
	height:275px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: justify;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	line-height:1.4;
}

.botoneraCompra{
	position:relative;
	height:275px;
	width:190px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: justify;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	line-height:1.4;
}

.masInfoComprar {
	position:absolute;
	bottom:10px;
	left:15px;
	}

.bottomDiv {
	position:absolute;
	bottom:10px;
	left:15px;
	}
.bottomDivRevistas {
	position:absolute;
	bottom:35px;
	left:15px;
	}

.cajaInfoProducto {
	width:430px;
	height:230px !important;
	padding-right: 10px;
	overflow-x: hidden !important;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #8d8d8d;
	padding-top:10px !important;
	padding-bottom:10px!important;
	}
	
#divEspera{ background-color: #eaeaea; color:#454545; padding: 2px 5px; margin: 10px 0; border-width: 1px 4px; border-style: solid; border-color: #999999;}
#divEspera strong{ color:#121212; }
.divEspera{ background-color: #eaeaea; color:#454545; padding: 2px 5px; margin: 10px 0; border-width: 1px 4px; border-style: solid; border-color: #999999;}
.divEspera strong{ color:#121212; }

.divLegal{ color:#454545; font-size:9px; }
.divLegal strong{ color:#121212; }
.checkboxLegal { height: 10px;width: 10px; color: #FFFFff; background-color: #FFffff; border: 1px solid #cccccc; }

.divError{ color:#cc0000;}
.divError strong{ color:#121212; }

.txtCorto { height: 240px; overflow: scroll }


/****************************************
        	PROCESO DE COMPRA
*****************************************/

.cajitaComm{ background-color: #eaeaea; color:#454545; padding: 2px 5px; margin: 0px 10px 10px 10px; border-width: 1px; border-style: solid; border-color: #999999;}
h2.titulosCompra{ padding-left:0px !important; color:#8191ab}
.imgProceso{}
.imgProceso IMG{ margin: 0 20px 0 0}
.imgProceso IMG.last{ margin: 0}

/****************************************
        		PRODUCTOS
*****************************************/

.contentPack{
	width:305px;
	height:340px;
	marging-left:10px;
	marging-right:10px;
}

.contentPackRevistas{
	width:305px;
	height:320px;
	marging-left:10px;
	marging-right:10px;
}
.corner {
	width:305px;
	height:335px;
	background-color: #f4f3f0;
	
}
.cornerRevistas {
	width:305px;
	height:315px;
	background-color: #f4f3f0;
	
}
.cornerProduct {
	position:relative;
	width:976px !important;
	height:330px !important;
	background-color: #f4f3f0;
	
}

.cornerAmpli {
	width:250px !important;
}

.cornerImage {
	width:633px !important;
}

.titularLibro {
	margin-left:8px;
}
.imagenAmpliada {
	background-color: #f4f3f0;
	width:250px !important;
	float:left;
	margin-left:28px;
	margin-top:5px;
	margin-right:10px;
	margin-bottom:10px;
}

.imagenPrincipal {
	background-color: #f4f3f0;
	width:633px !important;
	float:left;
	margin-left:18px;
	margin-top:5px;
	margin-right:10px;
	margin-bottom:10px;
}
.contrastCorner{
	background-color: #ff0000;
}
.marginTop{
	text-decoration:underline;
!important ;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-position: bottom;
	margin-top: 35px;
	margin-bottom: 15px;
	padding-left:15px;
	line-height: 25px;
}
.padTop{ padding-top: 10px }
.infoMas{width: 200px}

.imagenes{ 
text-align: center;
width:290px !important;
margin-left:8px;
}


a.linkImatge:link {color: #ff0000}
a.linkImatge:visited {color: #0000ff}
a.linkImatge:hover {color: #ffcc00}
a.linkImatge:active {color: #ffcc00}

#linkImatgeGran{ display: block }
.album{ list-style: none; margin: 10px 5px; padding: 0; text-align: left }
.album li{ display: inline; padding: 2px }
.aviso{ padding: 2px 5px; color: #404040; background-color: #eaeaea; border: #ff0000 2px solid }
.negro{ color: #252525}
IMG.fotosmall{ padding:0px; border:#c2c1bf 2px solid; margin-right: 5px;}

.contentPack ul{ margin: 0 0 0 20px; padding: 0 }
.contentPack strong{ color: #252525 }

.alturaMin{ height: 200px; }


/****************************************
        		POP UPS
*****************************************/
.cabeceraPop{ margin: 10px 0 0 0; padding: 10px; border-bottom: #db001b 5px solid} 

.listadoNoMargen{ margin: 0 20px; padding: 0  }
.listadoNoMargen li{ margin: 0 0 10px 0 }


/****************************************
        		FORMULARIOS
*****************************************/
/*-------  CONTROL USUARIOS   -------*/

#formulario #form{ margin: 0; padding: 0;}
#formulario DL P{ padding: 0 0px 5px 0; margin: 10px 0 0 0; font-weight:bold; color:#000000;}
#formulario form DT{ float: left; padding-top: 1px; font-weight: normal; font-size: 11px; margin-top: 5px; }
#formulario form DD { clear: left; margin: 0; padding: 0;}
#formulario form p { font-size: 14px; font-weight:bold;}
#formulario form DD INPUT{}
#formulario #form DD SELECT{ border: #b9b9b9 1px solid; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; padding-bottom: 0; width: 250px;}
#formulario #form DD SELECT.fecha{ border: #b9b9b9 1px solid; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; padding-bottom: 0; width: 50px;}
#formulario #form DD TEXTAREA{ border:  #b9b9b9 1px solid; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; padding-bottom: 0; width: 250px; height: 60px; }
.cajaMasTexto{ border:  #b9b9b9 1px solid; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; padding: 3px 5px; width: 500px; height: 60px; }
/*#formulario #solicitud INPUT.enviar{ margin: 0px 0 0px 113px; width: 70px; height: 16px; background-color: #666666; font-size: 11px; color: #FFFFFF; font-weight: bold; border: #666666 1px solid; }*/
#formulario #izq{ float:left; }
#formulario #derecha{ margin-left:220px; }

#formulario #form DD INPUT.muyCorto{ width: 30px;}
#formulario #form DT.largo{ width: 320px }
#formulario #form DD.largo{ margin-left: auto !important }



/*-------  BOTONES   -------*/


.boton { border: 1px; !important; }
.botonaceptar{ font-size:11px; width:76px !important; height:16px; padding-bottom:1px; }
.botonB { 
border: none !important;background:url(../images/fletxa.gif) no-repeat center left; padding: 0 0 0px 10px; font-weight:bold;width:250px !important; font-size:12px!important;}
.botonV { border: none !important;background:url(../images/fletxav.gif) no-repeat center left; padding: 0 0 0px 10px; font-weight:bold; position:relative; top:40px;}
.botonVgirada { border: none !important;background:url(../images/fletxav-girada.gif) no-repeat center left; padding: 0 0 0px 10px; font-weight:bold;position:relative; top:40px;}
.botonaceptar6m{ background:url(../images/botonaceptar6m.jpg) no-repeat; color:#f05400; font-size:12px!important;
	font-weight:bold; width:160px !important; height:35px; border:0; padding-bottom:3px; text-align:left; padding-left:34px;}



/*-------  PRODUCTOS   -------*/

#web #contenido #seccion A{
	background:url(../images/fletxa.gif) no-repeat center left;
	padding: 0 0 0px 10px;
	font-weight:bold;
}
/*#web #contenido #seccion #cab{
	background:url(../images/title_deg.jpg) repeat-x;
}*/
/**html .bordecentral{
	background:url(../images/dot.jpg) repeat-y  70% center ;
}
#web  .bordecentral{
	background:url(../images/dot.jpg) repeat-y  47% center ;
}*/
#web #contenido #seccion .bottom{
	border-bottom:solid #dddcda 1px;
	
}
#web #contenido #seccion #novedades{
	width:296px;
}

#web #contenido #seccion #novedades IMG{
	float:none;
}
#web #contenido #seccion #revista IMG{
	float:left;
}

#imagen{
	float:left;
	width:160px;
}
#imagen P{
	margin-left: 10px;
}
#imagen IMG{
	display: block;
	padding:0px 10px 15px 0px
}

#revista #txt{
	padding:10px;
	margin-left:110px;
	}
#revista #txt LI{
	padding-bottom:5px;
	list-style:square;	
}
#novedades #txt{
	padding:10px;
	margin-left:0px;
}
#txt IMG{
	padding:0px;
	margin:0px;
	display:block;

}

/***************  CLASES PARA LOS PRODUCTOS **********************/

.twobordes{
	border-left: solid #ec007d 20px;
	border-right: solid #ec007d 20px;
}
.bordeleft{
	border-left: solid #ec007d 20px;
}
.borderight{
	border-right: solid #ec007d 20px;
	border-left:solid #dddcda 1px;
}
.floatright{
	float:right;
}

.floatleft{
	float:left;
}

.nomargin{
	margin: 0;
}
.simargin{
	margin-bottom: 10px;
}
#pie{
	color:#333333;
	height:35px;
	margin-top:10px;
	clear:both;
	padding:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	border-top-width: 1px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #bbbaba;
	padding: 10px 0 0 0;
	text-align: center;
}
#pie A{
	color:#333333;
	font-weight:bold;
}
/*******************************************
             FORMULARIOS
*******************************************/

/*********  REGISTRO *************/
#form{
	margin: 0;
	padding-right: 15px;
}
#form DT{
	width: 100px;
	padding-top: 1px;
	margin:0px;
	padding-right:10px;
}
#form DD{
	margin:0px;
	padding-right:10px;
}
#form DD INPUT{
	padding-bottom: 0;
	/*width: 50px;*/
}
/************* PRODUCTO ***********/


/************** BOTONES*****************/

.botonsimple{
	
	font-size:11px;
	width:111px;
	height:25px;
	padding-bottom:1px;
}
.botoncomprar{
	border: none !important;
	font-size:0px !important;
	border:0px;
	float: left;
	text-decoration: none;
	outline:none;	
}


.botonenviar{
	border: none !important;
	font-size:0px !important;
	border:0px;
	float: left;
	text-decoration: none;
	outline:none;
	margin-top:19px;	
}
.botonsugerencia{
	border: none !important;
	font-size:0px !important;
	border:0px;
	float: left;
	text-decoration: none;
	outline:none;	
	margin-top:19px;
}
.botonverpag{
	border: none !important;
	font-size:0px !important;
	border:0px;
	float: left;
	text-decoration: none;
	outline:none;	
	margin-top:19px;
}
.botonEscuchar{
	border: none !important;
	font-size:0px !important;
	border:0px;
	float: left;
	text-decoration: none;
	outline:none;	
	margin-top:19px;
}
.botonsmall{
	border: none !important;
	background:url(../images/botonsmall.jpg) no-repeat center;
	font-size:10px;
	border:0;
	width:127px;
	height:21px;
}
.botonREsmall{
	border: none !important;
	/*background:url(../images/botonREsmall.jpg) no-repeat center;*/
	background-color: #ffffff;
	border:1px solid !important;
	
	font-size:10px;
	font-weight: bold;
	border:1px solid;
	width:66px;
	height:16px;
	padding-bottom:4px !important;
	padding-left:2px;
	padding-right:2px;
}

.botonREsmall:hover{
	background-color: #ff0099;
	color:#ffffff !important;
}
.botonSuperSmall:hover {
	background-color: #ff0099;
	color:#ffffff !important;
}



.botonSuperSmall{
	border: none !important;
	font-size:11px;
	font-weight: bold;
	background-color: #ffffff;
	border:1px solid !important;
	width:16px;
	height:16px;
	padding-bottom:4px !important;
	padding-left:2px;
	padding-right:2px;
}

.botonSuperSmall:hover {
	background-color: #ff0099;
	color:#ffffff !important;
}
.padDer{ margin-right: 10px }

.listadoCarrito{
		border-collapse:collapse;
		font-size:14px !important;
		border-left:1px solid #787878;
		border-right:1px solid #787878;
		border-top:1px solid #787878;
		border-bottom:1px solid #787878;
		color: #333;
		margin-top:1em;
		margin-bottom:1em;
}
.listadoCarrito th{ color: #040404; font-size:15px !important; font-weight: bold;}


.listadoCarrito tbody tr {
		text-alignt:left !important;
		
}
.listadoCarrito  tbody td {
		border-bottom: dotted 1px #333;
		border-left: dotted 1px #333;
		padding-left:10px;
		padding-right:10px;
}
.listadoCarrito tbody th {
		color: #860057;
		border-bottom:1px solid #787878;
		border-left: dotted 1px #333;
		font:14px arial,verdana,helvetica;
		padding-left:10px;
		padding-right:10px;
}
.listadoCarrito tbody tr:hover {
		background:#fafafa;
}

/*#solicitud INPUT.enviar{
	margin: 5px 0 10px 113px;
	width: 70px;
	height: 16px;
	background-color: #666666;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	border: #666666 1px solid;
}*/

/****************************
	CLASES para MODULOS
*****************************/

A.masinfoIzq{
	font-weight:bold;
	padding-left: 30px;
	background-image: url(../images/fletxav.gif);
	background-repeat: no-repeat;
	background-position: 20px center;
}
A.masinfoDer{
	font-weight:bold;
	background-image: url(../images/fletxav.gif);
	background-repeat: no-repeat;
	background-position: 70px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	padding-left: 80px;
}
.filaproductos{
	background:url(../images/title_deg.jpg) repeat-x;
}

.dual{
	margin:0;
	padding:0;
}
.dosbordes{
	border-left: 20px solid #FF0066;
	border-right:20px solid #FF0066;
}

.bordecentral{
	background:url(../images/dot.jpg) repeat-y  50% center ;
}
.bordebottom{
	border-bottom:solid #dddcda 1px;
}

/*-------- Módulos-------*/
.mod1{
	width:286px;
}
.mod0{
	width:268px;
	padding:10px;
}

/*-----------------------*/
#txt LI{
	padding-bottom:5px;
	list-style:square;	
}
 #txt{
	padding:10px;
	margin-left:0px;
}
#txt IMG{
	padding:0px;
	margin:0px;
	display:block;

}
A.descargapdf{
	background:url(../images/ico_pdf.gif) no-repeat left -1px;
	padding:3px 0 5px 20px;
	line-height:30px;

}

/*---Para el lightbox ---*/
#lightbox{ background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }


	
/* Varios */
a.imprimir{ color:#003365; font-weight: bold; text-decoration: none; background: url(../images/print.gif) no-repeat right center !important; padding: 4px 28px 4px 0 !important; margin: 0 10px 0 0; line-height: 20px }
a.imprimir:hover {color:#990000; }

.divContenedorTPV{ text-align:center;
	width:597px; height:400px; color:#454545;
	border-width: 1px 1px;
	border-style: solid;
	border-color: #999999;
	position: absolute;
    top: 88px;
    left: 50%;
    margin-left: -300px;
	}
.divMensajeTPV{ position: relative; top: 180px; font-size:20px; margin-left:15px; margin-right: 15px;}
.divCabeceraTPV{ text-align:center;
	
	position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -300px;
	}
.trazaRoja {
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #ff0000;
	}


.marcaVerde {
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #00ff00;
	}

.marcaRoja {
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #ff0000;
	}

.marcaAzul {
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #0000ff;
	}