@charset "utf-8";

/* Estilos de Estructura de Pérez Barquero - MAFH*/

.sinborde  {border:0px;}



.contenedor_ppal{

	width: 970px;

	margin: 0px auto;

	padding: 0px;

	background-color: #fff;

	border: 1px solid #222;

}



.cabecera{

	width:100%;

	height: 157px;

	background-image:url(../imagenes/fondoCabecera.gif);

	background-position:top left;

	background-repeat:no-repeat;

	border-bottom: 2px solid #222;

	margin: 0px 0px 2px 0px;

}

	



	.logo img{

		margin: 10px 0px 0px 30px;

		float:left;

	}

	

	.grupo{

		float:right;

		margin: 20px 30px 0px 0px;

		padding: 0px;

		width: 340px;

		text-align:right;

		font-size: 1.2em;

	}

	

		.grupo h5{width:auto; white-space:nowrap; }

		.enlacesgrupo {width: 130px; float:right; text-align:left; margin: 0px 0px 2px 0px; white-space:nowrap; line-height:15px;}

		.enlacesgrupo a:link{font-weight:normal;}

		.enlacesgrupo a:visited{font-weight:normal;}

		.enlacesgrupo a:active{font-weight:normal;}

		.enlacesgrupo a:hover{font-weight:normal;}

	

	.navegacion{

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		float:right;

		font-size:1.1em;

	}

		.navegacion li{

			position:relative;

			background-image:url(../imagenes/fondonav.jpg);

			background-repeat:repeat-x;

			background-position:center;

			border: 1px solid #957507;

			margin: 0px 0px 3px 2px;

			padding: 4px 7px 4px 7px;

		}

		

		.navegacion li.on{background-image:url(../imagenes/fondonavOn.gif);}

		

		.navegacion li.primero{

			background-image: url(../imagenes/cononav.gif);

			background-position:bottom left;

			padding: 5px 3px 5px 40px;

			border:none;

			border-right:1px solid #957507;}

			

		.navegacion li.primeroOn{

			background-image: url(../imagenes/cononavOn.gif);

			background-position:bottom left;

			padding: 5px 3px 5px 40px;

			border:none;

			border-right:1px solid #957507;

		}

			

		.navegacion li.ultimo{padding: 4px 30px 4px 7px;}

		

.contenedor{

	width: 100%;

	height: 483px;

	background-position:top left;

	background-repeat:no-repeat;

	border-top: 16px solid #e9bb03;

	border-bottom: 4px solid #000;

}



.contenidoPresentacion{float:right; width:430px; margin: 25px 20px 0px 0px;}

.contenidoPresentacion h5{padding: 0px 0px 0px 60px; margin: 5px 80px 0px 0px;}

.contenido{

	float:right;

	background-position:top right;

	background-repeat:no-repeat;

	height: 337px;

	width:577px;

	z-index:2;

	position:relative;

}

 	

	.contenido img{ margin: 60px 0px 0px 0px;}

	.contenido h5{padding: 0px 0px 0px 60px; margin: 30px 80px 0px 0px;}

	.contenido ul{margin: 0px 0px 0px 40px; padding: 2px 0px;}

	.contenido li{margin: 0px; padding: 0px 5px; border-left: 1px solid #943d00;}

	.contenido li:first-child{border:none;}

	.contenido li a:link{color:#943d00;}

	.contenido li a:active{color:#943d00;}

	.contenido li a:visited{color:#943d00;}

	.contenido li.sinborde {border:0px;}

	.contenido li.actual{padding: 0px 5px 0px 10px;}

	

.btnvideo{width:130px; margin: 0px; padding: 0px; height:22px; float: right; position:relative; text-align:right;}

.btnvideo a img{margin: 5px 0px; padding: 0px;}

.ventanaVideo{position:relative; float: right; margin: 20px 100px 20px 0px;}



.subseccion{

	background-image:url(../imagenes/fondoSubseccion.jpg);

	background-position:top left;

	background-repeat:repeat-y;

	background-color:#FFFFFF;

	width: 120px;

	text-align:left;

	margin: 5px 0px;

	position:absolute;

	z-index:100;

}

	.subseccion ul{ margin: 0px; padding: 3px 10px 7px 10px;}

	.subseccion li{

		display:block;

		padding: 3px 10px;

		margin: 0px;

		border-left: none;

		border-right: none;

		border-bottom: none;

		border-top: 1px dashed #943d00;

	}

	

	

	.actual { background-image:url(../imagenes/actual.gif); background-position:center left; background-repeat:no-repeat;}

	

.menufotos{float:right; margin: 0px 30px 0px 0px; font-size: 1.1em;}

	.menufotos a.actual{color:#E9BB03; background:none;}

	.menufotos a:hover{color:#E9BB03;}

	

	.fondoVisitas .menufotos a:link{color: #dedede;}

	.fondoVisitas .menufotos a.actual{color:#E9BB03; background:none;}

	.fondoVisitas .menufotos a:hover{color:#E9BB03;}


	.fondoPremios .menufotos a:link{color: #dedede;}

	.fondoPremios .menufotos a.actual{color:#E9BB03; background:none;}

	.fondoPremios .menufotos a:hover{color:#E9BB03;}


.texto{

	float:right;

	width:633px;

}

	.texto img{margin: 0px 20px 0px 0px; float: left;}

	.txt{margin: 18px 0px 0px 0px; width: 350px; padding: 5px; height: 100px;float: left; overflow:auto;}



.pie{

	background-image:url(../imagenes/fondoPie.gif);

	background-position:top left;

	background-repeat:no-repeat;

	padding: 15px 10px 10px 15px;

}



	.pie h6{float: left;}



/*======================================================================================================================================*/

/*	  												   P R O D U C T O S 																*/

/*======================================================================================================================================*/

.fondoProductos{

	background-image:url(../imagenes/fondoProductos.jpg);

	background-color:#E6E2D6;

}

#DOMM{left:20px;}



	.productos{background-image:url(../imagenes/productos.jpg);}

	

.fondoJovenes{background-image:url(../imagenes/fondoJovenes.jpg);}

.fondoFinos{background-image:url(../imagenes/fondoFinos.jpg);}

.fondoBrandys{background-image:url(../imagenes/fondoBrandys.jpg);}

.fondoVinagres{background-image:url(../imagenes/fondoVinagres.jpg);}

.fondoVermouth{background-image:url(../imagenes/fondoVermouth.jpg);}

.fondoEspirituosos{background-image:url(../imagenes/fondoEspirituosos.jpg);}

.fondoTintos{background-image:url(../imagenes/fondoTintos.jpg);}



.contProductos{

	background-image:url(../imagenes/barquero.gif);

	background-position:bottom left;

	background-repeat:no-repeat;

	height: 483px;

	width: 535px;

	margin: 0px;

	padding: 0px;

	float: right;

}	



	.contProductos h5{padding: 0px 0px 0px 60px; margin: 30px 80px 0px 0px; width:270px;}

	.contProductos ul.menu{

		background-image: url(../imagenes/fondoMenu.jpg);

		background-position:left;

		background-repeat:repeat-y;

		border-bottom:1px solid #333;

		padding: 2px 0px;

		margin-left: 0px; !important

	}

		.menu li{margin: 0px; padding: 0px 5px; border-left: 1px solid #943d00;}

		.menu li:first-child{border:none;}

		.menu li a{color:#943d00;}

		.menu li.sinborde {border:0px;}

		

	.productosIzquierda{

		width:160px;

		height:450px;

		float:left;

		text-align:center;	

		/*border:1px solid #333;*/

	}

	

		.productosIzquierda a img{margin: 5px; float: left;}

		.productosIzquierda a img:hover{margin: 4px; float: left; border: 1px solid #333;}

	

		.productosIzquierda h3{color: #777; border-bottom: 1px dashed #999; font-size: 1.2em; font-weight:bold; margin: 10px 0px;}

	

	.productosDerecha{

		background-color:#fff;

		float: right;

		/*border:1px solid #333;*/

		width: 370px;

	}

	

		

		.ficha{

			background-image:url(../imagenes/fondoFicha.jpg);

			background-position:top center;

			background-repeat:no-repeat;

			width:354px ;

			height:297px ;

			margin: 20px 10px 0px 0px;

		}

		

			.ficha h4{color:#943D00; padding: 5px 0px 10px 15px; font-weight: bold; text-transform:uppercase; font-size:1.3em; width: 60%;}

			.ficha img{float: right; margin: 0px; padding: 0px;}

			.ficha h5{width: 210px; text-align:left; margin: 0px; padding: 0px 3px 0px 40px; height:230px; overflow:auto; }

		

		.enlaces{ margin: 10px 0px 0px 7px; text-align:left; font-size:0.9em; text-align:center;}

			.enlaces a:link{color:#943D00; font-weight:bold;}

			.enlaces a:active{color:#943D00; font-weight:bold;}

			.enlaces a:visited{color:#943D00; font-weight:bold;}

			.enlaces a:hover{color:#333; font-weight:bold;}

		

		.ideal{width: 330px; height: 80px; float:right; margin: 20px 10px 0px 0px; overflow:auto;}	

/*======================================================================================================================================*/

/*														I M A G E N E S 																*/

/*======================================================================================================================================*/

.oculto{display:none;}

.blanco{color: #fff;}

/* FONDO*/

.presentacion{

	background-image:url(../imagenes/fondoPresentacion.jpg);

	background-color:#FFFFFF;

}



.nuestrasVinas{

	background-image:url(../imagenes/fondoNuestrasVinas.jpg);

	background-color:#F6E6D0;

}



.fondoViduenos{

	background-image:url(../imagenes/fondoViduenos.jpg);

	background-color:#F6E6D0;

}

		.viduenos{background-image:url(../imagenes/viduenos.jpg);}

		

.fondoUvaTinta{

	background-image:url(../imagenes/fondoUvaTinta.jpg);

	background-color:#F6E6D0;

}

		.uvaTinta{background-image:url(../imagenes/uvaTinta.jpg);}



#estaciones{left:250px;}

#variedades{left: 185px;}

	

		.vinas{background-image:url(../imagenes/vinas.jpg);}

		.tierra{background-image:url(../imagenes/tierra.jpg);}

		.clima{background-image:url(../imagenes/clima.jpg);}

		.variedades{background-image:url(../imagenes/variedades.jpg);}

		.primavera{background-image:url(../imagenes/primavera.jpg);}

		.verano{background-image:url(../imagenes/verano.jpg);}

		.otono{background-image:url(../imagenes/otono.jpg);}

		.invierno{background-image:url(../imagenes/invierno.jpg);}

		

.vendimia{

	background-image:url(../imagenes/fondoVendimia.jpg);

	background-color:#F6E6D0;

}



	

.vendimia2{

	background-image:url(../imagenes/fondoVendimia2.jpg);

	background-color:#F6E6D0;

}

	

	.elavoracion{background-image:url(../imagenes/elavoracion.jpg);}

	.elavoracion2{background-image:url(../imagenes/elavoracion.jpg);}

	.elavoracion3{background-image:url(../imagenes/elavoracion.jpg);}

	

	.recoleccion{background-image:url(../imagenes/recoleccion.jpg);}

	.recoleccion2{background-image:url(../imagenes/recoleccion2.jpg);}

	.recoleccion3{background-image:url(../imagenes/recoleccion3.jpg);}

	.recoleccion4{background-image:url(../imagenes/recoleccion4.jpg);}



.fondopasera{

	background-image:url(../imagenes/fondoPasera.jpg);

	background-color:#fff;

}



	.pasera{background-image:url(../imagenes/pasera.jpg);}

	.pasera2{background-image:url(../imagenes/pasera2.jpg);}

	.pasera3{background-image:url(../imagenes/pasera3.jpg);}



.fondomosto{	

	background-image:url(../imagenes/fondoMosto.jpg);

	background-color:#F8E8D1;

}

	.mosto{background-image:url(../imagenes/mosto2.jpg);}

	.mosto2{background-image:url(../imagenes/mosto3.jpg);}



.fondofermentacion{	

	background-image:url(../imagenes/fondoFermentacion.jpg);

	background-color:#F8E8D1;

}	

	.fermentacion{background-image:url(../imagenes/fermentacion.jpg);}

	.fermentacion2{background-image:url(../imagenes/fermentacion3.jpg);}

	.fermentacion3{background-image:url(../imagenes/fermentacion2.jpg);}



.fondodeslio{	

	background-image:url(../imagenes/fondoDeslio.jpg);

	background-color:#F8E8D1;

}	

	.deslio{background-image:url(../imagenes/deslio.jpg);}

	.deslio2{background-image:url(../imagenes/deslio.jpg);}

	.deslio3{background-image:url(../imagenes/deslio.jpg);}

	

.fondoBodega{

	background-image:url(../imagenes/fondoBodega.jpg);

	background-color:#000;

	color: #fff;

}

	.crianza{background-image:url(../imagenes/crianza.jpg);}



.fondoBodega2{

	background-image:url(../imagenes/fondoBodega2.jpg);

	background-color:#F6E6CF;

}



.fondoSoleras{

	background-image:url(../imagenes/fondoSoleras.jpg);

	background-color:#000;

	color:#fff;

}

	.solera{background-image:url(../imagenes/solera.jpg);}



.fondoflor{

	background-image:url(../imagenes/fondoFlor.jpg);

	background-color:#F6E6CF;

}

	.flor{background-image:url(../imagenes/flor.jpg);}

	.brandy{background-image:url(../imagenes/brandy.jpg);}

	.estabilizacion{background-image:url(../imagenes/estabilizacion.jpg);}



.fondoBodegaVinagres{

	background-image:url(../imagenes/fondoBodegaVinagres.jpg);

	background-color:#F6E6CF;

}

	.vinagres{background-image:url(../imagenes/vinagres.jpg);}

	

.fondoBodegaTintos{

	background-image:url(../imagenes/fondoBodegaTintos.jpg);

	background-color:#F6E6CF;

}

	.tintos{background-image:url(../imagenes/tintos.jpg);}	

	

.fondoEmbotellado{

	background-image:url(../imagenes/fondoEmbotellado.jpg);

	background-color:#F6E6CF;

}

	

	.embotellado{background-image:url(../imagenes/embotellado.jpg);}

	.embotellado2{background-image:url(../imagenes/embotellado2.jpg);}

	.embotellado3{background-image:url(../imagenes/embotellado3.jpg);}







#crianza{left:50px;}

#preparacion{left:175px;}

	

.fondoCalidad{	

	background-image:url(../imagenes/fondoCalidad.jpg);

	background-color:#DBD7D6;

}



	.calidad{background-image:url(../imagenes/calidad.jpg);}

	.cata{background-image:url(../imagenes/cata.jpg);}

.fondoPremios{	

	background-image:url(../imagenes/fondoPremios.jpg);

	background-color:#000;

	color: #fff;

}

	.premios1{background-image:url(../imagenes/premio1.jpg);}
	.premios2{background-image:url(../imagenes/premio2.jpg);}
	.premios3{background-image:url(../imagenes/premio3.jpg);}
	.premios4{background-image:url(../imagenes/premiocorazonlatino.jpg);}
	.premios5{background-image:url(../imagenes/premiogranzarcillo.jpg);}
	.premios6{background-image:url(../imagenes/premiozarcillo.jpg);}
	.premios7{background-image:url(../imagenes/premiosoleras.jpg);}
	.premios8{background-image:url(../imagenes/premiovietnam.jpg);}		


.fondoVisitas{	

	background-image:url(../imagenes/fondoVisitas.jpg);

	background-color:#000;

	color: #fff;

}



	.visitas{background-image:url(../imagenes/visitas.jpg);}

	.visitas2{background-image:url(../imagenes/visitas2.jpg);}

	.visitas3{background-image:url(../imagenes/visitas3.jpg);}

	.comollegar{background-image:url(../imagenes/comollegar.jpg);}

	.eventos1{background-image:url(../imagenes/evento1.jpg);}

	.eventos2{background-image:url(../imagenes/evento2.jpg);}

	.eventos3{background-image:url(../imagenes/evento3.jpg);}

	.eventos4{background-image:url(../imagenes/evento4.jpg);}

	.eventos5{background-image:url(../imagenes/evento5.jpg);}

	.eventos6{background-image:url(../imagenes/evento6.jpg);}

	.eventos7{background-image:url(../imagenes/evento7.jpg);}

	.eventos8{background-image:url(../imagenes/evento8.jpg);}

	.eventos9{background-image:url(../imagenes/evento9.jpg);}
		

.fondoDistribucion{

	background-image:url(../imagenes/fondoDistribucion.jpg);

	background-color:#D8E3F5;

}

	.nacional{background-image:url(../imagenes/nacional.jpg);}

	.exportacion{background-image:url(../imagenes/exportacion.jpg);}

	.flash{margin:5px 0px 0px 20px;width: 540px; height: 290px; }

	





/*======================================================================================================================================*/

/*														N O T I C I A S 																*/

/*======================================================================================================================================*/

.noticias{background-color:#FFFFFF; overflow:auto; height:auto; max-height: 483px;}



.noticiasizquierda{

	width: 300px;

	float: left;

	margin: 0px 0px 0px 15px;

	/*border:1px solid #333;*/

	padding: 0px 0px 10px 0px;

}



.noticiascentro{

	width: 300px;

	float: left;

	margin: 0px 0px 0px 20px;

	/*border:1px solid #333;*/

	padding: 0px 0px 10px 0px;

}



.noticiasderecha{

	width: 300px;

	float: right;

	margin: 0px 15px 0px 0px;

	padding: 0px 0px 10px 0px;

	/*border:1px solid #333;*/

}



.noticias h2{color: #777; border-bottom: 1px dashed #999; text-transform:uppercase;font-size: 1.2em; font-weight:bold; margin: 10px 0px;}

.noticias h3{color: #000; background-image:url(../imagenes/fondoh2.gif); text-transform:uppercase; font-size: 1.2em; padding: 3px 10px; font-weight:bold; margin: 10px 0px; line-height: 13px;}

.noticias h4{color: #000; font-size: 1.3em; text-transform:uppercase; line-height: 12px;}

.noticias img{float:left; margin: 0px 15px 5px 0px;}



.noticiaAmpliada{

	column-count: 3;

	column-width: 100px;

  	column-gap: 10px;

  	column-rule: none; 

	margin: 10px 25px;

}



/*======================================================================================================================================*/

/*														C O N T A C T A 																*/

/*======================================================================================================================================*/



.contacta{background-color:#CCCCCC; width:100%; font-size:1.1em; margin: 15px 0px 0px 0px;}

.titulo{background-color:#999; color: #fff; font-size:1.2em; font-weight:bold;}

.contacta h5{ font-weight:bold; color: #666; margin: 7px 0px;}

.contacta input, .contacta textarea{ width:99%; border: 1px solid #999; font-weight:normal;}

.contacta .boton{background-color:#FFFFFF;padding: 2px 5px; width:95%;}



.contactar{width: 80%; margin: 0px auto; position: relative;}

.contactar h3{background-image:url(../imagenes/imgsobre.gif); background-position:center left; background-repeat:no-repeat;padding-left:50px; margin: 25px 0px 20px 0px;}

.contactar .contacta{width: 85%; float: right;}

.contactar .contacta h5{width: 100%;}

.datos{color: #666666; width: 85%; float:right; font-size:1.2em;}

.datos h5{ font-weight:bold; margin: 3px 0px;}