@charset "UTF-8";

/* Headers */
#content h1, #izquierda_ancha h1, #content h1 a, #izquierda_ancha h1 a {
width: 790px;/*el ancho de la etiqueta hay que ajustarlo, pero creo que de 790 puede quedar bien*/
	left: 0px;
	position: relative;
	float:left;
	height: 25px;
	background-image: url(../imagenes/fondo_titulo_01.png); /* cuando termine los png, cambiar por .png */
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	padding-top: 20px;
	padding-left: 10px;
	color: #003366;
	padding-bottom: 10px;
		


	/*
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #003366;
	text-decoration: none;
	text-align: left;
	white-space: normal;
background-repeat:no-repeat;
background-image:url(../imagenes/fondo_titulo_01.gif);
	margin-left: 5px;*/
}

#derecha h2, #izquierda h2, #izquierda_50 h2, #derecha_50 h2, 
#derecha h2 a, #izquierda h2 a, #izquierda_50 h2 a, #derecha_50 h2 a,
#izquierda_ancha h2, #izquierda_ancha h2 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #003366;
	text-align: left;
	white-space: normal;}

#derecha h3, #izquierda h3, #izquierda_50 h3, #derecha_50 h3, 
#derecha h3 a, #izquierda h3 a, #izquierda_50 h3 a, #derecha_50 h3 a,
#izquierda_ancha h3, #izquierda_ancha h3 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #003366;
	text-align: left;
	white-space: normal;}

#derecha h4, #izquierda h4, #izquierda_50 h4, #derecha_50 h4, 
#derecha h4 a, #izquierda h4 a, #izquierda_50 h4 a, #derecha_50 h4 a,
#izquierda_ancha h4, #izquierda_ancha h4 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #003366;
	text-align: left;
	white-space: normal;} */

#contentalt {float:left; line-height:1.5em; margin-right:20px; padding:0; text-align:left; width:750px;}
#contentalt h3 {margin:10px 0 8px;}

.a:active {
	text-decoration: none;
	color: #FFFFFF;
}
.a:link {
	text-decoration: none;
	color: #FFFFFF;
}
.a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
.a:hover {
	text-decoration: underline;
	color: #0099ff;
}

.b:link {
	text-decoration: none;
	color:blue;
}
.b:visited {
	text-decoration: none;
	color:blue;
}
.b:hover {
	text-decoration: underline;
}
.b:active {
	text-decoration: none;
	color:red;
}
.punteado {
	text-decoration: none;
	color: #000000;
	font-family: verdana, arial;
	font-size: 11px;
	border-bottom-color: #006796;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}
.c:active {
	text-decoration: none;
	color: #000000;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.c:link {
	text-decoration: none;
	color: #000000;
	font-size: 11px;
}
.c:visited {
	text-decoration: none;
	color: #000000;
	font-size: 11px;
}
.c:hover {
	text-decoration: none;
	color: #0099ff;
	font-size: 11px;
}


.linea_inicial{
	text-decoration: none;
	color: #006796;
	font-family: verdana, arial;
	font-size: 11px;
	border-bottom-color: #006796;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-top-color: #006796;
	border-top-width: 1px;
	border-top-style: solid;
	padding-top:5px;
	padding-bottom:5px;
}

.linea{
	text-decoration: none;
	color: #006796;
	font-family: verdana, arial;
	font-size: 11px;
	border-bottom-color: #006796;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-top:5px;
	padding-bottom:5px;
}
.recuadro{
	text-decoration: none;
	color: #006796;
	font-family: verdana, arial;
	font-size: 11px;
	border: #006796 1px solid;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	vertical-align:middle;
}

.recuadro input{
	vertical-align:middle;
	margin:auto;
}
.c:active {
	text-decoration: none;
	color: #006796;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.d:link {
	text-decoration: none;
	color: #006796;
	font-size: 11px;
}
.d:visited {
	text-decoration: none;
	color: #006796;
	font-size: 11px;
}
.d:hover {
	text-decoration: none;
	color: #0099ff;
	font-size: 11px;
}

.d_selected{
	text-decoration: none;
	color: #0099ff;
	font-size: 11px;
}
.d_selected:hover{
	text-decoration: none;
	color: #0099ff;
	font-size: 11px;
}

.header_dgc{
	text-decoration: none;
	color: #000000;
	font-family: verdana, arial;
	font-size: 16px;
	border-bottom-color: #006796;
	border-bottom-style: solid;
	border-bottom-width: 4px;
}
.noticias p{
	text-decoration: none;
	color: #404040;
	font-family: verdana, arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-bottom:10px;
}



#sombra {
	width: 970px;
	height: 680px;
	z-index: 0;
	margin: auto;
}
#sombra_2 {
	width: 970px;
	height: 680px;
	margin: auto;
	z-index: 0;
}
#popups {
	width: 149px;
	height: 145px;
	top: 350px;
	position: absolute;
}
#imagen_horizontal {

	position: relative;
	padding-top:5px;
	text-align:RIGHT;
}
#comunicaciones {
	padding-top:10px;
	width: 795px;
	left: 170px;
	float:left;
	padding-bottom:2px;
}

