* {
margin:0px;
padding:0px;
}

/* DEFINICIÓN DE ESTILOS GENÉRICOS COMUNES */

body {
	font:0.7em Verdana, Arial, Helvetica, sans-serif;
	background-color:#FAE3F7;
	color:#333333;
	text-align:left;
	padding-top:0px;
	min-width:70em;
	margin: auto;
}


a:link {
	color: #0265C7;
 	text-decoration: none;
}
a:visited {  
	color:#610eae;
	text-decoration: none;
}

a:hover {
	color: #0265C7;
	text-decoration: underline;
}

p {
margin:15px;
margin-bottom:15px;
}


#content hr {
	border: 1px dashed #666666;
	height: 1px;
	margin-top:10px;
}

img {
	border:none;

}

h1 {
	font:bold 1.7em Verdana, Arial, Helvetica, sans-serif;	
	color: #95358B;
	margin:20px 0px 8px 0px;
}

h2 {
	padding:2px;
	color:#95358B;
	border-bottom:1px solid #95358B;	
	font:bold 1.6em  Verdana, Arial, Helvetica, sans-serif;
	margin:20px 0px 8px 0px;
	
}


h3 {
	color:#777777;
	font:bold 1.5em  Verdana, Arial, Helvetica, sans-serif;
	margin:25px 0px 8px 5px;
}


h4 {
	border:1px solid #dddddd;
	border-left:1.1em solid #dddddd;
	padding-left:5px;
	font:bold 1.3em Verdana, Arial, Helvetica, sans-serif;
	color: #777777;
	margin:20px 0px 8px 8px;
}

h5 {
	font:bold 1em Verdana, Arial, Helvetica, sans-serif;
}

.cargo, .plazo {
	font-weight: bold; 	
	color: #B6145A;
}	

/* DEFINICIÓN DE ESTILOS PARA DIVS */ 


/* #pagina le da 5px de borde a toda la página para que se vea el fondo tramado y un borde blanco de 5 pixels al interior
line-height además de incrementar el interlineado general es un parche para un bug de explorer */

#pagina {
	margin-left:25px;
	margin-right:25px;
	margin-top: 8px;
	margin-bottom: 8px;
	background-color:#FFFFFF;
	border-color:#FFFFFF;
	border-style:solid;
	border-width:0px;
	padding:0px;
	line-height:1.2em;
	border: 1px solid #ddd;	
}

/* Estilos para la cabecera */


#cabecera {
	height: 25%;/*110px;*/
	margin:0px auto;
	padding: 0px 0px 0px 0px;
	clear:both;
	/*background: #F2BC22 url("http://www.um.es/sabio/pruebas/mujer/img/cabecera1.gif") no-repeat*/;
}	
.accesible {
	float: left;
	padding: 10px;
	margin-right: 20px;
	width: 8em;
	height: 8em;
}

.img_cabecera_accesible {
	width: 100%;
}

#cabecera p{
	color:#000;
	text-decoration:none;
	line-height: 1.3em;
}

#subheader {
	background:#B9B7A8 url("/imagenes/cabeceras/cabecera01.gif") no-repeat;
	background-position:85%;
	height:1.4em/*15px*/;
	padding:15px;
	border-bottom: solid #FFFFFF 1px;
}

#subheader.dp {
	background:#B9B7A8 url("/imagenes/cabeceras/cabecera03.gif") no-repeat;
	background-position:85%;
	
}

#subheader.act {
background:#0D8CB1 url("/imagenes/cabeceras/cabecera01.gif") no-repeat;
	background-position:85%;
}

#subheader.grupo {
	background:#B9B7A8 url("/imagenes/cabeceras/cabecera01.gif") no-repeat;
	background-position:85%;
	
}

#subheader.serv {
	background:#B9B7A8 url("/imagenes/cabeceras/cabecera03.gif") no-repeat;
	background-position:85%;
}

/* #content es el div para contenido típico de página secundaria, reservando 160 pixels a la izquierda para poner ahí el menú lateral */
	
#content {
	margin:0px 0px 0px 17em/*160px*/;
	padding:0px 15px 5px 25px;
	background-color:#fff;
}

#content.trescolumnas {
	margin:0px 17em/*160px*/ 0px 17em/*160px*/;
}

#content.unacolumna {
	margin:0px;
}

