/* ==========================================================================
		Desarrollo Front-end Fernando Moraga | Agencia digital Redon 2017
   ========================================================================== */

html {
	color:#222;
	font-size:1em;
	line-height:1.4;
}

::-moz-selection {
	background:#b3d4fc;
	text-shadow:none;
}

::selection {
	background:#b3d4fc;
	text-shadow:none;
}

hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
	margin:1em 0;
	padding:0;
}

audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align:middle;
}

fieldset {
	border:0;
	margin:0;
	padding:0;
}

textarea {
	resize:vertical;
}

.browserupgrade {
	margin:0.2em 0;
	background:#ccc;
	color:#000;
	padding:0.2em 0;
}

/* ==========================================================================
						Tipografías
========================================================================== */

@font-face {font-family:'Ethos-CondensedHeavy';
	src:	url(../fonts/3125DC_0_0.eot);
	src:	url(../fonts/webfonts/3125DC_0_0.eot?#iefix) format('embedded-opentype'),
			url(../fonts/3125DC_0_0.woff2) format('woff2'),
			url(../fonts/3125DC_0_0.woff) format('woff'),
			url(../fonts/3125DC_0_0.ttf) format('truetype');}


@font-face {font-family:'Ethos-CondensedLight';
	src:	url(../fonts/3125DC_1_0.eot);
	src:	url(../fonts/3125DC_1_0.eot?#iefix) format('embedded-opentype'),
			url(../fonts/3125DC_1_0.woff2) format('woff2'),
			url(../fonts/3125DC_1_0.woff) format('woff'),
			url(../fonts/3125DC_1_0.ttf) format('truetype');}


@font-face {font-family:'Ethos-CondensedMedium';
	src:	url(../fonts/3125DC_2_0.eot);
	src:	url(../fonts/3125DC_2_0.eot?#iefix) format('embedded-opentype'),
			url(../fonts/3125DC_2_0.woff2) format('woff2'),
			url(../fonts/3125DC_2_0.woff) format('woff'),
			url(../fonts/3125DC_2_0.ttf) format('truetype');}

/* ==========================================================================
							ESTILOS GENERALES
   ========================================================================== */

body, html {height:100%; }
body{
	-webkit-font-smoothing:antialiased !important;
	font-feature-settings:"liga" 0;
	-moz-font-feature-settings:"liga" 0;
}
html {
	background-image:url(../img/pattern.png);
	background-repeat:repeat;
	/*background-repeat:no-repeat;
	background-position:center;
	background-attachment:fixed;*/
	overflow-x:hidden;
}
h1, h2, h3, h4, h5, h6 {font-weight:normal; margin:0; padding:0;}

/*ESTILOS HEADER*/
.header {
	width:100%;
	height:143px;
	background-image:url(../img/bg-header3.png);
	background-repeat:no-repeat;
	background-position:center;
	position:absolute;
	z-index:99999;
	display:block;
}
.center-header {
	width:1100px;
	height:40px;
	margin:auto;
	position:relative;
}
.menu-1 {
	width:1080px;
	height:20px;
	position:absolute;
	margin-top:27px;
	display:block;
}
ul#menu-principal {
	text-transform:uppercase;
}
ul {
	padding:0;
	margin:0;
}
.menu-1 li {
	list-style:none;
	padding:0;
	margin:0;
}
.menu-1 ul li a {
	font-family:'Ethos-CondensedHeavy';
	font-style:normal;
	font-weight:normal;
	color:#21201d;
	font-size:14px;
	float:left;
	text-decoration:none;
	outline:0;
	padding:0 18px;
	/*margin-right:20px;*/
	transition:color 0.5s ease;
	-webkit-transition:color 0.5s ease;
	-moz-transition:color 0.5s ease;
}
.menu-1 ul li a:hover {
	color:#c30b0b;
}
.logo-header {
	width:163px;
	height:85px;
	position:absolute;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	margin-top:14px;
}
.margenmenu a{
	margin-left:260px!important;
}
.menu-1 ul ul {
	display:none;
	position:absolute;
	left:220px;
	/* background:#ffe086; */
	padding:0;
	/* margin-top:9px; */
	margin-top:13px;
	width:230px;
	height:200px;
}
.content-menu-secundario{
	position:absolute;
	top:100%;
	background:#ffe086;
	padding:0;
	margin-top:-182px;
	width:230px;
}

.content-menu-secundario:before {
	content:'';
	width:20px;
	height:10px;
	position:absolute;
	background-image:url(../img/triangulo.png);
	background-size:20px 10px;
	margin-top:-10px;
	margin-left:100px;
}
.menu-1 ul ul li
{
	float:none;
	width:200px
}
.menu-1 ul ul a
{
	width:100%;
	font-family:'Ethos-CondensedHeavy';
	font-style:normal;
	font-weight:normal;
	color:#21201d;
	font-size:13px;
	line-height:120%;
	padding:11px 15px
}
.menu-1 ul ul a:hover{
	background-color:#f3c53f !important;
}
.menu-1 ul ul ul
{
	top:0;
	left:100%
}
.menu-1 ul li:hover > ul
{
	display:block
}
/*FIN ESTILOS HEADER*/

/*ESTILOS SLIDER HOME*/
.wrapper-slider{
	width:100%;
	height:100vh;
	float:left;
}
.slider-box,.slider-box2{
	width:100%;
	height:100vh;
	/*margin-top:109px;*/
	margin-top:0px;
	/*background-color:red;*/
}
.slider-box2{ opacity:0; }
.slides-navigation a.next {
	right:25px;
	top:30px;
	background:url(../img/derecha.png)no-repeat;
	background-position:bottom;
	width:29px;
	height:46px;
	transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}
.next:hover{
	opacity:0.4;
}
.slides-navigation a.prev {
	left:25px;
	top:30px;
	background:url(../img/izquierda.png)no-repeat;
	background-position:bottom;
	width:29px;
	height:46px;
	transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}
.slides-navigation a.prev:hover{
	opacity:0.4;
}

/*FIN ESTILOS SLIDER HOME*/


/*ESTILO FICHA VARIEDAD*/
.variedad{
	width:100%;
	height:102vh;
	/*background-color:green;*/
	float:left;
}
.fondo-variedad-pionera{
	width:100%;
	height:90vh;
	background:url(../img/bg-pionera.jpg) no-repeat center;
	  -webkit-background-size:cover;
	  -moz-background-size:cover;
	  -o-background-size:cover;
	  background-size:cover;
	border-bottom-style:solid;
	border-bottom-width:6px;
	border-bottom-color:#643200;
	position:absolute;
}
.fondo-variedad-especialidades{
	width:100%;
	height:90vh;
	background:url(../img/bg-especialidades.jpg) no-repeat center;
	  -webkit-background-size:cover;
	  -moz-background-size:cover;
	  -o-background-size:cover;
	  background-size:cover;
	border-bottom-style:solid;
	border-bottom-width:6px;
	border-bottom-color:#75839d;
	position:absolute;
}
.fondo-variedad-temporada{
	width:100%;
	height:90vh;
	background:url(../img/bg-temporada.jpg) no-repeat center;
	  -webkit-background-size:cover;
	  -moz-background-size:cover;
	  -o-background-size:cover;
	  background-size:cover;
	border-bottom-style:solid;
	border-bottom-width:6px;
	border-bottom-color:#704220;
	position:absolute;
}
.fondo-variedad-coleccion{
	width:100%;
	height:90vh;
	background:url(../img/bg-coleccion.jpg) no-repeat center;
	  -webkit-background-size:cover;
	  -moz-background-size:cover;
	  -o-background-size:cover;
	  background-size:cover;
	border-bottom-style:solid;
	border-bottom-width:6px;
	border-bottom-color:#6c4f22;
	position:absolute;
}
.fondo-variedad-edicion{
	width:100%;
	height:90vh;
	background:url(../img/bg-edicion.jpg) no-repeat center;
	  -webkit-background-size:cover;
	  -moz-background-size:cover;
	  -o-background-size:cover;
	  background-size:cover;
	border-bottom-style:solid;
	border-bottom-width:6px;
	border-bottom-color:#512c1e;
	position:absolute;
}
.caja-botellas-center{
	width:84vw;
	height:100vh;
	position:absolute;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
}
.wrapper-pioneras {
	width:42vw;
	height:auto;
	position:absolute;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	bottom:0;
}
.wrapper-especialidades {
	width:84vw;
	height:auto;
	position:absolute;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	bottom:0;
}
.wrapper-temporada {
	width:28vw;
	height:auto;
	position:absolute;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	bottom:0;
}
.wrapper-coleccion {
	width:45vw;
	height:auto;
	position:absolute;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	bottom:0;
}
.wrapper-edicion {
	width:15vw;
	height:auto;
	position:absolute;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	bottom:0;
}
.item-botella{
	max-width:28vh;
	width:14vw;
	height:auto;
	transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}
.wrapper-coleccion .item-botella{
	width:15vw;
}
.wrapper-edicion .item-botella{
	width:15vw;
}
.item-botella:hover{
	transform:scale(0.95);
}
.caja-titulo-variedad {
	width:30vw;
	height:auto;
	position:absolute;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
}
.titulo-especialidades{
	width:35vw;
}
.titulo-temporada{
	width:31vw;
}
.titulo-coleccion,.titulo-edicion{
	width:45vw;
}

.submenu-variedades {
	width:16vw;
	height:20vh;
	position:fixed;
	z-index:9;
	margin-top:25px;
	top:1%;
	display:none;
	text-align:right;
}


.submenu-variedades a{
	display:block;
	font-family:'Ethos-CondensedHeavy';
	font-style:normal;
	font-weight:normal;
	color:#512c1e;
	font-size:8pt;
	text-transform:uppercase;
	margin-bottom:4px;
	background:#edc340;
	text-decoration:none;
	padding-right:15px;
	width:138px;
	padding-top:4px;
	height:25px;
}

.submenu-variedades a:hover{
	color:#a31013;
}

.submenu-variedades a.active:before {
	background-color:#a31013;
	color:#a31013 !important;
}

.submenu-variedades a:before {
	content:'';
	width:7px;
	height:30px;
	position:absolute;
	background-color:#512c1e;
	right:0;
	top:0;
}
/*
.activo-v{
	color:#a31013!important;
	text-decoration:none;
}
.activo-v:before{
	background-color:#a31013!important;
}

/*FIN ESTILO FICHA VARIEDAD*/

/*ESTILOS SECCION INSTAGRAM*/
.wrapper-instagram{
	width:100%;
	min-height:500px;
	float:left;
}
.titulo-instagram {
	width:28vw;
	height:auto;
	position:absolute;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
}
.caja-fotos-inta {
	width:100%;
	height:auto;
	margin-top:7vh;
}

#container1 {
	width:100%;
	overflow-x:hidden;
	position:relative;
}
.item-insta1,.item-insta {
	width:20%;
	float:left;
}
.item-insta2 {
	width:40%;
	float:left;
}
.item-insta1 img,.item-insta2 img,.item-insta img {
	display:block;
	width:100.5%;
}

img {
	border:0 none;
	outline:0 none;
}
.clear{clear:both;}
/**** Transitions for Masonry ****/
.masonry,
.masonry .masonry-brick {
  -webkit-transition-duration:0.4s;
	 -moz-transition-duration:0.4s;
	  -ms-transition-duration:0.4s;
	   -o-transition-duration:0.4s;
		  transition-duration:0.4s;
}

.masonry {
  -webkit-transition-property:height, width;
	 -moz-transition-property:height, width;
	  -ms-transition-property:height, width;
	   -o-transition-property:height, width;
		  transition-property:height, width;
}

.masonry .masonry-brick {
  -webkit-transition-property:left, right, top;
	 -moz-transition-property:left, right, top;
	  -ms-transition-property:left, right, top;
	   -o-transition-property:left, right, top;
		  transition-property:left, right, top;
}

/*FIN ESTILOS SECCION INSTAGRAM*/


/*ESTILOS FOOTER DEL SITIO*/
footer {
	width:100%;
	height:auto;
	background-color:#f3c53f;
	float:left;
	padding-bottom:15px;
}
.center-footer {
	width:95vw;
	min-height:14vh;
	margin:auto;
	margin-top:20px;
}
.logo-footer {
	width:15vw;
	height:auto;
	float:right;
}
.menu-footer {
	width:65vw;
	height:20px;
	position:absolute;
	margin-left:12vw;
	margin-top:5vh;
}
#footer-nav {
	text-transform:uppercase;
}
.menu-footer li {
	list-style:none;
	padding:0;
	margin:0;
}
.menu-footer ul li a {
	font-family:'Ethos-CondensedHeavy';
	font-style:normal;
	font-weight:normal;
	color:#3a2213;
	font-size:1vw;
	float:left;
	text-decoration:none;
	outline:0;
	padding:0;
	margin-right:26px;
	transition:color 0.5s ease;
	-webkit-transition:color 0.5s ease;
	-moz-transition:color 0.5s ease;

}
.menu-footer ul li a:hover{
	color:#c30b0b;
}

.menu-footer ul ul {
	display:none;
	position:absolute;
	left:0px;
	/* background:#ffe086; */
	padding:0;
	/* margin-top:9px; */
	margin-top:13px;
	width:860px;
	height:50px;
	/*transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;*/
}
.content-menu-secundario-footer {
	position:absolute;
	top:100%;
	padding:0;
	margin-top:-40px;
	width:860px;
}

.menu-footer ul ul li {
	float:left;
	width:auto;
}

.menu-footer ul ul a {
	width:100%;
	font-family:'Ethos-CondensedHeavy';
	font-style:normal;
	font-weight:normal;
	color:#21201d;
	font-size:10px;
	line-height:120%;
	padding:4px 0px;
}


.menu-footer ul ul ul
{
	top:0;
	left:100%
}
.menu-footer ul li:hover > ul
{
	/*display:block*/
}

.caja-rss{
	width:10vw;
	height:auto;
	position:absolute;
	margin-top:4vh;
}
.ico-facebook{
	width:2vw;
	height:auto;
	float:left;
}
.ico-twitter{
	width:2vw;
	height:auto;
	float:left;
	margin-left:1vw;
}
.ico-instagram{
	width:2vw;
	height:auto;
	float:left;
	margin-left:1vw;
}
/*FIN ESTILOS FOOTER DEL SITIO*/



.btn-menu{ display:none; }
.fot-desktop{
	display:block;
}
.fot-mobile{
	display:none;
}


