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

/* Large Screen Rules */
@media screen and (min-width: 801px) and (max-width: 10000px) {
		
	
/************************************************************************************
MARISTA
*************************************************************************************/

#rec-banner-marista {
	display: block;
	float: left;
	width: 100%;
	background-color: #EF5D00;


}

#rec-banner-logo-marista {
	display: block;
	float: left;
	width: 100%;
	border: none;
	

}

#marista-kinder {
	display: block;
	float: left;
	width: 50%;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	

}

#marista-primaria {
	display: block;
	float: left;
	width: 50%;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	

}

#marista-secundaria {
	display: block;
	float: left;
	width: 50%;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	

}

#marista-preparatoria {
		display: block;
	float: left;
	width: 50%;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	

}



/************************************************************************************
UNIVERSIDAD POLITECNICA
*************************************************************************************/

#rec-banner-politecnica {
	display: block;
	float: left;
	width: 100%;
	background-color: #88BF1B;

}

#rec-banner-logo-politecnica {
	display: block;
	float: left;
	width: 100%;
	border: none;
	margin-bottom: 0.1em;
	

}

#politecnica-licenciatura {
	display: block;
	float: left;
	width: 100%;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #1D3865;
	text-align: center;
	margin-top: 0.2em;
	margin-bottom: 0.1em;
	

}

#politecnica-postgrados {
	display: block;
	float: left;
	width: 100%;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #1D3865;
	text-align: center;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	

}


a.link-banner-politecnica:link {
	color: #1D3865;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	
}
a.link-banner-politecnica:active {
	color: #1D3865;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	
}
a.link-banner-politecnica:visited {
	color: #1D3865;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	
}
a.link-banner-politecnica:hover {
	color: #1D3865;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	
}


/************************************************************************************
UNIVERSIDAD PANAMERICANA
*************************************************************************************/

#rec-banner-panamericana {
	display: block;
	float: left;
	width: 100%;
	border: 1px solid #F00;


}

#rec-banner-logo-panamericana {
	display: block;
	float: left;
	width: 100%;
	border: none;
	margin-bottom: 0.1em;
	

}


#panamericana-licenciatura {
	display: block;
	float: left;
	width: 100%;
	border: none;
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
	color: #FF0000;
	text-align: center;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	

}

#panamericana-postgrados {
	display: block;
	float: left;
	width: 100%;
	border: none;
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
	color: #FF0000;
	text-align: center;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	

}

a.link-banner-bonaterra:link {
	color: #FF0000;
	font-style: normal;
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	
}
a.link-banner-bonaterra:active {
	color: #FF0000;
	font-style: normal;
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	
}
a.link-banner-bonaterra:visited {
	color: #FF0000;
	font-style: normal;
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	
}
a.link-banner-bonaterra:hover {
	color: #FF0000;
	font-style: normal;
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	
}

/************************************************************************************
LINKS
*************************************************************************************/

a.link-banner-12:link {
	color: #ffffff;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	
}
a.link-banner-12:active {
	color: #ffffff;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	
}
a.link-banner-12:visited {
	color: #ffffff;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	
}
a.link-banner-12:hover {
	color: #ffffff;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	
}




}



/* Medium Screen Rules */
@media screen and (min-width: 501px) and (max-width: 800px) {

/************************************************************************************
MARISTA
*************************************************************************************/

#rec-banner-marista {
	display: block;
	float: left;
	width: 100%;
	background-color: #EF5D00;


}

#rec-banner-logo-marista {
	display: block;
	float: left;
	width: 100%;
	border: none;
	

}

#marista-kinder {
	display: block;
	float: left;
	width: 50%;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	

}

#marista-primaria {
	display: block;
	float: left;
	width: 50%;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	

}

#marista-secundaria {
	display: block;
	float: left;
	width: 50%;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	

}

#marista-preparatoria {
		display: block;
	float: left;
	width: 50%;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	

}


/************************************************************************************
UNIVERSIDAD POLITECNICA
*************************************************************************************/

#rec-banner-politecnica {
	display: block;
	float: left;
	width: 100%;
	background-color: #88BF1B;


}

#rec-banner-logo-politecnica {
	display: block;
	float: left;
	width: 100%;
	border: none;
	margin-bottom: 0.1em;
	

}

#politecnica-licenciatura {
	display: block;
	float: left;
	width: 100%;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #88BF1B;
	text-align: center;
	margin-top: 0.2em;
	margin-bottom: 0.1em;
	

}

#politecnica-postgrados {
	display: block;
	float: left;
	width: 100%;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #88BF1B;
	text-align: center;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	

}


a.link-banner-politecnica:link {
	color: #1D3865;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	text-decoration: none;
	
}
a.link-banner-politecnica:active {
	color: #1D3865;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	text-decoration: none;
	
}
a.link-banner-politecnica:visited {
	color: #1D3865;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	text-decoration: none;
	
}
a.link-banner-politecnica:hover {
	color: #1D3865;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	text-decoration: none;
	
}


