/* Resets*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,input,textarea,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video,button {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 resets navegadores viejos*/
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
nav ul {list-style:none;}

/* ::::::: MASTER CSS::::::: */ 
 
 body, html {overflow-x: hidden; min-width:320px; min-height: 100% !important; height: 100%; width: 100%; background: #FFFAF4;}  
 div { box-sizing: border-box; position: relative;}
 
 section {width:100%;  min-width:320px; overflow:hidden; box-sizing: border-box; margin: 0 auto }
 .box{padding:15px}
 .box2{padding:0}
 .column{position: relative}

 
/* Anchos */
.full{width:100%;}  
.xxl{width:80%;}
.xl{width:75%;} 
.l{width:66.6%;} 
.m{width:50%;}  
.s{width:33.3%;}     
.xs{width:25%;}
.xxs{width:20%;}
.min{width:10%;}
.auto{width: auto;}


/* Altos */
.alto-full{min-height: 100% !important; height: 100%;}
.alto-xxl{min-height: 80% !important; height: 80%;}
.alto-m{min-height: 50% !important; height: 50%;}
.alto-s{min-height: 33.3% !important; height: 33.3%;}
.alto-xs{min-height: 25% !important; height: 25%;}
.alto-xxs{min-height: 10% !important; height: 10%;}

/*Alineaciones*/  
#right,.right{float:right;}
#left, .left{float:left;}
#center,.center{display:block; margin-left:auto; margin-right:auto; text-align:center; left:0; right:0; float:none;}

/*Efectos*/

/*FX 1*/
a,li {
 -moz-transition: all .2s ease-in;
 -o-transition: all .2s ease-in;
 -webkit-transition: all .2s ease-in;
 -ms-transition: all .2s ease-in;
 transition: all .2s ease-in;
 }
h1,h2,p,img{
 -moz-transition: all .4s ease-in;
 -o-transition: all .4s ease-in;
 -webkit-transition: all .4s ease-in;
 -ms-transition: all .4s ease-in;
 transition: all .4s ease-in;
 }
button{
 -moz-transition: all .6s ease-in;
 -o-transition: all .6s ease-in;
 -webkit-transition: all .6s ease-in;
 -ms-transition: all .6s ease-in;
 transition: all .6s ease-in;
 }
 
 /*FX 2*/
   a img{ cursor:pointer; opacity:10; 
 transition: opacity .3s ease-in;
 -moz-transition: opacity .3s ease-in;
 -webkit-transition: opacity .3s ease-in;
 -o-transition: opacity .3s ease-in;
 -ms-transition: opacity .3s ease-in;
 }
 a img:hover{ opacity:0.6; 
 transition: opacity .3s ease-out;
 -moz-transition: opacity .3s ease-out;
 -webkit-transition: opacity .3s ease-out;
 -o-transition: opacity .3s ease-out;
 -ms-transition: opacity .3s ease-in;
 }  
/*header nav{
	width: 100%;
	float: left;
	position: relative;
	background: #1E1E1E;
	margin-top: 20px;
}
header nav ul{
	width: 50%;
	float: right;
	position: relative;
	overflow: hidden;
	background: #1E1E1E;
	    margin-right: 11%;
}
header nav li{
	width: auto;
	float: left;
	position: relative;
	overflow: hidden;
	color: #fff;
	padding: 15px 0;
	padding-left: 6%
}
header nav li a{
	text-align: center;
	color: #fff
}
header nav .logo{
	position: absolute;
	top: 0;
	left: 10%;
	z-index: 999999;
}*/


header nav {
    *zoom:1;
	width: 100%;
	float: left;
	position: relative;
	background: #1E1E1E;
	margin-top: 5px;
}
header nav ul{
		width: auto;
	float: right;
	position: relative;
	background: #1E1E1E;
	    margin-right: 145px;
}
header nav li, nav li ul li{
	font-size: 15px;
    list-style-type: none
       
}
header nav ul:before,.nav ul:after {
    content:"";
    display:table;
}
header nav ul:after {
    clear:both;
}
header nav ul > li {
    float:left;
    position:relative;
    list-style-type: none
}
header nav a {
    display:block;
    padding:10px 20px;
    line-height:1.2em;
    color:#fff;
  
}
header nav a:hover {
    text-decoration:none;
    background:#595959;
}
header nav li ul {
	width: 350px;
    padding: 10px 0;
    list-style-type: none
}
header nav li ul li {
    width:40%;
    float: left;
    color: #fff;
    margin-left: 10%;
    list-style-type: none
    
}
header nav li ul a {
    border:none;
    text-align: left;
    padding: 10px 5%;
    list-style-type: none
    
}
header nav li ul a:hover {
    background:rgba(0,0,0,0);
}
header nav li a {
	padding: 16px 9px;
    text-align: center;
    	-moz-transition: all .6s ease-out;
	-o-transition: all .6s ease-out;
	-webkit-transition: all .6s ease-out;
	-ms-transition: all .6s ease-out;
	transition: all .6s ease-out;
}
header nav li ul {
    position:absolute;
    left:0;
    top:50px;
    z-index:1;
    max-height:0;
    overflow:hidden;
    -webkit-transform:perspective(400) rotate3d(1,0,0,-90deg);
    -webkit-transform-origin:50% 0;
    -webkit-transition:350ms;
    -moz-transition:350ms;
    -o-transition:350ms;
    transition:350ms;
}

header nav ul > li:hover ul {
    max-height:1000px;
    -webkit-transform:perspective(400) rotate3d(0,0,0,0);
}
header nav li.on a{
    color: #FAFFBA;
    background-color: #483D37;
}
header nav li.on ul{
    color: #FAFFBA;
    background-color: #483D37;
}
header .nav-scroll li ul {top:75px;}
header .nav-scroll li a { padding: 30px 14px; }
header .nav-scroll .logo {
	padding: 10px 0px;
	width: 165px
}
header .nav-scroll2{
	margin-top: -32px !important;
    width: 129px !important;
}

#breadcrumbs{
    font-size: 16px;
    font-family: 'Muli', sans-serif;
    position: relative;
    float: left;
    background-color: rgba(138, 137, 137, 0.4);
    width: 100%;
    padding: 10px 3%;
    color: #000;
    margin: 0;
}
#breadcrumbs a{
    color: #000;
}
#breadcrumbs a:hover{
    color: #944803;
}


