div.header{
	height: 370px;
    margin: 0 auto;
    max-height: 370px;
    position: relative;
    width: 100%;
}
div.header div.fondo{
	background-repeat:no-repeat;
	background-position:center;
	height:370px;
	width:100%;
	background-blend-mode: luminosity ;
	position: absolute;
}
div.header #img-home{
	background-image:url(imgs/header/1.jpg);
	background-color: #BFFFFF;
}
div.header #img-casa{
	background-image:url(imgs/header/2.jpg);
	background-color: #FFBFBF;
}
div.header #img-colegio,
div.header #img-administracion,
div.header #img-ingresos,
div.header #img-preinscripcion-inicial,
div.header #img-preinscripcion-continuar,
div.header #img-preinscripcion-informacion,
div.header #img-preinscripcion-formulario,
div.header #img-preinscripcion-final,
div.header #img-orientaciones,
div.header #img-electronica,
div.header #img-energias-renovables,
div.header #img-informatica,
div.header #img-comunicacion,
div.header #img-equipo-de-gestion,
div.header #img-cuerpo-docente{
	background-color: #BFDFFF;
}
div.header #img-colegio{background-image:url(imgs/header/3.jpg);}
div.header #img-administracion{background-image:url(imgs/header/4.jpg);}
div.header #img-ingresos,
div.header #img-preinscripcion-inicial,
div.header #img-preinscripcion-informacion,
div.header #img-preinscripcion-continuar,
div.header #img-preinscripcion-formulario,
div.header #img-preinscripcion-final
{background-image:url(imgs/header/5.jpg);}
div.header #img-orientaciones{background-image:url(imgs/header/6.jpg);}
div.header #img-electronica,
div.header #img-energias-renovables{background-image:url(imgs/header/7.jpg);}
div.header #img-informatica{background-image:url(imgs/header/5.jpg);}
div.header #img-comunicacion{background-image:url(imgs/header/8.jpg);}
div.header #img-equipo-de-gestion{background-image:url(imgs/header/5.jpg);}
div.header #img-cuerpo-docente{background-image:url(imgs/header/5.jpg);}
div.header #img-mjs{
	background-image:url(imgs/header/9.jpg);
	background-color: #CFFFBF;
}
div.header #img-upf,
div.header #img-nucleo-animador,
div.header #img-bono-contribucion,
div.header #img-grupo-de-oracion,
div.header #img-nosotros-podemos,
div.header #img-actividades,
div.header #img-ropero-solidario{
	background-image:url(imgs/header/10.jpg);
	background-color:#99E5FF;
}
div.header #img-novedades,
div.header #img-solidario{background-color: #FFFF00;}
div.header #img-contacto{
	background-image:url(imgs/header/10.jpg);
	background-color: #FFE1FF;
}
div.header #img-reservorio{
	background-image:url(imgs/header/2.jpg);
	background-color: #C7FBFE;
}
div.header #img-cooperadores{
	background-image:url(imgs/header/11.jpg);
	background-color: #C7FBFE;
}
div.header #img-cfp{
	background-image:url(imgs/header/12.jpg);
	background-color: #C7FBFE;
}

div.header div.shadow{
	background-color: #4DFFFF;
	height: 100%;
	/*opacity: 0.4;*/
	position: absolute;
	top: 0;
	width: 100%;
	mix-blend-mode: multiply;
	/*background-blend-mode: multiply;*/
}
div.header div.titulo{
	margin: 0 auto;
	max-width: 830px;
	padding-top: 115px;
	position: relative;
}
div.header div.titulo h1{
	color: #ffffff;
	font-family: "Covered By Your Grace",cursive;
	font-size: 90px;
	font-weight: normal;
	line-height: 60px;
	margin: 0;
}
div.header div.titulo h2{
	color: #ffffff;
	font-family: "Covered By Your Grace",sans-serif;
	font-size: 30px;
	font-weight: normal;
	line-height: 30px;
	margin: 0;
	padding: 0;
	text-shadow: 2px 2px 2px #000000;
}
div.header div.curve{
	bottom:0;
	position:absolute;
	width:100%;
}