/*
----------------------------------------------------------------
	G E N E R A L
---------------------------------------------------------------- */
body{
	background: #FAFAF8 url(img/pagina-fondo.gif) repeat-x left top;
	font: 13px/140% Georgia, "Times New Roman", Times, serif;
	color: #464226;
	text-align:center;
	margin:0 auto;
}
p, li, td, th, blockquote{
	font: 13px/140% Georgia, "Times New Roman", Times, serif;
}
body.interior{
	background: #FAFAF8 url(img/pagina-fondo-interior.gif) repeat-x left top;
}
img{
	border:0;
}
ul{
	margin: 0 0 1em 0em;
	padding: 0;
	list-style-type: none;
}
ul li{
	background: url(img/vineta-normal.gif) no-repeat 0 0.4em;	
	padding-left:18px;
	margin-bottom:.7em;
	line-height:140%;
}
ul ul{
	margin-top:1em;
}
strong{
	color:#000;
}
body.interior #Secundario strong{
	color:#fff;
}
a{
	color:#464226;
	text-decoration:underline;
}
a:hover{
	color:#9E0307;
	text-decoration:none;
}

p, h1, h2, h3{
	margin-top:0;
}

h1{
	font:normal 25px Georgia, "Times New Roman", Times, serif;
	color:#6F0408;
	margin-bottom: .6em;
}
h2{
	font:bold 15px Georgia, "Times New Roman", Times, serif;
	margin-bottom:1em;
	color:#857E47;
}
h2.conFondo{
	background: url(img/lateral-titulo-fondo.gif) no-repeat left top;
	padding-top:25px;
}
h2.tituloPortada{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	border-bottom:1px solid #857E47;
	margin-bottom:10px; 
	padding-bottom:4px;
	color:#857E47;
	letter-spacing:1px;
	text-transform:uppercase;
}
table{
	width:100%;
	margin-bottom:25px;
}
td, th{
	font-size:11px;
	padding:3px 8px;
	border-bottom: 1px solid #DFDCC4;
	text-align:left;
}
thead th{
	background:#DFDCC4;
	color:#000;
}
tbody th{
	color:#000;
}


/*
----------------------------------------------------------------
	L A Y O U T
---------------------------------------------------------------- */
#Contenedor{
	position:relative;
	text-align:left;
	margin: 0 auto;
	width:900px;
	
}
body.interior #Contenedor{
	background: url(img/lateral-fondo.gif) repeat-y right top;	
}
body.interior #Contenedor .wrapper{
	background: url(img/lateral-top-interior.jpg) no-repeat right top;	
}
body.interior #Contenedor .wrappersimple{
	background: url(img/lateral-top-interior-simple.jpg) no-repeat right top;	
}

body.interiorNewsletter #Contenedor{
	background:none;
}
body.interiorNewsletter #Contenedor .wrapper{
	background:none;
}

#Encabezado{
	position:relative;
	height:287px;
}
body.interior #Encabezado{
	height:120px;
}
#Pie{
	position:relative;
	height:150px;
	clear:both;
}
body.interior #Pie{
	background: url(img/lateral-bottom.jpg) no-repeat right bottom;	
}

#LogoHanna{
	position:absolute;
	top:50px;
	left:700px;	
}
body.interior #LogoHanna{
	top:60px;
}

#Uvas{
	position:absolute;
	top:0px;
	left:45%;
}

#Slogan{
	position:absolute;
	top:68px;
	left:0px;
}

body.interior #Uvas{
	position:absolute;
	top:20px;
	left:0px;
}
body.interior #Slogan{
	position:absolute;
	top:55px;
	left:246px;
}


#Principal{
	width:550px;
	float:left;
}
body.interior #Principal{
	width:630px;
	float:left;
}
#Secundario{
	width:330px;
	float:right;
	padding-top:20px;
}

body.interior #Secundario{
	width:190px;
	float:right;
	margin-right:20px;
	padding-top:70px;
}
body.interior #Secundario{
	padding-top:110px;
}
#Contenido{
	padding-top:20px;
	padding-left:5px;
}

