/* CSS Document */

body {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, 'Roboto', sans-serif;
}
.navbar .navbar-nav { 
    margin-top:20px;
    margin-right: 5px;
    font-size: 1.2em;
    float:right !important;
}
.item p{
     
  background-color: rgba(255,255,255,.2);
  display: block;
  color: white;
  font-size: 1.3em;
  text-align: right;
  position: absolute;
  bottom: -8px;
  right: 0;
  font-family:  "HelveticaNeue-Light";
  margin-top: 0;
  padding: 2px;
  width: 100%;
}

.selectHabitacion a{
    text-align: center;
    font-size: 1.9em;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-weight: 100;
    font-family: sans-serif;
}

.selectHabitacion a:hover{
      color:#D16464 ;
}

.selectHabitacion{
    background-color: #000000;
    opacity: 0.87;
    text-align: center;
    position: relative;
}

.navbar .navbar-collapse {
    text-align: center;
}

.logoMobile {
    display: none;
    text-align: center;
    margin-top: 60px;
}

.navbar li a {
  font-size: 20px;
/*width: 200px;*/
height: 46px;
text-align: center;
text-transform: uppercase;
}

.navbar .logoCentro{
    margin-top:0px;
    background:none;
    height:104px;
    width:245px;
    margin:0px 12px;
}


#nav_habitaciones {
    list-style-type:none;
    margin:0px;
    padding:0px;
    margin-bottom:100px;
}

#nav_habitaciones li a {
    font-size:15px;
    width:198px;
    height:40px;
    background:#000;
    text-align:center;
    text-transform:uppercase;
    line-height: 40px;
    float:left;
    display:block;
    margin-left:10px;
    text-decoration:none;
    color:#fff;
}

#telDiv {
	color: #fff;
	font-size: 18px;
/*width: 200px;*/
	height: 46px;
	text-align: center;
	text-transform: uppercase;
	padding: 10px 15px;
	line-height: 30px;
}
#nav_habitaciones li a#btnHidro{width:230px;} 
#nav_habitaciones li a:hover {
    font-size:15px;
    width:198px;
    height:40px;
    background:#000;
    text-align:center;
    text-transform:uppercase;
    line-height: 40px;
    float:left;
    display:block;
    margin-left:10px;
    text-decoration:none;
    color:#D16464 ;
}


#carousel-intermedia-sm, #carousel-superior-sm, #carousel-hidro-sm {
    margin-top:15px;
}


#carousel-intermedia, #carousel-superior, #carousel-hidro {
    /*min-height:700px;*/
}

.item a {
    text-decoration:none;
    color:#FFFFFF;
    cursor:default;
}


.servicios ul {
    margin:0px;
    padding:20px 0px;
    list-style-type: disc ;
    color:#DD153C;
}

.servicios li {
    line-height:40px;
    font-size: 1.1em;
    margin-bottom: 22px;
    margin-right: 30px;
}
.servicios li h5 {
    color: black;
}

.fondoServicios {
    background-image:url(../../../uploads/web/fondoservicios.jpg);
}

.cuadroTarifas {
    background:url(../../../uploads/web/pix.png);
    color:#FFFFFF;
    margin-right:60px;
    min-height:400px;
    margin-bottom:60px;
}

.cuadroFoto {
    background:url(../../../uploads/web/pix.png);
    color:#FFFFFF;
    margin-right:60px;
    padding-top:20px;
    margin-bottom:70px;
}

.cuadroFoto p {
    display:block;
    width:100%;
    text-align:center;
    text-decoration:none;
    line-height:35px;
    height:30px;
    cursor:pointer;
    color:#FFFFFF;
    text-transform:uppercase;

}

.cuadroFoto a {
    text-decoration:none;	
    cursor:pointer;
}

.descuento {
    display:block;
    text-align:right;
    float:right;
    margin-right:30px;
    width:100%;
    clear:both;
    line-height:12px;
}

.precio {
    display:block;
    text-align:right;
    float:right;
    margin-right:30px;
}


.cuadroTarifas h2 {
    text-align:center;
    font-size:18px;
    margin-top:45px;
    padding-bottom:30px;
    border-bottom:1px solid #FFFFFF;
    margin-left:auto;
    margin-right:auto;
    width:90%;
}

.cuadroTarifas ul {
    margin-left:20px;
    padding:0px;
    list-style-type:none;
}


