@font-face {
    font-family: 'Roboto-Thin';
    src: url(../fonts/Roboto-Thin.ttf);
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
    font-family: 'Roboto-Light';
    src: url(../fonts/Roboto-Light.ttf);
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

body{
	background-color:#ffffff;
}

.imagen_principal	{
	background:url(../imagenes/fondo_mision_vision.jpg);
	background-size: 140% auto;
	background-repeat: no-repeat;
	background-position:center;
	margin-top:100px;
	margin-bottom:50px;
}

/* Por debajo de 700px */
	@media screen and (max-width: 700px){
		.texto0_portada{
			font-family: 'Roboto-Thin';
			font-size:44px;
		}
	}
/* Por debajo de 400px */
	@media screen and (max-width: 400px){
		.texto0_portada{
			font-family: 'Roboto-Thin';
			font-size:40px;
		}
	}

.texto1_portada	{
	font-family: 'Roboto-Thin';
	font-size:48px;
	text-align:center;
	color:#0293d2;
	line-height:110%;
	padding:0px 10px;
}
	
.texto2_portada{
	font-family: 'Roboto-Thin';
	font-size:30px;
	text-align:left;
	color:#0293d2;
	padding:0px 20px 0px 20px;
	line-height:110%;
}

.texto3_portada{
	font-family: 'Roboto-Light';
	font-size:14px;
	text-align:justify;
	color:#7f7f7f;
	padding:10px 20px 0px 20px;
	line-height:110%;
}

.separador_chico{
	margin-top:50px;
}

.separador_grande{
	margin-top:150px;
}