/*//INDEX///*/
/*///SECCIONES////*/
#secciones ul{ list-style:none; overflow:hidden; }
#secciones ul li{ display:inline; float:left;/* cursor:pointer*/ }
#secciones ul li img{ width:43px }
#secciones ul li h2{ font-family:'din'; padding:0px 22px 0px 5px; color:#fff; font-size:14px; line-height:16px }
#secciones ul li h2.dosren{ padding:7px 22px 0px 5px; }
/*#secciones ul li:hover h2{ color:#c8fffc; }
#secciones ul li:hover img{ 
    filter: alpha(opacity=60); 
    -khtml-opacity: 0.6;     
    -moz-opacity: 0.6;      
    opacity: 0.6;          
       -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
*/

/*////COMO LLEGAR///*/
#mapa{ position:relative; height:350px; overflow:hidden; width:100%} 
#mapa iframe{ width:100%; height:100%; position:absolute; }
.contenedor.mapa{ height:1px; }
#mapa .recuadro{ position:absolute; padding:20px;  bottom:-349px; }
#mapa .info{ position:relative; z-index:6}
#mapa .bg{ background:#04b6d4;
    filter: alpha(opacity=90); /* internet explorer */
    -khtml-opacity: 0.9;      /* khtml, version anterior de safari */
    -moz-opacity: 0.9;       /* firefox, mozilla, netscape */
    opacity: 0.9;           /* safari, chrome, opera */
       -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /*internet explorer 8 - gracias Andres */}
#mapa h1{ font-size:24px; color:#fff; line-height:24px;}
#mapa h1.tel{ font-size:20px; color:#fff; line-height:20px; margin:10px 0px 0px}
#mapa h2{ font-size:16px; color:#000}
#mapa .tit{ text-transform:uppercase; font-size:14px; color:#000; padding:0px 0px 10px; color:#fff}
#info_destacado ul.transportes li{  width:45%; margin:0px 20px 0px 0px; border-right:1px #7e7e7e dashed; padding:0px 20px 0px 0px}
#info_destacado ul.transportes li h1{ text-transform:uppercase }
#info_destacado ul.porauto{   width:45%; margin:0px 20px 0px 0px; border-right:none; padding:0px 20px 0px 0px; float:left}
#info_destacado ul.porauto li{  width:100%; margin:0px; padding:0px}
#info_destacado ul.porauto li h1{ text-transform:uppercase }
#info_destacado ul.porauto li ul li{ font-size:13px; line-height:16px; color:#5e5e5e; margin:0px 0px 7px; padding:0px; }

/*///ACORDION///*/
#accordion { /* el rect�ngulo contenedor */ width:100%; position:relative;  }
#accordion h1 { /* los enlaces que despliegan y contraen el contenido */ color: #fff; cursor: pointer; font-size: 16px; font-weight: normal;  margin: 0px 0px 3px; 
padding:10px 15px ;  position: relative; background:#6BC4C8; }
#accordion h1:hover { /* efecto hover sobre esos enlaces */ background:#9ce3e5; color:#6BC4C8; }
#accordion h1 span{ background:url(../images/arrows_2.png) top right no-repeat; height:40px; width:40px; position:absolute; right:15px; top:0px} 
#accordion h1.active span{ background-position: right bottom;}  
#accordion h1.active { background:#9ce3e5; color:#6BC4C8;}
#accordion div { /* el contenido */   padding:10px 15px ; font-size:14px; }


/*///VALORES///*/
#tres_columnas ul.valores li ul li.tit{ height:45px; }
#tres_columnas ul.valores li ul li.tit h2{ font-family:'din'; font-size:18px; color:#fff; position:absolute; top:0px; left:0px; line-height:45px; background:#d84148; padding:0px 15px; text-transform:uppercase }
#tres_columnas ul.valores li ul li.tit img{ position:absolute; bottom:-10px; left:20px; z-index:100 }
#tres_columnas ul.valores li ul li.info{ background:#fff; height:230px }
#tres_columnas ul.valores li ul li.info.pic{ height:auto}
#tres_columnas ul.valores li ul li.info.pic div{ padding:0px; position:relative; overflow:hidden; height:250px; width:auto; margin:0px  }
#tres_columnas ul.valores li ul li.info.pic div img{ height:100%   }
#tres_columnas ul.valores li ul li.info.pic div .flecha_foto{ height:20px; width:100%; position:absolute; bottom:0px; background:url(../images/flecha_foto.png) no-repeat center top; padding:0px; margin:0px  }
#tres_columnas ul.valores li:hover li.cierre{ background:url(../images/tri_down_blanco.png) no-repeat center top; }
#tres_columnas ul.equipamiento li ul li.info{ background:#fff; height:120px; overflow:hidden }
#tres_columnas ul.equipamiento li ul li.info p{ height:100%; overflow-y:auto; overflow-x:hidden}
#tres_columnas ul.equipamiento li ul li.pic{ height:200px; overflow:hidden }
#tres_columnas ul.equipamiento li ul li.pic img{ width:100% }
#tres_columnas ul.equipamiento li ul li.info p{ padding:15px 20px  }