.galeria{
	width: 100%;
	overflow: hidden;
	float: left
}


/*
section h1{
	border: 5px solid #000;
	padding: 10px 30px;
	width: 200px;
	text-align: center;
	display: block;
	margin: 50px auto;
	font-size: 24px;
	font-weight: bold;
}*/

section h1 {
padding: 10px 30px;
    width: 100%;
    text-align: center;
    display: block;
    margin: 50px auto 10px auto;
    font-size: 35px;
    font-weight: bold;
    text-transform: uppercase;
      box-sizing: border-box;
   }
section h2 {
padding: 10px 30px;
    width: 100%;
    text-align: center;
    display: block;
    margin: 50px auto 10px auto;
    font-size: 36px;
    font-weight: bold;
    text-transform: uppercase;
      box-sizing: border-box;
   }

section p{
	font-size: 17px;
	font-weight: 400;
	color: #000;
	text-align: center;
	float: none;
}

.home .cervezas-btn{
	padding: 20px;
	box-sizing: border-box;
}
.home .cervezas-btn-in{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border: 20px solid #FFFAF4;;
    box-sizing: border-box;
    padding-bottom: 75%;;
	background: rgba(255, 204, 0, 0);
	cursor: pointer
}
.home .cervezas-btn-in:hover{
	background: rgba(255, 204, 0, 0.85)
}
.home .cervezas-btn img{
	width: 100%;
}
.home .cervezas-btn .titles{
	width: 80%;
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.home .cervezas-btn .titles h1{
	border: 0;
	padding: 0;
	margin-top: 0;
	color: #fff;
	    font-size: 30px;
}
.home .cervezas-btn .titles p{
	color: #fff
}


.home .elaboracion{
	padding-bottom: 34%;
	background: #272220;
	cursor: pointer;
}
.home .elaboracion .titles{
	width: 80%;
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.home .elaboracion .titles h1{
	border: 5px solid #fff;
	padding: 10px 30px;
	width: 300px;
	text-align: center;
	display: block;
	font-size: 36px;
	font-weight: bold;
	color: #fff
}
.home .elaboracion .titles p{
	color: #fff
}
.home .elaboracion-imagen{
	
}
.home .elaboracion img{
width: 100%
}

.boton{
	color: #fff;
	text-align: center;
	margin-top: 115px;
	padding: 8px 0px;
	border: 2px solid #FDFDFD;
	
}
.home-aprende button{
border: 2px solid #000;
    padding: 10px 15px;
    width: 130px;
    text-align: center;
    display: block;
    margin: 50px auto;
    font-size: 18px;
    font-weight: bold;
    background: #fff;
    cursor: pointer

	}

.home-aprende button:hover{
	border: 1px solid #FDFDFD;
}
/*pagina*/

.page{
	padding: 20px;
	
}


.page .elaboracion{
	padding-bottom: 34%;
}
.page .elaboracion .titles{
	width: 80%;
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.page .elaboracion .titles h1{
	border: 5px solid #000;
	padding: 10px 30px;
	width: 233px;
	text-align: center;
	display: block;
	font-size: 36px;
	font-weight: bold;
	color: #000
}
.page .elaboracion .titles p{
	color: #000
}
.page .elaboracion-imagen{
	
}
.page .elaboracion img{
width: 100%
}




.home .cervezas2-btn-in{
	position: relative;
	padding: 30px;
	padding-bottom: 30%
}
.home .cervezas2-btn-in .titles{
	width: 80%;
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.home .cervezas2-btn-in .titles h1{
	border: 0;
	padding: 0;
	margin-top: 0;
	color: #000
}
.home .cervezas2-btn-in .titles p{
	color: #000;
	margin-bottom: 20px;
}
.home .cervezas2-btn-in button{
border: 2px solid #000;
    padding: 10px 15px;
    width: 130px;
    text-align: center;
    display: block;
    margin: 50px auto;
    font-size: 18px;
    font-weight: bold;
    background: #fff;
    cursor: pointer
}
.home .cervezas2-btn-in button:hover{
background: #000;
color: #fff
}



/*menu slide elaboracion*/

.menu-top{
	width: 100%;
	box-sizing: border-box;
	position: relative
}

.menu-top section{
	overflow: visible
}

.menu-top-in{
	width: 350px;
    float: right;
    padding-top: 25px;
}

.menu-top-in ul{
	width: 100%;
}

.menu-top-in li{
    float: left;
    width: fit-content;
    padding: 0 10px;
}

.logo {
	width: 15%;
	position: relative;
	float: left;
	cursor: pointer
}
.logo img{
	width: 100%;
	position: absolute;
    z-index: 99999;
    top: 0;
    left: 0;       
}

.zona-vip{
    width: 129px;
    position: relative;
    float: right;
    height: 31px;
}

.zona-vip img{
	width: 100%;
	position: absolute;
    z-index: 99999;
    top: 0;
    right: 0
}

.nav {
  will-change: transform;
  width: 35%;
  z-index: 1;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1);
  margin: 30px auto;
}

.nav-1 {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.nav__item {
	width: 18%;	
	margin: 0 1%;
	position: relative;
	-webkit-transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1);
	transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1);
}

.nav__item:hover {
  opacity: 0.75;
}

.nav__thumb {
  display: block;
  height: 60px;
  width: 60px;
  background: #392f2f;
  -webkit-transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1);
  border-radius: 200px 200px 200px 200px;
  -moz-border-radius: 200px 200px 200px 200px;
  -webkit-border-radius: 200px 200px 200px 200px;
  border: 0px solid #000000;
}

.nav__label {
  position: absolute;
  top: 50%;
  left: 34%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #fff;
  margin: 0;
}

.page {
	    padding-bottom: 33%;
  will-change: transform;
  -webkit-perspective: 400px;
          perspective: 400px;
  overflow: hidden;
  -webkit-transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1);
  
     margin-bottom: 30px;
}
.section {
  will-change: transform;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 100vh;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #FFFAF4;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
      padding: 30px 0;
}
.section--hidden {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.section-1 {
  -webkit-transform: translateX(0) rotateY(0);
          transform: translateX(0) rotateY(0);
  z-index: 2;
}
.section__title{
	margin-top: 0;
	margin-bottom: 20px;
	
}
.section__wrapper p{
	padding: 0 3%;
	box-sizing: border-box 
}
.destacada img{
	width: 100%;
	padding: 4%;
	box-sizing: border-box
}


/*Chef Cervecero*/

.chef-btn{
	cursor: pointer;
	     margin: 102px 0;
}
.chef .imagen{
	width: 100%;
	position: absolute
}
.chef .imagen img{
	width: 100%;
}
.chef-btn-in{
	background: rgba(255, 255, 255, 0.5);
	width: 100%;
    padding-bottom: 71.5%;
}
.chef-btn-in .titles{
	padding: 20px;
    box-sizing: border-box;
}

.chef-btn-in:hover{
	background: rgba(255, 255, 255, 0.8);
}

/*Page Recetas*/

.page-recetas h1{
    font-size: 39px;
    box-sizing: border-box;
}

.page-recetas .chef-btn{
	margin: 0;
	border: 20px solid #FFFAF4;
	border-bottom: 10px solid #FFFAF4;
}

/*Page Maridaje*/

.page-maridaje .chef-btn{
	margin: 0;
	border: 20px solid #FFFAF4;
	border-bottom: 10px solid #FFFAF4;
}

/*SINGLE*/
.single{
	   padding: 50px 0;
	   box-sizing: border-box
}
.single header{
	width: 100%;
}
.single .single-post{
    position: relative;
    padding-right: 20px;
    box-sizing: border-box;
 
}
.single .img-destacada{
	padding: 20px 0;
	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-bottom: 30%;
  overflow: hidden;
      margin-bottom: 20px;
}
.single .img-destacada img{
    position: absolute;
    top: -15%;
    left: 0;
}
.single h1{
	box-sizing: border-box;
        float: none;
        display: block;
}
.single h2{
	padding: 10px 0px;
    width: 100%;
    text-align: center;
    display: block;
    margin: 50px auto 10px auto;
    font-size: 36px;
    text-transform: uppercase;
    box-sizing: border-box;
    font-style: italic;
}
.single p{
	text-align: justify
}
.single ul{
width: auto;
    /* background: #ddd; */
    margin: 3% 0;
    float: left;
	
}
.single ul li{
	    float: left;
    width: 100%;
    text-align: left;
    list-style-type: circle;
    margin-left: 5%;
	
}
.single img {width:100%; }

.post-relacionados {
        padding-left: 30px
    }

.post-relacionados .img-destacada{
	cursor: pointer;
}

.post-relacionados h1{
        width: 100%;
        
    }

.post-relacionados .img-destacada img{
	width: 25%
}

.post-relacionados .img-destacada h1{
	box-sizing: border-box;
    padding: 0;
    margin: 17px 0;
    border: 0;
        width: 75%;
            text-align: left;
            float: left
    }
    
    
    
/* WOOCOMERCE CLUB AMIGOS THEME*/


.cart-home-bar{
	width: auto;
    padding: 0;
    float: right;
    padding-top: 20px;
	}
.cart-home{
	width: auto;
	overflow: hidden;
box-sizing: border-box;
margin: 0 auto;
float: right;
border: 1px solid #1E1E1E;
    padding: 5px;
    border-radius: 5px;
    margin-right: 25px
}
.galeria-in{
  width: 100%;
  max-width: 1450px;
  margin: 0 auto;
  height: auto;
  overflow: hidden;
  margin-top: 85px;
  padding: 0px 0px;
}
.cart-home ul{
padding: 0;
border: 0;
background: none;
}
.cart-home ul li{
width: auto;
padding: 0;
}
.cart-home ul li a{
	color: #767676;
	float: left
}
.cart-home ul li:hover{
	 background: none;
	 border-right: 0;
}
.cart-home ul li:hover a .cartcontents{
	 color:#000;
	 background: none;
}
.cart-home .cartcontents{
	 color:#1E1E1E;
padding: 0 5px;
}
.cart-home .wpmenucartli{
	border-left: 1px solid #ccc;
}
.mi-sidebar{
	width: 250px;
	float: right
}
/*Buscador Superior*/
.ctr_search {
	border: 0;
    border: 1px dashed #ddd;
}
.ctr_search input{
	outline: none
}
.pp_search_container{
	margin-right: 15px
}
/*End Buscador Superior*/

.shop-page{
	width: 100%;
    max-width: 1200px;
    overflow: hidden;
    padding: 30px 5%;
    margin: 0 auto;
}

.shop-page p{
	text-align: left !important;
}

ul.products{
	padding: 15px;
	padding-top: 0;
	padding-right: 0;
	overflow: hidden;
	box-sizing: border-box;
}
ul.products li{
	width: 30%;
	float: left;
	padding: 15px;
	height: 300px;
	margin: 1.6%;
	margin-top: 5px;
	border: 1px solid #ccc;
	overflow: hidden;
	box-sizing: border-box;
	position: relative;
	background-color: #fff;
	/*box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);*/
}
ul.products li img{
	width: 100%;
	max-height: 170px;
	min-height: 170px;
	object-fit: contain;
}
ul.products .price{
	text-align: center;
	color: #6d534e;
	font-weight: 600;
}
.product_type_simple{
	position: absolute !important;
	bottom: 0;
	left: 0;
	height: auto !important;
	padding: 10px;
	background: #ffee8b;
	text-align: left;
	box-sizing: border-box;
	overflow: hidden;
}
ul.products .add_to_cart_button{
	position: absolute;
	bottom: -50px;
	left: 0;
	height: auto;
	padding: 10px 0;
	background: #fff;
	border: 1px solid #fff;
	box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5);
	text-align: center
}
ul.products li:hover .add_to_cart_button{
	bottom: 0;
}
ul.products li .add_to_cart_button:hover{
	background: #000;
	border: 1px solid #000;
	color: #fff;
}
a.el-producto{
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
}
a.el-producto h3{
	width: 100%;
	text-align: left;
	color: #555;
	height: 66px;
}
ul.products li .added_to_cart{
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(231, 185, 0, 0.73);
	width: 100%;
	padding: 30px 0;
	color: #473900
}
ul.products del{
	color: #747474;
    font-size: 12px;
    margin-right: 5px;
}
ul.products ins{
	color: #e5a800
}
.posted_in{display: none}
.woocommerce-ordering{
	margin-bottom: 30px
}

