@charset "utf-8";
/* Eliminar margenes y otros espacios y establecer el alto y ancho */
html, body {
	margin: 0;
	padding: 0;
	height: 100%;	
	width:100%; 
}

/* Convertir en tabla */
html {
	display: table;
	overflow: visible;
}

/* Convertir en celda para poder aplicar vertical-align*/
body {
	display: table-cell;
	vertical-align: middle;
	background-color: #000000;
	font-family: Arial, sans-serif;
	font-size: 8pt;
	font-weight:800;
}

/* Caja que contendrá lo que se quiere centrar  */
#centradoVerticalHorizontalBody {
	margin: 0 auto;
	width:600px; /* Recuerda: cambiar el ancho y alto en centradoVertical */
	height: 400px;
	text-align:center; /* central horizontalmente el texto */
}

/* CENTRADO VERTICAL DEL CONTENIDO DE LA CAJA CENTRADA EN BODY */
/* Hay que recordar que margin no se puede aplicar a tabla-cell */
.centradoVertical {
	background-color: #0C0C0C;
	color: #FFFFFF;
	width: 600px; /* mismo width y height que la caja contenedora (.centradoVerticalHorizontalBody) */
	height: 400px;
	display:table-cell;
	vertical-align:middle;
}

/* PARA IDIOMA */
.idioma {
	margin-top:8px;
}
.idioma .ingles {
    margin-left: 30px;
}

.idioma a {
    text-decoration: none;
	color: #FFFFFF;
}

/*  Otros estilos */
.colorRojo {
    color:#FF1C1C;
}