@charset "utf-8";
/* CSS Document */
@import url("fonts.css");
html,body{
	width:100%;
	margin:0;
	height: 100%;
	min-width:1024px;
        
}
a{text-decoration: none;}

.index{
    background:url(../imgs/bg_index.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/bg_index.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/bg_index.png', sizingMethod='scale')";
	min-height:100%;
}

.dvindex{
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height:50%;
  }
/**************Index**********************************/
.pleca_degada{
background: rgba(0,0,0,1);
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(3,25,31,0.85) 50%, rgba(0,0,0,0.7) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(50%, rgba(3,25,31,0.85)), color-stop(100%, rgba(0,0,0,0.7)));
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(3,25,31,0.85) 50%, rgba(0,0,0,0.7) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(3,25,31,0.85) 50%, rgba(0,0,0,0.7) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(3,25,31,0.85) 50%, rgba(0,0,0,0.7) 100%);
background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(3,25,31,0.85) 50%, rgba(0,0,0,0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
height:19px;
width:100%;
}

.pleca_degada p{ margin:0px; text-align:center; font-family:'LeType-ClioSemiBold-SemiBold';}

.pleca_degada p a{color:#FFF; text-decoration:none;}
.pleca_degada p a:hover{color:#FFF;}
.datosfrm{
background: rgba(0,0,0,1);
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(3,25,31,0.85) 50%, rgba(0,0,0,0.7) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(50%, rgba(3,25,31,0.85)), color-stop(100%, rgba(0,0,0,0.7)));
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(3,25,31,0.85) 50%, rgba(0,0,0,0.7) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(3,25,31,0.85) 50%, rgba(0,0,0,0.7) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(3,25,31,0.85) 50%, rgba(0,0,0,0.7) 100%);
background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(3,25,31,0.85) 50%, rgba(0,0,0,0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
width:100%;
padding-top:2px;
padding-bottom:2px;
font-family:'LeType-ClioRegular';
font-size: 16pt;
color: #FFF;
}
.datosfrm {margin-top: 10px;}
.datosfrm p{margin: 0px;}
.datosfrm input[type=number]{font-family:'BebasNeue Regular';
	font-size:13pt; color:#FFF; background:none;
 padding: 5px 8px;
    border:1px solid #999;}

.datosfrm  select {
    padding: 5px 8px;
    border:1px solid #999;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    appearance: none;
	background:none !important;
	color:#FFF;
    -webkit-appearance: none;
    appearance: none;
	font-family:'BebasNeue Regular';
	font-size:13pt;
  }
.datosfrm  select option {
    margin:40px;
    background: rgba(3,25,31,1);
    color:#FFF;
    text-shadow:0 1px 0 rgba(3,25,31,1);
	padding:50px;
	font-family:'BebasNeue Regular';
	font-size:13pt;
}
.datosfrm input[type=submit]{font-family:'LeType-ClioRegular'; width:35px; height:31px; font-size:16pt; background:#FFF; color:#999999; border:none; text-transform:uppercase;}
.welcome{font-family: 'LeType-ClioSemiBold-SemiBold'; color: #FFF; font-size: 16pt;}


/*****************About************/
header{position:fixed; z-index:10; width:100%; top:0; margin-top:44px;}
nav{
background: rgba(0,0,0,1);
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(3,25,31,0.85) 50%, rgba(0,0,0,0.7) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(50%, rgba(3,25,31,0.85)), color-stop(100%, rgba(0,0,0,0.7)));
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(3,25,31,0.85) 50%, rgba(0,0,0,0.7) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(3,25,31,0.85) 50%, rgba(0,0,0,0.7) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(3,25,31,0.85) 50%, rgba(0,0,0,0.7) 100%);
background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(3,25,31,0.85) 50%, rgba(0,0,0,0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
height: 52px;
padding-left:20px;
padding-right: 20px;
padding-top: 14px;
padding-bottom: 14px;
top

}
nav .logo{float: left; width: 171px; display: inline-block;}
nav ul{float:right;display: inline-block;}
nav ul li{float: left;display:block; list-style: none; padding-left: 14px; padding-right: 14px;}
nav ul li a{font-family: 'LeType-ClioSemiBold-SemiBold'; font-size:16pt; color: #FFF; text-decoration: none; }

nav ul li ul{ display:none;}

nav ul li:hover > ul{ display: block;position:absolute;}
nav li ul li {
			position:relative;
			right:40px;
			top:0px;
			background:url(../imgs/pleca_index.png) no-repeat;
			width:25px;
			}


.lnk_our_mezcal{font-family:'LeType-ClioSemiBold-SemiBold'; font-size:16pt; color: #FFF !important; text-decoration: none; margin-left:250px;  padding:15px 15px 15px 15px; position:relative; top:150px;
background: rgba(0,0,0,1);
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(3,25,31,0.85) 50%, rgba(0,0,0,0.7) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(50%, rgba(3,25,31,0.85)), color-stop(100%, rgba(0,0,0,0.7)));
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(3,25,31,0.85) 50%, rgba(0,0,0,0.7) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(3,25,31,0.85) 50%, rgba(0,0,0,0.7) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(3,25,31,0.85) 50%, rgba(0,0,0,0.7) 100%);
background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(3,25,31,0.85) 50%, rgba(0,0,0,0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );}
.lnk_Mezcal_gusano{font-family:'LeType-ClioSemiBold-SemiBold'; font-size:16pt; color: #FFF !important; text-decoration: none; margin-left:30px;  padding:15px 15px 15px 15px; position:relative; top:150px;
background: rgba(0,0,0,1);
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(3,25,31,0.85) 50%, rgba(0,0,0,0.7) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(50%, rgba(3,25,31,0.85)), color-stop(100%, rgba(0,0,0,0.7)));
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(3,25,31,0.85) 50%, rgba(0,0,0,0.7) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(3,25,31,0.85) 50%, rgba(0,0,0,0.7) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(3,25,31,0.85) 50%, rgba(0,0,0,0.7) 100%);
background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(3,25,31,0.85) 50%, rgba(0,0,0,0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );}