.woocommerce-ordering select {
    height: 33px;
    padding-left: 10px;
    border: 1px solid #eaeaea;
    border-radius: 2px;
    font-family:arial;
    font-size: 12px;
    letter-spacing: 2px;
}

.term-description{
	width: 100%;
	float: right;
}
.term-description p{
    text-align: left !important;
    float: right;
    width: 72.5%;
    background: #e8e8e8;
    padding: 15px;
    box-sizing: border-box;
    text-transform: uppercase;
    color: rgba(45, 30, 12, 0.94)
}
.sub-categoria {
	margin: 0;
	margin-left: 25px;
}

.sub-categoria p{
	margin: 0;
}

.sub-categoria li{
	margin: 0;
}

.sub-categoria li p{
	margin: 5px 0px 5px 20px;
}

.mi-sidebar-tienda {
	width: 100%;
}
.mi-sidebar-tienda li{
	padding-top: 5px !important
}
.mi-sidebar-tienda .woocommerce-product-search{
	width: 100%;
}
.mi-sidebar-tienda .woocommerce-product-search label{
	display: none
}
.mi-sidebar-tienda .woocommerce-product-search .search-field{
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
	border: 1px solid #ddd
}
.mi-sidebar-tienda .woocommerce-product-search input[type="submit"]{
	width: 100%;
	background: #000;
	color: #fff;
	padding: 5px;
	box-sizing: border-box;
	margin-top: 10px
}

