/* CSS Document */

html,
body{
     height:100%;
	  margin: 0em;
	  padding: 0em;
	 /* background: url(../images/fondopixel.gif);*/
	 	background: url(../images/fondoparacabecera.jpg) no-repeat right top;
		background-color: #f2f1ef;
	  font:100% verdana;
	}

/************************************** Para cabecera
***************************************************/
h1{
	margin: 0em;
	height: 2.5em;
	background: url(../images/logo.gif) no-repeat left bottom;
	text-indent: -4000em;
	font-size: 2.5em;
	width: 20%;
	float: left;
	text-indent: -4000em;
}
h2{
	margin: 0em 0em 0.5em 0em;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-size: 1em;
	color: /*#b80000*/#991717;
	width: 80%
}
h3{
	margin: 0.5em 0em 0.2em 0em!important;
	clear: both
}
h3 a{
	/*background-image: url(../images/flechas.gif);
	background-repeat: no-repeat;
	background-position: left top;*/
	padding: 0em/*0em 0em 0em 1.5em*/;
	margin: 0em 0em 0.5em 0em;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-size: 1em;
	color: #991717;
}
h3.categoria{
	margin: 0em!important;
	padding: 0em/*0em 0em 0em 2em*/;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-size: 1.1em;
	color: #991717;
	font-weight: bold
}
.cabecera{
	width: 79%;
	height: 7em;
	float: left;
}
img{
	border: 1px solid #a59d8f
}
table{
	border: collapse;
	padding: 0.5em
}
/************************************** Para bloques de maquetacion
********************************************************************/
#contenedor{
     min-height:100%;
	  /*background: url(../images/fondo.jpg) repeat-x left top;*/
	/*  background: url(../images/fondopixelpie.gif);
	  background: url(../images/iconopies.gif) no-repeat left bottom;*/
	  font-size: .81em;
	  padding: 0em 0em 0em 1em;
	  }
html>body #contenedor{
	  min-height:49.8em;
	  height: auto;
}
.relleno{
	  /*background: url(../images/fondoparacabecera02.jpg) no-repeat right top;*/
	  /*background: url(../images/fondopixelpie.gif);
	  background: url(../images/iconopies.gif) no-repeat left bottom;*/
     min-height:100%;
	  height: auto;
	  float: left;
	  width: 100%;
	  font-size: .89em;
	  padding-bottom:6em;
}
html>body .relleno{
	  min-height:20em;
	  height: auto;
}
#cajamenugen{
	width: 20%;
	float: left;
	text-align: center;
	margin: 0em
}
#contenidos{
	width: 59.8%;
	float: left;
	color: #24211d;
	text-align: justify;
	font-size: .88em;
}
#bloquebanners{
	width: 20%;
	float: left;
}
.copadevino{
	background: url(../images/imagencopavino.gif) no-repeat right bottom;
	width: 100%;
	min-height: 100%;
	height: auto;
	overflow: hidden;
}
.miparra{
	background: url(../images/iconopies.gif) no-repeat left bottom;
	width: 100%;
	min-height: 100%;
	height: auto;
}
html>body .miparra{
	min-height: 20em;
	height: auto
}
.ruta{
	background-image: url(../images/flechas.gif) no-repeat left middle;
	width: 1em
}
#noticiadestacada{
	width: 93%;
	min-height: 10em;
	height: auto;
	margin: 0 auto;
	float: left;
	font-size: 1em!important;
	padding: 0em 0em 0em 1.3em
}
#apartados{
	width: 98%;
	min-height: 20em;
	height: 0 auto;
	margin: 0 auto
}
.buscador{
	float: right;
	width: 70%;
	margin: 2.7em 1.7em 0em 0em;
	text-align: right;
}

