/************************************************************   
   Página diseñada por José F. Rives Lirola y Juan Egea
   todos los derechos reservados.
************************************************************/

body{
	margin: 0px 0px 0px 0px;
}

#web_completa{
/*	width: 775px;
	margin: 0px auto 0px auto;*/
}

#bannermapegu{
	width: 160px;
	position: absolute;
	top: 170px;
	left: 760px;
}

/************************* TITULO **********************************/

#titulo{
	height: 180px;
	background: transparent url(imgs/title_bg.png) repeat-x;
}

#titulo_cabecera{
	height:150px;
	background: transparent url(imgs/title_header.png) -1px 0px no-repeat;
}

#titulo_pie{
	height:25px;
	background: transparent url(imgs/title_footer.png) 10px 1px no-repeat;
}

#titulo_flash{
	height:80px;
	width: 660px;
	margin: -90px 0px 8px 95px;
}

/************************* TITULO **********************************/

/************************* CONTENIDO **********************************/
#contenido{
	height: 360px;
	background-color: #ffffff;
	
}

#contenido a, a:link, a:visited{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color:#4c4c4c;
	text-decoration: none;
}

#contenido a:hover{
	text-decoration: none;
}

#contenido_suma{
	float: left;
	margin: -180px 0px 0px -110px;
}

#contenido_interno{
	margin: 0px 10px 0px 170px;
	width: 600px;
	padding: 5px 5px 5px 5px;
	background: transparent url(imgs/escudoun.gif) 450px -100px no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
}
* html #contenido_interno{
	margin-top: 10px;
}

#contenido_interno h1{
	font-size: 16px;
}

#contenido_interno h2{
	font-size: 14px;
}

#contenido_interno h3{
	font-size: 12px;
	color:#999999;
}

#contenido_interno a, a:active, a:link{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#990000;
	text-align: justify;
}

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

/************************* MENÚ LATERAL **********************************/

#panel_lateral{
	width: 160px;
	top: 182px;
	position: absolute;
	left: 1px;
}

#cabecera_panel{
	margin: 10px auto 0px auto;
	height: 17px;
	width: 149px;
	border-width: 1px;
	border-color: #999999;
	background-color: #383E72;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding: 2px 0px 0px 10px;
}

#menu{
	margin: 0px auto 0px auto;
	width: 155px;
	border-left: #CCCCCC 1px solid;
	border-bottom: #CCCCCC 1px solid;
	border-right: #CCCCCC 1px solid;
}

#menu ul{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#menu li{
	margin: 2px 0px 0px 0px;
}

#menu li a, li a:visited, li a:link{
	display: block;
	text-decoration:none;
	padding: 4px 2px 4px 10px;
	color: #383E72;
	font-size: 12px;
}

#menu li a:hover, li a:active{
	background: #f0f0f0;
	color: #585E93;
	border-left: 3px solid #fcc;
}
/* Mardito IE que no pilla el menu \*/
* html #menu ul li { float: left; height: 1%; }
* html #menu ul li a { height: 1%; }
/* Fin hack para IE */

/************************* PANELES **********************************/
#panel_contenido{
	background: transparent url(imgs/panel_bg.png) center repeat-y;
	min-height: 190px;
	text-align: center;
	padding-top: 10px;
}
*html #panel_contenido{height: 190px;}

#panel_suma_contenido{
	background: transparent url(imgs/panel_suma_bg.png) center repeat-y;
	height: 204px;
	text-align: center;
	padding-top: 10px;
}

#panel_suma1{
	margin: 40px 0px 0px 11px;
	height: 290px;
	width: 240px;
	float:left;
}

#panel_suma1_header{
	height: 30px;
	background: transparent url(imgs/panel_suma1_header.png) 6px no-repeat;
}

#panel_suma2{
	margin: 40px 0px 0px 11px;
	height: 290px;
	width: 240px;
	float: left;
}

#panel_suma2_header{
	height: 30px;
	background: transparent url(imgs/panel_suma2_header.png) 6px no-repeat;
}

#panel_suma_footer{
	height: 40px;
	background: transparent url(imgs/panel_suma_footer.png) 5px top no-repeat;
}

#panel_info{
	margin: 40px 0px 0px 11px;
	height: 290px;
	width: 240px;
	float: left;
}

#panel_info_header{
	height: 30px;
	background: transparent url(imgs/panel__info_header.png) center no-repeat;
}

#panel_info_footer{
	height: 59px;
	background: transparent url(imgs/panel_info_footer.png) 4px no-repeat;
}

/************************* TITULO **********************************/

/************************* PIE DE PAGINA **********************************/

#pie{
	height: 40px;
	clear: both;
}

#pie_linea{
	height: 2px;
	font-size: 1px;
	width: 755px;
	background-color: #383e72;
	margin: 0px auto 10px 5px;
}

#pie_contenido{
	text-align: right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #383e72;
	width: 755px;
	margin: 0px auto 10px 5px;
}

/************************* PIE DE PAGINA **********************************/

/************************* LOGIN PANEL **********************************/

#fondo_degraded{
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 600px;
	background: transparent url(imgs/dark_bg.gif);
}

#entrada_suma1{
	margin: 228px auto 0px 222px;
	width: 320px;
	height: 240px;
	border: #999999 1px solid;
	background: #f6f6f9;
	padding: 10px 10px 10px 10px;
}

#entrada_suma2{
	margin: 228px auto 0px 222px;
	width: 320px;
	height: 240px;
	border: #999999 1px solid;
	background: #f6f6f9;
	padding: 10px 10px 10px 10px;
}

/*  Clases para el texto del panel de login */

.titulo_curso{
	font-weight: bold;
	font-size: 30px;
	color:#b2b2b2;
	font-style:italic;
	text-align: right;
	margin-top: -10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.titulo_campus{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
	font-style: normal;
	padding-left: 15px;
	margin-top: -15px;
}

#titulo_umu{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	color:#999999;
	font-weight: bold;
	text-align: center;
	clear: both;
	float: none;
	padding-top: 20px;
}

#titulo_datos{
	float: left;
	margin: 5px 15px 0px 45px;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#form_datos{
	float: left;
}

.titulo_input{
	height: 24 px;
	background: #FAFAFF;
	border: 1px #A4ADB8 solid;
	color: #000066;
	font-size: x-small;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Geneva, sans-serif;
	clear: right;
}

.titulo_input:hover{
	border: 1px #333333 solid;
}

.titulo_input:focus{
	border: 1px #000000 solid;
	background: #E1E1E1;
}

#boton_login{
	float: left;
	clear: left;
	margin: 20px auto 0px 20px;
}

#boton_login a, #boton_login a:link, #boton_login a:visited{
	display: block;
	white-space: nowrap;
	height: 20px;
	width: 100px;
	text-align: center;
	text-decoration: none;
	color: #000000;
	font-size: 12px;
	border: #999999 1px solid;
	padding-top: 5px;
	background-color: #e1e1e3;
}

#boton_login a:hover{
	background-color:#CCCCCC;
}

#boton_cancel{
	margin: 20px 20px 0px auto;
	float: right;
}

/*
*html #boton_cancel{

}
*/

#boton_cancel a, #boton_cancel a:link, #boton_cancel a:visited{
	display: block;
	height: 20px;
	width: 100px;
	text-align: center;
	text-decoration: none;
	color:#000000;
	font-size: 12px;
	border: #999999 1px solid;
	padding-top: 5px;
	background-color: #e1e1e3;
}

#boton_cancel a:hover{
	background-color:#CCCCCC;
}