@import "http://fonts.googleapis.com/css?family=Arizonia";
@import "http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700";

html{
	background:url(../images/pattern1.png) repeat fixed;
}
a{
	text-decoration:none;
	color:#999999;
}
a:hover{
	color: #222222;
  text-shadow: 0 2px 3px #555555;
}
hr{
	border:0 dashed;
}
div.spacer_5{
	height:5px;
}
div.spacer_10{
	height:10px;
}
div.spacer_20{
	height:20px;
}
div.spacer_40{
	height:40px;
}
div.spacer_50{
	height:50px;
}
.position{
	position:relative;
}
#menu{
	position:relative;
	background:url(../images/menu-ribbon.png) no-repeat top center;
	min-height:71px;
	font-family: 'Open Sans',sans-serif;
	text-align:center;
}
#menu ul li{
	display:inline;
	text-transform:uppercase;
	margin-left:25px;
	font-weight:700;
	text-shadow: 1px 1px 2px #000000;
	text-align:center;
	/*border-right:dashed 1px #000;*/
}
#menu ul li a{
	color:#FFF;
}
#menu ul li:last-child{
	border:none;
}
#logo-top{
	position:absolute;
	top:-80px;
	left:370px;
	z-index:1000;
}
nav{
	color:#CCCCCC;
}
nav ul{
	margin-left:35px;
	padding-top:15px;
}
a:focus {
	outline: none;
}
header img{
	margin-top:5px;
}
#panel {
	width:100%;
	background: #ba1311;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JhMTMxMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3YzBjMGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ba1311 0%, #7c0c0c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ba1311), color-stop(100%,#7c0c0c));
	background: -webkit-linear-gradient(top,  #ba1311 0%,#7c0c0c 100%);
	background: -o-linear-gradient(top,  #ba1311 0%,#7c0c0c 100%);
	background: -ms-linear-gradient(top,  #ba1311 0%,#7c0c0c 100%);
	background: linear-gradient(to bottom,  #ba1311 0%,#7c0c0c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba1311', endColorstr='#7c0c0c',GradientType=0 );
	height: 60px;
	color:#FFF;
}
.slide {
	margin: 0;
	padding: 0;
	border-top: solid 10px #3B1612;
	background: url("../images/btn-slide.png") no-repeat scroll right top transparent;
	text-shadow: 1px 1px 2px #000000;
}
.btn-slide {
	background: url("../images/white-arrow.gif") no-repeat scroll right -47px transparent;
	color: #FFFFFF;
	display: block;
	font: bold 85%/100% Arial,Helvetica,sans-serif;
	height: 31px;
	margin: 0 15px auto;
	padding: 10px 30px 0 0;
	text-align: right;
	text-decoration: none;
}
.active {
	background-position: right 12px;
}
#social #facebook{
	background:#FFFFFF;
	border-radius:5px;
	text-align:center;
	border:none;
}
div#zombieMayor{
	position:fixed;
	bottom:0;
	right:0;
	z-index:999;
}
div#zombieMayor img{
	cursor:pointer;
}
div#zombie-balloon{
	position:relative;
	top:60px;	
	right:80px;
}
.graybg{
	background: url(../images/bgContainer.png) #333333;
}
#footer{
	background:#333;
	width:100%;
	border-top:5px solid #666;
	text-align:center;
}
#footer ul li{
	display:inline;
	border-right:1px dashed #666;
	margin-left:20px;
	padding-right:20px;
	font-family: 'PT Sans Narrow',sans-serif;
	font-size:14px;
	text-transform:uppercase;
}
#footer ul li:last-child{
	border:none;
}
.rounded-corners{
	border-radius:10px 10px 0 0;
}
.height760{
	min-height:760px;
}
ul.ligas li{
	list-style:none;
}

