@charset "UTF-8";
/* CSS Document */

html{
	scroll-behavior: smooth;
	overflow-x: hidden;
}

body{
    background-color: #583268;
    font-family: 'Josefin Sans', sans-serif;

}


#logo_main{
    width: 100%;
    height: 300px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}



.p0{
    padding: 0 !important;
}


.desktop{
    display: block;
}

.mobile{
   display: hidden;
    display: none;

}


.h50{
    height: 50px;
}

.h100{
    height: 100px;
}


.th2{
 text-align: center;
    color: #fff;
    letter-spacing: 10px;
    font-weight: 300;
}




.clear{
    width: 100%;
    clear: both;
}




/*NAV Inicia*/



#encabezado{
    width: 90%;
    height: 50px;
    position: relative;
}

#ee{
    position: absolute;
    right: -50px;
    padding-right: 20px;
}


#encabezado a{
    color: #fff;
    font-size: 15px;
    font-weight: lighter;
    line-height: 25px;
}



nav{
    background: #fff;
    height: 84px;
    position: sticky;
    display: inline-block;
    top: 0px;
    z-index: 100000;
    box-shadow: 1px 0 15px rgba(0,0,0,0.2);
}



#navbarNavDropdown ul{
    width: 80%;
    margin: 0 auto;
 
}



#navbarNavDropdown li{
    width: 80%;
    margin: 0 auto;
    text-align: center;
    padding: 10px 0;
}



#navbarNavDropdown li a{
    color: #5e316a;
    letter-spacing: 2px;
    font-size: 14px;
    text-decoration: none;
    transition: all ease 300ms;
}


#navbarNavDropdown li a:hover{
    color: #cb9a2f;
}





/*NAV Termina*/




/*Nosotros Inicia*/


#nosotros{
    background-color:#5e316a;
    background-image:url("../img/bg_quienes.jpg");
    background-position: center;
    background-attachment: fixed;
    padding: 100px;
    color: #fff;
    background-repeat: no-repeat;
}

#quienes_t{
    border-right: 1px solid #fff;
}

#nosotros h2{
    font-size: 50px;
    font-weight: 200;
    text-transform: uppercase;
    text-align: right;
    padding: 0 10%;

}

.t_quienes{
    font-size: 18px;
    padding: 0 10%;
}


/*Nosotros Fin*/




/*Inicia Mision Vision Valores*/


#mvv{
    text-align: center;
    background: #fff;
    line-height: 17px;
}

#mvv h3{
    letter-spacing: 4px;
}


#mision{
    background-image: url("../img/bg_vision.png");

}

#vision{
    background-image: url("../img/bg_mision.png");

}

#valores{
    background-image: url("../img/bg_valores.png");

}






.wmvvv{
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 10px 20px;
    color: #5e316a;
    transition: all ease 400ms;
    height: 488px;
}


.wmvvv:hover{
    background-color: rgba(203,154,47,0.95);
    color: #fff;
}

.wmvvv .mvv_01{opacity: 1;
    margin-top: 110px;
    transition: all ease 400ms;
}

.wmvvv:hover .mvv_01{opacity: 0;
    margin-top: -60px;}

.wmvvv .mvv_03{opacity: 1;
    margin-top: 110px;
    transition: all ease 400ms;
}

.wmvvv:hover .mvv_03{opacity: 0;
    margin-top: -245px;}

.wmvvv .mvv_02{opacity: 0;}

.wmvvv:hover .mvv_02{opacity: 1;}




/*Fin Mision Vision Valores*/







/*INICIA Especialidades*/


#especialidades{
    background-image: url("../img/bg_servicios.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: auto;
         background-attachment: fixed;
}





.infoslider button{
    background: none;
    margin-bottom: 10px;
    border: none;
    outline: none;
    color: #fff;
    text-align: center;
    width: 100%;
}




.tooltip-inner {
  background-color: #7D61A4 !important;
  color: #fff;
  width: 600px;
    font-size: 13px;
    max-width: 400px;
}

.tooltip .arrow::before {
    border-color:#7D61A4 transparent transparent transparent !important;
}




.w_servicio{
    background-color: #5e316a;
    border: 2px #cb9a2f solid;
    height: 400px;
    margin-bottom: 20px;
    position: relative;
    transition: all ease 300ms;
    overflow: hidden;
}

