@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Italic.woff2') format('woff2'),
        url('../fonts/Roboto-Italic.woff') format('woff'),
        url('../fonts/Roboto-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-BoldItalic.woff2') format('woff2'),
        url('../fonts/Roboto-BoldItalic.woff') format('woff'),
        url('../fonts/Roboto-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.woff2') format('woff2'),
        url('../fonts/Roboto-Bold.woff') format('woff'),
        url('../fonts/Roboto-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Roboto Mono';
    src: url('../fonts/RobotoMono-Bold.woff2') format('woff2'),
        url('../fonts/RobotoMono-Bold.woff') format('woff'),
        url('../fonts/RobotoMono-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Mono';
    src: url('../fonts/RobotoMono-BoldItalic.woff2') format('woff2'),
        url('../fonts/RobotoMono-BoldItalic.woff') format('woff'),
        url('../fonts/RobotoMono-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

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

@font-face {
    font-family: 'Roboto Mono';
    src: url('../fonts/RobotoMono-Italic.woff2') format('woff2'),
        url('../fonts/RobotoMono-Italic.woff') format('woff'),
        url('../fonts/RobotoMono-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}



:root{
    --main-heading: #222222;
    --main-text: #444;
    --main-navy-blue: #004064;
    --main-blue: #00a3dc;
    --main-orange: #fd8002;
    --main-green: #3dcb75;
    --main-red: #fb0200;
    --color-rec-red: #bb2124;
    --color-rec-green:#22bb33;
    --color-rec-blue:#5bc0de;
    --color-rec-orange:#f0ad4e;
    --color-rec-purple:#c64fb8;
    --main-bg-orange:#FEB367;
    --dozys-red:#EB455F;
    --dozys-blue:#2B3467;
    --dozys-soft-blue:#BAD7E9;
    --dozys-yellow:#FCFFE7;
  }

body,html{height: 100%;font-family: 'Roboto',sans-serif;font-size: 1em!important;line-height: 1.2em!important;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family: 'Roboto Mono',sans-serif;font-weight:bold;}

.col50{width:47.90%;float:left;}
.col50.last{width:47.90%;float:left;margin-left:4.16%;}
.mtop0{margin-top:0px!important}
.mtop20{margin-top:20px!important}
.mtop40{margin-top:40px!important}
.mtop60{margin-top:60px!important}
.mtop80{margin-top:80px!important}
.mbot20{margin-bottom:20px!important}
.mbot40{margin-bottom:40px!important}
.mbot0{margin-bottom:0px!important}
.mbot10{margin-bottom:10px!important}
.padbot0{padding-bottom:0px!important;}
.fright{float: right!important;}

.fixed{position:fixed!important;top:40px;right:0px;}

#errormsg,label.error,.error p{color:#ff0000;font-size:12px;}
input[type="tel"].error,input[type="email"].error,input[type="text"].error,textarea.error{border:1px solid #ff0000!important;}


#footer {
  padding-top: 20px;
  padding-bottom: 30px;
  /*border-top: 1px solid #cfcfcf;*/
  color: #cccccc;
  background-color:var(--dozys-blue)!important;
  display:table!important;
  width:100%;
}
#footer a {
  color: #cccccc!important;
}
#footer a:hover {
  color: #ffffff!important;
  text-decoration:underline;
}
#footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#footer ul > li {
  display: inline-block;
  margin-left: 15px;
}
.footerbottom{display:block;padding-top:5x;}
#footer_info{line-height:18px;width:100%;text-align:center;}
#footer_info a,#footer_info p{color:#ffffff;font-size:14px!important;}

#prefooter{;border-bottom:4px solid #222222;margin-top:20px;}
.nav-tabs > li > a {
  color: #555;
  cursor: pointer;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}

/* .btn */
.btn {
  font-weight: 500;
  text-transform: uppercase;
  font-size:16px;
  line-height: 20px;
  border-radius:0px;
  padding:10px 20px;
  border-radius: 4px;
}
.btn-transparent {
  border: 3px solid #fff;
  background: transparent;
  color: #fff;
}
.btn-transparent:hover {
  border-color: rgba(255, 255, 255, 0.5);
}
.btn-xlg {
  padding: 24px 48px;
  font-size: 24px;
}
.btn-xlg [class^="icon-"],
.btn-xlg [class*=" icon-"] {
  margin-right: 10px;
}

.btn-orange{background-color:#ffb802;color:#ffffff!important;}
.btn-blue{background-color:var(--dozys-blue);color:#ffffff!important;}

.btn-navy{background-color:var(--dozys-blue);color:#ffffff!important;}
.btn-navy2{background-color:var(--dozys-blue);color:#ffffff!important;text-transform:none;}

.btn-green{background-color:#222222;color:#ffffff!important;text-shadow:1px 1px 1px #000000;}
.btn-red{background-color:#b84644;color:#ffffff!important;text-decoration: none!important;text-transform: uppercase;}
.btn-red:hover{background:#ffb802;}
.btn-yellow{background-color:#ffb802;color:#ffffff!important;}
.btn-amar {background: #f9d710 none repeat scroll 0 0;color: #444444;border:0px solid #ffffff!important;border-radius:4px;}
.btn-amarillo{background-color:#ffb802;color:#ffffff!important;text-transform:none;border-radius:4px;}
.btn-amarillo:hover{background-color:#b84644;}
.btn-transparente{background-color:none;color:#444444!important;text-shadow:none;border:1px solid #444444;}
.btn-transparente:hover{background-color:rgba(255, 138, 21,1);color:#ffffff!important;}
.btn-transparenteblanco{background-color:none;color:#ffffff!important;text-shadow:none;border:1px solid #ffffff;}
.btn-transparenteblanco:hover{background-color:rgba(255, 138, 21,1);color:#ffffff!important;text-shadow:none;border:1px solid #ffffff;}
.btn-contacto{background-image:url('./assets/images/telefono.png');background-repeat:no-repeat;background-position:0px 4px;padding-left:38px;border-left:10px solid #01A7ED;padding-right:20px;float:left;margin-left:20px;color:#ffffff!important;text-transform:none!important;font-size:12px!important;}
.btn-contacto2{background-image:url('./assets/images/telefono.png');background-repeat:no-repeat;background-position:0px 14px;padding-left:38px;border-left:10px solid #01A7ED;padding-right:20px;float:left;margin-left:20px;color:#ffffff!important;}
.btn-contacto3{background-image:url('./assets/images/email.png');background-repeat:no-repeat;background-position:0px 14px;padding-left:38px;border-left:10px solid #01A7ED;padding-right:20px;float:left;margin-left:20px;color:#ffffff!important;}
.btn-contacto4{background:#ffb802 url('./assets/images/telefono.png');background-repeat:no-repeat;background-position:0px 0px;padding-left:38px;border-left:5px solid #ffb802;padding-right:20px;float:left;margin-left:20px;color:#ffffff!important;text-transform:none!important;font-size:12px!important;border-radius:4px;}
.btn-contacto4:hover{background-color:#b84644;border-left:5px solid #b84644;}
.btn-round{border-radius:4px;}
.btn-big{padding:4px 20px;}
.btn-grey-trans{background:#ffffff!important;color:#666666!important;border-radius:4px;border:1px solid #666666;}
.btn-grey-trans:hover{background:#599543!important;color:#ffffff!important;border-radius:4px;border:1px solid #666666;}
.btn-green-good,.btn-green-trans:hover{background:#599543!important;color:#ffffff!important;border-radius:4px;}
.btn-big.btn-green-good{text-transform:none!important;}
.btn-green-trans,.btn-green-good:hover{color:#599543!important;border:1px solid #599543!important;background:#ffffff!important;border-radius:4px;}
.btn-azul{background:#31798e;color:#ffffff;border-radius:4px;text-transform:none;}
.btn-verde{background:#7eb04a;color:#ffffff;border-radius:4px;text-transform:none;}

.formulario{padding:5px 10px;}
.formulario label{clear:both;display:block;width:100%;color: var(--dozys-blue);}
.formulario label.green{color:#222222;}
.formulario input[type="text"],.formulario input[type="password"],.formulario input[type="tel"],.formulario input[type="number"],.formulario input[type="email"],.formulario textarea,.formulario  select{width:100%;float:left;border:none;border-bottom: 2px solid var(--dozys-blue);padding:8px 10px;background: #fafafa;text-align: left;font-size: 1.2em;line-height: 1.3em;}
.formulario textarea{resize:none;height:120px;}
.formulario fieldset{margin-bottom:20px;}
.formulario h3{font-size:14px;color:#222222;}
.formulario .botones{margin-top: 40px;width: 100%;clear: both;float: left;}

#ui-datepicker-div{z-index: 9999!important;}
#horasdisponibles,#espacios,#diasdisponibles {float: left;clear: both;width: 100%;}
#horasdisponibles a,#diasdisponibles a{padding: 8px 8px;background-color: var(--dozys-blue);color: #fff;margin: 5px 10px 5px 0px;float: left;font-size:1em;line-height: 1em; }
#horasdisponibles a.seleccionada,#diasdisponibles a.seleccionada{background-color: var(--main-green);}
#horasdisponibles hr{float: left;clear: both;width: 100%;}
.btn_res_ant,.btn_res_sig,.formulario input[type="submit"],.btn_calcular{padding: 8px 15px;background-color:var(--dozys-blue);color: #fff;float: left;cursor: pointer;border: none!important;font-size:1.2em;line-height: 1.3em;text-transform: uppercase;border-radius: 4px;}
.btn_res_sig,#calcular_mult{float: right;}
.btn_res_sig:disabled,.formulario input[type="submit"]:disabled,.btn_calcular:disabled{background-color: #eee;color: #ccc;cursor: not-allowed;}
#horasseleccionadas,#diasseleccionados{display: none;}

#reservaview{margin-bottom: 20px;padding-bottom: 20px;}
#inforeserva p{display: none;}
#inforeserva li>ul{width: 100%;clear: both;float: left;}
#inforeserva li>ul>li{display: inline;float: left;padding: 2px 5px;background: #AD0D0D;margin-right: 2px;margin-bottom: 2px}
#inforeserva .respresupuesto{padding: 10px 20px;background: #AD0D0D;font-size: 16px;line-height: 18px;margin-top: 20px;margin-bottom: 20px;float: left;width: 100%;}
#inforeserva .respresupuesto span{display: block;width: 100%;}
#inforeserva .resprofesional,#inforeserva .reshora,#inforeserva .resfecha,#inforeserva .resprecio{display: none;}
.avisopago{display: none;float: left;clear: both;width: 100%;margin: 20px 0px;background-color: var(--main-bg-orange);padding: 20px;}
.avisopago p{color: #000!important}
.logostripe{width: 100%;text-align: center;margin-top: 20px;}
.logostripe img{max-width: 220px;height: auto;}


#reservarformservicios .profavatar{max-width: 100%;max-width: 80px;height: auto;border-radius: 50%;}
#reservarformservicios #profesionales > .row{margin-bottom: 10px;border-bottom: 1px solid  #efefef;padding-bottom: 10px;}
#reservarformservicios #profesionales > .row input[type="radio"]{margin-top: 30px;}


.pasoreserva{display: none;}
.pasoreserva h4{color: var(--dozys-blue);font-size: 1.3em;line-height: 1.4em;margin-bottom: 20px;}
.pasoreserva.pasoactual{display: block;}

.widget{padding: 10px 20px 20px 20px;background-color: var(--dozys-blue);margin-bottom: 20px;float: left;clear: both;width: 100%;}
.widget h4{font-size: 1.4em;line-height: 1.4em;border-bottom: 2px solid #fff;margin-bottom: 20px;}
.widget a,.widget ul,.widget li,.widget p,.widget h4,.widget h3{color: #fff;}
.widget ul{padding-left: 0px;}
.widget li{list-style: none!important;font-size: 1.1em;line-height: 1.4em;}
.pagetitle{background: none!important;margin-bottom: 40px;float: left;width: 100%;clear: both;padding: 10px 0px;}
.pagetitle h1{color: var(--dozys-red);text-transform: uppercase;text-align: left;margin: 0px;font-size: 1.8em;line-height: 1.8em;}

#reservaheader{margin-bottom: 00px;padding: 0px;width: 100%;clear: both;float: left;height: 200px;background-position: center center;background-size: cover;}
#reservaheader #banner{position: relative;z-index: 1;width: 100%;height: auto;}
#reservaheader #avatar{position: absolute;z-index: 2;bottom: 0;right: 0px;width: 200px;height: 200px;}
#reservaheader #infoestablecimiento{max-width: 100%;width: 100%;position: absolute;bottom: 0px;background: rgba(20,20,20,0.6);color: #fff;z-index: 2;padding: 20px;margin-bottom: 0px;z-index: 1;height: 200px;}
#reservaheader #infoestablecimiento h1{font-size: 22px;line-height: 26px;margin-bottom: 10px!important;}
#reservaheader #infoestablecimiento h1,#reservaheader #infoestablecimiento p{max-width: 70%;padding-bottom: 5px;}
#reservaheader #infoestablecimiento p,#reservaheader #infoestablecimiento a{font-size: 16px;line-height: 20px;color:#fff;text-decoration: none!important;margin-bottom: 0px!important;}

p a{color:var(--dozys-red);text-decoration:underline;}

#aceptarcondi{float:left;width:83%;}
#acepto{margin-right:10px;margin-top:20px;}
#botonsiguiente{float:right;margin-top:20px;}
.contactform input[type="text"],.contactform input[type="password"],.contactform select,.contactform textarea{margin-bottom:20px;}
#contenido{margin-top:60px;height: 90%;}
.item-with-icon{width:40.90%;margin:3%;float:left;text-align:center;border:1px solid #dcdcdc;border-radius:4px;padding:3%;}
.item-with-icon:hover{background:#dcdcdc;}
.item-with-icon:hover a{text-decoration:none;color:#444444;}
.item-with-icon h5{font-size:14px;font-weight:bold;}
.temp-icon img{width:70%;margin:0px auto;max-width:130px;}
.fright{float:right;}
.clearer{clear:both;float:left;}

#cont_diag img{max-width:60%;height:auto;text-align:center;}

.navbar-inverse{background:var(--dozys-blue);min-height:60px;border-bottom:0px solid #fbfbfb;}
.navbar-inverse .btn{font-size:12px;}
.navbar-brand{padding:2px 0px;margin-left:15px!important;max-width:123px;max-height:40px;}
#logo{height:100%;width:auto;max-height:50px;max-width:185px;border:none!important;margin-top:2px;}
.navbar-nav{margin-top:10px;margin-left:20px;}
.navbar-nav > li > a{padding-top:5px;padding-bottom:5px;background-color:transparent;color:#c2d69b!important;}
.navbar-nav > li > a:hover{color:#ffffff!important;}
.navbar-inverse .navbar-nav > .active > a,.navbar-inverse .navbar-nav > .active > a:hover {background-color:transparent;color:#ffffff!important;}
.navbar-right{float:right;margin-top:10px;margin-bottom:4px;}
.navbar-inverse .btn-transparenteblanco{border:none;color:#ffffff;}

.cuadrogris{background:#f3f3f3;padding:10px 5px 0px 5px;border-bottom:3px solid #222222;}

.avatar{border:1px solid #cccccc;border-radius:5px;;}
.avatar img{border-radius:5px;}


.modales{display:none;width:50%;position:fixed;padding:2%;top:10%;left:23%;background:#ffffff;box-shadow:1px 1px 1px #cccccc;z-index:2000;}
.modales .closebtn{float:right;color:#cccccc;font-size:18px;clear:both;margin-top:-15px;margin-right:-15px;cursor:pointer;}
.modales p{font-size:12px;line-height:18px;margin-top:10px;color:#444444;}
.modales form{width:60%;margin:0px 20%;}
.modales label{width:100%;clear:both;font-size:12px;line-height:18px;margin-top:10px;}
.modales input[type="text"]{width:100%;font-size:12px;line-height:18px;padding:2px 5px;}
.modales .centered{margin:20px 0px 10px 0px;float:left;width:100%;text-align:center;}

.logindialog{box-shadow: 1px 1px 2px #ccc;padding: 20px 40px;background: #fafafa;max-width: 600px;}
.logindialog .formulario .row{margin-bottom: 20px;}

.class_clinica .respersonas{display: none!important;}



/**RESPONSIVE**/
@media all and (max-width:1919px)
{

}

@media all and (max-width:1599px)
{

}

@media all and (max-width:1439px)
{

}

@media all and (max-width:1365px)
{

}

@media all and (max-width:1279px)
{

}

@media all and (max-width:1023px)
{
  #reservaheader #infoestablecimiento{width: 100%;max-width: 100%;top: 0;left: 0;}
  .widget{margin-top: 30px;}
  #reservaview{float: left;clear: both;width: 100%;display: table; padding-left: 0px;padding-right: 0px;}
  #sidebarview{float: left;clear: both;width: 100%;display: table; padding-left: 0px;padding-right: 0px;}
}

@media all and (max-width:799px)
{

}

@media all and (max-width:767px)
{
  #logo {max-height: 34px;}
}

@media all and (max-width:599px)
{ 
  #reservaheader #avatar{display: none!important;}
}

@media all and (max-width:413px)
{

}

@media all and (max-width:359px)
{

}   

@media (hover: none)
{

}