Abril_15.css

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


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

a {
	color: #57abb8;
	font-weight: bold;
	text-decoration: none;		/* eliminar linea de la liga */
}

a:hover {
	color: #F60;
	transition: all 0.5s ease-in;
}

h1 {
	color: #f60;
	margin:0.25em auto;	
	text-align: center;
	text-shadow: 5px 5px 10px rgba(255,255,255,0.5);	
}

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


section#superior, section#inferior {
	/*background: #fff;*/
	margin: 0.5em auto;
	max-width: 960px;
	min-height: 300px;
	padding: 0.25em;
	text-align: center;
}

section#superior {
	background: #1e6381;
}
section#inferior {
	min-height: 300px;
}

section#izquierda,  section#centro, section#derecha {
	background: #1e6381;
	border-radius: 0.5em;
	display: inline-block;
	margin: 0.25em auto;
	max-width: 300px;
	min-height:200px;
	padding: 0.25em;
	text-align: center;
	vertical-align: top;
	width: 30%;
}



section#izq,  section#cen, section#der {
	background: #1e6381;
	border-radius: 0.5em;
	display: inline-block;
	margin: 0.25em auto;
	max-width: 300px;
	min-height:110px;
	padding: 0.25em;
	text-align: center;
	vertical-align: top;
	width: 30%;
}

.fade {
        opacity: 1;                     /* de 0 a 1 */
        filter: alpha(opacity=10);      /* de 0 a 10 (para i.e. interprete opacity */
        -ms-transition: all 0.5s ease-in;
        -moz-transition: all 0.5s ease-in;
        -o-transition: all 0.5s ease-in;
        -webkit-transition: all 0.5s ease-in;
        transition: all 0.5s ease-in;
}

.fade:hover {
        opacity: 0.4;
        filter: alpha(opacity=4);
        -ms-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-iout;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
}