/************************************** Para bloques de menus
********************************************************************/
ul.menugen{
	width: 80%;
	margin: 0em;
	padding: 0.5em 0.5em 0.5em 0.5em;
	background-color: #eeeae4;
	background: url(../images/menu1.gif) no-repeat left top;
	text-align: left;
	float: left;
	border-right: 1px solid #ccc6bc
}
ul.menugen li{
	list-style-type: none;
	display: block;
	color: #7d7973;
	padding: 0em 0em 0em 0.2em;
	font-size: 1em
}
ul.menugenb{
	width: 80%;
	padding: 0.5em 0.5em 0.5em 0.5em;
	background-color: #d1cbc0;
	background: url(../images/menu2.gif) no-repeat right bottom;
	float: left;
	margin: 0em;
	border-left: 1px solid #ccc6bc
}
ul.menugenb li{
	background: url(../images/fondomenub.gif) repeat-x right top;
	list-style-type: none;
	height: 2em;
	text-align: left;
	padding: 1.5em 0em 0em 0.5em;
	margin: 0em 0em 0.4em 0em;
	background-color: #9b1d1d
}
ul.menugenb li a{
	display: block;
	color:#cfc9bd;
	text-decoration: underline;
	font-weight: bold;
}
ul.menugenb li a:hover{
	color: #eeeae4
}
ul.menugenc{
	width: 80%;
	padding: 0.5em 0.5em 0.5em 0.5em;
	background: url(../images/menu2.gif) no-repeat right bottom;
	float: left;
	margin: 0em;
	border-left: 1px solid #ccc6bc
}
ul.menugenc li{
	/*background: url(../images/fondomenuc.gif) repeat-x right top;*/
	background-color: #d6d1c8;
	list-style-type: none;
	text-align: left;
	padding: 0.2em;
	margin: 0em 0em 0.2em 0em;
	color: #9b1d1d;
}
ul.menugenc li a{
	display: block;
	color: #9b1d1d;
	/*text-decoration: underline;*/
	font-weight: normal;
	background-color: transparent!important;
}
ul.menugenc li a:hover{
	color: #c03434
}
ul.menugencg li a{
	background-color: #c7c1b7!important
}
ul.menubanners{
	margin: 0em;
	padding: 0em 0em 0em 0em;
}
ul.menubanners li {
	list-style-type: none;
}
ul.menubanners li a{
	display: block;
	text-decoration: underline;
	width: 17.9em;
	height: 3.9em;
	 position:relative;
}

ul.menubanners a em {
/* Damos al texto del <em> el mismo tama�o total que el del enlace */
display:block;
	width: 17.9em;
	height: 3.9em;
border-bottom:0.5em solid #000;
/* Damos al texto del <em> una posici�n
absoluta de modo que sea sacado del
flujo normal y del control del enlace */
position:absolute;
top:0;
left:0;
/* Hacemos que el cursor del enlace aparezca
cuando el rat�n est� sobre el texto del <em> */
cursor:pointer!important;}

ul.menubanners a:visited em {
cursor:pointer!important;
}
ul.menubanners a:active em, ul.menubanners a:focus em {
/* Cambiamos el borde inferior y el texto
del <em> a azul en estado activo que da as�
un alternativa conveniente al borde punteado */
border-bottom:0.5em solid #00c;
color:#00c;outline:0;
/* Para los navegadores que lo entienden */}

ul.menubanners a:active, ul.menubanners a:focus {  
/* Reducimos el tama�o del enlace a cero cuando el enlace est� activo.
�Esto quita literalmente el borde punteado
que SOLAMENTE se aplica al enlace a s� mismo y no
a ninguno de los elementos que contiene
CUANDO ESOS ELEMENTOS TIENEN UNA POSICI�N ABSOLUTA! */
	width: 17.9em;
	height: 3.9em;
outline:0; /* Para los navegadores que lo entienden */
	}
.bodegames{
	background: url(../images/fondobanners.gif) no-repeat center top;
	width: 17.9em;
	height: 12.8em;
}
.bodegames p{
	width: 14.2em;
	height: 6em;
	margin: 0em 0em 0em 1.8em;
	padding-top: 1.5em;
	font-size: 0.9em;
}
a.nombrebodega{
	font-size: .89em; font-weight: normal;text-decoration: none!important; color: #323232;
	text-transform: uppercase;
	float: left;
	padding: 0.1em 0.4em 0.1em 0.4em;
}
.imagenbodega{
	padding: 0.4em;
	float: left;
}
/*.bodegames a{
	background: url(../images/fondobanners.gif) no-repeat center top;
	width: 17.9em;
	height: 7.7em!important;
	display: block
}*/
.ofertasemana{
	background: url(../images/bannerofertasemana.gif) no-repeat center top;
	width: 17.9em;
	height: 4.4em;
	margin: 0.2em 0em 0em 0em;
	text-indent: -4000em;
}

