*{
	box-sizing: border-box;
	margin: 0;
}
	

.slider_portada{
	width: 100%;
	height: 100%;
}
/*--------------------------parte1--------------------------*/
.parte1{
	width: 100%;
}
.presentacion{
	width: 100%;
	background-color: #ff5f5f;
	color: #fff;
	padding: 1%;
}
.titulo_p{
	width: 100%;
	padding: 1%;
	letter-spacing: 2px;
	text-align: center;
}
.titulo_p h2{
	font-size: 22px;
	font-family:MavenPro-Black;
	margin: 0;
}
.texto_p{
	width: 70%;
	margin: 0 auto;
	padding: 1% 4%;
	letter-spacing: 2px;
	text-align: center;
}
.texto_p p{
	font-size: 18px;
	padding: 1% 0%;
	font-family:MavenPro-Medium;
	margin: 0;
}
.content_historia{
	width: 100%;
	overflow: auto;
	height:100vh;
}
.historia{
	width: 50%;
	float: left;
	padding: 8.55% 5%;
	background-color: #83ffe6;
	height:100vh;
}
.historia h2{
	padding: 4% 0% 2% 0%;
	text-align: center;
	font-size: 26px;
	font-family:MavenPro-Black;
	margin: 0;
}
.historia p{
	letter-spacing: 1px;
	font-size: 18px;
	padding: 1% 3% 2% 3%;
	font-family:MavenPro-Medium;
	margin: 0;
	text-align: justify;
}
.historia button{
	width: 30%;
	background-color: #fff;
	border: 0px;
	border-radius: 12px;
	padding: 1% 4%;
	margin: 3% 40%;
	font-family:MavenPro-Bold;
}
.historia a:link{
	text-decoration: none;
	color: #000;
}
.historia a:visited{
	text-decoration: none;
	color: #000;
}
.content_img{
	width: 50%;
	float: left;
	height:100vh;
}
.item_img{
	width: 50%;
	float: left;
	height: 33.3%;
}
.item_img img{
	width: 100%;
	height: 100%;
	display: block;
	object-fit:cover;
}
.parte2{
	width: 100%;
}
.titulo_p2{
	width: 100%;
	color: #fff;
	text-align: center;
	padding: 2% 1%;
	background-color: rgba(255,255,255,1);
	letter-spacing: 3px;
	background-image: url("../imagenes/bienestaremocional.png");
	background-size: cover;
}
.titulo_p3{
	width: 100%;
	color: #fff;
	text-align: center;
	padding: 2% 1%;
	background-color: #2c2c2c;
	letter-spacing: 3px;
	border-top:3rem solid black;
}


