@charset "UTF-8";
/* Body */
body {
	font-family: 'Montserrat', sans-serif;
	background-color: #F5FCFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-style: regular 400;
    color:#3E4245;
}
*{
    padding: 0;
    margin: 0;
    text-decoration: none;
    list-style: none;
    box-sizing: border-box;
}
strong{
    font-weight: 500;
}
body p{
    
    line-height: 1.4em;
}

/*––––––––––––––>>>>>>MENU<<<<<<< ––––––––––––––*/
nav{
    background: #418caa;
    height: 80px;
    width: 100%;
    position: fixed;
  overflow: hidden;
  top: 0;
  z-index:9999;
}
.enlace{
    position: absolute;
    padding: 20px 50px;
}
.logo{
    height: 40px;
}
nav ul{
    float: right;
    margin-right: 60px;
}
nav ul li{
    display: inline-block;
    line-height: 80px;
    margin: 0 2px;
}
nav ul li a{
    color: #f9f9f9;
    font-size: 13px;
    padding: 7px 8px;
    border-radius: 3px;
    font-weight: 400;
   text-transform: uppercase;
}
li a.active, li a:hover{
    /*background: #000090;*/
    transition: .5s;
    color: #ACE4FF;
}
.checkbtn{
    font-size: 30px;
    color: #fff;
    float: right;
    line-height: 80px;
    margin-right: 70px;
    cursor: pointer;
    display: none;
}
#check{
    display: none;
}
/*––––––––––––––>>>>>>MENU<<<<<<< ––––––––––––––*/


/*––––––––––––––>>>>>>MAPA<<<<<<< ––––––––––––––*/

.MapaFooter{
    height: 350px;
    width: 400px;
}
/*––––––––––––––>>>>>>MAPA<<<<<<< ––––––––––––––*/


/*––––––––––––––BANNER PRINCIPAL––––––––––––––*/
.banner{
    margin-top:80px;
    background-color: #86B8D0;
    width: 100%;
    height: 500px;
    background-image: url("../img/Fondo_v2.jpg");
    background-size:cover;
    background-position: right center;
    background-repeat: no-repeat;
    background-attachment:inherit;
}
.txtBanner{
    font-size:36px;
    color: white;
    font-weight: 200;
    display: inline-block;
    width: calc(25%);
    padding-top: 6%;
    margin-left: 10%;
    /*border: solid thin gray;*/
}
/*––––––––––––––BANNER PRINCIPAL––––––––––––––*/

/*––––––––––––––ICONOS SANA REHABILITA RELAJA––––––––––––––*/

.icosVas{
    margin: auto;
}
.icoValores{
    display: inline-block;
    padding: 1% 6%;
}
.icoValores img{
     height: 120px;
}
.icoValores p{
    padding: 10px 0 0 0;
    font-size: 20px;
    color: #fff;
    font-weight: 300;    
   text-transform: uppercase;
}
/*––––––––––––––ICONOS SANA REHABILITA RELAJA––––––––––––––*/

/*––––––––––––––PRIMER PARRAFO––––––––––––––*/
.about{
    background-color: #418caa;
    text-align: center;
    padding: 3%;
    height: calc(20%);
}
.about2{
    min-height: 400px;
    background-color: #418caa;
    color:#ffffff;
    padding: 5% 3% 5% 8%;
    background-image: url("../img/respira.jpg");
    background-size:calc(80%);
    background-position: right top;
    background-repeat: no-repeat;
    background-attachment:inherit;
    
}
.about2 strong{
    font-size: 1.48em;  
    font-weight: 600;   
}
.about2 p{
    font-weight: 500;    
}
.about2 .text_column{
    font-weight: 600;
    width: 70%;
    
}
.about2 h2{
    width: 70%;
    
}
/*––––––––––––––PRIMER PARRAFO––––––––––––––*/

/*––––––––––––––SEGUNDO PARRAFO––––––––––––––*/
.about3 h2{
    width: 80%;
    
}
.about3{
    min-height: 550px;
    background-image: url( "../img/seccion_hiperbarica_Camaras.png");
    background-size: calc(25%) ;
    background-position: left 8% center;
    background-repeat: no-repeat;
    color:inherit;
    padding: 8% 3% 3% 35%;
}
.about3 .text_column{
    font-weight: 300;
    width: 90%;
    
}
/*––––––––––––––SEGUNDO PARRAFO––––––––––––––*/

/*––––––––––––––BOTONES CITA––––––––––––––*/
.BotCita {
background-color: #FFFFFF;
color: #5581C6;
font-family: 'Montserrat', sans-serif;
padding: 5px 20px;
font-weight: 500;
font-size: 18px;
line-height: 15px;
width: calc(100% - 15px);
max-width: 245px;
height: 44px;
background: #FFFFFF;
border: none;
border-radius: 22px;
  cursor: pointer;
}
.BotCita:hover{
opacity: 90%;
}
/*––––––––––––––BOTONES CITA––––––––––––––*/

