.titular 		{ font-size:280%; line-height:1.2em; padding:10px 0}
.subtitulo 		{ font-size:200%; line-height:1.4em; padding:5px 0}
.linear 		{ font-size: 120%; line-height:1.2em; padding:15px 0}
.lineardos 		{ font-size: 100%;}

.avataron		{ z-index:1; position:relative; width:155px; max-height:155px; margin:0 auto; margin-bottom:20px; border:2px solid #fff; background:#fff; border-radius:100%; overflow:hidden}
.avatarona		{ z-index:1; position:absolute; width:175px; max-height:175px; left:0; bottom:-115px; border:1px solid #ddd; background:#fff; border-radius:100%; overflow:hidden}


.titular,
.subtitulo,
.linear,
.lineardos			{ margin:0 0 0 0; text-shadow: 2px 2px 6px #000; color:#FFF; position:relative; z-index: 1;}
.lineardos a		{ color:#FFF;}
.lineardos a:hover	{ color:#ccc; text-decoration:none;}

.titular a			{ color:#FFF;}

.cenefa						{ clear:both; position:relative; background:#444; color:#FFF; display:flex; justify-content:center; align-items:center; text-align:center; padding:40px 20px;}
.cenefa::after				{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.7; }
.cenefas-text				{ max-width:840px; margin:0 auto; padding:20px 0 20px 0; z-index:1}

.principal					{ min-height:400px;}
	.index 					{ background:url('../../images/cenefas/00.png') center center/cover no-repeat;}
	.jts					{ background:url('../../images/cenefas/jts.jpg') center center/cover no-repeat;}

.interior					{ min-height:180px;}
	.personal				{ background:url('../../images/cenefas/00.png') center center/cover no-repeat;}
	.docencia				{ background:url('../../images/cenefas/00.png') center center/cover no-repeat;}
	.investigacion			{ background:url('../../images/cenefas/00.png') center center/cover no-repeat;}
	.premios				{ background:url('../../images/cenefas/00.png') center center/cover no-repeat;}
	.innovacion				{ background:url('../../images/cenefas/00.png') center center/cover no-repeat;}
	.contacta				{ background:url('../../images/cenefas/00.png') center center/cover no-repeat;}


.botoncenefa			{ position:relative; display:inline-block; margin:5px 0; padding:12px 18px; text-align:center; text-decoration:none; font-size:100%; line-height:1.5em;}
.botoncenefa			{ border:1px solid #336699; border-radius:5px; background:#006699; color:#fff;}
.botoncenefa:hover		{ border:1px solid #444; background:#444; color:#fff;}

/* for 480px or less */
@media screen and (max-width: 480px) {
.cenefa			{ padding:30px 20px;}
.cenefas-text	{ padding:20px 30px;}

.avatarona		{ width:125px; max-height:125px;}


.titular 		{ font-size:180%; line-height:1.3em; padding:0px 10px 0 10px}
.subtitulo 		{ font-size:135%;}
.linear 		{ font-size:100%;}
.lineardos 		{ font-size:95%;}
.index			{ padding:30px 10px;}
.principal		{ min-height:auto; height:auto; padding:5px 0 5px 0}
.interior		{ min-height:auto; height:auto; padding:5px 0 5px 0}
}