.lateral-tienda h2{
	margin: 40px 0 15px;
    padding: 0 0 10px;
    border-bottom: 1px dotted #c2c2c2;
    font-family: "Roboto Condensed",sans-serif;
	font-size: 13px;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: left;
}

.lateral-tienda li {
    position: relative;
    margin-bottom: 0.618em;
    list-style: none;
    padding-top: 10px;
    line-height: 21px;
    clear: both
}
.lateral-tienda p {
    font-size: 12px
}

/* --- Cart ---*/

.woocommerce th.m {
    border-bottom: 2px solid #ababab;
    padding: 10px 0;
}
.woocommerce td.m {
    border-bottom: 2px solid #ababab;
    padding: 10px 0;
}

.woocommerce ul#shipping_method {
    list-style: none outside;
    margin: 0;
    padding: 14px;
    text-align: left;
}
.page-cart{
	width: 100%;
    max-width: 1200px;
    overflow: hidden;
    padding: 30px 5%;
    margin: 0 auto;
}

.page-cart .woocommerce{
	width: 100%;
	float: left;
}
.page-cart .woocommerce form{
	padding: 10px;
	    box-sizing: border-box;
    float: left;
}
.page-cart .titulo{

}
.page-cart table{
	width: 99%;
	box-sizing: border-box;
	border-radius: none
}
.woocommerce .page-cart-collaterals{
	float: left
}

