html, body { height:100%; }

body { background:url(/imagenes/fondos/bg-interior.jpg) no-repeat left top #000000 }

.barra-menu
{
	height:3px; 
	width:535px; 
	position:absolute; 
	top:87px;
	float:left
}

/****************** CARRITO *************************/

div#carrito
{
	width:200px;
	position:absolute;
	top:15px;
	left:70%	
}

div#carrito div.contenedor
{
	width:180px;
	height:40px;	
	padding:5px 10px 5px 5px;
	position:relative;
	background:url(/imagenes/carrito/bg-carrito.gif) no-repeat;
	
}

div#carrito div.contenedor div.verCesta
{
	height:12px;
	text-align:right
}

	div#carrito div.contenedor div.verCesta img
	 {
		margin: -4px 22px 5px 0;
	 }

div#carrito div.contenedor div.botonesCarrito
{
	height:6px;
	position:absolute;
	top:19px;
	left:93px;
	width:200px
}

/****************** FIN CARRITO *********************/

/***************** MENU SUPERIOR ********************/

div#contenedorCabecera
{
	margin:20px 0px 20px 0px;
	overflow:hidden;
	padding-left:70px
}

div#contenedorCarrito
{
	background:url('../img/bg-carrito.gif') no-repeat;
	height:46px;	
	left:70%;
	position:absolute;
	width:189px;
}

img#logo { float:left; }

div#contenedorMenus
{
	float:left;

			margin-left:10px;
		
	margin-top:53px;
}

ul#menu { list-style:none; }

ul#menu li
{
	display:inline;
	margin:0px 2px 0px 2px;
	padding-top:54px;
}

ul#submenu
{
	clear:both;
	font-size:10px;
	
		
	 
	margin-left:0px;	
	overflow:hidden;
	width:auto;
}

ul#submenu li
{
	display:inline;
	list-style:none;
	margin:0px 2px 0px 2px;
}

/*************** FIN MENU SUPERIOR *****************/





div#capaMadre
{
	width:900px;
	height:auto;
	margin:0 auto;
}



/************************* INDEX ************************/

div#capaMadre div#contenedorLogoIndex
{	
	margin:90px auto 110px auto; 
	width:310px
}

div#capaMadre div#contenedorLogoOnline
{	
	margin:0 auto; 
	margin-top: 100px;
	width:218px
}

/************************* FIN INDEX ************************/




/**************** PIE *****************/

ul.menu li, ul.submenu li {	display:inline }

div#pie
{
	width:100%;
	margin:auto;	
	margin-top:20px;
	padding-bottom:30px;
	clear:both;
	text-align:center
}

div#pie span#texto-izquierdo
{
	width:200px;
	float:right;
	margin-bottom:17px;
	color:#C9BFB2;
	letter-spacing:1px;
	font:8px Georgia, 'Times New Roman', Times, serif;
	text-align:left
}

/************** FIN PIE ***************/



div#capaMadre div#titulo
{
	height:auto;
	margin:40px 25px 0px 0px;
	text-align:right
}




div#capaMadre div#titulo-centro
{
	clear: both;
	text-align:center;
	margin-right:25px;
	height:auto
}



div#capaMadre div#cuerpo
{
	margin-top:23px;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
	min-height:300px;
	height:auto;
	_height:300px;
	width:765px;/*nuevo!*/
	/*border:#ffffff 1px solid*/
}



/************** GALERÍA DE CATEGORÍAS *******************************/

div#capaMadre div.filaCategorias
{
	margin-bottom:0px;
	width:700px;	
	margin:0 auto;
	text-align:center
}

div#capaMadre div.filaCategorias img{
	padding:7px 7px 7px 7px;
	border:1px #28292B solid; /*PARA EL MARCO DE  IMAGEN*/
	margin: 10px 10px 10px 10px
}

html>body div#capaMadre div.filaCategorias div.categoria img
{	
	padding:7px 7px 7px 7px;
	border:1px #999999 solid/*PARA EL MARCO DE  IMAGEN*/
}

