@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Oswald');

/* Simple fluid media

   Note: Fluid media requires that you remove the media's height and width attributes from the HTML

   http://www.alistapart.com/articles/fluid-images/ 

*/

img, object, embed, video {

	/*max-width: 100%;

	width:100px;*/

}



/* IE 6 does not support max-width so default to width 100% */

.ie6 img {

	width:100%;

}



/*

	Dreamweaver Fluid Grid Properties

	----------------------------------

	dw-num-cols-mobile:		4;

	dw-num-cols-tablet:		8;

	dw-num-cols-desktop:	12;

	dw-gutter-percentage:	25;

	

	Inspiration from "Responsive Web Design" by Ethan Marcotte 

	http://www.alistapart.com/articles/responsive-web-design

	

	and Golden Grid System by Joni Korpi

	http://goldengridsystem.com/

*/
@font-face {
  font-family: "Univers";
  src:url(Univers.otf);
 
}


.fluid {

	clear: both;


	margin-left: 0;

	width: 100%;

	float: left;

	display: block;

}



.fluidList {

    list-style:none;

    list-style-image:none;

    margin:0;

    padding:0;        

}



/* Mobile Layout: 480px and below. */

  

.gridContainer {

	margin-left: auto;

	margin-right: auto;

	width: 100%;

	padding-left: 0%;

	padding-right: 2.5%;

	clear: none;

	float: none;

}

#div1 {

	width: 100%;

}

.menu_responsive {

	margin-left: 0px;

	width: 100%;

}

.cont_grla {

	width:98%;

	/*min-width:320px;*/

	height: auto;

	margin-left:10px;



}

.boton_mas {

}

.producto1 {

}

.boton_plus {

}

.producto1_destacado {

	opacity:0.88;

}

.cont_tabla {

}

.producto2_destacado {

	opacity:0.88;

}

.producto3_destacado {

	opacity:0.88;

}

.marca_foo {

width: 200px;

text-align:center;

margin-top:40%;

display:none;

}

.img_cel_principal{

	width:200px;

	height:auto;

	text-align:center;

}

.menu_footer {

width: 100%;

clear: both;

margin-left: 0;

display:none;

}

.redes_footer {

width: 100%;

clear: both;

margin-left: 0;

}

.encabezado_destacados {

	display:none;

}

.marca_cel_centro {

	text-align:center;

	width:100%;

	height:auto;

	margin-top:25%;

}

.marca_tablet_centro {

	display:none;

}

.cont_tabla_nosotros {

width: 100%;

}

.cont_tabla_nosotros{

	margin-top: 30px;

	width: 83.0508%;

	min-width: 347px;

}



.estilo2_titulo{

	font-size:60px;

	color:#000;

	padding-top:20px;
	font-family: 'Oswald', sans-serif;
	font-weight:900;

}

.estilo3_txtbase{

	font-size:14px;

	font-family:monospace;

	color:#000;

	padding-left:20px;

	padding-top:20px;

	padding-bottom:20px;

}

.estilo_img{

	text-align:center;

}

.cont_cuerpo{

	width:100%;

}

/*.cont_filtros {

width: 100%;

}

.cont_produc {

width: 100%;

clear: both;

margin-left: 0;

}

.cont_producto_buscado {

}

.img_producto {

}

.cont_txt_productos {

}

.encabezado {

}

.encabezado_productos {

}

.cont_tabla_filtros {

}

.cont_img_cervecera {

clear: both;

margin-left: 0;

}*/



.cont_filtros{

	width: 100%;

    height: auto;

	margin-top:15px;

}

.cont_produc{

	width: 100%;

	margin-top: 10px;

}

.cont_producto_buscado{

	margin-top: 20px;

    /* width: 321px; */

    /* min-width: 500px; */

    background-color: #e6e4e4;

}

.img_producto{

	width: 120px;

	margin-top: 10px;

	margin-left: 10px;

	margin-bottom: 10px;
	min-height: 163px;
}

.cont_txt_productos{

	width: 157px;

	margin-left: 157px;

	margin-top: -177px;

}

.txt_tabla_productos{

	width: 170px;

    font-size: 12px;

    font-family: monoespace;

    color: #000;

	margin-bottom:10px;

}

.estilo_imgs_productos{

	width: 120px;

    height: auto;

    min-width: 127px;
	max-height:163px;
	
}



.encabezado_productos{

	font-size:30px;

	color:#000;

	padding-top:0px;
	font-family: 'Oswald', sans-serif;
	font-weight:900;

}

.cont_tabla_filtros{

	margin-top:20px;

	color:#000;

}



.estilo_txt_tablas_filtros{

	font-size:14px;

	letter-spacing:2px;

	padding-top:10px;

	padding-bottom:10px;

}