.page-cart_totals h2{
	text-align: center;
	font-size: 35px
}
.page-cart_totals table{
	float: right;
	text-align: right;
	box-shadow: none;
	border: 1px solid #ddd;
	padding: 10px;
}
.page-cart_totals th{
	padding: 10px;
	text-align: center
}
.page-cart_totals td{
	text-align: center;
	font-style: italic
}
.page-cart .shipping-calculator-button{
	font-style: italic;
	text-decoration: underline;
	text-align: center
}
.page-cart .wc-proceed-to-checkout{
	float: right;
	margin: 15px 0;
}
.page-cart .woocommerce a.button.alt{
	background: #d26c1d;
    border-radius: 0;
    color: #ffffff;
}
.woocommerce .cart-collaterals{
	float: left!important
}
.woocommerce .quantity .qty {
    width: 3.631em;
    text-align: center;
    padding: 5px 0px;
    border: 1px solid #ddd;
    }


/* order-pay */

form#payu_latam_form {
    background-color: #d26c1d;
    border-radius: 0;
    color: #ffffff;
    width: 200px;
    text-align: center;
    margin: 0 auto;
    margin-top: 100px;
    padding: 12px;
    font-size: 18px;
    color: #fff;
}
	
	
	
/* Product Single */

span.sku_wrapper {
	font-family: 'Muli', sans-serif;
    font-size: 14px;
    background-color: #646465;
    padding-top: 5px;
    padding-bottom: 3px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 10px;
    color: #fff;
    float: right;
}
.product-page{
	width: 100%;
	max-width: 1200px;
    overflow: hidden;
    padding: 5%;
    margin: 0 auto
}
.product-page .summary{
	padding: 0% 3%;
}
.product-page .images{
	border: 1px solid #ddd;
}
.product-page .images a{
	width: 100%;
	float: left
}
.product-page .images a img{
	width: 100%;
	float: left
}
.onsale{
    position: absolute;
    top: 15px;
    left: 15px;
    font-family: 'Damion', cursive;
    z-index: 9999999;
    font-size: 30px;
    background: #e6b800;
    padding: 0 5px;
}
.product-page del{
	color: #717171;
	font-size: 15px
}
.product-page ins{
	color:  #748d00;
	font-size: 28px;
	margin-left: 10px
}

.product-page h1{
	width: auto;
	float: none;
	margin: 0;
	border: 0;
	padding: 0;
	text-align: left;
	font-size: 30px;
}
.product-page h2{
	text-align: left
}
.product-page p{
	text-align: justify;
	float: none;
}

.product-page .cart{
	float: left;
	margin: 30px 0;
}

.product-page .cart .input-text{
	    width: 100%;
	border: 1px solid #3d331f;
	padding: 5px;
	box-sizing: border-box
}
.product-page .cart .quantity{
	width: 33.3%;
	float: left;
	overflow: hidden
}
.product-page .product_meta{
	    overflow: hidden;
    margin-bottom: 30px;
}

.product-page .single_add_to_cart_button {
    height: auto;
    cursor: pointer;
    position: relative;
	background: #000;
    border: 5px solid #FFF;
    box-sizing: border-box;
    color: #fff;
    padding: 5.5px 0;
    border-top: 0;
}
.product-page .single_add_to_cart_button:hover {
	background: #f1c100;
	color: #000;
	outline: none
}
.tagged_as{display: none}

/*Tus amigos cerveceros*/
.tusamigos p{
	text-align: justify
}
.tusamigos h1{
font-size: 40px;
    text-align: left;
    padding: 20px 0;	
}
 
 .woocommerce-message {
    color: #4d4834;
    background-color:rgba(212, 177, 0, 0.40);
    border: 0
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
    clear: both;
    width: 100%;
    margin-bottom: 30px;
    margin-left: 0px;
    padding: 15px;
    border-radius: 2px;
    font-family: arial;
    font-size: 13px;
}
.woocommerce-message a.button {
    float: right;
    color: #4d4834;
    font-weight: bold;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    font-family: arial
}