.diezmasvendidos{
	background: url(../images/bannerdiezvendidos.gif) no-repeat center top;
	width: 17.9em;
	height: 4.4em;
	margin: 0.5em 0em 0em 0em;
	text-indent: -4000em;
}
.imagenbanners{
	padding: 0.5em!important;
	border: 1px solid red
}
.envioregalo{
	background: url(../images/bannerenvioregalo.gif) no-repeat center top;
	width: 17.9em;
	height: 4.4em;
	margin: 0.2em 0em 0em 0em;
	text-indent: -4000em;
}
.enlaces{
	background: url(../images/bannerenlaces.gif) no-repeat center top;
	width: 17.9em;
	height: 4.4em;
	margin: 0.2em 0em 0em 0em;
	text-indent: -4000em;
}
ul#listadogeneral{
	margin: 0em 0em 1.5em 1em;
	padding: 0em;
	
}
.clear{clear:both;}
ul#listadogeneral li{
	margin: 0.2em 0em 0.2em 1em;
	padding: 0em 0em 0.4em 0em;
	list-style-image: url(../images/li.gif);
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight: bold;
	color: #8f8064
}
ul#listadogeneral li a{
	font-weight: bold;
	color: #8f8064;
	padding: 0.5em 0em 0.5em 0em
}
.categorizacion a{
background-color: #9b1d1d;
color: #efe8da
}
/************************************** Para pie
***************************************************/
#pie{
     min-height:3.5em;
	  height: auto;
     margin:-50px 0 0 0;
	  /*background: url(../images/fondopixelpie.gif);*/
	  /*background: url(../images/iconopies.gif) no-repeat left bottom;*/
	  /*background-color: #b80000;*/
	  background: url(../images/iconopies.gif) no-repeat left bottom;
	  color: #eaeaea;
	  padding: 2em 0em 0em 9em;
	  letter-spacing: 0.1em;
	  z-index: 2;
	  position: relative;
}
#pie p{
	font-size: .75em;
	z-index: 2;
	position: relative;
}
#pie a{
	font-weight: bold;
	color: #FFF;
}
#pie a:hover{
	color: #d1cbc0;
	font-weight: bold
}


/************************************** Para varios
***************************************************/
p{
	margin: 0px;
	letter-spacing: 0.01em;
	padding: 0.2em 0em 0.2em 0em;
	font-weight: normal;text-decoration: none;
	font-size: 1.1em;
}
a{
	font-weight: normal;text-decoration: none; color: #8b7d69/*7d7973*/;
}
a:hover{
	text-decoration: underline!important; color: #b51a1a;
}
a.enlacetextoficha{
	color: #323232;
	font-weight: bold;
	font-size: 1em;
	text-transform: uppercase;
	padding: 1.7em 1.7em 1.7em 1.7em
}
a:hover.enlacetextoficha{
	color: #bb0f0e;
}
.inicio{
	color: #b51a1a!important;
	font-weight: bold;
	font-size: 0.9em;
	text-transform: uppercase;
	padding: 0.4em 0em 0em 0em
}
.productos{
	color: #b51a1a!important;
	font-weight: bold;
	font-size: 0.9em;
	text-transform: uppercase;
	padding: 0.4em 0em 0em 0em
}
.bannerdinamico{
	text-align: left;
	margin: 0.8em 0em 0.8em 1.4em;
	float: left
}
.precio{
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-size: 1.5em;
	color: #991717;
	font-weight: normal;
	background-color: #f2ebd1;
	padding: 0.1em 0.2em 0.1em 0.2em;
	font-weight: bold;
}
.precioClub{
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-size: 1.5em;
	color: #f2ebd1;
	font-weight: normal;
	background-color: #991717;
	padding: 0.1em 0.2em 0.1em 0.2em;
	font-weight: bold;
}
.preciotachado{
	text-decoration: line-through;
	color: #000;
	font-size: 1.8em;
	font-weight: bold;
	font-family:monospace  ;
}
.sinborde{
border: none
}
.float {
	float: left;
	padding-right: 1em
}

.imagenficha{
	margin: 0.2em;
	float: left;
	border: 1px solid red
}
.subtit{
font-weight: normal;text-decoration: none; color: #8b7d69/*7d7973*/;font-size: 1.1em;
}
h3.titulacategoria{
font-weight: bold;text-decoration: none; color: #b76565;font-size: 1.3em;
text-transform: uppercase;
}
h3.titulacategorias{
font-weight: bold;text-decoration: none; color: #FFF!important;font-size: 1.3em;
text-transform: uppercase;
background-color: #b5201f
}