.cont_img_cervecera{

	width: 74.5762%;

	/*margin-left: 1.6949%;*/

	clear: none;

	margin-bottom:20px;

	display:none;

}

.img_cervecera{

	width:200px;

	height:auto;

}

.estilo_txt_cervecera{

	font-size: 14px;

    font-family: monospace;

    color: #000;

	padding-top:15px;

}

.estilo_tabla_cont_cervecera{

	width:80%;

	margin-left:90px;

}

.logo_img{

	margin-left:25px;

}

.txt_nombre{

width: 75%;

font-family:monospace;

color:#000;

font-size:12px;

padding-top:10px;

padding-left:10px;

padding-bottom:10px;

}

.box_1{

width: 75%;

height:30px;

background-color:#e6e4e4;

}

.box_consulta{

width: 90%;

height:150px;

background-color:#e6e4e4;

letter-spacing:1px;

}

.boton_enviar{

width: 16%;

padding-bottom:10px;

padding-top:10px;

padding-left:10px;

padding-right:10px;

background-color:#000;

margin-top:30px;

min-width:40px;

}

.box_info{

width: 100%;

margin-top:25px;

color:#000;

letter-spacing:1px;

font-family: monospace;

}

.zeroMargin_mobile {

margin-left: 0;

}

.hide_mobile {

display: none;

}



/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */



@media only screen and (min-width: 481px) {

img, object, embed, video {

	/*max-width: 100%;

	width:100px;*/

}

.gridContainer {

	width: 100%;

	padding-left: 0%;

	padding-right: 1.25%;

	clear: none;

	float: none;

	margin-left: auto;

}

#div1 {

}

.menu_responsive {

}

.cont_grla {

	margin-top: 35px;

	margin-left:10px;

}

.cont_cuerpo{

	/*height: 300px;

	margin-top: 150px;

	width: 50%;

	float: right;

	padding-left: 10px;

	min-width: 770px;*/

	display:none;

}

.boton_mas {

	width: 15%;

	height: 250px;

	float: right;

}

.producto1 {

}

.boton_plus {

	width: 15%;

	height: 245px;

	margin-left: 596px;

	margin-bottom: 9px;

	min-width: 140px;

	display: block;

}

.producto1_destacado {

	width: 20%;

	margin-top: -250px;

	height: 200px;

	margin-right: 10px;

	background-color: #fff;

	min-width: 187px;

}

.cont_tabla {

display: block;

}

.producto2_destacado {

	width: 20%;

	margin-top: -250px;

	height: 200px;

	margin-left:197px;

	background-color: #fff;

	min-width: 187px;

	display: block;

}

.producto3_destacado {

	width: 20%;

	margin-top: -250px;

	height: 200px;

	margin-left:395px;

	background-color: #fff;

	min-width: 187px;

	display: block;

}

.marca_foo {

width: 23.0769%;

}

.menu_footer {

width: 40.6779%;

margin-left: 1.6949%;

clear: none;

margin-top:15px;

padding-bottom:15px;

}

.redes_footer {

width: 100%;

clear: both;

margin-left: 0;

}

.txt_footer{

	font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;

	font-size:14px;

	color:#fff;

	letter-spacing:1.5px;

	padding-top:25px;

	padding-left:15px;

	padding-right:15px;

}

.img_redes{

	text-align:center;

	width:35px;

	padding-bottom:10px;

	padding-top:10px;

	padding-left:10px;

	padding-right:10px;

}

.encabezado_destacados {

	width: 73%;

	height: 30px;

	margin-top: 0px;

	padding-top: 5px;

	padding-left: 10px;

	background-color: #000;

	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;

	font-size: 14px;

	color: #fff;

	letter-spacing: 1px;

	margin-bottom: 10px;

}

.img_cel_principal{

	width:200px;

	height:auto;

	text-align:center;

}

.marca_tablet_centro {

	text-align:center;

	width:100%;

	display:block;

	margin-top:150px;

}

.cont_tabla_nosotros {

width: 100%;

}

.cont_tabla_nosotros{

	margin-top: 30px;

	width: 83.0508%;

	min-width: 477px;

}

.estilo1_detalle{

	font-size:10px;

	font-family:monospace;

	color:#000;	

	padding-right:30px;

	line-height:15px;

}

.estilo2_titulo{

	font-size:80px;

	color:#000;

	padding-top:20px;
	font-family: 'Oswald', sans-serif;
	font-weight:900;

}

.estilo3_txtbase{

	font-size:16px;

	font-family:monospace;

	color:#000;

	padding-left:40px;

	padding-top:20px;

	padding-bottom:20px;

}