/*///CONTACTO///*/
#tres_columnas ul.contacto li.pordos{ width:640px} 
#tres_columnas ul.contacto h2{ font-family:'din'; color:#00c3c7; font-size:22px}
#tres_columnas ul.contacto h2 span{ font-family:'din'; color:#5e5e5e; font-size:16px}
#tres_columnas ul.contacto li ul li.tit{ height:45px; }
#tres_columnas ul.contacto li ul li.tit h2{ font-family:'din'; font-size:18px; color:#fff; position:absolute; top:0px; left:0px; line-height:45px; background:#d84147; padding:0px 15px; text-transform:uppercase }
#tres_columnas ul.contacto li ul li.tit img{ position:absolute; bottom:-10px; left:20px; z-index:100 }
#tres_columnas ul.contacto li ul li.info{ background:#fff; /*height:230px*/ padding:0px 0px 20px 0px }
#tres_columnas ul.contacto li ul li.info.pic{ height:auto}
#tres_columnas ul.contacto li ul li.info.pic div{ padding:0px; position:relative; overflow:hidden; height:250px; width:auto; margin:0px  }
#tres_columnas ul.contacto li ul li.info.pic div img{ height:100%   }
#tres_columnas ul.contacto li ul li.info.pic div .flecha_foto{ height:20px; width:100%; position:absolute; bottom:0px; background:url(../images/flecha_foto.png) no-repeat center top; padding:0px; margin:0px  }
#tres_columnas ul.contacto li:hover li.cierre{ background:url(../images/tri_down_blanco.png) no-repeat center top; }

#tres_columnas ul.contacto li ul li div#formulario{width:610px;  overflow:hidden;  }
div#formulario ul.left_form{ float:left; list-style:none; width:200px; margin:0px; padding:0px; overflow:hidden}
div#formulario ul.left_form li{ display:block; width:100%; margin-bottom:14px; font-size:14px; }
#formulario input, select{ background:#e1e1e1; color:#6e6e6e; border:0px; width:100%; text-indent:10px; line-height:40px; height:40px; clear:both}
#formulario textarea{ background:#e1e1e1; color:#6e6e6e; border:0px; width:100%; height:151px; clear:both; font-family:"trebuchet MS" }
ul.right_form{ float:right; list-style:none; width:400px; margin:0px; padding:0px; overflow:hidden}
ul.right_form li{ display:inline; width:100%; margin-bottom:12px; float:left; font-size:14px;}
#formulario input.boton{ padding:15px 30px 15px 30px; background:#d84147; color:#fff; margin:10px 0px 0px 0px; border:none; cursor:pointer; width:auto; height:auto; text-indent:0px; line-height:normal}
#formulario input.boton:hover{ background:#26b5d0; color:#fff }
#info_contacto{ position:absolute; padding:25px; background:#a1dbfa; bottom:0px; left:0px; }
#info_contacto h1{ color:#000; font-size:18px }