/************** FIN GALERÍA DE CATEGORÍAS ***************************/


/************** GALERÍA DE PRODUCTOS ********************************/

div#capaMadre div.filaProductos
{
	margin-bottom:0px;
	height:auto;
	overflow:hidden;
	width:830px
}

div#capaMadre div.filaProductos div.producto
{
	width:175px;
	height:auto;
	margin:20px 13px;
	float:left
}

div#capaMadre div.filaProductos div.producto div.productoImagen
{
	width:175px;
	height:177px;
	display:table-cell;	
	text-align:center;
	vertical-align:bottom;	
}

div#capaMadre div.filaProductos div.producto ul
{
	margin-top:10px;
	list-style:none
}

div#capaMadre div.filaProductos div.producto ul li.producto-titulo
{
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#AEAFAF
}

div#capaMadre div.filaProductos div.producto ul li.producto-datos
{
	font:11px Arial, Helvetica, sans-serif;
	color:#AEAFAF
}

div#capaMadre div.filaProductos div.producto ul li span.producto-negrita
{
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#6D6D6D
}

/************** FIN GALERÍA DE PRODUCTOS ***********************************/



/************** DETALLES DE LOS PRODUCTOS **********************************/

div#capaMadre div#cuerpo div#producto-foto
{
	width:410px;
	
	height:500px;
	margin-left:20px;	
	float:left;
}

div#capaMadre div#cuerpo div#producto-foto div.contenedorImagen
{
	background:url(/imagenes/ajaxLoader.gif) center center no-repeat;
	height:400px;
	margin-bottom:10px;
	text-align:right;	
}

div#capaMadre div#cuerpo div#producto-foto div.btnAlargarImg { text-align:right	}

div#capaMadre div#cuerpo div#producto-foto div a.btn
{
	font:11px Arial, Helvetica, sans-serif;
	color:#999999
}

div#capaMadre div#cuerpo div#producto-foto div.carruselImagenes { margin-top:10px }

div#capaMadre div#cuerpo div#producto-foto img.producto-thumb
{
	float:right;
	margin-left:10px;
	cursor:pointer
}

div#capaMadre div#cuerpo div#producto-detalles
{
	width:287px;	
	height:auto;
	margin-left:25px;
	float:left;
	color: #FFF !important;
}

div#capaMadre div#cuerpo div#producto-detalles div
{
	width:100%;	
	text-align:right;
}

div#capaMadre div#cuerpo div#producto-detalles div a.btn
{
	font:11px Arial, Helvetica, sans-serif;
	color: #999;
	text-decoration: underline;
}

div#capaMadre div#cuerpo div#producto-detalles div a.btn:hover
{
	text-decoration: none;
}

div#capaMadre div#cuerpo div#producto-detalles h3
{
	font:18px Arial, Helvetica, sans-serif;
	/*color:#999999*/
}

div#capaMadre div#cuerpo div#producto-detalles p
{
	font:11px Arial, Helvetica, sans-serif;
	/*color:#999999*/
}

div#capaMadre div#cuerpo div#producto-detalles span.producto-descripcion
{
	font:11px Arial, Helvetica, sans-serif;
	/*color:#999999*/
}

div#capaMadre div#cuerpo div#producto-detalles img.separador { margin-top:20px }

div#capaMadre div#cuerpo div#producto-detalles ul
{
	list-style:none;
	font:11px Arial, Helvetica, sans-serif;
	/*color:#999999*/
}

div#capaMadre div#cuerpo div#producto-detalles ul.acabados { text-align:left }

div#capaMadre div#cuerpo div#producto-detalles ul.acabados li { vertical-align:bottom }

div#capaMadre div#cuerpo div#producto-detalles input
{
	width:35px;
	font:bold 11px Arial, Helvetica, sans-serif;	
	color:#333333	
}