.titulo_p2 h3{
	font-size: 32px;
	font-family:MavenPro-Bold;
	margin: 0;
}
.titulo_p2 h2{
	font-size: 42px;
	font-family:MavenPro-Black;
	margin: 0;
}
.descripcion_cli{
	width: 100%;
	overflow: auto;
}
.a_clinica{
	width: 50%;
	height: 60vh;
	float: left;
	padding: 6.4% 4%;
	text-align: center;
	background-color: #83ffe6;
	letter-spacing: 2px;
}
.a_clinica h2{
	font-size: 26px;
	font-family:MavenPro-Bold;
	margin: 0;
}
.a_clinica h2 span{
	font-weight: 900;
	font-family:MavenPro-Black;
	margin: 0;
}
.a_clinica p{
	font-size: 18px;
	text-align: justify;
	padding: 1% 2%;
	font-family:MavenPro-Medium;
	margin: 0;
}
.img_clinica{
	width: 50%;
	float: left;
}
.img_clinica img{
	width: 100%;
    object-fit:cover;
	display: block;
	height: 60vh;
}
.descripcion_edu{
	width: 100%;
	overflow: auto;
	height: 60vh;
}
.img_educacion{
	width: 50%;
	float: left;
}
.img_educacion img{
	width: 100%;
	display: block;
	object-fit:cover;
	height: 60vh;
	
}
.a_educacion{
	width: 50%;
	height: 100%;
	float: left;
	padding: 4.4% 4%;
	color: #fff;
	text-align: center;
	background-color: #ff5f5f;
	letter-spacing: 2px;
}
.a_educacion h2{
	font-size: 26px;
	font-family:MavenPro-Bold;
	margin: 0;
}
.a_educacion h2 span{
	font-weight: 900;
	font-family:MavenPro-Black;
	margin: 0;
}
.a_educacion p{
	font-size: 18px;
	text-align: justify;
	font-family:MavenPro-Medium;
	margin: 0;
	padding: 1% 2%;
}
.descripcion_org{
	width: 100%;
	overflow: auto;

}
.a_organizacion{
	width: 50%;
	height: 60vh;
	float: left;
	padding: 4.5% 4%;
	text-align: center;
	color: #fff;
	background-color: #2c2c2c;
	letter-spacing: 2px;
}
.a_organizacion h2{
	font-size: 26px;
	font-family:MavenPro-Bold;
	margin: 0;
}
.a_organizacion h2 span{
	font-weight: 900;
	font-family:MavenPro-Black;
	margin: 0;
}
.a_organizacion p{
	font-size: 18px;
	text-align: justify;
	padding: 1% 2%;
	font-family:MavenPro-Medium;
	margin: 0;
}
.img_organizacion{
	width: 50%;
	float: left;
}
.img_organizacion img{
	width: 100%;
	height: 60vh;
	display: block;
	object-fit:cover;
}
.parte3{
	width: 100%;
	overflow: auto;
}
.content_blog{
	width: 100%;
	float: left;
}
.blog{
    width: 100%;
    padding: 1rem;
    margin-bottom: 4rem;
}
.blog1{
	width: 100%;
	padding: 2% 3%;
}
.blog1 h2{
	font-size: 26px;
	letter-spacing: 2px;
	font-weight: 550;
	padding-left: 2%;
	font-family:MavenPro-Bold;
	margin: 0;
}
.blog1 span{
	font-family:MavenPro-Black;
	font-weight: 750;
}
.blog1 p{
	font-size: 14px;
	letter-spacing: 1px;
	padding: 0% 4% 2% 2%;
	font-family:MavenPro-Medium;
	margin: 0;
}
.blog1 button{
	width: 15%;
	background-color: #fff;
	border: 0px;
	padding: 1% 2%;
	margin-left: 75%;
	border-radius: 12px;
	font-family:MavenPro-Medium;
}
.blog2{
	width: 100%;
	background-color: #ff5f5f;
	padding: 2% 3%;
}
.blog2 h2{
	font-size: 26px;
	letter-spacing: 2px;
	font-weight: 550;
	padding-left: 2%;
	font-family:MavenPro-Bold;
	margin: 0;
}
.blog2 span{
	font-family:MavenPro-Black;
	font-weight: 750;
}
.blog2 p{
	font-size: 14px;
	letter-spacing: 1px;
	padding: 1% 4% 2% 2%;
	font-family:MavenPro-Medium;
	margin: 0;
}
.blog2 button{
	width: 15%;
	background-color: #fff;
	border: 0px;
	padding: 1% 2%;
	margin-left: 75%;
	border-radius: 12px;
	font-family:MavenPro-Medium;
}
.img_blog{
	width: 50%;
	float: left;
}
.img_blog img{
	width: 100%;
	height: 100%;
	display: block;
}


.negras{
	color: #000;
	font-size: 11px;
}

.negras_titulo{
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	margin:0;
}


.hide-800{
        display:none;
}
.show-800{
    display:block;

}













