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

@font-face {
    font-family: 'quicksandregular';
    src: url('fonts/quicksand-regular-webfont.eot');
    src: url('fonts/quicksand-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/quicksand-regular-webfont.woff2') format('woff2'),
         url('fonts/quicksand-regular-webfont.woff') format('woff'),
         url('fonts/quicksand-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

body{
	font-family: 'quicksandregular';
	font-size:18px;
	color:#333;
	line-height:22px;
}
h1{
	padding-bottom:20px;
}
h3{
	padding:0px;
	margin:0px;
	font-weight:bold;
	font-size:32px;
	padding-top: 4px;
}
h4{
	color:#b94a48;
	font-size:22px;
}
header{
	background-color:#000000;
	background:url(images/zwartevilt.png) repeat;
	text-align:center;
	padding:20px 0px;
}
header img{
	margin:0px auto;
}
header h1{
	color: #FFF;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
    font-size: 26px;
    margin: 0px;
    padding: 12px 0px;
    line-height: 32px;
    text-transform: uppercase;
}

section{
	padding-bottom:30px;
}
.precio{
	font-size: 40px;
    display: block;
    padding: 30px 0px 5px;
    font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.btn_pay{
	display: inline-block;
	margin: 0px 0px 0px;
	padding: 30px 30px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b3d23c+0,a1bd36+50,a1bd36+50,a1bd36+50,bbd14c+100 */
	background: #b3d23c; /* Old browsers */
	background: -moz-linear-gradient(top,  #b3d23c 0%, #a1bd36 50%, #a1bd36 50%, #a1bd36 50%, #bbd14c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #b3d23c 0%,#a1bd36 50%,#a1bd36 50%,#a1bd36 50%,#bbd14c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #b3d23c 0%,#a1bd36 50%,#a1bd36 50%,#a1bd36 50%,#bbd14c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3d23c', endColorstr='#bbd14c',GradientType=0 ); /* IE6-9 */
	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;

}
.btn_pay:hover{
	text-decoration:none;
	color:#FFF;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bcd168+0,a1bd36+50,a1bd36+50,a1bd36+50,99b700+100 */
	background: #bcd168; /* Old browsers */
	background: -moz-linear-gradient(top,  #bcd168 0%, #a1bd36 50%, #a1bd36 50%, #a1bd36 50%, #99b700 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #bcd168 0%,#a1bd36 50%,#a1bd36 50%,#a1bd36 50%,#99b700 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #bcd168 0%,#a1bd36 50%,#a1bd36 50%,#a1bd36 50%,#99b700 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcd168', endColorstr='#99b700',GradientType=0 ); /* IE6-9 */

}
.space_bottom{
	padding-bottom:30px;
}
.sp_bottom_20{
	padding-bottom:20px;
}
hr{
	border-top: dotted 3px #5e242b;
	border-bottom:none;
	padding-bottom: 20px;
}

.descrip_1{
	padding-top:20px;
}
ul.list_cerveceria{
	padding: 0px;
    margin: 0px 0px;
}
ul.list_cerveceria li{
	list-style:url(images/vineta_2.png);
	padding-bottom: 5px;
}



footer{
	background-color:#000;
	color:#FFF;
	padding:25px 0px;
	font-size:16px;
	text-align:center;
}
footer a{
	color:#FFF;
}
footer a:hover{
	color:#FC6;
	text-decoration:none;
}
footer img{
	margin:0px auto;
}
.contact_rj img{
	text-align:right;
	display:inline-block;
}


.cont_pay{
	margin-bottom:20px;
	background-color:#f4f4f4;
	border-radius:5px;
	padding:10px 10px;
}
.title_1{
	color:#b94a48;
}


/*Medias Querys*/

@media(min-width:1200px){

}

@media(min-width:992px){


}

 @media (min-width: 768px) and (max-width: 991px) {

       

}
@media(max-width:767px){

ul.list_cerveceria{
	padding-left:20px;
}
.img_logo_cerv{
	margin: 0px auto;
    padding: 20px 0px;
}
.contact_rj{
	text-align:left;
}

.col_2{
} 
.cont_pay{
	text-align:center;
} 
.cont_pay h3{
	padding-bottom:10px;
}   

}