.home1		{
		
				display: flex;
				flex-wrap: wrap;
				
			}
		
.home2		{		
				display: flex;				
			}
		
.flex-logo	{
				flex: 3;
				min-width: 340px;
				padding: 0px;
				background-color: #FFFFFF;
				margin: 0px;	
				width: 100%; 
				min-width:340px; 
				height: 45px; 
				clip-path: polygon(0% 0%, 100% 0%, 75% 100%, 0% 100%);
				border-bottom: 2px solid; 
				border-color: #FFBF00; 
				background-color:#7CA2BA;
			}
								
.flex-usuario	{
					flex: 2;
					min-width: 340px;
					padding: 0px;
					background-color: #FFFFFF;
					margin: 0px;
					
					height: 45px; 
					border-bottom: 2px solid; 
					border-color: #FFBF00; 
					background-color:#FFFFFF; 
					text-align: right; 
					padding: 5px 5px 0px 0px;
				}		
						
.flex-titulo1	{
					flex: 				2; 
					min-width: 			340px;
					padding: 			0px; 
					background-color: 	#FFFFFF;	
					margin-left: 		0px;
					margin-left: 		30px;
					
				}
		
.flex-botones	{
					flex: 				3;
					min-width: 			340px;
					padding: 			0px;
					background-color: 	#FFFFFF;
					margin: 			0px;
				
				}
		
.flex-titulo2	{
					flex: 				1;
					min-width: 			200px;
					padding: 			0px; 
					background-color: 	#FFFFFF;	
					margin-top:			7px;
					display:			none;
					
				}
					
									
#divPrincipal 	{
				
					margin-left:	10px;
					margin-bottom: 	0px;
					margin-top:		10px;
				}
			
#divEncabezadoTitulo2
{
	display: none;
	min-width: 0px;
}
			
#divMenuHorizontal2
{

	display: none;
}

#lblInicioEncabecadoEscuela
	{
		
		color:#aeaeae; 
		font-family:Tahoma,Geneva,Arial,sans-serif; 
		font-size:11px; 
		font-weight:bold;
	}						
	
#menuCE1A	{display: block;	}
#menuCE1B	{display: none;		}	
#menuCE2A	{display: block;	}
#menuCE2B	{display: none;		}	
#menuCE3A	{display: block;	}
#menuCE3B	{display: none;		}	
#menuCE4A	{display: block;	}
#menuCE4B	{display: none;		}	
#menuCE5A	{display: block;	}
#menuCE5B	{display: none;		}	
#menuCE6A	{display: block;	}
#menuCE6B	{display: none;		}	
#menuCE7A	{display: block;	}
#menuCE7B	{display: none;		}	
#menuCE8A	{display: block;	}
#menuCE8B	{display: none;		}	
	

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


@media screen and (max-width: 1050px)
{
	.flex-titulo1	{
							flex: 				0; 
							min-width: 			0px;
							padding: 			0px; 
							background-color: 	#FFFFFF;	
							margin: 			0px;	
							
				
						}
						
	#divEncabezadoTitulo
						{
							display: none;
						}
						
	#divEncabezadoTitulo2
						{
							display: block;
							color:#979595; 
							font-family:Tahoma,Geneva,Arial,sans-serif; 
							font-size:25px;
							margin-left: 10px;
						}
						
	
						
			
}
		
@media screen and (max-width: 940px)
{
			
	#divInicioFoto 
	{
		
				display: none;
	}
	
	#divMenuHorizontal
	{
		
				display: none;
	}
	
	#divMenuHorizontal2
	{
		
				display: block;
	}
	
	#divPrincipal {
		
				margin-left:0px;
				
				}
}
		
@media screen and (max-width: 870px)
{

	#divInicioLogo 
	{
		display: none;
	}
	
	#divInicioLogo2 
	{
		display: block;
	}


}
		
@media screen and (max-width: 720px)
{
	
	#spanSalir 	{
					display: none;
				}
				
	#spanTitularidad 	{
					display: none;
				}
				
	#spanCalificaciones 	{
					display: none;
				}
				
	#spanMaterias 	{
					display: none;
				}
				
	#spanInicio 	{
					display: none;
				}
				
	#spanMensajes 	{
					display: none;
				}
				
	#fielsetFiltroBusqueda
				{
					display: none;
				}
				
	#divEncabezadoTitulo2
				{
					color:#979595; 
					font-family:Tahoma,Geneva,Arial,sans-serif; 
					font-size:15px;
					margin-left: 10px;
				}
				
	#lblInicioEncabecadoEscuela
	{
		
		color:#aeaeae; 
		font-family:Tahoma,Geneva,Arial,sans-serif; 
		font-size:11px; 
		font-weight:bold;
	}
	
	
	#menuCE1A	{display: none;		}
	#menuCE1B	{display: block;	}
	#menuCE2A	{display: none;		}
	#menuCE2B	{display: block;	}
	#menuCE3A	{display: none;		}
	#menuCE3B	{display: block;	}
	#menuCE4A	{display: none;		}
	#menuCE4B	{display: block;	}
	#menuCE5A	{display: none;		}
	#menuCE5B	{display: block;	}
	#menuCE6A	{display: none;		}
	#menuCE6B	{display: block;	}
	#menuCE7A	{display: none;		}
	#menuCE7B	{display: block;	}
	#menuCE8A	{display: none;		}
	#menuCE8B	{display: block;	}
	
	
	
	
}
			
@media screen and (max-width: 380px)
{
	
	#divInicioLogo2 
	{
		display: none;
	}
}