/* eu */
body
{
	margin: 0;
	padding: 0;
	
	background-color: #ffffff;
	
	font-family: arial;
	color: #000;
}

a
{
	text-decoration: underline;
	color: #000000;
}

a:hover
{
	text-decoration: underline;
	color: #cb030c;
}


.eu-contenedor
{
	display: block;
	width: 800px;
	margin: 0 auto;
}

.eu-fila-1
{
	display: block;
	height: 100px;
	padding: 0;
	margin: 0;
}

.eu-fila-2
{
	display: inline-block;
	margin-left: 100px;
}

.eu-fila-2 div
{
	display: inline-block;
	margin-top: 100px;
}

.eu-logo-minedu
{
	background-image: url('../img/minedu-logo-minedu.png');
	background-position: center center;
	background-repeat: no-repeat;
	
	background-size: 100% 100%;
	
	width: 255px ;
	height: 51px;
	
	float: right;
	margin-top: 80px;
}

.eu-logo-siagie
{
	background-image: url('../img/minedu-logo-siagie.png');
	background-position: center center;
	background-repeat: no-repeat;
	
	background-size: 100% 100%;
	
	width: 255px ;
	height: 51px;
	
	float: left;
	margin-top: 80px;
}

.eu-simbolo-1
{
	background-image: url('../img/minedu-1-sesion.png');
	background-position: center center;
	background-repeat: no-repeat;
	
	background-size: 100% 100%;
	
	width: 120px ;
	height: 120px;

}

.eu-simbolo-2
{
	background-image: url('../img/minedu-2-error.png');
	background-position: center center;
	background-repeat: no-repeat;
	
	background-size: 100% 100%;
	
	width: 131px ;
	height: 112px;

}


.eu-simbolo-3
{
	background-image: url('../img/minedu-3-mantenimiento.png');
	background-position: center center;
	background-repeat: no-repeat;
	
	background-size: 100% 100%;
	
	width: 143px;
	height: 143px;

}

.eu-simbolo-4
{
	background-image: url('../img/minedu-4-autenticado.png');
	background-position: center center;
	background-repeat: no-repeat;
	
	background-size: 100% 100%;
	
	width: 119px;
	height: 119px;

}

.eu-bloque-texto
{
	padding-left: 50px;
	vertical-align: top;
	
	width: 400px;
}

.eu-bloque-texto h1
{
	margin: 0;
	padding: 0;
	font-size: 22px;
	color: #cb030c;
}

ul li,
ul
{
	margin-left: 10px;
	padding-left: 0;
}


/* Large desktop */
@media screen and (min-width: 1200px) { 


}

/* Portrait tablet to landscape and desktop */
@media screen and (min-width: 768px) and (max-width: 979px) { 
	.eu-contenedor
	{
		display: block;
		width: 100%;
		
		margin: 0 auto;

	}
	
		
	.eu-logo-siagie
	{
		
		
		float: none;
		display: block;
		margin: 0 auto;
		
		width: 255px ;
		height: 51px;
		
		margin-top: 15px;
		float: left;
		
		background-size: 90% 90%;

	}
		
	.eu-logo-minedu
	{
		
		
		float: none;
		display: block;
		margin: 0 auto;
		
		width: 255px ;
		height: 51px;
		
		margin-top: 15px;
		float: right;
		
		background-size: 90% 90%;

	}
	
	.eu-fila-1
	{
		display: block;
		height: 40px;
		padding-right: 20px;
	}
	
	.eu-fila-2
	{
		margin-left: 0;
	}
	
	.eu-fila-2,
	.eu-fila-2 div
	{
		display: block;

		margin-top: 40px;
	}
	
	.eu-simbolo-1,
	.eu-simbolo-2,
	.eu-simbolo-3,
	.eu-simbolo-4
	{
		margin: 0 auto;
		display: block;
		background-size: 90% 90%;
		
	}
	
	.eu-bloque-texto
	{
		text-align: center;
		width: auto;
		padding-left: 0;

	}

 }
 
/* Landscape phone to portrait tablet */
@media screen and (max-width: 767px) {
	.eu-contenedor
	{
		display: block;
		width: 100%;
		
		margin: 0 auto;
		

	}
	
	.eu-logo-siagie,
	.eu-logo-minedu
	{
		
		background-size: 70% 70%;
		float: none;
		display: block;
		margin: 0 auto;
		
		width: 255px ;
		height: 51px;
		
		margin-top: 5px;
	}
	
	.eu-fila-1
	{
		display: block;
		height: auto;
	}
	
	.eu-fila-2
	{
		margin-left: 0;
	}
	
	.eu-fila-2,
	.eu-fila-2 div
	{
		display: block;

		margin-top: 10px;
	}
	
	.eu-simbolo-1,
	.eu-simbolo-2,
	.eu-simbolo-3,
	.eu-simbolo-4
	{
		margin: 0 auto;
		display: block;
		background-size: 70% 70%;
		
	}
	
	.eu-bloque-texto
	{
		text-align: center;
		width: auto;
		padding-left: 0;

	}
	
	
 }	
 
 /* Landscape phones and down */
@media screen and (max-width: 480px) { 
	.eu-contenedor
	{
		display: block;
		width: 100%;
		
		margin: 0 auto;
		

	}
	
		
	.eu-logo-minedu
	{
		
		
		background-size: 70% 70%;
		float: none;
		display: block;
		margin: 0 auto;
		
		width: 255px ;
		height: 51px;
		
		margin-top: 5px;
	}
	
	.eu-logo-siagie
	{
		
		
		background-size: 70% 70%;
		float: none;
		display: block;
		margin: 0 auto;
		
		width: 255px ;
		height: 51px;
		
		margin-top: 5px;
	}
	
	
	.eu-fila-1
	{
		display: block;
		height: auto;
	}
	.eu-fila-2
	{
		margin-left: 0;
	}
	
	.eu-fila-2,
	.eu-fila-2 div
	{
		display: block;

		margin-top: 0;
	}
	
	.eu-simbolo-1,
	.eu-simbolo-2,
	.eu-simbolo-3,
	.eu-simbolo-4
	{
		margin: 0 auto;
		display: block;
		background-size: 70% 70%;
		
	}
	
	.eu-bloque-texto
	{
		text-align: center;
		width: auto;

		padding-left: 10px;
		padding-right: 10px;
		
		font-size: 12px;
	}
	
	.eu-bloque-texto h1
	{
		font-size: 16px;
		text-align: center;

	}
	

}