body.interior #Secundario li, body.interior #Secundario p{
	font-size:12px;
}
body.interior #Secundario h2{
	color:#fff;
	font-size:11px;
}
body.interior #Secundario, body.interior #Secundario a{
	color:#E0C0C1;
}
body.interior #Secundario ul li{
	background: url(img/vineta-lateral.gif) no-repeat 0 0.4em;	
}

/*
----------------------------------------------------------------
	N A V E G A C I O N
---------------------------------------------------------------- */
div.breadcrumbs{
	font-size:10px;
	margin-bottom:10px;
}


ul#NavBar li{
	float:left;
	margin-right: 10px;
	border-right:1px solid #857E47;
	background:none;
	padding:0 10px 0 0px;
	line-height:1em;
}
ul#NavBar li.ultimo{
	margin-right: 0px;
	padding-right:0px;
	border-right: none;
}
ul#NavBar li a{
	font:bold 11px Georgia, "Times New Roman", Times, serif;
	color:#857E47;
}

body.interior ul#NavBar li{
	float:right;
	margin-right: 10px;
	border-right:1px solid #857E47;
	background:none;
	padding:0 10px 0 0px;
	line-height:1em;
}
body.interior ul#NavBar li.primero{
	margin-right: 0px;
	padding-right:0px;
	border-right: none;
}



#Encabezado ul#NavBar{
	position:absolute;
	width:400px;
	top:20px;
	left:0px;
}
body.interior #Encabezado ul#NavBar{
	left:550px;
}

/*
----------------------------------------------------------------
	B L O Q U E S
---------------------------------------------------------------- */
.hometoppromo{
	position:absolute;
	/*top:185px;*/
	top:175px;
	left:0px;
	color:#E0C0C1;
	margin:0; padding:0;
	padding-right:200px;
	padding-left:0px;
}
.hometoppromo{
	font-size:13px;
	line-height:170%;
	color:#E0C0C1;
	border:none;
	vertical-align:top;
}
.hometoppromo strong{
	color:#fff;
}
.promoVideoPortada{
	background:#Fff;
	padding:4px 4px 4px 4px;
	margin-bottom:10px;
	border:1px solid #D3CFAF;
}
.ofertasPortada{
	padding-top:5px;
}
.ofertasPortada img{
	margin-bottom:10px;
	border-bottom:1px solid #DEDFCE;
	padding-bottom:10px;
}
.ofertasPortada a{
	font-size:11px;
	display:block;
	text-align:right;
}

.thumbProducto{
	width:150px;
	border:1px solid #DCD9BF;
	padding:4px;
	background:#fff;
	float:right;
	margin:0 0 10px 10px;
}
.thumbProducto img.thumb{
	margin-bottom:10px;
}
.thumbProducto p{
	margin:0;
	font-size:10px;
	background:#F2F1E8;
	text-align:center;
}

.destacadoLateral{
	font-size:23px;
	line-height:1.1em;
	margin-bottom:.6em;
	color:#fff;
}


table.portadaProductos{
	margin-bottom:20px;
	border-spacing:10px;
}
table.portadaProductos img{
	padding:0 5px 3px 5px;
}
table.portadaProductos td, table.portadaProductos th{
	padding:0;
	border-bottom:none;
}

table.portadaProductos th{
	width:120px;
	color:#000;
	font-weight:bold;
	font-size:11px;
	border-right:1px solid #857E47;
}

table.portadaProductos td p{
	font-size:11px;
	margin-bottom:7px;
}


div.experto{
	margin-bottom:20px;
}

body.interior #Secundario div.experto img{
	margin:0 5px 10px 0;
	border: 3px solid #A83539;
}
body.interior #Secundario div.experto p.nombre{
	font-size:18px;
	line-height:1;
	margin-bottom:5px;
}
body.interior #Secundario div.experto a{
	color:#fff;
}



#Pie div{
	position:absolute;
	top:25px;
	left:5px;
	width:100%;
	background:url(img/separador-pie.gif) repeat-x left top;
	padding-top:20px;
}
body.interior #Pie div{
	width:490px;
}