/************************************** Para fichas de la home centrales
*************************************************************************/
#ofertadlasemana, #novedad, #recomendacion, #diezvendidos{
	min-height: 14em!important;
	height: auto
}
#ofertadlasemana{
	background: url(../images/imagenofertadlasemana.gif) no-repeat left top;
	/*width: 17.3em;*/
	width: 44%;
	padding: 3em 0.2em 0.2em 2em;
	margin: 0.2em 0.2em 0.2em 0.2em;
	float: left;
	border-right: 1px solid #df9380;
	border-bottom: 1px solid #df9380;
	text-align: left;
}
#ofertadlasemana img{
	float: right;
	padding: 0.2em;
	margin: 0.3em
}
#novedad{
	background: url(../images/imagennovedad.gif) no-repeat left top;
	/*width: 17.3em;*/
	width: 44%;
	min-height: 10em;
	padding: 3em 0.2em 0.2em 2em;
	margin: 0.2em 0.2em 0.2em 0.2em;
	float: left;
	border-right: 1px solid #cec8bd;
	border-bottom: 1px solid #cec8bd;
	text-align: left;
}
#novedad img{
	float: right;
	padding: 0.2em;
	margin: 0.3em
}
#recomendacion{
	background: url(../images/imagennuestrarecomendacion.gif) no-repeat left top;
	/*width: 17.3em;*/
	width: 44%;
	padding: 3em 0.2em 0.2em 2em;
	margin: 0.2em 0.2em 0.2em 0.2em;
	float: left;
	border-right: 1px solid #cec8bd;
	border-bottom: 1px solid #cec8bd;
	text-align: left;
}
#recomendacion img{
	float: right;
	padding: 0.2em;
	margin: 0.3em
}
#diezvendidos{
	background: url(../images/imagenlosdiezmasvendidos.gif) no-repeat left top;
	/*width: 17.3em;*/
	width: 44%;
	padding: 3em 0.2em 0.2em 2em;
	margin: 0.2em 0.2em 0.2em 0.2em;
	float: left;
	border-right: 1px solid #cec8bd;
	border-bottom: 1px solid #cec8bd;
	text-align: left;
}
#diezvendidos img{
	float: right;
	padding: 0.2em;
	margin: 0.3em
}
#fichas{
	float: left;
	width: 90%;
	border: 1px solid #d9d5cd;
	background-color: #faf7f2;
	text-align: left!important;
	padding: 0.5em
}
.imagenparanovedad{
	float: left;
	width: 100%!important;
	border: 1px solid red
}
#fichas img{
	float: left;
	margin: 0.5em 0.5em 0.5em 0em;
	padding: 0.2em;
}
.datosficha{
	float: left;
	font-size: 0.9em!important;
	width: 70%
}
#recomendacion img{
	float: right
}
.imagennoticia{
	float: right;
	padding-left: 0.2em
}

/************************************** Estilos para Formulario Accesible
***************************************************************************/
	input {
		border:solid #a91916 1px;
		padding:0.25em;
		color: #7f571b
	}
	fieldset {
		width: 90%;
		border: 1px solid #e1dace;
		margin: 0 auto
	}
	legend{
		font-size: 1em;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		color: #a91916
	}
	/* Alinear labels a la izquierda de los campos */
	label {
		float:left;
		width:10em;
		text-align:right;
		margin-right:0.5em;
		padding:0.25em;
		font-size: 1em;
		letter-spacing: 0.1em;
		color: #a91916
	}
	select{
		color: #a91916;
	}
	#opcionales {
		width:auto;
	}
	#opcionales label {
		width:9em;
	}
	#botonera {
		padding-left:11em;
	}
	#botonera input {
		border: solid #dbc8ac 1px;
		padding:0.2em;
		text-transform:capitalize;
		background-color: #bd9e6f;
		color: #3d2809
	}
	#botonera .submit {
		padding: 0.2em 3em;
		color: #3d2809;
		background-color: #bd9e6f
	}
	textarea{
		width: 50%;
		border:solid #a91916 1px;
		padding:0.25em;
		color: #7f571b;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.1em
	}
	
	.pruebadepie{
	background: url(../images/iconopies.gif) no-repeat left bottom;
	position:absolute;
	left:0;
	bottom:0;
	width: 100%;
	height: 4em
	}
	

/*********************************** Estilos para tablas
***********************************************************/
ol
{
	margin:0;
	padding: 0 1.5em;
}

table
{
	color:#FFF;
	background:#b31f20;
	border-collapse:collapse;
	width:100%;
	border:5px solid #900;
 	font-size:1.1em;
	text-align: left;
}
.tablanueva
{
	color:#000;
	background:transparent;
	border-collapse:collapse;
	width:100%;
	border:1px solid #900;
 	font-size:1.1em;
	text-align: left;
}

