@font-face{font-family: luciliu; src: url("../tipografias/MyriadPro-It.otf");font-display: swap;}
@font-face{font-family: luciliuBold; src: url("../tipografias/MyriadPro-BoldCond.otf");font-display: swap;}
@font-face{font-family: luciliuSlider; src: url("../tipografias/MyriadPro-BoldCondIt.otf");font-display: swap;}
*{border: none; text-decoration: none; font-family: luciliu, verdana ;color: #505050; outline: none;}
body {margin-top: 80px;}
body .ui-dialog {padding: 20px;  box-sizing: border-box ;outline: 0; background: #fff; } 

header {display: block; min-height: 34px; }
header nav{position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9999;
    width: 100%;
    height: 40px;}
.tarifas tbody tr td {
    border-bottom: 1px solid #d5cab8;
}
header nav table{ width: 100%; }
header nav table tbody{ width: 100%; height: 0px;}
#menuPrincipal{height: 0px; overflow: visible; vertical-align: middle; z-index: 299; background: #d5cab8; width: 100%; border-top: 0px solid #70202a; border-bottom: 0px solid #70202a; text-align: center;}
header nav table tbody tr{ width: 100%; }
header nav table tbody tr#ocularFondo{position: fixed; background: #fff; height: 40px; top: 0px; z-index: 298; width: 98%; padding: 0px; border-radius: 0px;}
header nav table tbody tr.festividad{background: transparent; color: #d5cab8;  width: 98%; text-align: right; border: none; z-index: 301;}
header nav table tbody tr.festividad td { width: 100%; text-align: right; overflow: hidden; height: auto; border-bottom: none; border-radius: 0px; }
header nav table tbody tr.festividad h3 { color: #70202a; font-size: 24px; margin-top: 5px; font-weight: bold;margin-bottom: 0px;}
header nav table tbody tr.festividad h3 strong{ color: #70202a; font-size: 24px; }
header nav table tbody tr{ width: 100%;  top: 0px; font-size: 100%;}

header nav table tbody tr#ocularFondo td {width: 100%; height: 30px; }
header nav table tbody tr td{width: 100px; text-align: center; color: #fff; padding-left: 0px; padding-right: 0px; padding-bottom: 1px; padding-top: 1px; box-sizing: border-box; font-weight: bolder; border-radius: 0px;}
header nav table tbody #menuPrincipal td{}
header nav table tbody tr td a{min-width: 100px; font-family: luciliuBold; font-size: 20px; padding-top: 0px; padding-bottom: 0px; display: inline-block; padding-left: 10px; padding-right: 10px; border-radius:0px; }
header nav table tbody tr td a:hover{background:#70202a} 


header nav table tbody tr td.festividad:hover{background: #fff;}
header nav table tbody tr td.menuDesplegable{display: none; overflow: hidden;}
header nav table tbody tr td.menu{background: #d5cab8; display: contents;}
header nav table tbody tr td.menu:hover{background: #70202a; cursor: pointer; border-radius: 0px;}

header nav table tbody #menuPrincipal td.menu {background: #d5cab8; height: 0px; border-radius: 0px;}

header table.fraseSlider {width: 600px;
    background: transparent;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    min-height: 50px;
    margin-left: -274px;
    z-index: 50;
    left: 50%;}
b, strong {
   font-weight: bold;
}
header table.fraseSlider tbody {width: 100%;}
header table.fraseSlider tbody tr{ width: 100%;}
header table.fraseSlider tbody tr td{ width: 100%;text-align: center;}
header table.fraseSlider tbody tr td h2{display: inline-block; vertical-align: middle; font-size: 78px; font-family: luciliuSlider; color: #70202a; text-shadow: 6px 10px 15px #dadada;}
header table.fraseSlider:hover tbody tr td{background: transparent;}

section{display: block; width: 100%; overflow: hidden; margin: auto;    text-align: center;}
section.contacto article h2{text-align: left;}
section.noticias article img.noticias {display: block; margin: auto; width: 100%; max-width: 400px; }
section.noticias article{text-align: center;}

article{text-align: left; background: #fff; display: block; overflow: hidden; width: 95%; max-width: 1250px; margin: auto; padding-left: 20px; padding-right: 20px; box-sizing: border-box;}
article a {color: #70202a;}
article a:hover{color: #9e9e9e}
article.servicios {    display: inline-block; width: 24%; max-width: 229px; text-align: center; padding: 20px; box-sizing: border-box;}
article.servicios h2 {position: relative; top: 186px; display: block; background: #d5cab8; }
article.servicios img {border-radius: 100%; box-shadow: 1px 1px 18px #70202a;border: 1px solid #fff; width: 100%; display: block;}
article.servicios:hover img {box-shadow: 1px 1px 18px #fff; border: 1px solid #70202a; }
article.productos {display: inline-block; width: 24%; max-width: 229px; text-align: center; padding: 20px; box-sizing: border-box;}
article.productos h2 {cursor: pointer; position: relative; top: 186px; display: block; background: #d5cab8; }
article.productos img {cursor: pointer; border-radius: 100%; box-shadow: 1px 1px 18px #70202a;border: 1px solid #fff;  width: 100%; display: block;}
article.productos:hover img {box-shadow: 1px 1px 18px #fff; border: 1px solid #70202a; }

footer{border-top: 1px solid #70202a; background: #d5cab8; padding: 20px; box-sizing: border-box; display: block; overflow: hidden; width: 100%; color: #fff; text-align: center; margin-top: 40px;}
footer p{color: #fff}
footer a{color: #70202a;}
footer span{color: #70202a;}

button, input, optgroup, select, textarea {border: 1px solid #70202a; width: 100%; min-height: 25px; padding: 3px; margin: 0px; margin-left: 0px; margin-right: auto;}
select{width: 100%;display: block;}
button.boton{padding: 3px; border-radius: 0px; border: 1px solid #d5cab8; background: #70202a; color: #fff; cursor: pointer; width: 100%;}

#checkCerrarPupUp {display: inline-block; width: 30px; height: 30px; vertical-align: middle; margin-left: 10px; margin-right: 10px; }

iframe{width: 100%;
    min-height: 700px;
    display: block;}

table {
    width: 100%;
}
table tbody{
    width: 100%;
}
table tbody tr{
    width: 100%;
}
th {font-size: 24px; color: #d5cab8; font-family: luciliuBold;}
table#dialogo{background: #fff; display: none;}
td.avisos.logo {background: #d5cab8; border: 1px solid #70202a; border-radius: 100%; padding: 10px; width: 100px; height: 100px; display: inline-block; vertical-align: middle; }
td.avisos.logo img.logo { width: 90%; height: auto; display: block;}
td.avisos h3{margin-bottom: 10px;margin-top: 10px;}
h1{font-size: 36px; font-family: luciliuBold; color: #70202a; text-align: center; margin-bottom: 20px;}
h2{font-size: 24px; padding-top: 10px; padding-bottom: 10px; text-align: center; }
h3{font-size: 18px; }
h4{font-size: 18px; }
i.fas.fa-arrow-right:after {content: ">"; }
i.fas.fa-arrow-left:after {content: "<"; }
h5{display: inline-block; font-size: 24px; color: #70202a; vertical-align: middle;}
p{font-size: 16px; font-weight: lighter; margin-bottom: 10px; line-height: 30px;}
a{color: #fff;}
a.boton {display: block; margin: auto; width: 200px; background: #70202a; color: #fff; border-radius: 0px; text-align: center; }
a:hover { color: #fff; text-decoration: none; }
img.gelHigeinizante {width: 200px; }
span.linea {display: block; width: 100%; background: #fff; height: 4px; margin-bottom: 2px; margin-top: 2px; border-radius: 0px; }
span.weektoday { color: #70202a; }
textarea#comentarios {width: 88%;}
input#politica {width: 30px; height: 30px; }
button#confirmarCita {background: #70202a; color: #fff; border-radius: 0px; padding-left: 10px; padding-right: 10px; border: none; box-sizing: border-box;}
ol.pasosCita > li { font-size: 20px; color: #70202a; list-style-position: outside; padding-left: 10px; font-weight: bold; }
li.sinAltura {height: auto; }
li.calendar-events-day > ul > li.calendar-event.calendar-daynote > a {pointer-events: none; cursor: pointer;} 
li.monthtoweek span {background: #d5cab8; color: #fff; padding: 3px; border-radius: 100%; width: 30px; height: 30px; text-align: center; }
li.monthtoweek span:hover{background: #70202a; color: #fff;}

#slider { min-height: 130px;}
#datosCita { display: block;  width: 100%; overflow: hidden; }
#datosCita tbody{ display: block;  width: 100%; overflow: hidden; }
#datosCita tbody tr{ display: inline-block;  width: 49%; overflow: hidden;  padding-bottom: 10px;}
#datosCita tbody tr.colJuntas{width: 100%;}
#datosCita tbody tr.label{display: inline-block; width: 24%;}
#datosCita tbody tr.areaTexto{display: inline-block; width: 74%;}
#datosCita tbody tr.areaTexto td{width: 100%;}
#datosCita tbody tr.politica{width: 100%;}
#datosCita tbody tr.politica td{width: 13%; text-align: center;display: inline-block}
#datosCita tbody tr.politica td:first-child{width: 86%; text-align: right;display: inline-block}
#datosCita tbody tr td{ display: inline-block;  width: 49%; overflow: hidden; }
#datosCita tbody tr.colJuntas td {text-align: right; width: 100%; display: block; } 
#datosCita tbody tr.colJuntas td {text-align: right; width: 100%; display: block; }
#datosCita tbody tr.colJuntas td.captcha {width: 310px; margin-left: auto; margin-right: 0px; }
#datosCita tbody tr td.completo{ display: block;  width: 100%; overflow: hidden; }
#galletas a{color: #70202a;}
#galletas a:hover, #galletas a:active{color: #70202a}

#video {display: block; margin: auto; height: 300px; width: auto; }
#videoNails {width: 100%; overflow: hidden; text-align: center; margin-top: 20px; margin-bottom: 20px;}
#play {position: relative; z-index: 9999; opacity: 0.2; top: -170px; margin: auto;} 
#controls {display: block; background: #d5cab8; color: #000; opacity: 0.2; position: relative; top: -75px;}
#contieneControles { color: #000; padding-top: 5px; padding-bottom: 5px; overflow: hidden; display: block; }
#floatingSocialShare {z-index: 9996; }
#procesandoPeticion{background:rgba(255,255,255,0.5); position: fixed; top: 0px; left: 0px; width: 1000%; height: 100%; text-align: center;z-index: 9999;}
#mensajeProcesando {display: inline-block;
    width: 100px;
    height: 100px;
    text-align: center;
    position: fixed;
    margin-top: -50px;
    top: 50%;
    margin-left: -50px;
    left: 50%;
    background: #d5cab8;
    padding: 0px;
    box-sizing: border-box;
    vertical-align: middle;
    border-radius: 100%;}
#mensajeProcesando img{display: block; vertical-align: middle; margin: auto; width: 100px;}
#mensajeProcesando p{display: block; vertical-align: middle; margin: auto;}
span#configurarCookies {
    cursor: pointer;
}
#configurarCookies:hover{color: #fff;}
.fachada { display: block;  width: 300px; margin: auto; }
.redesSociales {width: auto; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 20px; }
.redesSociales tbody tr td img{width: 30px; margin-left: 10px; margin-right: 10px; border-radius: 100%; }
.redesSociales tbody tr td img:hover{border: 0px solid #fff;}

.tarifas {width: 100%; }
.tarifas tbody {width: 100%; }
.tarifas tbody tr {width: 100%; border-bottom: 1px dotted #d5cab8; margin-bottom: 20px;}
.tarifas tbody tr.sinPuntos{border: none;}
.tarifas tbody tr td,.tarifas tbody tr th {padding-right: 20px;} 
.tarifas tbody tr td:last-child{}
.tarifas tbody tr td.colJuntas{width: 100%;}

.tarifas tbody tr td p {vertical-align: text-bottom; padding: 0px; margin: 0px; text-align: left;}

.precios {text-align: right; font-family: luciliuBold;}
.politicaCookies table tr th {border: 2px solid #70202a; padding: 20px; }
.politicaCookies table tr td {border: 1px solid #70202a; padding: 20px; }
.politicaCookies table {border-collapse: collapse; width: 100%; }
.modal-header {background: #70202a; }
.modal-dialog button {  width: auto; }
.modal-body b.event-date {display: none; height: 0px; }
.modal-body h4{margin-bottom: 0px;}
.noMostrarMas{text-align: right;} 
.noMostrarMas p{display: inline-block}
.slider img{width: 100%; height: auto; position: relative;  top: -49px;}
.video {overflow: hidden; background: #fff; height: auto;}
.tiempos {display: inline-block; font-size: 24px; vertical-align: middle; color: #000}
.controlVideo{cursor: pointer; width: 30px; display: inline-block; vertical-align: middle; border-radius: 100%;}
.logoBorde {    background: transparent;
    width: 100%;
    padding: 0px;
    border: none;
    height: auto;
    vertical-align: middle;
    text-align: center;}

.logoBorde a{box-sizing: border-box;
    font-family: serif;
    font-weight: inherit;
    letter-spacing: 10px;
    display: inline-block;
    border-radius: 0px;
    border: 1px solid #70202a;
    width: auto;
    height: auto;
    padding-left: 20px;
    padding-right: 20px;
    background: #d5cab8;
    vertical-align: middle;
    overflow: hidden;
    margin: auto;
    font-size: 32px;
    margin-top: 1px;
    color: #70202a;}
.logoBorde a:hover{background: #70202a; color: #fff;}
.logoBorde a img{display: block; width: 100%; height: auto; vertical-align: text-bottom; z-index: 9999;}
.contenido {background: #fff; display: block; overflow: hidden; width: 100%; max-width: 1000px; margin: auto; padding-left: 20px; padding-right: 20px; box-sizing: border-box; }
.local{margin: auto; display: block; width: 100%; max-width: 600px;}
.halloween{color: #70202a;}
.navidad{color: #70202a;}
.cerrado {display: inline-block; width: 20px; margin-left: 5px; margin-right: 5px; vertical-align: middle;}
.abierto {display: none; color: #fff;  margin-left: 5px; margin-right: 5px; font-size: 24px; line-height: 0px; vertical-align: middle;}
.premio{width: 60px; height: auto; display: inline-block; width: 100px; height: auto; vertical-align: middle;}
.boton.pedirCita {padding: 3px; border-radius: 0px; border: 1px solid #c68989; background: #b19476; color: #fff; cursor: pointer; width: 100%;}
.ui-front {z-index: 200; }
.small, small {font-size: 20px; font-weight: 400; }
.modal.show .modal-dialog {
    top: 50%;
    height: 300px;
    margin-top: -150px;
}
.movil{display: none}
.calendar .calendar-timeline{text-align: left;}
.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix {display: block; position: absolute; top: 5px; right: 10px; padding: 0px; margin: 0px; background: transparent; }
.ui-dialog .ui-dialog-buttonpane button {margin: 0px; cursor: pointer; border-radius: 100%; padding: 0px; width: 30px; height: 30px; }
.ui-dialog .ui-dialog-titlebar {background: #d5cab8; }
.ui-widget.ui-widget-content {border: 1px solid #70202a; }

#logo {    }
a.enlaceCitaServ {display: block;
    background: #70202a;
    color: #fff;
    vertical-align: middle;
    padding: 3px;
    border-radius: 0px;
    margin-left: 10px;
    width: 91%;
    max-width: 228px;
    text-align: center; }
article td.precios a.llamanos svg {vertical-align: middle; color: #fff; }
article td.precios a.llamanos {display: inline-block; vertical-align: middle; margin-left: 10px; background: #70202a; border-radius: 100%; padding: 5px; }

li.calendar-events-day a { }

header nav table tbody tr.menuDesplegable {
    display: none;
}

@media only screen and (max-width: 1300px){
    header nav table tbody tr.festividad {
        text-align: center;
        top: 0px;
    }
    header nav table tbody tr.festividad td {
        text-align: center;
    }
    #menuPrincipal {
        top: 40px;
    }
}

@media only screen and (max-width: 1250px){
    
}
@media only screen and (min-width: 1000px){
    header table.fraseSlider tbody tr td h2 {font-size: 65px;}
    #floatingSocialShare a {width: 40px; height: 27px; border-radius: 100%; opacity: 0.5;}
    #floatingSocialShare a:focus, #floatingSocialShare a:hover {width: 55px; height: 41px; opacity: 1;}
}

@media only screen and (max-width: 960px){
    #logo {left: 0px; top: 40px; width: 50%;}
    header nav table tbody tr td{width: 100%; text-align: right; color: #fff; padding-left: 10px; padding-right: 10px; padding-bottom: 1px; padding-top: 1px; box-sizing: border-box; font-weight: bolder; border-radius: 0px;}
    header nav table tbody #menuPrincipal td{display: contents;}
    header {min-height: 52px; }  
    header nav table tbody #menuPrincipal {z-index: 9999; background: transparent; top: 80px; text-align: center; height: 0px; border: 0px solid blue; background: #70202a; overflow: hidden}
    header nav table tbody tr.festividad td {display: contents;}
    header nav table tbody tr#ocularFondo {height: auto; width: 100%; overflow: hidden;}
    header nav table tbody tr.festividad td {width: 100%; height: auto; border-radius: 0px;}
    header nav table tbody tr td.menuDesplegable {background: #d5cab8; display: inline-block;font-family: luciliuBold; font-size: 24px; padding: 10px; top: 0px; vertical-align: middle; border-radius: 0px; width: 100%; position: relative; left: 0px;text-align: right;}
    header nav table tbody tr td.menu {display: block; width: 0px; padding-left: 0px; padding-right: 0px; margin: 0px; border-radius: 0px; overflow: hidden; text-align: right;}
    header table.fraseSlider tbody tr td h2 {font-size: 45px;}
    header nav table tbody #menuPrincipal td:nth-child(2) {margin-top: 0px; }
    header nav table tbody #menuPrincipal td.menu{height: 0px; width: auto; margin: 0px; padding: 0px; border: 0px;}
    header nav table tbody tr td a{box-sizing: border-box; height: 0px; width: 0px;padding-top: 0px; padding-bottom: 0px; display: block; padding-left: 0px; padding-right: 0px; border-radius:0px; overflow: hidden; margin-bottom: 0px;}
    header nav table tbody tr td{padding-left: 0px; padding-right: 0px; padding-bottom: 0px; padding-top: 0px; height: 0px; width: 0px; margin: 0px;}
    tr.menuDesplegable td {width: 100%;  height: auto; overflow: hidden; }
    article.servicion h2 {font-size: 18px;}
    article.productos h2 {font-size: 18px;}
    article.servicios { display: inline-block; width: 49%;}
    article.productos { display: inline-block; width: 49%;}
    footer{margin-bottom: 40px;}
    #datosCita tbody tr {width: 100%; display: block; }
    #controls {opacity: 1; top: 0px;}
    #play{display: none;}
    #menuMovil {display: block; width: 100px; background: #70202a; text-align: center; border-radius: 0px; padding: 10px; box-sizing: border-box; margin-left: auto; margin-right: 10px; float: right; }
    #menuMovil > span {vertical-align: middle; color: #fff; }
    header nav table tbody tr.menuDesplegable {background: #d5cab8;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 299;
    top: 0px;}
    .controlVideo {width: 40px; } 
    .frasePrincipal{display: none;}
    .festividad {width: 80%; float: right; font-size: 12px; }
    .movil{display: block;} 
    .logoBorde {
        left: 0px;
        margin-left: 0px;
    }
    header nav table tbody tr.menuDesplegable {
        display: table-row;
    }
    iframe {
        min-height: auto;
    }
    
}

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

    header nav table tbody tr.festividad h3 {font-size: 18px; text-align: right; padding-right: 20px; padding-left: 20px; box-sizing: border-box; }
    header nav table tbody tr.festividad h3 strong{font-size: 18px;}
}

@media only screen and (max-width: 600px){
    
    span.weektoday { font-size: 100%; }
    h1{font-size: 22px;}
    h2{font-size: 100%;}
    h3{font-size: 100%;}
    h4{font-size: 100%;}
    h5{font-size: 100%;}
    p {font-size: 100%; line-height: normal; }
    header table.fraseSlider {
        width: 400px;
        left: 50%;
        margin-left: -201px;
        top: 150px;
        text-align: center;
    }
    header table.fraseSlider tbody {width: 100%;  }
    header table.fraseSlider tbody tr{width: 50%; margin: auto; }
    header table.fraseSlider tbody tr td h2{font-size: 100%; text-shadow: 1px 1px 1px #dadada;}
    header nav table tbody tr.festividad {text-align: left;}
    header nav table tbody tr.festividad td{text-align: center; color: #70202a; width: 100%; line-height: normal; }
    header nav table tbody tr.festividad td h3{font-size: 16px; text-align: center;}
    header nav table tbody tr.festividad td h3 strong{font-size: 100%}
    header table.fraseSlider {top: 150px;}
    section {position: relative;}
    article.servicios {display: inline-block; width: 49%; }
    article.servicios h2 { top: 100px; font-size: 14px;}
    article.servicios a{cursor: pointer;}
    article.servicios img{display: block; width: 100%;}
    article.productos {display: inline-block; width: 49%; }
    article.productos a{cursor: pointer;}
    article.productos h2 { top: 100px; font-size: 14px;}
    article.productos img{display: block; width: 100%;}
    th{font-size: 100%;}    
    table#datosCita tbody tr td { display: contents;  width: 100%;}
    #video {height: auto; width: 100%; }
    .premio{width: 50px;}
    
}
    
@media only screen and (max-width: 400px){
    header table.fraseSlider {
        width: 350px;
        margin-left: -169px;
        top: 70px;
        top: 150px;
        text-align: center;
    }
    header nav table tbody tr.festividad td h3 {text-align: left;font-size: 14px}
    section {}
    article.productos {display: inline-block; width: 49%; position: relative; box-sizing: border-box; z-index: 10; }
    article.productos h2 {width: 100%; margin-top: -14px; position: relative; display: block; background: #d5cab8; z-index: 999; }
    article.productos img {display: block; width: 100%; position: relative; z-index: 998; }
   
}
@media only screen and (max-width: 300px){
    
    header table.fraseSlider {
        width: 250px;
        left: 50%;
        margin-left: -125px;
        top: 150px;
        text-align: center;
    }
  
}