#content p {
	font:1.2em Verdana, Arial, Helvetica, sans-serif;
}
/* Menú lateral izquierdo */

#submenu {
	font-size:1.0em;
	line-height:12px;
	float:left;
	text-align:left;
	width:17em/*160px*/;
	padding-left:5px;
	background-color:#FFFFFF;
	padding-top:10px;
}

.cajas-servicios {
	padding:0px 10px 10px 10px;
	background-color:#F0F4FF;
	background-image:url("http://www.um.es/siegum/img/gradiente-claro.gif");
	background-repeat:repeat-x;
	background-position:top;
	margin-top: 10px;
}

/* parte superior del submenú. Ha de ir en mayúsculas */

.listas_submenu {
	color: #333333;	
	margin-left: 9px;
	padding-left: 9px;
	list-style-image: url(../img/bullet+.gif);
	list-style-type: none;
	padding: 0px 10px 0px 10px;
}

.listas_submenu li {
	list-style-type: none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height: 2em;
}

.listas_submenu li a {
	text-decoration: underline;
	color: #6D9874;/*610EAE; /*0265C7*/
}

.listas_submenu li a:hover {
	text-decoration: none;
}

#submenu span.grupopciones {
	font-size:1.2em;
	font-weight:bold;
	border-bottom:1px solid #37633E;/*333;*/
	margin:0px;
	width:12.4em/*158px*/;
	display:block;
	padding:3px 0px 3px 2px;
	color:#37633E;/*95358B;*/
	line-height: 1.4em;
}


/*#submenu ul {
	margin-bottom:10px;
}



#submenu li {
	list-style-type:none;
	list-style-image:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-bottom:1px solid #ddd;
	line-height: 1.2em;
}

#submenu ul a {
	width:16em/*150px*//*;
	padding:2px 0px 2px 10px;
	color: #666;
	display:block; 
	text-decoration: none;
}


#submenu ul a:hover {
	color: #000000; 
	background-color: #F2EFE3; 
	text-decoration: none;
}

*/

/* Menú lateral derecho : Añadido por JAPS (17-7-2006) */
#infoadicional {
	float:right;
	width:16em/*150px*/;
	padding:20px 0px 0px 0px;
	background-color:#FFFFFF;
	margin-right:8px;
}


/* Clase para iconos simples */
	
.ico {
	vertical-align:middle;
	border:0px;
}

/* Clases para alinear imágenes a la izquierda, centro y derecha */

.imgizqda, .imgdcha, img.imgcentro, .imgcentro img {
	border:1px solid #ccc;
	background-color:#fff;
	padding:3px;
}

/* la clase imgcentro hay que aplicársela a un <p> o a un <div> no directamente a la imagen */

.imgcentro img {
	display:block;
	margin:0px auto;
	text-align:center;
}

.imgizqda {
	
	float: left;
	margin:0px 10px 5px 0px;
}

.imgdcha {
	clear:left;
	float: right;
	margin:0px 0px 5px 10px;
}


/* Lista por defecto para el div content, con cuadradito como bolo. */

#content li {
	margin: 2px 10px 3px 35px;
}

#content ul li {
	list-style-image: url(../img/cuadro-lista-hueco.gif);
}

/* .especial li genera la  lista con flechita */

#content ul .especial li {
	margin: 2px 10px 3px 35px;
	list-style-image: url(/imagenes/imgcomunes/flecha_auxiliar.gif);
}

#footer {

	margin:5px;
	padding:15px 0px 20px 0px;
	color: #95358B;
	font-size:0.85em;
	text-align:center;
	clear:both;
	background-color:#fff;
}

#footer hr {
	background-color: #95358B;
	height: 2px;
}



/* Clase para dibujar una caja con una pestaña en la parte inferior derecha */

.cajetin {
	/*padding-bottom:9px;
	background: url(/imagenes/imgcomunes/final_auxiliar.gif) no-repeat bottom right;*/
	border: 1px solid #95358B;
}

	
/* Estilo para "Destacado" con letra blanca y fondo verde y luego una lista típica con fondo marroncillo */		
.destacado {
	/*background: #DEFBE3;*/
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 5px 0px;	
}

.destacado h3 {
	color: #4E4D4F;
	background-color: #CAF2D1;
	padding: 2px;
	font-size: 1em;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:2px 2px 10px 4px;
}