thead {}

thead th
{
	padding:1em 1em .5em;
 	border-bottom:1px dotted #FFF;
 	font-size:1.2em;
 	text-align:left;
}

thead tr {}

td{padding:.5em 1em;}

tbody tr.odd td
{background: transparent url(../images/tr_bg.png) repeat top left;}

tfoot{}

tfoot td{padding-bottom:1.5em;}

tfoot tr{}

* html tr.odd td
{background:#b31f20;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='tr_bg.png', sizingMethod='scale');}

#middle {background-color:#990000;}

/********************** estilo para reemplazar boton de buscador
********************************************************************/

#replacement-1 {
  width: 2.6em;
  height: 1.7em;
  margin: 0;
  padding: 0.2em 0em 0em 0em;
  border: 0;
  background: transparent url(../images/icolupa.gif) no-repeat center top;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

html>body #replacement-1 {
  width: 2em;
  height: 1.8em;
  margin: 0;
  padding: 0em 0em 0.2em 0em;
}
.fondobuscador{
background-color: #edebe6;
}
.noticiaparrafo{
	padding: 0.4em!important;
	font-size: 0.89em;
	text-align: left
}
.titularnoticiass{
	font-size: 0.89em;
	width: 90%
}
.bloquenotis{
	width: 70%;
	float: left
}
.peke{
	font-size: 0.7em
}
.kk{
	padding: 0em!important;
	/*border: 1px solid red;*/
	margin: 0em
}
.flotandotextos{
	float: left; 
	/*width: 45%*/
}


/*************************** Estilos para la transparencia del banner de home
******************************************************************************/

.tinytableopacity    {
FONT-SIZE: small;
FONT-FAMILY:sans-serif;
background: transparent;
float: left;
width: 180px;
height: 100px;
margin: 1em 0.2em 0.2em 0.2em;
padding: 0.2em;}

h3.tinytableopacity {
color: #FFF;
margin: 0em;
padding: 0em;
width: 100px;
z-index: 2!important;
}

.tinytableopacity TD {
border:none;
FONT-SIZE: small;
FONT-FAMILY: sans-serif;
filter:alpha(opacity=65);
-moz-opacity:.65;
opacity:.65;
cursor: pointer;
}

/***************************************** Estilo de texto en blanco para enlaces
********************************************************************************/
.enlaceblanco{
	color: #fff!important
}

/********************* Estilo para el enlace de consulta a Enologo
*****************************************************************/
.consultaenologo{
	float: left;
	width: 100%;
}

/******************** Estilopara bajar tarjetas de home
*********************************************************/
.tarjetero{
	float: left; 
	margin: 0.5em 0em 0em 0.4em;
}

a.negrita {
	font-weight: bold!important;
	font-size: 1.1em;
	color: #FFF;
	background-color: #b80000;
	padding: 0.3em;
	margin: 0.2em
}

/************************** Estilos para el banner dinamico de la home
***********************************************************************/
p.texto{
	padding:1em;
	margin: 0em;
	text-align: center;
	font-weight: bold!important;
	z-index: 2!important;
	position: absolute;
	cursor: pointer;
	width:12.5em;
	height:8em;
	font-size: 1em!important
}
.enlace{
	padding:0em;
	width:13.5em;
	height:8em;
	color:#FFF!important;
	background-color:#b80000;
	margin-right:0em;
	border: 0.4em solid red!important;
	cursor: pointer;
	filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;
	z-index: 1!important;
	position: relative
}
a.enlacebaner {
	color: #cfc9bd!important
}

/******************************* Para resumen web
**************************************************/

p.resumenhome{
	padding: 1em 0.7em 0.5em 0.5em;
	font-size: 1.1em;
	font-weight: normal;
	color: #8f8064;
	width: 50%!important;
	float: left!important;
}
.resumenhomered{
	padding: 1em 0.5em 0.5em 0.5em;
	font-size: 1.1em;
	font-weight: bold;
	color: #b80000
}

.descripcionoticia{
	width: 74%;
	cursor: hand
}
.pago{
	font-size: 1em;
	padding-top: -1em!important;
	letter-spacing: 0em!important;
	height: 3em!important
}

/***** estilo para qweb *******/

.qweb{
width: 15em!important;
float: right;
text-align: center;
margin: 0.5em 1em 0.5em 0.5em
}