#content #destacados {
	width: 390px;
	float:left;
	margin-left: 10px;
	border-right-color: #AAAAAA;
	border-right-style: solid;
	border-right-width: 1px;
	margin-bottom:5px;
	padding-right:6px;
}

.titulo-destacados{
	padding-top:8px;
}
#header_destacados {
	height: 20px;
	width: 380px;
}
#noticias {
	float:left;
	padding-top:0px;
}

#eventos-noticias {
	position:relative;
	float:right;
}
#header_noticias {
	text-decoration: none;
	color: #000000;
	font-family: verdana, arial;
	font-size: 16px;
	border-bottom-color: #006796;
	border-bottom-style: solid;
	border-bottom-width: 4px;
	height: 20px;
	width: 100%;
}
#contenido_noticias {
	padding-top:5px;
	width: 375px;
}

#contenido_noticias p{
font-family:verdana,arial;
margin-top:-3px;
}

#boton_eventos {
	width: 375px;
}

/* contenido_destacados : Postula a ser eliminado, pues actualmente no cumple funcionalidad alguna*/
#contenido_destacados {
	width: 380px;
	left: 0px;
}

.caja_destacado{
width:380px;
}

.caja_destacado h3{
float:right;
margin-top:0px;
}

.caja_destacado p{
float:none;
margin-top:0px;
}


.caja_destacado a{
font-weight:bold;
}

.destacado_tipo {
	width: 380px;
	left: 0px;
		position: relative;
	float:left;
}


.foto_dest {
	width: 120px;
	position: relative;
	float:left;
	margin-right:5px;
	padding-left:10px;
}
.texto_dest {
	width: 240px;
	padding-left: 20px;
	position: relative;
	float:right;
}



/* Agregado por cnavarro */

.listamenu {background:#FFFFFF; cursor: default; padding:0;
	border-bottom-color: #006796;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	line-height:23px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;

}
.listamenu a{
text-decoration:none;
color:#404040;
font-weight:normal;
}
.listamenu a:hover{
text-decoration:none;
color:#404040;
font-weight:normal;
}

.listamenu:hover {background:#B1B2B4; cursor:default;padding:0;}

.selectstyle{
	font-size: 11px;
 	background-color: #EEEEEE; 
}
/* fin cnavarro*/

/* agregado por Felipejara */
#izquierda {

	float: left;
	width: 500px;
	/*padding: 0px 20px 40px 20px;*/
}

#derecha {
	float: right;
	width: 270px;
	/*padding: 0px 20px 40px 20px;*/

}

/* menu sedes */
#derecha #menu_campus_sede {list-style-type: none; margin: 0;}
#derecha #menu_campus_sede li a {display: block; padding: 5px; background: #dfdfdf; color: #333; margin: 0 5px 1px 0; text-decoration: none;}
#derecha #menu_campus_sede li a:hover {background: #ccc;}
#derecha #menu_campus_sede li a.current, #derecha #menu_campus_sede li a.current:hover {background: #bbb; color: #fff; font-weight: bold;}

