*{
	margin: 0px;
	padding: 0px;
}

div#general{
	margin: auto;
	width: 99%%;
	height: 600px;
	
}
div#arriba{
	
	width: 100%;
	height: 170px;
	
}

div#escudo{

	float:left;
	width: 20%;
	height: 170px;
	
}

div#nombre_colegio{
	float:left;
	width: 50%;
	height: 170px;
	
}

div#escudo_sec{
    float:left;
	width: 30%;
	height: 170px;
	
}

div#nombre_colegio h3{
	
    font-size: 30px;
	font-family: Arial Unicode MS;
	color: black;
  
}
div#nombre_colegio h1{
    
    font-size: 50px;
	font-family: Arial Unicode MS;
	color: black;
  
}



div#medio{
	
	width: 100%;
	height: 30px;
	background-color: #EFC732;
}

div#bienvenido{
	
	width: 100%;
	height: 30px;
	background-color: #EFC732;
}

div#menu{
	width: 100%;
	height: 40px;
	
}

div#menu a{
	
	margin: 20px;
	padding: 5px;
	font-size: 20px;
	font-family: Arial Unicode MS;
	color: white;
	text-decoration: none;
}

div#menu a:hover{
	color: black;
}

div#bien_1{
	float: right;
	width: 20%;
	height: 30px;
	 
}
div#bien_2{
	float: right;
	width: 60%;
	height: 30px;
	 font-size: 20px;
	font-family: Arial Unicode MS;
}
div#bien_3{
	float: right;
	width: 20%;
	height: 30px;
	 
}
div#clases td{
	float: center;
	font-size: 20px;
	font-family: Arial Unicode MS;
	color: black;
}
div#tejidos_vegetales{
	margin: 80px;
}
div#sistema_oseo{
	margin: 80px;
}
@media (max-width: 767px){

}
@media (min-width: 768px) and (max-width: 990px{

}
@media (min-width: 991px){

}