.estilo_img{

	text-align:center;

}

/*.cont_filtros {

width: 100%;

}

.cont_produc {

width: 100%;

clear: both;

margin-left: 0;

}

.cont_producto_buscado {

}

.img_producto {

}

.cont_txt_productos {

}

.encabezado {

}

.encabezado_productos {

}

.cont_tabla_filtros {

}

.cont_img_cervecera {

clear: both;

margin-left: 0;

}*/



.cont_filtros{

	width: 100%;

    height: auto;

}

.cont_produc{

	width: 74.5762%;

	clear: none;

	margin-top:10px;

}

.cont_producto_buscado{

	margin-top: 20px;

	width: 600px;

	min-width:500px;

	background-color:#e6e4e4;

}

.img_producto{

	width: 205px;

	margin-top: 10px;

	margin-left: 10px;

	margin-bottom: 10px;
	min-height: 256px;

}

.cont_txt_productos{

	width: 266px;

    margin-left: 225px;

    margin-top: -259px;

}

.txt_tabla_productos{

font-size: 16px;
    font-family: monoespace;
    color: #000;
    width: 100%;

}

.estilo_imgs_productos{

	width: 200px;

    height: auto;

    min-width: 200px;
	max-height: 256px;

}



.encabezado_productos{

	font-size:30px;

	color:#000;

	padding-top:0px;
	font-family: 'Oswald', sans-serif;
	font-weight:900;

}

.cont_tabla_filtros{

	margin-top:20px;

	color:#000;

}



.estilo_txt_tablas_filtros{

	font-size:14px;

	letter-spacing:2px;

	padding-top:10px;

	padding-bottom:10px;

}

.cont_img_cervecera{

	width: 74.5762%;

	/*margin-left: 1.6949%;*/

	clear: none;

	margin-bottom:20px;

	display:none;

}

.img_cervecera{

	width:200px;

	height:auto;

}

.estilo_txt_cervecera{

	font-size: 14px;

    font-family: monospace;

    color: #000;

	padding-top:15px;

}

.estilo_tabla_cont_cervecera{

	width:80%;

	margin-left:90px;

}

.txt_nombre{

width: 75%;

font-family:monospace;

color:#000;

font-size:12px;

padding-top:10px;

padding-left:10px;

padding-bottom:10px;

}

.box_1{

width: 75%;

height:30px;

background-color:#e6e4e4;

}

.box_consulta{

width: 85%;

height:150px;

background-color:#e6e4e4;

}

.boton_enviar{

width: 16%;

padding-bottom:10px;

padding-top:10px;

padding-left:10px; 

padding-right:10px;

background-color:#000;

margin-top:30px;

min-width:40px;

}

.box_info{

width: 48.9795%;

margin-top:25px;

color:#000;

letter-spacing:1px;

font-family: monospace;

}

.hide_tablet {

display: none;

}

.zeroMargin_tablet {

margin-left: 0;

}

}



/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */



@media only screen and (min-width: 769px) {

img, object, embed, video {

	max-width: 100%;

	width:100px;

}



.gridContainer {

width: 100%;
    /* max-width: 1232px; */
    /* padding-left: 0.8333%; */
    /* padding-right: 0.8333%; */
    /* margin: auto; */
    /* clear: none; */
    /* float: none; */
    /* margin-left: auto; */
    margin-top: 0px;

}

#div1 {

}

.menu_responsive {

}

.cont_grla {

	width:100%;

	height: auto;

	margin-top: 50px;

	margin-bottom: 65px;

}

.cont_cuerpo{

	display:block;

	height: 300px;

	margin-top: 150px;

	width: 50%;

	float: right;

	padding-left: 10px;

	min-width: 770px;

}

.boton_mas{

	width: 15%;

	height: 250px;

	float: right;

}

.producto1{

	width: 20%;

}

.boton_plus{

	width: 15%;

	height: 245px;

	margin-left: 596px;

	margin-bottom: 9px;

	min-width: 140px;

	display: block;

}

.product1_destacado{

	width: 20%;

	margin-top: -250px;

	height: 200px;

	margin-right: 10px;

	background-color: #fff;

	min-width: 187px;

	

}

.estilo_img{

	width:50%;
	max-height:107px;

	text-align:center;

	/*padding-bottom:30px;*/

	margin-left:20%;

}

.txt_tabla{

	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;

	font-size: 14px;

	color: #000;

	text-align: center;

	padding-top: 10px;

	font-weight: bold;

}

.cont_tabla{

	width: 100%;

	margin-top: 0px;

	background-color: #fff;

	min-width: 187px;

	display: block;

}

.producto2_destacado{

	width: 20%;

	margin-top: -250px;

	height: 200px;

	margin-left:197px;

	background-color: #fff;

	min-width: 187px;

	display: block;

}

