/* CSS de miguelramo.com */

body {
	color:#000000;
	background-color: #FFFFFF;
	}
	
a {
	text-decoration:none;
	color:#0000FF;
	background:#FFFFFF;
	}
	
a:hover {
	color:#FF0000;
	}
	
h1 {
	font-size:16px;
	padding-top:5px;
	}

.margenmenu {
	margin: 80px auto auto 480px
	}	

.normal {
	color:black;
	font:12px Verdana, Arial, Helvetica, sans-serif;	
	}
	
.intermitente {
	color:#999999;
	background:#EEEEEE;	
	text-decoration: blink;
	}	
	
.mini {
	color:black;
	font:10px Verdana, Arial, Helvetica, sans-serif;	
	}
	
.mininegrita {
	color:black;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}
	
.subtitulo {
	margin-top: 30px;
	font:14px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style: italic;
	color:#000000;
	background:#FFFFFF;	
	}

.gris {
	color:#999999;
	background:#EEEEEE;
	}
	
.azul {
	color:#0000FF;
	}
	
.rojo {
	color:#FF0000;
	}	

div.contenido {
	position:relative;
	margin:60px auto;
	width:800px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	}
	
div.cabecera {
	position:relative;
	margin:5px auto;
	width:800px;
	}
	
/*
Los siguientes <div> permite centrar la página en el centro del navegador (alto y ancho)
margin-left = width/2 (la mitad)
margin-top = height/2 (la mitad)
Para ver el perímetro de lo que se centra cambiar el borde a 1 píxel.
*/
	
div.centrar {
		position: absolute;
		left: 50%;
		top: 50%;
		width: 800px;
		height: 510px;
		margin-left: -400px;
		margin-top: -255px;
		overflow: auto;
		border: 0px solid red;
	}
	
div.centrahorizontal {
		position: absolute;
		left: 50%;
		width: 830px;
		margin-left: -415px;
		margin-top: -6px;
		overflow: auto;
		border: 0px solid red;
	}