@charset "utf-8";

/* Formato Genérico */

#arriba {
	width: 80%;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	background: url(../imagenes/logo_mini.jpg) no-repeat center left;
}


/* Desktops and Laptops */
@media only screen and (min-width : 1285px) {

	h1, h2, h3 {
		font-family: 'Telex', serif;
		font-size: 18px;
	}
	
	h2 {
		font-size: 16px;
	}
	
	h3 {
		font-size: 14px;
	}
	
	small {
		font-face: monospace;
		font-size: 10px;
	}
	
	#contenido {
		width: 80%;
		height: 70%;
		margin-left: auto;
		margin-right: auto;
		background: url(../imagenes/portada_cuadros.png) no-repeat bottom right;
		font-family: 'Telex', serif;
		font-size: 16px;
		overflow: auto;
	}
	
	#mensaje {
		position:relative;
		float: left;	/* Requerido para las flechas izquierda y derecha... */
		top:10%;
		text-align: center;
		width: 90%;
		height: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	
	#flechaIzquierda, #flechaDerecha {
		float: left;
		position: relative;
		top: 2%;
		width: 2.5%;
		height: 90%;
	}
	
	#flechaIzquierda {
		background: url(../imagenes/flecha_izquierda.png) no-repeat center left;
	}
	
	#flechaDerecha {
		background: url(../imagenes/flecha_derecha.png) no-repeat center right;
	}
	
	
	#abajo {
		width: 80%;
		height: 75px;
		margin-left: auto;
		margin-right: auto;
		background-color: #df1a23;
	}
	
	#abajoLinea {
		position: relative;
		width: 100%;
		height: 25px;
		background-color: gray;
	}
	
	#menu {
		position: relative;
		width: 82%;
		margin: 0px auto;
	}
	
	.elementoMenu {
		position: relative;
		float: left;
		height: 75%;
		border-right: 5px white solid;
		padding: 15px;
		font-family: 'Telex', serif;
		font-variant: small-caps;
		color: white;
	}
	
	A:link {text-decoration: none; color: white;}
	A:visited {text-decoration: none; color: white;}
	A:active {text-decoration: none; color: white;}
	A:hover {font-style: italic; color: white;}

}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}