@import url('https://fonts.googleapis.com/css2?family=Ms+Madi&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nuosu+SIL&display=swap');
.foto_presidenta{
	padding:10px;
	width:270px;
	height:290px;
	display:block;
	margin:auto;
	background-image:url("../foto/presidenta.jpg");
	position:relative;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	border:2px solid #F54E96;
	border-radius:50%;
	box-shadow:1px 1px 9px 1px #ccc;
	
}

.content_presidenta{
	
	width:300px;
	height:400px;
	display:block;
	margin:auto;
	position:relative;
	overflow:hidden;
	cursor:pointer;
}

.foto_info{
	
	display:block;
	text-align:center;
	padding:5px;
	position:absolute;
	width:100%;
	bottom:-100px;
	color:#65277e;
}
.eslogan{
	display:block;
	margin:auto;
	text-align:center;
	margin-top:5px;
	font-family: 'Ms Madi', cursive;
	font-size:35px;
	text-shadow:1px 2px 2px 2px #ccc;
	color:#702f8a;
}
.nombrepresidenta{
	margin-top:5px;
		display:block;
	text-align:center;
	font-family: 'Nuosu SIL', serif;
	text-transform:uppercase;
	color:#702f8a;
	
}
.nombres_d{
	margin-top:5px;
	display:block;
	text-align:center;
	font-family: 'Nuosu SIL', serif;
	text-transform:uppercase;
	color:#702f8a;
	font-size:14px;
}
.cargo{
	width:80%;
	margin:auto;
	display:block;
	text-align:center;
	font-family: 'Nuosu SIL', serif;
	font-weight:600;
	text-transform:uppercase;
	color:#702f8a;
}
.cargos{
	height:50px;
	justify-content:center;
	display:flex;
	align-items:center;
	text-align:center;
	font-family: 'Nuosu SIL', serif;
	font-weight:600;
	text-transform:uppercase;
	color:#702f8a;
	font-size:14px;
}
.content_presidenta:hover>.foto_info{
	bottom:0;
	transition:1s;
	
}

.content_presidenta:hover>.cargo{
	transition:1.5s;
	opacity:0.4;
	display:none;

}
.sub_category{
	margin-top:10px;
	width:90%;
	margin:auto;
	display:flex;
	align-items:center;
	padding:7px;
	flex-wrap:wrap;
}
.item_carta{
	margin-bottom:15px;
	width:270px;
	height:390px;
	display:block;
	background:white;
	margin:7px auto;
	padding:9px;
	border:0.2px solid #ccc;
	position:relative;
	overflow:hidden;
	cursor:pointer;
}
.correo{
	margin-top:10px;
	display:block;
	text-align:center;
	font-family: 'Nuosu SIL', serif;
	color:#702f8a;
	font-weight:500;
}
.fa-envelope{
	margin-right:5px;
	color:#F54E96;
}
.item_carta:hover>.sub_carta{
	bottom:-80%;
	transition:2s;
	
}
.item_carta:hover>.cargos{
	display:none;
	
}
.sub_carta{
	display:block;
	height:100%;
	width:100%;
	position:absolute;
	
	bottom:-100%;
	left:0;
}
.perfiluno{
	box-shadow:1px 1px 9px 2px #ccc;
	background-image:url("../foto/director.jpg");
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	border-radius:50%;
	display:block;
	width:82%;
	height:240px;
	border:2px solid #F54E96;
	margin:auto;
}


.perfildos{
	box-shadow:1px 1px 9px 2px #ccc;
	background-image:url("../foto/tesorero.jpg");
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	border-radius:50%;
	display:block;
	width:82%;
	height:240px;
	border:2px solid #F54E96;
	margin:auto;
}
.perfiltres{
	box-shadow:1px 1px 9px 2px #ccc;
	background-image:url("../foto/contralora.jpg");
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	border-radius:50%;
	display:block;
	width:82%;
	height:240px;
	border:2px solid #F54E96;
	margin:auto;
}
.perfilcuatro{
	box-shadow:1px 1px 9px 2px #ccc;
	background-image:url("../foto/uippe.jpg");
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	border-radius:50%;
	display:block;
	width:82%;
	height:240px;
	border:2px solid #F54E96;
	margin:auto;
}
.perfilcinco{
	box-shadow:1px 1px 9px 2px #ccc;
	background-image:url("../foto/fondos.jpg");
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	border-radius:50%;
	display:block;
	width:82%;
	height:240px;
	border:2px solid #F54E96;
	margin:auto;
}
.perfilseis{
	box-shadow:1px 1px 9px 2px #ccc;
	background-image:url("../foto/efren.jpg");
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	border-radius:50%;
	display:block;
	width:82%;
	height:240px;
	border:2px solid #F54E96;
	margin:auto;
}
.perfilsiete{
	box-shadow:1px 1px 9px 2px #ccc;
	background-image:url("../foto/bnfamiliar.jpg");
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	border-radius:50%;
	display:block;
	width:82%;
	height:240px;
	border:2px solid #F54E96;
	margin:auto;
}
.perfilocho{
	box-shadow:1px 1px 9px 2px #ccc;
	background-image:url("../foto/nfamiliar.jpg");
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	border-radius:50%;
	display:block;
	width:82%;
	height:240px;
	border:2px solid #F54E96;
	margin:auto;
}
.perfilnueve{
	box-shadow:1px 1px 9px 2px #ccc;
	background-image:url("../foto/discapa.jpg");
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	border-radius:50%;
	display:block;
	width:82%;
	height:240px;
	border:2px solid #F54E96;
	margin:auto;
}
.perfildiez{
	box-shadow:1px 1px 9px 2px #ccc;
	background-image:url("../foto/adultom.jpg");
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	border-radius:50%;
	display:block;
	width:82%;
	height:240px;
	border:2px solid #F54E96;
	margin:auto;
}
.perfilonce{
	box-shadow:1px 1px 9px 2px #ccc;
	background-image:url("../foto/tra.jpg");
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	border-radius:50%;
	display:block;
	width:82%;
	height:240px;
	border:2px solid #F54E96;
	margin:auto;

	border:2px solid #F54E96;
	margin:auto;
}
.perfildoce{
	box-shadow:1px 1px 9px 2px #ccc;
	background-image:url("../foto/archivo.jpg");
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	border-radius:50%;
	display:block;
	width:82%;
	height:240px;
	border:2px solid #F54E96;
	margin:auto;
}
.perfiltrece{
	box-shadow:1px 1px 9px 2px #ccc;
	background-image:url("../foto/csocial.jpg");
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	border-radius:50%;
	display:block;
	width:82%;
	height:240px;
	border:2px solid #F54E96;
	margin:auto;
}

hr{
	box-shadow:0px 2px 5px 0.5px #ccc;
	
}