@font-face {
    font-family: 'PLAYBILL';
    src: url('../fonts/PLAYBILL.eot');
    src: url('../fonts/PLAYBILL.eot') format('embedded-opentype'),
         url('../fonts/PLAYBILL.woff2') format('woff2'),
         url('../fonts/PLAYBILL.woff') format('woff'),
         url('../fonts/PLAYBILL.ttf') format('truetype'),
         url('../fonts/PLAYBILL.svg#PLAYBILL') format('svg');
}



html, body {
	height: 100%;
}

body {
    border-top: 0;
    padding: 0;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    line-height: 1.5em;
    color: #333;
    background: url(../../../images/fondo.jpg) no-repeat center fixed;
    background-size: cover;
    width: 100%;
}
.body .container {
	width: 100%;
	max-width: none;
	background-color: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	padding: 0;
	border: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-top: 6%;
}
.wrapper_gral, .wrapper {
	position: relative;
	margin: 0 auto;
	width: 90%;
	max-width: 1200px;
}
div#wrapper_gral {
    width: 100%;
    overflow: hidden;
}
.content-box {
	padding: 50px 0;
}
.columns, .category-view, .browse-view .row{
	/* margin: 0 -15px 20px; */
}
.columns:last-child {
	margin-bottom: 0;
}
.columns:after, .category-view:after, .product-related-products:after{
	content: '';
	position: relative;
	display: block;
	clear: both;
}
.col, .category-view .category, .vm-col, .product-field-type-R {
	position: relative;
	float: left;
	/* padding: 0 15px; */
}
.col1 {
	width:8.33%;
}
.col2 {
	width:16.66%;
}
.col3 {
	width: 25%;
}
.col4, .product-field-type-R {
	width: 33.33%;
}
.col5 {
	width: 41.66%;
}
.col6 {
	width: 50%;
}
.col7 {
	width: 58.33%;
}
.col8 {
	width: 66.66%;
}
.col9 {
	width: 75%;
}


/*COLUMNAS ====================================*/
.columnas {
	/* margin: 0 -14px 15px; */
}
.columnas:after {
	content: '';
	clear: both;
	position: relative;
	display: block;
}
.columna {
	position: relative;
	float: left;
	padding: 30px;
	box-sizing: border-box;
}
.columna img, img.fullwidth {
	display: block;
height:auto;
	width: 100%;
  width: 70%;
    margin: 0 auto;
}
.col12 {
	width: 100%;
}
.col11 {
	width: 91.66666667%;
}
.col10 {
	width: 83.33333334%;
}
.col9 {
	width: 75%;
}
.col8 {
	width: 66.66666667%;
}
.col7 {
	width: 58.33333334%;
}
.col6 {
	width: 50%;
}
.col5 {

	width: 41.66666667%;
}
.col4 {
	width: 33.33333334%;
} 

.col3 {
	/* width: 100%; */
}
.col2 {
	width: 16.66666667%;
}
.col1a {
	width: 12.5%;
}
.col1 {
	width: 8.33333334%;
}
.col_huella {
	width:5%;
}
/*terminan columnas*/

* {
	outline: none !important;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
a {
    color: #ffffff;
    text-decoration: none !important;
}
a:hover, a:active, a:focus {
	color: #fff;
	text-decoration: none !important;
}
h1, h2, h3, h4, h5, h6 {
	line-height: 1em;
	margin: 0 0 1em;
	word-wrap: normal;
}
h1, h2{
	margin-bottom: .5em;
}
h1 {
	font-size: 5em;
	 font-family: 'PLAYBILL';
	text-transform: uppercase;
	letter-spacing: 1.5px;
	color: #5e260e;
      font-weight: 200;
}
h2 {
	font-size: 1.8em;
}
h3 {
	font-size: 1.5em;
}
h4 {
	font-size: 1.3em;
}
h5 {
	font-size: 1.2em;
}
h6 {
	font-size: 1.1em;
}

/*inputs and forms*/
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    position: relative;
    display: inline-block;
    min-height: 34px;
    height: auto;
    padding: 0 1em;
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1em;
    font-family: inherit;
    /* color: #fff; */
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 0 !important;
    vertical-align: middle;
    /* background: #00345f; */
    border: 1px solid #ddd;
  float: left;
    margin-right: 7px;
}
.search button.button {
    min-height: 38px;
}
textarea {
	padding: 1em;
}
select{
    -webkit-appearance: none;
	appearance: none;
}
input[type="button"], input[type="submit"], .btn, button {
	display: block;
	/* min-height: 34px; */
	/* height: auto; */
	padding: 8px 17px;
	margin-bottom:0;
	font-size: inherit;
	/* line-height: 1em; */
	font-family: inherit;
	color: #fff;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	vertical-align: middle;
	background: #000000;
	border:0;
	/* float: right; */
	width: 40%;
	text-transform: uppercase;
} 

