img {
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);
		}

body
{
	background: #ffffff url(../images/body.png) repeat-x top;
	behavior: url("../css/iepngfix.htc");
	margin: 0;
	font-family: Arial;
}


#conteiner
{
	background: transparent url(../images/back.gif) no-repeat;
	behavior: url("../css/iepngfix.htc");
	width: 1044px;
	height: 800px;
	padding: 0 20px;
	margin: 0 10%;
}

#conteiner2
{
	background: transparent url(../images/back_3.gif) no-repeat;
	behavior: url("../css/iepngfix.htc");
	width: 1044px;
	height: 850px;
	padding: 0 20px;
	margin: 0 10%;
}


#cont
{
	width: 1002px;
	margin: auto;
	padding: 0;
	float: left;
}


#cont .traje
{
	background: transparent url(../images/traje.gif) no-repeat left -20px;
	behavior: url("../css/iepngfix.htc");
	width: 315px;
	height: 550px;
	padding: 0;
	float: left;
}


#cont .ella
{
	background: transparent url(../images/chava.gif) no-repeat left -20px;
	behavior: url("../css/iepngfix.htc");
	width: 315px;
	height: 550px;
	padding: 0;
	float: left;
}


#cont .el
{
	background: transparent url(../images/chavo.gif) no-repeat left -20px;
	behavior: url("../css/iepngfix.htc");
	width: 315px;
	height: 550px;
	padding: 0;
	float: left;;
}


/* HEADER */

#header
{
	background: transparent url(../images/backHeader.gif) no-repeat;
	behavior: url("../css/iepngfix.htc");
	width: 982px;
	height: 90px;
	margin: 10px 10px 0 10px;
	padding: 0;
}


#header .bienvenida
{
	font-size: 11px;
	color: #00529c;
	text-align: left;
	float: right;
	padding: 7px 65px 0 0;
	background: url(../images/slash.gif) no-repeat  320px 7px;
	behavior: url("../css/iepngfix.htc");
}

#header .logo
{
	width: 300px;
	height: 60px;
	padding: 15px 20px 15px 20px;
	float: left;
}

h1
{
	font-size: 30px;
	color: #00529c;
	text-align: left;
	font-weight: bold;
	padding: 0px 20px 0px 20px;
	margin: 15px 0 0 0;
}

h2
{
	font-size: 23px;
	color: #00529c;
	text-align: left;
	font-weight: normal;
	padding: 0px 20px 0px 20px;
	margin: 0;
}


/* BREADCRUMBS */

.bread
{
	width: 570px;
	float: left;
	margin: -40px 0 0 -100px;
	padding: 0px 0 0 0;
}




/* BREADCRUMBS */

.bread2
{
	width: 570px;
	float: left;
	margin: 0px 0 0 -100px;
	padding: 10px 0 30px 0;
}
 
/* CONTENIDO */

#contenido
{
	width: 570px;
	float: left;
	height: 350px;
	margin: 100px 0 0 -115px;
	padding: 10px 0 0 0;
	background: url(../images/bgContenido.gif) no-repeat;
	behavior: url("../css/iepngfix.htc");
}


#contenido .titulo
{
	font-size: 18px;
	color: #fff;
	text-align: center;
	line-height: 18px;
	padding: 10px 0 0 0;
	margin: 0px 0 0 55px;
	width: 500px;
	height: 60px;
}

#contenido .titulo2
{
	font-size: 22px;
	color: #fff;
	text-align: left;
	line-height: 18px;
	padding: 10px 0 0 0;
	margin: 10px 0 0 70px;
	width: 500px;
	height: 60px;
}

#contenido .tit
{
	padding: 10px 0 0 0;
	margin: 0px 0 0 55px;
	width: 500px;
	height: 60px;
}


#contenido .tit h1
{
	font-size: 15px;
	color: #fff;
	text-align: center;
	line-height: 17px;
	font-weight: normal;
	width: 420px;
	margin: 0;
	float: left;
	padding: 0 0 0 10px;
}


