/* Carta Styles - 2020 */

/* Generales */
body{font-family: 'Muli', sans-serif;}
h1, h2, h3, h4, h5, h6, .text-ff, #men_sec .nav-link{font-family: 'Oswald', sans-serif;}
.flchcrl{cursor:pointer;z-index: 1;width:50px;height:76px;background-image: url(/css/i/scrolli.png);}
#flcd{right:0;background-image: url(/css/i/scrolld.png);}
.pideplato, .botonmenu, .botonpedido, .botonborrar{cursor: pointer;}
.unselectable, .unselectable *{-moz-user-select: -moz-none;-khtml-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select: none;}
#n_elem{position: absolute;top: 50%;right: 0;width: 26px;height: 26px;font-size: 12px;background: #ae0000;border-radius: 50%;color: #FFF;padding: 5px;}

/* Modal */
.modal-header{border-bottom: 3px solid #000;}
.modal-header .close{position: absolute;top: 15px;right: 15px;width: 26px;height: 26px;font-size: 12px;background: #ae0000;border-radius: 50%;color: #FFF;opacity: 1;}
.modal-body .btn{background: #ae0000 !important;}
.modal-body .bg-grey{background: #707070;}
.modal-body .text-cl{color: #ae0000;}
.modal-body .border-dashed{border-top-style: dashed !important;}
.modal-body hr{border-style: dotted;}
.modal-body .btn_can{width: 26px;height: 26px;font-size: 12px;border-radius: 50%;color: #FFF;padding: 3px;cursor: pointer;}

/* Menú principal */
#men_pri .cen_log{content: "";width: 52px;height: 52px;}
#men_pri .dropdown-menu{min-width: initial;padding: .5rem;}
#men_pri .dropdown-menu .dropdown-item{font-size: 1.1rem;padding: .25rem 2rem;margin: 0.5rem 0;}

#men_sec{display: -ms-flexbox;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;overflow-x: auto;text-align: center;white-space: nowrap;-webkit-overflow-scrolling: touch;}
#men_sec .nav-link{font-size: 1.2rem;}
#men_sec .nav-link:nth-child(n+2){margin-left: 0.75rem;}

/* Contenido */
#content{background: url(/css/carta/fondo.png) no-repeat center center fixed;background-size: cover;}
#content .media .flex-grow-1 small, #content .media .flex-grow-1 .small, #content .sty-pre .small{font-size: 0.7rem;}

@media screen and (min-width: 576px){
  .img-box img{width: 120px;height: 120px;}
}