.cuadroTarifas li {
    margin:0px;
    padding:0px;
    line-height:50px;
    font-size:15px;
}

.nota {
    margin-top:40px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    width:70%;
    font-style:italic;
    letter-spacing:-1px;
}

.notas_tarifas {
    margin-top:30px;
    padding:15px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    letter-spacing:-1px;
    color:#ffffff !important;
    min-height:70px;
    margin-bottom:20px;
    background: url(../../../uploads/web/pix.png);
}

.carousel-control2 {
    position: absolute;
    height:138px;
    width:114px;
    bottom:10px;
    left: 90px;
    color: #fff;
    text-align: center;
    background:url(../../../uploads/web/cuadro.png);
    font-size:14px;
    line-height:19px;
    padding-top:30px;

}


.pie {
    background:#000;

    margin-top:20px;
    font-size:15px;
}

.pie .dir {
    text-align:center;
    color:#f8f8f8;
    height:64px;
    line-height:64px;
}

.pie .mail {
    text-align:left;
    text-transform:uppercase;
    height:64px;
    line-height:64px;
}

.pie .fb {
    text-align:right;
    color:#7c7c7c;
    text-transform:uppercase;
    height:64px;
    line-height:64px;
}

.pie a {
    text-decoration:none;
    color:#7c7c7c;
}

.pie a:hover {
    color:#D16464 ;
}

.glyphicon-envelope {
    font-size:25px;
}

.hot {
    position:absolute;
    top:20px;
    right:20px;
}

#btnIntermedia, #btnHidro, #btnSuperior {
    cursor:pointer;
}

#contacto {
    text-align:left;
    background:url(../../../uploads/web/pix.png);
}

.formulario {
    padding:20px;
    text-align:center;
    color:#ffffff;
}

.formulario label {
    display:block;
    clear:both;
    margin-bottom:10px;
    font-size:12px;
}

.formulario input {
    width:90%;
    height:30px;
    margin-bottom:10px;
    color:#333;
}

.formulario textarea {
    clear:both;
    width:90%;
    height:200px;
    margin-bottom:20px;
    color:#333;
}

.tituloSugerencias {
    line-height:40px;
    font-weight:bold;	
    text-align:center;
    font-size:18px;
    padding-top:25px;
    padding-bottom:25px;
    color:#ffffff;
    border-bottom:1px solid #FFFFFF;
    margin-left:auto;
    margin-right:auto;
    width:90%;
}

a.enviar:link {
    margin-top:10px;
    padding:10px 50px;
    background:#333;
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
}
a.enviar:visited {

    background:#333;
    color:#fff;
    text-decoration:none;

}
a.enviar:hover {

    background:#ffd500;
    color:#fff;
    text-decoration:none;
}
a.enviar:active {

    background:#333;
    color:#fff;
    text-decoration:none;
}

.msgenvio {
    text-align:center;
    color:#FFFFFF;
    margin-bottom:30px;
}