/*ESTILOS PAGINA FICHA VARIEDAD*/
.box-info-ficha{
	/*width:100%;
	height:100vh;
	float:left;*/
	width:100%;
	min-height:100vh;
	float:left;
}
.bg-ficha {
	width:100%;
	height:83vh;
	position:absolute;
	background-repeat:no-repeat;
	background-position:bottom center;
	-webkit-background-size:cover;
	   -moz-background-size:cover;
		 -o-background-size:cover;
			background-size:cover;
}
.bg-maridaje{
	width:100%;
	height:70vh;
	position:absolute;
	 background:url(../img/bg-maridajes.png) no-repeat center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
.center-datos-ficha {
	/*width:95%;
	height:67vh;
	margin:auto;
	z-index:99;
	position:relative;
	margin-top:6vh;*/
	width:95%;
	min-height:470px;
	margin:auto;
	z-index:99;
	position:relative;
	margin-top:6vh;
	/*overflow:auto;*/
}
.caja-presentacion {
	width:29vw;
	height:auto;
	float:left;
}
.info1 {
	width:57vw;
	height:30vh;
	float:left;
	margin-left:6vw;
	margin-top:2vh;
}
.info-secundaria {
	width:15vw;
	/*min-height:30vh;*/
	float:left;
	margin-left:6vw;
	margin-top:15px;
}
.info-etiqueta-vaso {
	width:31vw;
	height:30vh;
	float:left;
	margin-left:5vw;
	margin-top:15px;
}
.info2 {
	width:37.5vw;
	min-height:40vh;
	float:left;
	margin-left:3vw;
	margin-top:13vh;
}
.info1 h2{
	font-family:'Ethos-CondensedLight';
	font-style:normal;
	font-weight:normal;
	color:#3a2213;
	font-size:2.5vw;
	text-transform:uppercase;
}
.info1 h1 {
	font-family:'Ethos-CondensedHeavy';
	font-style:normal;
	font-weight:normal;
	color:#3a2213;
	font-size:3.5vw;
	text-transform:uppercase;
	line-height:3.5vh;
}
.info1 span {
	font-family:'Ethos-CondensedMedium';
	font-style:normal;
	font-weight:normal;
	color:#3a2213;
	font-size:1.1vw;
	text-transform:uppercase;
	/* float:right; */
	/*margin-top:-1.2vw;*/
	margin-top:0.1vw;
	position:absolute;
	/*margin-left:17.5vw;*/
}
.grafismo-titulo {
	width:0.3vw;
	height:8.7vh;
	position:absolute;
	background-color:#f3c43c;
	margin-left:-0.7vw;
	margin-top:1.3vh;
}
.info1 h3{
	font-family:'Ethos-CondensedHeavy';
	font-style:normal;
	font-weight:normal;
	color:#3a2213;
	font-size:2.1vw;
	text-transform:uppercase;
	margin-top:2.8vh;
}
.info1 p{
	font-family:'Ethos-CondensedMedium';
	font-style:normal;
	font-weight:normal;
	color:#3a2213;
	font-size:1.3vw;
	margin:0;
	padding:0;
	line-height:2.6vh;
}
.info1 h4{
	font-family:'Ethos-CondensedHeavy';
	font-style:normal;
	font-weight:normal;
	color:#3a2213;
	font-size:1.4vw;
	text-transform:uppercase;
	margin-top:2.5vh;
}
.box-notas-maridajes{
	width:97%;
	min-height:100px;
	border-left-style:solid;
	border-left-width:2px;
	border-left-color:#3a2213;
	float:left;
	padding-left:1vw;
	margin-bottom:4vh;
}
.box-notas-maridajes h1{
	font-family:'Ethos-CondensedHeavy';
	font-style:normal;
	font-weight:normal;
	color:#3a2213;
	font-size:1.4vw;
	text-transform:uppercase;
}
.box-notas-maridajes p{
	font-family:'Ethos-CondensedMedium';
	font-style:normal;
	font-weight:normal;
	color:#3a2213;
	font-size:1.2vw;
	margin:0;
	padding:0;
	line-height:2.6vh;
}
.firma-kunstmann {
	width:10vw;
	height:auto;
	float:left;
	margin-right:2vw;
	margin-top:10px;
}
.wrapper-datos-secundarios {
	width:54vw;
	min-height:170px;
	/* margin:auto; */
	/* margin:0vw 10vw auto; */
	margin-top:0vh;
	overflow:auto;
	margin-left:3.3vw;
	float:left;
}
.content-etiqueta {
	width:15.5vw;
	height:auto;
	/* float:left; */
	float:left;
	margin-left:2vw;
}
.caja-graduacion {
	width:20vw;
	height:13vh;
	float:left;
	margin-left:1.7vw;
	margin-top:5vh;
}
.vaso-cont {
	width:13.5vw;
	height:auto;
	float:left;
}
.dat-graduacion {
	width:13vw;
	height:13vh;
	float:left;
	margin-left:1vw;
}
.dat-graduacion h1,.info-secundaria h1{
	font-family:'Ethos-CondensedLight';
	font-style:normal;
	font-weight:normal;
	color:#3a2213;
	font-size:1.2vw;
	margin:0;
	padding:0;
	text-transform:uppercase;
}
.dat-graduacion p,.info-secundaria p{
	font-family:'Ethos-CondensedMedium';
	font-style:normal;
	font-weight:normal;
	color:#3a2213;
	font-size:1.4vw;
	margin:0;
	padding:0;

}
.margen-text{
	margin-top:1.5vh !Important;
}
.caja-color {
	width:14vw;
	height:10vh;
	float:left;
	margin-left:2.6vw;
	margin-top:10vh;
	/*background-color:red;*/
}
.caja-temperatura {
	width:14vw;
	height:10vh;
	float:left;
	margin-left:4.6vw;
	margin-top:10vh;
}
.caja-amargor {
	width:14vw;
	height:10vh;
	float:left;
	margin-left:4.6vw;
	/*margin-top:7vh;*/
	margin-top:10vh;
}
.barra-indica-temperatura {
	width:1px;
	height:15px;
	position:absolute;
	margin-top:-17px;
	background-color:#dd1828;
	margin-left:0.5vw;
}
.caja-color h1,.caja-temperatura h1,.caja-amargor h1{
	font-family:'Ethos-CondensedMedium';
	font-style:normal;
	font-weight:normal;
	color:#3a2213;
	font-size:1.1vw;
	margin:0;
	padding:0;
	text-transform:uppercase;
}
.refe-color{
	width:13vw;
	height:15px;
	margin-top:12px;
}
.refe-amargor{
	width:13vw;
	height:36px;
}
.refe-temperatura {
	width:13vw;
	height:21px;
	z-index:9;
	position:relative;
	margin-top:12px;
}
.marcador-1 {
	width:26px;
	height:26px;
	position:absolute;
	margin-top:12px;
	margin-left:0;
}
.marcador-2 {
	width:1.5vw;
	height:auto;
	position:absolute;
	margin-top:1px;
	margin-left:2vw;
}
.marcador-3 {
	width:26px;
	height:23px;
	position:absolute;
	margin-top:12px;
	margin-left:20px;
}
.datos-marcador {
	width:7vw;
	height:3vh;
	position:absolute;
	margin-top:13px;
}
.datos-marcador3 {
	width:6vw;
	height:3vh;
	position:absolute;
	margin-left:-1.1vw;
	margin-top:13px;
}
.datos-marcador2 {
	width:6vw;
	height:3vh;
	position:absolute;
	margin-left:0.5vw;
	margin-top:32px;
}
.datos-marcador span,.datos-marcador2 span,.datos-marcador3 span{
	font-family:'Ethos-CondensedMedium';
	font-style:normal;
	font-weight:normal;
	color:#3a2213;
	font-size:1vw;
	margin:0;
	padding:0;
}

/*FIN ESTILOS PAGINA FICHA VARIEDAD*/

/*ESTILOS VIDEO FICHA*/
.box-video-ficha{
	width:100%;
	height:100vh;
	float:left;
	background-color:#000;
}
.center-video {
	width:100%;
	height:100vh;
	position:absolute;
	overflow:hidden;
}
.btn-play {
	width:73px;
	height:74px;
	position:absolute;
	background-image:url(../img/btn-play.png);
	background-repeat:no-repeat;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	top:50%;
	margin-top:-45px;
	cursor:pointer;
	z-index:99999;
}
.estado-play-pausa {
	width:100%;
	height:100%;
	position:absolute;
	display:none;
	z-index:99;
}

.main-title-tour {
	position:absolute;
	z-index:999;
	width:100%;
	margin-top:20px;
}

.box-video-mobile a {
	text-decoration:none;
}

.box-title-tour a {
	text-decoration:none;
}

.box-title-tour {
	width:640px;
	margin:0 auto;
}

.title-tour {
	font-family:'Ethos-CondensedLight';
	font-size:22px;
	color:#FFF;
	text-align:center;
}

.main-experiencia-tour {
	width:160px;
	height:60px;
	border:2px solid #FFF;
	float:left;
	background-color:rgba(0, 0, 0, 0.3);
	-webkit-transition:all 200ms ease-in;
	-ms-transition:all 200ms ease-in;
	-moz-transition:all 200ms ease-in;
	transition:all 200ms ease-in;
}

.main-experiencia-tour:hover {
	-webkit-transform:scale(1.3);
	-ms-transform:scale(1.3);
	-moz-transform:scale(1.3);
	transform:scale(1.3);
}

.main-elaboracion-tour {
	width:160px;
	height:60px;
	border:2px solid #FFF;
	float:right;
	background-color:rgba(0, 0, 0, 0.3);
	-webkit-transition:all 200ms ease-in;
	-ms-transition:all 200ms ease-in;
	-moz-transition:all 200ms ease-in;
	transition:all 200ms ease-in;
}

.main-elaboracion-tour:hover {
	-webkit-transform:scale(1.3);
	-ms-transform:scale(1.3);
	-moz-transform:scale(1.3);
	transform:scale(1.3);
}

.box-container-tour {
	width:487px;
	margin:0 auto;
	margin-top:40px;
}

.first-title-experiencia {
	text-align:center;
	text-transform:uppercase;
	color:#FFF;
	font-family:'Ethos-CondensedLight';
	font-size:16px;
	margin-bottom:0px;
	margin-top:10px;
}

.second-title-experiencia {
	text-align:center;
	text-transform:uppercase;
	color:#FFF;
	font-family:'Ethos-CondensedHeavy';
	font-size:21px;
	margin-top:-5px;
	margin-bottom:0px;
}

.first-title-elaboracion {
	text-align:center;
	text-transform:uppercase;
	color:#FFF;
	font-family:'Ethos-CondensedLight';
	font-size:16px;
	margin-bottom:0px;
	margin-top:10px;
}

.second-title-elaboracion {
	text-align:center;
	text-transform:uppercase;
	color:#FFF;
	font-family:'Ethos-CondensedHeavy';
	font-size:21px;
	margin-top:-5px;
}


.btn-play2 {
	width:73px;
	height:74px;
	position:absolute;
	background-image:url(../img/btn-play.png);
	background-repeat:no-repeat;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	top:50%;
	margin-top:-27px;
	cursor:pointer;
	display:none;
}
.btn-pause {
	width:73px;
	height:74px;
	position:absolute;
	background-image:url(../img/btn-pause.png);
	background-repeat:no-repeat;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	top:50%;
	margin-top:-27px;
	cursor:pointer;
	display:none;
}
.trama {
	width:100%;
	height:100%;
	position:absolute;
	background-image:url(../img/trama.png);
	background-repeat:repeat;
}
.caja-reproductor {
	width:100%;
	height:15px;
	position:absolute;
	margin-top:0px;
	z-index:99;
	/* background-color:#000; */
	bottom:0;
}
.box-menu-reproductor {
	/* width:68px; */
	width:63px;
	height:15px;
	position:absolute;
	background-color:#3a2114;
	z-index:9999;
}
.full {
	width:14px;
	height:15px;
	position:absolute;
	background-image:url(../img/full.jpg);
	background-repeat:no-repeat;
	cursor:pointer;
	margin-left:10px;
}
.full-min {
	width:14px;
	height:15px;
	position:absolute;
	background-image:url(../img/full-min.jpg);
	background-repeat:no-repeat;
	cursor:pointer;
	margin-left:10px;
	display:none;
}
.menu-vid {
	width:35px;
	height:15px;
	position:absolute;
	background-image:url(../img/menu-vid.jpg);
	background-repeat:no-repeat;
	cursor:pointer;
	margin-left:63px;
	display:none;
}
.sound-on {
	width:20px;
	height:15px;
	position:absolute;
	background-image:url(../img/sound-on.jpg);
	background-repeat:no-repeat;
	cursor:pointer;
	margin-left:15px;
}
.sound-off {
	width:20px;
	height:15px;
	position:absolute;
	background-image:url(../img/sound-off.jpg);
	background-repeat:no-repeat;
	cursor:pointer;
	margin-left:15px;
	display:none;
}
.bg-video-1 {
	width:100%;
	height:100%;
	position:absolute;
	z-index:9;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
.progress-vid {
	width:0%;
	height:15px;
	background-color:#3a2114;
	position:absolute;
	margin-left:-5px;
}
input#time {
	position:absolute;
	background-color:transparent;
	opacity:0;
	/* width:20px!important; */
	height:22px !Important;
	z-index:999;
}
.barra-tiempo {
	width:100%;
	height:15px;
	/* background-color:#3a2114; */
	position:absolute;
	margin-left:0%;
}
.box-menu-variedades-ficha{
	width:100%;
	height:75vh;
	float:left;
}
.center-m-variedades{
	width:90vw;
	height:45vh;
	margin:auto;
	margin-top:7vh;
}
.nuestras{
	width:17vw;
	height:auto;
	position:absolute;
}
.list-pioneras {
	width:15vw;
	height:30vh;
	float:left;
	margin-top:11vh;
}
.list-especialidades {
	width:30vw;
	height:30vh;
	float:left;
	margin-top:11vh;
	margin-left:1vw;
}
.list-temporada {
	width:10vw;
	height:30vh;
	float:left;
	margin-top:11vh;
	margin-left:1vw;
}
.list-coleccion {
	width:15vw;
	height:30vh;
	float:left;
	margin-top:11vh;
	margin-left:1vw;
}
.list-edicion {
	width:16vw;
	height:30vh;
	float:left;
	margin-top:11vh;
	margin-left:1vw;
}
.c-botellas{
	width:100%;
	min-height:24vh;
	float:left;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
}
.item-botella-c{
	width:4.9vw;
	height:auto;
	transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	margin:auto;
}
.item-botella-c:hover{
	transform:scale(0.93);
}
.c-titulo-box{
	width:100%;
	height:5vh;
	background-color:#d5c8ae;
	float:left;
	display:table;
}
.c-titulo-box h1 {
	display:table-cell;
	vertical-align:middle;
	font-family:'Ethos-CondensedHeavy';
	font-style:normal;
	font-weight:normal;
	color:#3a2213;
	font-size:1.4vw;
	text-align:center;
	padding-top:0.8vh;
}
.min-t h1{
	font-size:1.1vw;
}

/*FIN ESTILOS VIDEO FICHA*/
.fixed{ position:fixed; }

/*ESTILOS PAGINA ELABORACION*/
.content-proceso {
	width:1240px;
	height:2600px;
	margin:auto;
	margin-top:145px;
	margin-bottom:85px;
	display:block;
}
.esquina-1 {
	width:185px;
	height:189px;
	position:absolute;
	background-image:url(../img/esquina-1.png);
	background-repeat:no-repeat;
}
.esquina-2 {
	width:185px;
	height:189px;
	position:absolute;
	background-image:url(../img/esquina-2.png);
	background-repeat:no-repeat;
	margin-left:1055px;
}
.titulo-proceso {
	width:600px;
	height:227px;
	position:absolute;
	background-image:url(../img/titulo-proceso.png);
	background-size:600px 227px;
	background-repeat:no-repeat;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
}
.barril-1 {
	width:196px;
	height:281px;
	position:absolute;
	margin-left:30px;
	margin-top:91px;
}
.palo {
	width:84px;
	height:220px;
	position:absolute;
	background-image:url(../img/palo.png);
	background-repeat:no-repeat;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	z-index:9;
}
.barrill {
	width:164px;
	height:147px;
	position:absolute;
	background-image:url(../img/bg-barril.png);
	background-repeat:no-repeat;
	margin-top:119px;
	margin-left:17px;
}
.barrill2 {
	width:164px;
	height:147px;
	position:absolute;
	background-image:url(../img/bg-barril2.png);
	background-repeat:no-repeat;
	margin-top:119px;
	margin-left:9px;
}
.barril-2 {
	width:196px;
	height:281px;
	position:absolute;
	margin-left:1020px;
	margin-top:91px;
}
.rota-barril {
	-webkit-animation-name:rotabarril;
	-webkit-animation-duration:0.8s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-name:rotabarril;
	-moz-animation-duration:0.8s;
	-moz-animation-fill-mode:forwards;
}
.rota-barril2{
	-webkit-animation-name:rotabarrildos;
	-webkit-animation-duration:0.8s;
	-webkit-animation-fill-mode:forwards;

	-moz-animation-name:rotabarrildos;
	-moz-animation-duration:0.8s;
	-moz-animation-fill-mode:forwards;
}
@-webkit-keyframes rotabarril {
	0%   {
		-webkit-transform :rotate(0deg);
	}
	100% {
		-webkit-transform :rotate(40deg);
	}
}

@-webkit-keyframes rotabarrildos {
	0%   {
		-webkit-transform :rotate(0deg);
	}
	100% {
		-webkit-transform :rotate(-40deg);
	}
}
@-moz-keyframes rotabarril {
	0%   {
		-moz-transform :rotate(0deg);
	}
	100% {
		-moz-transform :rotate(40deg);
	}
}

@-moz-keyframes rotabarrildos {
	0%   {
		-moz-transform :rotate(0deg);
	}
	100% {
		-moz-transform :rotate(-40deg);
	}
}

.box-malta1 {
	width:302px;
	height:222px;
	position:absolute;
	background-image:url(../img/bg-malta1.png);
	background-repeat:no-repeat;
	margin-top:235px;
	margin-left:182px;
	display:none;
}

.pepita1{
	width:25px;
	height:12px;
	position:absolute;
	background-image:url(../images/elabora/pepita1.png);
	background-repeat:no-repeat;
	margin-left:11px;
	display:none;
}
.pepita2{
	width:19px;
	height:20px;
	position:absolute;
	background-image:url(../images/elabora/pepita2.png);
	background-repeat:no-repeat;
	margin-left:23px;
	margin-top:16px;
	display:none;
}
.pepita3{
	width:19px;
	height:20px;
	position:absolute;
	background-image:url(../images/elabora/pepita3.png);
	background-repeat:no-repeat;
	margin-left:42px;
	margin-top:16px;
	display:none;
}
.pepita4{
	width:24px;
	height:11px;
	position:absolute;
	background-image:url(../images/elabora/pepita4.png);
	background-repeat:no-repeat;
	margin-left:42px;
	margin-top:43px;
	display:none;
}
.pepita5{
	width:22px;
	height:15px;
	position:absolute;
	background-image:url(../images/elabora/pepita5.png);
	background-repeat:no-repeat;
	margin-left:36px;
	margin-top:62px;
	display:none;
}
.pepita6{
	width:18px;
	height:20px;
	position:absolute;
	background-image:url(../images/elabora/pepita6.png);
	background-repeat:no-repeat;
	margin-left:55px;
	margin-top:57px;
	display:none;
}
.pepita7{
	width:16px;
	height:19px;
	position:absolute;
	background-image:url(../images/elabora/pepita7.png);
	background-repeat:no-repeat;
	margin-left:73px;
	margin-top:57px;
	display:none;
}
.pepita8{
	width:22px;
	height:13px;
	position:absolute;
	background-image:url(../images/elabora/pepita8.png);
	background-repeat:no-repeat;
	margin-left:76px;
	margin-top:80px;
	display:none;
}
.pepita9{
	width:25px;
	height:10px;
	position:absolute;
	background-image:url(../images/elabora/pepita9.png);
	background-repeat:no-repeat;
	margin-left:96px;
	margin-top:75px;
	display:none;
}
.pepita10{
	width:20px;
	height:13px;
	position:absolute;
	background-image:url(../images/elabora/pepita10.png);
	background-repeat:no-repeat;
	margin-left:107px;
	margin-top:93px;
	display:none;
}
.pepita11{
	width:19px;
	height:14px;
	position:absolute;
	background-image:url(../images/elabora/pepita11.png);
	background-repeat:no-repeat;
	 margin-left:123px;
	margin-top:84px;
	display:none;
}
.pepita12{
	width:23px;
	height:9px;
	position:absolute;
	background-image:url(../images/elabora/pepita12.png);
	background-repeat:no-repeat;
	margin-left:133px;
	margin-top:103px;
	display:none;
}
.pepita13{
	width:21px;
	height:12px;
	position:absolute;
	background-image:url(../images/elabora/pepita13.png);
	background-repeat:no-repeat;
	margin-left:144px;
	margin-top:90px;
	display:none;
}
.pepita14{
	width:21px;
	height:12px;
	position:absolute;
	background-image:url(../images/elabora/pepita14.png);
	background-repeat:no-repeat;
	margin-left:152px;
	margin-top:114px;
	display:none;
}
.pepita15{
	width:16px;
	height:18px;
	position:absolute;
	background-image:url(../images/elabora/pepita15.png);
	background-repeat:no-repeat;
	margin-left:171px;
	margin-top:103px;
	display:none;
}
.pepita16{
	width:21px;
	height:12px;
	position:absolute;
	background-image:url(../images/elabora/pepita14.png);
	background-repeat:no-repeat;
	margin-left:179px;
	margin-top:125px;
	display:none;
}
.pepita17{
	width:16px;
	height:18px;
	position:absolute;
	background-image:url(../images/elabora/pepita17.png);
	background-repeat:no-repeat;
	margin-left:196px;
	margin-top:112px;
	display:none;
}
.pepita18{
	width:21px;
	height:12px;
	position:absolute;
	background-image:url(../images/elabora/pepita14.png);
	background-repeat:no-repeat;
	margin-left:204px;
	margin-top:135px;
	display:none;
}
.pepita19{
	width:23px;
	height:9px;
	position:absolute;
	background-image:url(../images/elabora/pepita19.png);
	background-repeat:no-repeat;
	margin-left:219px;
	margin-top:127px;
	display:none;
}
.pepita20{
	width:24px;
	height:9px;
	position:absolute;
	background-image:url(../images/elabora/pepita20.png);
	background-repeat:no-repeat;
	margin-left:229px;
	margin-top:143px;
	display:none;
}
.pepita21{
	width:57px;
	height:49px;
	position:absolute;
	background-image:url(../images/elabora/pepita21.png);
	background-repeat:no-repeat;
	margin-left:246px;
	margin-top:126px;
	display:none;
}
.box-malta2 {
	width:302px;
	height:222px;
	position:absolute;
	background-image:url(../img/bg-malta2.png);
	background-repeat:no-repeat;
	margin-top:226px;
	margin-left:760px;
	display:none;
}
/*PEPIT*/
.pepit1{
	width:22px;
	height:10px;
	position:absolute;
	background-image:url(../images/elabora/pepit1.png);
	background-repeat:no-repeat;
	margin-left:268px;
	margin-top:11px;
	display:none;
}
.pepit2{
	width:17px;
	height:18px;
	position:absolute;
	background-image:url(../images/elabora/pepit2.png);
	background-repeat:no-repeat;
	margin-left:260px;
	margin-top:27px;
	display:none;
}
.pepit3{
	width:17px;
	height:18px;
	position:absolute;
	background-image:url(../images/elabora/pepit3.png);
	background-repeat:no-repeat;
	margin-left:243px;
	margin-top:27px;
	display:none;
}
.pepit4{
	width:23px;
	height:10px;
	position:absolute;
	background-image:url(../images/elabora/pepit4.png);
	background-repeat:no-repeat;
	margin-left:237px;
	margin-top:52px;
	display:none;
}
.pepit5{
	width:20px;
	height:12px;
	position:absolute;
	background-image:url(../images/elabora/pepit5.png);
	background-repeat:no-repeat;
	margin-left:246px;
	margin-top:72px;
	display:none;
}
.pepit6{
	width:16px;
	height:18px;
	position:absolute;
	background-image:url(../images/elabora/pepit6.png);
	background-repeat:no-repeat;
	margin-left:231px;
	margin-top:68px;
	display:none;
}
.pepit7{
	width:16px;
	height:18px;
	position:absolute;
	background-image:url(../images/elabora/pepit6.png);
	background-repeat:no-repeat;
	margin-left:213px;
	margin-top:68px;
	display:none;
}
.pepit8{
	width:20px;
	height:12px;
	position:absolute;
	background-image:url(../images/elabora/pepit5.png);
	background-repeat:no-repeat;
	margin-left:205px;
	margin-top:90px;
	display:none;
}
.pepit9{
	width:23px;
	height:10px;
	position:absolute;
	background-image:url(../images/elabora/pepit4.png);
	background-repeat:no-repeat;
	margin-left:183px;
	margin-top:85px;
	display:none;
}
.pepit10{
	width:20px;
	height:12px;
	position:absolute;
	background-image:url(../images/elabora/pepit5.png);
	background-repeat:no-repeat;
	margin-left:175px;
	margin-top:103px;
	display:none;
}
.pepit11{
	width:18px;
	height:14px;
	position:absolute;
	background-image:url(../images/elabora/pepit11.png);
	background-repeat:no-repeat;
	margin-left:162px;
	margin-top:93px;
	display:none;
}
.pepit12{
	width:23px;
	height:8px;
	position:absolute;
	background-image:url(../images/elabora/pepit12.png);
	background-repeat:no-repeat;
	margin-left:147px;
	margin-top:112px;
	display:none;
}
.pepit13{
	width:21px;
	height:11px;
	position:absolute;
	background-image:url(../images/elabora/pepit13.png);
	background-repeat:no-repeat;
	margin-left:137px;
	margin-top:100px;
	display:none;
}
.pepit14{
	width:20px;
	height:12px;
	position:absolute;
	background-image:url(../images/elabora/pepit5.png);
	background-repeat:no-repeat;
	margin-left:130px;
	margin-top:122px;
	display:none;
}
.pepit15{
	width:15px;
	height:18px;
	position:absolute;
	background-image:url(../images/elabora/pepit15.png);
	background-repeat:no-repeat;
	margin-left:116px;
	margin-top:112px;
	display:none;
}
.pepit16{
	width:20px;
	height:12px;
	position:absolute;
	background-image:url(../images/elabora/pepit5.png);
	background-repeat:no-repeat;
	margin-left:103px;
	margin-top:133px;
	display:none;
}
.pepit17{
	width:18px;
	height:15px;
	position:absolute;
	background-image:url(../images/elabora/pepit17.png);
	background-repeat:no-repeat;
	margin-left:90px;
	margin-top:124px;
	display:none;
}
.pepit18{
	width:20px;
	height:12px;
	position:absolute;
	background-image:url(../images/elabora/pepit5.png);
	background-repeat:no-repeat;
	margin-left:78px;
	margin-top:143px;
	display:none;
}
.pepit19{
	width:23px;
	height:10px;
	position:absolute;
	background-image:url(../images/elabora/pepit4.png);
	background-repeat:no-repeat;
	margin-left:61px;
	margin-top:136px;
	display:none;
}
.pepit20{
	width:23px;
	height:9px;
	position:absolute;
	background-image:url(../images/elabora/pepit20.png);
	background-repeat:no-repeat;
	margin-left:50px;
	margin-top:152px;
	display:none;
}
.pepit21{
	width:57px;
	height:47px;
	position:absolute;
	background-image:url(../images/elabora/pepit21.png);
	background-repeat:no-repeat;
	margin-left:-1px;
	margin-top:136px;
	display:none;
}

.box-molienda {
	width:313px;
	height:492px;
	position:absolute;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../img/bg-molienda.png);
	background-repeat:no-repeat;
	margin-top:410px;
	display:none;
}
.titulo-molienda {
	width:205px;
	height:205px;
	position:absolute;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../img/titulo-molienda.png);
	background-repeat:no-repeat;
	margin-top:127px;
	display:none;
}
.grafismo-rota{
	width:205px;
	height:205px;
	position:absolute;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../img/grafismo-rota.png);
	background-repeat:no-repeat;
}
.espiga1 {
  width:22px;
  height:48px;
  position:absolute;
  background-image:url(../img/espiga1.png);
  margin-left:501px;
  margin-top:420px;
  z-index:-9;
  display:none;
}
.espiga2{
	width:22px;
	height:48px;
	position:absolute;
	background-image:url(../img/espiga2.png);
	margin-left:531px;
	margin-top:420px;
	z-index:-9;
	display:none;
}
.espiga3{
	width:22px;
	height:48px;
	position:absolute;
	background-image:url(../img/espiga1.png);
	margin-left:561px;
	margin-top:420px;
	z-index:-9;
	display:none;
}
.espiga4{
	width:22px;
	height:48px;
	position:absolute;
	background-image:url(../img/espiga2.png);
	margin-left:592px;
	margin-top:420px;
	z-index:-9;
	display:none;
}
.espiga5{
	width:22px;
	height:48px;
	position:absolute;
	background-image:url(../img/espiga1.png);
	margin-left:623px;
	margin-top:420px;
	z-index:-9;
	display:none;
}
.espiga6{
	width:22px;
	height:48px;
	position:absolute;
	background-image:url(../img/espiga2.png);
	margin-left:654px;
	margin-top:420px;
	z-index:-9;
	display:none;
}
.espiga7{
	width:22px;
	height:48px;
	position:absolute;
	background-image:url(../img/espiga1.png);
	margin-left:686px;
	margin-top:420px;
	z-index:-9;
	display:none;
}
.espiga8{
	width:22px;
	height:48px;
	position:absolute;
	background-image:url(../img/espiga2.png);
	margin-left:718px;
	margin-top:420px;
	z-index:-9;
	display:none;
}
.tubo {
	width:532px;
	height:157px;
	position:absolute;
	background-image:url(../img/tubo.png);
	background-repeat:no-repeat;
	margin-top:865px;
	margin-left:125px;
	z-index:-9;
	display:none;
}
.box-circulos {
	width:59px;
	height:40px;
	position:absolute;
	margin-top:889px;
	margin-left:590px;
	z-index:-9;
}
.elipce-1{
	width:6px;
	height:6px;
	position:absolute;
	background-color:#a56b1e;
	border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
	margin-top:0px;
	display:none;
}
.elipce-2{
	width:6px;
	height:6px;
	position:absolute;
	background-color:#a56b1e;
	border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
	margin-top:0px;
	margin-left:15px;
	display:none;
}
.elipce-3{
	width:6px;
	height:6px;
	position:absolute;
	background-color:#a56b1e;
	border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
	margin-top:0px;
	margin-left:30px;
	display:none;
}
.elipce-4{
	width:6px;
	height:6px;
	position:absolute;
	background-color:#a56b1e;
	border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
	margin-top:0px;
	margin-left:45px;
	display:none;
}
.box-maceracion {
	width:1159px;
	height:288px;
	position:absolute;
	background-image:url(../img/bg-maceracion.png);
	background-repeat:no-repeat;
	margin-left:5px;
	margin-top:995px;
	display:none;
}
.caja-anim1 {
	width:249px;
	height:139px;
	position:absolute;
	margin-top:141px;
	margin-left:7px;
	overflow:hidden;
}
.glass, .glass2 {
	width:249px;
	height:139px;
	position:relative;
}
.water,.water2 {
  background-image:url(../img/waves.png);
  background-position:0px 0px;
  background-repeat:no-repeat;
  position:absolute;
  bottom:0px;
  width:440px;
  height:90px;
}
.box-tridente {
	width:210px;
	height:98px;
	position:absolute;
	background-image:url(../img/bg-tridente.png);
	background-repeat:no-repeat;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	margin-top:-139px;
	overflow:hidden;
}
.line-tridente1,.line-tridentee1 {
  width:1px;
  height:75px;
  background-color:#62240d;
  position:absolute;
  margin-left:20px;
  margin-top:15px;
}
.line-tridente2,.line-tridentee2 {
  width:1px;
  height:75px;
  background-color:#62240d;
  position:absolute;
  margin-left:42px;
  margin-top:15px;
}
.line-tridente3,.line-tridentee3 {
  width:1px;
  height:75px;
  background-color:#62240d;
  position:absolute;
  margin-left:64px;
  margin-top:15px;
}
.line-tridente4,.line-tridentee4 {
  width:1px;
  height:75px;
  background-color:#62240d;
  position:absolute;
  margin-left:85px;
  margin-top:15px;
}
.line-tridente5,.line-tridentee5 {
  width:1px;
  height:75px;
  background-color:#62240d;
  position:absolute;
  margin-left:115px;
  margin-top:15px;
}
.line-tridente6,.line-tridentee6 {
  width:1px;
  height:75px;
  background-color:#62240d;
  position:absolute;
  margin-left:136px;
  margin-top:15px;
}
.line-tridente7,.line-tridentee7 {
  width:1px;
  height:75px;
  background-color:#62240d;
  position:absolute;
  margin-left:161px;
  margin-top:15px;
}
.line-tridente8,.line-tridentee8 {
  width:1px;
  height:75px;
  background-color:#62240d;
  position:absolute;
  margin-left:186px;
  margin-top:15px;
}
.bubbles {
	width:160px;
	padding-left:0px;
	position:absolute;
	bottom:0;
	margin-left:-32px;
	left:50%;
	display:inline-block;
}
.caja-anim2 {
	width:249px;
	height:139px;
	position:absolute;
	margin-top:141px;
	margin-left:489px;
	overflow:hidden;
}
.box-filtro {
	width:219px;
	height:44px;
	position:absolute;
	background-image:url(../img/box-filtro.png);
	background-repeat:no-repeat;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	margin-top:-60px;
	overflow:hidden;
}
.caja-anim3 {
	width:249px;
	height:139px;
	position:absolute;
	margin-top:141px;
	margin-left:793px;
	overflow:hidden;
}

.rot1{
	width:85px;
	height:80px;
	position:absolute;
	background-image:url(../img/rot.png);
	background-repeat:no-repeat;
	margin-left:7px;
	margin-top:10px;
}
.rot2{
	width:85px;
	height:80px;
	position:absolute;
	background-image:url(../img/rot.png);
	background-repeat:no-repeat;
	margin-left:159px;
	margin-top:10px;
}
.box-lupulo {
	width:162px;
	height:200px;
	position:absolute;
	margin-left:837px;
	margin-top:-199px;
}
.tapa-mecanismo {
	width:53px;
	height:50px;
	position:absolute;
	background-image:url(../img/tapa-mecanismo.png);
	background-repeat:no-repeat;
	margin-top:154px;
	margin-left:102px;
}
.lupu {
	width:162px;
	height:200px;
	position:absolute;
	background-image:url(../img/lupu.png);
	background-repeat:no-repeat;
	display:none;
}
.box-aguas {
	width:162px;
	height:200px;
	position:absolute;
	margin-left:287px;
	margin-top:4px;
}
.wateriff {
	width:162px;
	height:200px;
	position:absolute;
	background-image:url(../img/wateriff.png);
	background-repeat:no-repeat;
	margin-left:10px;
	display:none;
}
.p-t{
	width:39px;
	height:60px;
	position:absolute;
	background-image:url(../img/p-t.png);
	background-repeat:no-repeat;
	margin-left:-40px;
	margin-top:30px;
}
.maskk{
	width:120px;
	height:120px;
	border-radius:100px 100px 100px 100px;
	-moz-border-radius:100px 100px 100px 100px;
	-webkit-border-radius:100px 100px 100px 100px;
	margin-top:21px;
	margin-left:21px;
	position:absolute;
	overflow:hidden;
	background-image:url(../img/mov-ondulacion.png);
	background-repeat:no-repeat;
	background-position:-143px 30px;
}
.bubbles {
  width:160px;
  padding-left:0px;
  position:absolute;
  bottom:0;
  margin-left:-32px;
  left:50%;
  display:inline-block;
}
.bubble{
	-webkit-animation:short-bubble 1500ms linear infinite;
	animation:short-bubble 1500ms linear infinite;
	-moz-animation:short-bubble 1500ms linear infinite;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	height:10px;
	width:9px;
	border:1px solid rgba(177,126,33,0.5);
	border-radius:50%;
}
.b2{
	-webkit-animation:medium-bubble 5000ms linear infinite;
	animation:medium-bubble 5000ms linear infinite;
	-moz-animation:medium-bubble 5000ms linear infinite;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	margin-left:-7px;
	margin-top:25px;
	height:13px;
	width:12px;
}

