/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
ESTILOS COMUNES - ESTRUCTURA
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
* {	margin: 0;	padding: 0}
html {	height: 100%;}
body {
	position: relative;
	text-align: center;
	height: 100%;
	background-color: #010006;
	/*background-image:url(../images/fnd-body.gif);
	background-position:top center;
	background-repeat:repeat-y;*/
}
/* ARMAZ�N DE LA P�GINA */
#web {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	font-size: 1em;
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	background: url("../images/fondoPubli.jpg") no-repeat scroll center top #010006;
}
/* CONTENEDOR DE LA P�GINA */
#contenedor {
	position: relative;
	width:1007px;
	margin: 0 auto -98px auto;
	min-height: 100%;
	height: auto;
	_height: 100%;
	overflow: hidden;
	_overflow: visible;
	text-align: left;
	color: #666;
	background-color:#FFFFFF;
	background-image:url(../images/fnd-contenedor.gif);
	background-position:top center;
	background-repeat:repeat-y;
}
	#contenedor.ancho{background-image:url(../images/fnd-contenedor-1columna.gif);}
/* Cabecera de la web ///////////////////////////////////////////////////////////////////////////////////////////////////////*/
#cabecera{
	position: relative;
	height: 158px;
	margin: 0 auto;
	clear: both;
	background-color:white;
}
	#cabecera #barraSuperior{
		height:25px;
		text-align:right;
		float:right;
	}	
/*//////////////////////////////////*/
	#cabecera #barraSuperior #atencionCliente {
		float:right;
		padding: 2px 10px 0px 10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:1.2em;
		color:#3A3A3A;
		font-weight:bold;	
	}
		#cabecera #barraSuperior #atencionCliente a{ color:#3A3A3A;}
		#cabecera #barraSuperior #atencionCliente a:hover{ text-decoration:underline;}
		#cabecera #barraSuperior #atencionCliente span{font-size:1.4em;}
	/*//////////////////////////////////*/
	#cabecera #barraSuperior #menuAuxiliar {
		float:right;
		padding: 5px 10px 8px 10px;
	}
	#cabecera #barraSuperior #menuAuxiliar ul{}
	#cabecera #barraSuperior #menuAuxiliar li{ display:inline; color:#666666;}
	#cabecera #barraSuperior #menuAuxiliar  li a{ color:#666666;}
	#cabecera #barraSuperior #menuAuxiliar  li a.activo{ font-weight:bold;}
	#cabecera #barraSuperior #menuAuxiliar  li a:hover{ text-decoration:underline;} 
/*//////////////////////////////////*/
	#cabecera #barraSuperior #verCarrito {	
		width:auto;		
		text-align: right;	
		background-color:#9D0309;
		background-image:url(../images/fnd-botonComprar.gif);
		background-position:0 0;
		background-repeat:no-repeat;	
		border: none;
		color: #fff;
		font-weight: bold;
		padding: 5px 5px 8px 30px;
		cursor: pointer;
		float:right;
	}
	#cabecera #barraSuperior #verCarrito a{ color:white;}
/*//////////////////////////////////*/
	#cabecera #logotipo {	margin:10px 0 0 5px;	float:left; }
	#cabecera #logotipo a:hover img{
		opacity:0.4;
		filter:alpha(opacity=40); /* For IE8 and earlier */
		} 
		/*//////////////////////////////////*/
	#cabecera #socialMedia {	
		text-align:center;
		margin:10px 0 0 0;
	}
	#cabecera  #socialMedia ul{}
	#cabecera #socialMedia ul li{ display:inline;}	
/*/////////////////////////////////////////////////////////////////////////////////*/
	#cabecera #buscador {
		float:left;
		margin:25px 0 0 50px;
		width:360px;
	}
		#cabecera #buscador form{}
		#cabecera #buscador form fieldset{ border:none;}
		#cabecera #buscador form legend{ display:none;}
		#cabecera #buscador form fieldset div{}
		#cabecera #buscador form fieldset div label{ display:block;}
		#cabecera #buscador form fieldset div input{ width:300px;}
		#cabecera #buscador form fieldset div input.botonPrincipal{ 
			width:auto;
			background-image:url(../images/botonBuscar.gif);
			background-position:0 0;
			background-repeat:no-repeat;
			border:none;
			background-color:white;
			padding:10px 15px;
			cursor:pointer;
		}