div#capaMadre div#cuerpo div#producto-detalles .espacio15px { margin-top:15px; color: #FFF; }

div#capaMadre div#cuerpo div#producto-detalles div.capa235px
{
	width:235px;
	font:11px Arial, Helvetica, sans-serif;		
	float:right
}

div#capaMadre div#cuerpo div#producto-detalles button.radio
{
	width:13px;
	height:13px;
	border:none;
	background: url(/imagenes/btn-radioButton.gif) bottom;
	cursor:pointer
}

div#capaMadre div#cuerpo div#producto-detalles button.radio span { display:none }

/************** FIN DETALLES DE LOS PRODUCTOS ******************************/





div#capaMadre div#cuerpo a.btnBlanco
{
	font:11px Arial, Helvetica, sans-serif;
	color:#FFFFFF
}

div#capaMadre div#cuerpo a.btnBorrar
{
	font:10px Arial, Helvetica, sans-serif;
	color:#999999
}

div#capaMadre div#cuerpo table
{
	width:750px;
	margin:0 auto;
	font:11px Arial, Helvetica, sans-serif;
}

div#capaMadre div#cuerpo table th
{
	font-weight:bold;
	color:#FFFFFF
}

div#capaMadre div#cuerpo table .ancho60px {	width:60px }

div#capaMadre div#cuerpo table .ancho100px { width:100px }

div#capaMadre div#cuerpo table .ancho120px { width:120px }

div#capaMadre div#cuerpo table .ancho140px { width:140px }

div#capaMadre div#cuerpo table .ancho150px { width:150px }

div#capaMadre div#cuerpo table .ancho160px { width:160px }

div#capaMadre div#cuerpo table .ancho200px { width:200px }

div#capaMadre div#cuerpo table .ancho220px { width:220px }

div#capaMadre div#cuerpo table .ancho240px { width:240px }

div#capaMadre div#cuerpo table .ancho260px { width:260px }

div#capaMadre div#cuerpo table th { padding-right:5px }

div#capaMadre div#cuerpo table .izquierda { text-align:left }

div#capaMadre div#cuerpo table .derecha { text-align:right }

div#capaMadre div#cuerpo table .altura35px { height:35px }

div#capaMadre div#cuerpo table select
{
	width:170px;
	height:17px;
	margin-top:7px;
	margin-bottom:7px;
	text-align:right;
	font:11px Arial, Helvetica, sans-serif;	
	color:#666666
}

div#capaMadre div#cuerpo table .altura83px
{
	height:83px;
	vertical-align:bottom
}

div#capaMadre div#cuerpo table .altura40px
{
	height:40px	;
	vertical-align:bottom
}

div#capaMadre div#cuerpo table .seguirComprando { padding-right:92px; }


div#capaMadre div#cuerpo td img.imgCesta
{
	float:left;
	margin-right:5px
}

div#capaMadre div#cuerpo td { color:#999999 }

div#capaMadre div#cuerpo td .subrayado { text-decoration:underline }

div#capaMadre div#cuerpo .blanco { color:#FFFFFF }

div#capaMadre div#cuerpo .negrita {	font-weight:bold }

div#capaMadre div#cuerpo td input
{
	width:35px;
	font:bold 11px Arial, Helvetica, sans-serif;	
	color:#333333	
}

div#cuerpo div#miga
{
	margin:0 auto; 
	width:759px; 
	margin-bottom:30px
}

div#cuerpo div#compra-izquierda
{
	width:420px;
	padding-right:20px;
	height:auto;
	float:left;
	margin-left:10px;
}

div#cuerpo div#compra-izquierda p
{
	margin-top:10px
}

div#cuerpo div#compra-izquierda, div#compra-derecha
{
	font:11px Arial, Helvetica, sans-serif;	
	color:#999999	
}

div#cuerpo div#compra-izquierda p, div#cuerpo div#compra-derecha p
{
	font-weight:bold;
	margin-bottom:20px
}

