body {
	font-family:Trebuchet MS, Arial, Tahoma, Verdana, Sans-serif;
	font-size:14px;
	color:#c0c0ca;
	margin:0px;
	padding:0px;
	background:#38384b;
}

a, a.activo { text-decoration:none; }
a:link { color: #05a; }
a:visited { color: #05a; }
a:active { color: #a08; }
a.activo:link, a.activo:visited, a.activo:active { color:#a00; }
a:hover, a.activo:hover {
	color: #d00;
	text-decoration: underline;
}
a span {
	font-size:1.1em;
	color:#a00;
	text-decoration: underline;
}
a.activo span { color:#038; }
a:hover span { color:#063; }

img { border:0; }


/* ***** Estilos generales / especiales ***** */
	/* ***** Contenedor general (wrapper) ***** */
	div.contenedor {
		display:block;
		width:960px;
		overflow:hidden;
		margin:0px auto;
	}
	/* ***** Divs ocultos ***** */
	div.oculto { display:none; }
	/* ***** Sombra de la cabecera ***** */
	#sombra {
		display:block;
		height:10px;
		overflow:hidden;
		background:#557 url(images/shadow.gif) top left repeat-x;
	}
	/* ***** Lista de archivos usados ***** */
	#archivos a { font-weight:bold; }
	/* ***** Todos los títulos h4 en adelante con el mismo estilo ***** */
	h3 {
		font-size:1.1em;
		border-bottom:1px #05a solid;
		padding-bottom:2px;
		margin:1em 0px 5px 0px;
	}
	h4 {
		font-size:1.05em;
		text-align:center;
		color:#fff;
		background:#047;
		margin:1em 0px 0.5em 0px;
		padding:4px 5px 3px 5px;
	}
	h5 {
		font-size:1em;
		background:#d5d5df;
		margin:2px 0px;
		padding:1px 5px;
	}
	h6 {
		font-size:1em;
		color:#559;
		border-bottom:1px #557 dotted;
		padding-bottom:2px;
		margin:2px 0px 5px 0px;
	}
	/* ***** Flotar contenido a la izquierda para mantener la semántica del código ***** */
	#flota-izq {
		display:block;
		width:400px;
		overflow:hidden;
		float:left;
	}
	/* ***** Estilos para cancelar floats ***** */
	.corte-dos { display:block; clear:both; }
	.corte-izq { display:block; clear:left; }
	.corte-der { display:block; clear:right; }
	/* ***** Lista para enlaces de retorno ***** */
	#links-retorno {
		list-style-type:none;
		font-weight:bold;
		text-align:center;
		margin:5px 0 0 0;
		padding:2px 0 0 0;
		border-top:1px #05a dotted;
	}
		#links-retorno li {
			display:inline;
			padding:0 20px;
		}

/* ***** Estilos para la cabecera ***** */
#header {
	display:block;
	height:150px;
	overflow:hidden;
	background:#ccd url(images/header-back.gif) top left repeat-x;
}
	/* ***** Contenedor para la cabecera ***** */
	#hd-wrapper {
		display:block;
		width:960px;
		overflow:hidden;
		margin:0px auto;
		position:relative;
	}
	/* ***** Título principal sólo texto ***** */
	h1 {
		display:block;
		width:210px;
		height:150px;
		overflow:hidden;
		float:left;
		text-align:center;
		color:#038;
		margin:0px;
		padding:0px;
		background:transparent url(images/logo.gif) top left no-repeat;
	}
	/* ***** Sobreescribimos el título con el logotipo ***** */
		h1 a {
			display:block;
			width:210px;
			height:150px;
			overflow:hidden;
			margin:0;
			padding:150px 0 0 0;
		}

	/* ***** Estilos del menú principal ***** */
	#menu {
		display:block;
		width:200px;
		height:140px;
		overflow:hidden;
		float:left;
		background:#000 url(images/menu-back.gif) top left no-repeat;
		margin:0px;
		padding:5px 0px;
	}
		/* ***** Estilo de bloque para los elementos de la lista y enlaces ***** */
		#menu li, #menu li a, #menu li a.activo {
			display:block;
			width:200px;
			height:20px;
			line-height:20px;
			overflow:hidden;
			font-size:1.05em;
			font-weight:bold;
			text-align:left;
			margin:0px;
		}
		/* ***** Selección de colores e imágenes de fondo para los enlaces ***** */
		#menu li a {
			color:#038;
			background:#ade url(images/menu-normal.gif) no-repeat;
		}
		#menu li a.activo {
			color:#c30;
			background:#eed url(images/menu-active.gif) no-repeat;
		}
		#menu li a:hover, #menu li a.activo:hover {
			color:#bed;
			background:#484 url(images/menu-hover.gif) no-repeat;
		}
		/* ***** Posicionamos texto y fondo en cada enlace ***** */
		#mn1 {
			padding-left:29px;
			background-position:0px 0px !important;
		}
		#mn2 {
			padding-left:35px;
			background-position:0px -20px !important;
		}
		#mn3 {
			padding-left:39px;
			background-position:0px -40px !important;
		}
		#mn4 {
			padding-left:41px;
			background-position:0px -60px !important;
		}
		#mn5 {
			padding-left:39px;
			background-position:0px -80px !important;
		}
		#mn6 {
			padding-left:35px;
			background-position:0px -100px !important;
		}
		#mn7 {
			padding-left:29px;
			background-position:0px -120px !important;
		}

