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

body {
	font:0.7em Trebuchet, Verdana, Arial, sans-serif;
	color:#000;
	background-color:#fff;
	text-align:center;
}

a {
	color:#0022dd;
}

a:visited {
	color:#39248B;
}

img {
	vertical-align:text-bottom;
}

a img {
	border:none;
	text-decoration:none;
	margin:0px 2px 0px 0px;
}

h1, h2, h3, h4, h5, h6 {
	font:bold 1.0em Trebuchet, Arial, sans-serif;
	font-weight:bold;
	color:#444;
	margin:5px 0px 10px 0px;
}

	h1 {
		font-size:150%;
	}

	h2 {
		font-size:130%;
	}

	h3 {
		font-size:1.1em;
	}


#contenedor {
	width:90%;
	text-align:left;
	margin:0px auto 0px auto;
}

#cabecera {
	background:#F2F0E3 url(imagenes/fondo.jpg) bottom left no-repeat;
	height:80px;	
	border-bottom:1px solid #797a5e;
	margin:0px;
}

	#cabecera span {
		position:absolute;
		top:-1000px;
	}

	#cabecera h1 {
		float:left;
		width:260px;
		height:80px;
		margin:0px;
		padding:0px;
	}
	
	#cabecera h2 {
		float:right;
		width:375px;
		height:80px;
		margin:0px;
		padding:0px;
		background:url(imagenes/cieloscuro.gif) bottom right no-repeat;
	}
	
	#cabecera a {
		display:block;
		height:80px;
		color:#000;
	}

#contenido {
	margin:20px 0px 0px 0px;
}

#pie {
	clear:both;
	padding:10px 0px 0px 0px;
}

	#contador {
		text-transform: capitalize;
		margin: 3em;
		border-style: solid;
		border-color: #d8d6c5;
	}


#ayuda {
	padding:5px;
}

	#meta {
		border-top:3px solid #e0decf;
		position:relative;
		padding:10px 0px 15px 0px;
	}

	#validacion {
		position:absolute;
		right:0px;
		top:10px;
	}
	
		#validacion img {
			background:#fff;
		}

#menu {
	clear:both;
}

	#menu h1, #menu h2, #menu h3 {
		position:absolute;
		top:-1000px;
	}

	#menu ul {
		padding:6px 0px 4px 0px;
	}
	
	#menu li, #pie li {
		display:inline;
		padding:4px 0px;
	}
	
	#menu a {
		text-decoration:none;
		padding:4px 10px;
		color:#33260d;
	}
	
	#menu a.activo {
		padding:4px 9px;
		font-weight:bold;
	}
	
	#menu .uno {
		background-color:#d8d6c5;
	}
	
	#menu .dos {
		border-top:1px solid #797a5e;
		background:#f4f3eb;
		border-bottom:1px solid #b8ad94;
	}

	#menu .uno a.activo {
		border:1px solid #797a5e;
		border-top:2px solid #797a5e;
		border-bottom:1px solid #f4f3eb;
		background:#f4f3eb;
	}
	
	#menu .dos a.activo {
		border:1px solid #b8ad94;
		border-top:2px solid #b8ad94;
		border-bottom:1px solid #fff;
		background-color:#fff;
	}
	
	#menu a:hover {
		padding:4px 9px;
		border-top:3px solid #b8ad94;
		border-right:1px solid #b8ad94;
		border-left:1px solid #b8ad94;
		background-color:#f4f3eb;
		color:#000;
	}
	
	#menu .uno a:hover {
		border-color:#797a5e;
	}
	
	#menu .dos a:hover {
		background-color:#fff;
	}
	
	
/* formularios */
.bloque, textarea {
	/* esta clase sirve para que el elemento que la tenga quede en una línea aislada */
	display:block;
	margin:3px 0px;
}

form {
	margin:15px 0px;
	padding:5px 10px;
	background:#f6f6f6;
	border:1px solid #e3e3e3;
}

	fieldset {
		margin:10px 0px;
		padding:15px;
		border:none;
		border-top:1px solid #999;
	}
	
	legend {
		padding:5px;
	}
	
	.obligatorio {
		font-weight:bold;
	}
	
	.obligatorio input, .obligatorio textarea, .obligatorio select {
		background-color:#ffffed;
	}
	
	.obligatorio em {
		font-size:1.2em;
		color:#c00;
	}

#contenido p {
	margin:10px 15px;
}
		
#contenido ul {
	margin:10px 5px 10px 30px;
}

#contenido li {
	margin:3px 0px;
}
	
/* información aclaratoria */	
.info {
	border:1px solid #e1d4ad;
	color:#000;
	background:#ffffd9 url(http://www.um.es/imagenes/iconos/ico_ayuda_consultas.gif) 5px 3px no-repeat;
	padding:5px 5px 5px 27px;
	margin:10px 0px;
}

/* avisos (con escudo de atica) */
.avisoatica {
	margin:10px 0px;
	padding:7px 10px 7px 65px;
	background:#fbfaf3 url(imagenes/detalleatica.jpeg) top left no-repeat;
	border:1px solid #e1d4ad;
}

	.avisoatica strong {
		color:#EE7621;
	}

/* avisos y mensajes que devuelven las aplicaciones */
.exito {
	border:1px solid #9c3;
	color:#360;
	background:#f3ffd8 url(imagenes/tick.jpg) 5px 3px no-repeat;
	padding:5px 5px 5px 27px;
	margin:10px 0px;
}

.error {
	border:1px solid #ef8a9e;
	color:#bb0022;
	background:#FDF2F2 url(imagenes/cross.jpg) 5px 3px no-repeat;
	padding:5px 5px 5px 27px;
	margin:10px 0px;
}
	
/* diferentes formatos de columnas */
#contenido .cuatro {
	width:21%;
	float:left;
	margin:0px 0px 0px 1%;
}

#contenido .tres {
	width:25%;
	float:left;
	margin:0px 0px 0px 3.5%;
}

#contenido .dos {
	width:40%;
	float:left;
	margin:0px 2% 0px 4%;
}

#contenido .uno {
	margin:0px 20%;
}

#logotipos {
	width:240px;
	float:right;
	padding:8px 8px 8px 8px;
	margin:5px 0px;
    }