div#cuerpo div#compra-izquierda form#formuDatosPersonales {	margin-top:22px }


div#cuerpo div#compra-izquierda div.formulario-apartado, div#cuerpo div#compra-derecha div.formulario-apartado
{
	clear:both; 
	height:30px
}

div#cuerpo div#compra-izquierda div.formulario-label, div#cuerpo div#compra-derecha div.formulario-label
{
	width:120px; 
	font:bold 11px Arial, Helvetica, sans-serif;	
	color:#FFFFFF;		
	float:left; 
	padding-top:6px
}

div#cuerpo div#compra-izquierda div.textoPeque, div#cuerpo div#compra-derecha div.textoPeque
{
	width:100px;
	margin-left:5px; 
	font:9px Arial, Helvetica, sans-serif;	
	color:#999999;		
	text-decoration:underline;
	float:left; 
	padding-top:6px
}

div#cuerpo div#compra-izquierda div.formulario-campo, div#cuerpo div#compra-derecha div.formulario-campo { float:left; }

div#cuerpo div#compra-izquierda div.formulario-campo input, div#cuerpo div#compra-derecha div.formulario-campo input
{
	width:175px;
	height:13px;
	padding-left:5px;
	border:1px #000 solid;
	font:11px Arial, Helvetica, sans-serif;	
	color:#333333;		
}

div#cuerpo div#compra-derecha { margin-right:30px; }

div#cuerpo div#compra-derecha input#txtUsuarioLogin { background: url(/imagenes/input-usuario.gif) left no-repeat #ffffff }

div#cuerpo div#compra-derecha input#txtPassLogin { background: url(/imagenes/input-pass.gif) left no-repeat #ffffff }

div#cuerpo div#compra-izquierda div.formulario-campo input#txtDireccion, div#compra-derecha div.formulario-campo input#txtDireccionEnvio { width:280px; }

div#cuerpo div#compra-izquierda button.radio, div#cuerpo div#compra-derecha button.radio
{
	width:13px;
	height:13px;
	border:none;
	background: url(/imagenes/btn-radioButton.gif) bottom;
	cursor:pointer
}

div#cuerpo div#compra-izquierda button.radio, div#cuerpo div#compra-derecha button.radio span {	display:block; float:left }

div#cuerpo div#compra-izquierda form#formuDatosPersonales div#capa-radio { margin-bottom:20px }

div#cuerpo div#compra-izquierda form#formuDatosPersonales div#capa-radio span
{
	padding-left:10px
	/*position:relative;
	top:3px*/
}

button.continuar, button.anadirCesta
{	
	height:20px;
	border:none;
	background-color:#000000;
	cursor:pointer
}

button.anadirCesta
{
	width:137px;
	margin-top:10px;
	margin-bottom:15px;
}

button.continuar
{
	margin-top:30px;
	float:right;	
	width:143px;	
}

button.enviar
{
	width:62px; 
	border:none; 
	margin:18px; 
	background:none;
	cursor:pointer;
}

div#cuerpo div#compra-derecha
{
			width:296px;
		height:370px;
		
	
	float:right;
	margin:0 auto;
}

div#cuerpo div#compra-derecha div#cuadro-login
{
	width:263px;
	height:auto;
	background-color:#2B2B2B;
	float:left
}

div#cuerpo div#compra-derecha div#cuadro-login div#cuadro-login2
{
	width:253px;
	height:auto;
	padding-top:5px;
	margin:4px 4px 6px 4px;
	border:#434343 1px solid
}

div#cuerpo div#compra-derecha div#cuadro-login div#cuadro-login2 div h3
{
	font-size:14px;
	color:#ABABAB;
}
div#cuerpo div#compra-derecha div#cuadro-login div#cuadro-login2 div.centrar
{
	text-align:center 
}

div#cuerpo div#compra-derecha div#cuadro-login div#cuadro-login2 div.texto
{
	margin-top:10px;
	margin-left:15px;
	margin-right:15px;	
	font:11px Arial, Helvetica, sans-serif;	
	color:#999999
}

