@charset "utf-8";

/* CSS Document */



body{ background:#525b47; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF}

span{ display:none}

a{ color:#FFF; text-decoration:none;}

a:hover{ color:#FFF; text-decoration:underline;}





/**************************BackGrounds*************************/

.bg1{ background:url(../images/bgHome.png) 0 -50px no-repeat; height:501px}

.bg2{ background:url(../images/bgBarrica.png) 0 -50px no-repeat; height:501px; overflow:hidden}

.bg3{ background:url(../images/bgBodega1.png) 0 -50px no-repeat; height:471px; overflow:hidden}

.bg4{ background:url(../images/bgHome.png) 0 -50px no-repeat; height:471px;  overflow:hidden}

.bg5{ background:url(../images/bgBodega2.png) 0 -50px no-repeat; height:471px;  overflow:hidden}

.bg6{ background:url(../images/bgBodega3.png) 0 -50px no-repeat; height:471px;  overflow:hidden}

.bg7{ background:url(../images/bgBodega4.png) 0 -50px no-repeat; height:471px;  overflow:hidden}

.bg8{ background:url(../images/bgFInca.png) 0 -50px no-repeat; height:471px;  overflow:hidden}

.bg9{ background:url(../images/bgFInca2.png) 0 -50px no-repeat; height:471px;  overflow:hidden}

.bg10{ background:url(../images/bgFInca3.png)0 -50px no-repeat; height:471px;  overflow:hidden}













/**************************LOGO - PIE *************************/

.cajaLogo{border-top:#d2d7d7 3px solid;}

.cajaLogo a.logoP{ display:block; background:url(../images/logo2.png); width:369px; height:29px; margin:5px 0 0 19px}







/**************************navegaciones*************************/

/*Navegacion principal*/

.navPrin{ background:#7b7f5c; height:35px; overflow:hidden}

.navPrin ul { margin:5px 0 0 5px; padding:0}

.navPrin ul li { list-style:none; float:left}

.navPrin ul li a.barrica { display:block; background:url(../images/navPrin.png); height:26px; width:254px}

.navPrin ul li a.bodega { display:block; background:url(../images/navPrin.png) 284px 0 repeat-x; height:26px; width:180px}

.navPrin ul li a.finca { display:block; background:url(../images/navPrin.png) 110px 0 repeat-x; height:26px; width:110px}

.navPrin ul li a.barrica:hover, .navPrin ul li a.barrica2 { display:block; background:url(../images/navPrin.png) 1px 29px; height:26px; width:254px}

.navPrin ul li a.bodega:hover, .navPrin ul li a.bodega2 { display:block; background:url(../images/navPrin.png) 284px 29px; height:26px; width:180px}

.navPrin ul li a.finca:hover, .navPrin ul li a.finca2 { display:block; background:url(../images/navPrin.png) 110px 29px; height:26px; width:110px}





/*navegacion bodega*/

.navBod{ height:30px; background:#b9aea0; overflow:hidden}

.navBod ul { margin:0; padding:0}

.navBod ul li { list-style:none; float:left;}

.navBod ul li a.bodHistoria { display:block; background:url(../images/navBodega.png) no-repeat; width:152px; height:26px}

.navBod ul li a.bodBarricas { display:block; background:url(../images/navBodega.png) -152px 0 no-repeat; width:152px; height:26px}

.navBod ul li a.bodElabora { display:block; background:url(../images/navBodega.png) -305px 0 no-repeat; width:181px; height:26px}

.navBod ul li a.bodArqui { display:block; background:url(../images/navBodega.png) -486px 0 no-repeat; width:181px; height:26px}

.navBod ul li a.bodComo { display:block; background:url(../images/navBodega.png) -670px -2px no-repeat; width:133px; height:26px}

.navBod ul li a.bodHistoria:hover, .navBod ul li a.bodHistoria2 { display:block; background:url(../images/navBodega.png) 0 -23px no-repeat; width:152px; height:26px}

.navBod ul li a.bodBarricas:hover, .navBod ul li a.bodBarricas2 { display:block; background:url(../images/navBodega.png) -152px -23px no-repeat; width:152px; height:26px}

.navBod ul li a.bodElabora:hover, .navBod ul li a.bodElabora2 { display:block; background:url(../images/navBodega.png) -305px -23px no-repeat; width:181px; height:26px}

.navBod ul li a.bodArqui:hover, .navBod ul li a.bodArqui2 { display:block; background:url(../images/navBodega.png) -486px -23px no-repeat; width:181px; height:26px}

.navBod ul li a.bodComo:hover, .navBod ul li a.bodComo2 { display:block; background:url(../images/navBodega.png) -670px -23px no-repeat; width:133px; height:26px}





/*navegacion finca*/

.navFin{ height:30px; background:#b9aea0; overflow:hidden}

.navFin ul { margin:4px  0 0 0; padding:0}

.navFin ul li { list-style:none; float:left;}

.navFin ul li a.finHistoria { display:block; background:url(../images/navFinca.png) no-repeat; width:152px; height:26px}

.navFin ul li a.finVinedo { display:block; background:url(../images/navFinca.png) -152px 0 no-repeat; width:152px; height:26px}

.navFin ul li a.finLaber { display:block; background:url(../images/navFinca.png) -305px 0 no-repeat; width:181px; height:26px}

.navFin ul li a.finHistoria:hover, .navFin ul li a.finHistoria2 { display:block; background:url(../images/navFinca.png) 0 -21px no-repeat; width:152px; height:26px}

.navFin ul li a.finVinedo:hover, .navFin ul li a.finVinedo2 { display:block; background:url(../images/navFinca.png) -152px -21px no-repeat; width:152px; height:26px}

.navFin ul li a.finLaber:hover, .navFin ul li a.finLaber2 { display:block; background:url(../images/navFinca.png) -305px -21px no-repeat; width:181px; height:26px}







/**************************CONTAINER*************************/

#container{ width:902px; margin:0 auto 20px auto}

#contenido{ width:843px; margin:0 auto; border-top:#d2d7d7 3px solid; border-left:#d2d7d7 3px solid; border-right:#d2d7d7 3px solid;}

.numero2 { background:url(../images/1830.png) no-repeat; width:129px; height:36px; margin:0 auto}



/**************************BARRICA*************************/

.preBarrica{ background:#525B47 url(../images/contBarricas.png) no-repeat; width:620px; margin:25px auto 0 auto; padding:20px 20px 20px 60px; line-height:20px; overflow:hidden}

.preBarrica2 { width:620px; margin-top:10px;  font-size:11px; line-height:12px;}

.preBarrica3 { width:170px; background:#797f71; margin-left:10px; padding:12px; text-align:center;margin-top:15px; font-size:11px; line-height:12px; float:left }

.preBarrica4{width:412px; margin-top:10px; text-align:justify; font-size:11px; line-height:11px; float:left}


.puntos{ width:615px; margin-top:50px; background:url(../images/puntos.png) no-repeat 89px 14px}

.texpunto1{ float:left;}

.texpunto2{ float:right; background:#525b47}

.txtSocial{ clear:left; text-align:right}



/**************************BODEGA*************************/

.contBodeg1{ background:#FFF url(../images/titBodega1.png) no-repeat; width:285px; overflow:hidden; float:left; margin:80px 15px 0 100px; color:#525b47; padding:75px 20px 30px 15px; text-align:justify; height:216px }



.contBodeg2 { width:294px; overflow:hidden; margin-top:80px; }

.contBodeg2a { background:#FFF; width:290px; height:282px; overflow:hidden; float:left; border:#e3dbc8 solid 2px; margin-bottom:8px}

.contBodeg2b { background:#fff; overflow:hidden; height: 26px; clear:left;}

.contBodeg2b ul { margin:0; padding:0}

.contBodeg2b ul li { list-style:none; float:left}

.contBodeg2b ul li a.bodAyer{ display:block; background:url(../images/navHistoria.png); width:100px; height:26px; margin-right:110px}

.contBodeg2b ul li a.bogHoy{  display:block; background:url(../images/navHistoria.png) -250px 0; width:80px; height:26px}

.contBodeg2b ul li a.bodAyer:hover, .contBodeg2b ul li a.bodAyer2{ display:block; background:url(../images/navHistoria.png) 0 -25px                                                                ; width:100px; height:26px; margin-right:110px}

.contBodeg2b ul li a.bogHoy:hover, .contBodeg2b ul li a.bogHoy2{  display:block; background:url(../images/navHistoria.png) -250px -25px; width:80px; height:26px}

.contBodeg2c { width:290px; height:325px; overflow:hidden; float:left; margin-bottom:8px}

.contBodeg2d { width:296px; height:326px; overflow:hidden; float:left; margin-bottom:8px}

.contBodeg2e { width:294px; height:30px; overflow:hidden; clear:left; background:#fff}





.contBodeg3{ background:#FFF url(../images/titBodega2.png) no-repeat; width:285px; overflow:hidden; float:left; margin:80px 15px 0 100px; color:#525b47; padding:75px 20px 30px 15px; text-align:justify; height:216px }



.contBodeg4{ background:#FFF url(../images/titBodega3.png) no-repeat; width:285px; overflow:hidden; float:left; margin:80px 15px 0 100px; color:#525b47; padding:65px 20px 40px 15px; text-align:justify; height:220px }



.contBodeg5{ background:#FFF url(../images/titBodega4.png) no-repeat; width:285px; overflow:hidden; float:left; margin:80px 15px 0 100px; color:#525b47; padding:65px 20px 40px 15px; text-align:justify; height:220px }



.contBodeg6{ background:#FFF url(../images/titBodega5.png) no-repeat; width:285px; overflow:hidden; float:left; margin:80px 15px 0 100px; color:#525b47; padding:75px 20px 35px 15px; text-align:justify; height:216px }





/**********************************Finca******************************/

.contFinca1{ background:#525b47 url(../images/titFinca1.png) no-repeat; color:#FFF; width:285px; overflow:hidden; float:left; margin:80px 15px 0 100px;  padding:75px 20px 35px 15px; text-align:justify; height:216px }



.contFinca2{ background:#525b47 url(../images/titFinca2.png) no-repeat; color:#FFF; width:285px; overflow:hidden; float:left; margin:80px 15px 0 100px;  padding:75px 20px 35px 15px; text-align:justify; height:216px }



.contFinca2a { background:#fff; overflow:hidden; height: 24px; clear:left; margin-top:5px}

.contFinca2a a.tipoU{ background:url(../images/btnVer1.png) no-repeat; width:294px; height:24px; display:block}

.contFinca2a a.tipoU:hover{ background:url(../images/btnVer1.png) 0 -24px no-repeat;}

.contFinca2a a.volLos{ background:url(../images/btnVer2.png) no-repeat; width:294px; height:24px; display:block}

.contFinca2a a.volLos:hover{ background:url(../images/btnVer2.png) 0 -24px no-repeat;}

.contFinca2a a.volUva{ background:url(../images/btnUvas.png) no-repeat; width:294px; height:24px; display:block}

.contFinca2a a.volUva:hover{ background:url(../images/btnUvas.png) 0 -24px no-repeat;}

.contFinca2a a.volCos{ background:url(../images/cosecha.png) no-repeat; width:294px; height:24px; display:block}

.contFinca2a a.volCos:hover{ background:url(../images/cosecha.png) 0 -24px no-repeat;}



.contFinca3{ background:#525b47 url(../images/titFinca3.png) no-repeat; color:#FFF; width:285px; overflow:hidden; float:left; margin:80px 15px 0 100px;  padding:75px 20px 35px 15px; text-align:justify; height:216px }



.contFinca4{ background:#525b47 url(../images/titFinca4.png) no-repeat; color:#FFF; width:285px; overflow:hidden; float:left; margin:80px 15px 0 100px;  padding:75px 20px 35px 15px; text-align:justify; height:216px }