.b3{
	-webkit-animation-duration:3500ms;
	animation-duration:3500ms;
	-moz-animation-duration:3500ms;
	margin-left:-5px;
	margin-bottom:10px;
}

.b4{
	-webkit-animation-duration:2000ms;
	animation-duration:2000ms;
	-moz-animation-duration:2000ms;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	margin:0 0 40px -9px;
	height:7px;
	width:6px;
}

.b5{
	-webkit-animation:medium-bubble 3000ms linear infinite;
	animation:medium-bubble 3000ms linear infinite;
	-moz-animation:medium-bubble 3000ms linear infinite;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	margin-left:-1px;
	margin-top:100px;
	height:5px;
	width:4px;
}

.b6{
	-webkit-animation-duration:3000ms;
	animation-duration:3000ms;
	-moz-animation-duration:3000ms;
	margin-left:-8px;
	margin-bottom:50px;
}

.b7{
	-webkit-animation-duration:6000ms;
	animation-duration:6000ms;
	-moz-animation-duration:6000ms;
	margin-left:-3px;
	margin-bottom:50px;
	height:7px;
	width:6px;
}

.b8{
	-webkit-animation:medium-bubble 2000ms linear infinite;
	-webkit-animation-fill-mode:forwards;
	animation:medium-bubble 2000ms linear infinite;
	animation-fill-mode:forwards;
	-moz-animation:medium-bubble 2000ms linear infinite;
	-moz-animation-fill-mode:forwards;
	margin-left:-13px;
	margin-bottom:30px;
}

@-webkit-keyframes short-bubble{
	0%{ -webkit-transform:translate3d(5px, 0, 0);opacity:0; }
	13%{ -webkit-transform:translate3d(2px, -20px, 0); opacity:1; }
	20%{ -webkit-transform:translate3d(5px, -40px, 0) scale(1.2); }
	30%{ -webkit-transform:translate3d(0, -60px, 0); }
	40%{ -webkit-transform:translate3d(8px, -80px, 0); }
	50%{ -webkit-transform:translate3d(3px, -100px, 0); }
	60%{ -webkit-transform:translate3d(8px, -120px, 0); }
	70%{ opacity:0.4; }
	80%, 100%{ -webkit-transform:translate3d(0,-200px, 0); opacity:0; }
}
@-moz-keyframes short-bubble{
	0%{ -moz-transform:translate3d(5px, 0, 0);opacity:0; }
	13%{ -moz-transform:translate3d(2px, -20px, 0); opacity:1; }
	20%{ -moz-transform:translate3d(5px, -40px, 0) scale(1.2); }
	30%{ -moz-transform:translate3d(0, -60px, 0); }
	40%{ -moz-transform:translate3d(8px, -80px, 0); }
	50%{ -moz-transform:translate3d(3px, -100px, 0); }
	60%{ -moz-transform:translate3d(8px, -120px, 0); }
	70%{ opacity:0.4; }
	80%, 100%{ -moz-transform:translate3d(0,-200px, 0); opacity:0; }
}

@keyframes short-bubble{
	0%{ transform:translate3d(5px, 0, 0);opacity:0; }
	13%{ transform:translate3d(2px, -20px, 0); opacity:1; }
	20%{ transform:translate3d(5px, -40px, 0) scale(1.2); }
	30%{ transform:translate3d(0px, -60px, 0); }
	40%{ transform:translate3d(8px, -80px, 0); }
	50%{ transform:translate3d(3px, -100px, 0); }
	60%{ transform:translate3d(8px, -120px, 0); }
	70%{ opacity:0.4; }
	80%, 100%{ transform:translate3d(0,-200px, 0); opacity:0; }
}

@-webkit-keyframes medium-bubble{
	0%{ -webkit-transform:translate3d(0, 0, 0); opacity:0;}
	5%{ -webkit-transform:translate3d(4px, -20px, 0); opacity:1;}
	10%{ -webkit-transform:translate3d(2px, -40px, 0) rotate(10deg); }
	20%{ -webkit-transform:translate3d(7px, -80px, 0) rotate(14deg) scale(0.7); }
	30%{ -webkit-transform:translate3d(5px, -120px, 0) rotate(15deg); }
	40%{ -webkit-transform:translate3d(1px, -160px, 0) rotate(20deg); }
	50%{ -webkit-transform:translate3d(2px, -200px, 0) rotate(18deg) scale(1.1); }
	60%{ -webkit-transform:translate3d(-3px, -240px, 0) rotate(22deg); opacity:0.4; }
	100%{ -webkit-transform:translate3d(0, -400px, 0); opacity:0; }
}
@-moz-keyframes medium-bubble{
	0%{ -moz-transform:translate3d(0, 0, 0); opacity:0;}
	5%{ -moz-transform:translate3d(4px, -20px, 0); opacity:1;}
	10%{ -moz-transform:translate3d(2px, -40px, 0) rotate(10deg); }
	20%{ -moz-transform:translate3d(7px, -80px, 0) rotate(14deg) scale(0.7); }
	30%{ -moz-transform:translate3d(5px, -120px, 0) rotate(15deg); }
	40%{ -moz-transform:translate3d(1px, -160px, 0) rotate(20deg); }
	50%{ -moz-transform:translate3d(2px, -200px, 0) rotate(18deg) scale(1.1); }
	60%{ -moz-transform:translate3d(-3px, -240px, 0) rotate(22deg); opacity:0.4; }
	100%{ -moz-transform:translate3d(0, -400px, 0); opacity:0; }
}

@keyframes medium-bubble{
	0%{ transform:translate3d(0, 0, 0); opacity:0;}
	5%{ transform:translate3d(4px, -20px, 0); opacity:1;}
	10%{ transform:translate3d(2px, -40px, 0) rotate(10deg); }
	20%{ transform:translate3d(7px, -80px, 0) rotate(14deg) scale(0.7); }
	30%{ transform:translate3d(5px, -120px, 0) rotate(15deg); }
	40%{ transform:translate3d(1px, -160px, 0) rotate(20deg); }
	50%{ transform:translate3d(2px, -200px, 0) rotate(18deg) scale(1.1); }
	60%{ transform:translate3d(-3px, -240px, 0) rotate(22deg); opacity:0.4; }
	100%{ transform:translate3d(0, -400px, 0); opacity:0; }
}

.caricatura1 {
	width:79px;
	height:265px;
	position:absolute;
	margin-left:1035px;
	margin-top:-107px;
	display:none;
}
.box-enfriamiento {
	width:171px;
	height:241px;
	position:absolute;
	margin-top:1195px;
	margin-left:1069px;
	display:none;
}
.box-camiones {
	width:700px;
	height:132px;
	position:absolute;
	margin-top:1281px;
	margin-left:335px;
}
.flecha-crudo{
	width:363px;
	height:47px;
	position:absolute;
	background-image:url(../img/flecha-crudo.png);
	background-repeat:no-repeat;
	margin-left:345px;
	margin-top:10px;
	display:none;
}
.dosificador{
	width:48px;
	height:48px;
	position:absolute;
	background-image:url(../img/dosificador.png);
	background-repeat:no-repeat;
	margin-left:258px;
	display:none;
}
.camion {
  width:156px;
  height:81px;
  position:absolute;
  background-image:url(../img/camion.png);
  background-repeat:no-repeat;
  margin-top:50px;
  margin-left:525px;
  display:none;
  background-position:0px 0px;
}
.tubo-largo {
	width:1175px;
	height:380px;
	position:absolute;
	background-image:url(../img/tubo-largo.png);
	background-repeat:no-repeat;
	margin-top:1346px;
	z-index:-9;
	margin-left:41px;
	display:none;
}
.box-injeccion {
	width:200px;
	height:237px;
	position:absolute;
	background-image:url(../img/bg-injeccion.png);
	background-repeat:no-repeat;
	margin-left:808px;
	margin-top:75px;
	display:none;
}
.levadura1{
	width:11px;
	height:10px;
	position:absolute;
	background-image:url(../images/elabora/levadura1.png);
	background-repeat:no-repeat;
	margin-top:62px;
	margin-left:82px;
	display:none;
}
.levadura2{
	width:12px;
	height:10px;
	position:absolute;
	background-image:url(../images/elabora/levadura2.png);
	background-repeat:no-repeat;
	margin-top:76px;
	margin-left:84px;
	display:none;
}
.levadura3{
	width:9px;
	height:11px;
	position:absolute;
	background-image:url(../images/elabora/levadura3.png);
	background-repeat:no-repeat;
	margin-top:70px;
	margin-left:74px;
	display:none;
}
.levadura4{
	width:10px;
	height:10px;
	position:absolute;
	background-image:url(../images/elabora/levadura4.png);
	background-repeat:no-repeat;
	margin-top:71px;
	margin-left:61px;
	display:none;
}
.levadura5{
	width:10px;
	height:8px;
	position:absolute;
	background-image:url(../images/elabora/levadura5.png);
	background-repeat:no-repeat;
	margin-top:86px;
	margin-left:69px;
	display:none;
}
.levadura6{
	width:13px;
	height:12px;
	position:absolute;
	background-image:url(../images/elabora/levadura6.png);
	background-repeat:no-repeat;
	margin-top:91px;
	margin-left:87px;
	display:none;
}
.levadura7{
	width:10px;
	height:15px;
	position:absolute;
	background-image:url(../images/elabora/levadura7.png);
	background-repeat:no-repeat;
	margin-top:96px;
	margin-left:73px;
	display:none;
}
.levadura8{
	width:12px;
	height:9px;
	position:absolute;
	background-image:url(../images/elabora/levadura8.png);
	background-repeat:no-repeat;
	margin-top:92px;
	margin-left:55px;
	display:none;
}
.levadura9{
	width:11px;
	height:13px;
	position:absolute;
	background-image:url(../images/elabora/levadura9.png);
	background-repeat:no-repeat;
	margin-top:104px;
	margin-left:104px;
	display:none;
}
.levadura10{
	width:15px;
	height:8px;
	position:absolute;
	background-image:url(../images/elabora/levadura10.png);
	background-repeat:no-repeat;
	margin-top:110px;
	margin-left:84px;
	display:none;
}
.levadura11{
	width:15px;
	height:14px;
	position:absolute;
	background-image:url(../images/elabora/levadura11.png);
	background-repeat:no-repeat;
	margin-top:118px;
	margin-left:82px;
	display:none;
}
.levadura12{
	width:12px;
	height:12px;
	position:absolute;
	background-image:url(../images/elabora/levadura12.png);
	background-repeat:no-repeat;
	margin-top:112px;
	margin-left:58px;
	display:none;
}
.levadura13{
	width:14px;
	height:13px;
	position:absolute;
	background-image:url(../images/elabora/levadura13.png);
	background-repeat:no-repeat;
	margin-top:130px;
	margin-left:54px;
	display:none;
}
.levadura14{
	width:11px;
	height:15px;
	position:absolute;
	background-image:url(../images/elabora/levadura14.png);
	background-repeat:no-repeat;
	margin-top:128px;
	margin-left:72px;
	display:none;
}
.levadura15{
	width:17px;
	height:13px;
	position:absolute;
	background-image:url(../images/elabora/levadura15.png);
	background-repeat:no-repeat;
	margin-top:133px;
	margin-left:94px;
	display:none;
}
.levadura16{
	width:16px;
	height:12px;
	position:absolute;
	background-image:url(../images/elabora/levadura16.png);
	background-repeat:no-repeat;
	margin-top:144px;
	margin-left:43px;
	display:none;
}
.levadura17{
	width:14px;
	height:10px;
	position:absolute;
	background-image:url(../images/elabora/levadura17.png);
	background-repeat:no-repeat;
	margin-top:151px;
	margin-left:64px;
	display:none;
}
.levadura18{
	width:14px;
	height:22px;
	position:absolute;
	background-image:url(../images/elabora/levadura18.png);
	background-repeat:no-repeat;
	margin-top:158px;
	margin-left:79px;
	display:none;
}
.levadura19{
	width:16px;
	height:15px;
	position:absolute;
	background-image:url(../images/elabora/levadura19.png);
	background-repeat:no-repeat;
	margin-top:149px;
	margin-left:98px;
	display:none;
}
.levadura20{
	width:14px;
	height:16px;
	position:absolute;
	background-image:url(../images/elabora/levadura20.png);
	background-repeat:no-repeat;
	margin-top:166px;
	margin-left:105px;
	display:none;
}
.levadura21{
	width:20px;
	height:12px;
	position:absolute;
	background-image:url(../images/elabora/levadura21.png);
	background-repeat:no-repeat;
	margin-top:182px;
	margin-left:78px;
	display:none;
}
.estanque1 {
	width:191px;
	height:326px;
	position:absolute;
	background-image:url(../img/estanque1.png);
	background-repeat:no-repeat;
	margin-left:561px;
	margin-top:110px;
	display:none;
}
.rota-graf23{
	width:140px;
	height:140px;
	position:absolute;
	background-image:url(../img/rota-graf23.png);
	background-repeat:no-repeat;
	margin-top:129px;
	margin-left:30px;
}
.estanque2 {
	width:139px;
	height:347px;
	position:absolute;
	background-image:url(../img/estanque2.png);
	background-repeat:no-repeat;
	margin-left:388px;
	margin-top:86px;
	display:none;
}
.estanque3 {
	width:191px;
	height:326px;
	position:absolute;
	background-image:url(../img/estanque3.png);
	background-repeat:no-repeat;
	margin-left:168px;
	margin-top:110px;
	display:none;
}
.ilustracion-personaje{
	width:89px;
	height:96px;
	position:absolute;
	margin-top:-87px;
	margin-left:30px;
	display:none;
}
.caja-envasado {
	width:361px;
	height:273px;
	position:absolute;
	margin-top:1705px;
	margin-left:46px;
	display:none;
}
.graf-envasado{
	width:361px;
	height:44px;
	position:absolute;
	bottom:0;
}
.bott1{
	width:19px;
	height:74px;
	position:absolute;
	background-image:url(../images/elabora/botella-clara.png);
	background-repeat:no-repeat;
	display:none;
}
.bott2{
	width:19px;
	height:74px;
	position:absolute;
	background-image:url(../images/elabora/botella-oscura.png);
	background-repeat:no-repeat;
	margin-left:22px;
	display:none;
}
.bott3{
	width:19px;
	height:74px;
	position:absolute;
	background-image:url(../images/elabora/botella-clara.png);
	background-repeat:no-repeat;
	margin-left:44px;
	display:none;
}
.bott4{
	width:19px;
	height:74px;
	position:absolute;
	background-image:url(../images/elabora/botella-oscura.png);
	background-repeat:no-repeat;
	margin-top:77px;
	display:none;
}
.bott5{
	width:19px;
	height:74px;
	position:absolute;
	background-image:url(../images/elabora/botella-clara.png);
	background-repeat:no-repeat;
	margin-top:77px;
	margin-left:22px;
	display:none;
}
.bott6{
	width:19px;
	height:74px;
	position:absolute;
	background-image:url(../images/elabora/botella-oscura.png);
	background-repeat:no-repeat;
	margin-top:77px;
	margin-left:44px;
	display:none;
}
.bott7{
	width:19px;
	height:74px;
	position:absolute;
	background-image:url(../images/elabora/botella-clara.png);
	background-repeat:no-repeat;
	margin-top:154px;
	display:none;
}
.bott8{
	width:19px;
	height:74px;
	position:absolute;
	background-image:url(../images/elabora/botella-oscura.png);
	background-repeat:no-repeat;
	margin-top:154px;
	margin-left:22px;
	display:none;
}
.bott9{
	width:19px;
	height:74px;
	position:absolute;
	background-image:url(../images/elabora/botella-oscura.png);
	background-repeat:no-repeat;
	margin-top:154px;
	margin-left:44px;
	display:none;
}
.bott10{
	width:19px;
	height:74px;
	position:absolute;
	background-image:url(../images/elabora/botella-clara.png);
	background-repeat:no-repeat;
	margin-top:154px;
	margin-left:66px;
	display:none;
}
.bott11{
	width:19px;
	height:74px;
	position:absolute;
	background-image:url(../images/elabora/botella-oscura.png);
	background-repeat:no-repeat;
	margin-top:154px;
	margin-left:88px;
	display:none;
}
.bott12{
	width:19px;
	height:74px;
	position:absolute;
	background-image:url(../images/elabora/botella-clara.png);
	background-repeat:no-repeat;
	margin-top:154px;
	margin-left:110px;
	display:none;
}
.bott13{
	width:19px;
	height:74px;
	position:absolute;
	background-image:url(../images/elabora/botella-oscura.png);
	background-repeat:no-repeat;
	margin-top:154px;
	margin-left:132px;
	display:none;
}
.bott14{
	width:19px;
	height:74px;
	position:absolute;
	background-image:url(../images/elabora/botella-clara.png);
	background-repeat:no-repeat;
	margin-top:154px;
	margin-left:154px;
	display:none;
}
.bott15{
	width:19px;
	height:74px;
	position:absolute;
	background-image:url(../images/elabora/botella-oscura.png);
	background-repeat:no-repeat;
	margin-top:154px;
	margin-left:176px;
	display:none;
}
.bott16{
	width:19px;
	height:74px;
	position:absolute;
	background-image:url(../images/elabora/botella-clara.png);
	background-repeat:no-repeat;
	margin-top:154px;
	margin-left:198px;
	display:none;
}
.bott17{
	width:19px;
	height:74px;
	position:absolute;
	background-image:url(../images/elabora/botella-oscura.png);
	background-repeat:no-repeat;
	margin-top:154px;
	margin-left:220px;
	display:none;
}
.bott18{
	width:19px;
	height:74px;
	position:absolute;
	background-image:url(../images/elabora/botella-clara.png);
	background-repeat:no-repeat;
	margin-top:154px;
	margin-left:242px;
	display:none;
}
.bott19{
	width:19px;
	height:74px;
	position:absolute;
	background-image:url(../images/elabora/botella-oscura.png);
	background-repeat:no-repeat;
	margin-top:154px;
	margin-left:264px;
	display:none;
}
.bott20{
	width:19px;
	height:74px;
	position:absolute;
	background-image:url(../images/elabora/botella-clara.png);
	background-repeat:no-repeat;
	margin-top:154px;
	margin-left:286px;
	display:none;
}
.bott21{
	width:19px;
	height:74px;
	position:absolute;
	background-image:url(../images/elabora/botella-oscura.png);
	background-repeat:no-repeat;
	margin-top:154px;
	margin-left:308px;
	display:none;
}
.bott22{
	width:19px;
	height:74px;
	position:absolute;
	background-image:url(../images/elabora/botella-clara.png);
	background-repeat:no-repeat;
	margin-top:154px;
	margin-left:330px;
	display:none;
}
.line-botellas{
	width:361px;
	height:5px;
	position:absolute;
	background-image:url(../img/line-botella.jpg);
	background-repeat:no-repeat;
	margin-top:201px;
	display:none;
}
.envasador {
  width:110px;
  height:112px;
  position:absolute;
  background-image:url(../img/envasador.png);
  background-repeat:no-repeat;
  margin-top:76px;
  z-index:-9;
  margin-left:70px;
  display:none;
}
.caja-pasteurizacion {
  width:845px;
  height:242px;
  position:absolute;
  margin-top:1864px;
  margin-left:390px;
  background-image:url(../img/bg-pasteurizacion.png);
  background-repeat:no-repeat;
  display:none;
}
.bo-tt1 {
  width:19px;
  height:74px;
  position:absolute;
  background-image:url(../images/elabora/botella-clara.png);
  background-repeat:no-repeat;
  margin-left:258px;
  margin-top:123px;
  display:none;
}
.bo-tt2 {
  width:19px;
  height:74px;
  position:absolute;
  background-image:url(../images/elabora/botella-oscura.png);
  background-repeat:no-repeat;
  margin-left:280px;
  margin-top:123px;
  display:none;
}
.bo-tt3 {
  width:19px;
  height:74px;
  position:absolute;
  background-image:url(../images/elabora/botella-clara.png);
  background-repeat:no-repeat;
  margin-left:302px;
  margin-top:123px;
  display:none;
}
.bo-tt4 {
  width:19px;
  height:74px;
  position:absolute;
  background-image:url(../images/elabora/botella-oscura.png);
  background-repeat:no-repeat;
  margin-left:324px;
  margin-top:123px;
  display:none;
}
.bo-tt5 {
  width:19px;
  height:74px;
  position:absolute;
  background-image:url(../images/elabora/botella-clara.png);
  background-repeat:no-repeat;
  margin-left:346px;
  margin-top:123px;
  display:none;
}
.bo-tt6 {
  width:19px;
  height:74px;
  position:absolute;
  background-image:url(../images/elabora/botella-oscura.png);
  background-repeat:no-repeat;
  margin-left:368px;
  margin-top:123px;
  display:none;
}
.bo-tt7 {
  width:19px;
  height:74px;
  position:absolute;
  background-image:url(../images/elabora/botella-clara.png);
  background-repeat:no-repeat;
  margin-left:390px;
  margin-top:123px;
  display:none;
}
.bo-tt8 {
  width:19px;
  height:74px;
  position:absolute;
  background-image:url(../images/elabora/botella-oscura.png);
  background-repeat:no-repeat;
  margin-left:412px;
  margin-top:123px;
  display:none;
}
.bo-tt9 {
  width:19px;
  height:74px;
  position:absolute;
  background-image:url(../images/elabora/botella-clara.png);
  background-repeat:no-repeat;
  margin-left:434px;
  margin-top:123px;
  display:none;
}
.bo-tt10 {
  width:19px;
  height:74px;
  position:absolute;
  background-image:url(../images/elabora/botella-oscura.png);
  background-repeat:no-repeat;
  margin-left:456px;
  margin-top:123px;
  display:none;
}
.bo-tt11 {
  width:19px;
  height:74px;
  position:absolute;
  background-image:url(../images/elabora/botella-clara.png);
  background-repeat:no-repeat;
  margin-left:478px;
  margin-top:123px;
  display:none;
}
.bo-tt12 {
  width:19px;
  height:74px;
  position:absolute;
  background-image:url(../images/elabora/botella-oscura.png);
  background-repeat:no-repeat;
  margin-left:500px;
  margin-top:123px;
  display:none;
}
.bo-tt13 {
  width:19px;
  height:74px;
  position:absolute;
  background-image:url(../images/elabora/botella-clara.png);
  background-repeat:no-repeat;
  margin-left:522px;
  margin-top:123px;
  display:none;
}
.bo-tt14 {
  width:19px;
  height:74px;
  position:absolute;
  background-image:url(../images/elabora/botella-oscura.png);
  background-repeat:no-repeat;
  margin-left:544px;
  margin-top:123px;
  display:none;
}
.bo-tt15 {
  width:19px;
  height:74px;
  position:absolute;
  background-image:url(../images/elabora/botella-clara.png);
  background-repeat:no-repeat;
  margin-left:566px;
  margin-top:123px;
  display:none;
}
.bo-tt16 {
  width:19px;
  height:74px;
  position:absolute;
  background-image:url(../images/elabora/botella-oscura.png);
  background-repeat:no-repeat;
  margin-left:588px;
  margin-top:123px;
  display:none;
}
.bo-tt17 {
  width:19px;
  height:74px;
  position:absolute;
  background-image:url(../images/elabora/botella-clara.png);
  background-repeat:no-repeat;
  margin-left:610px;
  margin-top:123px;
  display:none;
}
.bo-tt18 {
  width:19px;
  height:74px;
  position:absolute;
  background-image:url(../images/elabora/botella-oscura.png);
  background-repeat:no-repeat;
  margin-left:632px;
  margin-top:123px;
  display:none;
}
.bo-tt19 {
  width:19px;
  height:74px;
  position:absolute;
  background-image:url(../images/elabora/botella-clara.png);
  background-repeat:no-repeat;
  margin-left:654px;
  margin-top:123px;
  display:none;
}
.bo-tt20 {
  width:19px;
  height:74px;
  position:absolute;
  background-image:url(../images/elabora/botella-oscura.png);
  background-repeat:no-repeat;
  margin-left:676px;
  margin-top:123px;
  display:none;
}
.bo-tt21 {
  width:19px;
  height:74px;
  position:absolute;
  background-image:url(../images/elabora/botella-clara.png);
  background-repeat:no-repeat;
  margin-left:698px;
  margin-top:123px;
  display:none;
}
.bo-tt22 {
  width:19px;
  height:74px;
  position:absolute;
  background-image:url(../images/elabora/botella-oscura.png);
  background-repeat:no-repeat;
  margin-left:720px;
  margin-top:123px;
  display:none;
}
.bo-tt23 {
  width:19px;
  height:74px;
  position:absolute;
  background-image:url(../images/elabora/botella-clara.png);
  background-repeat:no-repeat;
  margin-left:742px;
  margin-top:123px;
  display:none;
}
.bo-tt24 {
  width:19px;
  height:74px;
  position:absolute;
  background-image:url(../images/elabora/botella-oscura.png);
  background-repeat:no-repeat;
  margin-left:764px;
  margin-top:123px;
  display:none;
}
.bo-tt25 {
  width:19px;
  height:74px;
  position:absolute;
  background-image:url(../images/elabora/botella-clara.png);
  background-repeat:no-repeat;
  margin-left:786px;
  margin-top:123px;
  display:none;
}
.bo-tt26 {
  width:19px;
  height:74px;
  position:absolute;
  background-image:url(../images/elabora/botella-oscura.png);
  background-repeat:no-repeat;
  margin-left:808px;
  margin-top:123px;
  display:none;
}
.lluvia1 {
  width:563px;
  height:5px;
  position:absolute;
  background-image:url(../images/elabora/lluvia1.png);
  background-repeat:no-repeat;
  margin-top:33px;
  margin-left:267px;
  display:none;
}
.lluvia2 {
  width:563px;
  height:6px;
  position:absolute;
  background-image:url(../images/elabora/lluvia2.png);
  background-repeat:no-repeat;
  margin-top:38px;
  margin-left:267px;
  display:none;
}
.lluvia3 {
  width:563px;
  height:6px;
  position:absolute;
  background-image:url(../images/elabora/lluvia3.png);
  background-repeat:no-repeat;
  margin-top:44px;
  margin-left:267px;
  display:none;
}
.lluvia4 {
  width:563px;
  height:6px;
  position:absolute;
  background-image:url(../images/elabora/lluvia4.png);
  background-repeat:no-repeat;
  margin-top:50px;
  margin-left:267px;
  display:none;
}
.lluvia5 {
  width:563px;
  height:6px;
  position:absolute;
  background-image:url(../images/elabora/lluvia5.png);
  background-repeat:no-repeat;
  margin-top:56px;
  margin-left:267px;
  display:none;
}
.lluvia6 {
  width:563px;
  height:7px;
  position:absolute;
  background-image:url(../images/elabora/lluvia6.png);
  background-repeat:no-repeat;
  margin-top:62px;
  margin-left:267px;
  display:none;
}
.lluvia7 {
  width:563px;
  height:5px;
  position:absolute;
  background-image:url(../images/elabora/lluvia7.png);
  background-repeat:no-repeat;
  margin-top:69px;
  margin-left:267px;
  display:none;
}
.lluvia8 {
  width:563px;
  height:6px;
  position:absolute;
  background-image:url(../images/elabora/lluvia8.png);
  background-repeat:no-repeat;
  margin-top:74px;
  margin-left:267px;
  display:none;
}
.lluvia9 {
  width:563px;
  height:7px;
  position:absolute;
  background-image:url(../images/elabora/lluvia9.png);
  background-repeat:no-repeat;
  margin-top:80px;
  margin-left:267px;
  display:none;
}

