@font-face {
      font-family: "Glacial Indifference";
      src: url("../fonts/GlacialIndifference-Regular.otf");
    }
@font-face {
      font-family: "Anton Regular";
      src: url("../fonts/Anton-Regular.ttf");
    }
@font-face {
      font-family: "miso-bold";
      src: url("../fonts/Miso-Bold.otf");
    }
body{ font-family: "Glacial Indifference";font-size: 16px;margin: 0px;}
h1,h2,h3,h4,h5,h6 {font-family: Anton,"Anton Regular";color: #f17021;font-weight: normal;}
h1{font-size: 24px;}
h2{font-size: 22px;}
h3{font-size: 20px;}
h4{font-size: 18px;}
h5{font-size: 16px;}
h6{font-size: 14px;}
a {color: #;}
a.reserva;{background: #000;color: #fff;}
a.reserva:hover;{background: #fff;color: #f17021;}
h1.titulo {height: 56px; width:1350px; background: #000;color: #fff; text-align: center;vertical-align:middle;margin-top: 0px;
padding-top: 18px;clear: both; font-size: 24px;text-transform: uppercase;margin: auto; }
div.contenido {width: 100%;background: #fff;}
div#fondo_home h1.titulo{margin-left:60px;}
div#superior {background: #f17021; height: 105px; width: 1350px;margin: auto;}
div#logo{float: left;height: 105px;background: #f17021;}
div#menu { float: right; margin-top: 44px; margin-right: 200px;}
div#menu * ul {display:inline-table; width: 100%;
 }
 #menu li{  width: 200px; float: left; font-size: 14px; }
div#menu * ul li{list-style: none;width: auto;padding-right: 17px; 
    text-transform: uppercase;}
div#menu * ul li a {font-family: miso-bold !important;text-decoration: none;color: #000;font-size: 18px;}
div#menu * ul li a:hover{color: #fff;}
div#redes {float: right;margin-top: 0px;margin-right: auto;text-align: right;}
div#contenido_pagina,div#contenido_pagina_home {width: 940px; margin: auto;padding-top: 10px;min-height: 400px;}
div#contenido_pagina_reserva{width: 940px; margin: auto;padding-top: 10px;text-align: center;}
div#contenido_pagina_home {text-align: center;}
div.botones{display: block; height: 100px;}
table#listaprecios{margin: auto;}
div.botones ul li{line-height: 40px;}
div#contenido_pagina_home a,div.botones * a,p.boton a,p.negro a,input#button,a.boton {padding: 5px;font-family: Anton,"Anton Regular";text-decoration: none;
 border-radius: 20px;padding-left: 30px; ;padding-right: 30px; border: none;pointer: hand;}
#reservar {position: absolute;margin-left:300px;margin-top: 43px;}
p.boton a,div.botones * a{background: #f17021;color: #fff;}
p.negro a{background: #000;color: #fff;text-transform: uppercase;font-size: 12px;border: 2px solid white;}
ul { list-style-image: url("images/list.png");padding-left: 14px;list-style-position: inherit; }
div.botones ul li{list-style: none;float: left;margin-right: 10px;}
div#pie {width: 1350px; height: 250px;background: #f17021;margin-bottom: 0px; margin: auto;margin-top: 30px;}
div#pie * h2 {color: #fff;font-size: 15px;text-transform: uppercase; font-weight: normal;}
div#pie div {float: left;display: block;}
div#separador{width: 15%;height: 10px;}
div#contacto {width: 25%;}
div#logo_inferior{width: 20%;}
div#contacto,div#logo_inferior,div#redes_inferior{text-align: center;}
div#contacto,div#redes_inferior{margin-top: 40px;}
div#contacto a{ text-decoration:none; color: #000; text-align: center; font-size: 14px;}
div#contacto p {width: 100%; line-height: 4px; text-align: center; }
input#fecha{background:#fff; color:#696969 ;border-radius: 1; border-color: #c1c1c1;}
#paso1{font-family: Anton,"Anton Regular";color: #000;font-weight: normal;}
h3.paso1,h3.paso2,h3.paso3{color: #000;height: 35px; padding-left: 44px;
text-transform: uppercase; text-align: left; margin: auto;font-size: 19px;padding-top: 3px;}
h3.paso1{background: url('images/1.jpg') no-repeat; width: 160px;}
h3.paso2{background: url('images/2.jpg') no-repeat;width: 204px;}
h3.paso3{background: url('images/3.jpg') no-repeat;width: 160px;}
div.loader{background: url('images/loader.gif') no-repeat center #fff  ;width: 1000px;height: 400px;position: absolute;z-index: 90000;}
.centrado{text-align: center;}
label {text-transform: uppercase;font-size: 13px;}
.fecha {text-align: left;width: 200px; margin: auto;}
/*estilos reserva*/
.imgsala {width: 125px; height: 130px;border-radius: 30px;}
a.turnosselect, a.nodisponible, a.seleccionado{margin-top: 10px;}

/*#tapa{ width: 10px; height: 200px; background: black; position: absolute; margin-left: 0px; }*/
.titulosala{text-transform: uppercase;}
a.turnosselect,a.nodisponible, a.seleccionado{display: block;height: 18px;width: 50px;
border-radius: 6px;padding:4px 2px 2px 5px;margin-left:auto;margin-right: auto;font-size: 12px;
font-family:"Glacial Indifference" ;font-weight: bold;}
a.nodisponible{background: #cccccc;color:#fff;}
a.turnosselect{background: #ff6b00;color:#fff;}
a.seleccionado{background: #1b1c1e !important;color:#d46418 !important;
border: 1px solid black;padding:2px 2px 2px 0px !important;height: 19px;width: 57px;}
div.nombresala{height: 10px!important;width: 94%;display: none;padding: 0px;}
.titulosala{width: 150px !important;}
table#tablaturnos_ {border-collapse: collapse;padding: 0px; 
margin: 0px;border-spacing: 0px; text-align: center;margin-left: auto;margin-right: auto;}
#tablaturnos_,#tablaturnos_ tr,#tablaturnos_ tr td{border:none;}
.listaturno{width: 150px; vertical-align: top; }
#horarios_scroll{width: 100%;height:auto;padding-bottom: 10px;  overflow-x: scroll; display: flex;
margin-left: 2px;padding-left: 0px;border: 1px soli black;margin-top: 10px;}
/*.imgsala {width: 150px}*/
#turnos_{width: 805px; overflow-y: scroll; border: none;text-align: center;}
@media (min-width: 0px) and(max-width: 365px) {
/*#horarios_scroll{height: 200px;}*/
}
#flechader a,#flechaizq a{pointer: hand;margin-top: 70px;}
#flechader,#flechaizq{margin-top: 50px;}
#flechader {position: absolute;margin-left: 782px;width: 22px;z-index: 1000;}
#flechaizq{float: left;position: absolute;margin-left: -30px;width: 22px;}
#fondo_home {background: url("images/fondo_home.gif") no-repeat top left #f17021; width: 1350px;
height: 514px;}
#fondo_home h1.titulo {position: absolute; background: none;font-size: 45px;margin-top: 90px;}
#fondo_home p.boton a{background: red;color:#fff;}
#errores,#mensajes{color: red; font-weight: bold; text-align: center;}
#mensajes{color: #69dc71;}
div.ob,span.o{color: red;font-size: smaller; padding-bottom: 2px;}
span.o{width: 5px; position: relative;display: inherit;}
img#imgcodigo{float: right;margin-top: -16x;}
p#contcod{width: 280px;}
div.punteada{width:auto;display: block ; border-bottom: 1px dotted #000; width:250px;height: 12px;}
div.personas{background: #fff; position: absolute;margin-top: 0px;}
div#ocder{position: absolute;;width: 950px;height: 33px;z-index: 10000;margin-top:-20px;}
div#ocbot{position: absolute;width: 950px;height: 33px;z-index: 10000;margin-top:-39px;}
div#t2aparver{position: absolute;width: 22px;height: 453px; margin-left: -19px;
margin-top: -23px;}
div#taparver,div#taparhor{ background: #fff;}
div#taparver{width: 20px;height:100px; position: absolute; margin-left: 785px;margin-top: -300px;}
div#taparhor{height: 20px; width: 100px;position: absolute;margin-top: -20px;width: 780px;}
div.contenidodesala{padding-top: 0px;width: 640px;height: 600px}
div.izq div.imagenvertical {width: 280px;float: left;}
div.izq div.contenidodesala {float: right;
      }
div.break {clear: both;height: 20px;}
div.der div.imagenvertical {width: 280px;float: right; }
div.der div.contenidodesala {float: left;      }
div.texto{vertical-align: middle;margin: auto;}
div.imagenvertical img {border-radius: 30px; }
div.fr-view{text-align: center;width: 780px;margin-left: 100px;}
div#whatsapp{position: fixed;
  bottom: 0;
  right: 0;
  width: 72px;z-index: 2000;}
div#app{width: 1300px;margin: auto;}
div#formulario * input,div#formulario * textarea {border-radius: 10px !important; border: 1.5px solid #c1c1c1;}