.info-liga{
	margin-left:20px;
}
.info-liga h5{
	margin-bottom:0;
	color:#FFF;
}
h2.seccion{
	font-family: 'Arizonia',cursive;
	font-size:50px;
	color: #999999;
  text-align: center;
  text-shadow: 0 3px 8px #2A2A2A;
}
#cervezas .cerveza-img{
	position:relative;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
	border:1px dashed #555555;
}
#cervezas .cerveza-img span{
	background: url("../images/lupa.png") no-repeat scroll 0 0 transparent;
	bottom: 5px;
	display: block;
	height: 22px;
	position: absolute;
	right: 5px;
	width: 22px;
	z-index: 3;
}
#cervezas img{
	display: inline-block;
	padding: 5px;
}
#cervezas .series{
	background: none repeat scroll 0 0 #01747E;
}
#cervezas img.limitada{
	background: none repeat scroll 0 0 #791A04;
}
#cervezas h2{
	color:#FFF;
	text-align:center;
	font-family: 'PT Sans Narrow',sans-serif;
	margin-bottom:10px;
	line-height:1;
	font-size:28px;
	text-transform:uppercase;
}
#cervezas p{
	text-align:justify;
	color:#FFFFFF;
	font-family: 'PT Sans Narrow',sans-serif;
	font-size:16px;
	line-height:1.1;
}
#cervezas .clasificacion{
	color:#FFFFFF;
	padding:10px 0 10px 10px;
	margin-bottom:20px;
	border:1px dashed #333333;
	border-radius:20px 20px 0px 0px;
	-moz-border-radius:10px 20px 0px 0px;
	-webkit-border-radius:20px 20px 0px 0px;
}
#cervezas .clasificacion h1{
	font-family: 'PT Sans Narrow', sans-serif;
	text-align:left;
	text-transform:uppercase;
	margin-bottom:0;
	margin-left:10px;
	font-size:30px;
	text-shadow: 2px 2px 2px #000;
}
#cervezas .serie{
	background: rgb(160,34,6); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, rgba(160,34,6,1) 0%, rgba(135,29,5,1) 44%, rgba(104,21,2,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(160,34,6,1)), color-stop(44%,rgba(135,29,5,1)), color-stop(100%,rgba(104,21,2,1))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, rgba(160,34,6,1) 0%,rgba(135,29,5,1) 44%,rgba(104,21,2,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, rgba(160,34,6,1) 0%,rgba(135,29,5,1) 44%,rgba(104,21,2,1) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, rgba(160,34,6,1) 0%,rgba(135,29,5,1) 44%,rgba(104,21,2,1) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center, rgba(160,34,6,1) 0%,rgba(135,29,5,1) 44%,rgba(104,21,2,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a02206', endColorstr='#681502',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#cervezas .limitada{
	background: rgb(110,174,40); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, rgba(110,174,40,1) 0%, rgba(97,152,34,1) 56%, rgba(72,108,24,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(110,174,40,1)), color-stop(56%,rgba(97,152,34,1)), color-stop(100%,rgba(72,108,24,1))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, rgba(110,174,40,1) 0%,rgba(97,152,34,1) 56%,rgba(72,108,24,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, rgba(110,174,40,1) 0%,rgba(97,152,34,1) 56%,rgba(72,108,24,1) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, rgba(110,174,40,1) 0%,rgba(97,152,34,1) 56%,rgba(72,108,24,1) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center, rgba(110,174,40,1) 0%,rgba(97,152,34,1) 56%,rgba(72,108,24,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6eae28', endColorstr='#486c18',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#cervezas .temporada{
	background: rgb(41,180,180); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, rgba(41,180,180,1) 0%, rgba(34,151,151,1) 56%, rgba(24,107,107,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(41,180,180,1)), color-stop(56%,rgba(34,151,151,1)), color-stop(100%,rgba(24,107,107,1))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, rgba(41,180,180,1) 0%,rgba(34,151,151,1) 56%,rgba(24,107,107,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, rgba(41,180,180,1) 0%,rgba(34,151,151,1) 56%,rgba(24,107,107,1) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, rgba(41,180,180,1) 0%,rgba(34,151,151,1) 56%,rgba(24,107,107,1) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center, rgba(41,180,180,1) 0%,rgba(34,151,151,1) 56%,rgba(24,107,107,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29b4b4', endColorstr='#186b6b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */	
}
.subtitulo-cheves{
	font-size:20px;
}
#cervezas p.beer-details{
	margin-bottom:5px;
	font-weight:bold;
}
#lang{
	text-align:center;
}
#lang p{
	margin-bottom:0;
}
.articulo_container{
	padding:5px;
	background:rgba(255,255,255,0.8);	
}
.articulo{
	padding:10px;
	border:1px dashed #999;
}
.fecha_articulo{
	background:url(../images/date-bg.png) no-repeat;
	width:53px;
	height:80px;
	display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 20px;
	font-family: 'Open Sans Condensed',sans-serif;
  color:#333;
}
.fecha_articulo p.dia, .fecha_articulo p.mes, .fecha_articulo p.ano{
	position:relative;
	text-align:center;
}
.fecha_articulo p.dia{
	font-size:24px;
	top:6px;
}
.fecha_articulo p.mes{
	text-transform:uppercase;
	top:-26px;	
}
.fecha_articulo p.ano{
	top:-54px;
	color:#999;
}
.contenido_articulo{
	clear:right;
	margin-left:10px;
	color:#444444;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
	font-size:14px;
}
.contenido_articulo h2{
	margin-top:-5px;
	font-family: 'Gafata', sans-serif;
}
.contenido_articulo h2, .contenido_articulo p{
	margin-bottom:0;
}
div#mision{
	color:#CCC;
	text-align:justify;
}
div#contacto{
	background:url('../images/contactoBg.png') top right;
	background-repeat:no-repeat;
	background-position:0 top,0 right;
	color:#CCCCCC; 
}
div#contacto h6{
	margin-bottom:0;
}
div#contacto input.default{
	width:300px;
	border:1px dashed #999999;
	height:30px;
	padding:5px;
}
div#contacto textarea{
	width:500px;
	border:1px dashed #999999;
	padding:10px;
	height:130px;
}
div#contacto input#sendBtn{
	border:2px dotted #CCCCCC;
}
div#mensajes{
	height:25px;
	border:1px dashed #999999;
	margin-bottom:20px;
	padding:5px;
	text-align:center;
}
.success{
	background:#5E8D24 url(../images/exito.png) no-repeat left center;
}
.fail{
	background:#EF640D url(../images/alert.png) no-repeat left center;
}