.lluvia10 {
  width:563px;
  height:7px;
  position:absolute;
  background-image:url(../images/elabora/lluvia10.png);
  background-repeat:no-repeat;
  margin-top:87px;
  margin-left:267px;
  display:none;
}
.lluvia11 {
  width:563px;
  height:6px;
  position:absolute;
  background-image:url(../images/elabora/lluvia11.png);
  background-repeat:no-repeat;
  margin-top:92px;
  margin-left:267px;
  display:none;
}

.lluvia12 {
  width:563px;
  height:6px;
  position:absolute;
  background-image:url(../images/elabora/lluvia12.png);
  background-repeat:no-repeat;
  margin-top:98px;
  margin-left:267px;
  display:none;
}
.lluvia13 {
  width:563px;
  height:7px;
  position:absolute;
  background-image:url(../images/elabora/lluvia13.png);
  background-repeat:no-repeat;
  margin-top:104px;
  margin-left:267px;
  display:none;
}
.graf-cierre {
	width:765px;
	height:172px;
	position:absolute;
	margin-top:2210px;
	/* margin-left:70px; */
	display:none;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
}
.carreta {
	width:528px;
	height:308px;
	position:absolute;
	margin-top:2165px;
	margin-left:625px;
	display:none;
}
.esquina3 {
	width:185px;
	height:189px;
	position:absolute;
	margin-top:2370px;
	display:none;
}
.esquina4 {
	width:185px;
	height:189px;
	position:absolute;
	background-image:url(../img/esquina-4.png);
	background-repeat:no-repeat;
	margin-left:1055px;
	margin-top:2370px;
	display:none;
}
.chop {
	width:270px;
	height:78px;
	position:absolute;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	margin-top:2501px;
	display:none;
}
.espuma {
  width:51px;
  height:17px;
  position:absolute;
  z-index:-99;
  margin-top:-64px;
  margin-left:121px;
  display:none;
}
.liquido-chop {
  width:39px;
  height:0;
  position:absolute;
  background-color:#fec524;
  bottom:0;
  margin-bottom:5px;
  margin-left:127px;
  z-index:-9;
}
.wrapper-proceso-elaboracion{
	width:100%;
	height:auto;
	float:left;
}
.box-elaboracion-mobile{ display:none; }
.bg-mobile{ background-color:transparent; }

/*FIN ESTILOS PAGINA ELABORACION*/
.box-video-mobile{ display:none; }

.grafismo-lupulo{
	width:15vw;
	height:auto;
	margin:auto;
}
.persona-1 {
	width:390px;
	height:300px;
	position:absolute;
	margin-top:490px;
	margin-left:45px;
	display:none;
}
.persona-1 p,.persona-2 p{
	font-family:'Ethos-CondensedLight';
	font-style:normal;
	font-weight:normal;
	color:#38281B;
	font-size:15px;
	margin:0;
	padding:0;
	line-height:18px;
}
.persona-1 span,.persona-2 span{
	font-family:'Ethos-CondensedMedium';
	font-style:normal;
	font-weight:normal;
	color:#38281B;
	font-size:19px;
	margin:0;
	padding:0;
}
.persona-2 {
	width:390px;
	height:300px;
	position:absolute;
	margin-top:490px;
	margin-left:835px;
	display:none;
	/* float:right; */
}
.num-ref-1 {
	width:25px;
	height:25px;
	background-color:#FDC700;
	border-radius:20px;
	position:absolute;
	margin-left:-30px;
	margin-top:-5px;
}
.circ-ref {
	width:15px;
	height:15px;
	border-radius:20px;
	border-style:solid;
	border-width:1px;
	border-color:#38281B;
	position:absolute;
	margin-left:4px;
	margin-top:4px;

}
.circ-ref p{
	font-family:'Ethos-CondensedMedium';
	font-style:normal;
	font-weight:normal;
	color:#38281B;
	font-size:13px;
	margin:0;
	padding:0;
	text-align:center;
}
.parrafo-cont{
	width:100%;
	height:auto;
	margin-bottom:20px;
}

.wrapper-contacto{
	width:100%;
	min-height:80vh;
	float:left;
	padding-top:150px;
}
.center-contact{
	width:70vw;
	height:500px;
	margin:auto;

}
.botellas-contacto{
	width:35vw;
	height:auto;
	float:left;
	margin-top:65px;
}
.form-wrap{
	width:30vw;
	height:470px;
	float:left;
	margin-left:5vw;
}
.b-input-cont {
	width:30vw;
	min-height:64px;
	float:left;
	margin-top:20px;
}
.b-input-cont p {
	font-family:'Ethos-CondensedMedium';
	font-style:normal;
	font-weight:normal;
	font-size:15px;
	color:#38281B;
	margin:0;
	padding:0;
	line-height:18px;
	text-transform:uppercase;
}
.b-input-cont input {
	font-family:'Ethos-CondensedMedium';
	font-size:15px;
	color:#38281B;
	width:96%;
	height:20px;
	background-color:transparent;
	border-style:solid;
	border-width:1px;
	border-color:#6b594d;
	padding:2%;
	margin-top:5px;
	outline:0;
	-moz-transition:all 0.2s ease-in;
	-o-transition:all 0.2s ease-in;
	-webkit-transition:all 0.2s ease-in;
	transition:all 0.2s ease-in;
}
.b-input-cont input:hover{
	background-color:#ffc525;
	/*color:#fff;*/
}
.caj-select-123 {
	width:100%;
	height:40px;
	float:left;
}
.caj-select-123 .select {
	cursor: pointer;
	display: inline-block;
	position: relative;
	font-size: 16px;
	color: #3b2314;
	width: 100%;
	height: 40px;
	border-radius: 0px;
}
.select-hidden {
	display: none;
	visibility: hidden;
	padding-right: 10px;
}
.caj-select-123 .select-styled {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	font-family: 'Ethos-CondensedMedium';
	/* background-color: #c0392b; */
	padding:11px 15px;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	border-radius: 0px;
	border-style: solid;
	border-width: 1px;
	border-color: #6b594d;
}
.caj-select-123 .select-options {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	z-index: 999;
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #fff;
	border-radius: 0px;
	/* height: 376px; */
	height: 125px;
	overflow: auto;
}
.select-styled:hover {
	background-color: #ffc525;
}
.select-hidden {
  display:none;
  visibility:hidden;
  padding-right:10px;
}

.select {
	cursor:pointer;
	display:inline-block;
	position:relative;
	font-size:16px;
	color:#3b2314;
	width:230px;
	height:40px;
	border-radius:20px;
}

.select-styled {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	/* background-color:#c0392b; */
	padding:8px 15px;
	-moz-transition:all 0.2s ease-in;
	-o-transition:all 0.2s ease-in;
	-webkit-transition:all 0.2s ease-in;
	transition:all 0.2s ease-in;
	border-radius:15px;
	border-style:solid;
	border-width:1px;
	border-color:#3b2314;
	font-family: 'Ethos-CondensedMedium';
}
.select-styled:after {
	content:"";
	width:0;
	height:0;
	border:7px solid transparent;
	border-color:#3b2314 transparent transparent transparent;
	position:absolute;
	top:16px;
	right:10px;
}
.select-styled:hover {
  background-color:#ffc525;
}
.select-styled:active, .select-styled.active {
  background-color:#ffc525;
}
.select-styled:active:after, .select-styled.active:after {
  top:9px;
  border-color:transparent transparent #fff transparent;
}