/*––––––––––––––LINKS ¿QUÉ ES? CÓMO FUNCIONA BENEFICIOS ¿PARA QUIÉN ES?––––––––––––––*/
.FAQ{
    text-align: center;
    padding: 3% 3% 1% ;
    min-height: 400px;
}
.FotosFAQ{
    margin: auto;
}
.FotoFAQ{
    display: inline-block;
    padding: 2% 2% 4%;
}
.FotoFAQ p{
    padding: 10px 0 0 0;
    font-size: 18px;
    color: #858FC7;
    font-weight: 500;    
   text-transform: uppercase;
}
.linkFAQ img{
    height: 230px;
}
.FotoFAQ a:hover img{
    opacity: 50%;
    transition: all .5s;
    }
/*––––––––––––––LINKS ¿QUÉ ES? CÓMO FUNCIONA BENEFICIOS ¿PARA QUIÉN ES?––––––––––––––*/

/*––––––––––––––FOOTER––––––––––––––*/

.hd1{
    font-size: 0.9em;
    font-weight: 600;
}
.Footer{
    color: #ffffff;
    background-color: #3E88AC;
    padding: 20px 20px 50px;
    font-size: 16px;
    font-weight: 400;
}
.footerbold{
    font-weight: 600;
}
.FootRow:after {
  content: "";
  display: table;
  clear: both;
}
.FootCol{
    background-color: #3E88AC;
   float: left;
  width: 33.33%;
  padding: 10px;
    
}

.padding-footer{
    padding: 0px 40px 0px 40px !important;
}
/*––––––––––––––FOOTER––––––––––––––*/

/*––––––––––––––>>>>>>ESTILOS PARA MOVIL<<<<<<< ––––––––––––––*/


/*––––––––––––––BANNER PRINCIPAL **MOVIL**––––––––––––––*/
@media only screen and (max-width:958px)
{
  
.logo{
    height: 30px;
}
 .banner{
    height: 700px;
    background-image: url("../img/Fondo_v2.jpg");
    background-size: 160%;
    background-position: top right;
    background-repeat: no-repeat;
    background-attachment: inherit;
}
.txtBanner{
    font-size:34px;
    text-align: center;
    color: white;
    font-weight: 300;
    display: inline-block;
    width: 70%;
    padding-top: 77%;
    margin-left: 15%;
    /*border: solid thin gray;*/
}
    .about2{
    background-size:calc(110%);
    
}
    
.about2 strong{
    font-size: 1.37em;  
    font-weight: 600;   
}
.about2 strong{
    font-weight: 600;    
}
  .about3{
    min-height: 400px;
    background-image: url( "../img/seccion_hiperbarica_Camaras.png");
    background-size: calc(25%) ;
    background-position: left 8% top 10%;
    background-repeat: no-repeat;
    color:inherit;
    padding: 8% 3% 3% 35%;
}
}
/*––––––––––––––>>>>>>MENU<<<<<<< **MOVIL** ––––––––––––––*/
@media (max-width: 1211px){
  nav{
    z-index:9999;
  }
   /*––––––––––––––>>>>>>MAPA<<<<<<< ––––––––––––––*/

.MapaFooter{
    height: 250px;
    width: 300px;
}
/*––––––––––––––>>>>>>MAPA<<<<<<< ––––––––––––––*/
.enlace{
    position: absolute;
    padding: 30px 20px;
}
    nav ul li a{
        font-size: 16px;
    }
}

@media (max-width: 1211px){
    .checkbtn{
        display: block;
    }
    nav ul{
        position: fixed;
        width: 100%;
        height: 100vh;
        background: #418caa;
        top: 80px;
        left: -100%;
        text-align: center;
        transition: all .1s;
    }
    nav ul li{
        display: block;
        margin: 50px 0;
        line-height: 30px;
    }
    nav ul li a{
        font-size: 20px;
    }
    li a:hover, li a.active{
        background: none;
        color: #52B5E8;
    }
    #check:checked ~ ul{
        left:0;
    }
}
/*––––––––––––––ICONOS SANA REHABILITA RELAJA **MOVIL**––––––––––––––*/
@media only screen and (max-width:958px)
{
    .icoValores{
    display: inline-block;
    padding: 1% 2%;
}
    .icoValores img{
     height: 80px;
}
  
.icoValores p{
    padding: 10px 0 0 0;
    font-size: 17px;
    color: #fff;
    font-weight: 500;    
   text-transform: uppercase;
}
  .FotoFAQ p{
    padding: 10px 0 0 0;
    font-size: 16px;
    color: #858FC7;
    font-weight: 500;    
   text-transform: uppercase;
}
.linkFAQ img{
    height: 150px;
}
}

/*––––––––––––––FOOTER **MOVIL**––––––––––––––*/
@media only screen and (max-width:958px)
{


    .FootRow:after {
  content: "";
  display: table;
  clear: both;
}
.FootCol{
    background-color: #3E88AC;
  /* float: left;*/
  width: 100%;
  padding: 10px;
    
}
}