#derecha img.space{
	padding-bottom:20px;
	padding-left:20px;
	padding-right:20px;

}

#izquierda_50 {
	float: left;
	width: 400px;
	/*padding: 0px 20px 40px 20px;*/
}

#derecha_50 {
	float: right;
	width: 400px;
	/*padding: 0px 20px 40px 20px;*/

}


.photo {background:#fff; border:1px solid #bababa; margin:6px 18px 2px 5px; padding:2px;}
.titulo_campus{color: #FFFFFF; font-weight: bold; font-size: 12px;}

.foto_carrera{background:#fff; border:1px solid #bababa;margin: 0 30px 15px 15px; padding: 5px; float:left;}
.titulo_carrera{float:left;}
/* 
ol li {
padding-bottom:5px;
text-align:justify;
line-height:16px;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;	
}
ul li {
padding-bottom:5px;
text-align:justify;
line-height:16px;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;	
}
 */

/*fin felipejara*/

/* agregado por cnavarro 20081008*/


/*
ul li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
	text-indent: 0px;
	list-style-type: disc;
}
*/
.lista_texto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
	text-indent: 0px;
	list-style-type: disc;
}

#content table, #izquierda_ancha table {border-collapse: collapse;}
#content table td, #content table th, #izquierda_ancha table td, #izquierda_ancha table th{padding: 5px; text-align: left;}
#content table th, #izquierda_ancha table th, .thead_center td, .thead_left td, .thead_left td, .thead_center2 td, .thead_center3 td, .titulo_campus
{background: #22628D; color: #fff;}

.thead_center3 td {vertical-align: middle!important;}


/* fin cnavarro */ 
/*estilos de tablas*/
/* Comentado por cnavarro, pues causa conflictos en varias partes del sitio (menu, x ejemplo) y aparentemente no se aplica sobre
la pagina en cuestion... USM en cifras.
thead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #003366;
	height: 20px;
}
tfoot {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	height: 20px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
}
tbody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	height: 20px;
	font-style: normal;
	text-align: center;
	border-bottom-color: #006796;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.thead_center {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	height: 20px;
	background-image: url(../imagenes/thead_fondo_01.gif);
	background-repeat: repeat-x;
}
.thead_left {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	height: 20px;
	text-align: left;
	background-image: url(../imagenes/thead_fondo_01.gif);
	background-repeat: repeat-x;
	padding-left: 10px;
	font-weight: bold;
}
.thead_center2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	height: 20px;
	background-image: url(../imagenes/thead_fondo_02.jpg);
	background-repeat: repeat-x;
}
.thead_center3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	height: 50px;
	background-image: url(../imagenes/thead_fondo_03.jpg);
	background-repeat: repeat-x;
}
.thead_left2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	height: 20px;
	text-align: left;
	background-image: url(../imagenes/thead_fondo_02.jpg);
	background-repeat: repeat-x;
	padding-left: 10px;
	font-weight: bold;
}
.thead_left3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	height: 50px;
	text-align: left;
	background-image: url(../imagenes/thead_fondo_03.jpg);
	background-repeat: repeat-x;
	padding-left: 10px;
	font-weight: bold;
}

.tbody_center {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	height: 25px;
	font-style: normal;
	text-align: center;
	border-bottom-color: #999999;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}
.tbody_left {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	height: 25px;
	font-style: normal;
	text-align: left;
	border-bottom-color: #999999;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	padding-left: 10px;
}
.tfoot_left {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	height: 25px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	border-bottom-color: #333333;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-left: 10px;
}
.tfoot_center {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	height: 20px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	border-bottom-color: #333333;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.tfooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	height: 20px;
	font-style: normal;
	text-align: right;
}
*/
/*fin gonzalovargas*/

/*agregado por gonzalo / 9 oct*/

#titulo_02_tipo {/*título para div izquierda*/
	width: 490px;
	left: 0px;
	position: relative;
	float:left;
	height: 25px;
	background-image: url(../imagenes/fondo_titulo_02.png); /* cuando termine los png, cambiar por .png */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	padding-top: 15px;
	padding-left: 10px;
	color: #003366;
}
#cierre_titulo_02_tipo {
	width: 500px;
	left: 0px;
	position: relative;
	float:left;
	height: 30px;
	background-image: url(../imagenes/fondo_titulo_cierre_02.png); /* cuando termine los png, cambiar por .png */
}

#titulo_01_tipo {/*título para columna única*/
	width: 790px;/*el ancho de la etiqueta hay que ajustarlo, pero creo que de 790 puede quedar bien*/
	left: 0px;
	position: relative;
	float:left;
	height: 25px;
	background-image: url(../imagenes/fondo_titulo_01.png); /* cuando termine los png, cambiar por .png */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding-top: 15px;
	padding-left: 10px;
	color: #003366;
}
#cierre_titulo_01_tipo {
	width: 800px;
	left: 0px;
	position: relative;
	float:left;
	height: 30px;
	background-image: url(../imagenes/fondo_titulo_cierre_01.png); /* cuando termine los png, cambiar por .png */
}
/*fin gonzalovargas*/

