/* ----------------------------------------------------------- */
/* Estilos básicos planos */
	* {
		font-family: arial, verdana, helvetica, sans-serif;
	}

	html {
		height: 100% ;
	}

	body {
		margin: 0px ;
		padding: 0px ;
		border: 0px ;
		height: 100%;
	}
	#nopie {
		position: relative ;
		min-height: 100% ;
	}

	* html #nopie {
		height: 100% ;
	}

	#cabecera, #contenido_cabecera, #cuerpo, div {
		margin: 0px;
		padding: 0px;
	}
	
	img { border: 0px ; }
	
/* ----------------------------------------------------------- */
/* Cabecera */
	#cabecera, #contenido_cabecera {
		height: 150px ;
	}
	
	#cabecera {
		background-color: #E8E8FF ;
		border-bottom: 1px solid black ;
	}
	
	#contenido_cabecera {
		background: #D0D0FF url(../img/degradado_cabecera.png) repeat-y scroll top right;
		width: 800px ;
		position: relative ;
	}
	
	#contenido_cabecera p {
		margin-left: 5px ;
		margin-bottom: 3px ; 
		font-size: 60pt ;
		color: #FFFFFF ;
		vertical-align: bottom;
		position: absolute;
		bottom: 0px ;
	}
	
	#contenido_cabecera p a {
		text-decoration: none ;
		color: #FFFFFF ;
		font-family: serif;
	}

/* ----------------------------------------------------------- */
/* Cuerpo */
	#cuerpo {
		padding-bottom: 3em ; /* Necesario para el pie de página */
	}

/* ----------------------------------------------------------- */
/* Pie */
	#pie {
		position: relative ;
		margin-top: -3em ;
		border-top: 1px solid black ;
		width: 100% ;
		font-size: 80% ;
	}

	#pie * {
		vertical-align: middle;
	}

	#pie img {
		border: 0px ;
	}
	
	#pie span.topright {
		position: absolute ;
		top: 2px ;
		right: 2px ;
	}
	
/* ----------------------------------------------------------- */
/* Menu */
	#menu {
		padding-top: 4px ;
		border-bottom: 1px solid black;
	}
	
	#menu div {
		position: relative ;
		top: 1px ;
		float: left ;
		width: auto;
		border: 1px solid black;
		margin-left: 4px ;
		padding: 2px 4px 2px 4px ;
		-moz-border-radius-topleft: 5px ;
		-moz-border-radius-topright: 5px ;
	}
	
	#menu div.seleccionado {
		border-bottom: 1px solid white ;
        background-color: #F0F0FF ;
	}

	#menu div.banderas {
		margin-left: 3em ;
		border: 0px ;
		-moz-border-radius-topleft: 0px ;
		-moz-border-radius-topright: 0px ;
		padding-bottom:0px ;
	}
	
	#menu div.banderas:hover {
		background-color: #FFFFFF ;
	}
	
	#menu div.banderas a {

	}

	#menu div.ultimo {
		float: none;
		width: auto;
		visibility: hidden;
	}
	
	#menu div a {
		color: #000000 ;
		text-decoration: none ;
	}
	
	#menu div:hover {
		background-color: #F0F0FF ;
	}
	
	#menu div.ultimo:hover { /* Que no muestre seleccionado */
		background-color: #FFFFFF ;
		width: auto;
	}

/* ----------------------------------------------------------- */
/* Contenido */
	#contenido {
		padding: 1em ;
	}

	table#basica { margin-left:auto; margin-right:auto; border-collapse: separate; }
	table#basica caption { background-color: #F0F0FF ; }
	table#basica thead { }
	table#basica tbody { }
	table#basica tr { border: 30px ; margin: 50px ;}
	table#basica tr.par { background-color: #F8F8FF; }
	table#basica tr.impar { background-color: #F4F4FF; }
	table#basica tr td { padding: 3px ; border-top: 5px solid white;}


/* ----------------------------------------------------------- */
/* Estilos genéricos para contenido */
	.centrado { text-align: center; } 
	.par { }
	.impar { }

	a.text { color: #008000 ; text-decoration: none; }
	a.text:hover { text-decoration: underline; background-color: #E0FFE0; }