@charset "utf-8";
/* CSS Document  estilo unidades academicas y carreras de las unidades académicas*/
html {text-align:center;
border-spacing:0; 
margin:0;

padding-top:0px;}
body{ text-align:center;
border-spacing:0; 
margin:0;
padding-top:0px; background-image:url(../img/bgbody.gif); background-color:#FFFFFF;
}
div#principal{ width:900px; height:100px;background-color:#ffffff;font-family:Arial, Helvetica, sans-serif;
text-align:left; margin:0px auto 0px auto;
border:none;}
div#pie{margin:0 auto 0 auto; 
width:900px; 
text-align:left; 
border:none; top:1050px; position:absolute;}
div#pie{background-color:#0d254e; color:#ffffff; margin-top:20px;}
div#pie a{color:#ffffff;}
.solotexto{display:none;}
div#principal div#banner {position:absolute; top:0px; width:900px; background-color:#FFFFFF; height:179px;}
div#principal div#banner div#titulo_banner h1{ color:#70a8f1; text-align:right; padding-top:40px; padding-right:20px; padding-bottom:0px; margin-bottom:0;}
div#principal div#banner div#titulo_banner{background-color:#003366; height:120px; padding-top:0px; margin-top:0px;}
div#principal div#banner div#logo {
	height:100px;
	width:100px;
	/*float:left;*/
	position:absolute;
	top:60px;
	left:30px;
}
div#principal div#banner div#hora_fecha{background-color:#FFFF00; position:absolute; top:20px; margin-left:400px; width:500px; text-align:right; color:#0000FF;}
div#principal div#banner div#hora_fecha a{ color:#0000FF;}
div#principal div#banner div#logo img{border-color:#0000FF;}
div#mensaje{padding-left:140px; color:#ffff00; margin-top:0px;}
div#central{position:absolute; top:179px; background-color:#FFFFFF}
div#agenda{ position: absolute; top:0px; left:0px;
margin-top:0;
width:200px; height:310px;
background-color:#0d254e;
}
div#agenda div.titulo h2{
color:#FFFFFF; font-size:12px; text-align:center; margin-top:5px;}
div#actividades_hoy {
color:#FFFFFF; font-size:10px; margin-left:10px; margin-right:10px;}
div#actividades_hoy ol{list-style-type:none; padding-left:0; margin-left:0; padding-top:0px; margin-top:5px;}
div#actividades_hoy h3{ padding:0; margin:10px 0 0 0; font-size:12px;}
div#calendario{
width:175px; border:1px #FFFFFF solid; margin-left:15px; text-align:center}
div#calendario td,div#calendario_agenda td{ border:1px #003366 outset; cursor:pointer;} 
table#calendar{background-color:#FFFFFF; border:1px #003366 outset}
td.domingo{color:#FF0000;}
td.hoy{background-color:#FFFF00;}
td.feriado{background-color:#FF0000;}
.fecha{ color:#003366; font-weight:bold; cursor:pointer;}
.semana{ font-weight:bold}
td#calendario_atras a{color:#003366; cursor:pointer;}
td#calendario_adelante a{color:#003366; cursor:pointer;}
div#carreras{
width:200px; height:350px; position:absolute;
top:320px; left:0px;
background-color:#0d254e;
}
div#carreras div.titulo h2{
color:#FFFFFF; font-size:14px; text-align:center;}
div#carreras div#lista ul li{ list-style-type:none; padding:0px; margin-left:-30px;}
div#carreras div#lista ul li a{
color:#FFFFff; font-size:10px; text-decoration:none; cursor:pointer; display:block; margin-right:10px; padding-top:2px; padding-bottom:2px;}
div#carreras div#lista ul li a:hover{color:#ffffff; font-size:10px; text-decoration:underline; background-color:#2c446d;}
div#proceso{ width:685px; margin-left:215px; height:885px; overflow:auto; padding-top:0px; margin-top:0px; margin-bottom:10px;}
div#noticias { background-color:#E6E6FA; border:1px #0d254e solid;}
div#noticias div.titulo{ background-color:#0d254e; 
/*position:absolute; top:0; width:680px;*/
}
div#noticias div.titulo h2{ text-align:center; margin-top:0px;}
div#noticias div.titulo h2 a{ text-align:center; color:#FFFF00; text-decoration:none; cursor:pointer;}
div#imagen_mini { width:150px; height:100px; float:left; margin-top:-10px; margin-left:10px;}
div#titulo_noticia{ margin-left:170px; text-align:center;}
div#titulo_noticia a{color:#0033FF; text-decoration:none; cursor:pointer;}
div#contenido_noticia{ margin-left:170px;}
div#noticias_anteriores ul{ list-style-type:none;}
div#noticias_anteriores ul li a{ text-decoration:none; color:#0000FF; cursor:pointer;}
div#separador hr{ margin-right:10px; margin-left:10px; color:#0000ff; }
div#mas_noticias a{ color:#0033FF; font-size:14px; text-decoration:none; cursor:pointer;}
div#fotos{background-color:#E6E6FA; border:1px #0d254e solid; margin-top:20px;}
div#fotos div.titulo{ background-color:#0d254e; 
/*position:absolute; top:0; width:680px;*/
}
div#fotos div.titulo h2{ text-align:center; margin-top:0px; color:#FFFF00;}
div#foto_grande{ text-align:center;}
div#fila_foto{ width:670px;}
div#foto_izq{ width:35px; height:100px; float:left; margin-left:20px;}
div#foto_der{ width:35px; height:100px; float:right; margin-right:20px;}
div#contacto{position:absolute; top:680px; left:0px; background-color:#0d254e; width:200px;}
div#contacto div.titulo h2{color:#FFFFFF; font-size:14px; text-align:center;}
div#contactos{ margin-left:10px;}
div#contactos dl{color:#FFFFFF; font-size:12px;}
div#contactos dl a{color:#FFFF00;}

div#banner_carrera{ background-color:#0033FF; width:670px; height:100px; margin-top:0px;}
div#logo_carrera{/*background-color:#FFFFFF;*/ margin-top:10px; margin-right:10px;}
div#banner_carrera h1{color:#70a8f1; font-size:24px; padding-top:20px; padding-left:15px;}
div#menu{width:670px; background-color:#0d254e; height:25px;}
div#menu ul{list-style-type:none; /*con esto quitamos las viñetas*/
	margin:0; /*le quitamos el margen a la lista*/ 
	padding:0; /*y el relleno*/
}
div#menu li {
	margin:0; /*le quito el margen al elemento de la lista*/ 
	float:left; /*y los floto a la izquierda para eliminar el salto de linea*/ 
}
div#menu li a {
	display:block; /*con esto el vinculo tendra un area rectangular, asi no sera solo el texto*/ 
	background-color:#0d254e; /*algo de color*/ 
	color:#FFFFFF; /*mas*/ 
	width:134px; /*defino el ancho del rectangulo del vinculo*/
	padding:0px 0 5px 0px; /*sumamos el relleno al ancho y alto del rectangulo para obtener el div #menu completamente ocupado con los ítems del menú*/ 
	text-decoration:none; /*elimino el subrayado del vínculo*/ 
	font-weight:bold; /*decoración*/ 
	text-transform:uppercase; /*decorare los vinculos en mayusculas*/
	cursor:pointer;
	text-align:center;
}
div#menu li a:after {content: ":.";}
div#menu li a:before {content: ".:";}
div#menu li a:hover{background-color:#70a8f1; /*decoración para el evento hover (mouse encima)*/ 
	color:#0d254e;
}
div#contenido_carrera{width:670px; background-color:#E6E6FA; text-align:center;}
div#perfil, div#anuncios, div#mision, div#vision, div#pensum, div#horarios, div#objetivo, div#articulos{border:1px #0d254e solid; width:640px; background-color:#FFFFFF; margin-left:20px; text-align:left;}
div#contenido_carrera div.titulo{background-image:url(../img/line.gif); background-repeat:repeat-x; height:23px; text-align:center;}
div#contenido_carrera div.titulo h2,div#contenido_carrera div.titulo h2 a{color:#FFFF00; font-size:18px; margin-top:0px; text-decoration:none; cursor:pointer;}
div#contenido_anuncio{margin-left:20px; margin-right:20px; margin-top:10px; margin-bottom:10px;}
div#ultimoanuncio a{text-decoration:none; color:#000066; text-transform:uppercase; font-weight:bold; cursor:pointer;}
div#ultimoanuncio a:before{content: ".:";}
div#ultimoanuncio a:after{content: ":.";}
div#ultimoanuncio p{text-align:justify;}
div#mas_anuncios{text-align:right;}
div#mas_anuncios a{color:#0000CC; text-decoration:none; cursor:pointer;}
div#anuncios_anteriores ul{list-style-type:none; padding:0; margin:0;}
div#anuncios_anteriores ul li a{text-decoration:none; cursor:pointer; text-transform:uppercase; color:#000066;}
div#anuncios_anteriores ul li a:before{content: ".:";}
div#anuncios_anteriores ul li a:after{content: ":.";}
div#contenido_carrera div.decizquierda{float:left; width:40px; height:23px; background-image:url(../img/060420linea.gif);}
div#contenido_carrera div.decderecha{float:right; width:40px; height:23px; background-image:url(../img/060420lineb.gif); }
div#contenido_carrera div#perfil div.contenido,div#contenido_carrera div#mision div.contenido,div#contenido_carrera div#vision div.contenido,div#contenido_carrera div#pensum div.contenido,div#contenido_carrera div#horarios div.contenido,div#contenido_carrera div#objetivo div.contenido, div#contenido_carrera div#articulos div.contenido{text-align:justify; margin:10px;}
.abajo{ background-image:url(../img/line.gif); background-repeat:repeat-x; height:23px;}
div#banner_noticias{width:670px; background-color:#003366; height:100px; text-align:center;}
div#banner_noticias h1{color:#70a8f1; padding:30px;}
div#contenedor_noticias{width:670px; padding-top:20px; padding-bottom:20px; background-color:#E6E6FA;}
div.noticia_individual{margin-left:20px; margin-right:20px;}
div.noticia_individual h5 a{text-decoration:none; color:#0066FF; cursor:pointer; text-transform:uppercase;}
div.noticia_individual p{text-align:justify; margin-top:0px;}
div.noticia_individual img{margin-left:5px; margin-right:5px;}
div#noticia_completa{margin-left:30px;  width:600px;}
div#noticia_completa h3{color:#0000FF; text-transform:uppercase; text-align:center;}
div#noticia_titulo_foto_mini, div#noticia_fecha, div#noticia_autor{ width:133px; color:#0066FF; font-size:12px;}
div#noticia_completa p{text-align:justify; margin-left: 10px; margin-right:10px;}
div#noticia_titulo_foto_grande{color:#0066FF;}
div#mas_noticias{text-align:right; cursor:pointer;}
div#banner_anuncios{width:670px; text-align:center; background-color:#70a8f1;}
div#banner_anuncios h3{color:#000066; font-size:18px; text-transform:uppercase;}
div#banner_anuncios h3:before{content:".:·";}
div#banner_anuncios h3:after{content:"·:.";}
div#contenido_anuncios{width:670px; text-align:left;}
div.anuncio_individual{ margin-left:20px; margin-right:20px; margin-top:0px; padding-top:0px;}
div.anuncio_individual h4{color:#003399; text-align:center; font-size:16px; text-transform:uppercase; margin-top:0px; padding-top:0px;}
div.anuncio_individual p{ text-align:justify;}
div.anuncio_individual em{font-size:10px; color:#0033FF; text-align:left;}
div#horarios div.contenido{color:#0d254e;}
div#tabla_horarios .hora{font-size:9px;}
div#tabla_horarios .nombre_materia{font-size:11px;}
div#contenedor_agenda{width:670px; background-color:#E6E6FA; padding:0px; margin:0px;}
div#calendario_institucional{ background-color:#0d254e; text-align:center;}
div#calendario_institucional h2{color:#FFFF00; text-align:center; text-transform:uppercase;}
div#titulo_agenda{width:670px; padding:0; margin:0 20px 20px 0; text-align:center;}
div#titulo_agenda h3{color:#006699; text-transform:uppercase;}
div.actividades_agenda{ margin-left:30px; margin-right:30px;}
div.actividades_agenda p{text-align:justify; padding:0px; margin:0px; color:#0066FF;}
div.actividades_agenda h4{color:#000066;  padding:0px; margin:0px;}
div.actividades_agenda h6{color:#006699;  padding:0px; margin:0px;}
div.actividades_agenda:hover{background-color:#003366;}
div.actividades_agenda:hover h4,div.actividades_agenda:hover h6,div.actividades_agenda:hover p{color:#FFFFFF;}