div#cuerpo div#compra-derecha div#cuadro-login div#cuadro-login2 form#formuLogin
{
	margin-top:10px;
	margin-left:14px
}

div#cuerpo div#compra-derecha div#cuadro-login div#cuadro-login2 div.derecha
{
	margin-right:10px;
	text-align:right
}

div#cuerpo div#compra-derecha div#cuadro-login div#cuadro-login2 div.izquierda { text-align:left }

div#cuerpo div#compra-derecha div#cuadro-login div#cuadro-login2 form#formuLogin input
{
	width:175px;
	height:13px;
	margin-bottom:10px;
	padding-left:5px;
	border:1px #000 solid;
	font:11px Arial, Helvetica, sans-serif;	
	color:#333333;		
}

div#cuerpo div#compra-derecha div#cuadro-login div#cuadro-login2 form#formuLogin div.derecha button
{
	border:none;
	background-color:#2B2B2B;	
	width:135px;
	height:17px;
	cursor:pointer		
}

div#capaMadre div#cuerpo h4
{
	font:18px Arial, Helvetica, sans-serif;
	color:#FFFFFF
}

div#capaMadre div#cuerpo form#formuContacto { margin-top:30px; }

div#capaMadre div#cuerpo form#formuContacto textarea
{
	width:278px;
	height:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

div#capaMadre div#cuerpo form#formuContacto p
{
	*padding-top:140px!important; /*Hack para IE7*/
	_padding-top:0px;
}

select
{
	height:17px;
	width:181px;
	font-size:10px
}

div#capaMadre div#cuerpo div#paginacion
{	
	font-family:Georgia, Arial, Helvetica, sans-serif;
	font-size:11px;
	width:100%;
}

div#capaMadre div#cuerpo div#paginacion div#paginas span
{
	margin:0px 5px 0px 5px;
	color:#FFFFFF;
	font-weight:bold;
}

div#capaMadre div#cuerpo div#paginacion a
{
	text-decoration:none;
	margin:0px 5px 0px 5px;
	color:#767072;
	font-weight:bold;
}

div#capaMadre div#cuerpo div#paginacion div#anterior
{
	float:left;
	text-align:right;
	width:33%;
}

div#capaMadre div#cuerpo div#paginacion div#siguiente
{
	float:left;
	text-align:left;
	width:33%;
}

div#capaMadre div#cuerpo div#paginacion div#paginas
{
	float:left;
	text-align:center;
	width:33%;
}


/************* TEXTOS GENERALES ********************************/
.titulo
{
	font:bold 11px Arial, Helvetica, sans-serif;	
	color:#999999;
}

.textoGris
{
	font:11px Arial, Helvetica, sans-serif;	
	color:#999999;		
}

.textoNegro
{
	font:11px Arial, Helvetica, sans-serif;	
	color:#333333;		
}

/************* FIN TEXTOS GENERALES ****************************/



/************************ COMPRA: Paso 5 ***********************/
div#capaMadre div#cuerpo div#factura
{
	margin-top:20px;
	border:1px #333333 solid;
}

div#capaMadre div#cuerpo div#factura p#imprimir
{
	text-align:right; 
	margin-top:30px; 
	margin-right:65px
}

div#capaMadre div#cuerpo div#factura p#imprimir button#btnImprimir
{
	background-color:#000; 
	border:none; 
	width:136px; 
	height:20px; 
	cursor:pointer
}

div#capaMadre div#cuerpo table.desglose
{
	margin-top:50px;
	width:623px;
}

div#capaMadre div#cuerpo div#factura div.datos
{
	margin-left:69px;
	margin-bottom:30px
}

img.separador452px
{
	width:452px;
	height:10px
}

img.separador620px
{
	width:620px;
	height:10px
}

img.separador745px
{
	width:745px;
	height:10px
}

/*************************** COMPRA PASO 4 *************************/

span#continuar_aviso
{
	color:#FFF; 
	float:right; 
	font-family:Helvetica, arial, sans-serif; 
	font-size:11px; 
	font-weight:600
}

/************************ FIN COMPRA: Paso 5 ***********************/

p { line-height:13px }

div#radioButtons { margin:10px 0px 0px 0px }

.checkbox
{
	width:30px;
	height:30px;	
	background: url(/imagenes/btn-radioButton.gif) bottom;
}

span.alineaConRadio
{
	position:relative; 
	top:3px;
	*top:0px; 
	padding-left:3px
}

div#veloNegro
{
	display:block;
	height:100%; 
	width:100%; 
	position:fixed; 
	_position:absolute; 
	top:0px; 
	left:0px; 
	background-color:#000000; 
	filter: alpha(opacity=50); 
	opacity:0.5; 
	z-index:1
}

div#contenidoBlanco
{
	display:block;
	position:fixed; 
	_position:absolute; 	
	top:50%; 
	left:50%; 
	margin-top:-107px; 
	margin-left:-193px; 
	padding:10px 10px 10px 10px; 
	background-color:#FFFFFF; 
	width:366px; 
	height:194px;
	z-index:200
}

div#contenidoBlanco div#cesta-datos
{
	float:left; 
	margin-left:10px;
	width:250px;
}

div#contenidoBlanco div#cesta-resumen
{
	clear:both; 
	padding-top:10px
}


div#contenidoBlanco h3
{
	font:bold 11px arial;
	color:#333333;
	margin-bottom:10px
}


a.botonA
{
	display:block;
	width:132px;
}

.textoD { text-align:right }

.separador-menu
{
	margin-left:4px;
	margin-right:4px
}

.textoGris
{
	color:#999999;
	font-size:11;
	font-weight:bold;
}

.clear { clear:both }

/**************** CLEARFIX ********************************************/

.clearfix:after
{
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden
}

.clearfix {	display:inline-table }

/* Hides from IE-mac \*/
* html .clearfix { height:1% }
.clearfix {	display:block }
/* End hide from IE-mac */

/**************** FIN CLEARFIX ****************************************/



/********** para debug ************/
.debug { border:1px #ff0000 solid }



/* LEGALES */
div#legales {
	color: #999;
	font-size: 11px;
	font-family: "Arial";
	text-align: justify;
	width: 600px;
	margin: 0 auto;
	clear: both;
	margin-top: 50px;
}

div#legales p {
	line-height: 20px;
	margin: 7px 0 7px 16px;
}