/*////////////////////////////////////////////////////////////////////////////////////*/
#cabecera #google_translate_element {
	position:absolute;
	top:100px;
	_top:125px;
	left:240px;
	_left:245px;
}
/*////////////////////////////////////////////////////////////////////////////////////*/
#cabecera #atencion-al-cliente{ 	
	float:right;
	margin-top:15px;
	margin-right:5px;
}
/*////////////////////////////////////////////////////////////////////////////////////*/
#menuPrincipal{
	background-color:#9B0309;
	background-image:url(../images/fnd-menuPrincipal.gif);
	background-position:0 0;
	background-repeat:repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	padding:6px 2px;
	z-index:100000;
}
	#menuPrincipal ul{}
	#menuPrincipal ul li{ 
		display:inline;
		margin:0 20px;
	}
	#menuPrincipal ul li a{ color:white; }
	#menuPrincipal ul li a:hover{ text-decoration:underline;}
/* ---------------------------------------------------------------------------------- */
	#menu-desplegable-marcas{
		position:absolute;
		top:180px;
		left:0;
		z-index:10000;
		height:200px;
		overflow:hidden;
		width: 100%;
		border-top:10px solid #AB030A;
		background-color:#AB030A;
		z-index:100000;
	}
		#menu-desplegable-marcas ul{
			width:140px;
			float:left;
			margin-left:20px;
		}
		#menu-desplegable-marcas ul li{	}
		#menu-desplegable-marcas ul li a{ color:white;}
		#menu-desplegable-marcas ul li a:hover{ 
			text-decoration:underline;
		}
		#menu-desplegable-marcas p{ 
			color:white;
			font-weight:bold;
			margin:10px 0 10px 20px;
		}
/* ---------------------------------------------------------------------------------- */
	#menu-desplegable-categorias{
		position:absolute;
		top:180px;
		left:0;
		z-index:10000;
		height:200px;
		overflow:hidden;
		width: 100%;
		border-top:10px solid #AB030A;
		background-color:#AB030A;
		z-index:100000;
		}
		#menu-desplegable-categorias ul{
			width:140px;
			float:left;
			margin-left:20px;
		}
		#menu-desplegable-categorias ul li{  }
		#menu-desplegable-categorias ul li a{ color:white;}
		#menu-desplegable-categorias ul li a:hover{ text-decoration:underline;}  
			#menu-desplegable-categorias p{ 
			color:white;
			font-weight:bold;
			margin:10px 0 10px 20px;
		}
/* ---------------------------------------------------------------------------------- */
	#menu-desplegable-objetivos{
		position:absolute;
		top:180px;
		left:0;
		z-index:10000;
		height:550px;
		overflow:hidden;
		width: 100%;
		border-top:10px solid #AB030A;
		background-color:#AB030A;
		color:white;
		z-index:100000;
	}
	#menu-desplegable-objetivos .bloque{
		/*width: 19%;*/
		width:33%;
		float:left;
	}
		#menu-desplegable-objetivos ul{
			width:100%;
			float:left;
			margin-left:20px;
		}
		#menu-desplegable-objetivos ul li{ }
		#menu-desplegable-objetivos ul li a{ color:white;}
		#menu-desplegable-objetivos ul li a:hover{ text-decoration:underline;}  
		#menu-desplegable-objetivos p{ 
			color:white;
			font-weight:bold;
			margin:10px 0 10px 20px;
		}
		#menu-desplegable-objetivos p a{ color:white; }
/* ---------------------------------------------------------------------------------- */
	#menu-desplegable-ingredientes{
			position:absolute;
			top:180px;
			left:0;
			z-index:10000;
			height:550px;
			overflow:hidden;
			width: 100%;
			border-top:10px solid #AB030A;
			background-color:#AB030A;
		z-index:100000;
		}
		#menu-desplegable-ingredientes ul{
			width:140px;
			float:left;
			margin-left:20px;
		}
		#menu-desplegable-ingredientes ul li{ }
		#menu-desplegable-ingredientes ul li a{ color:white;}
		#menu-desplegable-ingredientes ul li a:hover{ text-decoration:underline;}
		#menu-desplegable-ingredientes p{ 
			color:white;
			font-weight:bold;
			margin:10px 0 10px 20px;
		}
