.divEncabezado
{
	display: flex;
	flex-wrap: wrap;
	width:100%; 
	background-color: #FFFFFF;
	min-width: 410px;
	
	
}

.imgLogo
{
	width:100px; 
	height:80px;
	flex: 3;
	
}

#idDivInicio
{
	flex: 6; 
	border: 0px solid blue; 
	max-width: 
	770px; 
	margin-right: 60px;
	
}

#idDivRvoe
{
	flex: 4; 
	margin-left: 0px; 
	border: 0px solid red; 
	max-width: 222px;
}

#idImgMapa01
{
	width:900px; 
	height:800px;
	
}

.imgRvoe
{
	width: 220px; 
	height: 180px;
	
}

.divMenu1
{
	
	text-align:center; 
	width: 100%;
	flex: 3;
}

.divMenu2
{
	text-align:center; 
	width: 100%; 	
	display: none;
	flex: 4;
	margin-top: 30px;
}

.divContenido
{
	margin-left: 50px; 
	margin-right: 50px;
	min-width: 400px;
	
}

.labelTitulo
{
	font: 25px arial;   
	color: #0B0B61;
	
}

.parrafoContenido
{
	font: 20px arial;   
	color: #585858; 
	width: 100%; 
	text-align:justify;
}

.parrafoContenidoDerecho
{
	font: 20px arial;   
	color: #585858; 
	width:600px; 
	text-align:justify;
	float: right;
	border: 0px solid red;
}

.parrafoContenidoMapa
{
	font: 20px arial;   
	color: #585858;  
	text-align:left;
}

.parrafoContenidoContactanos
{
	font: 20px arial;   
	color: #585858;  
}

.parrafoMision
{
	font: 15px arial;   
	color: #585858; 
	text-align:justify;
	margin-left: 0px;
	margin-right: 15px;
}

.parrafoPlataforma
{
	font: 20px arial;   
	color: #585858; 
	text-align:left;
	
}

.lblModalidad1
{
	background-color: 	#BDBDBD;
    color: 				#414B60;
    padding: 			14px 20px;
    margin: 			8px 0;
    
	border: 			1px solid #81BEF7;
	border-radius:      10px 3px 3px 3px;
	
}

.lblModalidad2
{
	
	
	font-weight:  bold;
	
	font: 15px arial;   
	color: #585858; 
	
}

#idDivEstudiante0
{
	max-width: 	1030px; 
	display: 	flex; 
	flex-wrap: 	wrap;
	margin-top:	15px;
	border: 0px solid red;
	
}


#idDivEstudiante1
{
	flex: 4;
	border: 0px solid green;
}

#idDivEstudiante2
{
	flex: 6; 
	margin-left: 20px;
	border: 0px solid blue;
	
}

.imgEstudiante
{
	width: 340px; 
	height: 170px;
	
}


#idDivRvoe2
{
	display: none;
}

#idDivMapa01
{
	display: block;
}

#idDivMapa02
{
	display: none;
}

.boton1 /*se va poder usar en varios casos se autoajusta*/
{
	background-color: 	#BDBDBD;
    color: 				#414B60;
    padding: 			7px 7px;
    margin: 			8px 0;
    cursor: 			pointer;
	border: 			1px solid #81BEF7;
	border-radius:      10px 3px 3px 3px;
	width:				399px;
	}	

.boton1:hover 
{
    opacity: 		0.8;
	border: 		1px solid #64FE2E;
	border-radius: 	10px 3px 3px 3px;
}

#idDivContactanos01
{
	flex: 5;
}

#idDivContactanos02
{
	flex: 5;
}

#idDivPlataforma01
{
	flex: 5;
}

#idDivPlataforma02
{
	flex: 5;
}

@media screen and (max-width: 1090px)
{
	#idImgEstudiante
	{
		width: 320px; 
		height: 170px;
	
	}
	
	.parrafoContenidoDerecho
	{
	width:500px; 
	}
}