.input-ico{
	position: absolute;
    top: 5px;
    right: 10px;
}
 
 .page-numbers{
	 float: right
 }
 .entry-summary .price{
	padding: 10px;
    margin: 15px 0;
    font-size: 22px;
    text-align: center !important;
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: #b3b3b3;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #b3b3b3;
 }
 
 .page-numbers li{
	width: auto;
    float: left;
    padding: 0 10px;
 }
 .related{
	     border-top: 1px solid #ddd;
 }
 .related h2{
	 padding-left: 0
 }
 
 
 /*Pagina finalizacion pago/*
	 
	 	
	/****************CHECKOUT***************/


.woocommerce-checkout {
    width: 100% !important;
        width: 100% !important;
    margin: 0;
    padding: 0;
    padding-bottom: 10%;
}
.checkout .form-row {
    padding: 3px;
    margin: 0 0 6px;
    width: 100%;
    }
    
    
.woocommerce-checkout #payment div.payment_box input.input-text, .woocommerce-checkout #payment div.payment_box textarea {
    width: 100% !important;
    padding: 8px;
}
.woocommerce #payment .form-row select, .woocommerce-page #payment .form-row select {
    width: 100%;
    height: 30px;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    float: left;
    width: 100%;
}
.custom-checkout h3 {
    background-color: #165f1c;  /****CHANGE TO COLOR YOU WANT TO USE FOR TITLE BACKGROUND ****/
    width: 45%;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
    margin-top: 50px;
    color: #FFF;
    float: right;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    padding: .6180469716em;
    background-color: #f2f2f2;
    color: #43454b;
    outline: 0;
    border: 0;
    -webkit-appearance: none;
    border-radius: 2px;
    box-sizing: border-box;
    font-weight: 400;
   border:solid 2px #e4e4e4;
}

#wc_checkout_add_ons {
    width: 50%;
    float: right;
    text-align: center;
}
.woocommerce-billing-fields h3{
	width: 100%;
	text-align: left !important
}

.woocommerce-billing-fields label {

    text-align: left;
}
.page-finalizar .woocommerce ul.order_details {
    margin: 0 0 3em;
    list-style: none;
    width: 642px;
    padding: 6%;
    margin: 0 auto;

}
.page-finalizar ul.order_details li{
    padding: 10px 5px;
    margin: 0;
    box-sizing: border-box;
    width: 25%;
    text-align: center;
}
.page-finalizar h7{
	    width: 100%;
    float: left;
    text-align: center;
    padding: 0 10px;
    box-sizing: border-box;
    
}
.tpaga-boton{
width: 160px;
    background: #08b734;
    color: #fff;
    margin: 2% auto 11% auto;
    box-sizing: border-box;
    padding: 15px 20px;
    cursor: pointer;
    text-align: left;
}
.tpaga-boton:hover{
    background: #ccc;
    color: #888;
}

.page-finalizar .fa-content{
	    position: relative;
    overflow: hidden;
    width: 300px;
    height: 30px;
}
.page-finalizar .fa{
position: absolute;
    right: 20px;
    top: 0;
    color: #fff
    }

#submit_payu_latam{
	background: none;
	cursor: pointer;
	color: #fff;
	outline: none
}
#payu_latam_form{
	margin-bottom: 40px
}
 
 /*FOOTER*/
 
 
footer{
	width: 100%;
	float: left;
	background: #1E1E1E
}

footer h1{
	color: #fff;
	text-align: left;
	font-size: 18px;
	border: 0;
	padding: 0;
	width: 100%;
	    margin: 20px 0;
}
 
footer p{
	color: #fff
}
footer img.left {
    width: 110px;
    margin-left: 7px;
}

.contacto form{
	overflow: hidden;
	margin-bottom: 50px
}
.contacto form span{
	width: 100%;
}
.contacto form input{
	border: 1px solid #6a3e08;
	padding: 10px;
	margin: 10px 0;
	width: 100%;
	box-sizing: border-box;
	
}
.contacto form textarea{
	border: 1px solid #6a3e08;
	padding: 10px;
	margin: 10px 0;
	width: 100%;
	box-sizing: border-box;
	height: 250px
}
.contacto .boton_enviar{
	padding: 10px 30px;
	float: left;
	border: 1px solid #6a3e08;
	background: #e4b300;
	color: #fff;
	font-family: 'Muli', sans-serif;
	float: right
}
.contacto h1{
	    font-size: 23px;
    margin-bottom: 30px;
}
.woocommerce form .form-row {
    width: 100% !important;
}
.woocommerce-checkout #payment div.payment_box input.input-text, .woocommerce-checkout #payment div.payment_box textarea {
    width: 100% !important;
    padding: 8px;
}
.woocommerce #payment .form-row select, .woocommerce-page #payment .form-row select {
    width: 100%;
    height: 30px;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    float: left;
    width: 100%;
}
.custom-checkout h3 {
    background-color: #165f1c;  /****CHANGE TO COLOR YOU WANT TO USE FOR TITLE BACKGROUND ****/
    width: 45%;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
    margin-top: 50px;
    color: #FFF;
    float: right;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    padding: .6180469716em;
    background-color: #f2f2f2;
    color: #43454b;
    outline: 0;
    border: 0;
    -webkit-appearance: none;
    border-radius: 2px;
    box-sizing: border-box;
    font-weight: 400;
   border:solid 2px #e4e4e4;
}