a.cerrar:link {
    display:block;
    width:30px;
    height:30px;
    float:right;
    font-size:24px;
    color:#fff;
    text-decoration:none;
    margin-top:10px;
}
a.cerrar:visited {    color:#fff;}
a.cerrar:hover { color:#ffd500;}
a.cerrar:active { color:#fff;}

.pieImagen { margin: 0 1em 1em 0; width:100px !important; text-align: center !important;font-family: 'ubunturegular' !important;}

#modal-tarifas {
    background-color: #eb268f;
    padding: 5px;
}
#modal-tarifas .tarifas-title {
    text-align: center;
    color: #fff;
    font-size: 36px;
    letter-spacing: 12px;
    font-weight: 100;
}
#modal-tarifas .modal-tarifas-bg {
    background-color: #fff;
    padding: 20px;
}
#modal-tarifas th {
    color: #eb268f;
    font-weight: 100;
    font-size: 32px;    
}
#modal-tarifas table {
    border-collapse: collapse;
    border-style: hidden;
    width: 100%;
}
#modal-tarifas th, #modal-tarifas td {
    border-color: #ccc;
    border-style: solid;
    border-width: 2px;
    padding: 5px;
}
#modal-tarifas td {
    font-size: 24px;
    font-weight: 100;
    text-align: center;
}
#modal-tarifas td:first-child {
    color: #eb268f;
}
#modal-tarifas .promo {
    font-weight: 100;
    font-size: 32px;    
    text-align: center;
    border-width: 1px 0 1px 0;
    border-color: #ccc;
    border-style: solid;
    margin:0;    
    padding: 12px 0;
}
#modal-tarifas .promo span {
    color: #eb268f;
}
#modal-tarifas .horarios {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-top: 30px;
}
#modal-tarifas .horarios p {
    text-transform: uppercase;
    font-size: 20px;
}
#modal-tarifas .horarios p:first-child {
    text-align: right;
    color: #eb268f;
}
#whatsapp {
    display: flex;
    position: fixed;
    z-index: 5000;
    top: auto;
    bottom: 20px;
    right: 10px;
    left: auto;
    width: 72px;
    height:72px;
}
@media (max-width: 1200px) {
    .cuadroTarifas {
        background:url(../../../uploads/web/pix.png);
        color:#FFFFFF;
        margin-right:30px;
        min-height:500px;
        margin-bottom:60px;
    }
    .cuadroFoto {
        margin-right:30px;
    }
    .hot {
        position:absolute;
        top:60px;
        right:20px;
    }
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
    .logoMobile {
        display:block;
    }
    #encabezado .logo{display: none;}

    .navbar li a {
        line-height: 30px;
        font-size:15px;
        width:100%;
        height:40px;
        background:none;
        text-align:center;
        margin-top:0px;
    }
    .navbar-collapse {
        webkit-box-shadow: none; 
        box-shadow:none;
    }

    .navbar ul {
        width:100%;
        background:rgba(0,0,0,0.5);
        border:none;
    }
    .navbar-nav .logoCentro { 
        display: none;
    }
    .navbar .navbar-nav {
        margin-top:80px
    }
    #encabezado {
        min-height:200px;
    }
}



@media (max-width:980px) { 
    .pie .dir {
        text-align:center;
        color:#f8f8f8;
        height:64px;
        line-height:64px;
        font-size:14px;
    }
}
@media (max-width:840px) { 
    
    
    a.left.carousel-control2 {
        background:url(../../../uploads/web/cuadro_sm.png);
        font-size:10px;
        line-height:11px;
        width:70px;
        height:85px;	
        bottom: 30px;
        left: 40px;
        padding-top: 18px;
    }
    #nav_habitaciones li a {
        font-size:15px;
        width:100%;
        height:40px;
        background:#000;
        text-align:center;
        text-transform:uppercase;
        line-height: 40px;
        float:left;
        display:block;
        margin-left:10px;
        text-decoration:none;
        color:#fff;
        margin-bottom:10px;
    }
    #nav_habitaciones li a:hover {
        font-size:15px;
        width:100%;
        height:40px;
        background:#000;
        text-align:center;
        text-transform:uppercase;
        line-height: 40px;
        float:left;
        display:block;
        margin-left:10px;
        text-decoration:none;
        color:#D16464 ;
        margin-bottom:10px;
    }

    .cuadroTarifas {
        background:url(../../../uploads/web/pix.png);
        color:#FFFFFF;
        margin-right:0px;
        min-height:0px;
        margin-bottom:20px;
        padding-bottom:10px;
        padding-top:10px;
    }
    .cuadroFoto {
        margin-right:0px;
        min-height:0px;
        padding-top:10px;
        margin-bottom:20px;
    }

    #encabezado {
        min-height:200px;
    }
    .navbar ul {
        width:100%;
        background:rgba(0,0,0,0.5);
        border:none;
    }
    .navbar-collapse {
        webkit-box-shadow: none; 
        box-shadow:none;
    }
    .logoMobile {
        display:block;
    }
    #encabezado .logo{display: none;}
    .navbar li a {
        line-height: 30px;
        font-size:15px;
        width:100%;
        height:40px;
        background:none;
        text-align:center;
        margin-top:0px;
    }
    .navbar-nav .logoCentro { 
        display: none;
    }
    .pie .dir {
        text-align:center;
        color:#f8f8f8;
        height:21px;
        line-height:21px;
        font-size:14px;
        margin-bottom:20px;
    }

    .pie .mail {
        text-align:center;
        text-transform:uppercase;
        height:64px;
        line-height:64px;
    }
    .pie .fb {
        text-align:center;
        color:#7c7c7c;
        text-transform:uppercase;
        height:64px;
        line-height:64px;
    }	
    
    .divindex{
       background-color:#000000; 
       opacity: 0.87;
    }
    
    
    
}