@charset "UTF-8";
/* CSS Document */

.menu{
	
	background-image:url(../web/images/menuBg.png);
	background-repeat:repeat-x;
	background-position:center;
	color:#FFFFFF;
	vertical-align:central;

	
}

.awards-bg{
	background-image:url(../web/images/awards-bg-tall.png);
	background-repeat:no-repeat;
	overflow:auto;
	background-position:right top;
	
	
}

.home-bg{
	background-image:url(../web/images/home_bg.png);
	background-size:cover;
	/*background-repeat:no-repeat;*/
	overflow:auto;
	/*background-position:right top;*/
	
	
}

.anejo-bg{
	background-image:url(../web/images/products/anejo-bg.png);
	background-repeat:no-repeat;
	overflow:auto;
	background-position:right top;
	
}

.reposado-bg{
	background-image:url(../web/images/products/reposado-bg.png);
	background-repeat:no-repeat;
	overflow:auto;
	background-position:right top;
	
}

.mixto-bg{
	background-image:url(../web/images/products/mixto-bg.png);
	background-repeat:no-repeat;
	overflow:auto;
	background-position:right top;
	
}

.blanco-bg{
	background-image:url(../web/images/products/blanco-bg.png);
	background-repeat:no-repeat;
	overflow:auto;
	background-position:right top;
	
}

.social-bg{
	background-image:url(../web/images/textboxBg.png);
	overflow:auto;
	background-position:right top;
	border:#FFFFFF thick double;
	width:50%;
	clear:both;
	margin:0 auto;
	text-align:center;
	
}

.social-bg a{
	color:#CCC;
	
}

.social-bg a:hover{
	color:#990000;
	
}


.textbox{
	background-image:url(../web/images/textboxBg.png);
	border-left:#FFF 2px solid;
	padding:3%;
	max-width:100%;
	color:#FFFFFF;
	line-height:1.5em;
	overflow:auto;
	
}

h1{
	font-size:4em;
	color:#fff;
	text-shadow: 1px 1px 6px #0A0A0A;
	font-family: 'Cinzel', serif;
	
	
	
}

h2{
	font-size:3.5em;
	color:#fff;
	text-shadow: 1px 1px 6px #0A0A0A;
	font-family: 'Cinzel', serif;
	
	
}

h3{
	font-size:2em;
	color:#fff;
	
	
}
h4{
	font-size:1em;
	color:#FFC;
	
	
}

h5{
	font-size:1.5em;
	color:#fff;
	padding-bottom:2%;
	
}

.contactfield{
	padding:1%;
	opacity: 0.48;
filter: alpha(opacity =48);
}

.contact{}

.contact h4{
	font-size:0.85em;
	color:#FFC;
	
}

p{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	
}

.footer{
	color:#666666;
	
}

.top-margin{
	margin-top:-4%;
	
}

.top-padding-sm{
	padding-top:1.4%;
	padding-right:1.4%;
	
}

.med-padding{
	padding:2% 0% 1% 2%;
	
}


td, th, tr {
	border-bottom:#FFF solid thin;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;

}

hr{
	margin:2% 0%;
	
}

.btn {
  background: #f7f9fa;
  background-image: -webkit-linear-gradient(top, #f7f9fa, #e6e6e6);
  background-image: -moz-linear-gradient(top, #f7f9fa, #e6e6e6);
  background-image: -ms-linear-gradient(top, #f7f9fa, #e6e6e6);
  background-image: -o-linear-gradient(top, #f7f9fa, #e6e6e6);
  background-image: linear-gradient(to bottom, #f7f9fa, #e6e6e6);
  -webkit-border-radius: 13;
  -moz-border-radius: 13;
  border-radius: 13px;
  font-family: Arial;
  color: #7a767a;
  font-size: 15px;
  padding: 5px 20px 5px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #ffffff;
  text-decoration: none;
}

.hidden-div{
	visibility:visible;
	
}
@media screen and (max-width: 800px){
.menu-padding{
	padding-top:0px;
	
}



}

@media screen and (min-device-width : 320px) 
and (max-device-width : 568px) {
	
	.top-margin{
	margin-top:3%;
	
}
	

p{
	color:#FFFFFF;
	font-size:3em;
	line-height:1.5em;
	
}
h1{
	font-size:7em;
	color:#fff;
	text-shadow: 1px 1px 6px #0A0A0A;
	font-family: 'Cinzel', serif;
	
	
	
}

.footer{
	color:#666666;
	font-size:1.25em;
	
}

td, th, tr {
	border-bottom:#FFF solid thin;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.25em;
	color:#fff;

}

.menu{
	text-align:center;
	background-image:url(../web/images/menuBg.png);
	background-repeat:repeat-x;
	background-position:center;
	
	color:#FFFFFF;
	word-spacing:1em;
	vertical-align:central;
	font-size:2.5em;
	
	
}


}