.ww_servicio{
    position: absolute;
    top: 0;
    width: 100%;
    transition: all ease 300ms;
    cursor:alias;
}


.w_servicio:hover .ww_servicio{
    margin-top: 350px;
    transition: all ease 300ms;
}


.t_servicio{
    color: #7d61a4;
    text-transform: uppercase;
    text-align: center;
    height: 50px;
}

.t_servicio h3{
    padding-top: 15px;
     font-size: 18px !important;
    letter-spacing: 2px;
}

.t_portada{
    text-align: center;
    color: #fff;
    height: 350px;
    background-color: #cb9a2f;
}

.t_portada img{
    margin-top: 70px;
}


.t_portada h4{
    font-weight: 400 !important;
    padding: 5px 30px;
    font-size: 18px;
}


.t_info{
    margin-top: 50px;
    background: #5e316a;
    color: #fff;
    font-size: 15px;
    line-height: 18px;
    text-align: justify;
    height: 350px;
    padding: 20px;
}

.t_info#alt_info{
    font-size: 13px;
    line-height: 13px;
}





/*FIN Especialidades*/


    



/*Inicio Conocenos*/    
    
 #conocenos{
    min-height: 1000px;
     background-image: url("../img/bg_conocenos.gif");
     background-repeat: no-repeat;
     background-position: center;
    background-size: cover;
 
    }


#intro_conocenos{
    color: #fff;
    text-align: center;
    height: 250px;
    font-weight: 300;
}





.colab{
    height: 450px;
    background: #fff;
    border-radius: 20px;
    color: #7d61a4;
    text-align: center;
    cursor: pointer;
    transition: all ease 300ms;
    overflow: hidden;
    margin-bottom: 10px;
}



.colab:hover{
    height: 620px;
}
.colabser{  /*CN............Color colaborador*/  
    height: 450px;
    background: #fff;
    border-radius: 20px;
    color: #7d61a4;
    text-align: center;
    cursor: pointer;
    transition: all ease 5ms;
    overflow: hidden;
    margin-bottom: 10px;
}

.colabser:hover{ /*CN............Color colaborador*/ 
    height: 400px;

}

.int_colab{
    padding: 10px;
}

.nombre_colab{
    color: #5c2d6b;
    letter-spacing: 3px;
}


.res_colab{
    font-size: 14px;
    line-height: 18px;
}

.fundadora{
    letter-spacing: 3px;
    font-size: 10px;
}


#rescolab1, #rescolab2, #rescolab22, #rescolab23, #rescolab24,  #rescolab25,  #rescolab26, #rescolab3, #rescolab4, #rescolab5, #rescolab6{
    opacity: 0;
    height: 1px;
    transition: all ease 500ms;
}

#colab1:hover #rescolab1, #colab2:hover #rescolab2, #colab22:hover #rescolab22, #colab23:hover #rescolab23, #colab24:hover #rescolab24, #colab25:hover #rescolab25,  #colab26:hover #rescolab26, #colab3:hover #rescolab3, #colab4:hover #rescolab4, #colab5:hover #rescolab5, #colab6:hover #rescolab6  {
    opacity: 1;
    height: 350px;

}


#colab3:hover #rescolab3{
    opacity: 1;
    height: 250px;

}


#colab1:hover #fotocolab1, #colab2:hover #fotocolab2, #colab22:hover #fotocolab22,  #colab23:hover #fotocolab23, #colab24:hover #fotocolab24, #colab25:hover #fotocolab25, #colab26:hover #fotocolab26, #colab3:hover #fotocolab3, #colab4:hover #fotocolab4, #colab5:hover #fotocolab5, #colab6:hover #fotocolab6 {
   height: 0%;
    transition: all ease 500ms;
    opacity: 0;
}






#fotocolab1{
    background-image: url("../img/colab1.jpg");
    width: 100%;
    height: 47%;
    background-size: 100%;
    background-repeat: no-repeat;
    border-radius: 20px 20px 0 0;
    opacity: 1;
}