#wc_checkout_add_ons {
    width: 45%;
    float: right;
    text-align: center;
}

@media screen and (min-width: 980px) {
.woocommerce-shipping-fields h3, .woocommerce-billing-fields h3 {width:100%;}
.woocommerce .col2-set, .woocommerce-page .col2-set {
 width: 45%;
 float: left;
}
.woocommerce-checkout-review-order{
 width: 45%;
 float: right;
}
}
@media screen and (max-width: 979px) {
.custom-checkout h3 {
 width: 100%;
}
}
.page-finalizar{
	    padding: 0 50px 60px 50px;
    box-sizing: border-box;
    
}
.gracias-payu{
	width: 100%;
	text-align: center
    
}
#my_custom_checkout_field{
	float: left;
	width: 100%
}

.last{
	margin-bottom: 60px
}
.hide{display: none}
.show{display: block!important}
/* ........... @ MEDIA QUERYS .......... */    

@media only screen and (max-width:1300px)/* Portatil*/  
{
	
section p{font-size: 15px;}
.home .cervezas-btn .titles h1{font-size: 24px;}

}
@media only screen and (max-width:1105px)/* Tablet*/    
{ 
section p{font-size: 15px;}

.mi-sidebar {
    display: none;
}

 }

@media only screen and (max-width:1025px)/* Tablet*/    
{ 
section p{font-size: 15px;}



 }
 