#Pie div p{
	line-height:100%;
	margin-bottom:.5em;
	color:#8A8876;
}
#Pie div p.creditos{
	font-size:11px;
	margin-top:15px;
	display:none;
}

body.interiorNewsletter #Pie{
	background:none;
}
body.interiorNewsletter #Pie div{
	width:100%;
	background:url(img/separador-pie.gif) repeat-x left top;
}
body.interiorNewsletter #LogoHanna{
	display:none;
}


p.resumen{
	color:#000;
	font-size:11px;
}

hr.separador{
	margin-bottom:10px;
}

img.imgNoticia{
	float:right;
	margin:0 0 10px 10px;
	padding:3px;
	border:1px solid #DCD9BF;
}

div.ImgIzq{
	width:150px;
	float:left;
	margin:10px 10px 5px 0;
}
div.ImgDer{
	width:150px;
	float:right;
	margin:10px 0 5px 10px;
}
div.ImgIzq p, div.ImgDer p{
	font-size:10px;
	text-align:center;
	margin:0;
}
div.ImgIzq img, div.ImgDer img{
	border:1px solid #DCD9BF;
}

p.continuar{
	font-size:11px;
	margin-top:15px;
	color:#880307;
}
p.continuar a{
	color:#880307;
}

ul.noticias li{
	font-size:11px;
}
ul.noticias li h5{
	font-size:11px;
	font-weight:normal;
	margin-bottom:5px;
}
ul.noticias li a:hover{
	text-decoration:underline;
}
ul.noticias li p{
	font-size:11px;
}

ul.noticias img{
	float:left;
	margin:0 5px 2px 0;
	border:1px solid #DCD9BF;
	padding:3px;
}
ul.noticias li.destacado:after { content: ".";	display:block;	height:0;	clear:both;	visibility:hidden; } 
ul.noticias li.destacado{
	background:none;
	padding-left:0;
	border-bottom:1px solid #DEDCCE;
	padding-bottom:10px;
}
ul.noticias li.destacado h5{
	color:#000;
	font-weight:bold;
	font-size:13px;
}
ul.noticias li.destacado h5 a{
	color:#9E0307;
}
ul.noticiasListado li{
	background:none;
	padding-left:0;
	border-bottom:1px solid #DCD9BF;
	padding-bottom: 10px;
}
ul.noticiasListado li:after { content: ".";	display:block;	height:0;	clear:both;	visibility:hidden; } 
ul.noticiasListado li h5{
	font-size:13px;
	font-weight:bold;
	margin-left:90px;
	margin-bottom:5px;
}
ul.noticiasListado li h5 a{
	font-weight:bold;
	color:#000;
}

ul.noticiasListado  li p{
	font-size:11px;
	color:#666666;
	margin-left:90px;
}


div.documentos{
	border-bottom:1px solid #DCD9BF;
	padding:3px 0;
	margin-bottom: 20px;
	width:315px;
}
div.documentos a{
	background: url(img/pdf-icono-normal.gif) no-repeat left top;
	padding-left:20px;
	font-size:11px;
	font-weight:bold;
	color:#807D6A;
	text-decoration:none;
}
div.documentos a:hover{
	background: url(img/pdf-icono-hover.gif) no-repeat left top;
	color:#464226;
}


/*
----------------------------------------------------------------
	F O R M U L A R I O S
---------------------------------------------------------------- */
#formContacto{ display:block; }
#formContacto label{
	font-weight:bold;
	display:block;
	width: 100px;
	float:left;
}
#formContacto p{
	clear:both;
}

input, textarea{
	font: 11px/140% Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #A49B5B;
	background:#fff;
	padding:3px;
}
input:focus, textarea:focus{
	border:1px solid #000;
}
#BotonSubmit{
	margin-left:100px;
	border:none;
}
/*
----------------------------------------------------------------
	LIGHTBOX
---------------------------------------------------------------- */
#lightbox{
	background-color:#F3F2EA;
	padding: 10px;
	border-bottom: 2px solid #B6AE78;
	border-right: 2px solid #B6AE78;
	}
#lightboxDetails{
	font-size: 0.9em;
	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(/lightbox/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/lightbox/overlay.png", sizingMethod="scale");
	}