/*agregado por gonzalo / 10 oct*/
#izquierda_ancha {
	float: left;
	width: 790px;
}
#tabla_tipo_01 {
	float: left;
	width: 790px;
}

/*agregado por gonzalo / 13 oct*/
.content_izquierda_tipo {
	width: 500px;
	left: 0px;
	position: relative;
	float:left;
}
.derecha_rector {
	width: 280px;
	left: 0px;
	position: relative;
	float:left;
	padding-left: 20px;
}
.fotos_rector {
	width: 180px;
	left: 0px;
	position: relative;
	float:left;
	padding-left: 20px;
	padding-top: 30px;
}


/*agregado por gonzalo /15 oct*/
#izquierda_alumnos {
	float: left;
	width: 260px;
	padding-top:15px;
}

#centro_alumnos {
	float: none;
	width: 260px;
	padding-top:15px;
	margin-left: auto;
	margin-right: auto;
}
#derecha_alumnos {
	float: right;
	width: 260px;
	padding-top:15px;;
}
.titulo_alumnos {
	width: 250px;
	float:left;
	height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-top: 15px;
	padding-left: 10px;
	color: #003366;
	background-image: url(../imagenes/titulo_alumnos.png); /* cuando termine los png, cambiar por .png */
	background-repeat: no-repeat;
}
.body_alumnos {
	width: 248px;
	float:left;
	padding-top: 10px;
	padding-left: 10px;
	border-left: solid;
	border-left-width: 1px;
	border-left-color: #999999;
	border-right: solid;
	border-right-width: 1px;
	border-right-color: #999999;
}
.cierre_alumnos {
	width: 260px;
	float:left;
	height: 30px;
	background-image: url(../imagenes/cierre_alumnos.png); /* cuando termine los png, cambiar por .png */
	background-repeat: no-repeat;
}
/*fin gonzalo /15 oct*/
/*agregado por gonzalo /22 oct*/
#webmail {
	float: left;
	width: 260px;
}
.head_webmail_funcionarios {
	width: 260px;
	float:left;
	height: 45px;
	#background-image: url(../imagenes/header_webmail.png); /* cuando termine los png, cambiar por .png */
	background-repeat: no-repeat;
	margin-left:10px;
}

.head_webmail {
	width: 260px;
	float:left;
	height: 45px;
	#background-image: url(../imagenes/header_webmail.png); /* cuando termine los png, cambiar por .png */
	background-repeat: no-repeat;
}

.body_webmail {
	width: 258px;
	float:left;
	border-left: solid;
	border-left-width: 1px;
	border-left-color: #999999;
	border-right: solid;
	border-right-width: 1px;
	border-right-color: #999999;
}