#contenido .tit h2
{
	font-size: 15px;
	color: #fff;
	text-align: center;
	line-height: 17px;
	font-weight: normal;
	width: 495px;
	margin: 0;
	float: left;
	padding: 0px 0 0 10px;
	height: 50px;
} 

#contenido .tit select
{
	margin: 10px 0 0 15px;
	float: left;
	border: 1px solid #bebebe;
}

#contenido .texto
{
	font-size: 14px;
	color: #00529c;
	line-height: 18px;
	padding: 20px 10px 0 15px;
	margin: 0 0 0 65px;
	width: 450px;
	height: 200px;
	text-align: left;
}



#contenido .texto2
{
	font-size: 12px;
	color: #00529c;
	line-height: 18px;
	padding: 10px 10px 0 15px;
	margin: 0 0 0 65px;
	width: 450px;
	text-align: left;
}

#contenido .texto3
{
	font-size: 20px;
	color: #00529c;
	line-height: auto;
	padding: 20px 10px 0 15px;
	margin: 0 0 0 65px;
	width: 450px;
	height: 200px;
	text-align: left;
}

#contenido .texto3 a
{
	font-size: 20px;
	color: #00529c;
	text-decoration: undeline;
}

#contenido .texto3 a:hover
{
	font-size: 20px;
	color: #00529c;
	text-decoration: none;
}


#contenido .texto p
{
	font-size: 16px;
	color: #00529c;
	text-align: center;
	font-weight: bold;
	line-height: normal;
	margin: 5px 25px 0 0;
}



#contenido .forma
{
	padding: 20px 0 0 0;
	margin: 0 0 0 65px;
	width: 450px;
	height: 200px;
	text-align: left;
}

#contenido .forma table
{
	font-size: 18px;
	color: #00529C;
	width: 480px;
	padding: 0 0 10px 0;
}

#contenido .forma td
{
	border-bottom: 1px solid #bebebe;
	padding: 10px;
}

#contenido .forma select
{
	width: 200px;
	margin: 0px 0px 0px 10px;
	border: 1px solid #bebebe;
}

#contenido .forma .campo
{
	margin: 0px 0px 0px 10px;
	border: 1px solid #bebebe;

}


#contenido .inscribir{}


#contenido .inscribir
{
	background: transparent url(../images/btn_inscribir.gif) no-repeat;
	padding: 0;
	float: left;
}

#contenido .inscribir:hover {	background: transparent url(../images/btn_inscribirOn.gif) no-repeat;}



#contenido .forma2
{
	padding: 15px 0 0 0;
	margin: 0 0 0 65px;
	width: 450px;
	height: 200px;
	text-align: left;
}

#contenido .forma2 table
{
	font-size: 12px;
	color: #00529C;
	width: 480px;
	padding: 0 0 10px 0;
}

#contenido .forma2 td
{
	border-bottom: 1px solid #bebebe;
	padding: 5px;
}

#contenido .forma2 select
{
	width: 200px;
	margin: 0px 0px 0px 10px;
	border: 1px solid #bebebe;
}

#contenido .forma2 .campo
{
	margin: 0px 0px 0px 10px;
	border: 1px solid #bebebe;

}


/* CONTENIDO AZUL */

#contenidoAzul
{
	width: 570px;
	float: left;
	height: 400px;
	margin: 100px 0 0 -114px;
	padding: 10px 0;
	background: url(../images/bgContenidoAzul.gif) no-repeat;
	behavior: url("../css/iepngfix.htc");
}


#contenidoAzul .titulo
{
	font-size: 18px;
	color: #fff;
	text-align: center;
	line-height: 18px;
	padding: 10px 0 0 0;
	margin: 0px 0 0 55px;
	width: 500px;
	height: 60px;
}

