@charset "utf-8";
/* CSS Document*/
body { margin:0 auto; background:#333; }
body,td,th {  font-family: 'Cinzel Decorative', cursive; 12px; color:#0a0100; }
a { transition-duration: 0.2s; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; text-decoration:none; }
.cuerpo { display: inline-block; float:left; width:100%; margin:0; text-align:center; padding: 0; }
.cuerpo_contenedor { display:inline-block; width:100%; margin:auto; text-align:center; }
.limite { display: inline-block; float:left; width:100%; margin:0; text-align:center; padding: 0;  background:url(../img/productos_bg.jpg) no-repeat; background-size:  100% 2640px; }
.limite_contenedor { display:inline-block; width:1200px; margin:auto; text-align:center; }
.contener { display:inline-block; width:1200px; margin:auto; text-align:center; }
.franja { display:inline-block; width:100%; height:30px; margin:auto; background: #0a0100; float:left }
.botellas_bg { display:inline-block; position:absolute; left:0; top:20px; width:100%; height:700px; z-index:-1000; }
.botellas_madera { position:absolute; top:583px; left:0; width:100%; height:137px; background:url(../img/madera_home.png) center no-repeat; z-index:-900; }
.botellas_cont { display: inline-block; float:left; width:100%; margin:0; text-align:center; padding: 0; }
.botellas { display:inline-block; width:1200px; height:700px; margin:auto; text-align:center; }
.menu { display:inline-block; width:100%; height:135px; margin:15px auto 0 auto; float:left; }
.menu_txt { display: inline-block; padding:60px 30px; height:13px; text-align:center; color:#0a0100; text-decoration:none; font-weight:700; background:none; }
.menu_txt:hover { color:#9f6131; background:url(../img/agave_dorado.png) no-repeat center top;  }
.menu_logo { display: inline-block; margin:0 40px; height:133px; }
.botella { display:inline-block; width:127px; margin-left:80px; float: left; height:500px; opacity:0; filter:alpha(opacity=0); }
.bot_ant { display:inline-block; width:100px; height:350px; padding:150px 40px 0 0; float:left; opacity:0; filter:alpha(opacity=0); }
.bot_sig { display:inline-block; width:100px; height:350px; padding:150px 0 0 60px; float:left; opacity:0; filter:alpha(opacity=0); }
.bot_cont { display:inline-block; margin:70px 0 0 285px; float:left; }
.bot_img {  width:127px; height:496px; }
.cintillo { display:inline-block; width:100%; height:187px; margin: -40px 0 0 0; background:url(../img/cintillo.png); float:left; z-index:1000; text-align:center; }
.cintillo_b { display:inline-block; width:1200px; height:187px; margin: 0; background:url(../img/cintillo.png); float:left; z-index:1000; }
.video_c { display:inline-block; width:1200px; height:280px; top:0px; left:0px; z-index:-100; }
.video_capa { display:inline-block; width:1200px; height:280px; top:0px; left:0px; background:url(../img/video_capa.png); z-index:500; }
.video_cintillo { display:inline-block; width:100%; height:280px; margin:-280px 0 0 0; background:url(../img/cintillo_extra.png) no-repeat center top; }
.historia_home_100 { display:inline-block; width:100%; height:120px; margin:auto; background:url(../img/footer_degradado.jpg) #ca611f; background-size: auto 100%; float:left; padding: 0; }
.historia_home { display:inline-block; width:1160px; height:100px; padding:10px 20px; margin:auto; text-align:center; color:#FFF; font-size:14px; }
.open_s { font-family: 'Open Sans', sans-serif; font-size:13px; }
.footer { display:inline-block; width:100%; height:230px; margin:auto; padding:30px 0 0 0; text-align:center; background:#0a0100; float:left }
.menu_footer { display:inline-block; border-top:2px solid #FFF; padding:10px 0 0 0; margin:10px 0 0 0; }
.menu_ft { display: inline-block; padding:0 20px; height:53px; color:#fff; text-decoration:none; font-family: 'Open Sans', sans-serif; font-size:13px; }
.menu_ft:hover { color:#999; }
.m50 { display:inline-block; margin:0 0 0 50px; }
.historia_1 { display:inline-block; width:100%; height:700px; margin:auto; text-align:center; background:url(../img/historia_bg1.jpg); float:left }
.historia_titulo { display: inline-block; width:100%; text-align:center; font-weight:700; color:#000; float:left; margin:50px 0 0 0; }
.historia_texto { display: inline-block; width:740px; text-align:justify; font-family: 'Open Sans', sans-serif; font-size:14px; color:#000; float:left; margin:50px 0 50px 230px; }
.historia_img { width:310px; height:200px; }
.historia_img2 { width:310px; height:200px; margin: 0 0 0 55px; }
.historia_2 { display:inline-block; width:100%; padding:50px 0; margin:auto; text-align:center; background:#1a171b; float:left }
.historia_titulo_b { display: inline-block; width:100%; text-align:center; font-weight:700; color:#fff; float:left; margin:0; }
.historia_texto_b { display: inline-block; width:740px; text-align:justify; font-family: 'Open Sans', sans-serif; font-size:14px; color:#fff; float:left; margin:50px 0 50px 230px; }
.historia_3 { display:inline-block; width:100%; height:548px; padding:120px 0 0 0; margin:auto; text-align:center; background:url(../img/historia_bg2.jpg) no-repeat; background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; -khtml-background-size: 100% 100%; float:left }
.historia_4 { display:inline-block; width:100%; height:175px; padding:45px 0 0 0; margin:auto; text-align:center; background:url(../img/historia_desv.jpg) #b26129; float:left }
.producto { display:inline-block; width:100%; height:990px; margin:auto; text-align:center; background:url(../img/producto_bg.jpg) #FFF no-repeat; background-size: 100% 790px; -moz-background-size: 100% 790px; -o-background-size: 100% 790px; -webkit-background-size: 100% 790px; -khtml-background-size: 100% 790px; float:left; }
.producto_d { display:inline-block; width:100%; height:34px; margin:auto; text-align:center; background:url(../img/producto_desv.jpg); float:left }
.producto_ficha { display:inline-block; width:390px; min-height:590px; margin:50px 0 0 200px; float:left; text-align:left; }
.producto_datos { display:inline-block; width:450px; height:535px; margin:50px 0 0 0; float:left; text-align:left; opacity:0; filter:alpha(opacity=0); }
.producto_cocktail { display:inline-block; width:500px; height:50px; margin:0; float:left; text-align:right; font-family: 'Cinzel Decorative', cursive; color:#9f6131; font-weight:700; font-size:24px; opacity:0; filter:alpha(opacity=0); }
.productos { display:inline-block; width:100%; height:2350px; margin:auto; text-align:center; float:left }
.productos_titulo { display:inline-block; float:left; width:100%; height:45px; text-align:center; font-size:25px;font-family: 'Cinzel Decorative', cursive; color:#1a171b; font-weight:700; padding:0; margin:30px 0 0 0; background:url(../img/linea_productos.png) no-repeat top center;  }
.artesanal_cont { display:inline-block; float:left; margin: 30px 0 30px 320px; }
.artesanal { display:inline-block; margin-left:120px; float: left; height:395px; opacity:0; filter:alpha(opacity=0); }
.clasica_cont { display:inline-block; float:left; margin: 35px 0 30px 320px; }
.clasica { display:inline-block; margin-left:165px; float: left; height:395px; opacity:0; filter:alpha(opacity=0); }
.unique_cont { display:inline-block; float:left; margin: 45px 0 30px 320px; }
.unique { display:inline-block; margin-left:120px; float: left; height:395px; opacity:0; filter:alpha(opacity=0); }
.agave_cont { display:inline-block; float:left; margin: 45px 0 30px 550px; }
.agave { display:inline-block; margin-left:120px; float: left; height:395px; opacity:0; filter:alpha(opacity=0); }
.galeria { display:inline-block; width:100%; min-height:1000px; margin:auto; text-align:center; background:url(../img/galeria_bg.jpg); float:left }
.galeria_cont { display:inline-block; margin:30px 0 30px 80px; width:1120px; }
.galeria_desv { display:inline-block; width:100%; height:35px; margin:auto; text-align:center; background:url(../img/galeria_desv.jpg); float:left }
.galeria_img { position: relative; width: 510px; height: 120px; margin: 0 20px 20px 0; float:left; }
.galeria_img img { display: block; }
.galeria_img .liga { opacity: 0; height:120px; line-height:120px; position: absolute; bottom: 0px; left: 0px; right: 0px; padding: 0; color: #ffffff; background: rgba(0,0,0,0.8) url(../img/linea_galeria.jpg) no-repeat 175px 85px; text-decoration: none; text-align: center; -webkit-transition: opacity 500ms; -moz-transition: opacity 500ms; -o-transition: opacity 500ms; transition: opacity 500ms; font-family: 'Cinzel Decorative', cursive; font-weight:700; font-size:28px; vertical-align:middle; display:inline-block;  }
.galeria_img:hover .liga { opacity: 1; }
.album_cont { display:inline-block; margin:30px 0 30px 80px; width:1120px; }
.album_img { display:inline-block; float:left; width:250px; height:140px; margin:0 10px 10px 0; background:#333; }
.album_img:hover img { opacity:0.5; }
.formulario { display:inline-block; width:540px; margin:50px auto; font-family: 'Open Sans', sans-serif; font-size:16px; }
.form_cafe { color:#8e562b; }
.form_bold { font-weight:600; }
.form_text { display:inline-block; float:left; width:540px; height:30px; border:#000 2px solid; color: #9f6131; font-family: 'Open Sans', sans-serif; text-align:center; margin:5px auto; font-size:14px; }
.form_text_2 { display:inline-block; float:left; width:540px; height:225px; border:#000 2px solid; color: #9f6131; font-family: 'Open Sans', sans-serif; text-align:center; margin:5px auto 30px auto; font-size:14px; }
.gracias { background:#90572c; display:inline-block; width:540px; padding:50px 0; text-align:center; font-size:26px; color:#FFF; font-family: 'Open Sans', sans-serif; }
.gr12 { font-size:12px; }
.ind_pr { display:inline-block; position:absolute; background:url(../img/indicador.png) no-repeat 0 10px; width:13px; height:29px; cursor:pointer; -webkit-transition: background-position 0.2s ease; -moz-transition: background-position 0.2s ease; -o-transition: background-position 0.2s ease; }
.ind_pr:hover { background:url(../img/indicador.png) no-repeat 0 0; }
.ind_txt {  font-family: 'Cinzel Decorative', cursive; font-size:20px; color:#0a0100; font-weight:700; }
.ind_txt2 {  font-family: 'Open Sans', sans-serif; font-size:14px; color:#0a0100; }
.btn_idioma { background:#8e562b; color:#FFF; padding:5px; width:100px; margin:20px; border:#8e562b 2px solid; font-family: 'Open Sans', sans-serif; font-weight:400; display:inline-block; }
.btn_idioma:hover { background:none; border:#FFF 2px solid; }
.anio_nc { display:inline-block; width:100px; padding:5px; background:none; border:2px solid #FFF; color:#8e562b; font-size:30px; margin:30px; text-align: center; }
.land_ent { display:inline-block; padding:5px; color:#ffffff; font-size:30px; font-family: 'Cinzel Decorative', cursive; border:none; background:none; cursor:pointer; }
.land_ent:hover { color:#999; }
.land_inv { color:#8e562b; font-size:18px; }
.btn_cntc { display:inline-block; float:left; width:100%; margin:40px 0 0 0; font-size:15px; font-family: 'Open Sans', sans-serif; font-weight:600; color:#9f6131; }
.btn_cntc:hover { color:#666; }
.cintillo_inicio { background:url(../img/cintillo_logo.png); width:300px; height:187px; position:absolute; left: 50%; margin-left: -150px; top:690px; }
.inicio_ant { width:60px; height:60px; position:absolute; left:50%; top:390px; margin-left:-430px; opacity:0; filter:alpha(opacity=0); }
.inicio_sig { width:60px; height:60px; position:absolute; left:50%; top:390px; margin-left:370px; opacity:0; filter:alpha(opacity=0); }
.video_contenedor { position:relative; top:-26px; height:254px; }
.idioma_cont { float:right; padding-top:7px; margin-right:100px }
.movil { display:none; }
.escritorio { display:inline-block; }
.video_repr { width:100%; height:100%; }
.amazon_cont { position:fixed; right:30px; bottom:20px; z-index:9999; width:100px; }
.historia_video { width:742px; height:418px; border:15px solid #000; }
.album_bck { float:left; position:relative; margin:0 10px 10px 0; width:250px; height:140px; background-color:#FFF; }

.galeria_pre { width:100%; text-align:center; background:url(../img/galeria_bg.jpg); float:left; }
.mapa_pre { display: inline-block; width:962px; height:476px; position:relative; background:url(../img/mapa.png); margin:20px 0 0 0; }
.info_pre { position:absolute; width:400px; top:200px; left:50%; margin-left:-250px; padding:30px 50px; background:#FFF; z-index:1000; display:none; }

@media (max-width:1300px){
	.album_cont { margin: 30px 0; width: 90%; float: none; }
	.album_principal { width:90%; }
}
@media (max-width:1220px){
	.album_bck { margin:5px; width:calc(33% - 10px); width:-moz-calc(33% - 10px); height:auto; }
	.album_bck img { width:100%; }
	.album_img { margin:5px; width:calc(33% - 10px); width:-moz-calc(33% - 10px); height:auto; }
	.album_img img { width:100%; }
	.botellas { width:100%; height:600px; }
	.botellas_bg { height:600px; }
	.botellas_madera { top:510px; height:110px; }
	.bot_cont { margin: 20px 0 0 200px; }
	.cintillo_inicio { top:600px; }
	.historia_home { width: 90%; height: 200px; padding: 10px 5%; }
	.contener { width: 100%; }
	.video_c { width: 100%; }
	.cintillo_b { width: 100%; }
	.historia_home_100 { height:auto; }
	.limite_contenedor { width: 1000px; }
	.artesanal_cont { margin: 30px 0 30px 220px; }
	.clasica_cont { margin: 35px 0 30px 220px; }
	.unique_cont { margin: 45px 0 30px 220px; }
	.agave_cont { margin: 45px 0 30px 450px; }
	.producto_ficha { margin: 50px 0 0 100px; }
	.producto_datos { width: 400px; }
	.historia_img { width: 240px; height:auto; }
	.historia_img2 { width: 240px; height:auto; margin: 0 0 0 35px; }
	.historia_texto { margin: 50px 100px; float: none; }
	.historia_texto_b { margin: 50px 100px; float:none; }
	.galeria_cont { margin: 30px 0; width: 90%; float:none; }
	.galeria_img { width: 50%; height: 120px; margin: 0; float: left; text-align:center; }
	.galeria_img img { width:calc(100% - 20px); width:-moz-calc(100% - 20px); margin:0 10px; }
	.galeria { min-height: 700px; }
	.album_cont { margin: 30px 0 100px 0; width: 80%; }
}

@media (max-width:1000px){
.historia_video { width:600px; height:auto; border:15px solid #000; }
.historia_texto { margin: 50px 10%; width:80%; }
.historia_texto_b { margin: 50px 10%; width:80%; }
.historia_img { width: 200px; }
.historia_img2 { width: 200px; margin: 0 0 0 25px; }
.video_contenedor { top:-50px; height:150px; }
.inicio_ant { margin-left: auto; left:20px; top:360px; }
.inicio_sig { margin-left:auto; right:20px; top:360px; }
.cuerpo_contenedor { display:inline-block; width:100%; margin:auto; text-align:center; }
.video_c { display:inline-block; width:100%; height:280px; margin:-26px 0 0 0; z-index:-100; }
.menu_txt { padding: 60px 20px }
.menu_logo { margin: 0 30px; }
.bot_cont { margin: 20px 0 0 120px; }
.historia_home { height: 150px; }
.limite_contenedor { width: 750px; }
.artesanal_cont { margin: 30px 0 30px 100px; }
.clasica_cont { margin: 35px 0 30px 100px; }
.unique_cont { margin: 45px 0 30px 100px; }
.agave_cont { margin: 45px 0 30px 325px; }
.producto_ficha { margin: 50px 0 0 50px; width:350px; }
.producto_ficha img { height:500px; }
.producto_datos { width: 300px; }
.producto { height: 890px; }
.galeria_cont { width: 70%; }
.galeria_img { width: 100%; height: auto; margin: 0 0 20px 0; }
.galeria_img img { width:100%; margin:0; }
.galeria { min-height: 900px; }
}

@media (max-width:700px){
.form_text_2 { width: 300px; }
.form_text { width: 300px; }
.formulario { width: 300px; margin: 0 0 50px 0; }
.info_pre { width:260px; top:200px; left:50%; margin-left:-150px; padding:30px 20px; }
.mapa_pre { margin:20px 50px 0 50px; }
.galeria_pre { padding:120px 0 0 0; }
.album_principal { width:100%; margin: 20px 0; }
.album_bck { width:calc(50% - 10px); width:-moz-calc(50% - 10px); }
.album_img { width:calc(50% - 10px); width:-moz-calc(50% - 10px); }
.album_cont { margin: 0 0 0 0; width: 90%; }
.galeria { min-height: 700px; padding: 130px 0 0 0; }
.galeria_cont { width: 90%; }
.historia_titulo { margin: 150px 0 0 0; }
.m50 { margin: 0 0 0 30px; }
.historia_4 img { height:100px; }
.historia_3 { height: 320px; }
.historia_video { width:80%; border:15px solid #000; }
.historia_img { width: 70%; }
.historia_img2 { width: 70%; margin: 20px 0 0 0; }
.historia_1 { height: auto; padding-bottom:50px; }
.amazon_cont { right:12px; bottom:10px; }
.footer { height: 540px; }
.historia_home { height: 250px; }
.video_repr { width:200%; height:100%; position:absolute; left:-50%; }
.cintillo { height:80px; background:none; }
.cintillo_b { height:80px; background:none; }
.cintillo_inicio { background:url(../img/cintillo_logo_movil.png) no-repeat center center; background-size:auto 100%; width:100%; height:100px; left: 0; margin-left:0; top:580px; }
.idioma_cont { margin-right:30px; }
.menu { display:none; }
.escritorio { display:none; }
.movil { display:inline-block; }
.menu_logo { margin: 0; height:auto; }
.inicio_ant img { width:40px; top:270px; left:1px; }
.inicio_sig img  { width:40px; top:270px; right:1px; }
.bot_cont { margin: 110px 0 0 0; width:100%; }
.menu_footer { margin-top:30px; }
.limite_contenedor { width: 100%; }
.limite { background: url(../img/productos_bg_m.jpg) no-repeat; background-size:auto 2800px; }
.artesanal_cont { margin: 30px 0 30px 0; width:100%; }
.clasica_cont { margin: 35px 0 30px 0; width:100%; }
.unique_cont { margin: 45px 0 30px 0; width:100%; }
.agave_cont { margin: 45px 0 30px 0; width:100%; }
.producto_ficha { margin: 80px 0 0 0; width:100%; text-align:center; min-height:360px; }
.producto_ficha img { height:360px; }
.producto_datos { width: 80%; margin:30px 0 0 10%; }
.producto { height: 1250px; background: url(../img/producto_bg_m.jpg) #FFF no-repeat center; background-size: auto 100%; }
.producto_cocktail { display:none; }
}