/*header*/
.header {
position: fixed;
    width: 100%;
    height: 90px;
    top: 0;
    left: 0;
    z-index: 100;
    background: url(../../../images/franja-menu.png);
    background-repeat: no-repeat;
    background-size: auto;
    border-bottom: 15px solid #061634;
    -webkit-transition: all ease-out .6s;
    -moz-transition: all ease-out .6s;
    transition: all ease-out .6s;
    box-shadow: 0px 1px 12px 0px #000000ad;
}
.logo {
	position: absolute;
	width: 14%;
	left: 0;
	top: 0;
	margin: -16px auto;
	text-align: left;
}
.logo img {
	display: block;
	width: 100%;
}


/*nav*/

.mainmenu {
	position: relative;
	right: 0;
	bottom: 0;
	top: 0;
	float: right;
	 font-family: 'PLAYBILL'; sans-serif !important;
	text-transform: uppercase;
}
.mainmenu ul {
	display:inline-block;
      margin-bottom: 0;
}
.mainmenu ul li{
	position:relative;
	display:inline-block;
	vertical-align:middle;
}
.mainmenu ul li a, .separator{
	display:block;
	/* margin-top: 14%; */
	height: 50px;
	line-height: 40px;
	padding: 5px 20px 12px 20px;
	 font-family: 'PLAYBILL';
	font-weight: lighter;
	font-size: 1.5em;
	width: auto;
	letter-spacing: 1.5px;
	color: #FFF;
	/* letter-spacing: .1em; */
	text-align: center;
      font-weight: 200;
      text-decoration: none !important;
}
li.item-327.divider.deeper.parent .separator:nth-child(1) {
    border-top: 1px solid #fff;
    width: 300%;
    text-align: left;
    display: block;
    font-size: 1em;
    font-weight: 400;
    padding: 0;
    padding-left: 15px;
    text-transform: uppercase;
}

li.item-328.divider .separator {
    border-top: none !important;
}

ul.nav-child.unstyled.small {
    display: block;
    font-size: 1.2em;
    padding: .5em;
    text-transform: uppercase;
}
li.item-171 a {
    background: #ff6b0b;
}
.mainmenu ul li a:hover{
	background: #8c8c8c69;
	/* border-bottom-style: solid; */
	/* border-bottom-color: #FCA503; */
}

.mainmenu ul li.current a{
	background: #8c8c8c69;
	/* border-bottom-width:1px; */
	/* border-bottom-style: solid; */
	/* border-bottom-color: #ff6c0c; */
}
a.current {
	color:#919191 !important;
	border-bottom-width:1px;
	border-bottom-style: solid;
	border-bottom-color: #FCA503;	
}
/***** submenu *****/
.mainmenu>ul>li:hover>ul {
    display: block;
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}
.mainmenu>ul>li>ul>li:before {
    display: none;
}
.mainmenu>ul>li>ul {
    position: absolute;
    left: 0;
    top: 128%;
    visibility: hidden;
    opacity: 0;
    display: none;
    background: #ffffffdb;
    padding: 30px;
    margin: 0;
    display: block;
    list-style: none;
    height: auto;
    transition: 1s cubic-bezier(0,0.88,0.15,0.99);
    transform: translateY(20px);
    height: 380px;
}
.mainmenu>ul>li>ul a {
    color: #52534a !important;
    text-align: left;
    line-height: 1.3em;
    font-size: 1em;
    padding: 18px 18px 7px 18px;
    align-items: center;
    width: 250px;
    height: auto;
    margin-top: 0;
    border-bottom: 1px solid #636363;
}

/******* submenu 2 *****/
.mainmenu>ul>li>ul>li:hover ul {
    display: block;
    transform: translateY(0);
    visibility: visible;
    opacity: 1;;
}
.mainmenu>ul>li>ul>li>ul>li:before {
    display: none;
}
.mainmenu>ul>li>ul>li>ul>li a:before {
    display: none;
}
.mainmenu>ul>li>ul>li>ul {
    position: absolute;
    left: 110%;
    top: -66%;
    visibility: hidden;
    opacity: 0;
    display: none;
    background: #ffffffdb;
    padding: 30px;
    margin: 0;
    display: block;
    list-style: none;
    height: 380px;
    transition: 1s cubic-bezier(0,0.88,0.15,0.99);
    transform: translateY(20px);
    border-left: 1px solid #636363;
}
.mainmenu>ul>li>ul>li>ul a {
    color: #52534a !important;
    text-align: left;
    line-height: 1.3em;
    font-size: 1em;
    padding: 18px 18px 7px 18px;
    align-items: center;
    width: 250px;
    height: auto;
    margin-top: 0;
    border-bottom: none;
}
/*termina nav*/


/** GENERALES **/
.text-blanco p, .text-blanco h1, 
.text-blanco a {
  color: #fff;
}
.btn.rojo {
    background: #d10607;
    margin: 20px 0;
    text-align: center;
    font-family: 'PLAYBILL';
    letter-spacing: 2px;
    font-weight: 100;
    /* padding: 0; */
    font-size: 2em;
}

/*banner*/
section#banner {
    margin-top: 87px;
}

/*** SECC NOSOTROS ***/
.nosotros .wrapper {
    background: url(../../../images/nosotros/fondo_texto_nosotros.png);
    background-size: contain;
    background-repeat: no-repeat;
    padding: 6%;
}