.producto3_destacado{

	width: 20%;

	margin-top: -250px;

	height: 200px;

	margin-left:395px;

	background-color: #fff;

	min-width: 187px;

	display: block;

}

.marca_foo{

	width: 15.2542%;

	margin-left: 10%;

	margin-top:10px;

	padding-bottom:15px;

	display:block;

}

.menu_footer{

width: 40.6779%;

margin-left: 1.6949%;

clear: none;

margin-top:15px;

padding-bottom:15px;

display:block;

}

.redes_footer{

width: 15.2542%;

margin-left: 1.6949%;

clear:none;

margin-top:15px;

padding-bottom:15px;

}

.txt_footer{

	font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;

	font-size:14px;

	color:#fff;

	letter-spacing:1.5px;

	padding-top:25px;

	padding-left:15px;

	padding-right:15px;

}

.img_redes{

	text-align:center;

	width:25px;

	padding-bottom:10px;

	padding-top:10px;

	padding-left:10px;

	padding-right:10px;

}

.encabezado_destacados{

	width: 73%;

	height: 30px;

	margin-top: 0px;

	padding-top: 5px;

	padding-left: 10px;

	background-color: #000;

	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;

	font-size: 14px;

	color: #fff;

	letter-spacing: 1px;

	margin-bottom: 10px;

	display:block;

}

.marca_cel_centro{

	display:none;

}

.marca_tablet_centro{

	display:none;

}

.cont_tabla_nosotros{

	margin-top: 30px;

	width: 83.0508%;

	min-width: 800px;

	margin-left: 100px;

}

.estilo1_detalle{

	font-size:10px;

	font-family:monospace;

	color:#000;	

	padding-right:30px;

	line-height:15px;

}

.estilo2_titulo{

	font-size:80px;

	color:#000;

	padding-top:20px;
	font-family: 'Oswald', sans-serif;
	font-weight:900;

}

.estilo3_txtbase{

	font-size:16px;

	font-family:monospace;

	color:#000;

	padding-left:40px;

	padding-top:40px;

}

.estilo_img{

	text-align:center;

}

.cont_filtros{

	width: 23.7288%;

	height: 800px;

}

.cont_produc{

	width: 74.5762%;

	clear: none;

	min-width: 800px;

	margin-top:10px;

}

.cont_producto_buscado{

	margin-top: 20px;

	width: 600px;

	min-width:500px;

	margin-left: 90px;

	background-color:#e6e4e4;

}

.img_producto{

	width: 205px;

	margin-top: 10px;

	margin-left: 10px;

	margin-bottom: 10px;

}

.cont_txt_productos{

	width: 400px;

    margin-left: 248px;

    margin-top: -259px;

}

.txt_tabla_productos{

	font-size:16px;

	font-family:monoespace;

	color:#000;

}

.estilo_imgs_productos{

	width: 200px;

    height: auto;

    min-width: 200px;
	max-height:256px;

}



.encabezado_productos{

	font-size:30px;

	color:#000;

	padding-top:0px;
	font-family: 'Oswald', sans-serif;
	font-weight:900;

}

.cont_tabla_filtros{

	margin-top:20px;

	color:#000;

}



.estilo_txt_tablas_filtros{

	font-size:14px;

	letter-spacing:2px;

	padding-top:10px;

	padding-bottom:10px;

}

.cont_img_cervecera{

	text-align:center

	width: 74.5762%;

	/*margin-left: 1.6949%;*/

	clear: none;

	margin-bottom:20px;

	display:block;

}

.img_cervecera{

	width:200px;

	height:auto;



}

.estilo_txt_cervecera{

	font-size: 14px;

    font-family: monospace;

    color: #000;

	padding-top:15px;

}

.estilo_tabla_cont_cervecera{

	margin-left:90px;

	text-align:center;

}

.txt_nombre{

width: 38.7755%;

font-family:monospace;

color:#000;

font-size:12px;

padding-top:10px;

padding-left:10px;

padding-bottom:10px;

}

.box_1{

width: 38.7755%;

height:30px;

background-color:#e6e4e4;

}

.box_consulta{

width: 59.1836%;

height:150px;

background-color:#e6e4e4;

}

.boton_enviar{

width: 16%;

padding-bottom:10px;

padding-top:10px;

padding-left:10px;

padding-right:10px;

background-color:#000;

margin-top:30px;

min-width:40px;

}

.box_info{

width: 79.5918%;

margin-top:25px;

color:#000;

letter-spacing:1px;

font-family: monospace;

}

.zeroMargin_desktop{

margin-left: 0;

}

.hide_desktop{

display: none;

}

}