/*-------------------------------Celular-------------------------------------------*/
@media screen and (min-width:0px) and (max-width:450px){
.titulo_p{
	padding-top: 5%; 
}
.titulo_p h2{
	font-size: 22px;
}
.texto_p{
	width: 90%;
	margin: 0 auto;
	padding: 1% 2% 5% 2%;
}
.texto_p p{
	font-size: 18px;
	padding: 1% 0%;
}
.content_historia{
	width: 100%;
	overflow: auto;
}
.historia{
	width: 100%;
	float: left;
	padding: 5% 5% 3% 5%;
	background-color: #83ffe6;
}
.historia h2{
	padding: 4% 0% 2% 0%;
	text-align: center;
	font-size: 26px;
	font-family:MavenPro-Black;
	margin: 0;
}
.historia p{
	letter-spacing: 1px;
	font-size: 18px;
	padding: 1% 3% 2% 3%;
	font-family:MavenPro-Medium;
	margin: 0;
	text-align: justify;
}
.historia button{
	width: 25%;
	background-color: #fff;
	border: 0px;
	border-radius: 12px;
	padding: 1% 2%;
	margin: 3% 35%;
	font-family:MavenPro-Regular;
}
.content_img{
	width: 100%;
	float: left;
}
.item_img{
	width: 50%;
	float: left;
}
.item_img img{
	width: 100%;
}
/*--------------------------parte2--------------------------*/
.titulo_p2{
	width: 100%;
	padding: 2% 1%;
}
.titulo_p2 h3{
	font-size: 18px;
	line-height: 23px;
}
.titulo_p2 h2{
	font-size: 20px;
	line-height: 29px;
}

.a_clinica{
	width: 100%;
	padding: 6% 4%;
}
.a_clinica h2{
	font-size: 26px;
}
.a_clinica h2 span{
	font-weight: 900;
}
.a_clinica p{
	font-size: 18px;
	padding: 1% 2%;
}
.img_clinica{
	width: 100%;
}
.img_educacion{
	width: 100%;
}
.a_educacion{
	width: 100%;
	padding: 6% 4%;
}
.a_educacion h2{
	font-size: 26px;
}
.a_educacion h2 span{
	font-weight: 900;
}
.a_educacion p{
	font-size: 18px;
	padding: 1% 2%;
}

.a_organizacion{
	width: 100%;
	padding: 6% 4%;
}
.a_organizacion h2{
	font-size: 26px;
}
.a_organizacion h2 span{
	font-weight: 900;
}
.a_organizacion p{
	font-size: 18px;
	padding: 1% 2%;
}
.img_organizacion{
	width: 100%;
}
/*-----------------------parte3-----------------------*/
.content_blog{
	width: 100%;
}
.blog1 h2{
	font-size: 24px;
}
.blog1 span{
	font-weight: 750;
}
.blog1 p{
	font-size: 16px;
	padding: 0% 2% 2% 2%;
}
.blog1 button{
	width: 25%;
	padding: 1% 2%;
	margin-left: 70%;
}
.blog2 h2{
	font-size: 24px;
}
.blog2 span{
	font-weight: 750;
}
.blog2 p{
	font-size: 16px;
	letter-spacing: 1px;
	padding: 0% 2% 2% 2%;
}
.blog2 button{
	width: 25%;
	padding: 1% 2%;
	margin-left: 70%;
}
.img_blog{
	width: 100%;
}

.box_blog{
    margin-top:10px;
    margin-bottom:10px;
}
.back-blog{
	width: 100%;
	background-color: #ff5f5f;
	color: #fff;
	padding: 1%;
}
}

/*-------------------------------Tablet-------------------------------------------*/
@media screen and (min-width:450px) and (max-width:1024px){

}


@media screen and (max-width: 1000px) {
        .listadeblogs li{
        flex-basis: calc(50% - 2rem);
    }
    

}

@media screen and (max-width: 800px) {
    .flexeame{
        display:flex;
        flex-wrap:wrap;
    }
    
    .flexeame > div{
        flex-basis:100%;
    }
    
    .hide-800{
        display:block;
    }
    .show-800{
        display:none;
    }
    .a_organizacion,
    .descripcion_edu,
    .a_educacion,
    .content_historia,
    .historia,
    .a_clinica{
        height:auto;
    }
    
    .titulo_p3 h3{
        font-size: 1.32rem;
    }
     .titulo_p3 h2{
        font-size: 1.92rem;
    }
    
    .historia button {
        width: 100%;
        padding: 0.5rem 1rem;
        margin: 1rem auto;
        font-family: MavenPro-Regular;
    }
}