#contenidoAzul .texto
{
	font-size: 16px;
	color: #FFF;
	text-align: center;
	padding: 10px 10px 0 15px;
	margin: 0 0 0 65px;
	width: 450px;
	height: 200px;
}


#contenidoAzul a
{
	color: #f4f8fc;
	text-align: center;
	text-decoration: none;
}


#contenidoAzul a:hover
{
	text-decoration: underline;
}

#contenidoAzul .texto2
{
	font-size: 15px;
	color: #FFF;
	text-align: center;
	padding: 20px 10px 0 15px;
	margin: 0 0 0 65px;
	width: 450px;
	height: 250px;
	line-height: normal;
}

#contenidoAzul .texto2 a
{
	color: #f4f8fc;
	text-decoration: underline;
}

#contenidoAzul .texto2 a:hover
{
	color: #f4f8fc;
	text-decoration: none;
}

#contenidoAzul .texto2 span { color: #f4f8fc; }


/* CONTENIDO BLANCO */

#contenidoBco
{
	width: 530px;
	float: left;
	height: 450px;
	margin: 55px 0 0 -75px;
	padding: 10px 0;
	background: url(../images/bgContenidoBco.gif) no-repeat;
	behavior: url("../css/iepngfix.htc");
}


#contenidoBco .titulo
{
	font-size: 18px;
	color: #00529c;
	text-align: left;
	line-height: 18px;
	padding: 10px 10px 0 15px;
	margin: 0 0 0 10px;
	width: 450px;
}


#contenidoBco .texto
{
	font-size: 12px;
	color: #00529c;
	text-align: left;
	line-height: 18px;
	padding: 10px 10px 0 15px;
	margin: 0 0 0 10px;
	width: 450px;
	height: 200px;
}


#contenidoBco .texto span
{
	font-size: 14px;
	color: #d03930;
}


#contenidoBco .texto a
{
	color: #00529c;
	text-decoration: underline;
}

#contenidoBco .texto a:hover { text-decoration: none; }


#contenidoBco .texto ul
{
	font-size: 12px;
	color: #00529c;
	margin: 0;
	padding: 0 0 0 20px;
}


#contenidoBco .texto li
{
	color: #00529c;
	list-style: disc outside;
	font-weight: bold;
}



/* TEXTO PARA CONTENIDO COLAPSABLE */


#contenidoBco .textoCol
{
	font-size: 12px;
	color: #00529c;
	text-align: left;
	line-height: 18px;
	padding: 20px 10px 0 15px;
	margin: 0 0 0 10px;
	width: 450px;
	height: 200px;
	float: left;
}



#contenidoBco .textoCol span
{
	font-size: 14px;
	color: #d03930;
}


#contenidoBco .textoCol a
{
	color: #00529c;
	text-decoration: underline;
}

#contenidoBco .textoCol a:hover { text-decoration: none; }


#contenidoBco .collapse
{
	font-size: 14px;
	color: #00529c;
	text-decoration: none;
	float: left;
	width: 450px;
} 


#contenidoBco  a.collapse
{
	font-size: 14px;
	color: #00529c;
	text-decoration: none;
}


#contenidoBco  a.collapse:hover
{
	font-size: 14px;
	color: #d03930;
	text-decoration: none;
}


#contenidoBco  a.collapse:active
{
	font-size: 14px;
	color: #d03930;
	text-decoration: none;
}

#contenidoBco .result
{
	display: none;
	padding: 5px 10px 0 20px;
	float: left;
	overflow: auto;
	margin: 10px 0;
	width: 430px;
}



/* CONTENIDO FORMA 1 */

#contenidof1
{
	width: 570px;
	float: left;
	height: 485px;
	margin: 20px 0 0px -125px;
	padding: 5px 0 0px 0;
	background: url(../images/bgForma1.gif) no-repeat;
}


#contenidof1 .tit
{
	padding: 10px;
	margin: 0px auto 0 55px;
	width: 480px;
	height: 35px;
}