/** SECC SUCURSALES **/
.sucursales {
    background: #000;
  position: relative;
      padding: 20px 0;
}
.sucursales.text-blanco ul li {
    color: #fff;
}
.sucursales:before {
    content: "";
    position: absolute;
    background: url(../../../images/icono_estrella_derecha.png) center no-repeat;
    top: 0;
    right: 40px;
    bottom: 0;
    width: 70px;
    height: auto;
}

.sucursales:after {
    content: "";
    position: absolute;
    background: url(../../../images/icono_estrella_izquierda.png) center no-repeat;
    top: 0;
    left: 40px;
    bottom: 0;
    width: 70px;
    height: auto;
}
.sucursales .wrapper:after {
    content: "";
    position: absolute;
    background: url(../../../images/icono_estrella_izquierda.png) center no-repeat;
    top: 60%;
    left: 10px;
    bottom: 0;
    width: 70px;
    height: auto;
}
.sucursales .wrapper:before {
    content: "";
    position: absolute;
    background: url(../../../images/icono_estrella_derecha.png) center no-repeat;
    top: 60%;
    right: 10px;
    bottom: 0;
    width: 70px;
    height: auto;
}

/** SECC COMIDA **/
.comida {
    background: #2f0200;
    position: relative;
    margin: 3em auto;
}
.comida:before {
  content: "";
  position: absolute;
  background: url(../../../images/icono_tornillo.png) center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px;
  top: 0;
  border: 0;
  left: 0;
}

.comida:after {
    content: "";
    position: absolute;
    background: url(../../../images/icono_tornillo.png) center no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;
    top: 0;
    right: 0;
    border: 0;
}
.img-comida {
    padding: 0;
}
.img-comida img {
    width: 100%;
}
.comida .wrapper:before {
    content: "";
    position: absolute;
    background: url(../../../images/icono_tornillo.png) center no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;
    bottom: 0;
    border: 0;
    left: -75px;
}

.comida .wrapper:after {
    content: "";
    position: absolute;
    background: url(../../../images/icono_tornillo.png) center no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;
    bottom: 0;
    border: 0;
    right: -75px;
}
/** SECC FRANQUICIAS **/
.franquicias, .pag_franquicias {
background: url(../../../images/franquicia_home.png) center no-repeat;
    min-height: 200px;
    padding: 2%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
  position: relative;
}

.cont-text {
    background: #0000008f;
    padding: 20px;
    border: 2px solid #fff;
    width: 50%;
    margin-right: 0 !important;
    margin: 0 auto;
  
}

.btn.rojo img {
    display: inline-block;
    vertical-align: middle;
    width: 21%;
  
}



/** CONTACTO **/
.contacto {
    background: #000;
      border-bottom: 20px solid #008034;
 position: relative;
}
.contacto {
    text-align: center;
}
.contacto:before {
    content: "";
    position: absolute;
    background: url(../../../images/franja-roja.png) center no-repeat;
    background-size: 100%;
    top: -95%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    pointer-events: none;
}

/** COPY **/
.copyright {
    background: #008034;
    color: #fff;
    font-size: 80%;
    display: flex;
    flex-direction: column;
    padding-bottom: 1em;
}
.copyright .columna.col6 {
    padding-top: 10px;
    padding-bottom: 10px;
}

/* contenido */
main#content {
    width: 100%;
}

/** INTERNA SUCURSALES **/
.pag_sucursales, .pag_sucursales a {
    color: #fff;
}
.pag_sucursales {
    background: #000;
  padding: 5em 0;
}
.pag_sucursales .items-row {
    width: 90%;
    margin: 0 auto;
    max-width: 1200px;
      display: flex;
}
.sucursales_interna {
    background: #000;
    text-align: center;
    color: #fff;
    padding: 2em 0;
}
.sucursales_interna h1 {
    color: #fff;
}
img.img-face {
    width: 8%;
    display: inline-block;
    vertical-align: middle;
}
.copyright a {
    color: #000;
}

/***INTERNAS SUCURSALES****/
.blog {
    width: 90%;
    margin: 100px auto 0;
    max-width: 1200px;
}

.item {
    width: 24%;
    display: inline-block;
    background: #fff;
    padding: 9px;
    margin: 2px;
    vertical-align: top;
}

.img-intro-left img {
    width: 100%;
    min-height: 270px !important;
    max-height: 270px !important;
    overflow: hidden;
    object-fit: cover;
}

.items-row {
    margin-bottom: 1em;
}
.item H3 {
    font-family: 'PLAYBILL';
    font-size: 1.6em;
    font-weight: 100;
    margin-bottom: 0;
}

.item a {
    color: #333;
}
p.adress {
    height: 70px;
}
.copyright .columnas {
    flex-direction: column-reverse;
    display: flex;
}

.copyright .columnas .columna {
    width: 100%;
    text-align: center;
    padding: 0;
}

.copyright .columnas .columna p {
    display: inline-flex;
    margin: 0 10px;
}

.copyright .columnas .columna a {
    color: #fff;
}