/* ---------------------------------------------------------------------------------- */
	#menu-desplegable-top-ventas{
			position:absolute;
			top:180px;
			left:0;
			z-index:10000;
			height:480px;
			overflow:hidden;
			width: 100%;
			border-top:10px solid #AB030A;
			background-color:#AB030A;
			z-index:100000;
		}  
		#menu-desplegable-top-ventas div{
			width:140px;
			float:left;
			}
		#menu-desplegable-top-ventas p{ 
			color:white;
			font-weight:bold;
			margin:10px 0 10px 20px;
		}
		#menu-desplegable-top-ventas p a{ color:white;} 
		#menu-desplegable-top-ventas ol{			
			margin: 10px 0 10px 20px;
			padding-left: 15px;
			list-style-type: decimal;
			color:white;
		}
		#menu-desplegable-top-ventas ol li{
			padding-left: 0px;
			line-height: 1.6em;
			list-style-type: decimal;
		}
		#menu-desplegable-top-ventas ol li a{ color:white;}
		#menu-desplegable-top-ventas ol li a:hover{ text-decoration:underline;}
/*	----------------------------------------------------------------------- */
	#menu-desplegable-pedidos{
			position:absolute;
			top:180px;
			left:0;
			z-index:10000;
			height:200px;
			overflow:hidden;
			width: 100%;
			border-top:10px solid #AB030A;
			background-color:#AB030A;
		z-index:100000;
		}
		#menu-desplegable-pedidos p{ 
			color:white;
			font-weight:bold;
			margin:10px 0 10px 20px;
		}
/* ---------------------------------------------------------------------------------- */
	#menu-desplegable-ayuda{
		position:absolute;
		top:180px;
		left:700px;
		z-index:10000;
		height:200px;
		overflow:hidden;
		width: 200px;
		border-top:10px solid #AB030A;
		background-color:#AB030A;
		z-index:100000;
		}
			#menu-desplegable-ayuda ul{
			width:140px;
			float:left;
			margin-left:20px;
		}
		#menu-desplegable-ayuda ul li{	}
		#menu-desplegable-ayuda ul li a{ color:white;}
		#menu-desplegable-ayuda ul li a:hover{ text-decoration:underline;}
		#menu-desplegable-ayuda p{ 
			color:white;
			font-weight:bold;
			margin:10px 0 10px 20px;
		}
/* ---------------------------------------------------------------------------------- */
	#menu-desplegable-destacados{
		position:absolute;
		top:180px;
		left:0px;
		z-index:10000;
		height:275px;
		overflow:hidden;
		width: 100%;
		border-top:10px solid #AB030A;
		background-color:#AB030A;
		z-index:100000;
	}
		#menu-desplegable-destacados div.bloque{
			width:210px;
			height:250px;
			float:left;
			color:white;
			font-weight:bold;
			margin:0 10px 0 20px;
			padding:5px;
			color:#585858;
			background-color:#fff;
			text-align:center;
		}	
		
		#menu-desplegable-destacados .encabezado{
			text-align:left;
			font-size:130%;
			margin-bottom:10px;
		}
		#menu-desplegable-destacados div a{ color:#585858;}
		#menu-desplegable-destacados ul li a:hover{ text-decoration:underline;}
		#menu-desplegable-destacados form fieldset{
			border:none;
		}
		#menu-desplegable-destacados form legend{
			display:none;
		}
		 #menu-desplegable-destacados form .botonComprar {	
		margin-top:10px;
		width:auto;		
		text-align: right;	
		background-color:#9D0309;
		background-image:url(../images/fnd-botonComprar.gif);
		background-position:0 0;
		background-repeat:no-repeat;	
		border: none;
		color: #fff;
		font-weight: bold;
		padding: 2px 5px 6px 30px;
		cursor: pointer;	
	}
	#menu-desplegable-destacados form .botonComprar a{ color:white;}