#contenidof1 .tit h1
{
	font-size: 15px;
	color: #fff;
	text-align: left;
	line-height: 17px;
	font-weight: normal;
	margin: 0;
	float: left;
	padding: 0 0 0 10px;
}



#contenidof1 .forma
{
	padding: 20px 0 0 0;
	margin: 0 0 0 65px;
	width: 450px;
	height: 200px;
	text-align: left;
}

#contenidof1 .forma table
{
	font-size: 12px;
	color: #00529C;
	width: 480px;
	padding: 0 0 10px 0;
}

#contenidof1 .forma td
{
	padding: 5px 0 3px 0;
}

#contenidof1 .forma select
{
	margin: 0px 0px 0px 10px;
	border: 1px solid #bebebe;
}

#contenidof1 .forma .campo
{
	margin: 0px 0px 0px 10px;
	border: 1px solid #bebebe;

}


#contenidof1 .opciones
{
	width: 500px;
	margin: 0px 0 0 50px;
	height: 20px;
	padding: 6px 0 0 0;
}

#contenidof1 .opciones table { width: 100%; }

#contenidof1 .opciones td
{
	font-size: 12px;
	color: #00529c;
	padding: 0px 0 0 10px;
}

#contenidof1 .opciones a
{
	font-size: 12px;
	color: #00529c;
	text-decoration: none;
}




/* CONTENIDO FORMA 2 */

#contenidof2
{
	width: 570px;
	float: left;
	height: 485px;
	margin: 20px 0 0px -125px;
	padding: 5px 0 0px 0;
	background: url(../images/bgForma2.gif) no-repeat;
}


#contenidof2 .tit
{
	padding: 10px;
	margin: 0px auto 0 55px;
	width: 480px;
	height: 35px;
}


#contenidof2 .tit h1
{
	font-size: 15px;
	color: #fff;
	text-align: left;
	line-height: 17px;
	font-weight: normal;
	margin: 0;
	float: left;
	padding: 0 0 0 10px;
	
}

#contenidof2 .forma
{
	padding: 20px 0 0 0;
	margin: 0 0 0 65px;
	width: 450px;
	height: 200px;
	text-align: left;
}

#contenidof2 .forma table
{
	font-size: 12px;
	color: #00529C;
	width: 480px;
	padding: 0 0 10px 0;
}

#contenidof2 .forma td
{
	padding: 5px 0 3px 5px;
}

#contenidof2 .forma .on
{
	border-bottom: 1px solid #bebebe;
	padding: 3px 0 10px 5px;
}

#contenidof2 .forma span
{
	color: #e93a3f;
	font-weight: bold;
	padding: 5px 0 3px 5px;
}

#contenidof2 .forma select
{
	margin: 0px 0px 0px 10px;
	border: 1px solid #bebebe;
}

#contenidof2 .forma .campo
{
	margin: 0px 0px 0px 10px;
	border: 1px solid #bebebe;

}


#contenidof2 .opciones
{
	width: 500px;
	margin: 0px 0 0 50px;
	height: 20px;
	padding: 6px 0 0 0;
}

#contenidof2 .opciones table { width: 100%; }

#contenidof2 .opciones td
{
	font-size: 12px;
	color: #00529c;
	padding: 0px 0 0 10px;
}

#contenidof2 .opciones a
{
	font-size: 12px;
	color: #00529c;
	text-decoration: none;
}





/* CONTENIDO FORMA 3 */

#contenidof3
{
	width: 570px;
	float: left;
	height: 485px;
	margin: 20px 0 0px -125px;
	padding: 5px 0 0px 0;
	background: url(../images/bgForma3.gif) no-repeat;
}


#contenidof3 .tit
{
	padding: 10px;
	margin: 0px auto 0 55px;
	width: 480px;
	height: 35px;
}


#contenidof3 .tit h1
{
	font-size: 15px;
	color: #fff;
	text-align: left;
	line-height: 17px;
	font-weight: normal;
	margin: 0;
	float: left;
	padding: 0 0 0 10px;
	
}