.cierre_webmail {
	width: 260px;
	float:left;
	height: 30px;
	background-image: url(../imagenes/cierre_alumnos.png); /* cuando termine los png, cambiar por .png */
	background-repeat: no-repeat;
}

.cierre_webmail_funcionarios {
	width: 260px;
	float:left;
	height: 30px;
	background-image: url(../imagenes/cierre_alumnos.png); /* cuando termine los png, cambiar por .png */
	background-repeat: no-repeat;
	margin-left:10px;
}
#login_ad {
	float: left;
	width: 380px;
}
.head_login_ad {
 width: 250px;
float:left;
height: 45px;
background-image: url(../imagenes/header_login_250px.gif);
background-repeat: no-repeat;
}
.body_login_ad {
width: 248px;
float:left;
border-left: solid;
border-left-width: 1px;
border-left-color: #999999;
border-right: solid;
border-right-width: 1px;
border-right-color: #999999;
}

.cierre_login_ad {
 width: 250px;
float: left;
height: 30px;
background-image: url(../imagenes/cierre_login_250px.gif);
background-repeat: no-repeat;
}


#imagen_horizontal_azul {
	background-image: url(../imagenes/cabeceras/otros.gif);
	height: 40px;
	margin-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	white-space: normal;
	background-repeat: no-repeat;
	padding-top: 15px;
	padding-left: 10px;
}

.tabla_margen_izq{
		margin-left: 10px;

}

/*fin gonzalo /22 oct*/

#flash{
	float:left;
}

#titulo_admision{
margin-top:10px;
}


#galeria_museo{
margin-bottom:80px;
}

#bannercol_ad {
width: 250px;
float: right;
margin-right: 25px;
}
/*agregado por gonzalo /4 dic*/

.vermas_derecha{
float:right;
}

.caja_h2{
float:left;
}

.caja_vermas{
float:left;
padding: 3px 0 0 5px;
}

.mini-banner{
margin-top:5px;
width:100%;
text-align:center;
}

#iconos_home{
	width:375px;
}

#iconos_home img{
	width:18px;
	height:18px;
}

#iconos_home a.ver_mas{
	text-align:right !important;
}

#iconos_home ul{
	padding:0;
}
#iconos_home ul li {
display:block;
margin:0;
}

#iconos_home hr {
color:#CCCCCC;
}
#twitter {
background:url(../imagenes/twitter_15.png) no-repeat scroll 0;
padding:0px 0px 0px 20px;
}
#rss {
list-style-image:url(feed_15.png);
background:url(../imagenes/feed_15.png) no-repeat scroll 0;
padding:0 0 0 20px;
}

ul#usm_botones{
	list-style-type:none;
	list-style-position:outside;	
	padding:0;
	margin:0;
}

#usm_botones li{
	margin:0 0 5px 0;
	padding:0;
}

#usm_botones li a{ 
	display:block;
	text-indent:-999999px;
	width:375px;
	height:25px;
}

#usm_botones li a.usm_eventos{
	background: url(../imagenes/btn_eventos_a.png) no-repeat;
}

#usm_botones li a.usm_noticias{
	background: url(../imagenes/btn_noticias_a.png) no-repeat;
}

#usm_botones li a:hover{ 
	background-position: 0 -25px;
}

#noticias p.noticias{
	margin-left:0px !important;
}

/*banners psu*/
#banner_psu {width: 790px;	margin-left: 15px;}
#banner_psu * {margin: 0px !important; padding: 0px !important; border: none 0; outline: 0 none;}

/*agregado por cela /feb2011*/
.plan_emergencia {
	width: 260px;
	float:left;
	height: 52px;
	#background-image: url(../imagenes/plan_emergencia.png); /* cuando termine los png, cambiar por .png */
	background-repeat: no-repeat;
	margin-left:10px;
	margin-bottom:30px;
}

.plan_emergencia_profesores {
	width: 260px;
	float:left;
	height: 52px;
	#background-image: url(../imagenes/plan_emergencia.png); /* cuando termine los png, cambiar por .png */
	background-repeat: no-repeat;
	margin-left:0;
}