.widht_ind{ width:180px; display:inline-block;}
.mezcales {width:180px;}
.about{
    background:url(../imgs/bg_home.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/bg_home.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/bg_home.png', sizingMethod='scale')";
    min-height:100%;
    background-position:center 10%;
   
}
.info_about {
  padding-top:150px;
  position: relative;
            
}
.info_about .content_text{
  display: none;
 float:left;
 overflow: hidden;
}
.info_about .text{
    background:url(../imgs/bg_about.png) repeat fixed center;
    width: 386px;
    padding-left: 45px;
    padding-right: 30px;
    padding-top:10px;
    padding-bottom:10px;
    font-family: 'LeType-ClioMedium-Medium'; font-size:17pt;
    color:#FFF;
    text-align: justify;
}
.info_about .btn{
    background:url(../imgs/btn_.png);
    width: 49px;
    height:462px;
    display:table-cell;
    float: left;
    
}
.info_about .btning{
    background:url(../imgs/btn_.png);
    width: 49px;
    height:435px;
    display:table-cell;
    float: left;
    
}
.info_about .btnru{
    background:url(../imgs/btn_.png);
    width: 49px;
    height:490px;
    display:table-cell;
    float: left;
    
}
.info_about .btn img{vertical-align: middle;}
/*****************Nuestro_mezcal************************************/
.content_our_mezcal{ min-height:100% !important; width:100%; overflow:hidden;  position:relative;}

.content_our_mezcal .pleca_wite {background:#FFF; width:100%; height:auto;}

.content_our_mezcal .botella{position:absolute; z-index:2; height:100%; top:0; float:left; margin-left:30%; padding-top:10px;}
.content_our_mezcal .botella img{width:100%;}

.our_mezcal{
    background:url(../imgs/bg_N_Mezcal2.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/bg_N_Mezcal2.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/bg_N_Mezcal2.png', sizingMethod='scale')";
    min-height:100%;
}
.content_mezcal_c_gusano{ min-height:100% !important; width:100%; overflow:hidden;  position:relative;}

.content_mezcal_c_gusano .pleca_wite {background:none; width:100%; height:auto; margin-top:-42px;}
.bck_mezcal{ margin-left:40px; position:relative; top:530px !important; z-index:200;}

.mezcal_c_gusano{
    background:url(../imgs/Mezcal%20con%20gusano.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/Mezcal%20con%20gusano.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/Mezcal%20con%20gusano.png', sizingMethod='scale')";
    min-height:100%;
}

.info_our_mezcal{
    padding-left: 5%;
    padding-bottom: 59px;
    padding-top:34px;
    background: url('../imgs/reptilia.png') no-repeat;
    background-position:72% 45%;
    width:700px;
    margin-top:15%;
}







.bgru{
    background-position:85% 45%;
}


.find_buy{ min-height:100% !important; width:100%; overflow:hidden;  position:relative;}
.bg_findbuy
{ background:url(../imgs/bg_find.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/bg_find.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/bg_find.png', sizingMethod='scale')";
    min-height:100%;
	}

.content_find{
	padding-top:174px;
	padding-left:130px;
	width:624px;
	}
.content_find .block{
	background: rgba(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.7);
    color: rgba(255, 255, 255, 0.7);
	padding-left:57px;
	padding-top:57px;
	padding-bottom:57px;
	 font-family: 'LeType-ClioRegular';
    font-size: 16pt;
	color:#000000;
	}

.content_country{float:left; display:block;}
.content_location{float:left; display:block; margin-left:100px !important;}
.content_location .visbile{ display:block;}
.content_location div{ display:none;}

.content_country #menu_location{ padding:0; margin:0; min-height:211px;}
.content_country #menu_location li{list-style:none; min-height:41px; margin-top:15px;}
.content_country #menu_location li a{ text-decoration:none; border:none; display:inherit; min-height:41px;}

.content_country #menu_location .mexico{background:url(../imgs/gr_mexico.png) no-repeat; width:128px; cursor:pointer;}
.content_country #menu_location .hongkonk{background:url(../imgs/gr_hong%20kong.png) no-repeat; width:158px; cursor:pointer;}
.content_country #menu_location .usa{background:url(../imgs/gr_USA.png) no-repeat; width:101px; cursor:pointer;}
.content_country #menu_location .colombia{background:url(../imgs/gr_colombia.png) no-repeat; width:152px; cursor:pointer;}
.content_country #menu_location .ru{background:url(../imgs/gr_rusia.png) no-repeat; width:152px; cursor:pointer;}


.content_country #menu_location .mexico:hover{background:url(../imgs/mexico.png) no-repeat;}
.content_country #menu_location .hongkonk:hover{background:url(../imgs/hong%20kong.png) no-repeat;}
.content_country #menu_location .usa:hover{background:url(../imgs/USA.png) no-repeat;}
.content_country #menu_location .colombia:hover{background:url(../imgs/colombia.png) no-repeat;}
.content_country #menu_location .ru:hover{background:url(../imgs/rusia.png) no-repeat;}

.content_country #menu_location .mexico .active{background:url(../imgs/mexico.png) no-repeat;}
.content_country #menu_location .hongkonk .active{background:url(../imgs/hong%20kong.png) no-repeat;}
.content_country #menu_location .usa .active{background:url(../imgs/USA.png) no-repeat;}
.content_country #menu_location .colombia .active{background:url(../imgs/colombia.png) no-repeat;}
.content_country #menu_location .ru .active{background:url(../imgs/rusia.png) no-repeat;}



.contact{
    background:url(../imgs/bg_contact.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/bg_contact.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/bg_contact.png', sizingMethod='scale')";
    min-height:100%;
}

.infcontact{
    bottom: 0; left: 0; top: 0; right: 0;
    margin: auto;
    position: absolute;
    width:320px;
    height:320px;
    padding-left: 34px;
    padding-right: 34px;
    padding-top: 33px;
    padding-bottom: 33px;
    background: rgba(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.7);
    color: rgba(255, 255, 255, 0.7);    
}


.m_img_rep{margin-left:5%;}
.txt_LeType_ClioSemiBold_SemiBold16{
    font-family: 'LeType-ClioSemiBold-SemiBold';
    font-size: 16pt;
}
.txt_LeType_ClioRegular16{
    font-family: 'LeType-ClioRegular';
    font-size: 16pt;
}
.uppercase{text-transform: uppercase;}
.clear{clear: both;}


}
@media screen and (max-width: 768px) {
	.info_our_mezcal{
    padding-left: 5%;
    padding-bottom: 59px;
    padding-top:50%;
    background: url('../imgs/reptilia.png') no-repeat;
    background-position:75% 45%;
    width: 700px;
    margin-top:200px;
}
}
@media screen and (max-width: 480px) {
}

@media screen and (max-width:320px) {
.content_our_mezcal .botella{position:absolute; z-index:2; height:100%; top:0; float:left; margin-left:130%; padding-top:10px;}

}