#contenidof3 .forma
{
	padding: 20px 0 0 0;
	margin: 0 0 0 65px;
	width: 450px;
	height: 200px;
	text-align: left;
}

#contenidof3 .forma table
{
	font-size: 12px;
	color: #00529C;
	width: 480px;
	padding: 0 0 10px 0;
}

#contenidof3 .forma td
{
	padding: 10px 0 3px 5px;
}

#contenidof3 .forma .on
{
	border-bottom: 1px solid #bebebe;
	padding: 10px 0 10px 5px;
}

#contenidof3 .forma span
{
	color: #e93a3f;
	font-weight: bold;
}

#contenidof3 .forma select
{
	margin: 0px 0px 0px 10px;
	border: 1px solid #bebebe;
}

#contenidof3 .forma .campo
{
	margin: 0px 0px 0px 10px;
	border: 1px solid #bebebe;

}


#contenidof3 .opciones
{
	width: 500px;
	margin: 0px 0 0 50px;
	height: 20px;
	padding: 6px 0 0 0;
}

#contenidof3 .opciones table { width: 100%; }

#contenidof3 .opciones td
{
	font-size: 12px;
	color: #00529c;
	padding: 0px 0 0 10px;
}

#contenidof3 .opciones a
{
	font-size: 12px;
	color: #00529c;
	text-decoration: none;
}




/* SCROLL */


#newsscroll
{
	width: 450px;
	height: 330px;
	overflow: auto;
	display: block;
	margin: 0px;
	padding: 0px 10px 0px 0px;
}



 #newsscroll hr
 {
 	width: 550px;
 	background-color: #7DA2C4;
 	margin-left: 0;
 	margin-right: 10px;
 }


/* SCROLL CON IMAGEN */

#newsscroll .scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

#newsscroll .vscrollerbase
{
	width: 5px;
	background: #cecece;
}
#newsscroll .vscrollerbar
{
	width: 5px;
	/* following is the bit that allows us fixed height scrollbars */
	height: 50px !important;
	/* for fixed height, we force the vscrollerbar class with an !important decleration, and fleXcroll follows suit.*/
	background: #00529c;
	/* unfortunately, due to limitations of CSS, we cannot provide a color for the background when we are
using alpha images, thay have to be transparent.*/
}
* html #newsscroll .vscrollerbar {
/* IE6 alpha png trick */
/* IE7 is not affected by this trick, as it perfectly handles the normal png */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='../images/scrollbar.gif');
background-image: none;
}
/* do not forget to give horizontal scrollbars some color properties even if you don't plan on using them */
#newsscroll .hscrollerbase {height: 22px;}
#newsscroll .hscrollerbar {height: 22px;}
#newsscroll .vscrollerbar, .hscrollerbar {
/* paddings of these elements will decide how far the scrollbar will stop in both ends, and are not actually
used for styling, and are set to 0 by the script, here we will set them the size of our faux arrows */
padding: 0px;
z-index: 4;
}
/* properties for scroller jog box, just in case */
#newsscroll .scrollerjogbox {
width: 22px;
height: 22px;
top: auto; left: auto;
bottom: 0px; right: 0px;
}
/* Scroll Bar Master Styling Ends Here */





/* MENU */

#menu
{
	width: 226px;
	float: left;
	margin: 90px 0 0 0;
	height: auto;
}



/* QUE ES */

#menu .que
{
	background: transparent url(../images/menu/quees.gif) no-repeat;
	width: 226px;
	height: 66px;
	padding: 0;
	float: left;
}

#menu .que:hover {	background: transparent url(../images/menu/quees_over.gif) no-repeat;}

#menu .queActive {	
	background: transparent url(../images/menu/quees_on.gif) no-repeat;	
	width: 226px;
	height: 66px;
	padding: 0;
	float: left;
}