#fotocolab2{
    background-image: url("../img/colab2.jpg");
    width: 100%;
    height: 47%;
    background-size: 100%;
    background-repeat: no-repeat;
    border-radius: 20px 20px 0 0;
    opacity: 1;
}
#fotocolab22{
    background-image: url("../img/colab22.jpg");
    width: 100%;
    height: 85%;
    background-size: 100%;
    background-repeat: no-repeat;
    border-radius: 20px 20px 0 0;
    opacity: 1;
}

#fotocolab23{
    background-image: url("../img/colab23.jpg");
    width: 100%;
    height: 85%;
    background-size: 100%;
    background-repeat: no-repeat;
    border-radius: 20px 20px 0 0;
    opacity: 1;
}
#fotocolab24{
    background-image: url("../img/colab24.jpg");
    width: 100%;
    height: 85%;
    background-size: 100%;
    background-repeat: no-repeat;
    border-radius: 20px 20px 0 0;
    opacity: 1;
}

#fotocolab25{
    background-image: url("../img/colab25.jpg");
    width: 100%;
    height: 85%;
    background-size: 100%;
    background-repeat: no-repeat;
    border-radius: 20px 20px 0 0;
    opacity: 1;
}

#fotocolab26{
    background-image: url("../img/colab26.jpg");
    width: 100%;
    height: 85%;
    background-size: 100%;
    background-repeat: no-repeat;
    border-radius: 20px 20px 0 0;
    opacity: 1;
}
#fotocolab3{
    background-image: url("../img/colab3.jpg");
    width: 100%;
    height: 47%;
    background-size: 100%;
    background-repeat: no-repeat;
    border-radius: 20px 20px 0 0;
    opacity: 1;
}


#fotocolab4{
    background-image: url("../img/colab4.jpg");
    width: 100%;
    height: 47%;
    background-size: 100%;
    background-repeat: no-repeat;
    border-radius: 20px 20px 0 0;
    opacity: 1;
}



#fotocolab5{
    background-image: url("../img/colab5.jpg");
    width: 100%;
    height: 47%;
    background-size: 100%;
    background-repeat: no-repeat;
    border-radius: 20px 20px 0 0;
    opacity: 1;
}
#fotocolab6{
    background-image: url("../img/colab6.jpg");
    width: 100%;
    height: 47%;
    background-size: 100%;
    background-repeat: no-repeat;
    border-radius: 20px 20px 0 0;
    opacity: 1;
}


    
/*Fin Conocenos*/    
    




/*Inicio Actividades*/

#actividades{
    background-image: url("../img/bg_actividades.jpg");
    background-repeat: no-repeat;
    height: 950px;
    background-size: cover;
    color: #5c2d6b;
    text-align: center;
    font-weight: 300;
}

#actividades h2.th2{
    color: #5c2d6b;
    font-weight: 600;
}

#actividades h2.th2 span{
    color: #cb9a2f;
}


.int_actividad{
    background: #fff;
    height: 510px;
    box-shadow: 3px 3px 30px rgba(0,0,0,0.3);
    border-radius: 25px;
    position: relative;
    background-size:100%;
    background-repeat: no-repeat;
    overflow: hidden;
    background-position: top center;
    transition: all ease 300ms;
}


.int_actividad:hover{
    background-size: 110%;
}

#actividad_a{
    background-image: url("../img/actividades/actividad_a.jpg");
}


#actividad_b{
    background-image: url("../img/actividades/actividad_b.jpg");
}


.ficha_actividad{
    position: absolute;
    top: 260px;
    padding: 20px;
    height: 250px;
    background: #fff;
}





.carousel-indicators{
    bottom: -55px;
}







.carousel-indicators li{
    background: #7d61a4;
    border-radius: 30px;
    margin: 5px !important;
    width: 15px !important;
    height: 0px !important;
}



.carousel-indicators li.active{
    background: #cb9a2f;
}




.carousel-control-prev{
    left: -60px;
}


.carousel-control-next{
    right: -60px;
}

.carousel-control-prev-icon{
    background-image: url("../img/anterior.png");
    width: 40px;
    height: 40px;
    left: 20px !important;
}

.carousel-control-next-icon{
    background-image: url("../img/siguiente.png");
        width: 40px;
    height: 40px;
    right: 20px !important;
}

/*Fin Actividades*/



/*Contacto Inicia*/

#contacto_p{
    padding-top: 60px;
    background-image: url("../img/bg_contactanos.jpg");
    background-position: center;
    background-repeat: no-repeat;
    min-height: 500px;
}


