Estilos_3.css



/*
		LAS HOJAS DE ESTILO EN CASCADA SE APLICAN
		CONFORME LAS VAMOS DECLARANDO
*/
* {
	margin:		0;
	padding:	0;
}

@font-face {
	font-family: "PT Sans Narrow";
	src: url("../fonts/PT Sans Narrow");
	font-weight: normal;
	font-style: normal;
}

/* 16px = 12pts = 100% = 1em */
body {
	background: #212121 url("../img/Fondo.jpg");
	color: #FFF;	/* blanco */
	font-family: SansNarrow, Helvetica, Verdana;
	font-size: 2em;
}

h1 {
	color: #f60;
	margin:0.25em auto;	/* arriba-abajo   izq-der */
	text-align: center;
	text-shadow: 5px 5px 10px rgba(255,255,255,0.5);	/* x y blur(efecto desenfocado) transparencia */
}

header, nav, footer {
	background: #1e6381;
	border-radius: 0.5em;
	margin: 0.5em auto;
	max-width: 960px;
	padding: 0.25em;
	text-align: center;
}

section#contenedor {
	/*background: #fff;*/
	margin: 0.5em auto;
	max-width: 960px;
	padding: 0.25em;
	text-align: center;
}

section#principal, aside {
	background: #1e6381;
	border-radius: 0.5em;
	display: inline-block;
	margin: 0.25em auto;
	max-width: 960px;
	min-height:200px;
	padding: 0.25em;
	text-align: center;
	vertical-align: top;
	width: 65%;
}

article {
	background: #011e30;
	border-radius: 0.5em;
	min-height: 140px;
	padding: 0.25em;
}

aside {
	width: 30%;
}