#menu .queActive:hover {	background: transparent url(../images/menu/quees_over.gif) no-repeat;}



/* UNIVERSIDAD */

#menu .universidad
{
	background: url(../images/menu/universidad.gif) no-repeat;
	width: 226px;
	height:66px;
	float: left;
}

#menu .universidad:hover {	background: url(../images/menu/universidad_over.gif) no-repeat;}

#menu .universidad:active {	background: url(../images/menu/universidad_on.gif) no-repeat;}

#menu .universidadActive
{
	background: url(../images/menu/universidad_on.gif) no-repeat;
	width: 226px;
	height:66px;
	float: left;
}

#menu .universidadActive:hover { background: url(../images/menu/universidad_over.gif) no-repeat;}



/* PROCESO */

#menu .proceso
{
	background: url(../images/menu/proceso.gif) no-repeat;
	width: 226px;
	height:66px;
	float: left;
}

#menu .proceso:hover {	background: url(../images/menu/proceso_over.gif) no-repeat;}

#menu .proceso:active {	background: url(../images/menu/proceso_on.gif) no-repeat;}


#menu .procesoActive
{
	background: url(../images/menu/proceso_on.gif) no-repeat;
	width: 226px;
	height:66px;
	float: left;
}

#menu .procesoActive:hover {	background: url(../images/menu/proceso_over.gif) no-repeat;}



/* DOCUMENTACION */

#menu .documentacion
{
	background: url(../images/menu/documentacion.gif) no-repeat;
	width: 226px;
	height:66px;
	float: left;
}

#menu .documentacion:hover {	background: url(../images/menu/documentacion_over.gif) no-repeat;}

#menu .documentacion:active {	background: url(../images/menu/documentacion_on.gif) no-repeat;}


#menu .documentacionActive
{
	background: url(../images/menu/documentacion_on.gif) no-repeat;
	width: 226px;
	height:66px;
	float: left;
}

#menu .documentacionActive:hover {	background: url(../images/menu/documentacion_over.gif) no-repeat;}



/* CONOCE */

#menu .conoce
{
	background: url(../images/menu/conoce.gif) no-repeat;
	width: 226px;
	height:88px;
	float: left;
}

#menu .conoce:hover {	background: url(../images/menu/conoce_over.gif) no-repeat;}

#menu .conoce:active {	background: url(../images/menu/conoce_on.gif) no-repeat;}


#menu .conoceActive
{
	background: url(../images/menu/conoce_on.gif) no-repeat;
	width: 226px;
	height:88px;
	float: left;
}

#menu .conoceActive:hover {	background: url(../images/menu/conoce_over.gif) no-repeat;}


/* BOTON BACK */

#back
{
	background: url(../images/btn_regresar.gif) no-repeat;
	width: 57px;
	height: 20px;
	float: right;
	margin-top: 15px;
}

#back:hover{
	background: url(../images/btn_regresarOn.gif) no-repeat;
}


/* FOOTER */

#footer
{
	width: 982px;
	height: 80px;
	float: left;
	margin: 20px 0px 0px 0px;
	padding: 10px;
}


#footer p
{
	font-size: 11px;
	color: #00529c;
	line-height: 15px;
	padding: 0 0 0 10px;
}


#footer span { color: #727272; }

#footer a
{
	font-size: 11px;
	color: #727272;
	text-decoration: none;
}

#footer a:hover { text-decoration: underline; }



/* FOOTER 2*/

#footer2
{
	width: 982px;
	height: 80px;
	float: left;
	margin: 0px;
	padding: 15px 10px 0px 10px;
}


#footer2 p
{
	font-size: 11px;
	color: #00529c;
	line-height: 15px;
	padding: 0 0 0 10px;
}


#footer2 span { color: #727272; }

#footer2 a
{
	font-size: 11px;
	color: #727272;
	text-decoration: none;
}

#footer2 a:hover { text-decoration: underline; }