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

#mainContainer {
	/*Dimensiones totales 720x1080*/
	display: block;
	width: 720px;
	height: 1080px;
	margin: 0 auto;
	background-color: white;
	border: solid 1px #000;
	overflow: hidden;
}
#mainHeader,
#mainHeader-large {
	display: block;
	width: 720px;
	height: 66px;
}
#mainHeader-large {
	height: 96px;
}

#mainSection,
#mainSection-indice {
	position: relative;
	display: block;
	width: 720px;
	height: 935px;
}
.mainSection-up {
	height:1001px;
}
#mainSection-indice {
	height: 905px;
}
#mainFooter {
	position: relative;
	display: block;
	margin-top: 25px;
	width: 720px;
	height: 54px; /*altura total 79px*/
	background-image: url("../imgs/footerITESM.png");
	background-repeat: no-repeat;
	background-position: center center;
}
* {
  box-sizing: border-box;
}

.footer-menu {
	margin: 0 auto;
	width:120px;
	height: 30px;
}
.footer-home, 
.footer-siguiente,
.footer-anterior,
.footer-up
{
	float: left;
	display: block;
	width: 28px;
	height: 30px;
	margin:0 1px;
	background-image: url("../imgs/footerbtns-inactive.png");
	background-repeat: no-repeat;
	background-position: -7px;
}
a.footer-up {
	background-position: -35px;
}
a.footer-anterior {
	background-position: -62px;
}
a.footer-siguiente {
	background-position: -88px;
}
a.footer-home:hover,
a.footer-up:hover,
a.footer-anterior:hover,
a.footer-siguiente:hover {
	background-image: url("../imgs/footerbtns-hover.png");
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}


/*PORTADAS*/
.fondo-inicio {
	background-image: url("../ITESM/imgs-informe/fondo-portada.png");
}
.fondo-inicio-select {
	background-image: url("../ITESM/imgs-informe/fondo-portada-select.png");
}
.fondo-escuelas {
	background-image: url("../ITESM/imgs-informe/fondo-escuelas.png");
}
.fondo-direcciones {
	background-image: url("../ITESM/imgs-informe/fondo-direcciones.png");
}
.fondo-talento {
	background-image: url("../ITESM/imgs-informe/fondo-talento.png");
}
.fondo-mensaje {
	background-image: url("../ITESM/imgs-informe/fondo-mensaje.png");
}
.logo-itesm-portada {
	position:absolute;
	width: 279px; height: 109px;
	top:704px;
	left:118px;
}
.logo-escac-portada {
	position:absolute;
	width: 279px; height: 109px;
	top:764px;
	left:478px;
}
/*TERMINA PORTADAS*/

/*SECCIONES*/
.contenido-principal {
	display:block;
	width: 572px;
	margin: 0 74px;
	padding-top:25px;
}
.contenido-up {
	position: relative;
	top:-96px;
}
.contenido-left {
	position: relative;
	top:-96px;
	left:-74px;
}
.contenido-left-noup {
	position: relative;
	left:-74px;
}
#titulo-seccion {
	position: absolute;
	display:block;
	right: 0;
	top:619px;
	animation-name: atitulo;
	animation-duration: 2s;
}
@keyframes atitulo {
	from {right:-433px;}
	to {right:0px;}
}

.titulo-escuelas {
	position: absolute;
	animation-name: atituloseccion;
	animation-duration: 2s;
}
.titulo-escuelas-eiyc {
	top:55px;
}
.titulo-escuelas-eaad {	
	top:280px;
}
.titulo-escuelas-ene {	
	top:55px;
}
.titulo-escuelas-emycs {
	top:95px;
}
.titulo-escuelas-dec {
	top:480px;
}
.titulo-escuelas-tye {
	top:275px;
	z-index: 999;
}
@keyframes atituloseccion {
	from {left:-250px; opacity: 0}
	to {left:0px; opacity: 1}
}
/*TERMINA SECCIONES*/
.texto-login {
	color: white;
}
.login-itesm {
	position:absolute;
	width: 279px;
	top:704px;
	left:118px;
}
.btn-login {
	font-size: 9px;
	width: 60px;
	height: 24px;
	border: solid 1px #1a2b4b;
}
.btn-cerrar {
	position:absolute;
	font-size: 9px;;
	width: 90px;
	height: 24px;
	top:30px;
	right:5px;
	border: solid 1px #1a2b4b;
}