.select-options {
  display:none;
  position:absolute;
  top:100%;
  right:0;
  left:0;
  z-index:999;
  margin:0;
  padding:0;
  list-style:none;
  background-color:#fff;
  border-radius:15px;
}
.select-options li {
	margin:0;
	padding:0px 0;
	text-indent:15px;
	border-top:1px solid #962d22;
	-moz-transition:all 0.15s ease-in;
	-o-transition:all 0.15s ease-in;
	-webkit-transition:all 0.15s ease-in;
	transition:all 0.15s ease-in;
	font-family: 'Ethos-CondensedMedium';
	padding-top:7px;
	height:33px;
}
.select-options li:hover {
  color:#c0392b;
  background:#fff;
}
.select-options li[rel="hide"] {
  display:none;
}
.b-input-cont textarea {
	width: 96%;
	height: 75px;
	font-family: 'Ethos-CondensedMedium';
	font-style: normal;
	font-weight: normal;
	color: #3c2313;
	font-size: 16px;
	padding: 2%;
	margin-top: 4px;
	resize: none;
	border-style: solid;
	border-width: 1px;
	border-color: #6b594d;
	outline: 0px;
	background-color: transparent;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.b-input-cont textarea:hover{
	background-color: #ffc525;
}
.btn-emviar-form {
	width: 130px;
	height: 45px;
	background-color: #3a2213;
	display: block;
	float: right;
	margin-top: 10px;
	display: table;
	cursor: pointer;
	text-decoration: none;
}
.b-input-error p {
	font-family: 'Ethos-CondensedMedium';
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	margin: 0;
	padding: 0;
	color: #38281B;
}
.b-input-mm {
    width: 100%;
    float: left;
    margin-top: 10px;
}
.btn-emviar-form:hover{
	background-color: #b83729;
}
.b-input-mm p{
	font-family: 'Ethos-CondensedMedium';
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	margin: 0;
	padding: 0;
	color: #38281B;
}
.b-input-mm a{
	background-color: #f5c74c;
	text-decoration: none;
	color: #38281B;
	font-size: 16px;
}
.b-input-mm a:hover{
	color: #c30b0b;
}
.btn-emviar-form:hover>p{
	color: #fff;
}
.btn-emviar-form p{
	display: table-cell;
	vertical-align: middle;
	vertical-align: middle;
	font-family: 'Ethos-CondensedMedium';
	font-style: normal;
	font-weight: normal;
	margin: 0;
	padding: 0;
	color: #f3c53f;
	text-align: center;
	padding-top: 6px;
}

/*ESTILOS PAGINA CERVECERIA*/
.caja-resena-cerveceria {
	width: 100%;
	height: auto;
	float: left;
	padding-top: 50px;
	margin-bottom: 50px;
}
.center-resena-c {
	width: 80vw;
	min-height: 370px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #3a2213;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #3a2213;
	margin: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	overflow: auto;
}
.info-resena-c {
	width: 35vw;
	min-height: 370px;
	float: left;
	margin-left: 4vw;
}
.info-resena-c h1{
	font-family: 'Ethos-CondensedLight';
	font-style: normal;
	font-weight: normal;
	color: #3a2213;
	font-size: 2.5vw;
	text-transform: uppercase;
}
.info-resena-c h1:before {
	content: '';
	width: 39px;
	height: 25px;
	position: absolute;
	background-image: url(../img/grafismo-c.png);
	background-repeat: no-repeat;
	margin-left: -45px;
	margin-top: 7px;
}
.info-resena-c h2{
	font-family: 'Ethos-CondensedHeavy';
	font-style: normal;
	font-weight: normal;
	color: #3a2213;
	font-size: 2.7vw;
	text-transform: uppercase;
	line-height: 3.5vh;
	margin-bottom: 10px;
}
.info-resena-c p{
	font-family: 'Ethos-CondensedMedium';
	font-style: normal;
	font-weight: normal;
	color: #3a2213;
	font-size: 1.1vw;
	margin: 0;
	padding: 0;
	line-height: 2.6vh;
}
.margen-c{
	margin-top: 25px!important;
}
.margen-c span{
	font-family: 'Ethos-CondensedHeavy';
   font-size: 1.4vw;
}
.mapa-c {
	width: 35vw;
	height: auto;
	float: left;
	margin-left: 5vw;
	border-style: solid;
	border-width: 1px;
	border-color: #f4efe0;
	background-color: #f4efe0;
}
.box-variedades-local{
	width: 100%;
	height: auto;
	float: left;
	border-top-style: solid;
	border-top-width: 4px;
	border-top-color: #f3c53f;
	border-bottom-style: solid;
	border-bottom-width: 4px;
	border-bottom-color: #f3c53f;
	/*margin-bottom: 50px;*/
	background-image: url('../img/bg-pizarra.jpg');
	background-size: cover;
	background-repeat: repeat;
	padding-top: 30px;
	padding-bottom: 30px;
}
.center-variedad-l{
	width: 80vw;
	height: auto;
	margin: auto;
}
.box-galeria-variedad-l{
	width: 100%;
	height: auto;
	float: left;
}
.mobile-muestra{ display: none; }
.desktop-muestra{ display: block; }
/*FIN ESTILOS PAGINA CERVECERIA*/

/*ESTILOS SECCION EQUIPO*/
.box-equipo{
	width: 100%;
	min-height: 700px;
	float: left;
	padding-top: 165px;
}
.box-center-equipo{
	width: 80vw;
	min-height: 600px;
	margin: auto;
}
.titulo-equipo,.titulo-maridaje{
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 30px;
}
.graf-equipo,.graf-maridaje{
	width: 18vw;
	height: auto;
	margin: auto;
}
.text-equip,.text-maridaje{
	width: 50vw;
	height: auto;
	margin: auto;
	margin-top: 20px;
}
.text-maridaje{ margin-top: 10px; }
.text-equip p,.text-maridaje p{
	font-family: 'Ethos-CondensedMedium';
	font-style: normal;
	font-weight: normal;
	color: #3a2213;
	font-size: 1.5vw;
	text-align: center;
	line-height: 3.5vh;
	font-feature-settings: "liga" 0;
	-moz-font-feature-settings: "liga" 0;
}
.text-maridaje p{
   font-size: 1.6vw;
}
.wrapper-fichas-equipo{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.item-ficha-equipo{
	width: 39vw;
	min-height: 450px;
	margin-bottom: 15px;
}
.t-ficha{
	width: 100%;
	height: 50px;
	background-color: #f3c53f;
	float: left;
	display: table;
}
.t-ficha h1 {
	font-family: 'Ethos-CondensedHeavy';
	font-style: normal;
	font-weight: normal;
	color: #3a2213;
	font-size: 2.2vw;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	padding-top: 9px;
	text-transform: uppercase;
}
.img-ficha-equipo{
	width: 100%;
	height: auto;
	float: left;
}
.descripcion-equipo{
	width: 100%;
	height: auto;
	float: left;
}
.descripcion-equipo p {
	font-family: 'Ethos-CondensedMedium';
	font-style: normal;
	font-weight: normal;
	color: #3a2213;
	font-size: 1.3vw;
	text-align: center;
	line-height: 2.5vh;
}
/*FIN ESTILO SECCION EQUIPO*/

/*ESTILOS SECCION MARIDAJE*/
.box-maridaje{
	width: 100%;
	min-height: 600px;
	padding-top: 140px;
	overflow: auto;
}
.box-center-maridaje {
	width: 80vw;
	min-height: 100px;
	margin: auto;
	overflow: auto;
}
.box-info-maridaje{
	width: 100%;
	/*height: 100vh;*/
	height: auto;
	float: left;
}
.titulo-maridaje{ margin-bottom: 10px; }
.center-info-maridaje {
	width: 73%;
	min-height: 470px;
	margin: auto;
	z-index: 99;
	position: relative;
	margin-top: 3vh;
	overflow: auto;
	padding-bottom: 40px;
	/*background-color:red;*/
}
.caja-bot{
	width: 28vw;
	height: auto;
	float: left;
}
.box-ma {
	width: 42vw;
	min-height: 470px;
	float: left;
	margin-left: 2vw;
}
.box-ma h3 {
	font-family: 'Ethos-CondensedMedium';
	font-style: normal;
	font-weight: normal;
	color: #3a2213;
	font-size: 1.3vw;
	margin: 0;
	padding: 0;
	margin-bottom: 2px;
	display: block;
	margin-left: 20px;
	margin-top: 30px;
	float: left;
}
.caja-select-maridaje {
	width: 100%;
	height: auto;
	float: left;
	position: relative;
	z-index: 99989;
}
.caja-select-maridaje p{
	font-family: 'Ethos-CondensedMedium';
	font-style: normal;
	font-weight: normal;
	color: #3a2213;
	font-size: 1.6vw;
	margin: 0;
	padding: 0;
	margin-left: 15px;
}


/*SELECT PERSONALIZADO*/
.selectholder {
	clear: both;
	width: 100%;
	background: #e4dcc5;
	/*height: 7vh;*/
	height: 52px;
	-o-transition: .1s ease-out;
	-ms-transition: .1s ease-out;
	-moz-transition: .1s ease-out;
	-webkit-transition: .1s ease-out;
	transition: .1s ease-out;
	cursor: pointer;
	font-family: 'Ethos-CondensedHeavy';
	font-style: normal;
	font-weight: normal;
	color: #3a2213;
	/*font-size: 2vw;*/
	font-size: 26px;
	box-shadow: -3px 5px 5px rgba(0,0,0,0.2);
	/*border-radius: 10px;*/
	/* padding: 0; */
	/* margin: 0; */
}

.selectholder .desc {
	display: inline-block;
	vertical-align: middle;
	padding-left: .8em;
	line-height: 2.4em;
}

.selectholder .pulldown {
	float: right;
	vertical-align: middle;
	width: 2.1em;
	height: 100%;
	background-color: #d5c7a0;
	background-image: url('../img/pulldown.png');
	background-size: cover;
	-o-transition: .1s ease-out;
	-ms-transition: .1s ease-out;
	-moz-transition: .1s ease-out;
	-webkit-transition: .1s ease-out;
	transition: .1s ease-out;
	/*border-radius: 0px 10px 10px 0px;*/
}

.selectholder:hover,
.activeselectholder {
	background-color: #e4dcc5;
}

.selectholder:hover .pulldown,
.activeselectholder .pulldown {
	background-color: #f3c43c;
	background-image: url('../img/pulldown_hover.png');
}

.selectholder .selectdropdown {
	position: relative;
	top: 0;
	left: 0;
	background: #e9e5da;
	color: #3b2314;
	display: none;
	clear: both;
	height: 247px;
	overflow: auto;
	margin-top: 0px;
}

.selectholder .selectdropdown span {
	display: block;
	border-bottom: solid 1px #555;
	padding-left: .8em;
	line-height: 2.4em;
	width: 96.3%;
	-o-transition: background-color .1s ease-out;
	-ms-transition: background-color .1s ease-out;
	-moz-transition: background-color .1s ease-out;
	-webkit-transition: background-color .1s ease-out;
	transition: background-color .1s ease-out;
}

.selectholder .selectdropdown span:last-child {
	border-bottom: none;
}

.selectholder .selectdropdown span.active {
	background-color: #e4dcc5;
	background-image: url('http://supereightstudio.com/img/radio_tick.png');
	background-repeat: no-repeat;
	background-size: 1.6em 1.6em;
	background-position: 93% 50%;
}

.selectholder .selectdropdown span:hover {
	background-color: #f3c43c;
}
/*SELECT PERSONALIZADO*/

.box-slider-mari {
	width: 100%;
	height: 20vh;
	/*height: auto;*/
	float: left;
	margin-top:0px;
}
.element-sli{
	width: 100%;
	height: 60vh;
}

.box-marida-con {
	width: 95%;
	height: 6.5vh;
	background-color: #f3c43c;
	float: left;
	display: table;
	padding-left: 5%;
}
.box-marida-con h1 {
	display: table-cell;
	vertical-align: middle;
	font-family: 'Ethos-CondensedHeavy';
	font-style: normal;
	font-weight: normal;
	color: #3a2213;
	font-size: 1.9vw;
	margin: 0;
	padding: 0;
	padding-top: 8px;
	text-transform: uppercase;
}
.bx-wrapper .bx-next {
	right: 10px;
	background: url('../img/siguiente.png') no-repeat;
	background-size: 22px 22px;
}
.bx-wrapper .bx-next:hover{
	opacity: 0.5;
}
.bx-wrapper .bx-prev {
	right: 35px;
	background: url('../img/anterior.png') no-repeat;
	background-size: 22px 22px;
}
.bx-wrapper .bx-prev:hover{
	opacity: 0.5;
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 1.9vh;
	/* margin-top: -148px; */
	outline: 0;
	width: 22px;
	height: 22px;
	text-indent: -9999px;
	z-index: 9999;
}
.descripcion-marida {
	width: 96%;
	height: 12vh;
	float: left;
	padding: 2%;
	margin-top: 1.5vh;
}
.descripcion-marida p {
	font-family: 'Ethos-CondensedMedium';
	font-style: normal;
	font-weight: normal;
	color: #3a2213;
	font-size: 1.5vw;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	line-height: 22px;
}
.descripcion-marida h1{
	font-family: 'Ethos-CondensedHeavy';
	font-style: normal;
	font-weight: normal;
	color: #3a2213;
	font-size: 1.4vw;
}
.img-marida {
	width: 98.4%;
	min-height: 20vh;
	background-color: #eae7d8;
	margin-top: 10px;
	float: left;
	border-radius: 10px;
	border-style: solid;
	border-width: 4px;
	border-color: #eae7d8;
}
.img-marida img{
	border-radius: 10px;
}
.bx-controls-direction {
	width: 70px;
	height: 6.5vh;
	background-color: #f3c43c;
	top: 0px;
	position: absolute;
	right: 0;
}
/*FIN SECCION MARIDAJES*/

/*ESTILOS BITACORA*/
.box-bitacora{
	width: 100%;
	min-height: 600px;
	padding-top: 140px;
	overflow: auto;

}
.content-noticias {
	width: 1200px;
	min-height: 200px;
	margin: auto;
	margin-bottom: 30px;
	overflow: auto;
}
.box-destacado-news{
	width: 950px;
	height: auto;
	float: left;
}
.cabecera-news {
	width: 100%;
	height: 144px;
	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
}
.news-destacada {
	width: 950px;
	height: 283px;
	background-color: #f3f0e1;
}
.img-destacada {
	width: 540px;
	height: 285px;
	float: left;
	cursor: pointer;
	overflow: hidden;
}
.box-detalle-destacada {
	width: 410px;
	height: 285px;
	float: left;
}
.center-destacada {
	width: 370px;
	height: 230px;
	position: relative;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	top: 50%;
	margin-top: -115px;
}
.center-destacada h1 {
	font-family: 'Ethos-CondensedHeavy';
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	color: #3b2314;
	margin: 0;
	padding: 0;
	line-height: 21px;
	text-transform: uppercase;
}
.box-detalle-destacada .center-destacada h1 a {
	color: #3b2314 !important;
	text-decoration: none;
}
.extracto {
	width: 100%;
	height: 105px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #96897a;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #96897a;
	margin-top: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	display: table;
}
.extracto p {
	font-family: 'Ethos-CondensedMedium';
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	color: #3b2314;
	margin: 0;
	padding: 0;
	display: table-cell;
	vertical-align: middle;
	line-height: 19px;
}
.box-leemas {
	width: 100%;
	height: 20px;
	margin-top: 12px;
	text-align: right;
}
.box-leemas a {
	font-family: 'Ethos-CondensedMedium';
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	color: #3b2314;
	margin: 0;
	padding: 0;
	text-decoration: none;
	text-transform: uppercase;
}
.box-leemas a:hover {
	color: #c11018;
}
.sidebar-noticias {
	width: 230px;
	min-height: 1070px;
	float: right;
	margin-top: 10px;
}
.caluga-news {
	width: 230px;
	height: 125px;
	cursor: pointer;
	float: left;
}
.buscador-noticia {
	width: 228px;
	height: 30px;
	float: left;
	margin-top: 20px;
	border-style: solid;
	border-width: 1px;
	border-color: #523d30;
	border-radius: 10px;
	position: relative;
}
.buscador-noticia input {
	width: 180px;
	height: 25px;
	margin: 0;
	padding: 0;
	outline: 0;
	font-family: 'Ethos-CondensedMedium';
	font-style: normal;
	font-weight: normal;
	color: #3b2314;
	font-size: 15px;
	margin-left: 7px;
	background-color: transparent;
	border: none;
	margin-top: 4px;
}
.ico-buscar {
	width: 18px;
	height: 18px;
	position: absolute;
	background-image: url('../img/ico-buscar.png');
	background-repeat: no-repeat;
	right: 12px;
	margin-top: -23px;
	display: block;
	background-color: transparent;
}
button, html input[type=button], input[type=reset], input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer;
	border: none;
}
input::-webkit-input-placeholder {
  color: #3b2314;
}
input:-moz-placeholder {
  color: #3b2314;
}
input:-ms-input-placeholder {
  color: #3b2314;
}
input[placeholder] {
  color: #3b2314;
}

.cat-tag {
	width: 230px;
	height: auto;
	float: left;
	margin-top:20px;
}
.cat-tag h1 {
	font-family: 'Ethos-CondensedHeavy';
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	color: #3b2314;
	margin: 0;
	padding: 0;
	line-height: 29px;
	text-transform: uppercase;
	margin-bottom: 8px;
}
.cat-tag ul {
	width: 230px;
	list-style: none;
	margin-bottom: 20px;
	overflow: auto;
}
.cat-tag ul li {
	width: 230px;
}
.cat-tag ul li a {
	width: 230px;
	height: 20px;
	float: left;
	font-family: 'Ethos-CondensedMedium';
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	color: #3b2314;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
.cat-tag ul li a:hover {
	color: #a51e23;
}
.filter-archivo {
	width: 230px;
	height: 85px;
	margin-bottom: 20px;
	float: left;
}
.filter-archivo h1 {
	font-family: 'Ethos-CondensedHeavy';
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	color: #3b2314;
	margin: 0;
	padding: 0;
	line-height: 29px;
	text-transform: uppercase;
	margin-bottom: 15px;
}
.caluga-unete-bitacora {
	width: 230px;
	height: 317px;
	float: left;
}
.content-item-news {
	width: 950px;
	height: auto;
	margin-top: 0px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	-webkit-flex-direction: row;
	-webkit-justify-content: space-between;
	-webkit-flex-wrap: wrap;
	overflow: auto;
	margin-top: 15px;
	float: left;
}
.news-item {
	width: 300px;
	height: 175px;
	float: left;
	background-color: #3a2213;
	margin-bottom: 20px;
	cursor: pointer;
}
.preview {
	width: 175px;
	height: 175px;
	float: left;
	overflow: hidden;
	margin-left: -1px;
}
.box-detalle-mini {
	width: 126px;
	height: 175px;
	float: left;
}
.center-detalle-mini {
	width: 105px;
	height: 163px;
	position: relative;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	top: 50%;
	text-transform: uppercase;
	margin-top: -81px;
}
.center-detalle-mini h1 {
	font-family: 'Ethos-CondensedMedium';
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	color: #e3dfca;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	line-height: 15px;
	text-transform: initial;
}
#cont-noticias .center-detalle-mini h1 a {
	color: #FFF !important;
	text-decoration: none;
}
.center-detalle-mini span a {
	font-family: 'Ethos-CondensedMedium';
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	color: #e3dfca;
	margin: 0;
	padding: 0;
	line-height: 19px;
	text-decoration: none;
	position: absolute;
	bottom: 0;
	right: 0;
	margin-right:5px;
	text-transform: uppercase;
}
.center-detalle-mini span a:hover {
	color: #fff;
}
.colummna-news1{
	width: 950px;
	height: auto;
	float: left;
}
.content-detalle-news{
	width: 950px;
	height: auto;
	margin-top: 0px;
	overflow: auto;
	margin-top: 15px;
	float: left;
}
.content-detalle-news img{
	max-width: 100%!Important;
	height: auto!important;
}
.box-title {
	width: 100%;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #978a7c;
	margin-bottom: 20px;
}
.box-title span {
	font-family: 'Ethos-CondensedMedium';
	font-style: normal;
	font-weight: normal;
	font-size: 17px;
	color: #3b2314;
	margin: 0;
	padding: 0;
}
.box-title h1 {
	font-family: 'Ethos-CondensedMedium';
	font-style: normal;
	font-weight: normal;
	font-size: 34px;
	color: #3b2314;
	margin: 0;
	padding: 0;
	line-height: 29px;
	margin-bottom: 8px;
}
.thumb-bitacora {
	height: 300px;
	width: 100%;
	margin-bottom: 15px;
	overflow: hidden;
}
.content-detalle-news p{
	font-family: 'Ethos-CondensedMedium';
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	color: #3b2314;
	margin: 0;
	padding: 0;
	line-height: 20px;
	text-align: justify;
	margin-bottom: 15px;
}
/*FIN ESTILOS BITACORA*/


.wrapper-tour{
	width: 100%;
	min-height: 600px;
	padding-top: 109px;
	overflow: auto;
}
.wrapper-404{
	width: 100%;
	min-height: 480px;
	padding-top: 109px;
	overflow: auto;
}
.box-experiencia-historia {
	width: 100%;
	height: 640px;
	float: left;
}
.columna1-historia {
	width: 35%;
	height: 640px;
	float: left;
	background-color: #cabc9f;
}
.center-columna1-historia {
	width: 80%;
	height: auto;
	margin: auto;
	padding-top: 50px;
}
.titulo-historia-tour, .titulo-elaboracion-tour {
	width: 247px;
	height: 159px;
	margin: auto;
	margin-bottom: 20px;
}
.content-generico {
	width: 100%;
	height: auto;
}
.content-generico h1 {
	font-family: 'Ethos-CondensedMedium';
	font-style: normal;
	font-weight: normal;
	color: #3b2315;
	font-size: 30px;
	margin: 0;
	padding: 0;
	text-align: center;
	margin-bottom: 10px;
}
.content-generico span {
	font-size: 20px;
}
.content-generico p {
	font-family: 'Ethos-CondensedLight';
	font-style: normal;
	font-weight: normal;
	color: #3b2315;
	font-size: 22px;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	line-height: 25px;
}
.content-generico h2 {
	font-family: 'Ethos-CondensedLight';
	font-style: normal;
	font-weight: normal;
	color: #3b2315;
	font-size: 18px;
	margin: 0;
	padding: 0;
}

.btn-reserva1 {
	width: 180px;
	margin: 0 auto;
	margin-top: 40px;
	cursor: pointer;
}

.bold11 {
	font-family: 'Ethos-CondensedHeavy' !important;
}
.columna2-historia {
	width: 65%;
	height: 640px;
	float: left;
	background-image: url(../img/imagen-historia-tour.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
}
.box-experiencia-elaboracion {
	width: 100%;
	height: 640px;
	float: left;
}
.columna2-elaboracion {
	width: 65%;
	height: 640px;
	float: left;
	background-image: url(../img/imagen-elaboracion-tour.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.columna1-elaboracion {
	width: 35%;
	height: 640px;
	float: left;
	background-color: #cabc9f;
}
.center-columna1-elaboracion {
	width: 80%;
	height: auto;
	margin: auto;
	padding-top: 50px;
}
.desktop-ee{ display: block; }
.mobile-ee{ display: none; }




/*BOX LIGHT BOX FORMULARIO /*

/*----- Ingresa Datos ------*/
.ingresa-datos {
	width: 800px;
	margin: auto;
	margin-top: 100px;
	position: relative;
	font-family: 'Ethos-CondensedLight';
	background-color: #c5b99f;
	padding: 20px;
}
.clearfix {
	display: block;
}
.top {
	clear: both;
	margin-bottom: 30px;
}

.top img {
	padding-right: 50px;
}
.top img.cross {
	float: right;
	padding-right: 0px;
	cursor: pointer;
}
.top img {
	display: inline-block;
}
.top h1 {
	font-family: 'Ethos-CondensedHeavy';
	text-transform: uppercase;
	color: #3a221c;
	text-align: center;
	margin-top: -10px;
}
.top h2 {
	text-transform: uppercase;
	color: #3a221c;
	text-align: center;
}
.mensaje-box-consulta{
	width: 790px;
	height: 300px;
	border-style: solid;
	border-width: 2px;
	border-color: #3a2213;
	display: none;
}
.log-ttt{
	width: 120px;
	margin: auto;
	margin-top: 40px;
	margin-bottom: 25px;
}
.mensaje-box-consulta h1{
	font-family: 'Ethos-CondensedHeavy';
	text-transform: uppercase;
	color: #3a221c;
	text-align: center;
	font-size: 25px;
}
.mensaje-box-consulta h2{
	font-family: 'Ethos-CondensedLight';
	text-transform: uppercase;
	color: #3a221c;
	text-align: center;
	font-size: 24px;
}
.boton-acept{
	width: 300px;
	height: auto;
	margin: auto;
	cursor: pointer;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	margin-top: 30px;
}
.boton-acept:hover{
	opacity: 0.6;
}

.inscripcion {
	display: inline-block;
}

.ingresa-datos .left, .ingresa-datos .right {
	width: 45%;
	float: left;
	margin-right: 40px;
}
.ingresa-datos input[type="text"], .ingresa-datos input[type="email"], .ingresa-datos input[type="number"], .ingresa-datos input[type="tel"], .ingresa-datos select {
	background-color: #cabc9f;
	border: 1px solid #3a221c;
	padding: 10px 1px 10px 3px;
	margin-bottom: 10px;
	width: 100%;
	font-size: 20px;
}
.ingresa-datos select {
	height:42px;
	border-radius: 0;
}
.ingresa-datos input[type="email"]::-webkit-input-placeholder { color: #3A221C !important; }
.ingresa-datos input[type="email"]:-moz-placeholder { color: #3A221C !important; }
.ingresa-datos input[type="email"]::-moz-placeholder { color: #3A221C !important; }
.ingresa-datos input[type="email"]:-ms-input-placeholder { color: #3A221C !important; }
.ingresa-datos input[type="text"]::-webkit-input-placeholder { color: #3A221C !important; }
.ingresa-datos input[type="text"]:-moz-placeholder { color: #3A221C !important; }
.ingresa-datos input[type="text"]::-moz-placeholder { color: #3A221C !important; }
.ingresa-datos input[type="text"]:-ms-input-placeholder { color: #3A221C !important; }
.ingresa-datos input[type="number"]::-webkit-input-placeholder { color: #3A221C !important; }
.ingresa-datos input[type="number"]:-moz-placeholder { color: #3A221C !important; }
.ingresa-datos input[type="number"]::-moz-placeholder { color: #3A221C !important; }
.ingresa-datos input[type="number"]:-ms-input-placeholder { color: #3A221C !important; }
.ingresa-datos input[type="tel"]::-webkit-input-placeholder { color: #3A221C !important; }
.ingresa-datos input[type="tel"]:-moz-placeholder { color: #3A221C !important; }
.ingresa-datos input[type="tel"]::-moz-placeholder { color: #3A221C !important; }
.ingresa-datos input[type="tel"]:-ms-input-placeholder { color: #3A221C !important; }
.ingresa-datos .checkbox {
	margin-top: 5px;
	margin-bottom: 15px;
}

.icon-calendar {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	border: 0px;
	display: block;
	background: #F7941D url(../img/icon-calendar.png) 95% 50% no-repeat;
}

.box-lightbox {
	position: fixed;
	background-color: rgba(0,0,0,0.8);
	width: 100%;
	height: 100vh;
	z-index: 99999;
	display: none;
	top: 0;
}

.ingresa-datos label {
	cursor: pointer;
	color: #3A221C;
}
.ingresa-datos .checkbox label {
	padding-left: 0;
	color: #3A221C;
	font-size: 18px;
}
.ingresa-datos input[type="checkbox"] {
	display: none;
}
.ingresa-datos label span {
	display: inline-block;
	vertical-align: middle;
	color: white;
	width: 24px;
	height: 24px;
	background-image:url(checkbox.png) !important;
	background-position:left top;
	background-repeat:no-repeat;
}
.ingresa-datos label span.activo {
	background-position:right top;
}
.ingresa-datos label span input[type="checkbox"] {
	width:100%;
	height:100%;
	display:block;
	opacity:0;
}

.ingresa-datos input[type="submit"] {
	width: 380px;
	background-color: #ffc627;
	margin-top:0;
	padding: 11px 0 11px 0;
	margin-bottom: 7px;
	font-size: 20px;
}

.ingresa-datos input[type="buttom"] {
	width: 380px;
	background-color: #ffc627;
	margin-top:0;
	padding: 11px 0 11px 0;
	margin-bottom: 7px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
}

.ingresa-datos textarea {
	background-color: #cabc9f;
	border: 1px solid #3a221c;
	width: 100%;
	height: 97px
}

#cerrar-uno {
	float: right;
	padding-right: 20px;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 20px;
	color: #000;
	text-decoration: none;
}



/*PRELOADER ESTILOS*/
.cargador-site {
  width:100%; height:100%; position:absolute; z-index:9999999;/*background-color: #ebe9dd;*/
}
.salida-animada-cargador{
	animation: fillup2 5s linear forwards, wave 0.5s alternate infinite;
}
.imagen-preloader {
	width:200px;
	height:200px;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	position:absolute;

}
.logo-preloader{
	width: 200px;
	height: 104px;
	position: absolute;
	background-image:url(../img/logo-preloader.png);
	background-repeat:no-repeat;
	background-size: 200px 104px;
}
#jpreLoader {
	width:270px !important;
	height:8px;
	margin-left:-96px !important;
	margin-top:13px;
	z-index:99;
	background-color:red;
	display: none;
}
#jprePercentage {
	color:#484747;
	font-family: 'geared_slabbold';
	font-weight:normal;
	text-align:center;
	top:8px;
	font-size:20px;
}
/*FIN PRELOADER ESTILOS*/

/*ANIMACION BEER PRELOADER*/
#action {
	margin: 0 auto;
	width: 200px;
	position: relative;
	height: 300px;
	margin-left: -252px;
	margin-top: -5px;
}
.circulo-cafe {
	width: 30px;
	height: 30px;
	position: absolute;
	border-radius: 30px;
	background-color: #33170e;
	margin-top: 19px;
	margin-left: 23px;
	z-index: -10;
	border-style: solid;
	border-width: 1px;
	border-color: #fff;
	box-shadow: 3px 1px 0px rgba(0,0,0,0.1);
}

#keg {
	position: absolute;
	height: 200px;
	width: 70px;
	/*background-color: #656D78;
	border-right: solid 20px #434A54;*/
	bottom: 0;
	left: 310px;
}
#pipe {
	position: absolute;
	height: 30px;
	width: 10px;
	top: 30px;
	left: 10px;
	background-color: #CCD1D9;
}

#pipe:before {
	position: absolute;
	display: block;
	content: " ";
	height: 20px;
	width: 30px;
	top: -5px;
	left: 5px;
	background: linear-gradient(to bottom, #CCD1D9 50%, #AAB2BD 50%);
	border-radius: 0 10px 10px 0;
}

#pipe:after {
	position: absolute;
	display: block;
	content: " ";
	width: 10px;
	background-color: rgba(238,191, 54, 0.9);

	animation: flow 5s ease infinite;
}
.glass23 {
	position: absolute;
	height: 100px;
	width: 70px;
	bottom: 0;
	background-color: rgba(255, 255, 255, 0.0);
	border-radius: 5px;
	animation: slide 5s ease forwards infinite;
	box-shadow: -3px 3px 4px rgba(201,201,201,0.1);
}

.box-bitacora-titulo h1 {
	font-size:30px;
	font-family:'Ethos-CondensedMedium';
}

@keyframes flow {
	0%, 15% {
		top: 30px;
		height: 0px;
	}
	20% {
		 height: 125px;
	}
	40% {
		top: 30px;
		height: 85px;
	}
	55% {
		top: 30px;
		height: 60px;
	}
	60%, 100% {
		top: 70px;
		height: 0px;
	}
}

#pipe-front {
	position: absolute;
	height: 14px;
	width: 14px;
	top: 25px;
	left: 5px;
	background-color: #F5F7FA;
	border-radius: 10px;
	border: solid 3px #CCD1D9;
}

#pipe-handle {
	transform-origin: center bottom;
	position: absolute;
	width: 0;
	height: 5px;
	top: -20px;
	left: 5px;
	border-style: solid;
	border-width: 50px 10px 0 10px;
	border-color: #33170e transparent transparent transparent;

	animation: handle 5s ease infinite;
}
#pipe-handle:before {
	position: absolute;
	top: -60px;
	left: -10px;
	display: block;
	content: ' ';
	width: 20px;
	height: 10px;
	background-color: #CCD1D9;
	border-radius: 5px 5px 0 0;
}
#pipe-handle:after {
	position: absolute;
	top: -20px;
	left: -5px;
	display: block;
	content: ' ';
	width: 10px;
	height: 20px;
	background-color: #CCD1D9;
}
@keyframes handle {
	0%, 10% {
	   transform: rotate(-40deg);
	}
	20%, 50% {
		 transform: rotate(-110deg);
	}
	60%, 100% {
		transform: rotate(-40deg);
	}
}

/*.glass {
	position: absolute;
	height: 100px;
	width: 70px;
	bottom: 0;
	background-color: rgba(255, 255, 255, 0.0);
	border-radius: 5px;
	animation: slide 5s ease forwards infinite;
	box-shadow: -3px 3px 4px rgba(201,201,201,0.1);
}*/
.ondas{
	width:438px;
	height:44px;
	position:absolute;
	background-image:url(../img/ondas.png);
	background-repeat:no-repeat;
}

@keyframes slide {
	0% {
		opacity: 0;
		left: 0;
	}
	20%, 80% {
		opacity: 1;
		left: 300px;
	}
	100% {
		 opacity: 0;
		left: 600px;
	}
}

.front-glass {
	position: relative;
	height: 100%;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.6);
	border-radius: 5px;
	z-index: -9;
}

.beer {
	position: absolute;
	bottom: 15px;
	margin: 0 5px;
	/*height: 80%;*/
	width: 60px;
	background-color: rgba(238,191, 54, 1);
	border-radius: 0 0 5px 5px;
	border-top: solid 0px rgba(255, 206, 84, 0.8);

	animation: fillup 5s ease infinite;
}
.beer:after {
	position: absolute;
	display: block;
	content: " ";
	/*height: 20px;*/
	width: 100%;
	background-color: white;
	/*top: -20px;*/
	border-radius: 5px 5px 0 0;

	animation: fillupfoam 5s linear infinite, wave 0.5s alternate infinite;
}

.handle {
	position: absolute;
	right: -20px;
	top: 20px;
}
.handle .top-right {
	height: 20px;
	width: 10px;
	border-top: solid 10px rgba(255, 255, 255, 0.6);
	border-right: solid 10px rgba(255, 255, 255, 0.6);
	border-top-right-radius: 20px;
}
.handle .bottom-right {
	height: 20px;
	width: 10px;
	border-bottom: solid 10px rgba(255, 255, 255, 0.6);
	border-right: solid 10px rgba(255, 255, 255, 0.6);
	border-bottom-right-radius: 20px;
}

@keyframes fillup {
	0%, 20% {
		height: 0px;
		border-width: 0px;
	}
	40% {
		height: 40px;
	}
	80%, 100% {
		height: 80px;
		border-width: 5px;
	}
}
@keyframes fillup2 {
	0%, 20% {
		margin-top: -50px;
		height: 100%;
		border-width: 0px;
	}
	40% {
		margin-top: -80px;
		height: 40%;
	}
	80%, 100% {
		height: 0%;
		border-width: 5px;
	}
}
@keyframes fillupfoam {
	0%, 20% {
		top: 0px;
		height: 0px;
	}
	60%, 100% {
		top: -14px;
		height: 15px;
	}
}
@keyframes wave {
	from {
		transform: skew(0, -3deg);
	}
	to {
		transform: skew(0, 3deg);
	}
}
@keyframes wave2 {
   from {
		transform: skew(0, -2deg);
	}
	to {
		transform: skew(0, 2deg);
	}
}

.cortina1{
	width: 100%;
	height: 50%;
	position: absolute;
	top: 0;
	background-color: #ebe9dd;
}
.cortina2{
	width: 100%;
	height: 50%;
	position: absolute;
	bottom: 0;
	background-color: #ebe9dd;
}

/*FIN ANIMACION BEER PRELOADER*/


/*
.icon-scroll,.icon-scroll2,
.icon-scroll:before,.icon-scroll2:before {
  position: absolute;
  left: 50%;
}
.icon-scroll,.icon-scroll2 {
	width: 35px;
	height: 65px;
	margin-left: -20px;
	bottom: 19px;
	box-shadow: inset 0 0 0 2px #f8bf00;
	border-radius: 15px;
	z-index: 99;
	background-color: #000;
	opacity: 0.5;
}
.icon-scroll2{
	opacity: 0.9;
	background-color: #362215;
}
.icon-scroll:before,.icon-scroll2:before {
	content: '';
	width: 8px;
	height: 8px;
	background: #f8bf00;
	margin-left: -4px;
	top: 8px;
	border-radius: 4px;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: scroll;
	animation-name: scroll;
}
*/
@-webkit-keyframes scroll {
  0% {
	opacity: 1;
  }
  100% {
	opacity: 0;
	-webkit-transform: translateY(46px);
			transform: translateY(46px);
  }
}
@keyframes scroll {
  0% {
	opacity: 1;
  }
  100% {
	opacity: 0;
	-webkit-transform: translateY(46px);
			transform: translateY(46px);
  }
}


.center-inscripcion-news {
	width: 1100px;
	min-height: 970px;
	margin: auto;
	/* background-color: red; */
}
.titulo-news-inscripcion {
	width: 1100px;
	height: 129px;
	float: left;
}
.caja-inscrip{
	width: 100%;
	height: auto;
	float: left;
}
.caja-inscrip-news {
	width: 505px;
	height: 880px;
	margin: auto;
	margin-top: 30px;
}
.form-news-error {
	width: 100%;
	height: 20px;
	float: left;
}
.form-news-error p{
	font-family: 'Ethos-CondensedMedium';
	font-style: normal;
	font-weight: normal;
	color: #3a2213;
	font-size: 15px;
	margin: 0;
	padding: 0;
}
.news-exito-wrap{
	display: block;
	width: 100%;
	height: auto;
	margin: auto;
	float: left;
	margin-top: 45px;
}
.news-exito-wrap h1 {
	font-family: 'Ethos-CondensedMedium';
	font-style: normal;
	font-weight: normal;
	color: #3a2213;
	font-size: 40px;
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 29px;
}
.news-exito-wrap p {
	font-family: 'Ethos-CondensedMedium';
	font-style: normal;
	font-weight: normal;
	color: #3a2213;
	font-size: 23px;
	margin: 0;
	padding: 0;
	text-align: center;
}
.box-t-123 {
	width: 505px;
	height: 80px;
	float: left;
}
.box-t-123 h1 {
	font-family: 'Ethos-CondensedMedium';
	font-style: normal;
	font-weight: normal;
	color: #3a2213;
	font-size: 29px;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased !important;
	text-transform: uppercase;
	text-align: center;
}
.line-123 {
	width: 100%;
	height: 1px;
	background-color: #5e4b3e;
	float: left;
	margin-bottom: 15px;
}
.box-t-123 p {
	font-family: 'Ethos-CondensedMedium';
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	color: #3b2314;
	margin: 0;
	padding: 0;
	line-height: 18px;
	text-align: center;
	margin-bottom: 20px;
}

.b-input-cont22 {
	width: 100%;
	height: 64px;
	float: left;
	margin-top: 20px;
}
.b-input-cont22 p {
	font-family: 'Ethos-CondensedMedium';
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	color: #3b2314;
	margin: 0;
	padding: 0;
	line-height: 18px;
	text-transform: uppercase;
}
.b-input-cont22 input {
	width: 96%;
	height: 20px;
	background-color: transparent;
	border-style: solid;
	border-width: 1px;
	border-color: #6b594d;
	padding: 10px;
	margin-top: 5px;
	outline: 0;
	font-family: 'Ethos-CondensedMedium';
	font-size: 15px;
	color: #3b2314;
}

.caja-check-variedades {
	width: 100%;
	height: 265px;
	float: left;
	margin-top: 50px;
}
.caja-check-variedades h1 {
	font-family: 'Ethos-CondensedMedium';
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	color: #3b2314;
	margin: 0;
	padding: 0;
	line-height: 18px;
	margin-left: 26px;
	padding-top: 5px;
	text-transform: uppercase;
}
.caja-check-variedades p {
	font-family: 'Ethos-CondensedMedium';
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	color: #3b2314;
	margin: 0;
	padding: 0;
	line-height: 18px;
}
input[type=checkbox], input[type=radio] {
	box-sizing: border-box;
	padding: 0;
	display: none;
}
.clumna1-123 {
	width: 240px;
	height: 215px;
	float: left;
}
.clumna2-123 {
	width: 240px;
	height: 215px;
	float: left;
	margin-left: 25px;
}
/* SQUARED THREE */
.squaredThree {
	width:100%;
	position:relative;
	height:30px;
}

.squaredThree label {
	cursor:pointer;
	position:absolute;
	width:20px;
	height:20px;
	top:0;
	border-radius:4px;

	-webkit-box-shadow:inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow:inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	box-shadow:inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);

	border-style:solid;
	border-width:1px;
	border-color:#77665c;

	/*background:-webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background:-moz-linear-gradient(top, #222 0%, #45484d 100%);
	background:-o-linear-gradient(top, #222 0%, #45484d 100%);
	background:-ms-linear-gradient(top, #222 0%, #45484d 100%);
	background:linear-gradient(top, #222 0%, #45484d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );*/
}

.squaredThree label:after {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
	opacity:0;
	content:'';
	position:absolute;
	width:9px;
	height:5px;
	background:transparent;
	top:7px;
	left:5px;
	border:3px solid #3a2213;
	border-top:none;
	border-right:none;

	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

.squaredThree label:hover::after {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter:alpha(opacity=30);
	opacity:0.3;
}

.squaredThree input[type=checkbox]:checked + label:after {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
	opacity:1;
}

.caja-oculta-growler{
	width:100%;
	height:85px;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#5e4b3e;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#5e4b3e;
	float:left;
	margin-top:5px;
}
.caja-oculta-growler h1 {
	font-family: 'Ethos-CondensedMedium';
	font-style:normal;
	font-weight:normal;
	font-size:20px;
	color:#3b2314;
	margin:0;
	padding:0;
	line-height:18px;
	margin-left:-20px;
	padding-top:10px;
	text-transform:uppercase;
}
.caja-oculta-growler h2 {
   font-family: 'Ethos-CondensedMedium';
	font-style:normal;
	font-weight:normal;
	font-size:20px;
	color:#3b2314;
	margin:0;
	padding:0;
	line-height:18px;
	margin-left:-30px;
	padding-top:10px;
	text-transform:uppercase;
}
.graf-que-es{
	width:323px;
	height:83px;
	float:left;
}
.box-si-no {
	width:152px;
	height:83px;
	float:left;
	margin-left:30px;
}
.box-sii {
	width:40px;
	height:40px;
	float:left;
	margin-left:21px;
	margin-top:23px;
}
.box-noo {
	width:40px;
	height:40px;
	float:left;
	margin-left:43px;
	margin-top:23px;
}
.box-sii .squaredThree label,.box-noo .squaredThree label {
	cursor:pointer;
	position:absolute;
	width:35px;
	height:35px;
	top:0;
	border-radius:4px;
	-webkit-box-shadow:inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow:inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	box-shadow:inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	border-style:solid;
	border-width:1px;
	border-color:#77665c;
}
.box-sii .squaredThree label:after,.box-noo .squaredThree label:after {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
	opacity:0;
	content:'';
	position:absolute;
	width:16px;
	height:8px;
	background:transparent;
	top:12px;
	left:8px;
	border:3px solid #3a2213;
	border-top:none;
	border-right:none;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.btn-enviar-news {
	width: 152px;
	height: 56px;
	float: right;
	background-image: url(../img/btn-enviar-news.png);
	background-repeat: no-repeat;
	cursor: pointer;
	margin-top: 20px;
}
.btn-enviar-news:hover{
	background-position: bottom;
}
.exito-wrap{
	width: 30vw;
	height: 470px;
	float: left;
	margin-left: 5vw;
}
.exito-wrap h1{
	font-family: 'Ethos-CondensedMedium';
	font-style:normal;
	font-weight:normal;
	font-size:30px;
	color:#3b2314;
	text-align: center;
	margin-top: 45px;
}
.exito-wrap p {
	font-family: 'Ethos-CondensedMedium';
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	color: #3b2314;
	text-align: center;
	margin: 0;
	padding: 0;
}
.congresistas {
	margin-top: 25px;
}
.congresistas li {
	list-style: none;
	width: 300px;
	height: auto;
	margin-right: 30px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin-bottom: 35px;
}
.congresistas li img {
	margin: 0 50px 5px;
}
strong {
	color: #a51e24;
	font-weight: 400;
}

.box-center-historia{
	width: 1200px;
	/*min-height: 600px;*/
	height: 6695px;
	margin: auto;
	margin-bottom: 100px;
}
.hito-1{
	width: 440px;
	height: 115px;
	margin:auto;
	display: none;
}
.hito-2 {
	width: 440px;
	height: 115px;
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1175px;
	z-index: 99;
	display: none;
}
.hito-3 {
	width: 440px;
	height: 115px;
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	/*margin-top: 2793px;*/
	margin-top: 2512px;
	z-index: 99;
	display: none;
}
.hito-4 {
	width: 440px;
	height: 115px;
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 4105px;
	z-index: 99;
	display: none;
}
.linea-tiempo{
	width: 7px;
	height: 4170px;
	margin: auto;
	margin-top: -5px;

}
.linea-tiempo-animada{
	width: 7px;
	height:0%;
	background-color: #efc340;
	position: absolute;
	z-index: 99;
	border-radius: 20px;
}
.grafismo-tiempo{
	width: 1px;
	height: 100%;
	background-color: #3d2312;
	margin: auto;
}
.titulo-historia {
	width: 324px;
	height: 89px;
	margin: auto;
	margin-bottom: 40px;
}
.circulo-hit1,.circulo-hit2,.circulo-hit3,.circulo-hit4,.circulo-hit5,.circulo-hit6,.circulo-hit7,.circulo-hit8,.circulo-hit9,.circulo-hit10,.circulo-hit11,.circulo-hit12,.circulo-hit13,.circulo-hit14,.circulo-hit15,.circulo-hit16,.circulo-hit17,.circulo-hit18,.circulo-hit19,.circulo-hit20,.circulo-hit21,.circulo-hit22,.circulo-hit23,.circulo-hit24,.circulo-hit25,.circulo-hit25-copy,.circulo-hit26,.circulo-hit26-copy,.circulo-hit27,.circulo-hit27-copy,.circulo-hit28,.circulo-hit29,.circulo-hit30,.circulo-hit31,.circulo-hit32,.circulo-hit33,.circulo-hit34,.circulo-hit35,.circulo-hit36,.circulo-hit37,.circulo-hit38,.circulo-hit39,.circulo-hit40,.circulo-hit41,.circulo-hit42,.circulo-hit43,.circulo-hit44,.circulo-hit45,.circulo-hit46,.circulo-hit47,.circulo-hit48,.circulo-hit49,.circulo-hit50,.circulo-hit51,.circulo-hit52,.circulo-hit53,.circulo-hit54,.circulo-hit55,.circulo-hit56,.circulo-hit57,.circulo-hit58,.circulo-hit59,.circulo-hit60,.circulo-hit61,.circulo-hit62,.circulo-hit63,.circulo-hit64,.circulo-hit65,.circulo-hit66,.circulo-hit67,.circulo-hit68{
	width: 15px;
	height: 15px;
	background-color: #efc340;
	border-radius: 15px;
	position: absolute;
	margin-top: 20px;
	margin-left: -4px;
	display: none;
}
.recirc1,.recirc2,.recirc3,.recirc4,.recirc5,.recirc6,.recirc7,.recirc8,.recirc9,.recirc10,.recirc11,.recirc12,.recirc13,.recirc14,.recirc15,.recirc16,.recirc17,.recirc18,.recirc19,.recirc20,.recirc21,.recirc22,.recirc23,.recirc24,.recirc25,.recirc25-copy,.recirc26,.recirc26-copy,.recirc27,.recirc27-copy,.recirc28,.recirc29,.recirc30,.recirc31,.recirc32,.recirc33,.recirc34,.recirc35,.recirc36,.recirc37,.recirc38,.recirc39,.recirc40,.recirc41,.recirc42,.recirc43,.recirc44,.recirc45,.recirc46,.recirc47,.recirc48,.recirc49,.recirc50,.recirc51,.recirc52,.recirc53,.recirc54,.recirc55,.recirc56,.recirc57,.recirc58,.recirc59,.recirc60,.recirc61,.recirc62,.recirc63,.recirc64,.recirc65,.recirc66,.recirc67,.recirc68 {
	width: 7px;
	height: 7px;
	position: absolute;
	border-style: solid;
	border-width: 1px;
	border-color: #3d2312;
	border-radius: 10px;
	margin-left: -1px;
	margin-top: 23px;
	z-index: 999;
	background-color: #efc340;
	display: none;
}
.circulo-hit2{margin-top: 60px}
.recirc2{ margin-top: 63px; }

.circulo-hit3{margin-top: 100px}
.recirc3{ margin-top: 103px; }

.circulo-hit4{margin-top: 260px}
.recirc4{ margin-top: 263px; }

.circulo-hit5{margin-top: 302px}
.recirc5{ margin-top: 305px; }

.circulo-hit6{margin-top: 344px}
.recirc6{ margin-top: 347px; }

.circulo-hit7{margin-top: 508px}
.recirc7{ margin-top: 511px; }

.circulo-hit8{margin-top: 553px}
.recirc8{ margin-top: 556px; }

.circulo-hit9{margin-top: 597px}
.recirc9{ margin-top: 601px; }

.circulo-hit10{margin-top: 768px}
.recirc10{ margin-top: 771px; }

.circulo-hit11{margin-top:816px}
.recirc11{ margin-top: 819px; }

.circulo-hit12{margin-top:863px}
.recirc12{ margin-top: 866px; }

.circulo-hit13{margin-top:1035px}
.recirc13{ margin-top: 1038px; }

.circulo-hit14{margin-top:1082px}
.recirc14{ margin-top: 1085px; }

.circulo-hit15{margin-top:1128px}
.recirc15{ margin-top: 1131px;}

.circulo-hit16{margin-top:1320px}
.recirc16{ margin-top: 1323px;}

.circulo-hit17{margin-top:1366px}
.recirc17{ margin-top: 1369px;}

.circulo-hit18{margin-top:1410px}
.recirc18{ margin-top: 1413px;}

.circulo-hit19{margin-top:1572px}
.recirc19{ margin-top: 1575px;}

.circulo-hit20{margin-top:1618px}
.recirc20{ margin-top: 1621px;}

.circulo-hit21{margin-top:1663px}
.recirc21{ margin-top: 1666px;}

.circulo-hit22{margin-top:1826px;}
.recirc22{ margin-top: 1829px;}

.circulo-hit22{margin-top:1826px;}

.circulo-hit23{margin-top:1871px;}
.recirc23{ margin-top: 1874px;}

.circulo-hit24{margin-top:1917px;}
.recirc24{ margin-top: 1920px;}

.circulo-hit25{margin-top:2085px;}
.recirc25{ margin-top: 2088px;}

.circulo-hit25-copy{ margin-top: 2340px;}
.recirc25-copy{ margin-top: 2343px;}

.circulo-hit26{margin-top:2132px;}
.recirc26{ margin-top: 2135px;}

.circulo-hit26-copy{margin-top:2390px;}
.recirc26-copy{ margin-top: 2393px;}

.circulo-hit27{margin-top:2176px;}
.recirc27{ margin-top: 2179px;}

.circulo-hit27-copy{margin-top:2442px;}
.recirc27-copy{ margin-top: 2444px;}

.circulo-hit28{margin-top:2623px;}
.recirc28{ margin-top: 2626px;}

.circulo-hit29{margin-top:2680px;}
.recirc29{ margin-top: 2682px;}

.circulo-hit30{margin-top:2743px;}
.recirc30{ margin-top: 2746px;}

.circulo-hit31{margin-top:2795px;}
.recirc31{ margin-top: 2798px;}

.circulo-hit32{margin-top:2835px;}
.recirc32{ margin-top: 2838px;}

.circulo-hit33{margin-top:2948px;}
.recirc33{ margin-top: 2951px;}

.circulo-hit34{margin-top:2994px;}
.recirc34{ margin-top: 2997px;}

.circulo-hit35{margin-top:3038px}
.recirc35{ margin-top: 3041px;}

.circulo-hit36{margin-top: 3209px;}
.recirc36{ margin-top: 3212px;}

.circulo-hit37{margin-top: 3251px;}
.recirc37{ margin-top: 3254px}

.circulo-hit38{margin-top:3293px;}
.recirc38{ margin-top: 3296px;}

.circulo-hit39{margin-top: 3455px;}
.recirc39{ margin-top: 3457px;}

.circulo-hit40{margin-top:3498px;}
.recirc40{ margin-top: 3501px;}

.circulo-hit41{margin-top:3545px;}
.recirc41{margin-top:3548px;}

.circulo-hit42{margin-top:3709px;}
.recirc42{margin-top:3712px;}

.circulo-hit43{margin-top:3754px;}
.recirc43{margin-top:3758px;}

.circulo-hit44{margin-top:3805px;}
.recirc44{margin-top:3808px;}

.circulo-hit45{margin-top:3962px;}
.recirc45{margin-top:3965px;}

.circulo-hit46{margin-top:4007px;}
.recirc46{margin-top:4010px;}

.circulo-hit47{margin-top:4055px;}
.recirc47{margin-top:4058px;}

.circulo-hit48{margin-top:4257px;}
.recirc48{margin-top:4260px;}

.circulo-hit49{margin-top:4311px;}
.recirc49{margin-top:4314px;}

.circulo-hit50{margin-top:4364px;}
.recirc50{margin-top:4368px;}

.circulo-hit51{margin-top:4530px;}
.recirc51{margin-top:4533px;}

.circulo-hit52{margin-top:4582px;}
.recirc52{margin-top:4585px;}

.circulo-hit53{margin-top:4632px;}
.recirc53{margin-top:4636px;}

.circulo-hit54{margin-top:4798px;}
.recirc54{margin-top:4801px;}

.circulo-hit55{margin-top:4847px;}
.recirc55{margin-top:4850px;}

.circulo-hit56{margin-top:4897px;}
.recirc56{margin-top:4900px;}

.circulo-hit57{margin-top:5061px;}
.recirc57{margin-top:5064px;}

.circulo-hit58{margin-top:5111px;}
.recirc58{margin-top:5114px;}

.circulo-hit59{margin-top:5162px;}
.recirc59{margin-top:5165px;}

.circulo-hit60{margin-top:5340px;}
.recirc60{margin-top:5343px;}

.circulo-hit61{margin-top:5400px;}
.recirc61{margin-top:5403px;}

.circulo-hit62{margin-top:5460px;}
.recirc62{margin-top:5463px;}

.circulo-hit63{margin-top:5655px;}
.recirc63{margin-top:5658px;}

.circulo-hit64{margin-top:5720px;}
.recirc64{margin-top:5723px;}

.circulo-hit65{margin-top:5787px;}
.recirc65{margin-top:5790px;}

.circulo-hit66{margin-top:5979px;}
.recirc66{margin-top:5982px;}

.circulo-hit67{margin-top:6048px;}
.recirc67{margin-top:6051px;}

.circulo-hit68{margin-top:6118px;}
.recirc68{margin-top:6121px;}






.cir-hito-fecha1,.cir-hito-fecha2,.cir-hito-fecha3,.cir-hito-fecha4,.cir-hito-fecha5,.cir-hito-fecha6,.cir-hito-fecha7,.cir-hito-fecha8,.cir-hito-fecha8-copy,.cir-hito-fecha9,.cir-hito-fecha10,.cir-hito-fecha11,.cir-hito-fecha12,.cir-hito-fecha13,.cir-hito-fecha14,.cir-hito-fecha15,.cir-hito-fecha16,.cir-hito-fecha17,.cir-hito-fecha18,.cir-hito-fecha19 {
	width: 90px;
	height: 90px;
	position: absolute;
	background-color: #efc340;
	border-radius: 90px;
	margin-left: -42px;
	margin-top: 142px;
	display: none;
}
.recirc-hito-fecha1,.recirc-hito-fecha2,.recirc-hito-fecha3,.recirc-hito-fecha4,.recirc-hito-fecha5,.recirc-hito-fecha6,.recirc-hito-fecha7,.recirc-hito-fecha8,.recirc-hito-fecha8-copy,.recirc-hito-fecha9,.recirc-hito-fecha10,.recirc-hito-fecha11,.recirc-hito-fecha12,.recirc-hito-fecha13,.recirc-hito-fecha14,.recirc-hito-fecha15,.recirc-hito-fecha16,.recirc-hito-fecha17,.recirc-hito-fecha18,.recirc-hito-fecha19 {
	width: 70px;
	height: 70px;
	position: absolute;
	border-radius: 80px;
	border-style: solid;
	border-width: 1px;
	border-color: #3d2312;
	background-color: #efc340;
	margin-left: -33px;
	margin-top: 151px;
	z-index: 99;
	display: table;
	display: none;
}
.recirc-hito-fecha1 h1,.recirc-hito-fecha2 h1,.recirc-hito-fecha3 h1,.recirc-hito-fecha4 h1,.recirc-hito-fecha5 h1,.recirc-hito-fecha6 h1,.recirc-hito-fecha7 h1,.recirc-hito-fecha8 h1,.recirc-hito-fecha8-copy h1,.recirc-hito-fecha9 h1,.recirc-hito-fecha10 h1,.recirc-hito-fecha11 h1,.recirc-hito-fecha12 h1,.recirc-hito-fecha13 h1,.recirc-hito-fecha14 h1,.recirc-hito-fecha15 h1,.recirc-hito-fecha16 h1,.recirc-hito-fecha17 h1,.recirc-hito-fecha18 h1 {
	display: table-cell;
	vertical-align: middle;
	font-family: 'Ethos-CondensedHeavy';
	font-weight: normal;
	color: #3A2213;
	font-size: 27px;
	margin: 0;
	padding: 0;
	text-align: center;
	padding-left: 8px;
	padding-top: 18px;
}
.cir-hito-fecha2{
	margin-top: 387px;
}
.recirc-hito-fecha2{
	margin-top: 396px;
}
.cir-hito-fecha3{
	margin-top: 645px;
}
.recirc-hito-fecha3{
	margin-top: 654px;
}
.cir-hito-fecha4{
	margin-top: 912px;
}
.recirc-hito-fecha4{
	margin-top: 921px;
}
.cir-hito-fecha5{
	margin-top: 1453px;
}
.recirc-hito-fecha5{
	margin-top: 1462px;
}
.cir-hito-fecha6{
	margin-top: 1707px;
}
.recirc-hito-fecha6{
	margin-top: 1716px;
}
.cir-hito-fecha7{
	margin-top: 1964px;
}
.recirc-hito-fecha7{
	margin-top: 1973px;
}
.cir-hito-fecha8{
	margin-top: 2222px;
}
.recirc-hito-fecha8{
	margin-top: 2231px;
}

.cir-hito-fecha8-copy{
	margin-top: 2805px;;
}
.recirc-hito-fecha8-copy{
	margin-top: 2815px;
}
.cir-hito-fecha9{
	margin-top: 3085px;
}
.recirc-hito-fecha9{
	margin-top: 3094px;
}
.cir-hito-fecha10{
	margin-top: 3338px;
}
.recirc-hito-fecha10{
	margin-top: 3347px;
}
.cir-hito-fecha11{
	margin-top: 3590px;
}
.recirc-hito-fecha11{
	margin-top: 3598px;
}
.cir-hito-fecha12{
	margin-top: 3847px;
}
.recirc-hito-fecha12{
	margin-top: 3856px;
}
.cir-hito-fecha13{
	margin-top: 4410px;
}
.recirc-hito-fecha13{
	margin-top: 4419px;
}
.cir-hito-fecha14{
	margin-top: 4678px;
}
.recirc-hito-fecha14{
	margin-top: 4687px;
}
.cir-hito-fecha15{
	margin-top: 4944px;
}
.recirc-hito-fecha15{
	margin-top: 4952px;
}
.cir-hito-fecha16{
	margin-top: 5210px;
}
.recirc-hito-fecha16{
	margin-top: 5220px;
}
.cir-hito-fecha17{
	margin-top: 5523px;
}
.recirc-hito-fecha17{
	margin-top: 5532px;
}
.cir-hito-fecha18{
	margin-top: 5845px;
}
.recirc-hito-fecha18{
	margin-top: 5854px;
}
.cir-hito-fecha19{
	margin-top: 6180px;
}
.recirc-hito-fecha19{
	margin-top: 6190px;
}
.linea-referencial1,.linea-referencial2,.linea-referencial3,.linea-referencial4,.linea-referencial5,.linea-referencial6,.linea-referencial7,.linea-referencial8,.linea-referencial8-copy,.linea-referencial8-copi,.linea-referencial9,.linea-referencial9-one,.linea-referencial10,.linea-referencial11,.linea-referencial12,.linea-referencial13,.linea-referencial14,.linea-referencial15,.linea-referencial16,.linea-referencial17,.linea-referencial18,.linea-referencial19 {
	width: 0px;
	height: 1px;
	background-color: #3a2213;
	position: absolute;
	margin-top: 186px;
	margin-left: 39px;
}
.linea-referencial2{
	margin-top: 432px;
	margin-left: 0;
	/*margin-left: -183px;*/
}
.linea-referencial3{
	margin-top: 690px;
	margin-left: 39px;
	/*margin-left: -183px;*/
}
.linea-referencial4{
	margin-top: 957px;
	margin-left: 0;
	/*margin-left: -183px;*/
}
.linea-referencial5{
	margin-top: 1499px;
	margin-left: 39px;
	/*margin-left: -183px;*/
}
.linea-referencial6{
	margin-top: 1754px;
	margin-left: 0;
	/*margin-left: -183px;*/
}
.linea-referencial7{
	margin-top: 2012px;
	margin-left: 39px;
	/*margin-left: -183px;*/
}
.linea-referencial8{
	margin-top: 2267px;
	margin-left: 39px;
	/*margin-left: -183px;*/
}

.linea-referencial8-copy{
	margin-top: 2850px;
	/*margin-left: 39px;*/
	/*margin-left: -183px;*/
}
.linea-referencial8-copi{
	margin-top: 2267px;
	margin-left: 0;
	/*margin-left: -183px;*/
}
.linea-referencial9{
	margin-top: 3130px;
	margin-left: 39px;
	/*margin-left: -183px;*/
}
.linea-referencial9-one{
	margin-top: 3126px;
	margin-left: 0;
   /* margin-left: -183px;*/
}


.linea-referencial10 {
	margin-top: 3385px;
	margin-left: 0;
	/* margin-left: -183px; */
}
.linea-referencial11{
	margin-top: 3635px;
	margin-left: 39px;
	/*margin-left: -183px;*/
}
.linea-referencial12{
	margin-top: 3894px;
	margin-left: 0;
	/*margin-left: -183px;*/
}
.linea-referencial13{
	margin-top: 4455px;
	margin-left: 39px;
	/*margin-left: -183px;*/
}
.linea-referencial14{
	margin-top: 4724px;
	margin-left: 0;
	/*margin-left: -183px;*/
}
.linea-referencial15{
	margin-top: 4990px;
	margin-left: 39px;
	/*margin-left: -183px;*/
}
.linea-referencial16{
	margin-top: 5258px;
	margin-left: 0;
	/*margin-left: -183px;*/
}
.linea-referencial17{
	margin-top: 5568px;
	margin-left: 0;
	/*margin-left: -183px;*/
}
.linea-referencial18{
	margin-top: 5890px;
	margin-left: 0;
	/*margin-left: -183px;*/
}
.linea-referencial19{
	margin-top: 6226px;
	margin-left: 0;
	/*margin-left: -183px;*/
}

.contenido-hito1,.contenido-hito2,.contenido-hito3,.contenido-hito4,.contenido-hito5,.contenido-hito6,.contenido-hito7,.contenido-hito8,.contenido-hito8-copi,.contenido-hito8-copy,.contenido-hito9,.contenido-hito9-one,.contenido-hito10,.contenido-hito11,.contenido-hito12,.contenido-hito13,.contenido-hito14,.contenido-hito15,.contenido-hito17,.contenido-hito18,.contenido-hito19{
	width: 325px;
	height: 260px;
	position: absolute;
	margin-left: 189px;
	margin-top: 120px;
	display: none;
}
.contenido-hito2 {
	margin-left: -508px;
	margin-top: 270px;
}
.contenido-hito3 {
	margin-left: 189px;
	margin-top: 535px;
}
.contenido-hito4 {
	margin-left: -508px;
	margin-top: 797px;
}
.contenido-hito5 {
	margin-left: 189px;
	margin-top: 1430px;
}
.contenido-hito6 {
	margin-left: -508px;
	margin-top: 1600px;
}
.contenido-hito7 {
	margin-left: 78px;
	margin-top: 1865px;
}
.contenido-hito8 {
	margin-left: -508px;
	margin-top: 2173px;
}
.contenido-hito8-copi {
	margin-left: 78px;
	margin-top: 2173px;
}
.contenido-hito8-copy {
	margin-left: -507px;
	margin-top: 2807px;
}
.contenido-hito9 {
	margin-left: 189px;
	margin-top: 3020px;
}
.contenido-hito9-one {
	margin-left: -508px;
	margin-top: 3016px;
}
.contenido-hito10 {
	margin-left: -508px;
	margin-top: 3322px;
}
.contenido-hito11 {
	margin-left: 189px;
	margin-top: 3535px;
}
.contenido-hito12 {
	margin-left: -508px;
	margin-top: 3743px;
}
.contenido-hito13 {
	margin-left: 189px;
	margin-top: 4405px;
}
.contenido-hito14 {
	margin-left: -508px;
	margin-top: 4670px;
}
.contenido-hito15 {
	margin-left: 189px;
	margin-top: 4930px;
}
.contenido-hito16 {
	width: 430px;
	height: 430px;
	margin-left: -508px;
	margin-top: 5129px;
	display: none;
	position: absolute;
}
.contenido-hito17 {
	width: 325px;
	height: 300px;
	margin-left: 150px;
	margin-top: 5500px;
	display: none;
	position: absolute;
}
.contenido-hito18 {
	width: 325px;
	height: 300px;
	margin-left: -507px;
	margin-top: 5823px;
	display: none;
	position: absolute;
}
.contenido-hito19 {
	width: 325px;
	height: 300px;
	margin-left: 150px;
	margin-top: 6165px;
	display: none;
	position: absolute;
}
.box-img-cont {
	width: 321px;
	height: 210px;
	border-style: solid;
	border-width: 2px;
	border-color: #3a2213;
	border-radius: 20px;
}
.img-cont {
	width: 300px;
	height: 190px;
	border-style: solid;
	border-width: 2px;
	border-color: #3a2213;
	border-radius: 15px;
	margin: auto;
	margin-top: 8px;
	overflow: hidden;
}
.img-cont2 {
	width: 300px;
	height: 190px;
	/*border-style: solid;
	border-width: 2px;
	border-color: #3a2213;
	border-radius: 15px;*/
	margin: auto;
	margin-top: 8px;
}
.caj-fot-hit{
	border-style: solid;
	border-width: 2px;
	border-color: #3a2213;
	border-radius: 15px;
	overflow: hidden;
}
.img-cont2 .bx-wrapper .bx-viewport {
	height: 198px!important;
}
.opaciti-cero,.opaciti-cero2,.opaciti-cero3{ opacity: 0; }
.img-cont2 .bx-controls-direction {
	background-color: transparent;
}
.img-cont2 .bx-wrapper img {
	max-width: 100%;
	display: block;
	/*overflow: hidden;
	border-radius: 15px;*/
}
.img-cont2 .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 10px;
	/* margin-top: -148px; */
	outline: 0;
	width: 20px;
	height: 23px;
	text-indent: -9999px;
	z-index: 9999;
}
.img-cont2 .bx-wrapper .bx-next {
	right: -33px;
	background: url(../img/siguiente-hit.png) no-repeat;
	background-size: 20px 23px;
	margin-top: 70px;
}
.img-cont2 .bx-wrapper .bx-prev {
	left: -262px;
	margin-top: 70px;
	background: url(../img/anterior-hit.png) no-repeat;
	background-size: 22px 22px;
}
.box-text-cont{
	width: 100%;
	height: auto;
	margin-top: 13px;
}
.box-text-cont p {
	font-family: 'Ethos-CondensedLight';
	font-style: normal;
	font-size: 19px;
	color: #3a2213;
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 22px;
}
.logo-hito2 {
	width: 130px;
	height: 129px;
	position: absolute;
	margin-left: -40px;
	margin-top: -40px;
	display: none;
}
.box-secundario-hit {
	width: 160px;
	height: 210px;
	position: absolute;
	border-style: solid;
	border-width: 2px;
	border-color: #3a2213;
	border-radius: 15px;
	margin-left: 335px;
	background-color: #e9e7dc;
	overflow: hidden;
	display: none;
}

.pulse {
  border-radius: 50px;
  line-height: 50px;
  text-align: center;
  width: 60px;
  height: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
		  transform: translate(-50%, -50%);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.pulse:before, .pulse:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(239, 195, 64, 0.6);
  border-radius: 50px;
  opacity: 0;
}
.pulse:before {
  -webkit-transform: scale(1);
		  transform: scale(1);
  -webkit-animation: pulse 3s infinite linear;
		  animation: pulse 3s infinite linear;
}
.pulse:after {
  -webkit-animation: pulse 3s 2s infinite linear;
		  animation: pulse 3s 2s infinite linear;
}

@-webkit-keyframes pulse {
  0% {
	-webkit-transform: scale(0.6);
			transform: scale(0.6);
	opacity: 0;
  }
  33% {
	-webkit-transform: scale(1);
			transform: scale(1);
	opacity: 1;
  }
  100% {
	-webkit-transform: scale(3);
			transform: scale(3);
	opacity: 0;
  }
}

@keyframes pulse {
  0% {
	-webkit-transform: scale(0.6);
			transform: scale(0.6);
	opacity: 0;
  }
  33% {
	-webkit-transform: scale(1);
			transform: scale(1);
	opacity: 1;
  }
  100% {
	-webkit-transform: scale(3);
			transform: scale(3);
	opacity: 0;
  }
}

.box-documental-botton {
	width: 100%;
	height: 35px;
	background-color: #efc340;
	cursor: pointer;
	margin-top: 10px;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	display: block;
	outline: 0;
}
.box-documental-botton:hover{
	background-color: #edcb64;
}
.ico-play-historia{
	width: 28px;
	height: 28px;
	float: left;
	margin-left: 20px;
	margin-top: 4px;
}
.text-play {
	width: 242px;
	height: 18px;
	float: left;
	margin-left: 13px;
	margin-top: 10px;
}
.text-play p {
	font-family: 'Ethos-CondensedMedium';
	font-style: normal;
	font-size: 16px;
	color: #3a2213;
	margin: 0;
	padding: 0;
	line-height: 22px;
}
.vaso-mapa1 {
	width: 30px;
	height: 36px;
	position: absolute;
	display: none;
	z-index: 999;
	margin-top: 289px;
	margin-left: 186px;
}
.vaso-mapa2 {
	width: 30px;
	height: 36px;
	position: absolute;
	display: none;
	z-index: 999;
	margin-top: 258px;
	margin-left: 228px;
}
.vaso-mapa3 {
	width: 30px;
	height: 36px;
	position: absolute;
	display: none;
	z-index: 999;
	margin-top: 258px;
	margin-left: 274px;
}
.vaso-mapa4 {
	width: 30px;
	height: 36px;
	position: absolute;
	display: none;
	z-index: 999;
	margin-top: 191px;
	margin-left: 259px;
}
.vaso-mapa5 {
	width: 30px;
	height: 36px;
	position: absolute;
	display: none;
	z-index: 999;
	margin-top: 136px;
	margin-left: 316px;
}
.vaso-mapa6 {
	width: 30px;
	height: 36px;
	position: absolute;
	display: none;
	z-index: 999;
	margin-top: 63px;
	margin-left: 132px;
}
.vaso-mapa7 {
	width: 30px;
	height: 36px;
	position: absolute;
	display: none;
	z-index: 999;
	margin-top: 34px;
	margin-left: 163px;
}
.time-line-mobile{ display: none; }
.scroll-anim-new {
	width: 30px;
	height: auto;
	bottom: 19px;
	z-index: 99;
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}
.circ-opa-123 {
	width: 28px;
	height: 28px;
	position: absolute;
	border-radius: 30px;
	background-color: #000;
	opacity: 0.7;
	margin-top: -29px;
	z-index: -9;
	margin-left: 1px;
}
.graf-404 a{
	width: 600px;
	height: 168px;
	background-image: url(../img/graf-404.png);
	background-size: 600px 168px;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	cursor: pointer;
	display: block;
}
.graf-404 a:hover{
	opacity: 0.7;
}
.box-parental{
	width: 100%;
	height: 100%;
	position: fixed;
	background-color: rgba(0,0,0,0.8);
	z-index: 1000000;
	display: block;
}
.center-parental{
	width: 367px;
	height: 282px;
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	top: 50%;
	margin-top: -140px;
	background-image: url(../img/bg-parental.png);
	background-size: 367px 282px;
	background-repeat: no-repeat;
}
.parental-si {
	width: 120px;
	height: auto;
	position: absolute;
	display:block;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	margin-top: 97px;
	margin-left: 48px;
}
.parental-no {
	width: 120px;
	height: auto;
	position: absolute;
	display:block;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	margin-top: 97px;
	margin-left: 186px;
}
.parental-si:hover,.parental-no:hover{
	transform: scale(0.95);
}
/*==========================================================================
			RESOLUCION TABLETS
==========================================================================*/

@media  screen and (max-width: 900px) {

	.header{ display: none; }
	.header-mobile{
		display: block;
		width: 100%;
		height: 80px;
		position: absolute;
		background-image: url(../img/bg-header-mobile.jpg);
		background-repeat: repeat-x;
		background-size: 400px 55px;
		z-index: 9999;
	}
	.logo-header-mobile {
		display:block;
		width: 120px;
		height: 75px;
		position: absolute;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		background-image: url(../img/logo-header-mobile.png);
		background-repeat: no-repeat;
		background-size: 120px 75px;
		margin-top: 1px;
	}
	.caja-menu-desplegable {
		width: 100%;
		height: 300px;
		margin: auto;
		margin-top: 15px;
		text-transform: uppercase;
	}
	.caja-menu-desplegable ul {
		width: 100%;
		min-height: 110px;
		margin: auto;
		margin-top: 10px;
		padding: 0;
	}
	ul li {
		list-style: none;
	}
	.caja-menu-desplegable ul li a {
		font-family: 'Ethos-CondensedHeavy';
		font-size: 14px;
		font-style: normal;
		font-weight: normal;
		color: #f1efe2;
		text-decoration: none;
		list-style: none;
		float: left;
		width: 100%;
		border-bottom-style: solid;
		border-bottom-color: #c0b9af;
		border-bottom-width: 1px;
		padding: 10px;
		padding-left: 20px;
		box-shadow: 0px 2px 0px #020001;
		-webkit-box-shadow: 0px 2px 0px #020001;
	}
	.caja-menu-desplegable ul ul li a {
		font-family: 'Ethos-CondensedHeavy';
		font-size: 12px;
		font-style: normal;
		font-weight: normal;
		color: #f1efe2;
		text-decoration: none;
		list-style: none;
		float: left;
		width: 100%;
		border-bottom-style: solid;
		border-bottom-color: #c0b9af;
		border-bottom-width: 1px;
		padding: 10px;
		padding-left: 55px;
		box-shadow: 0px 2px 0px #020001;
		-webkit-box-shadow: 0px 2px 0px #020001;
	}
   .btn-menu {
		width: 26px;
		height: 17px;
		position: absolute;
		background-repeat: no-repeat;
		background-size: 26px 17px;
		margin-left: 15px;
		margin-top: 2px;
		cursor: pointer;
		display: block;
	}

	.slides-navigation a.next {
		right: 25px;
		top: 30px;
		background: url(../img/derecha-mobile.png)no-repeat;
		background-position: bottom;
		background-size: 20px 32px;
		width: 20px;
		height: 32px;
		transition: all 0.5s ease-in-out;
		-webkit-transition: all 0.5s ease-in-out;
	}
	.slides-navigation a.prev {
		left: 25px;
		top: 30px;
		background: url(../img/izquierda-mobile.png)no-repeat;
		background-position: bottom;
		background-size: 20px 32px;
		width: 20px;
		height: 32px;
		transition: all 0.5s ease-in-out;
		-webkit-transition: all 0.5s ease-in-out;
	}
	.fot-desktop{
		display: none;
	}
	.fot-mobile{
		display: block;
	}
	.variedad {
		height: 72vh;
	}
	.fondo-variedad-pionera{
		height: 63vh;
	}
	.fondo-variedad-especialidades{
		height: 82vh;
	}
	.fondo-variedad-temporada{
		height: 63vh;
	}
	.fondo-variedad-coleccion{
		 height: 63vh;
	}
	.fondo-variedad-edicion{
		height: 63vh;
	}
	.caja-botellas-center{
		width: 90vw;
		height: 70vh;
	}
	.wrapper-pioneras{
		width: 84vw;
	}
	.wrapper-temporada{
		width: 56vw;
	}
	.caja-titulo-variedad {
		width: 40vw;
		margin-top: 25px;
	}
	.item-botella {
		width: 28vw;
	}
	.wrapper-especialidades{
		width: 57vw;
	}
	.wrapper-especialidades .item-botella{
		width: 19vw;
	}
	section#status-especialidades {
		height: 90vh;
	}
	section#status-especialidades  .caja-botellas-center{
		height: 88vh;
	}
	.titulo-especialidades {
		width: 41vw;
	}
	.titulo-temporada{
		width: 44vw;
	}
	.titulo-coleccion, .titulo-edicion {
		width: 47vw;
	}
	.wrapper-coleccion{
		width: 90vw;
	}
	.wrapper-coleccion .item-botella {
		width: 30vw;
	}
	.wrapper-edicion{
		width: 30vw;
	}
	.wrapper-edicion .item-botella {
		width: 30vw;
	}
	.wrapper-instagram {
		width: 100%;
		min-height: 220px;
		float: left;
		display: none;
	}
	.titulo-instagram{
		width: 60vw;
	}
	.menu-footer{ display: none; }
	.center-footer{ width: 90vw; min-height: 8vh; }
	.logo-footer {
		width: 27vw;
	}
	.caja-rss {
		width: 21vw;
		height: auto;
		position: absolute;
		margin-top: 1vh;
	}
	.ico-facebook,.ico-twitter,.ico-instagram {
		width: 5vw;
	}
	.ico-twitter,.ico-instagram{ margin-left: 2vw; }
	.content-proceso{
		display: none;
	}
	.box-elaboracion-mobile {
		width: 303px;
		height: 1964px;
		margin: auto;
		padding-top: 65px;
		margin-bottom: 40px;
		display: block;
	}
	.bg-mobile{ background-color:#f6f2e9; }

	.center-datos-ficha{ width: 90%; min-height: 400px; }
	.caja-presentacion{ width: 30vw; display: none; }
	.info1 {
		width: 50vw;
		height: 41vh;
		float: left;
		margin-left: 2vw;
		margin-top: 2vh;
	}
	.grafismo-titulo {
		width: 0.6vw;
		height: 6.7vh;
		position: absolute;
		background-color: #f3c43c;
		margin-left: -2vw;
		margin-top: 1.2vh;
	}

	.info1 h2 {
		font-size: 7vw;
	}
	.info1 h1 {
		font-size: 7vw;
		line-height: 7vh;
	}
	.info1 span {
		font-size: 3.5vw;
		margin-top: 0.7vw;
		position: absolute;
		margin-left: 0.5vw;
		line-height: 2.5vh;
	}
	.info1 h3 {
		font-size: 4vw;
		margin-top: 4vh;
	}
	.info1 p {
		font-family: 'Ethos-CondensedMedium';
		font-style: normal;
		font-weight: normal;
		color: #3a2213;
		font-size: 3.1vw;
		margin: 0;
		padding: 0;
		line-height: 4.2vh;
	}
	.firma-kunstmann {
		width: 21vw;
		margin-right: 2vw;
		margin-top: 5px;
	}
	.dat-graduacion h1, .info-secundaria h1 {
		font-size: 3.5vw;
	}
	.dat-graduacion p, .info-secundaria p {
		font-size: 3vw;
		font-family: 'Ethos-CondensedMedium';
	}
	.margen-text {
		margin-top: 1vh !Important;
	}
	.info-secundaria{
		width: 29vw;
	}
   .info-etiqueta-vaso {
		width: 53vw;
		height: 19vh;
		float: left;
		margin-left: 0;
		margin-top: 35px;
	}
	.vaso-cont {
		width: 22.5vw;
		height: auto;
		float: left;
	}
	.content-etiqueta {
		width: 26.5vw;
		height: auto;
		/* float: left; */
		float: left;
		margin-left: 2vw;
	}
	.caja-color {
		width: 22vw;
		height: 10vh;
		float: left;
		margin-left: 0vw;
		margin-top: 0vh;
		/* background-color: red; */
	}
	.caja-color h1, .caja-temperatura h1, .caja-amargor h1 {
		font-size: 2.4vw;
	}
	.datos-marcador {
		width: 21vw;
		height: 3vh;
		position: absolute;
		margin-left: -2.1vw;
		margin-top: -1.5vh;
	}
	.datos-marcador span, .datos-marcador2 span, .datos-marcador3 span {
		font-size: 3vw;
	}
	.refe-color {
		width: 22vw;
		height: auto;
	}
	.wrapper-datos-secundarios {
		width: 30vw;
		margin-left: 5vw;
		min-height: 60px;
		margin-top: 0px;
		float: left;
	}
	.caja-temperatura {
		width: 30vw;
		height: 10vh;
		float: left;
		margin-top: 0vh;
		margin-left: 0vw;
	}
	.refe-temperatura {
		width: 22vw;
	}
	.datos-marcador2 {
		width: 16vw;
		height: 3vh;
		position: absolute;
		margin-left: 0.5vw;
		margin-top: 1.5vh;
	}
	.caja-amargor {
		width: 22vw;
		height: 10vh;
		float: left;
		margin-left: 0vw;
		/* margin-top: 7vh; */
		margin-top: 0vh;
	}
	.refe-amargor {
		width: 22vw;
		height: auto;
	}
	.datos-marcador3 {
		width: 21vw;
		height: 3vh;
		position: absolute;
		margin-left: -2.1vw;
		margin-top: -1.5vh;
	}
	.box-info-ficha {
		min-height: 85vh;
	}
	.box-video-ficha{ display: none; }
	.nuestras {
		width: 35vw;
	}
	.box-video-mobile{
		width: 100%;
		height: auto;
		background-color: #000;
		float: left;
		display: block;
	}

	.item-botella-c {
		width: 8.5vw;
	}
	.list-pioneras {
		width: 26vw;
		margin-top: 7vh;
		height: 25vh;
	}
	.list-especialidades {
		width: 57vw;
		margin-left: 3vw;
		margin-top: 7vh;
		height: 25vh;
	}
	.box-menu-variedades-ficha {
		width: 100%;
		height: 80vh;
		float: left;
	}
	.center-m-variedades {
		width: 86vw;
		height: 63vh;
		margin: auto;
		margin-top: 7vh;
	}
	.list-temporada {
		width: 19vw;
		height: 25vh;
		float: left;
		margin-top: 3vh;
		margin-left: 0vw;
	}
	.list-coleccion {
		width: 28vw;
		height: 25vh;
		float: left;
		margin-top: 3vh;
		margin-left: 3vw;
	}
	.list-edicion {
		width: 28vw;
		height: 25vh;
		float: left;
		margin-top: 3vh;
		margin-left: 3vw;
	}
	.c-titulo-box h1{ font-size: 2.5vw; }
	.min-t h1 {
		line-height: 8px;
	}
	.c-botellas{
		min-height: 18vh;
	}
	.grafismo-lupulo{
		width: 20vw;
	}
	.wrapper-contacto {
		padding-top: 75px;
	}
	.center-contact {
		width: 85vw;
	}
	.botellas-contacto{
		display: none;
	}
	.form-wrap {
		width: 85vw;
		margin-left: 0vw;
	}
	.b-input-cont {
		width: 83vw;
	}
	.caj-select-123 {
		width: 60%;
	}
	.caja-resena-cerveceria{
		padding-top: 30px;
	}
	.center-resena-c {
		width: 80vw;
		min-height: 370px;
	}
	.info-resena-c {
		width: 75vw;
		min-height: 230px;
		float: left;
		margin-left: 5vw;
	}
	.info-resena-c h1{
		font-size: 5.5vw;
	}
	.info-resena-c h2{
		font-size: 5.4vw;
	}
	.info-resena-c h1:before {
		margin-left: -15px;
		margin-top: 7px;
		background-size: 12px 8px;
	}
	.info-resena-c p{
		font-size: 3.1vw;
	}
	.margen-c {
		margin-top: 15px!important;
	}
	.margen-c span {
		font-family: 'Ethos-CondensedHeavy';
		font-size: 3.6vw;
	}
	.mapa-c {
		width: 73vw;
		margin-top: 15px;
	}
	.item-insta2 {
		width: 100%;
		float: left;
	}
	.item-insta {
		width: 50%;
		float: left;
	}
	.mobile-muestra{ display: block;}
	.desktop-muestra{ display: none;}
	.box-equipo{ padding-top: 80px; }
	.graf-equipo {
		width: 30vw;
	}
	.text-equip {
		width: 80vw;
		margin-top: 10px;
	}
	.text-equip p {
		font-size: 2.8vw;
	}
	.titulo-equipo{ margin-bottom: 10px; }
	.item-ficha-equipo {
		width: 100%;
		min-height: 245px;
		margin-bottom: 15px;
	}
	.t-ficha{ height: 40px; }
	.t-ficha h1 {
		font-size: 5.2vw;
		padding-top: 6px;
	}
	.descripcion-equipo p {
		font-size: 3.5vw;
	}
	.box-maridaje {
		padding-top: 71px;
		min-height: 780px;
	}
	.graf-maridaje {
		width: 34vw;
	}
	.text-maridaje {
		width: 80vw;
		margin-top: 10px;
	}
	.text-maridaje p {
		font-size: 3.5vw;
		line-height: 2.5vh;
	}
	.caja-bot {
		width: 40vw;
		height: auto;
		float: none;
		margin: auto;
	}
	.box-ma {
		width: 100%;
		min-height: 400px;
		float: left;
		margin-left: 0;
		margin-top: 5px;
	}
	.caja-select-maridaje p {
		font-size: 3.6vw;
		margin-left: 5px;
	}
	.selectholder{
		font-size: 26px;
		height: 52px;
		box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
	}
	.box-ma h3 {
		font-size: 3.3vw;
		margin-left: 5px;
	}
	.box-marida-con h1{
		font-size: 3.5vw;
	}
	.bx-wrapper .bx-controls-direction a {
		width: 12px;
		height: 12px;
		top: 2.4vh;
	}
	.bx-wrapper .bx-next {
		background-size: 12px 12px;
	}
	.bx-wrapper .bx-prev {
		background-size: 12px 12px;
	}
	.bx-controls-direction {
		width: 60px;
		height: 6.3vh;
	}
	.descripcion-marida {
		width: 96%;
		height: auto;
		float: left;
		padding: 2%;
		margin-top: 1.5vh;
	}
	.descripcion-marida p {
		font-size: 3vw;
	}
	.descripcion-marida h1{
		font-size: 3.7vw;
	}
	.img-marida {
		width: 96.4%;
		min-height: 18vh;
	}
	.element-sli {
		height: 52vh;
	}
	.bx-wrapper .bx-pager{ padding-top: 0; }
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
		position: absolute;
		width: 100%;
		right: 2px;
		float: right;
		margin-top: 20px;
	}
	.box-info-maridaje {
		width: 100%;
		height: auto;
		float: left;
	}
	.bg-ficha {
		height: 43vh;
	}
	.bg-maridaje {
		height: 43vh;
	}
	.center-info-maridaje {
		padding-bottom: 70px;
	}
	.sidebar-noticias{ display: none; }
	.box-bitacora{ padding-top: 70px; }
	.content-noticias {
		width: 605px;
	}
	.colummna-news1{
		width: 605px;
	}
	.box-destacado-news{
		width: 605px;
	}
	.cabecera-news {
		height: auto;
	}
	.news-destacada {
		width: 605px;
		height: 550px;
	}
	.img-destacada {
		width: 605px;
		height: auto;
	}
	.box-detalle-destacada {
		width: 605px;
		height: 200px;
		float: left;
		margin-top: 15px;
	}
	.center-destacada {
		width: 520px;
		height: 200px;
		position: relative;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		top: 50%;
		margin-top: -95px;
	}
	.center-destacada h1 {
		font-size: 13px;
		line-height: 15px;
	}
	.extracto {
		height: 80px;
	}
	.extracto p {
		font-family: 'Ethos-CondensedMedium';
		font-style: normal;
		font-weight: normal;
		font-size: 13px;
		color: #3b2314;
		margin: 0;
		padding: 0;
		display: table-cell;
		vertical-align: middle;
		line-height: 15px;
	}
	.content-item-news{
		width: 605px;
	}
	.news-item{
		width: 290px;
	}
	.box-detalle-mini{
		width: 116px;
	}
	.center-detalle-mini {
		width: 90px;
		height: 155px;
		position: relative;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		top: 50%;
		text-transform: uppercase;
		margin-top: -76px;
	}
	.center-detalle-mini h1{
		font-size: 12px;
	}
	.center-detalle-mini span a{
		font-size: 11px;
	}
	.content-detalle-news{
		width: 290px;
	}
	.box-title h1 {
		font-size: 20px;
		line-height: 23px;
	}
	.box-title span{
		font-size: 15px;
	}
	.thumb-bitacora{ height: auto; }
	.content-detalle-news p {
		font-size: 13px;
		line-height: 18px;
	}
	.box-experiencia-historia{
		height: auto;
	}
	.columna1-historia {
		width: 100%;
		height: auto;
	}
	.center-columna1-historia {
		width: 90%;
		padding-bottom: 30px;
	}
	.columna2-historia {
		width: 100%;
		height: 540px;
	}
	.box-experiencia-elaboracion {
		height: auto;
	}
	.columna2-elaboracion {
		width: 100%;
		height: 540px;
	}
	.columna1-elaboracion {
		width: 100%;
		height: auto;
		float: left;
		background-color: #cabc9f;
	}
	.center-columna1-elaboracion{ width: 90%; padding-bottom: 30px; }
	.desktop-ee{ display: none; }
	.mobile-ee{ display: block; }
	.wrapper-tour {padding-top:55px;}
	/*adaptacion inscripcion newsletter*/
	.center-inscripcion-news{
		width: 290px;
		min-height: 860px;
	}
	.titulo-news-inscripcion {
		width: 290px;
		height: auto;
		float: left;
	}
	.caja-inscrip-news {
		width: 290px;
	}
	.box-t-123{ width: 290px; }
	.box-t-123 h1{ font-size: 17px; }
	.selet2-mobile{ width: 100%;!important; }
	.b-input-cont22 input{ width: 92.5%;}
	.clumna1-123 {
		width: 130px;
		height: 242px;
		float: left;
	}
	.clumna2-123 {
		width: 150px;
		height: 231px;
		float: left;
		margin-left: 10px;
	}
	.caja-check-variedades h1{ font-size: 12px; }
	/*adaptacion inscripcion newsletter*/
	.graf-que-es {
		width: 290px;
		height: auto;
		float: left;
	}
	.graf-que-es img {
		width: 100%;
	}
	.caja-oculta-growler {
		height: 160px;
		margin-top: 20px;
	}
	.box-si-no{ margin-left: 75px; }
	.form-news-error{ margin-top: 20px; margin-bottom: 30px; }
	.news-exito-wrap p{ font-size: 18px; }
	.exito-wrap {
		width: 100%;
		height: 170px;
		float: left;
		margin-left: 0px;
	}
	.time-line-mobile {
		display: block;
		width: 700px;
		margin: auto;
		height: auto;
	}

}


/*==========================================================================
			ANCHO MAXIMO DE MOBILE GEN 2 (iphone) | ancho 320
==========================================================================*/
@media screen and (max-width: 700px) {
	.box-bitacora-titulo h1 {
		font-size:20px;
	}
	
	
	.header{ display: none; }
	.header-mobile{
		display: block;
		width: 100%;
		height: 80px;
		position: absolute;
		background-image: url(../img/bg-header-mobile.jpg);
		background-repeat: repeat-x;
		background-size: 400px 55px;
		z-index: 9999;
	}
	.logo-header-mobile {
		display:block;
		width: 120px;
		height: 75px;
		position: absolute;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		background-image: url(../img/logo-header-mobile.png);
		background-repeat: no-repeat;
		background-size: 120px 75px;
		margin-top: 1px;
	}
	.caja-menu-desplegable {
		width: 100%;
		height: 300px;
		margin: auto;
		margin-top: 15px;
		text-transform: uppercase;
	}
	.caja-menu-desplegable ul {
		width: 100%;
		min-height: 110px;
		margin: auto;
		margin-top: 10px;
		padding: 0;
	}
	ul li {
		list-style: none;
	}
	.caja-menu-desplegable ul li a {
		font-family: 'Ethos-CondensedHeavy';
		font-size: 14px;
		font-style: normal;
		font-weight: normal;
		color: #f1efe2;
		text-decoration: none;
		list-style: none;
		float: left;
		width: 100%;
		border-bottom-style: solid;
		border-bottom-color: #c0b9af;
		border-bottom-width: 1px;
		padding: 10px;
		padding-left: 20px;
		box-shadow: 0px 2px 0px #020001;
		-webkit-box-shadow: 0px 2px 0px #020001;
	}
   .btn-menu {
		width: 26px;
		height: 17px;
		position: absolute;
		background-repeat: no-repeat;
		background-size: 26px 17px;
		margin-left: 15px;
		margin-top: 2px;
		cursor: pointer;
		display: block;
	}

	.slides-navigation a.next {
		right: 25px;
		top: 30px;
		background: url(../img/derecha-mobile.png)no-repeat;
		background-position: bottom;
		background-size: 20px 32px;
		width: 20px;
		height: 32px;
		transition: all 0.5s ease-in-out;
		-webkit-transition: all 0.5s ease-in-out;
	}
	.slides-navigation a.prev {
		left: 25px;
		top: 30px;
		background: url(../img/izquierda-mobile.png)no-repeat;
		background-position: bottom;
		background-size: 20px 32px;
		width: 20px;
		height: 32px;
		transition: all 0.5s ease-in-out;
		-webkit-transition: all 0.5s ease-in-out;
	}
	.fot-desktop{
		display: none;
	}
	.fot-mobile{
		display: block;
	}
	.variedad {
		height: 72vh;
	}
	.fondo-variedad-pionera{
		height: 63vh;
	}
	.fondo-variedad-especialidades{
		height: 82vh;
	}
	.fondo-variedad-temporada{
		height: 63vh;
	}
	.fondo-variedad-coleccion{
		 height: 63vh;
	}
	.fondo-variedad-edicion{
		height: 63vh;
	}
	.caja-botellas-center{
		width: 90vw;
		height: 70vh;
	}
	.wrapper-pioneras{
		width: 84vw;
	}
	.wrapper-temporada{
		width: 56vw;
	}
	.caja-titulo-variedad {
		width: 71vw;
		margin-top: 25px;
	}
	.item-botella {
		width: 28vw;
	}
	.wrapper-especialidades{
		width: 57vw;
	}
	.wrapper-especialidades .item-botella{
		width: 19vw;
	}
	section#status-especialidades {
		height: 90vh;
	}
	section#status-especialidades  .caja-botellas-center{
		height: 88vh;
	}
	.titulo-especialidades {
		width: 85vw;
	}
	.titulo-temporada{
		width: 80vw;
	}
	.titulo-coleccion, .titulo-edicion {
		width: 90vw;
	}
	.wrapper-coleccion{
		width: 90vw;
	}
	.wrapper-coleccion .item-botella {
		width: 30vw;
	}
	.wrapper-edicion{
		width: 30vw;
	}
	.wrapper-edicion .item-botella {
		width: 30vw;
	}
	.wrapper-instagram {
		width: 100%;
		min-height: 220px;
		float: left;
		display: none;
	}
	.titulo-instagram{
		width: 60vw;
	}
	.menu-footer{ display: none; }
	.center-footer{ width: 90vw; min-height: 8vh; }
	.logo-footer {
		width: 27vw;
	}
	.caja-rss {
		width: 21vw;
		height: auto;
		position: absolute;
		margin-top: 1vh;
	}
	.ico-facebook,.ico-twitter,.ico-instagram {
		width: 5vw;
	}
	.ico-twitter,.ico-instagram{ margin-left: 2vw; }
	.content-proceso{
		display: none;
	}
	.box-elaboracion-mobile {
		width: 303px;
		height: 1964px;
		margin: auto;
		padding-top: 65px;
		margin-bottom: 40px;
		display: block;
	}
	.bg-mobile{ background-color:#f6f2e9; }

	.center-datos-ficha{ width: 90%; min-height: 400px; }
	.caja-presentacion{ width: 30vw; display: none; }
	.info1 {
		width: 50vw;
		height: 41vh;
		float: left;
		margin-left: 2vw;
		margin-top: 2vh;
	}
	.grafismo-titulo {
		width: 0.6vw;
		height: 6.7vh;
		position: absolute;
		background-color: #f3c43c;
		margin-left: -2vw;
		margin-top: 1.2vh;
	}

	.info1 h2 {
		font-size: 7vw;
	}
	.info1 h1 {
		font-size: 7vw;
		line-height: 8vh;
	}
	.info1 span {
		font-size: 3.5vw;
		margin-top: 0.7vw;
		position: absolute;
		margin-left: 0.5vw;
	}
	.info1 h3 {
		font-size: 4vw;
		margin-top: 4vh;
	}
	.info1 p {
		font-family: 'Ethos-CondensedMedium';
		font-style: normal;
		font-weight: normal;
		color: #3a2213;
		font-size: 3.4vw;
		margin: 0;
		padding: 0;
		line-height: 2.2vh;
	}
	.firma-kunstmann {
		width: 21vw;
		margin-right: 2vw;
		margin-top: 5px;
	}
	.dat-graduacion h1, .info-secundaria h1 {
		font-size: 3.5vw;
	}
	.dat-graduacion p, .info-secundaria p {
		font-size: 3vw;
		font-family: 'Ethos-CondensedMedium';
	}
	.margen-text {
		margin-top: 1vh !Important;
	}
	.info-secundaria{
		width: 29vw;
	}
   .info-etiqueta-vaso {
		width: 53vw;
		height: 19vh;
		float: left;
		margin-left: 0;
		margin-top: 35px;
	}
	.vaso-cont {
		width: 22.5vw;
		height: auto;
		float: left;
	}
	.content-etiqueta {
		width: 26.5vw;
		height: auto;
		/* float: left; */
		float: left;
		margin-left: 2vw;
	}
	.caja-color {
		width: 22vw;
		height: 10vh;
		float: left;
		margin-left: 0vw;
		margin-top: 0vh;
		/* background-color: red; */
	}
	.caja-color h1, .caja-temperatura h1, .caja-amargor h1 {
		font-size: 2.4vw;
	}
	.datos-marcador {
		width: 21vw;
		height: 3vh;
		position: absolute;
		margin-left: -0.5vw;
		margin-top: -0.5vh;
	}
	.datos-marcador span, .datos-marcador2 span, .datos-marcador3 span {
		font-size: 3vw;
	}
	.refe-color {
		width: 22vw;
		height: auto;
	}
	.wrapper-datos-secundarios {
		width: 30vw;
		margin-left: 5vw;
		min-height: 60px;
		margin-top: 0px;
		float: left;
	}
	.caja-temperatura {
		width: 30vw;
		height: 10vh;
		float: left;
		margin-top: 4vh;
		margin-left: 0vw;
	}
	.refe-temperatura {
		width: 22vw;
		height: 13px;
		margin-top: 0px;
	}

	.barra-indica-temperatura {
		width: 1px;
		height: 9px;
		position: absolute;
		margin-top: -6px;
		background-color: #dd1828;
		margin-left: 1.5vw;
	}

	.datos-marcador2 {
		width: 16vw;
		height: 3vh;
		position: absolute;
		margin-left: 0.5vw;
		margin-top: 2.5vh;
	}
	.caja-amargor {
		width: 22vw;
		height: 10vh;
		float: left;
		margin-left: 0vw;
		margin-top: 2vh !important;
		margin-top: 0vh;
	}
	.refe-amargor {
		width: 22vw;
		height: auto;
	}
	.datos-marcador3 {
		width: 21vw;
		height: 3vh;
		position: absolute;
		margin-left: -1.1vw;
		margin-top: -1.5vh;
	}

	.marcador-1 {
		width: 13px;
		height: 19px;
		position: absolute;
		margin-top: 1px;
		margin-left: 0;
	}
	.box-info-ficha {
		min-height: 85vh;
	}
	.box-video-ficha{ display: none; }
	.nuestras {
		width: 35vw;
	}
	.box-video-mobile{
		width: 100%;
		height: auto;
		background-color: #000;
		float: left;
		display: block;
	}
	.item-botella-c {
		width: 8.5vw;
	}
	.list-pioneras {
		width: 26vw;
		margin-top: 7vh;
		height: 25vh;
	}
	.list-especialidades {
		width: 57vw;
		margin-left: 3vw;
		margin-top: 7vh;
		height: 25vh;
	}
	.box-menu-variedades-ficha {
		width: 100%;
		height: 80vh;
		float: left;
	}
	.center-m-variedades {
		width: 86vw;
		height: 63vh;
		margin: auto;
		margin-top: 7vh;
	}
	.list-temporada {
		width: 19vw;
		height: 25vh;
		float: left;
		margin-top: 3vh;
		margin-left: 0vw;
	}
	.list-coleccion {
		width: 28vw;
		height: 25vh;
		float: left;
		margin-top: 3vh;
		margin-left: 3vw;
	}
	.list-edicion {
		width: 28vw;
		height: 25vh;
		float: left;
		margin-top: 3vh;
		margin-left: 3vw;
	}
	.c-titulo-box h1{ font-size: 2.5vw; }
	.min-t h1 {
		line-height: 8px;
	}
	.c-botellas{
		min-height: 18vh;
	}
	.grafismo-lupulo{
		width: 20vw;
	}
	.wrapper-contacto {
		padding-top: 75px;
	}
	.center-contact {
		width: 85vw;
	}
	.botellas-contacto{
		display: none;
	}
	.form-wrap {
		width: 85vw;
		margin-left: 0vw;
	}
	.b-input-cont {
		width: 83vw;
	}
	.caj-select-123 {
		width: 60%;
	}
	.caja-resena-cerveceria{
		padding-top: 30px;
	}
	.center-resena-c {
		width: 80vw;
		min-height: 370px;
	}
	.info-resena-c {
		width: 75vw;
		min-height: 230px;
		float: left;
		margin-left: 5vw;
	}
	.info-resena-c h1{
		font-size: 5.5vw;
	}
	.info-resena-c h2{
		font-size: 5.4vw;
	}
	.info-resena-c h1:before {
		margin-left: -15px;
		margin-top: 7px;
		background-size: 12px 8px;
	}
	.info-resena-c p{
		font-size: 3.1vw;
	}
	.margen-c {
		margin-top: 15px!important;
	}
	.margen-c span {
		font-family: 'Ethos-CondensedHeavy';
		font-size: 3.6vw;
	}
	.mapa-c {
		width: 73vw;
		margin-top: 15px;
	}
	.item-insta2 {
		width: 100%;
		float: left;
	}
	.item-insta {
		width: 50%;
		float: left;
	}
	.mobile-muestra{ display: block;}
	.desktop-muestra{ display: none;}
	.box-equipo{ padding-top: 80px; }
	.graf-equipo {
		width: 30vw;
	}
	.text-equip {
		width: 80vw;
		margin-top: 10px;
	}
	.text-equip p {
		font-size: 2.8vw;
	}
	.titulo-equipo{ margin-bottom: 10px; }
	.item-ficha-equipo {
		width: 100%;
		min-height: 245px;
		margin-bottom: 15px;
	}
	.t-ficha{ height: 40px; }
	.t-ficha h1 {
		font-size: 5.2vw;
		padding-top: 6px;
	}
	.descripcion-equipo p {
		font-size: 3.5vw;
	}
	.box-maridaje {
		padding-top: 71px;
		min-height: 780px;
	}
	.graf-maridaje {
		width: 34vw;
	}
	.text-maridaje {
		width: 80vw;
		margin-top: 10px;
	}
	.text-maridaje p {
		font-size: 3.5vw;
		line-height: 2.5vh;
	}
	.caja-bot {
		width: 40vw;
		height: auto;
		float: none;
		margin-left: 40px;
	}
	.box-ma {
		width: 100%;
		min-height: 400px;
		float: left;
		margin-left: 0;
		margin-top: 5px;
	}
	.caja-select-maridaje p {
		font-size: 3.6vw;
		margin-left: 5px;
	}
	.selectholder{
		font-size: 6vw;
		height: 8vh;
		box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
	}
	.box-ma h3 {
		font-size: 3.3vw;
		margin-left: 5px;
	}
	.box-marida-con h1{
		font-size: 3.5vw;
	}
	.bx-wrapper .bx-controls-direction a {
		width: 12px;
		height: 12px;
		top: 2.4vh;
	}
	.bx-wrapper .bx-next {
		background-size: 12px 12px;
	}
	.bx-wrapper .bx-prev {
		background-size: 12px 12px;
	}
	.bx-controls-direction {
		width: 60px;
		height: 6.3vh;
	}
	.descripcion-marida {
		width: 96%;
		height: auto;
		float: left;
		padding: 2%;
		margin-top: 1.5vh;
	}
	.descripcion-marida p {
		font-size: 3vw;
	}
	.descripcion-marida h1{
		font-size: 3.7vw;
	}
	.img-marida {
		width: 96.4%;
		min-height: 18vh;
	}
	.element-sli {
		height: 49vh;
	}
	.bx-wrapper .bx-pager{ padding-top: 0; }
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
		position: absolute;
		width: 100%;
		right: 2px;
		float: right;
		margin-top: 0px;
	}
	.box-info-maridaje {
		width: 100%;
		height: auto;
		float: left;
	}
	.bg-ficha {
		height: 49vh;
	}
	.bg-maridaje {
		height: 43vh;
	}
	.center-info-maridaje {
		padding-bottom: 70px;
	}
	.sidebar-noticias{ display: none; }
	.box-bitacora{ padding-top: 70px; }
	.content-noticias {
		width: 290px;
	}
	.colummna-news1{
		width: 290px;
	}
	.box-destacado-news{
		width: 290px;
	}
	.cabecera-news {
		height: auto;
	}
	.news-destacada {
		width: 290px;
		height: 375px;
	}
	.img-destacada {
		width: 290px;
		height: auto;
	}
	.box-detalle-destacada {
		width: 290px;
		height: 200px;
		float: left;
		margin-top: 15px;
	}
	.center-destacada {
		width: 250px;
		height: 200px;
		position: relative;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		top: 50%;
		margin-top: -95px;
	}
	.center-destacada h1 {
		font-size: 13px;
		line-height: 15px;
	}
	.extracto {
		height: 80px;
	}
	.extracto p {
		font-family: 'Ethos-CondensedMedium';
		font-style: normal;
		font-weight: normal;
		font-size: 13px;
		color: #3b2314;
		margin: 0;
		padding: 0;
		display: table-cell;
		vertical-align: middle;
		line-height: 15px;
	}
	.content-item-news{
		width: 290px;
	}
	.news-item{
		width: 290px;
	}
	.box-detalle-mini{
		width: 116px;
	}
	.center-detalle-mini {
		width: 90px;
		height: 155px;
		position: relative;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		top: 50%;
		text-transform: uppercase;
		margin-top: -76px;
	}
	.center-detalle-mini h1{
		font-size: 12px;
	}
	.center-detalle-mini span a{
		font-size: 11px;
	}
	.content-detalle-news{
		width: 290px;
	}
	.box-title h1 {
		font-size: 20px;
		line-height: 23px;
	}
	.box-title span{
		font-size: 15px;
	}
	.thumb-bitacora{ height: auto; }
	.content-detalle-news p {
		font-size: 13px;
		line-height: 18px;
	}
	.box-experiencia-historia{
		height: auto;
	}
	.columna1-historia {
		width: 100%;
		height: auto;
	}
	.center-columna1-historia {
		padding-bottom: 30px;
	}
	.columna2-historia {
		width: 100%;
		height: 262px;
	}
	.box-experiencia-elaboracion {
		height: auto;
	}
	.columna2-elaboracion {
		width: 100%;
		height: 263px;
	}
	.columna1-elaboracion {
		width: 100%;
		height: auto;
		float: left;
		background-color: #cabc9f;
	}
	.center-columna1-elaboracion{ padding-bottom: 30px; }
	.desktop-ee{ display: none; }
	.mobile-ee{ display: block; }
	.wrapper-tour {padding-top:55px;}
	/*adaptacion inscripcion newsletter*/
	.center-inscripcion-news{
		width: 290px;
		min-height: 860px;
	}
	.titulo-news-inscripcion {
		width: 290px;
		height: auto;
		float: left;
	}
	.caja-inscrip-news {
		width: 290px;
		height: auto;
	}
	.box-t-123{ width: 290px; }
	.box-t-123 h1{ font-size: 17px; }
	.selet2-mobile{ width: 100%;!important; }
	.b-input-cont22 input{ width: 92.5%;}
	.clumna1-123 {
		width: 130px;
		height: 242px;
		float: left;
	}
	.clumna2-123 {
		width: 150px;
		height: 231px;
		float: left;
		margin-left: 10px;
	}
	.caja-check-variedades h1{ font-size: 12px; }
	/*adaptacion inscripcion newsletter*/

	.graf-que-es {
		width: 290px;
		height: auto;
		float: left;
	}
	.graf-que-es img {
		width: 100%;
	}
	.caja-oculta-growler {
		height: 160px;
		margin-top: 20px;
	}
	.box-si-no{ margin-left: 75px; }
	.form-news-error{ margin-top: 20px; margin-bottom: 30px; }
	.news-exito-wrap p{ font-size: 18px; }
	.exito-wrap {
		width: 100%;
		height: 170px;
		float: left;
		margin-left: 0px;
	}
	.congresistas li {
		list-style: none;
		width: 290px;
		height: auto;
		margin-right: 0px;
		display: inline-block;
		vertical-align: top;
		text-align: center;
		padding-bottom: 30px;
	}
	.congresistas li img {
		margin: 0 30px 15px;
	}
	.time-line-mobile{ display: block; width: 310px; height: auto; margin: auto; }


	.main-title-tour {
		margin-top: 10px;
	}

	.box-title-tour {
		width: 80%;
	}

	.title-tour {
		font-size: 12px;
	}

	.box-container-tour {
		width: 80%;
		margin-top: 15px;
	}

	.main-experiencia-tour {
		width: 106px;
		height: 53px;
	}

	.first-title-experiencia {
		font-size: 12px;
	}

	.second-title-experiencia {
		font-size: 15px;
	}

	.main-elaboracion-tour {
		width: 106px;
		height: 53px;
	}

	.first-title-elaboracion {
		font-size: 12px;
	}

	.second-title-elaboracion {
		font-size: 12px;
	}
	.submenu-variedades{ display: none; }
	.graf-404 a {
		width: 280px;
		height: 79px;
		background-image: url(../img/graf-404.png);
		background-size: 280px 79px;
		background-repeat: no-repeat;
		position: absolute;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		margin-top: 70px;
		transition: all 0.5s ease-in-out;
		-webkit-transition: all 0.5s ease-in-out;
		cursor: pointer;
		display: block;
	}
	.wrapper-404{
		width: 100%;
		min-height: 433px;
		padding-top: 55px;
		overflow: auto;
	}
	.center-parental {
		width: 240px;
		height: 184px;
		position: absolute;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		top: 50%;
		margin-top: -110px;
		background-image: url(../img/bg-parental.png);
		background-size: 240px 184px;
		background-repeat: no-repeat;
	}
	.parental-si {
		width: 90px;
		margin-top: 64px;
		margin-left: 22px;
	}
	.parental-no {
		width: 90px;
		margin-top: 64px;
		margin-left: 121px;
	}

	.ingresa-datos {
		width: 78%;
		margin-top: 10px;
	}
	.mensaje-box-consulta {
		width: 290px;
		height: 280px;
	}
	.mensaje-box-consulta h1{ font-size: 15px; }
	.mensaje-box-consulta h2{ font-size: 15px; }
	.boton-acept{ width: 245px; }

	.ingresa-datos .left {
		width: 98%;
	}
	.top h1 {
		margin-top: 15px;
		font-size: 20px;
	}

	.ingresa-datos .right {
		width: 98%;
	}

	.inscripcion {
		width: 100%;
	}
	.top img {
		width: 30%;
		display: block;
	}
	.top img.cross {
		width: 14%;
	}

	.top h2 {
		font-size: 14px;
		margin-top: 6px;
	}

	.ingresa-datos input[type="text"], .ingresa-datos input[type="email"], .ingresa-datos input[type="number"], .ingresa-datos input[type="tel"], .ingresa-datos select {
		font-size: 14px;
	}

	.ingresa-datos textarea {
		height: 50px;
	}

	.ingresa-datos input[type="submit"] {
		width: 100%;
	}

	.refe-color {   
		margin-top: 0px;
	}
	.marcador-3 {
		width: 12px;
		height: 19px;
		position: absolute;
		margin-left: 10px;
		margin-top: 2px;
	}	

}



/*==========================================================================
							1600 FULL DESKTOP
==========================================================================*/
@media only screen and (min-width: 1500px){
	.box-info-ficha{
		margin-bottom: 5vh;
	}
	/*.submenu-variedades a{font-size: 1.2vw}
	.submenu-variedades a:before {
		width: 0.6vw;
		height: 3.5vh;
		margin-left: -6%;
	}*/
	.info-resena-c p {
		font-size: 0.8vw;
		line-height: 2.1vh;
	}
	.selectholder{
		font-size: 26px;
	}
	.selectholder .selectdropdown {
		height: 355px;
	}

	.info-secundaria {
		margin-top: 80px;
	}

	.info-etiqueta-vaso {
		margin-top: 80px;
	}

	.bg-ficha {
		height: 93vh;
	}

	.info1 p {
		line-height: 3.6vh;
	}

}