@font-face {
    font-family: 'Omnes';
    src: url('omnes_light-webfont.eot');
    src: url('omnes_light-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('omnes_light-webfont.woff') format('woff'),
         url('omnes_light-webfont.ttf') format('truetype'),
         url('omnes_light-webfont.svg#OmnesLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

html{overflow:hidden;}

body {
	min-width: 960px;
	width:100%;
	background:url(../images/bg.jpg) 50% 0 repeat-x #fff;
}

body.intro {
    background:url(../bg.jpg) center 0 no-repeat #c7b38b;
    background-image: url(../bg.jpg);
}

img {
	border: 0;
}

#logo{width:100%;text-align:center;height:128px;overflow:hidden;}

#nav{width:100%;height:22px; z-index:9999;text-align:left;padding-top:4px;background:url(../images/bg-menu.jpg) 50% 0 repeat-x #d6c398;font:12px Trebuchet MS;overflow:hidden}
#nav a.btn{margin:0;padding:4px 20px 6px 20px;color:#000; font-size:13px;text-transform:uppercase;text-decoration:none;margin:0 5px;position:relative;background:url(../images/black.jpg) 0 50px no-repeat;}
/*#nav a.btn:hover{color:#fff}*/
#nav a.active{background:url(../images/black.jpg) 0 0px no-repeat;color:#ffffff}

#nav .fb{background:url(../images/redes.png) 0 0 no-repeat;width:16px; height:16px;margin:0px 0 0 5px;padding:0;text-indent:-9999px;text-decoration:none;position:relative;float:right;}
#nav .you{background:url(../images/redes.png) -32px 0 no-repeat;width:16px; height:16px;margin:0px 20px 0 5px;padding:0;text-indent:-9999px;text-decoration:none;position:relative;float:right;}

#footer{width:100%; z-index:9999;text-align:center;padding-top:0px;position:absolute;top:554px; background: #FFFFFF;height:100%;}
#footer .barra{width:100%;height:10px; z-index:9999;background:url(../images/bg-menu.jpg) 50% 0 repeat-x #d6c398;}
#footer p{font:10px Arial;color:#270007;padding:0;margin:12px auto 5px auto ;width:990px;text-align:left}
#footer p .logo-ccu{float:right;position:relative;top:-5px}
#footer p a{font:10px Arial;color:#270007;text-decoration:none}
#footer p a:hover{text-decoration:underline}

#loading{width:100%;text-align:center;height:400px;overflow:hidden;position:relative;}
#pageLoadDiv{background:url(../images/loading.gif) 50% 50% no-repeat #fff;width:100%;text-align:center;height:400px;overflow:hidden;position:relative;}
#contenido{width:100%;text-align:center;height:400px;overflow:hidden;position:relative;display:none;}
.home{background:url(../images/bg-video.jpg) center 0 repeat-x;
height:100% !important}

.home .indexPromo{position:absolute;right:0;top:00px;background:url(../images/indexPromo.png) 0 0 no-repeat;width:284px;height:274px;}

.shares{height:50px;position:absolute;top:350px;left:-950px}
.shares a{}
.sharerFB{margin-left:5px;position:relative;top:0px;}
.sharerTW{float:left;text-indent:-9999px;background:url(../images/twitter.png) 0 0 no-repeat;width:61px;height:20px}

.wrapper{margin:0 auto;width:990px;position:relative;}
.home #texto1{font:48px Omnes;color:#fff;background:black;position:absolute;float:left;left:-900px;top:50px;text-transform:uppercase;line-height:50px;display:none;z-index:2200;}
.home #texto2{font:48px Omnes;color:#dacaa7;background:black;position:absolute;float:left;left:-900px;top:105px;text-transform:uppercase;line-height:50px;display:none;z-index:2300;}
.home #texto3{font:48px Omnes;color:#dacaa7;background:black;position:absolute;float:left;left:-900px;top:160px;text-transform:uppercase;line-height:50px;display:none;z-index:2400;}
.home #item1{width:173px; height:570px;position:absolute;top:-120px;left:1700px;z-index:2000;display:none}
.home #item2{width:158px; height:452px;position:absolute;top:-30px;left:2800px;z-index:1800;display:none}
.home #personas{width:442px; height:313px;position:absolute;top:90px;left:-1700px;z-index:1700;display:none}

.comerciales{background:url(../images/home-img-02.jpg) 50% 0 no-repeat;}
.comerciales #texto1{font:20px Omnes;color:#d8c8a3;position:absolute;float:left;left:-900px;top:20px;text-transform:uppercase;line-height:30px;display:none;padding-left:5px;}
.comerciales #texto2{font:67px Omnes;color:#eee;position:absolute;float:left;left:-900px;top:60px;text-transform:uppercase;line-height:50px;display:none}
.comerciales #texto3{font:67px Omnes;color:#eee;position:absolute;float:left;left:-900px;top:115px;text-transform:uppercase;line-height:50px;display:none}
.comerciales #texto4{font:18px Omnes;color:#d0bb8a;position:absolute;float:left;left:-900px;top:170px;text-transform:uppercase;line-height:50px;display:none;padding-left:5px;}
.comerciales .thumbs{position:absolute;float:left;top:220px;left:-900px;display:none;}
.comerciales .thumbs a{float:left;margin:15px 25px;width:140px;height:121px;background:url(../images/corchea.png) 0 0 no-repeat;text-decoration:none}
.comerciales .thumbs object{float:left;margin:15px 25px;}
.comerciales .thumbs a span{clear:both;font:12px Omnes;color:#d0bb8a;text-transform:uppercase;top:120px;position:relative}
.comerciales #item1{width:329px; height:412px;position:absolute;top:-10px;left:1700px;z-index:2000;display:none}


.metodosDeElaboracion{background:url(../images/home-img-03.jpg) 50% 0 no-repeat;}
.metodosDeElaboracion #texto1{font:20px Omnes;color:#d8c8a3;position:absolute;float:left;left:-900px;top:20px;text-transform:uppercase;line-height:30px;display:none;padding-left:50px;width:500px;text-align:left;}
.metodosDeElaboracion #texto3{font:67px Omnes;color:#ffffff;position:absolute;float:left;left:-900px;top:55px;text-transform:uppercase;line-height:50px;display:none;padding-left:45px;width:500px;text-align:left;}
.metodosDeElaboracion #texto2{position:absolute;float:left;left:-900px;top:170px;text-transform:uppercase;display:none;padding-left:50px;width:500px;text-align:left;height:200px}
.metodosDeElaboracion #texto2 .customScrollBox{position:relative; height:100%; overflow:hidden;}
.metodosDeElaboracion #texto2 .customScrollBox .container{position:relative; top:0; float:left;width:480px}
.metodosDeElaboracion #texto2 .customScrollBox .content{clear:both;}
.metodosDeElaboracion #texto2 .customScrollBox .content p{padding:10px 5px 10px 0px; margin:0;}
.metodosDeElaboracion #texto2 .dragger_container{position:relative; width:0px; height:190px; float:left; margin:5px 0 0 10px; border-right:5px solid #1e1c1c; cursor:pointer}
.metodosDeElaboracion #texto2 .dragger{position:absolute; width:9px; height:20px; background:#d9c9a6; margin-left:-2px; overflow:hidden; cursor:pointer; -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
.metodosDeElaboracion #texto2 .dragger_pressed{position:absolute; width:9px; height:20px; background:#c5b591; margin-left:-2px; overflow:hidden; cursor:pointer; -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}

.metodosDeElaboracion  p{font:14px Omnes;color:#d9c9a6;line-height:16px;}
.metodosDeElaboracion #item1{width:283px; height:262px;position:absolute;top:190px;left:1700px;z-index:2000;display:none}
.metodosDeElaboracion #item2{width:276px; height:258px;position:absolute;top:0px;left:2800px;z-index:2800;display:none}


.contacto{background:url(../images/contacto-img.jpg) 50% 0 no-repeat;}
.contacto #texto1{font:20px Omnes;color:#d8c8a3;position:absolute;float:left;left:-900px;top:20px;text-transform:uppercase;line-height:30px;display:none;padding-left:50px;width:500px;text-align:left;}
.contacto #texto2{font:65px Omnes;color:#ffffff;position:absolute;float:left;left:-900px;top:45px;text-transform:uppercase;line-height:60px;display:none;padding-left:45px;width:500px;text-align:left;}
.contacto #item1{float:left;position:absolute;left:-1000px;width:300px;top:100px;padding-left:50px}
.contacto #item1 label{float:left;color:#dfd1ff;font:13px Omnes;clear:both;margin-top:10px}
.contacto #item1 input{float:left;color:#FFF;font:13px Omnes;width:280px;clear:both;bordeR:none;background:#2a1724;-webkit-border-radius: 3px;border-radius: 3px;height:20px;margin:3px 0;padding:3px;}
.contacto #item1 textarea{float:left;color:#FFF;font:13px Omnes;width:280px;clear:both;bordeR:none;background:#2a1724;-webkit-border-radius: 3px;border-radius: 3px;height:80px;margin:3px 0;resize:none;padding:3px;}
.contacto #item1 .btnEnviar{float:left;color:#d9c7a5;font:16px Omnes;padding:6px 16px;clear:both;background:#000;-webkit-border-radius: 3px;border-radius: 3px;margin:10px 0;text-decoration:none;}
.contacto #item1 .btnEnviar:hover{background:#141414}
.contacto #respuesta {position:absolute;top:250px;color:#FFFFFF;	left:150px;font:12px Omnes;}

.consumoResponsable{background:url(../images/terminos-img.jpg) 50% 0 no-repeat;}
.consumoResponsable #texto1{font:50px Omnes;color:#ffffff;position:absolute;float:left;left:-900px;top:50px;text-transform:uppercase;line-height:60px;display:none;padding-left:45px;width:600px;text-align:left;}
.consumoResponsable #item1{width:173px; height:570px;position:absolute;top:-120px;left:1700px;z-index:2000;display:none}
.consumoResponsable #item2{width:158px; height:452px;position:absolute;top:-30px;left:2800px;z-index:1800;display:none}
.consumoResponsable #texto2{position:absolute;float:left;left:-900px;top:120px;display:none;padding-left:50px;width:600px;height:250px;overflow:auto}
.consumoResponsable #texto2 p{font:12px Arial;color:#dfdfde;text-align:justify;}
.consumoResponsable #texto2 p strong{font-weight:bold;}
.consumoResponsable #texto2 p a{color:#FFFFFF;text-decoration:underline}
.consumoResponsable #texto2 p a:hover{color:#FFFFFF;text-decoration:underline}
.consumoResponsable #texto2 .customScrollBox{position:relative; height:100%; overflow:hidden;}
.consumoResponsable #texto2 .customScrollBox .container{position:relative; top:0; float:left;width:580px}
.consumoResponsable #texto2 .customScrollBox .content{clear:both;}
.consumoResponsable #texto2 .customScrollBox .content p{padding:10px 5px 10px 0px; margin:0;}
.consumoResponsable #texto2 .dragger_container{position:relative; width:0px; height:225px; float:left; margin:5px 0 0 10px; border-right:5px solid #1e1c1c; cursor:pointer}
.consumoResponsable #texto2 .dragger{position:absolute; width:9px; height:20px; background:#6b60bf; margin-left:-2px; overflow:hidden; cursor:pointer; -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
.consumoResponsable #texto2 .dragger_pressed{position:absolute; width:9px; height:20px; background:#5347b2; margin-left:-2px; overflow:hidden; cursor:pointer; -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}


.nuestrosProductos{background:url(../images/productos-clerico-fizz-img.jpg) 50% 0 no-repeat;}
.nuestrosProductos #texto1{font:18px Omnes;color:#d9c9a6;position:absolute;float:left;left:-900px;top:50px;text-transform:uppercase;line-height:20px;display:none;padding-left:45px;width:450px;text-align:left;}
.nuestrosProductos #texto2{font:67px Omnes;color:#ffffff;position:absolute;float:left;left:-1000px;top:75px;text-transform:uppercase;line-height:50px;display:none;padding-left:45px;width:600px;text-align:left;}
.nuestrosProductos #texto3{font:18px Omnes;color:#d9c9a6;position:absolute;float:left;left:-900px;top:180px;text-transform:uppercase;line-height:20px;display:none;padding-left:45px;width:450px;text-align:left;}
.nuestrosProductos #item1{width:188x; height:592px;position:absolute;top:-130px;left:510px;z-index:2000;display:none}
.nuestrosProductos #item2{width:188px; height:690px;position:absolute;top:-160px;left:2600px;z-index:2200;display:none}
.nuestrosProductos #item3{ width:208px; height:594px;position:absolute;top:-140px;left:3000px;z-index:1800;display:none}
.nuestrosProductos .btnEnviar{text-align:left;color:#d9c7a5;font:16px Omnes;padding:6px 30px;clear:both;background:#000000;-webkit-border-radius: 3px;border-radius: 3px;text-decoration:none;position:absolute;top:260px;left:-1050px;text-transform:uppercase;z-index:1900;}
.nuestrosProductos .btnEnviar:hover{background:#141414}
.nuestrosProductos .slider{width:495px;height:130px;position:absolute;top:270px;left:-950px;overflow:hidden;}
.nuestrosProductos .slider a{float:left;width:74px;margin:0 4px;position:relative;overflow:hidden}
.nuestrosProductos .slider a p{position:absolute;top:78px;width:70px;color:#FFFFFF;font:11px Verdana;text-transform:uppercase;padding:2px;line-height:12px;top:-72px;height:70px;padding-top:25%;}
.nuestrosProductos .slider a img{position:relative;left:0;}
.nuestrosProductos .slider a .over{display:none;top:-72px;}
.nuestrosProductos .btnAnt{position:absolute;left:-1000px;top:280px;width:37px;height:58px;background:url(../images/flechas.png) 0 0 no-repeat;}
.nuestrosProductos .btnAnt:hover{background:url(../images/flechas.png) 0 -58px no-repeat;}
.nuestrosProductos .btnSig{position:absolute;left:-1000px;top:280px;width:37px;height:58px;background:url(../images/flechas.png) -37px 0 no-repeat;}
.nuestrosProductos .btnSig:hover{background:url(../images/flechas.png) -37px -58px no-repeat;}
.nuestrosProductos .masc{position:absolute;left:0}


/*
	PRODUCTOS POR SEPARADO
*/
.nuestrosProductosClericoFizz{background:url(../images/productos-clerico-fizz-img.jpg) 50% 0 no-repeat;}
.nuestrosProductosClericoFizz #texto1{font:67px Omnes;color:#ffffff;position:absolute;float:left;left:-900px;top:50px;text-transform:uppercase;line-height:60px;display:none;padding-left:45px;width:600px;text-align:left;}
.nuestrosProductosClericoFizz #texto2{font:18px Omnes;color:#d0bb8a;position:absolute;float:left;left:-1000px;top:120px;text-transform:uppercase;line-height:20px;display:none;padding-left:45px;width:400px;text-align:left;}
.nuestrosProductosClericoFizz #item1{width:271x; height:190px;position:absolute;top:240px;left:1700px;z-index:2000;display:none}
.nuestrosProductosClericoFizz #item2{width:232px; height:641px;position:absolute;top:-160px;left:2600px;z-index:1801;display:none}
.nuestrosProductosClericoFizz #item3{width:225px; height:571px;position:absolute;top:-120px;left:3000px;z-index:1800;display:none}
.nuestrosProductosClericoFizz .btnEnviar{text-align:left;color:#d9c7a5;font:16px Omnes;padding:6px 30px;clear:both;background:#000000;-webkit-border-radius: 3px;border-radius: 3px;text-decoration:none;position:absolute;top:260px;left:-1050px;text-transform:uppercase;z-index:1900;}
.nuestrosProductosClericoFizz .btnEnviar:hover{background:#141414}


/*
	DURAZNO FIZZ
*/
.nuestrosProductosDuraznoFizz{background:url(../images/productos-durazno-fizz-img.jpg) 50% 0 no-repeat;}
.nuestrosProductosDuraznoFizz #texto1{font:67px Omnes;color:#ffffff;position:absolute;float:left;left:-900px;top:50px;text-transform:uppercase;line-height:60px;display:none;padding-left:45px;width:600px;text-align:left;}
.nuestrosProductosDuraznoFizz #texto2{font:18px Omnes;color:#d0bb8a;position:absolute;float:left;left:-1000px;top:120px;text-transform:uppercase;line-height:20px;display:none;padding-left:45px;width:400px;text-align:left;}
.nuestrosProductosDuraznoFizz #item1{width:271x; height:190px;position:absolute;top:240px;left:1700px;z-index:2000;display:none}
.nuestrosProductosDuraznoFizz #item2{width:232px; height:641px;position:absolute;top:-160px;left:2600px;z-index:1801;display:none}
.nuestrosProductosDuraznoFizz #item3{width:225px; height:571px;position:absolute;top:-120px;left:3000px;z-index:1800;display:none}
.nuestrosProductosDuraznoFizz .btnEnviar{text-align:left;color:#d9c7a5;font:16px Omnes;padding:6px 30px;clear:both;background:#000000;-webkit-border-radius: 3px;border-radius: 3px;text-decoration:none;position:absolute;top:260px;left:-1050px;text-transform:uppercase;z-index:1900;}
.nuestrosProductosDuraznoFizz .btnEnviar:hover{background:#141414}


/*
	Anana
*/
.nuestrosProductosAnana{background:url(../images/productos-anana-img.jpg) 50% 0 no-repeat;}
.nuestrosProductosAnana #texto1{font:67px Omnes;color:#ffffff;position:absolute;float:left;left:-900px;top:60px;text-transform:uppercase;line-height:60px;display:none;padding-left:45px;width:600px;text-align:left;}
.nuestrosProductosAnana #texto2{font:18px Omnes;color:#d0bb8a;position:absolute;float:left;left:-1000px;top:120px;text-transform:uppercase;line-height:20px;display:none;padding-left:45px;width:400px;text-align:left;}
.nuestrosProductosAnana #item1{width:271x; height:300px;position:absolute;top:110px;left:1700px;z-index:2000;display:none}
.nuestrosProductosAnana #item2{width:232px; height:641px;position:absolute;top:-160px;left:2600px;z-index:1801;display:none}
.nuestrosProductosAnana #item3{width:225px; height:571px;position:absolute;top:-120px;left:3000px;z-index:1800;display:none}
.nuestrosProductosAnana .btnEnviar{text-align:left;color:#d9c7a5;font:16px Omnes;padding:6px 30px;clear:both;background:#000000;-webkit-border-radius: 3px;border-radius: 3px;text-decoration:none;position:absolute;top:270px;left:-1050px;text-transform:uppercase;z-index:1900;}
.nuestrosProductosAnana .btnEnviar:hover{background:#141414}


/*
	Anana Sin alcohol
*/
.nuestrosProductosAnanaSinAlcohol{background:url(../images/productos-anana-img.jpg) 50% 0 no-repeat;}
.nuestrosProductosAnanaSinAlcohol #texto1{font:67px Omnes;color:#ffffff;position:absolute;float:left;left:-900px;top:50px;text-transform:uppercase;line-height:60px;display:none;padding-left:45px;width:600px;text-align:left;}
.nuestrosProductosAnanaSinAlcohol #texto2{font:18px Omnes;color:#d0bb8a;position:absolute;float:left;left:-1000px;top:140px;text-transform:uppercase;line-height:20px;display:none;padding-left:45px;width:400px;text-align:left;}
.nuestrosProductosAnanaSinAlcohol #item1{width:271x; height:380px;position:absolute;top:50px;left:1700px;z-index:2000;display:none}
.nuestrosProductosAnanaSinAlcohol #item2{width:232px; height:641px;position:absolute;top:-160px;left:2600px;z-index:1801;display:none}
.nuestrosProductosAnanaSinAlcohol #item3{width:225px; height:571px;position:absolute;top:-120px;left:3000px;z-index:1800;display:none}
.nuestrosProductosAnanaSinAlcohol .btnEnviar{text-align:left;color:#d9c7a5;font:16px Omnes;padding:6px 30px;clear:both;background:#000000;-webkit-border-radius: 3px;border-radius: 3px;text-decoration:none;position:absolute;top:270px;left:-1050px;text-transform:uppercase;z-index:1900;}
.nuestrosProductosAnanaSinAlcohol .btnEnviar:hover{background:#141414}


/*
		Etiqueta Blanca
*/
.nuestrosProductosEtiquetaBlanca{background:url(../images/productos-etiqueta-blanca-img.jpg) 50% 0 no-repeat;}
.nuestrosProductosEtiquetaBlanca #texto1{font:67px Omnes;color:#ffffff;position:absolute;float:left;left:-900px;top:50px;text-transform:uppercase;line-height:60px;display:none;padding-left:45px;width:600px;text-align:left;}
.nuestrosProductosEtiquetaBlanca #texto2{font:18px Omnes;color:#d0bb8a;position:absolute;float:left;left:-1000px;top:140px;text-transform:uppercase;line-height:20px;display:none;padding-left:45px;width:400px;text-align:left;}
.nuestrosProductosEtiquetaBlanca #item1{width:271x; height:190px;position:absolute;top:230px;left:1700px;z-index:2000;display:none}
.nuestrosProductosEtiquetaBlanca #item2{width:232px; height:641px;position:absolute;top:-160px;left:2600px;z-index:1801;display:none}
.nuestrosProductosEtiquetaBlanca #item3{width:225px; height:571px;position:absolute;top:-120px;left:3000px;z-index:1800;display:none}
.nuestrosProductosEtiquetaBlanca .btnEnviar{text-align:left;color:#d9c7a5;font:16px Omnes;padding:6px 30px;clear:both;background:#000000;-webkit-border-radius: 3px;border-radius: 3px;text-decoration:none;position:absolute;top:270px;left:-1050px;text-transform:uppercase;z-index:1900;}
.nuestrosProductosEtiquetaBlanca .btnEnviar:hover{background:#141414}

/*
		Etiqueta Blanca Sin Alcohol
*/
.nuestrosProductosEtiquetaBlancaSinAlcohol{background:url(../images/productos-etiqueta-blanca-img.jpg) 50% 0 no-repeat;}
.nuestrosProductosEtiquetaBlancaSinAlcohol #texto1{font:67px Omnes;color:#ffffff;position:absolute;float:left;left:-900px;top:50px;text-transform:uppercase;line-height:60px;display:none;padding-left:45px;width:600px;text-align:left;}
.nuestrosProductosEtiquetaBlancaSinAlcohol #texto2{font:18px Omnes;color:#d0bb8a;position:absolute;float:left;left:-1000px;top:140px;text-transform:uppercase;line-height:20px;display:none;padding-left:45px;width:400px;text-align:left;}
.nuestrosProductosEtiquetaBlancaSinAlcohol #item1{width:271x; height:190px;position:absolute;top:230px;left:1700px;z-index:2000;display:none}
.nuestrosProductosEtiquetaBlancaSinAlcohol #item2{width:232px; height:641px;position:absolute;top:-160px;left:2600px;z-index:1801;display:none}
.nuestrosProductosEtiquetaBlancaSinAlcohol #item3{width:225px; height:571px;position:absolute;top:-140px;left:3000px;z-index:1800;display:none}
.nuestrosProductosEtiquetaBlancaSinAlcohol .btnEnviar{text-align:left;color:#d9c7a5;font:16px Omnes;padding:6px 30px;clear:both;background:#000000;-webkit-border-radius: 3px;border-radius: 3px;text-decoration:none;position:absolute;top:270px;left:-1050px;text-transform:uppercase;z-index:1900;}
.nuestrosProductosEtiquetaBlancaSinAlcohol .btnEnviar:hover{background:#141414}


/*
	Lemon
*/
.nuestrosProductosLemonFizz{background:url(../images/productos-lemon-img.jpg) 50% 0 no-repeat;}
.nuestrosProductosLemonFizz #texto1{font:67px Omnes;color:#ffffff;position:absolute;float:left;left:-900px;top:60px;text-transform:uppercase;line-height:60px;display:none;padding-left:45px;width:600px;text-align:left;}
.nuestrosProductosLemonFizz #texto2{font:18px Omnes;color:#d0bb8a;position:absolute;float:left;left:-1000px;top:120px;text-transform:uppercase;line-height:20px;display:none;padding-left:45px;width:400px;text-align:left;}
.nuestrosProductosLemonFizz #item1{width:271x; height:190px;position:absolute;top:265px;left:1700px;z-index:2000;display:none}
.nuestrosProductosLemonFizz #item2{width:232px; height:641px;position:absolute;top:-160px;left:2600px;z-index:1801;display:none}
.nuestrosProductosLemonFizz #item3{width:225px; height:571px;position:absolute;top:-120px;left:3000px;z-index:1800;display:none}
.nuestrosProductosLemonFizz .btnEnviar{text-align:left;color:#d9c7a5;font:16px Omnes;padding:6px 30px;clear:both;background:#000000;-webkit-border-radius: 3px;border-radius: 3px;text-decoration:none;position:absolute;top:270px;left:-1050px;text-transform:uppercase;z-index:1900;}
.nuestrosProductosLemonFizz .btnEnviar:hover{background:#141414}

/*
		Etiqueta Negra
*/
.nuestrosProductosEtiquetaNegra{background:url(../images/productos-etiqueta-negra-img.jpg) 50% 0 no-repeat;}
.nuestrosProductosEtiquetaNegra #texto1{font:67px Omnes;color:#ffffff;position:absolute;float:left;left:-900px;top:50px;text-transform:uppercase;line-height:60px;display:none;padding-left:45px;width:600px;text-align:left;}
.nuestrosProductosEtiquetaNegra #texto2{font:18px Omnes;color:#d0bb8a;position:absolute;float:left;left:-1000px;top:140px;text-transform:uppercase;line-height:20px;display:none;padding-left:45px;width:400px;text-align:left;}

.nuestrosProductosEtiquetaNegra #item2{width:232px; height:641px;position:absolute;top:-160px;left:2600px;z-index:1801;display:none}
.nuestrosProductosEtiquetaNegra #item3{width:225px; height:571px;position:absolute;top:-120px;left:3000px;z-index:1800;display:none}
.nuestrosProductosEtiquetaNegra .btnEnviar{text-align:left;color:#d9c7a5;font:16px Omnes;padding:6px 30px;clear:both;background:#000000;-webkit-border-radius: 3px;border-radius: 3px;text-decoration:none;position:absolute;top:270px;left:-1050px;text-transform:uppercase;z-index:1900;}
.nuestrosProductosEtiquetaNegra .btnEnviar:hover{background:#141414}


/*
	Fresas
*/
.nuestrosProductosFresas{background:url(../images/productos-fresas-img.jpg) 50% 0 no-repeat;}
.nuestrosProductosFresas #texto1{font:67px Omnes;color:#ffffff;position:absolute;float:left;left:-900px;top:60px;text-transform:uppercase;line-height:60px;display:none;padding-left:45px;width:600px;text-align:left;}
.nuestrosProductosFresas #texto2{font:18px Omnes;color:#d0bb8a;position:absolute;float:left;left:-1000px;top:150px;text-transform:uppercase;line-height:20px;display:none;padding-left:45px;width:400px;text-align:left;}
.nuestrosProductosFresas #item1{width:271x; height:190px;position:absolute;top:255px;left:1700px;z-index:2000;display:none}
.nuestrosProductosFresas #item2{width:232px; height:641px;position:absolute;top:-160px;left:2600px;z-index:1801;display:none}
.nuestrosProductosFresas #item3{width:225px; height:571px;position:absolute;top:-120px;left:3000px;z-index:1800;display:none}
.nuestrosProductosFresas .btnEnviar{text-align:left;color:#d9c7a5;font:16px Omnes;padding:6px 30px;clear:both;background:#000000;-webkit-border-radius: 3px;border-radius: 3px;text-decoration:none;position:absolute;top:270px;left:-1050px;text-transform:uppercase;z-index:1900;}
.nuestrosProductosFresas .btnEnviar:hover{background:#141414}


/*
	Strawberry
*/
.nuestrosProductosStrawberryFizz{background:url(../images/productos-fresas-img.jpg) 50% 0 no-repeat;}
.nuestrosProductosStrawberryFizz #texto1{font:67px Omnes;color:#ffffff;position:absolute;float:left;left:-900px;top:60px;text-transform:uppercase;line-height:60px;display:none;padding-left:45px;width:600px;text-align:left;}
.nuestrosProductosStrawberryFizz #texto2{font:18px Omnes;color:#d0bb8a;position:absolute;float:left;left:-1000px;top:120px;text-transform:uppercase;line-height:20px;display:none;padding-left:45px;width:400px;text-align:left;}
.nuestrosProductosStrawberryFizz #item1{width:271x; height:190px;position:absolute;top:265px;left:1700px;z-index:2000;display:none}
.nuestrosProductosStrawberryFizz #item2{width:232px; height:641px;position:absolute;top:-160px;left:2600px;z-index:1801;display:none}
.nuestrosProductosStrawberryFizz #item3{width:225px; height:571px;position:absolute;top:-120px;left:3000px;z-index:1800;display:none}
.nuestrosProductosStrawberryFizz .btnEnviar{text-align:left;color:#d9c7a5;font:16px Omnes;padding:6px 30px;clear:both;background:#000000;-webkit-border-radius: 3px;border-radius: 3px;text-decoration:none;position:absolute;top:270px;left:-1050px;text-transform:uppercase;z-index:1900;}
.nuestrosProductosStrawberryFizz .btnEnviar:hover{background:#141414}


/*****************************
  SET DEFAULT DIMENSIONS HERE
 *****************************/
/* change the ID to match your slider */
#slider1 {
margin-top:10px;
	width: 450px;
	height: 250px;
	list-style: none;
	/* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */
	overflow-y: auto;
	overflow-x: hidden;
}
/* Opera width restriction */
.anythingBase { max-width: 32766px; }
.anythingSlider {float:left;clear:both}
/*****************
  SET COLORS HERE
 *****************/
/**** Default state (no keyboard focus) ****/
/* slider window - top & bottom borders, default state */
div.anythingSlider .anythingWindow {
	
}
/* Navigation buttons, default state */
div.anythingSlider .anythingControls ul a.cur, div.anythingSlider .anythingControls ul a {
	color: #000;
	background-position: 0 0 ;
}
/* start-stop button, stopped, default state */
div.anythingSlider .start-stop {
	background-color: #040;
	color: #fff;
}
/* start-stop button, playing, default state */
div.anythingSlider .start-stop.playing {
	background-color: #800;
}
/* start-stop button, default hovered text color (when visible) */
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {
	color: #ddd;
}

/**** Active State (slider has keyboard focus) ****/
/* slider window - top & bottom borders, active state */
div.anythingSlider.activeSlider .anythingWindow {
	border-color: #7C9127;
}
/* Navigation buttons, active state */
div.anythingSlider.activeSlider .anythingControls ul a.cur, div.anythingSlider.activeSlider .anythingControls ul a {
	
}
/* start-stop button, stopped, active state */
div.anythingSlider .start-stop {
	background-color: #080;
	color: #fff;
}
/* start-stop button, playing, active state */
div.anythingSlider .start-stop.playing {
	background-color: #d00;
}
/* start-stop button, active slider hovered text color (when visible) */
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {
	color: #fff;
}

/***********************
  COMMON SLIDER STYLING
 ***********************/
/* Overall Wrapper: 45px right & left padding for the arrows, 28px @ bottom for navigation */
div.anythingSlider {
	display: block;
	margin: 0 auto;
	overflow: visible !important; /* needed for Opera and Safari */
	position: relative;
	padding: 0 45px 28px 45px;
}
/* anythingSlider viewport window */
div.anythingSlider .anythingWindow {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}
/* anythingSlider base (original element) */
.anythingBase {
	background: transparent;
	list-style: none;
	position: absolute;
	overflow: visible !important;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
/* all panels inside the slider */
.anythingBase .panel {
	background: transparent;
	display: block;
	overflow: hidden;
	float: left;
	padding: 0;
	margin: 0;
}
.anythingBase .panel.vertical {
	float: none;
}

/* Navigation Arrows */
div.anythingSlider .arrow {
	top: 50%;
	position: absolute;
	display: block;
}
div.anythingSlider .arrow a {
	display: block;
	height: 60px;
	margin: -40px 0 0 0; /* half height of image */
	width: 38px;
	text-align: center;
	outline: 0;
	background-image: url(../images/flechas.png);
	background-repeat:no-repeat;
}
/* hide text, target the span so IE7 doesn't text-indent the link */
div.anythingSlider .arrow a span { display: block; text-indent: -9999px; }
/* back arrow */
div.anythingSlider .back { left: -15px; }
div.anythingSlider .back a { background-position: left top; }
div.anythingSlider .back.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
/* forward arrow */
div.anythingSlider .forward { right: -15px; }
div.anythingSlider .forward a { background-position: right top; }
div.anythingSlider .forward.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */

/* Navigation Links */
div.anythingSlider .anythingControls { outline: 0; display: none; }
div.anythingSlider .anythingControls ul { margin: 0; padding: 0; float: left; }
div.anythingSlider .anythingControls ul li { display: inline; }
div.anythingSlider .anythingControls ul a {
	display: inline-block;
	text-decoration: none;
	height: 21px;
	width:21px;
	margin: 0 0px 0 0;
	background-image: url(../images/puntos.png);
	background-position: -18px 0;
	background-repeat: no-repeat;
	text-align: center;
	outline: 0;
	text-indent:-9999px;
}
div.anythingSlider .anythingControls ul a:hover {
background-position: 0 0 ;
}
/* Navigation size window */
div.anythingSlider .anythingControls .anythingNavWindow { overflow: hidden; float: left; }

/* slider autoplay right-to-left, reverse order of nav links to look better */
div.anythingSlider.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */
div.anythingSlider.rtl .anythingControls ul { float: left; }    /* move nav link group to left */
div.anythingSlider.rtl .anythingWindow {
	direction: ltr;
	unicode-bidi: bidi-override;
}
/* div.anythingSlider.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */

/* Autoplay Start/Stop button */
div.anythingSlider .start-stop {
	background-image: url(../images/default.html);
	background-position: center -288px;
	background-repeat: repeat-x;
	padding: 2px 5px;
	width: 40px;
	text-align: center;
	text-decoration: none;
	float: right;
	z-index: 100;
	outline: 0;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
}
/* hide cell shading on hover - makes the button appear to come forward */
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { background-image: none; }

/* probably not necessary, but added just in case */
div.anythingSlider, div.anythingSlider .anythingWindow, div.anythingSlider .anythingControls ul a, div.anythingSlider .arrow a, div.anythingSlider .start-stop {
	transition-duration: 0;
	-o-transition-duration: 0;
	-moz-transition-duration: 0;
	-webkit-transition-duration: 0;
}

#itemResponsive, .itemResponsive {
    display: none !important;
}

/****************************/
/* MEDIA QUERIES */
/****************************/


/* 992 */
@media screen and (max-width: 992px) {

html {
    overflow: auto;
}

body {
    min-width: 100%;
}

body.intro {
    background-image: none !important;
}

#nav {
    padding-top: 0;
    height: auto;
    background-size: cover;
}

#nav a.btn {
    display: block;
    margin: 0;
    background-image: url(../images/black.jpg);
    background-size: cover;
    padding: 10px 20px 12px 20px;
}

#logo {
    margin-top: 10px;
    height: 110px;
}

#logo img {
    width: 150px;
    height: auto;
}

#pageLoadDiv {
    overflow: auto;
    height: auto;
}

#contenido {
    height: auto;
}

.wrapper {
    width: 100%;
    text-align: left;
}

.h-fix {
    height: 95vh;
    text-align: left;
}

#itemResponsive, .itemResponsive {
    display: block !important;
}

.nuestrosProductos #item2 {
    position: relative;
    /*display: none !important;*/
    left: auto !important;
    top: auto !important;
    right: 10px !important;
}

.nuestrosProductos {
    background-image: url(../images/productos-etiqueta-blanca-mobile.jpg);
    background-position: bottom;
}

.metodosDeElaboracion {
    background-image: url(../images/home-img-03-mobile.jpg);
    background-position: bottom;
}

.contacto {
    background-image: url(../images/contacto-mobile.jpg);
    background-position: bottom;
}

.nuestrosProductosEtiquetaBlanca {
    background-image: url(../images/productos-etiqueta-blanca-mobile.jpg);
    background-position: bottom;
}

.nuestrosProductosAnana {
    background-image: url(../images/productos-anana-mobile.jpg);
    background-position: bottom;    
}

.nuestrosProductosFresas {
    background-image: url(../images/productos-fresas-mobile.jpg);
    background-position: bottom;    
}

.nuestrosProductos, .metodosDeElaboracion, .nuestrosProductosEtiquetaBlanca, .nuestrosProductosAnana, .nuestrosProductosFresas, .contacto {
    background-size: cover;
}

#footer {
    position: inherit;
}

#footer p {
    width: 100%;
}

#footer p .logo-ccu {
    top: 30px;
}

.nuestrosProductos #texto1, .nuestrosProductos #texto2, .nuestrosProductos #texto3, .nuestrosProductos .slider {
    z-index: 9999;
    position: relative;
    float: none;
    top: auto;
    padding-left: 25px;
    margin-top: 10px;
}

.metodosDeElaboracion #texto1, .metodosDeElaboracion #texto2, .metodosDeElaboracion #texto3, .metodosDeElaboracion #texto4, .nuestrosProductosEtiquetaBlanca #texto1, .nuestrosProductosEtiquetaBlanca #texto2, .nuestrosProductosAnana #texto1, .nuestrosProductosAnana #texto2, .nuestrosProductosFresas #texto1, .nuestrosProductosFresas #texto2, .contacto #texto1, .contacto #texto2 {
    position: relative;
    float: none;
    top: auto;
}

.nuestrosProductos .slider {
    margin-top: 30px;
    left: 25px !important;
}

.nuestrosProductos #texto1, .metodosDeElaboracion #texto1, .nuestrosProductosEtiquetaBlanca #texto1, .nuestrosProductosAnana #texto1, .nuestrosProductosFresas #texto1, .contacto #texto1 {
    margin-top: 20px;
}

.metodosDeElaboracion #texto2, .nuestrosProductosEtiquetaBlanca #texto2, .nuestrosProductosAnana #texto2, .nuestrosProductosFresas #texto2 {
    font-size: 14px;
    text-transform: uppercase;
    padding-left: 48px;
    text-align: left;
    margin-top: 20px;
    height: auto;
    width: 80%;
}

.metodosDeElaboracion p {
    padding-right: 50px;
}

.nuestrosProductosEtiquetaBlanca .btnEnviar, .nuestrosProductosAnana .btnEnviar, .nuestrosProductosFresas .btnEnviar {
    position: relative;
    top: 20px !important;
    left: 50px !important;
}

.shares {
    position: relative;
    top: 50px;
}

.prodImgs img {
    max-width: 456px;
    width: 100%;
    margin-top: 40px;
}

/* Elementos animados */

.contImgs {
    position: relative;
    width: 100%;
}

.metodosDeElaboracion #item1 {
    position: relative;
    display: block;
    top: 0;

}

.metodosDeElaboracion #item2 {
    position: relative;
    display: block;
    top: 0;
}

.ocultar {
    display: none !important;
}

/* TOGGLE BUTTON */

.toggle-button {
    position: absolute;
    display: block;
    background-color: #9fcd56;
    width: 50px;
    padding: 10px;
    margin: 0 auto 30px;
    top: 20px;
    right: 15px;
    z-index: 999;
}

.toggle-button span {
    display: block;
    height: 30px;
    border-top: solid 4px #fff;
    border-bottom: solid 4px #fff;
    position: relative;
}

.toggle-button span:after {
    content:"";
    width: 100%;
    height: 4px;
    background:#fff;
    display: block;
    top: 50%;
    position: absolute;
    margin-top: -2px;
}

}


/* 640 */
@media screen and (max-width: 640px) {

.nuestrosProductos #item2 {
    width: 140px;
    height: auto;
}

.nuestrosProductos #texto2, .metodosDeElaboracion #texto3, .nuestrosProductosEtiquetaBlanca #texto1, .nuestrosProductosAnana #texto1, .contacto #texto2 {
    font-size: 45px;
    line-height: 40px;
    width: 90%;
}

.nuestrosProductos #texto1, .nuestrosProductos #texto2, .nuestrosProductos #texto3, .metodosDeElaboracion #texto1, .metodosDeElaboracion #texto2 {
    width: 90%;
}

.metodosDeElaboracion #texto2 .customScrollBox .container {
    width: 80%;
}

.contacto #item1 {
    position: relative;
    float: none;
    margin-top: 20px;
    top: 0;
    width: 80%;
}

.contacto #item1 input, .contacto #item1 textarea {
    float: none;
    width: 100%;
}

.contacto #item1 .btnEnviar {
    float: none;
    display: inline-block;
    margin-top: 20px;
}

}

/* 480 */
@media screen and (max-width: 480px) {

.metodosDeElaboracion #texto1, .metodosDeElaboracion #texto2, .metodosDeElaboracion #texto3, .metodosDeElaboracion #texto4, .nuestrosProductosEtiquetaBlanca #texto1, .nuestrosProductosEtiquetaBlanca #texto2, .nuestrosProductosAnana #texto1, .nuestrosProductosAnana #texto2, .nuestrosProductosFresas #texto1, .nuestrosProductosFresas #texto2, .contacto #texto1, .contacto #texto2 {
    padding-left: 25px;
}

.nuestrosProductosEtiquetaBlanca .btnEnviar, .nuestrosProductosAnana .btnEnviar, .nuestrosProductosFresas .btnEnviar, .contacto #item1 .btnEnviar {
    left: 25px !important;
}

.shares {
    left: 25px !important;
}

.contacto #item1 {
    padding-left: 25px;
}

}