@charset "iso-8859-1";
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin: 0px;
	background:#ed8b0e;
	
}
/* NUEVOS */

h2	{font-size:16px;}
h3	{font-size:14px;}
.linebottom{border:0px; border-bottom:1px #FFFFFF solid; vertical-align:top; font-weight:bold; color:#b34b30;}
.fichaBig{
	background:url(../interface/fondoficha.gif) no-repeat bottom right #fef0d3;
	padding-top:15px; 
	border:1px solid #FFFFFF;

}
img	{border:0px #FFFFFF;}

.oculto	{
	display:none;
	padding:0px;
	}
/**/	
.total{font-weight:400; color:#990000; font-size:18px;}
.precio{font-weight:400; color:#990000; font-size:18px;}	
.celdas{border:0px #990000 solid; background:url(../interface/fondoCelda.gif) repeat-x;}
.cajaResumen	{background:url(../interface/fondoCajaResumen.gif) no-repeat; color:#FFFFFF; width:450px;}
.titCelda	{color:#FFFFFF;}
.botForm	{background:url(../interface/botForm.gif) no-repeat; width:176px; height:35px; display:block; text-align:center; color:#FFFFFF; padding-top:8px;} 
.botFormButtom	{background:url(../interface/botForm.gif) no-repeat; width:176px; height:35px; display:block; text-align:center; color:#FFFFFF; padding-top:0px; border:0px;} 
a.botForm:hover {color:#FFCC00;}
.botFormCaja	{background:url(../interface/botFormCaja.gif) no-repeat; width:176px; height:35px; display:block; text-align:center; color:#FFFFFF; padding-top:8px;} 
a.botFormCaja:hover {color:#352502;}
.botFormVaciar	{background:url(../interface/botFormVaciar.gif) no-repeat; width:176px; height:35px; display:block; text-align:center; color:#FFFFFF; padding-top:8px;} 
a.botFormVaciar:hover {color:#352502;}
.fondoCaja {background:url(../interface/fondoCajaResumen2.gif) no-repeat; color:#FFFFFF;}
.black	{color:#000000;}
.celdaLabel	{text-align:left; font-size:14px;}
fieldset	{width:720px; margin-left:10px; border:#FFFFFF 1px dotted;}
.hr			{border:#993d29 1px solid; height:1px;}
#estatico	{border:#FF0000 1px solid; width:688px; background:#fef0d3; border:1px solid #FFFFFF; margin-left:9px; padding:18px;}
#estaticoZombies	{border:#FF0000 1px solid; width:688px; background:#fef0d3; border:1px solid #FFFFFF; margin-left:9px; padding:18px; background:url(../interface/zombies.gif) right bottom no-repeat #fef0d3; height:458px;}
.titulo		{color:#983c26; font-size:16px;}
.liEnlaces	{list-style-image:url(../interface/icon-list.gif)}
strong	{}
.brown	{color:#8c3723;}
b		{color:#8c3723; }
.white	{color:#FFFFFF;}
.border	{border:#993300 solid thin;}
/*CONTENEDOR PRINCIPAL */	
.contenedor {
	width: 999px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	/*border: 3px dashed #996666;*/
}
#page {
	width: 999px;
	background:url(../interface/fondoCuerpo.gif) #ed8b0e repeat-y center;
	float:left;
}
#publicidad {
	float: left;
	width: 740px;
	margin-bottom: 20px;
}
#publicidad #banner1 {
	float: left;
	height: 100px;
	width: 360px;
	margin-left: 8px;
	background-color: #fef0d3;
}
#publicidad #banner2 {
	float: left;
	height: 100px;
	width: 360px;
	margin-left: 7px;
	background-color: #fef0d3;
}


.contenido {
	text-align: justify;
	position: relative;
	width: 770px;
	margin-top: 0px;
	/*left: 151px;*/
	border: 0px solid #66FF66;
	float:  left;
}

.cabecera {
	/*border: 2px dashed #CC0000;
	margin: 0px;
	padding: 0px;*/
	background:url(../interface/cabecera.gif) no-repeat;
	width:999px;
	height:221px;
	float:left;
	overflow:hidden;
}
.buscador {
/*	top: 186px;
	position: absolute;
	left:638px;
	z-index: 5;
  border: 1px dotted #3366FF;*/
	width: 262px;
	height: 18px;

	float: rigth;
	clear: left;
	margin-top: 13px;
	margin-left: 635px;
}
.contenedor .buscador input {
	width: 190px;
	border-left: 0px;
	border-top:0px;
	border-right:1px double #000000;
	border-bottom:0px;
	background:url(../interface/trans.gif);
}
.contenedor .buscador #buscar {
	width: 50px;
	border: 0px dotted #3366FF;

}

.sumario {
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	width: 150px;
	padding: 10px;
	float: right;
	text-align: center;
	background-color: #E7E7E7;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

.pie {
	text-align: center;
	/*position: fixed;*/
	/*z-index: 5;*/
	background:url(../interface/pie.gif) no-repeat center top;
	bottom: 0px;
	height:189px;
	width: 999px;
	background-color: #ed8b0e;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #DBE0E6;
	border-right-color: #DBE0E6;
	border-bottom-color: #DBE0E6;
	border-left-color: #DBE0E6;
	overflow:hidden;
	position: relative;
	float:left
}

/* Esto es básicamente un espaciador para evitar que la caja de contenido pegue al borde inferior de la ventana del navegador */
.contenido .pie-contenido {
	border:#900 thin solid;
	height: 100px;
	clear: both;
	float: none;
	background-color: #FFFFCC;
}
/* Menu primario. El de la izquierda */

.menu {
	width: 145px;
	height:360px;
	background:url(../interface/fondoBotonera.gif) no-repeat;
	border:0px solid #FF0000;
	overflow:hidden;
	float:left;
}
	.menu h3 {
	display: none;
	}
	
	.menu ul {
	padding: 0px;
	margin-top:5px;
	margin-right: 0px;
	margin-left: 0px;
	list-style-type: none;
	}
	.menu li {
	display: block;
	text-align: left;
	padding: 0px;
	margin:-5px;
	margin-top:-7px;
	padding-top:-7px;
	line-height:20px;
	}
	.menu .sub-menu {
	margin-top: 0px;
	list-style-type: none;
	}
	.menu .sub-menu li {
	font-size: 11px;
	padding-left: 20px;
	}
/* FIN -- Menu primario. El de la izquierda */

/* Menu secundario. El de arriba */
.menu2 {
	float: rigth;
	width: 400px;
	height: 50px;
	margin-top: 122px;
	margin-left: 500px;
	/*border: 1px dotted #3366FF;*/
}
	.menu2 h3 {
		display: none;
	}
	
	.menu2 ul {
		display: block;
		text-align: center;
		padding: 0px;
		margin-right: 0px;
		margin-left: 0px;
		margin-top: 0px;
		list-style-type: none;
	}
	.menu2 li {
		width:188px;
		height:50px;
		display: block;
		text-align: left;
		padding: 5px;
		font-size: 14px;
		float:left;
		margin-left: 2px;
	}
	
	#opcion1 {
		width: 188px;
		height: 49px;
		background-image: url(../interface/botCesta.png);
		float:left;
	}
	
	#opcion2 {
		width: 188px;
		height: 49px;
		background-image: url(../interface/botBlog.png);
		float:left;
	}
/* FIN -- Menu secundario. El de arriba */

/* PRODUCTOS */
	.contenedor .contenido .fila-producto {
		border: 0;
		position: relative;
		clear: both;
	}

	/* Caja de Producto */
	.fila-producto .caja-producto {
	background-color:#fef0d3;
	border: 1px solid #FFF;
	float: left;
	width: 350px;
	margin-left: 7px;
	margin-bottom: 10px;
	padding: 5px;
	padding-top:10px;
	background-image: url(../interface/fondoficha.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	}

	.caja-producto .foto-producto {
		float: left;
		border: 0px dashed #9966CC;
		height: 150px;
		width: 100px;
		margin-right: 0px;
		margin-left:5px;
		overflow: hidden;
	}
	.caja-producto .texto-producto {
		float: left;
		margin: 0px;
		border: 0px dotted #999900;
		padding: 0px;
		clear: none;
		width: 235px;
		text-align: left;
	}
	.caja-producto .texto-producto h3 {
		font-size: 14px;
		font-weight: bold;
		color: #0000FF;
		margin: 0px;
	}
	.caja-producto .texto-producto ul {
		margin: 0px;
		padding-left: 15px;
		list-style-type: square;
	}
	.caja-producto .texto-producto strong {
		font-weight: bold;
		color: #8b3b24;
	}
	.caja-producto .texto-producto a {
		font-weight: bold;
		color: #000000;
	}
	.caja-producto .acciones-producto {
		clear: both;
		border: 0px dotted #FF6600;
		font-size: 14px;
		font-weight: bold;

	}
	
	.caja-producto .acciones-producto ul {
		float:left;
		padding: 0px;
		margin-right: 0px;
		margin-left: 0px;
		margin-top: 0px;
		border:0px solid #00FF00;
		width:300px;
		position:relative;
		left:25px;

	}
	
	.caja-producto  .acciones-producto  li  {
		float:left;
		text-align: left;
		padding: 5px;
		font-size: 14px;
		margin-bottom: 2px;
		list-style-type: none;
		margin-left: 0px;
	}

	.caja-producto  .acciones-producto  .accion1 a  {
		width:100px;
		height:30px;
		float:left;
		background-image:url(../interface/masinfo.gif);
	}
	.caja-producto  .acciones-producto  .accion2 a  {
		width:165px;
		height:30px;
		float:left;
		background-image:url(../interface/anadircesta.gif)
	}
/* PRODUCTO AMPLIADO */
	.caja-producto-ampliado {
		background:url(../interface/fondoficha.gif) no-repeat bottom right #fef0d3;
		float:left;
		margin-left: 10px;
		margin-bottom: 10px;
		padding: 10px;
		margin-right: 15px;
		width: 705px;
	}
	.caja-producto-ampliado .foto-producto {
		float: left;
		width: 340px;
		overflow: hidden;
	}
	.caja-producto-ampliado .texto-producto {
		float: left;
		margin: 0px;
		padding: 0px;
		clear: right;
		text-align: left;
		width: 340px;
		margin-left: 20px;
	}
	.caja-producto-ampliado .texto-producto h3 {
		font-size: 16px;
		font-weight: bold;
		margin: 0px;
	}
	.caja-producto-ampliado .texto-producto ul {
		margin: 0px;
		padding-left: 15px;
		list-style-type: none;
		line-height:15px;
		height:82px;
		padding-top:8px;
	}
	.caja-producto-ampliado li {
		color:#ff856b;
	}	
	.caja-producto-ampliado .texto-producto strong {
		font-weight: bold;
		color: #FFFFFF;
	}
	
	.caja-producto-ampliado .acciones-producto {
		font-size: 14px;
		font-weight: bold;
		height: 30px;
		width: 340px;
		float: left;
		margin-left:20px;
	}
	
	.caja-producto-ampliado .acciones-producto ul {
		display: block;
		padding: 0px;
		margin-right: 0px;
		margin-left: 0px;
		margin-top: 0px;
	}
	
	.caja-producto-ampliado  .acciones-producto  li  {
		display: block;
		text-align: left;
		padding: 5px;
		font-size: 14px;
		margin-bottom: 2px;
		float: right;
		list-style-type: none;
		margin-left: 60px;
	}
	/* 
	* - acciones-holder - es un truco para solucionar el problema 
	* que hace que una capa flotante se escape fuera de su contenedor.
	* Colocando esta capa de tamaño fijo dentro del contenedor se elimina el problema.
	*/
	.caja-producto-ampliado .acciones-holder {
		font-size: 14px;
		font-weight: bold;
		width: 1px;
		clear: both;
		height: 0px;
	}

/* FIN PRODUCTOS */

/* CESTA DE LA COMPRA */
	#cesta-marco{
		float:left;
		margin-left:10px;
		width:705px;
		background-color: #fef0d3;
		padding: 10px;
	}
	/* Minicesta o resumen de la cesta de la compra que sale en casi todas las secciones */
	#cesta_mini {
		border: 0px dotted #FF00FF;
		width: 149px;
		/*height:250px;*/
		/*position: absolute;*/
		/*top: 560px;*/
		margin: 0px;
		padding: 0px;
		font-size: 10px;
		background:url(../interface/fondoCesta.gif) repeat-y;
	overflow:hidden;
	float:left
	}
	#cesta_mini ol {
	}
	#cesta_mini a {
	color:#981f19;
	}
	#cesta_mini a:hover {
	color:#000000;
	}
	a {
	color:#000000;
	text-decoration:none;
	}
	a:hover {
	color:#981f19;
	}	
	#cesta_mini h3 {
		display: block;
		margin-top: 0px;
		padding-left: 10px;
		padding-right: 10px;
		clear: both;
	}
	#cesta_mini .totales {
		text-align: left;
		padding-right: 10px;
		padding-left: 10px;
	}
	#cesta_mini .acciones {
		text-align: right;
		padding-top: 5px;
		padding-right: 10px;
		padding-bottom: 5px;
		padding-left: 10px;
	}
	
	#contentCesta	{
		margin-top:0px;
		width:130px;
		margin-left:10px;
	}
	#contentCesta	ol{
		margin-left:5px;
	}

/* PEDIDOS */
.pedido {
	padding: 10px;
	margin: 20px;
}
	.pedido #cajaDatosPersonales {
		float: left;
		width: 330px;
		height: 200px;
		padding:4px;
		/*border: 1px solid #CCCCCC;*/
	}
	.pedido #cajaDatosPersonales em {
		font-style: normal;
		color: #993d29;
		

	}
	.pedido #cajaDatosEnvio {
		float: left;
		width: 330px;
		height: 200px;
		padding:4px;
		/*border: 1px solid #CCCCCC;*/
	}
	.pedido #cajaDatosPersonales legend {
		font-size: 12px;
		font-weight: bold;
		color: #999999;
		padding-right: 5px;
		padding-left: 5px;
	}
	
	.pedido #cajaDatosEnvio em {
		font-style: normal;
		color: #993d29;
	}
	
	.pedido #cajaDetallesPedido {
		clear: both;
		width:688px;
	}
	
	/* Estilo de los campos del formulario cuando están deshabilitados */
	.deshabilitado {
		background-color:#CCCCCC;
		color:#333333;
	}
/* FIN PEDIDOS */

/* LOCALIZACION */
.localizador{position:relative;left:25px; height:20px;}
/*  - Barra localizadora para el proceso de pedido */
.funnel {
	/*	top: 102px;
	position: absolute;
	width: 780px;
	z-index: 5;
	left: 218px;
	height: 25px;
*/	border: 0px dotted #FF9900;
	clear: both;
}
.funnel ul {
	display: block;
	text-align: center;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	list-style-type: none;
	clear: both;
}
.funnel li {
	display: block;
	text-align: left;
	background:url(../interface/pestanaOff.gif);
	padding-top: 0px;
	font-size: 14px;
	height:31px;
	width:150px;
	float: left;
	margin-left: 9px;
	line-height:35px;
	text-align:center;
	color:#FFFFFF;
}
/**/
.paginacionBox {
	position:absolute;
	left:200px;
	top:35px;
	text-align:center;
	clear: both;
	float: left;
	width: 780px;
	border:0px solid #FF0000;
	height:20px;
	width:300px;
	
}
.paginacionBox a{color:#000000;}

#columnaIzquierda {
	float: left;
	width: 150px;
	overflow: hidden;
}