/*////ACCESO///*/
.acceso input, select{ background:#e1e1e1; color:#6e6e6e; border:0px; width:100%; text-indent:10px; line-height:40px; height:40px; clear:both; margin:0px 0px 14px}
.acceso  input.boton{ padding:15px 30px 15px 30px; background:#d84147; color:#fff; border:none; cursor:pointer; width:auto; height:auto; text-indent:0px; line-height:normal}
.acceso  input.boton:hover{ background:#6BC4C8; color:#fff }


/*////PREVENCION DE ACCIDENTES///*/
#cuatro_columnas ul.pasos li ul li.tit{ height:45px; }
#cuatro_columnas ul.pasos li ul li.tit h2{ font-family:'din'; font-size:26px; color:#fff; position:absolute; top:0px; left:0px; line-height:45px; background:#d84148; padding:0px 20px; text-transform:uppercase }
#cuatro_columnas ul.pasos li ul li.tit img{ position:absolute; bottom:-10px; left:14px; z-index:100 }
#cuatro_columnas ul.pasos li ul li div{ height:160px; }
#cuatro_columnas ul.pasos h1{ margin:0px 0px 10px;   }

.prevencion ul{ padding:20px 0}
#causas ul{ list-style:none; overflow:hidden; margin:20px 0px 0px  }
#causas ul li{ display:inline; float:left; width:22%; margin:0px 3% 1% 0px; }
#causas ul li ul{ list-style:none; overflow:hidden; margin:0px; height:140px;  }
#causas ul li ul li{ display:inline; float:left; width:150px; margin:0px; position:relative; }
#causas ul li ul li.marco{ width:56px; height:68px; background:url(../images/marco_icono.png) no-repeat; line-height:58px; text-align:center; font-size:30px; color:#26b5d0; font-family:'din'; padding:0px; margin:0 10px 0 0     }

#causas ul li h2{ font-family:'din';  color:#26b5d0; font-size:18px; line-height:17px; margin:0 0 5px  }
#causas ul li h2.solo{ margin:0px; line-height:58px  }

#causas ul li p{ font-size:12px; line-height:16px }


/*////RECUPERACION DE PACIENTES///*/
.recuperacion{ overflow:hidden;}
.recuperacion .left{ width:650px; }
.recuperacion .right{ width:320px;}
.recuperacion .right h1{ padding:25px; background:#fff; color:#666; font-size:17px }


.equipo{ display:inline-block}
.equipo h1{ color:#666; font-size:20px}
.equipo h2{ color:#26b5d0; font-size:18px; font-family:'din';}
.equipo hr{ border:none; border-bottom:1px dashed #999; margin:20px 0}

.foto-equipo{ display:inline-block; max-width:160px; margin-right:10px;}

.foto-equipo img{ width:100%; max-width:200px; border-radius: 8%;}

.texto-equipo{ display:inline-block; max-width:400px; margin-top:10px;}

.destacado-cria{
	list-style:inside circle !important;
 color: #5e5e5e;
font-size: 14px;
line-height: 18px;
}

h2.title{
    background: #acacac;
    color: #fff;
    padding: 10px 0;
    text-align: center;
    font-size: 14pt;
}

.rehabSec .secs{
    margin: 0 auto;
    width: 80%;
}

.secs .itm{
    background: #e5e5e5;
    margin-top: 10px;
    margin-right: 20px; 
    float: left;
    width: 32%;
}
.noMargin{
    margin-right: 0 !important;
}

h3.title2{
    background: #6bc4c8;
    color: #fff;
    padding: 10px 0;
    text-align: center;
    font-size: 12pt;   
}

.img-responsive{
    width: 100%;
    height: auto;
}

.rehabSec a{
    padding: 20px 0;
    display: block;
    width:80%;
    height: auto;
    margin: 0 auto;
}
.clear{
    clear: both;
}

.sectionNew{
    margin: 20px 0;
}

.sectionNew2{
    margin: 0 auto;
    width: 80%;
}

.autoplay .slick-slide img {
    display: block;
    margin: 0 auto !important;
}

#accordion h1 {
    padding: 37px 15px;
}

.half {
    width: 50%;
    float: left;
}

.title2{
    width: 100%;
    font-size: 16pt;
    margin: 10px 0;
    text-align: center;
    color: #acacac;
    font-weight: light;
}

.overHidden{
    width: 100%;
    overflow: hidden;
}

.borderBottom{
    border-bottom: 3px solid #e5e5e5;
}

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


    #accordion h1 {
        padding: 20px 15px;
    }

    .rehabSec .secs {
        margin: 0 auto;
        width: 90%;
    }

}


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

    
    #accordion h1 {
        padding: 13px 15px;
    }

    .rehabSec .secs {
        margin: 0 auto;
        width: 100%;
    }
    
}


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

    .secs .itm {
        background: #e5e5e5;
        margin-top: 10px;
        margin-right: 0;
        float: none;
        width: 100%;
    }
    
}


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

    .half {
        float: none;
        margin-bottom: 20px;
        width: 100%;
    }
    
}

.floating-whatsapp {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    right: 16px;
    bottom: 14px;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background-color: #25D366;
    color: #fff;
    line-height: 50px;
    font-size: 24px;
    z-index: 2000;
    text-align: center;
    text-decoration: none;
    transition: all 0.4s;
}

.floating-whatsapp:hover {
    color: white;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.floating-whatsapp img {
    width: 32px; /* Ajusta según sea necesario */
    height: auto;
}