/************************************************************************************
UNIVERSIDAD PANAMERICANA
*************************************************************************************/

#rec-banner-panamericana {
	display: block;
	float: left;
	width: 100%;
	border: 1px solid #F00;


}

#rec-banner-logo-panamericana {
	display: block;
	float: left;
	width: 100%;
	border: none;
	margin-bottom: 0.1em;
	

}


#panamericana-licenciatura {
	display: block;
	float: left;
	width: 100%;
	border: none;
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
	color: #FF0000;
	text-align: center;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	

}

#panamericana-postgrados {
	display: block;
	float: left;
	width: 100%;
	border: none;
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
	color: #FF0000;
	text-align: center;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	

}

a.link-banner-bonaterra:link {
	color: #FF0000;
	font-style: normal;
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	
}
a.link-banner-bonaterra:active {
	color: #FF0000;
	font-style: normal;
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	
}
a.link-banner-bonaterra:visited {
	color: #FF0000;
	font-style: normal;
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	
}
a.link-banner-bonaterra:hover {
	color: #FF0000;
	font-style: normal;
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	
}

/************************************************************************************
LINKS
*************************************************************************************/

a.link-banner-12:link {
	color: #ffffff;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	
}
a.link-banner-12:active {
	color: #ffffff;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	
}
a.link-banner-12:visited {
	color: #ffffff;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	
}
a.link-banner-12:hover {
	color: #ffffff;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	
}




}



/* Small Screen Rules */
@media screen and (min-width: 150px) and (max-width: 500px) {	



/************************************************************************************
MARISTA
*************************************************************************************/

#rec-banner-marista {
	display: block;
	float: left;
	width: 100%;
	background-color: #EF5D00;


}

#rec-banner-logo-marista {
	display: block;
	float: left;
	width: 100%;
	border: none;
	margin-bottom: 0.1em;
	

}

#marista-kinder {
	display: block;
	float: left;
	width: 50%;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	

}

#marista-primaria {
	display: block;
	float: left;
	width: 50%;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	

}

#marista-secundaria {
	display: block;
	float: left;
	width: 50%;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	

}

#marista-preparatoria {
		display: block;
	float: left;
	width: 50%;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	

}




/************************************************************************************
UNIVERSIDAD POLITECNICA
*************************************************************************************/

#rec-banner-politecnica {
	display: block;
	float: left;
	width: 100%;
	background-color: #88BF1B;

}

#rec-banner-logo-politecnica {
	display: block;
	float: left;
	width: 100%;
	border: none;
	margin-bottom: 0.1em;
	

}

#politecnica-licenciatura {
	display: block;
	float: left;
	width: 100%;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #1D3865;
	text-align: center;
	margin-top: 0.2em;
	margin-bottom: 0.1em;
	

}

#politecnica-postgrados {
	display: block;
	float: left;
	width: 100%;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #1D3865;
	text-align: center;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	

}

a.link-banner-politecnica:link {
	color: #1D3865;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	text-decoration: none;
	
}
a.link-banner-politecnica:active {
	color: #1D3865;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	text-decoration: none;
	
}
a.link-banner-politecnica:visited {
	color: #1D3865;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	text-decoration: none;
	
}
a.link-banner-politecnica:hover {
	color: #1D3865;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	text-decoration: none;
	
}


/************************************************************************************
UNIVERSIDAD PANAMERICANA
*************************************************************************************/

#rec-banner-panamericana {
	display: block;
	float: left;
	width: 100%;
	border: 1px solid #F00;

}

#rec-banner-logo-panamericana {
	display: block;
	float: left;
	width: 100%;
	border: none;
	margin-bottom: 0.1em;
	

}


#panamericana-licenciatura {
	display: block;
	float: left;
	width: 100%;
	border: none;
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
	color: #FF0000;
	text-align: center;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	

}

#panamericana-postgrados {
	display: block;
	float: left;
	width: 100%;
	border: none;
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
	color: #FF0000;
	text-align: center;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	

}

a.link-banner-bonaterra:link {
	color: #FF0000;
	font-style: normal;
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	
}
a.link-banner-bonaterra:active {
	color: #FF0000;
	font-style: normal;
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	
}
a.link-banner-bonaterra:visited {
	color: #FF0000;
	font-style: normal;
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	
}
a.link-banner-bonaterra:hover {
	color: #FF0000;
	font-style: normal;
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	
}



/************************************************************************************
LINKS
*************************************************************************************/

a.link-banner-12:link {
	color: #ffffff;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	text-decoration: none;
	
}
a.link-banner-12:active {
	color: #ffffff;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	text-decoration: none;
	
}
a.link-banner-12:visited {
	color: #ffffff;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	text-decoration: none;
	
}
a.link-banner-12:hover {
	color: #ffffff;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	text-decoration: none;
	
}



}