div#legales ul {
	margin: 7px 0 7px 35px;
}

	div#legales ul li {
		margin: 3px 0 3px 0;
	}

div#legales .title {
	font-size: 13px;
	font-weight: bold;
	margin: 20px 0 20px 0;
}

div#legales .subtitle {
	margin: 13px 0 13px 0;
}



#social{ margin: 0 auto; overflow: hidden; padding: 20px 0; width: 418px;}
	#social img.title{ display: block; float: left; margin-right: 20px; padding-top: 4px;}
	#social ul{ overflow: hidden;}
		#social ul li{ list-style-type: none; float: left; margin-right: 10px;}
			#social ul li a{ background-repeat: no-repeat; background-position: left top; background-color: transparent; display: block; text-indent: -9999px;}
			#social ul li a.twitter{ background-image: url('../imagenes/social/twitter.png'); height: 20px; width: 20px;}
			#social ul li a.flickr{ background-image: url('../imagenes/social/flickr.png'); height: 20px; width: 72px;}
			#social ul li a.youtube{ background-image: url('../imagenes/social/youtube.png'); height: 20px; width: 51px;}
			#social ul li a.facebook{ background-image: url('../imagenes/social/facebook.png'); height: 20px; width: 20px;}
			#social ul li a.blogger{ background-image: url('../imagenes/social/blogger.png'); height: 20px; width: 62px;}