.destacado h2 {
	color: #95358B;
	border:none;
	background-color: #FBF2FD ;/*FCCCF6;*/
	border-bottom: 2px solid #95358B;
	padding: 2px;
	font-size: 1em;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:2px 2px 10px 4px;
}
	
.destacado ul {
	margin-left:0px;
}

.destacado li {
	padding-bottom: 14px;
	list-style-image: url(/imagenes/imgcomunes/cuadro-lista-hueco.gif);
}

.destacado li a{
	color: #601456;
	text-decoration: underline;
}

.destacado li a:hover{
	color: #601456;
	text-decoration: none;
}

.destacado li a:visited{
	color: #601456;
}

.listadomodulos {
	padding-bottom: 14px;
}

.listadomodulos a{
	color: #601456;
	text-decoration: underline;
}

.listadomodulos a:hover{
	color: #601456;
	text-decoration: none;
}

.listadomodulos a{
	color: #601456;
}

/* Estilo para "localización". Una caja con foto y bordes marroncillos de las que ponemos en la derecha con la foto del centro y la direcció postal */
	
	
#localizacion {
	margin:0px;
	background: #F0EDE0;
	width:100%;	
	padding:0px;	

/*	border-left:17px solid #DFD7B3;
	padding-bottom:5px; */
}

#localizacion ul {
	border-top: 15px solid #CFC595;
	margin:0px;
	padding:0px;
	background-color:#DFD7B3;
	padding-left:20px;
}

#localizacion ul li {
	margin:0px 0px 0px 0px;
	padding:0px 1px 11px 4px;
	background-color: #F0EDE0;
	list-style-type:none;
}


#localizacion img {
	margin: 4px;
	padding: 3px;
	background-color:#FFFFFF;
	border-bottom: 2px solid #CFC595;
	vertical-align:top;
}

.direccion {
/*	list-style-image: url(http://www.um.es/imagenes/iconos/ico_situacion.gif); */
}

/* agrega una pestaña/lengüeta abajo a la derecha 
.pestana {
	height:12px;
	border-top: 1px solid #F0EDE0;
	background: #FFF url(/imagenes/imgcomunes/final_auxiliar.gif) no-repeat bottom right;
	border:none;
} */

/* Estilo para tabla típica (antiguo "tablacomun"). Sólo ha que darle esa clase a table y usar los 'th' como toda buena tabla */

#content table {
	background-color: #CCCCCC;
	border-collapse:collapse;

}

#content table td {
	background-color: #FFFFFF;
	text-align:left;
}

#content table th {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #999999;
	text-align:center;
}

#content table td, table th {
	border:1px solid #ccc;
	padding:3px;
}


.indice_contenido {
	width:95%;
	background-color: #F0EDE0;
	padding:5px;
}

.banner {
	border: #aaa solid 1px;
	text-align:center;
	margin: 10px 0px;
	padding: 3px 0px;
	
}

.colabora img {
	vertical-align:middle;
	margin:6px;

}

/* MENU PRINCIPAL */

div {
	margin:0px;
	padding:0px;
	
}


#cabecera-comun-umu {
	display:compact;
	margin:0px;
	padding:0px;
	height:8em;/*56px*/
	background-image:url('/imagenes/imgcomunes/fd_cabecera.gif');
	min-width:80em;/*770px*/
}


#menuhorizontalum {
	font-family:"Trebuchet MS";	font-size:0.9em;
	min-width:80em;/*770px*/
	padding:0px;
	margin:0px;
	background-color:#B6145A;
	font-weight:bolder;
	border-bottom:1px;
	border-bottom-color:#FFFFFF;
	border-bottom-style:solid;
	height:26px;
}


#nav {
	font-weight:bolder;	
	margin:0px;
	width:100%;
	padding:0px;
	font-weight:bolder;	
	list-style:none;
	display:compact;
}

#nav li img {
	border:none;
	margin:0px;
	padding:0px;
	display:inline;
	
}

#nav ul {
	font-weight:bolder;	
	padding:0px;
	margin:0px;
}


#nav li {
	font-family:"Trebuchet MS";
	font-weight:bolder;	
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#nav a {
	color:#fff;
	text-decoration: none;
	margin:0px;	
}


#nav li {
	font-weight:bolder;
	float:left;
	position:relative;
	padding:6px 6px 6px 4px;
	list-style:none;
	margin:0px;
}