/* ---------------------------------------------------------------------------------- */
	#menu-desplegable-newsletter{
		position:absolute;
		top:180px;
		right:10px;
		z-index:10000;
		height:210px;
		overflow:hidden;
		width: 210px;
		border-top:10px solid #AB030A;
		background-color:#AB030A;
		z-index:100000;
	}
		#menu-desplegable-newsletter p{ 
			color:white;
			font-weight:bold;
			margin:10px 0 10px 20px;
		}
		/* ---------------------------------------------------------------------------------- */
		#menu-desplegable-newsletter #newsletter form fieldset { border: none; margin:10px 0 10px 20px; }		
		#menu-desplegable-newsletter #newsletter form fieldset legend { display:none;		}		
		#menu-desplegable-newsletter #newsletter form fieldset div { height:5em;	}		
		#menu-desplegable-newsletter #newsletter form fieldset div label { color: #fff;	}	
		#menu-desplegable-newsletter #newsletter form fieldset div label a{ color: #fff;	}		
		#menu-desplegable-newsletter #newsletter form fieldset div input {
			border: 1px solid #fff;
			color: #585858;
			background-color: #fff;
		}		
		#menu-desplegable-newsletter #newsletter form fieldset div input#boton {
			background-color: #fff;
			border: 1px solid #fff;
			color: black;
			font-weight: bold;
			padding: 3px;
			cursor: pointer;
			margin: 5px 40px 5px 0;
			float: right;
		}
/*//////////////////////////////////*/
#tablonAnuncios{
	background-color:#D7D7D7;
	background-image:url(../images/fnd-tablonAnuncios.gif);
	background-position:0 0;
	background-repeat:repeat-x;
	color:black;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:6px 2px;
}
/* Contenido de la web ///////////////////////////////////////////////////////////////////////////////////////////////////*/
#contenido {
	display: block;
	overflow: hidden;
	_height: 1%;
	_overflow: visible;
	padding-bottom: 40px;
}
#contenido .colPrincipal {
	width: 185px;
	/*width: 205px;*/
	padding-left:5px;
	float: left;
	padding-bottom: 100px;
	z-index:0;
}
#contenido .colCont {
	width: 590px;
	/*_width:565px;*/
	float: left;
	margin: 0 10px 0 15px;
	/*margin:0 5px 0 0;*/
	padding-bottom: 50px;
	background-color:white;
	z-index:0;
}
	#contenido .colCont.ancho{ width: 790px; float: right;}
#contenido .colAux {
	width:190px;
	/*width:203px;*/
	float: right;
	padding-bottom: 100px;
margin-right:5px;
_margin-right:0px;
z-index:0;
}
/* Pie de la web //////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#pie-fondo {
	position: relative;
	width: 100%;
	height: 98px;
	margin: -98px auto 0 auto;
	clear: both;
	z-index: 100;
	text-align: center;
	font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:white;
}
#pie {
	height: 42px;
	margin: 0 auto;
	border-bottom:1px solid #D5D5D5;
}
	#pie p.copy { 
		float: left;
		/*margin: 35px 0 10px 5px;*/
		margin: 15px 0 0px 5px;
		color:#666666;
	}
		#pie p.copy a{ color:#666666; text-decoration:underline;} 
		#pie p.copy a:hover{ text-decoration:none;}
	#pie ul.menuAuxiliar { 
		float: right;
		/*margin: 35px 5px 10px 0;*/
		margin: 15px 5px 0px 0;
		color:#666666;
	}
	#pie ul.menuAuxiliar li {	display: inline;}
	
	#pie ul.menuAuxiliar li a {	color:#666666;}
	
	#pie ul.menuAuxiliar li a.activo {
		color: #000;
		font-weight: bold;
	}
	
	#pie ul.menuAuxiliar li a:hover {	text-decoration: underline;}
/*//////////*/
#pie-bajo {
	height: 56px;
	margin: 0 auto;
}
#pie-bajo ul#logotipos-transporte { float: left; margin-left:5px;}
#pie-bajo ul#logotipos-pago { float: right; margin-right:5px;}
#pie-bajo ul#logotipos-transporte  li, #pie-bajo ul#logotipos-pago  li {display: inline;} 
	#pie-bajo ul#logotipos-transporte li a:hover img, #pie-bajo ul#logotipos-pago li a:hover img{
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
	} 
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////*/

	/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.info,.exito,.alerta,.error,.busqueda {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	border: 1px solid;
	margin: 10px 0px;
	padding: 15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}
.info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url(../images/info.png);
}
.exito {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image: url(../images/exito.png);
}
.alerta {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url(../images/alerta.png);
}
.error {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url(../images/error.png);
}
.busqueda {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url(../images/busqueda.png);
}