@media screen and (max-width: 1000px)
{
	#idDivInicio
	{
		margin-right: 0px;
	
	}
	
	#idImgRvoe
	{
		width: 150px; 
		height: 120px;
	}
	
	#idDivRvoe
	{
		
		margin-left: 25px;
		margin-top: 30px;
	}
	
	.labelTitulo
	{
		font: 22px arial;
	}
	
	.parrafoContenido
	{
	font: 19px arial;   
	width:500px; 
	}
	
	.parrafoContenidoDerecho
	{
	font: 19px arial;   
	width:500px; 
	}
	
	.parrafoContenidoMapa
	{
	font: 19px arial;   
	}
	
	.parrafoContenidoContactanos
	{
		font: 19px arial;   

	}
	
	
}

@media screen and (max-width: 970px)
{
	#idImgEstudiante
	{
		width: 260px; 
		height: 140px;
	
	}
	
}

@media screen and (max-width: 910px)
{
	#idDivMenu1
	{
		display: none;
	}

	#idDivMenu2
	{
		display: block;
	}
	
	#idImgLogo
	{
		width:90px; 
		height:70px;
	}
	
	.labelTitulo
	{
		font: 22px arial;
	}
	
	.parrafoContenido
	{
		font: 17px arial;   
	}
	
	.parrafoContenidoDerecho
	{
		font: 17px arial;   
	}
	
	.parrafoContenidoMapa
	{
		font: 17px arial;   
	}
	
	.parrafoContenidoContactanos
	{
		font: 17px arial;   
	}
	
	.parrafoMision
	{
	font: 14px arial;   
	}
	
	#idDivContenido
	{
		margin-left: 5px; 
		margin-right: 5px;
	}
	
	#idImgMapa01
{
	width:700px; 
	height:500px;
	
}
	
	
}

@media screen and (max-width: 830px)
{
	
	
	#idDivRvoe
	{
		margin-left: 10px;
		margin-top: 30px;
	}
	
	
}


@media screen and (max-width: 820px)
{
	#idImgEstudiante
	{
		width: 220px; 
		height: 140px;
	
	}
	
}


@media screen and (max-width: 780px)
{
	.parrafoContenidoDerecho
	{
		width:450px; 
	}
}

@media screen and (max-width: 745px)
{
		
	.parrafoContenido
	{
		width:380px; 
	}
	
	.parrafoContenidoDerecho
	{
		width:100%; 
	}
	
	
	
	#idDivRvoe
	{
		margin-left: 5px;
	}
	
	
	
	
	
}

@media screen and (max-width: 705px)
{
	
	#idImgRvoe
	{
		width: 120px; 
		height: 90px;
	}
	
	.parrafoContenido
	{
		width:400px; 
	}
	
	#idDivRvoe
	{
		margin-left: 30px;
	}
	
}




@media screen and (max-width: 625px)
{
	#idDivMenu2
	{
		margin-top: 5px;
	}
	
	.labelTitulo
	{
		font: 16px arial;
	}
	
	.parrafoContenido
	{
	font: 14px arial;   
	width:100%; 
	}
	
	.parrafoContenidoDerecho
	{
	font: 14px arial;   
	width:100%; 
	}
	
	.parrafoContenidoMapa
	{
	font: 14px arial;   
	}
	
	.parrafoContenidoContactanos
	{
		font: 14px arial;   

	}
	
	.parrafoMision
	{
		min-width: 400px;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 8px;
	}
	
	#idDivRvoe
	{
		display: none;
	}
	
	#idDivRvoe2
	{
		margin-left: 120px;
		display: block;
	}
	
	#idDivEstudiante0
	{
	
		display: block; 
		text-align: center;
	
	}
	
	#idDivEstudiante2
	{
		margin-left: 0px;
	
	}
	
	#idImgEstudiante
	{
	width: 350px; 
	height: 210px;
	
	}
	
	#idDivMapa01
	{
		display: none;
	}

	#idDivMapa02
	{
		display: block;
	}
	
	
}

@media screen and (max-width: 500px)
{
	#idDivRvoe2
	{
		margin-left: 80px;
	}
	
}

@media screen and (max-width: 440px)
{
	#idDivRvoe2
	{
		margin-left: 50px;
	}
	
}