#mapa{
    width: 100%;
    min-height: 500px;
    height: auto;
}



#f01{height: 17px;
background: #7d61a4;}

#f02{height: 17px;
background: #cb9a2f;}


/*Contacto Termina*/








.red{
float: left;
width: 60px;
height: 60px;
border-radius: 50%;
margin-left: 17px;
margin-top: 17px;}



.texto_red{
    float: right;
    padding: 10px 20px;
    font-size: 1.4em;
    margin-right: 35px;
    margin-top: 20px;
    border-radius: 45px;
}


#r01 .red, #r01 .texto_red, #rmail .red, #rmail .texto_red{
    background-color: #fff;
    transition: all ease 300ms;
}

#rmail .texto_red{
    margin-right: 18px;
}



#r01:hover div.red, #r02:hover div.red, #r03:hover div.red, #r03_:hover div.red, #rmail:hover div.red{
    margin-top: 7px;
}

#r01:hover div.red, #r01:hover div.texto_red{
    background-color: #7d61a4;
}


#r02:hover div.red, #r02:hover div.texto_red{
    background-color: #7d61a4;
}


#r03:hover div.red, #r03:hover div.texto_red{
    background-color: #7d61a4;
}


#r03_:hover div.red, #r03_:hover div.texto_red{
    background-color: #7d61a4;
}

#rmail:hover div.red, #rmail:hover div.texto_red{
    background-color: #7d61a4;
}





#r02 .red, #r02 .texto_red{
    background-color: #fff;
    transition: all ease 200ms;
}



#r03 .red, #r03 .texto_red{
    background-color: #fff;
    transition: all ease 200ms;
}

#r03_ .red, #r03_ .texto_red{
    background-color: #fff;
    transition: all ease 200ms;
}







.redes_temp{
    padding: 0;
    margin: 0 0 20px;;
}

.redes_temp a{
    display: block;
    width: 350px;
    height: 94px;
    padding: 0;
    margin: 0 auto;
    color: #583268;
    text-decoration: none;
    transition: all ease 300ms;
    text-align: center;
}



.redes_temp a:hover{
    color: #fff;
}


.w_botonrrss{
    width: 350px;
    height: 94px;
    background:url("../img/bgrrss_temp.png");
    background-repeat: no-repeat;
    background-position: center;
    padding: 0;
    margin: 0;
}



footer{
    color: #fff;
    font-size: .8em;
    font-weight: 300;
}


.balarco{
	transition:  all ease 500ms;
	text-decoration: none;
	color: #fff;
	font-weight: 500;
}

.balarco:hover{
	color: #f7b183;
    text-decoration: none;
    font-weight: 600;
}








@media only screen and (min-width: 1px) and (max-width: 1080px) {
    
    

  
    
    
.desktop{
       display: hidden; 
    display: none;

}

.mobile{
    display: block;
}    
    
    
    
    
/*INICIO NAV*/
    



#navbarNavDropdown ul{
    width: 100%;
    margin: 0 auto;
    background: #fff;
}



#navbarNavDropdown li{
    width: 100%;
}



    
/*TERMINA NAV*/
        

    
 
/*Inicia Nosotros*/


#nosotros{
    background-size:cover;
    background-attachment: scroll;
    padding: 20% 10%;
    color: #fff;
}

#quienes_t{
    border-right: none;
}

#nosotros h2{
    font-size: 40px;
    font-weight: 200;
    text-transform: uppercase;
    text-align: left;
    padding: 0%;

}

#t_quienes{
    font-size: 16px;
    padding: 0 10%;
    text-align: left;
}

    
    
    
/*Fin Nosotros*/    
    

    
    
    
/*Inicio Nuestras Actividades*/  
    

#actividades{
        height: 1vh;
        background-image: url("../img/bg_actividades.jpg");
        background-repeat: no-repeat;
    }
    
    
/*Fin Nuestras Actividades*/  

    
    

/*Inicia Mision Vision Valores*/




#mision{
    background-image: none;
    background-color: rgba(203,154,47,0.95);
}

#vision{
    background-image: none;
    border-top: 1px solid #fff;
     border-bottom: 1px solid #fff;
    background-color: rgba(203,154,47,0.85);

}