#nav li a {
	font-weight:bolder;
	color:#FFFFFF;
	margin:0px;
}


ul#info, ul#util, ul#actu, ul#ayuda, ul#perfil {
	font-weight:bolder;	
	display:none;
	position:absolute;
	top:99%;
	left:5px;
	list-style:none;	
	margin:0px;
	padding:0px;
}



#nav li:hover ul, #nav li.over ul {
	display:block;
	list-style:none;
	margin:0px;
	padding:0px;
}

a.infoprincipal, a.utilprincipal, a.actuprincipal, a.ayudaprincipal, a.perfilprincipal {
	background-image: url(/imagenes/iconos/triangulo.gif);
	background-repeat: no-repeat;
	background-position:95%;
	padding:5px 12px 6px 4px;
	margin:0px;	
}

a.utilprincipal {
	background-position:98%;
}

a.ayudaprincipal, a.perfilprincipal {
	background-position:92%;
}

a.infoprincipal:hover {
	background-color:#940A46;
}

a.utilprincipal:hover {
	background-color:#ECB319;
}

a.actuprincipal:hover {
	background-color:#0D8CB1;
}

a.ayudaprincipal:hover {
	background-color:#D4CBA2;
}

a.perfilprincipal:hover {
	background-color:#669900;
}


ul#info, ul#util, ul#actu, ul#ayuda, ul#perfil {
	width:23em;
	font-size:1em;
	padding:0px;
	margin:0px;
	list-style-image:none;	
}

ul#info li, ul#util li, ul#actu li, ul#ayuda li, ul#perfil li {
	padding:0px;
	display:block;
	float:none;
	border:0px;
	left:-1px;
	list-style:none;	
	margin:0px;
} 

ul#info a, ul#util a, ul#actu a, ul#ayuda a, ul#perfil a {
	width:100%;
	margin:0px;
	padding:0px;
	display: block;
	font-weight: normal;
}

ul#info a {
	background-color:#DC4888;
	color:#ffffff
}

ul#util a {
	background-color:#F6EEBD;
	color:#A96F14;
}

ul#actu a {
	background-color:#85CBE0;
	color:#014B60;
}

ul#ayuda a {
	background-color:#E1DBC1;
	color:#716843;
}

ul#perfil a {
	background-color:#CDE99E;
	color:#014B60;
}

#info li a img, ul#util img, ul#actu img, ul#ayuda img, ul#perfil img {
	padding:3px;
	margin:0px;
	vertical-align:-50%;
	list-style-image:none;
}


ul#info a:hover, ul#util a:hover, ul#actu a:hover, ul#ayuda a:hover, ul#perfil a:hover {
	width:100%;
	list-style:none;	
}

ul#info img, ul#info a:hover {
	background-color:#C71763;
}

ul#util img, ul#util a:hover {
	background-color:#F2D474;
}

ul#actu img, ul#actu a:hover {
	background-color:#28A8CE;
}

ul#ayuda img, ul#ayuda a:hover {
	background-color:#CBC4A3;
}

ul#perfil img, ul#perfil a:hover {
	background-color:#9FCB54;
}

#cabecera-comun-umu {
	display:compact;
	margin:0px;
	padding:0px;
	height:56px;
	background-image:url('/imagenes/imgcomunes/fd_cabecera.gif');
	min-width:70em;
}


#menuhorizontalum {
	font-family:"Trebuchet MS";	font-size:0.9em;
	min-width:70em;
	padding:0px;
	margin:0px;
	background-color:#B6145A;
	font-weight:bolder;
	border-bottom:1px;
	border-bottom-color:#FFFFFF;
	border-bottom-style:solid;
	height:26px;
}

#menuhorizontalum {
	background-color: #8105A6;
}

#formulario{
	/*border:1px solid #999;*/
	padding:5px 10px;
}

#formulario2{
	float: left;
	margin-left: 20px;
}
#formulario3{
	float: left;
	margin-left: 10px;
}

#formulario fieldset {
	padding:5px 10px;
	border:none;
	border-top:1px solid #999;

}

#formulario legend {
	border:1px solid #999;
	font-size:1.0em;
	font-weight:bold;
	color:#CC0033;
	padding:3px 5px;

}

#formulario label {
	display:block;
	margin:5px 0px;
	float:both;
}

#formulario textarea {
display: block;
}