/* ***** Fin de los estilos para cabecera y menú principal ***** */

/* ***** Estilos para contenido general ***** */
#contenido {
	display:block;
	width:720px;
	overflow:hidden;
	float:right;
	color:#557;
	margin:10px 10px 0 0;
	background:#fff url(images/cnt-back.gif) top left repeat-y;
}
	/* ***** Título / Barra de navegación ***** */
	#contenido h2 {
		display:block;
		height:30px;
		line-height:30px;
		overflow:hidden;
		font-size:1.2em;
		color:#447;
		text-align:center;
		margin:0px;
		padding:0px 15px;
		background:#ade url(images/h2-back.gif) top left no-repeat;
	}
		/* ***** Color de links en título / barra de navegación ***** */
		#contenido h2 a, #contenido h2 a:link { color:#039; }
		#contenido h2 a:hover { color:#a00; }
	/* ***** Caja de contenido - separa texto e imágenes de los bordes ***** */
	#cnt-margen { padding:5px 12px; }
		/* ***** Formato general de párrafos en caja de contenido ***** */
		#cnt-margen p.justifica, #cnt-margen div.justifica {
			text-align:justify;
		}
		#cnt-margen p.center, #cnt-margen div.center {
			text-align:center;
		}
	/* ***** Bloque para cerrar la caja de contenido ***** */
	#cnt-abajo {
		display:block;
		height:30px;
		overflow:hidden;
		background:transparent url(images/cnt-bottom.gif) top left no-repeat;
	}

/* ***** Fin de los estilos para contenido general ***** */

#copyright {
	text-align:center;
	color:#ddd;
	background:#38384b;
	margin:0;
	padding:5px 0 10px 0;
}
	#copyright a {
		font-weight:bold;
		color:#09f;
	}


/* ***** Estilos para barra lateral ***** */
#izq-arriba {
	display:block;
	width:960px;
	height:15px;
	overflow:hidden;
	margin:0px auto;
	background:transparent url(images/left-top.gif) top left no-repeat;
}
#izq-barra {
	display:block;
	width:200px;
	overflow:hidden;
	float:left;
	margin:0 0 0 10px;
	padding:0;
}
	.izq-contenido {
		font-size:0.95em;
		color:#335;
		padding:15px 10px 0 10px;
		background:#c0c0ca url(images/left-back.gif) top left repeat-y;
	}
		/* ***** Titulares sin margen superior ***** */
		.izq-contenido .sin-margen { margin-top:0px; }
		/* ***** Lista de diseños ***** */
		#submenu  {
			list-style-type:none;
			font-weight:bold;
			margin:0;
			padding:0;
		}
	#izq-abajo {
		display:block;
		width:200px;
		height:20px;
		overflow:hidden;
		background:#c0c0ca url(images/left-bottom.gif) top left no-repeat;
	}
	#valida {
		display:block;
		width:110px;
		height:25px;
		overflow:hidden;
		margin:10px auto 0 auto;
	}
/* ***** Fin de los estilos para barra lateral ***** */

/* ***** Estilos para columna derecha en página principal ***** */
#derecha {
	display:block;
	width:270px;
	overflow:hidden;
	float:right;
	margin:0px;
	padding:0px 0px 5px 5px;
	border-left:1px #05a solid;
	border-bottom:1px #05a solid;
}
	#derecha h4 { margin-top:0px; }
	#derecha .fecha {
		font-size:0.9em;
		font-weight:bold;
		margin-left:15px;
	}
	#derecha .detalles {
		font-size:0.9em;
		margin:0px 0px 1em 15px;
	}

/* ***** Estilos para el formulario ***** */
.legend { font-weight: bold; }
.label {
	display:block;
	width: 175px;
	float:left;
	font-weight:bold;
	text-align:right;
	padding-right:5px;
}
div.help {
	margin-left:185px;
	font-size:0.9em;
	color:#33a;
	padding-bottom:5px;
}
.frmerr { color:#800; }

.intxt, .intxtder {
	font-family:Trebuchet MS, Tahoma, Arial, Verdana, Sans-serif;
	font-size:0.95em;
	color:#13a;
	background-color:#dde;
	border:1px #25c solid;
	padding:0px 2px 1px 2px;
	margin:2px;
}
.intxtder { text-align:right; }
.button {
	font-size:1em;
	font-weight:bold;
	color:#fff;
	background-color:#25c;
	border-top:1px #68e solid;
	border-left:1px #68e solid;
	border-bottom:1px #138 solid;
	border-right:1px #138 solid;
	padding:2px 10px;
	margin:2px;
}/* ***** Estilos para textos ***** */
div.txc8 {
	text-align: center;
	margin: 0;
	padding: 1px;
	font: 8pt Trebuchet MS, Tahoma, Arial, Verdana, Sans-serif;
}
ul.ic {
	list-style-image: url("images/lgicon_13.gif");
}
div.base {
	margin: 2px 0px 2px 0px;
	padding: 0;
	border-bottom: 1px #138 solid;
}