#valores{
   background-image: none;
    background-color: rgba(203,154,47,0.95);

}




.wmvvv{
    background-position: center;
    padding: 20px;
    color: #ffffff;
    transition: all ease 400ms;
}


.wmvvv:hover{
    background-color: rgba(203,154,47,0.95);
    color: #fff;
}

.wmvvv .mvv_01{
    opacity: 1;
    margin-top: 0px;
    transition: all ease 400ms;
}



.wmvvv .mvv_02{opacity: 1;}





/*Fin Mision Vision Valores*/
    
    
    
    
    
    
/*INICIA Especialidades*/


#especialidades{
    height: auto;
}
    
    /*Casi todo lo de aquí está en slider_servicios.css*/

    
.t_servicio h3{
    padding-top: 10px;
     font-size: 15px !important;
    letter-spacing: 2px;
}    
    

.t_info{
    font-size: 12px;
    line-height: 12px;
    padding: 12px;
}
    
    

/*FIN Especialidades*/
 
    



/*Inicio Conocenos*/    
    
 #conocenos{
    height: auto;
    background-image: none;
 
    }


#intro_conocenos{
    color: #fff;
    text-align: center;
    height: 290px;
    font-weight: 300;
}




.colab{
    height: auto;

}
    
    
    colab:hover{
    height: auto;
}
    


.int_colab{
    padding: 10px;
}


#rescolab1, #rescolab2, #rescolab3, #rescolab4, #rescolab5, #rescolab6{
    opacity: 1;
    height: auto;
    transition: all ease 500ms;
}

#colab1:hover #rescolab1, #colab2:hover #rescolab2, #colab3:hover #rescolab3, #colab4:hover #rescolab4, #colab5:hover #rescolab5, #colab6:hover #rescolab6 {
    opacity: 1;
    height: auto;

}


#colab1:hover #fotocolab1, #colab2:hover #fotocolab2, #colab3:hover #fotocolab3, #colab4:hover #fotocolab4, #colab5:hover #fotocolab5, #colab6:hover #fotocolab6 {
   height: 0%;
    transition: all ease 500ms;
    opacity: 0;
}






#fotocolab1{
    background-image: url("../img/colab1.jpg");
    width: 100%;
    height: 40%;
    background-size: 100%;
    background-repeat: no-repeat;
    border-radius: 20px 20px 0 0;
    opacity: 1;
}


#fotocolab2{
    background-image: url("../img/colab2.jpg");
    width: 100%;
    height: 40%;
    background-size: 100%;
    background-repeat: no-repeat;
    border-radius: 20px 20px 0 0;
    opacity: 1;
}


#fotocolab3{
    background-image: url("../img/colab3.jpg");
    width: 100%;
    height: 40%;
    background-size: 100%;
    background-repeat: no-repeat;
    border-radius: 20px 20px 0 0;
    opacity: 1;
}


#fotocolab4{
    background-image: url("../img/colab4.jpg");
    width: 100%;
    height: 40%;
    background-size: 100%;
    background-repeat: no-repeat;
    border-radius: 20px 20px 0 0;
    opacity: 1;
}



#fotocolab5{
    background-image: url("../img/colab5.jpg");
    width: 100%;
    height: 40%;
    background-size: 100%;
    background-repeat: no-repeat;
    border-radius: 20px 20px 0 0;
    opacity: 1;
}
#fotocolab6{
    background-image: url("../img/colab5.jpg");
    width: 100%;
    height: 40%;
    background-size: 100%;
    background-repeat: no-repeat;
    border-radius: 20px 20px 0 0;
    opacity: 1;
}


    
/*Fin Conocenos*/    
        



/*Inicio Actividades*/

#actividades{

    height: auto;
}


.actividad{margin-bottom: 15px;}




.ficha_actividad{
    top: 210px;
}



/*Fin Actividades*/


    

    
    
    
    
    
    

/*Contacto Inicia*/

#contacto_p{
    padding-top: 60px;
    background-image: none;
    background-color: #dc9d1b;
    height: auto;
}


#mapa{
    width: 100%;
    height:750px;
}



#f01{height: 17px;
background: #7d61a4;}

#f02{height: 17px;
background: #cb9a2f;}


/*Contacto Termina*/


    
    
    
    

    
}