@media only screen and (max-width:768px) /* Mobile */  
{
	.xxl,.xl,.l,.m,.s,.xs,.xxs{width:100%; text-align: center;}
	
	
		.home .elaboracion .titles {
    width: 100%;
    position: relative;
    left: 0;
    top: 0;
    transform: none;
    -webkit-transform: none;
    margin: 0 auto;
    display: block;
    float: none;
    }
    
    .boton {
    display: block;
    float: left;
    margin: 0;
    }
    
    .home .elaboracion {
    padding: 0 30px 30px 30px;
    box-sizing: border-box;
    }
    
    ul.products li img {
    max-height: 600px !important;
    min-height: auto !important;
	}
	ul.products {
    padding: 0;
    }
	ul.products li {
    width: 100%;
    height: auto;
    margin: 1.6% 0;
    }
    .lateral-tienda li {
    position: relative;
    margin-bottom: 0.618em;
    list-style: none;
    padding-top: 10px;
    line-height: 21px;
    clear: both;
    padding: 10px 20px;
    box-sizing: border-box;
    background: #fff;
    overflow: hidden;
    margin: 1px 0;
    border: 1px solid #ddd;
    }
    .sub-categoria li{
	    border: 0

    }
    .logo-footer{display: none}
    
    .lbl-tinyltr{color: #fff}
    .sib-container{background: none !important}

}
  /* 
 ::: Color Skin 1 ::: Fuentes, backgrounds y colores
 */
 
 h1,h2,h3,h4,h5,h6,h7 {font-family: 'Muli', sans-serif;}
 p,p1,button,label,li,input,textarea,select,option,table,.boton {font-family: 'Muli', sans-serif;}
 p{font-size:15px; margin:8px 0; text-align: justify; float:left; color: #888;}
 h1{font-size:32px; margin:10px 0; }/*Tittle*/
 h2{font-size:25px; margin:10px 0; clear: both; }/*Sub Tittle*/
 h3{font-size:15px; margin:10px 0; clear: both;}
 h4{font-size:15px; margin-top:15px 0; clear: both;}

 strong{font-weight: bold;}
 a {text-decoration:none; color:#000;}

 @media print {p,p2,h1,h2,h3,h4,h5,h6,a{font-family:Arial; color:#000;}}
 
 hr{width: 100%;border-top: 1px dashed #8c8b8b;}
hr.style3 {
	
}

 li{list-style-type: none;}
 img {height: auto;}
 
/*BackGrounds*/ 

  /*Negros*/
 .b1,#b1{background: #000;}
 .b2,#b2{background: url(//https://clubamigoscerveceros.com/wp-content/themes/theme-amigos/images/General/fondo.jpg)center center fixed;}
 .b3,#b3{background: url(//https://clubamigoscerveceros.com/wp-content/themes/theme-amigos/images/General/fondo1.jpg)center center fixed;}
 
 .back{/*Complemento para backgrounds Imagen Full size y centrado*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
 
  /*Grises*/
 .g1,#g1{background-color: #888}
  .g2,#g2{}
 
 /*Blancos*/
 .w1,#w1{background:#fff}
 .w2,#w2{background:rgba(255, 255, 255, 0.20)}
 
 /*Colores*/
 .c1,#c1{background-color: rgba(0, 185, 255, 0.9)}/*Blue*/
 .c2,#c2{background-color: #8a5742; }/*CAfe*/
 .c3,#c3,.ls-nav {background-color: rgba(139, 193, 0, 0.8)}/*Green1*/
 .c4,#c4 {background-color: rgba(144, 175, 77, 0.8)}/*Green2*/
 .c5,#c5 {background-color: rgba(81, 137, 77, 0.8)}/*Green3*/

/*Color Texto*/

  /*Negros*/
 .t-b,#t-b{color:#000} 
 
  /*Grises*/
 .t-g,#t-g{color: #414141}
 
  /*Blancos*/
 .t-w,#t-w{color:#fff} 
 
  /*Colores*/
 .t-c1,#t-c1{color:#86B900}/*Green*/
 .t-c2,#t-c2{color:#e53030}/*red*/
 .t-c3,#t-c3{color:#34aae1}/*blue*/ /*Css de todos los menus*/



.logo-mobile{
	display: none;
	cursor: pointer;
}
.nav-main{

}
.menu li{

}
.menu li:hover{

}
.nav-fixed{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999999999;
    -webkit-box-shadow: -1px 2px 20px 0px rgba(0,0,0,0.34);
    -moz-box-shadow: -1px 2px 20px 0px rgba(0,0,0,0.34);
    box-shadow: -1px 2px 20px 0px rgba(0,0,0,0.34);
}

/* Menu Mobile */
.hamburger-ico{
	display: none;
	}
.hamburger-close-ico{
	display: none;
}
.hamburger-ico{
	display: none;
	background: none;
    position: fixed;
    top: 0;
    right: 0;
    color: #999;
    border: 0;
    font-size: 30px !important;
    font-weight: bold;
    cursor: pointer;
    outline: none;
    z-index: 99999999999;
    line-height: 50px;
    margin-right: 10px;
}
.hamburger-close-ico{
	display: none;
    position: fixed;
    top: 13px;
    height: 40px;
    right: 0px;
    color: #999;
    border: 0;
    font-size: 65px !important;
    font-weight: bold;
    cursor: pointer;
    outline: none;
    z-index: 99999999999999;
    line-height: 0;
    margin-right: 10px;
    background: #fff;
    padding: 10px 9px;
}


/* ........... @ MEDIA QUERYS .......... */    
 @media only screen and (max-width:1300px)/* Portatil1*/    
{
	
}
@media only screen and (max-width:1105px)/* Portatil2*/  
{
	.menu li {
    padding: 7px 20px;
}
}
 @media only screen and (max-width:1024px)/* Tablet*/    
{ 
	.menu li {
    padding: 7px 0;
}
 }
@media only screen and (max-width:768px) /* Mobile */  
{
	body{overflow: visible; padding-top: 72px;}
	.logo{display: none}
	.menu-top{display: none}
	.hamburger-ico{display: block;}
	.nav-main{display: none; z-index:999; font-weight:bold; font-size:0.8em; width:100%; background:#f1f1f1;  position:fixed; text-align:center; font-size:12px; margin-top: 0; -webkit-box-shadow: -1px 2px 20px 0px rgba(0,0,0,0.34);-moz-box-shadow: -1px 2px 20px 0px rgba(0,0,0,0.34);box-shadow: -1px 2px 20px 0px rgba(0,0,0,0.34);}
	.nav-main ul {
		    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
    width: 100%;
    margin-top: 0;
    background: #f1f1f1;
    padding-top: 43px
	}
	.nav-main li {width: 100%;float: left; display: block;   padding:10px 0; border-bottom:#dddddd 1px solid;}
	.nav-main li:hover{ background: none}
	.nav-main ul li a { text-decoration:none;  margin: 0px; color:#666;}
	.nav-main ul li a:hover {  color: #ddd; text-decoration:none; background: none}
	.nav-main a{text-decoration:none; color:#666;}
	.nav-main a:hover{}
	a{color:#336699;}
	.logo-mobile{
		height: 76px;
		width: 100%;
		top: 0;
		display: block;
	    padding: 10px 0;
		padding-top: 0px;
	    background: #fff;
	    position: fixed;
	    z-index: 999999;
	    -webkit-box-shadow: -1px 2px 20px 0px rgba(0,0,0,0.34);
		-moz-box-shadow: -1px 2px 20px 0px rgba(0,0,0,0.34);
		box-shadow: -1px 2px 20px 0px rgba(0,0,0,0.34);
		    border-bottom: 12px solid #562525;
	}
	.logo-mobile img{
    width: 130px;
    padding: 0 10px;
    margin: 0 auto;
    float: none;
    display: block;
	}
	.hamburger-ico{
		display: block
	}
	.menu .country{
		width: 50%
	}
	.sub-menu{
		background: #ddd !important;
		padding: 0 !important;
		
	}
	.sub-menu ul li{
		padding: 0 !important;
		margin: 0 !important;
		border-top: 1px solid #ddd !important;
		
	}
	

}
@media only screen and (max-width:500px) /* Mobile */  
{
	
}

nav.woocommerce-breadcrumb {
    display: none;
}

h1.woocommerce-products-header__title.page-title {
	display: none;

}

.page-numbers li {
    list-style-type: none;
    float: left;
    margin: 10px 3px;
    background-color: #fff;
    padding: 10px;
    border: 1px solid #555;
}
.cart-home ul {
display: none;
}
.cart-home {
display: none;
}