@font-face {font-family: 'mono-regular'; src: url('../fonts/RobotoMono-Regular.woff2') format('woff2'), url('../fonts/RobotoMono-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; }

@font-face {font-family: 'mono-italic'; src: url('../fonts/RobotoMono-MediumItalic.woff2') format('woff2'), url('../fonts/RobotoMono-MediumItalic.woff') format('woff'); font-weight: 500; font-style: italic; font-display: swap; }

@font-face {font-family: 'medium-italic'; src: url('../fonts/roboto-mediumitalic.woff2') format('woff2'), url('../fonts/roboto-mediumitalic.woff') format('woff'); font-weight: 500; font-style: normal; }

@font-face {font-family: 'regular'; src: url('../fonts/roboto-regular.woff2') format('woff2'), url('../fonts/roboto-regular.woff') format('woff'); font-weight: normal; font-style: normal; }





*{line-height: 136%; } 

html{ width:100%; }

body{background: #fff; overflow-x:hidden; position:relative; }

p{ font-size: 12px; line-height: 140%; max-height: 999999px;}

li{ font-size: 12px; line-height: 140%; max-height: 999999px;}

.general{height: auto; margin: 0 auto; min-height: 100vh; }

.cabecera {background: #fff; height: auto; margin: 0 -15px 0 -15px }

.cabecera a{ color:#000; }

.cabecera a:hover{ color:#ddd; }

#menu{ margin: 0 auto; height: 113px; overflow: visible; position: relative; }

.seccion { height:auto; background:#fff; }

.seccion .text_descripciones{font-size: 12px; color:#7b7070; }

.seccion .text-center{ text-align: center !important }

.noselect {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

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

    .seccion .row-table{ display: table; }

    .seccion .row-table .col{ display: table-cell; float:none; vertical-align: middle; text-align: center;  }

}



.swal2-content{ max-height: calc( 100vh - 150px);  overflow: auto; }

.swal2-content li,.swal2-content p{ font-size:17px; }

.swal2-popup.large{ width: 800px; }



.LSSI {height: auto; display: none; overflow: hidden; background: rgba(0,0,0,0.8); padding: 0 0 12px; position: fixed; bottom: 0; z-index: 10; width: 100%; } 

.LSSI .centered{min-height: 40px; margin: 0 auto; padding: 10px 0; width:auto; max-width: 1100px; }

.LSSI p{color:#fff; font-size:14px; margin: 10px; max-width: 810px; position: relative; } 

.LSSI a{color:#fff; }

.LSSI .btnAceptar{background: #eaeaea; cursor: pointer; float: right; margin: 20px 20px 0 0; padding: 0 1px; text-align: center; width: 78px; position: relative; }

.LSSI .btnAceptar span{color: #222; font-family: 'regular', sans-serif; font-size: 16px; }

@media screen and (max-width: 770px){

    .LSSI p{ width: 100% } 

    .LSSI .btnAceptar{ float:none; display: table; margin:0 auto; }

}

	



.easing{transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940); transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); }

.easingMedium{transition: all 700ms cubic-bezier(0.000, 0.090, 0.000, 0.995); transition-timing-function: cubic-bezier(0.000, 0.090, 0.000, 0.995); }

.easingMediumFast{transition: all 400ms cubic-bezier(0.000, 0.520, 0.000, 0.995); transition-timing-function: cubic-bezier(0.000, 0.520, 0.000, 0.995); }

.easingFast{transition: all 200ms cubic-bezier(0.250, 0.460, 0.450, 0.940); transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); }



img.responsive{ width:100%; height:auto; }

img.max-responsive{ max-width:100%; height:auto; }

img.max-responsive-centered{ max-width:100%; height:auto; margin:0 auto; display: block; }



.mt0{ margin-top: 0px !important; } .mt-10{ margin-top: -10px !important; } .mt-20{ margin-top: -20px !important; } .mt10{ margin-top: 10px !important; } .mt20{ margin-top: 20px !important; } .mt30{ margin-top: 30px !important; } .mt40{ margin-top: 40px !important; } .mt50{ margin-top: 50px !important; } .mt100{ margin-top: 100px !important; } .mb0{ margin-bottom: 0 !important; } .mb5{ margin-bottom: 5px !important; } .mb10{ margin-bottom: 10px !important; } .mb20{ margin-bottom: 20px !important; } .mb30{ margin-bottom: 30px !important; } .mb40{ margin-bottom: 40px !important; } .mb50{ margin-bottom: 50px !important; } .ml10{ margin-left: 10px !important; } .ml20{ margin-left: 20px !important; } .ml30{ margin-left: 30px !important; } .mr10{ margin-right: 10px !important;} .mr15{ margin-right: 15px !important;} .mr20{ margin-right: 20px !important;} .mr30{ margin-right: 30px !important;}

.delay01{ animation-delay: 0.1s; -webkit-animation-delay: 0.1s; } .delay02{ animation-delay: 0.2s; -webkit-animation-delay: 0.2s; } .delay03{ animation-delay: 0.3s; -webkit-animation-delay: 0.3s; } .delay04{ animation-delay: 0.4s; -webkit-animation-delay: 0.4s; } .delay05{ animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } .delay06{ animation-delay: 0.6s; -webkit-animation-delay: 0.6s; } .delay07{ animation-delay: 0.7s; -webkit-animation-delay: 0.7s; } .delay08{ animation-delay: 0.8s; -webkit-animation-delay: 0.8s; } .delay09{ animation-delay: 0.9s; -webkit-animation-delay: 0.9s; } .delay10{ animation-delay: 1s; -webkit-animation-delay: 1s; } .delay11{ animation-delay: 1.1s; -webkit-animation-delay: 1.1s; } .delay12{ animation-delay: 1.2s; -webkit-animation-delay: 1.2s; } .delay13{ animation-delay: 1.3s; -webkit-animation-delay: 1.3s; } .delay14{ animation-delay: 1.4s; -webkit-animation-delay: 1.4s; } .delay15{ animation-delay: 1.5s; -webkit-animation-delay: 1.5s; } .delay16{ animation-delay: 1.6s; -webkit-animation-delay: 1.5s; } .delay17{ animation-delay: 1.7s; -webkit-animation-delay: 1.5s; } .delay18{ animation-delay: 1.8s; -webkit-animation-delay: 1.5s; } .delay19{ animation-delay: 1.9s; -webkit-animation-delay: 1.5s; } .delay2{ animation-delay: 2s; -webkit-animation-delay: 2s; } .delay21{ animation-delay: 2.1s; -webkit-animation-delay: 2s; } .delay22{ animation-delay: 2.2s; -webkit-animation-delay: 2s; } .delay23{ animation-delay: 2.3s; -webkit-animation-delay: 2s; } .delay24{ animation-delay: 2.4s; -webkit-animation-delay: 2s; } .delay25{ animation-delay: 2.5s; -webkit-animation-delay: 2.5s; } .delay3{ animation-delay: 3s; -webkit-animation-delay: 3s; } .delay4{ animation-delay: 4s; -webkit-animation-delay: 4s; } .delay5{ animation-delay: 5s; -webkit-animation-delay: 5s; } .delay6{ animation-delay: 6s; -webkit-animation-delay: 6s; }

ul{ padding-left: 0; list-style: outside none; }



.manage-admin-content.cke_editable{ outline: 1px dashed white; box-shadow: 0 0 1px #000; }

.manage-admin-content.cke_focus{ outline: 2px solid white; box-shadow: 0 0 3px #000; }



.btn{ border-radius: 0; border:none; white-space:normal;}

.btn-primary{ background-color: #292525; border-radius: 8px; width: 172px; padding: 15px }

.btn-primary:hover{ background-color: #3C3737; }

.btn-primary.red{ background-color: #6e0606; }

.btn-primary.red:hover{ background-color: #5A0202; }

.btn-primary.orange{ background-color: #E4763F; }

.btn-primary.orange:hover{ background-color: #D4662F; }

.contentSection a.btn{ color:#fff; font-size: 18px; }

.btn-center{ display: table; margin:0 auto; }



.contentSection h1.green{ color:#81b219; }

.contentSection h1.blue{ color:#008cd0; }

.contentSection h1.orange{color: #F78800; }

.contentSection h1.red{color: #AE0A00; }



.contentSection h2.orange{color: #F78800; }

.contentSection h2.red{color: #AE0A00; }

.contentSection h2.green{color: #81B219; }

.contentSection h2.blue{color: #008CD0; }



.contentSection h3{ font-weight: bold; }

.contentSection h3.orange{color: #F78800; }

.contentSection h3.red{color: #AE0A00; }

.contentSection h3.green{color: #81B219; }

.contentSection h3.blue{color: #008CD0; }

.seccion{ font-family: 'regular',sans-serif; min-height: 100vh; }



/*MODAL center in middle*/

.modal {text-align: center; padding: 0!important; }

.modal:before {content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; }

.modal-dialog {display: inline-block; text-align: left; vertical-align: middle; }



/*HOME*/



.seccion-home {background: url(/images/entrada/fondo-madera.jpg)no-repeat center center/cover;} 

.seccion-home .languages-box{ position:absolute; top:15px; right:30px; }

.seccion-home .languages-box a{ font-family: 'mono-regular'; color:#292525; font-size:20px;}

.seccion-home img.logo{margin-top: 15vh;} 

.seccion-home a.btn{font-size: 16px; font-family: 'regular'; } 

.seccion-home .btn-primary{ background-color: #000; border-radius: 8px; width: 172px; min-height: 75px;}

.seccion-home .btn-primary.single-line{ padding-top:25px; }

.seccion-home .cols{ max-width: 600px; margin:0 auto; }

/*END HOME*/



.seccion-entrada{ position:relative; }

.seccion-entrada .languages-box{ position:absolute; top:15px; right:30px; }

.seccion-entrada .languages-box a{ font-family: 'mono-regular'; color:#292525; font-size:20px;}



.seccion-entrada .content-entrada.r-1 {background: url(/images/entrada/fondo-madera.jpg)no-repeat center center/cover; min-height: 100vh;} 

.seccion-entrada .content-entrada.r-2 {background: url(/images/entrada/fondo-madera.jpg)no-repeat center center/cover; min-height: 100vh;} 

.seccion-entrada p.text {font-family: 'medium-italic'; font-size: 18px; line-height: 21px; margin: 10vh auto 0 auto; font-weight: 800;}

.seccion-entrada .direccion { margin:33px 0; }

.seccion-entrada .direccion a{color: black !important;}

.seccion-entrada .direccion p{font-family: 'regular'; font-size: 20px;line-height: 1.25; max-width: 405px; margin: 10px auto 0 auto;}

.seccion-entrada .direccion img{margin-right: 12px; width: 30px;}

.seccion-entrada .volver i{position: absolute; margin: 20px 40px; font-size: 35px; color: #707070;}

@media screen and (max-width: 992px){

    .seccion-entrada p.text{ margin: 240px 0 85px 8.5px; }

}



.seccion .buttons.firts{margin:8vh auto 0 auto; text-align: center; max-width: 405px;padding-top: 20px; padding-bottom: 20px;}

.seccion .buttons {margin:0 auto; text-align: center; padding-top: 20px; padding-bottom: 20px;}

.seccion .buttons a{font-size: 22px; font-family: 'regular'; font-family: 'mono-regular';}

.seccion .buttons .btn {width: 100%; margin: 7px auto;padding: 21px 15px 22px;font-family: 'mono-regular';}

.seccion .background-gray {background-color: #292525; min-height:70vh;}

.seccion .logotipo { width: 320px; margin-top: 58px;}





.seccion-carta .top-bar{ background:#292525; display: block; padding:15px; position:relative; }

.seccion-carta .top-bar a{ left:15px; top:50%; transform:translateY(-50%); position:absolute; color:white; font-size:30px; display:block; line-height: 0; }

.seccion-carta .top-bar .title{ text-align:center; color:white; font-size: 22px; font-family: 'regular'; margin-bottom: 0; }

.seccion-carta .container.buttons{ max-width:600px; width: 100%; }

.seccion-carta .container.buttons .btn{ width: 100%; padding:24px 15px; }

.seccion-carta .panel-group .panel{ margin-top: 20px; }

.seccion-carta .panel-group .panel+.panel{ margin-top: 20px; }

.seccion-carta .panel-default{ background:transparent; border:none; }

.seccion-carta .panel-body{ background:transparent; border:none !important; }

.seccion-carta .panel-heading{ background:#6e0606; border:none; text-decoration:none; border-radius:5px;  }

.seccion-carta .panel-heading a{ color:white; text-decoration:none; padding:15px 15px; display:block; font-family: 'regular'; }

.seccion-carta .plato{ font-size:18px; color:white; text-align:left; font-family: 'regular'; }

.seccion-carta .plato .name{ width: 66%; overflow: hidden; text-overflow: ellipsis; display: inline-block; height: 24px; word-break: keep-all; }

.seccion-carta .plato .price{ float:right; min-width: 59px; text-align:right; }

.seccion-carta .plato .price+.price{ margin-right: 5px; }

.seccion-carta .plato .allergens{ display:block; }

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

    .seccion-carta .imagen img{ max-height: 40vh; width: 100%; object-fit: cover; }

}









/*footer*/

#pie{position: relative; height:auto; padding-top: 5px; color:#ddd; background: #2b2b2b; }

#pie h4{ font-weight: normal; }

#pie .copyright {background-color: #252525; padding: 20px 0; }

#pie span.glyphicon{ color:#000; }

#pie a{ color:#000; }

#pie a:hover{ color:#ddd; }

#pie a.link{ color:#000; }



.container-pils{ padding: 5px 25px; border-bottom: 1px solid #F5F5F5;  }

.container-pils .nav-pills{ border-radius: 0; }

.container-pils .nav-pills > li.active > a{ background-color: #008cd0; }

.container-pils .nav-pills > li a{ border-radius: 0; }

/*STICKY FOOTER*/

#wrapper {min-height: 100%; height: auto !important; height: 100%; margin-bottom: -132px; }

#push,footer { height: 132px; clear:both;}

html, body { height: 100%; }

@media screen and (max-width: 770px){

	#wrapper { margin-bottom: 0; }

    #push,footer { height: 0; clear:both;}

}