@import url('https://fonts.googleapis.com/css?family=Bree+Serif');
body {
	background-color:#C9E1E9;
	font-family:'Bree serif', serif, Tahoma, Helvetica, sans-serif;
	background: -moz-linear-gradient(top, #C9E1E9 , #ffffff);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#C9E1E9), to(#ffffff));
	background-repeat:no-repeat;
	}

#contenedor {
	width:960px;
	height:850px;
	background-color:#999;  
	margin-left:auto;
	margin-right:auto;
	
}
/* inicio estilos cabecera */
#contenedor_grande {
	width:960px;
	height:990px;
	background-color:#999;  
	margin-left:auto;
	margin-right:auto;
}

header{
	width:960px;
	height:160px;
	margin-left:auto;
	margin-right:auto;
    background-color:#005e8a;
}
#ventana{
	width:550px;
	height:430px;
	margin-left:50px;
	margin-top:-450px;
	margin-right:auto;
	padding-left:20px;
    background-color:lightblue;
    position:absolute;
    z-index:50;
    box-shadow: 5px 10px 7px rgba(0,0,0,0.5);
}
#ventana2{
	width:420px;
	height:380px;
	margin-left:60px;
	padding-left:10px;
	padding-top:-50px;
	margin-top:-10px;
	margin-right:auto;
    position:absolute;
    background-color:lightgrey;
    z-index:60;
    box-shadow: 5px 10px 7px rgba(0,0,0,0.5);
}
#bot2{
  	margin-left:520px;	
	margin-top:10px;
	padding:1px;
	font-size:20px;
	border-radius:7px;
}	
#bot3{
  	margin-left:360px;	
	margin-top:8px;
	padding:2px;
	font-size:30px;
	border-radius:7px;
}	
#logo {
width: 100px;
height:100px;
background-image:url(imagenes/logo_nuevo2.png);
margin-left:25px;
margin-top:15px;
float:left;
}

#marca {
	width:550px;
	height:105px;
	margin-left:20px;
	float:left;		 
}

h1, h2 {
	color:#CCCCCC;
	font-size:36px;}
h3 {
	color:#000066;
	font-size:20px;}
p {
	color:#000066;
	font-size:18px;
	}
h4 {
	color:#CCCCCC;
	font-size:24px;
font-family: Tahoma}

h5 {color:#000066;
	margin-top:0px;
	margin-bottom:0px;
	font-size:24px;
font-family: Tahoma}

.titulo_inicio {
	color:#000066;
	font-size:20px;
	}



#caja_historia,#caja_departamentos,#caja_biblioteca{
	width:580px;
	height:710px;
	color:#000066;
	background-color:#c9e1e9;
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:14px;
	padding:10px;
	border-radius:7px;
	margin-left:30px;
	margin-top:10px;
	box-shadow: 5px 10px 7px rgba(0,0,0,0.5);
}	

#departamentos2,#departamentos3{
	width:250px;
	height:680px;
	color:#000066;
	background-color:#c9e1e9;
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:14px;
	padding:10px;
	margin-left:10px;
	margin-top:10px;
	float:left;
	}	

#caja_autoridades,#caja_modalidades{
	width:580px;
	height:510px;
	color:#000066;
	background-color:#c9e1e9;
	padding:10px;
	border-radius:7px;
	margin-left:30px;
	margin-top:10px;
	box-shadow: 5px 10px 7px rgba(0,0,0,0.5);
}
#caja_modalidades_2{
	width:580px;
	height:510px;
	color:white;
	background-color:#377C93;
	padding:10px;
	border-radius:7px;
	margin-left:30px;
	margin-top:10px;
	box-shadow: 5px 10px 7px rgba(0,0,0,0.5);
}
#caja_familias{
	width:620px;
	height:310px;
	color:#000066;
	background-color:#c9e1e9;
	padding:10px;
	border-radius:7px;
	margin-left:20px;
	margin-top:20px;
	box-shadow: 5px 10px 7px rgba(0,0,0,0.5);
}
#caja_familias2{
	width:620px;
	height:170px;
	color:#000066;
	background-color:#c9e1e9;
	padding:10px;
	border-radius:7px;
	margin-left:20px;
	margin-top:10px;
	box-shadow: 5px 10px 7px rgba(0,0,0,0.5);
}

#caja_cursos_divisiones{
	width:650px;
	height:1050px;
	color:#000066;
	background-color:#c9e1e9;
	padding-left:10px;
	padding-right:10px;
	padding-top:15px;
	border-radius:7px;
	margin-left:2px;
	margin-right:3px;
	margin-top:10px;
	box-shadow: 5px 10px 7px rgba(0,0,0,0.5);
}
#caja_cursos_divisiones_2{
	width:650px;
	height:800px;
	color:#000066;
	background-color:#377C93;
	padding-left:10px;
	padding-right:10px;
	padding-top:15px;
	border-radius:7px;
	margin-left:2px;
	margin-right:3px;
	margin-top:10px;
	box-shadow: 5px 10px 7px rgba(0,0,0,0.5);
}
.parrafo1 { font-size:16px; color:#000066;}			
.parrafo2 { font-size:14px; color:#000066; padding-left:10px;}	
.parrafo3 { font-size:18px; color:#000066;}	
.titulos  {	font-size:20px;color:white;margin-bottom: -15px;}
.parrafo4 { font-size:14px; color:#000066; background-color:#377C93;}
.parrafo5 { font-size:12px; color:#000066;}	
.parrafo6 { font-size:18px; color:white; margin-top:8px; margin-bottom:5px;}	
.parrafo7 { font-size:13px; color:#000066; padding-left:10px;}	
.parrafo8 { font-size:11px; color:#000066; padding-left:10px;}
.parrafo9 { font-size:16px; color:#000066;}
.parrafo10{ font-size:18px; margin-top:10px; background-color:green;color:white;}
.parrafo11 { font-size:15px; color:#000066; padding-top:-20px;padding-left:10px;margin-top:-5px;}	
.parrafo12 { font-size:18px; color:#000066;margin-bottom:10px;margin-top: -10px;margin-right: 15px}
.parrafo13{ font-size:20px; color:white; margin-left:10px; margin-right:10px; padding-top:50px;}	
.parrafo14 { font-size:18px; color:#000066;margin-bottom:0px;margin-top:-8px;}
.parrafo15 { font-size:16px; color:#000066; margin-top:-10px;}	
.parrafo16 { font-size:17px; color:#c9e1e9; margin-top:0px;}	
.parrafo17 { font-size:18px; color:white; margin-top:-7px;}		
.parrafo18 { font-size:24px; color:white; }	
.parrafo19 { font-size:22px; color:black;margin-top:-10px; }	
.parrafo20 { font-size:14px; color:white; }	
.parrafo21 { font-size:15px; color:#000066; padding-left:5px;margin-top:-10px;}	
.parrafo22 { font-size:18px; color:#ffffff;margin-bottom:10px;margin-top: -10px;margin-right: 15px}
.parrafo23 { font-size:18px; color:#000000;margin-bottom:10px;margin-top: -10px;margin-right: 15px}
#botonera_caja {
	width:960px;
	height:27px;
	background-color:#377C93;
    clear:right; 
	float:left;
	margin-top:15px;
		}
#botonera_caja2{
	width:260px;
	height:320px;
	background-color:#C9E1E9;
	float:right;
	margin:15px;
	margin-top:25px;
	border-radius:10px;
	box-shadow: 5px 10px 7px rgba(0,0,0,0.5);
	}		
a {
	color:white;
	text-decoration: none;
	}
	
.estilo2{
	color:#000066;
	text-decoration: none;
	}
	.estilo2_2{
	color:#000066;
	text-decoration: none;
	font-size:22px;
	}
.estilo2_2:hover{
	color:#000066;
	text-decoration: none;
	background-color:#377C93;
	color:white;
	font-size:22px;}

.estilo2:hover{
	color:#000066;
	text-decoration: none;
	background-color:#377C93;
	color:white;
	}
.estilo4{
	color:green;
	text-decoration: none;
	}
.estilo4:hover{
	color:#000066;
	text-decoration: none;
	border-color:#377C93;
	border-style:solid;
	}

	.estilo3{
	color:#000066;
	text-decoration: none;
	border-color:#377C93;
	border-style:solid;
	}
/* quiero que cambie de color al pasar el mouse*/
  a:hover{ 
	background-color:#c9e1e9;}
	
nav ul, ul {
	margin:0;
	padding:0;
	list-style-type: none;
}

nav ul li {
	display:inline;
	/*float:left;*/
}

nav ul li a {
	background-color:#377C93;
	width:115px;
	height: 27px;
	display: inline-block;
	text-align: center;
	line-height: 27px;
	/*border-radius:5px;*/
}

nav li a:hover {
	background-color:#C9E1E9;
	color:#003333;
	}
	
nav.botonera2 {
	margin:0;
	padding:0;
	list-style-type: none;
}

nav.botonera2 li {
	display:block;
	margin-left:25px;
	/*float:left;*/
	}
nav.botonera2 li a {
	background-color:#377C93;
	width:220px;
	height: 40px;
    display: block ;
	/*float:left;*/
	text-align: center;
	line-height: 40px;
	}

nav.botonera2 li a:hover {
	background-color:#C9E1E9;
	color:#003333;
	}
	/* fin estilos cabecera */

/* inicio estilos contenido */
#contenido {
	width:960px;
	height:650px;
	background-color:#FFFFFF;
}
#contenido_grande {
	width:960px;
	height:950px;
	background-color:#FFFFFF;
}
#contenido_grande2 {
	width:960px;
	height:1050px;
	background-color:#FFFFFF;
}
#lateral_izq {
	width:660px;
	height:650px;
	background-color:#ffffff;  
	float:left;
}

#lateral_izq_grande {
	width:660px;
	height:810px;
	background-color:#ffffff;  
	float:left;
}
#lateral_izq_grande2 {
	width:660px;
	height:1050px;
	background-color:#ffffff;  
	float:left;
}
#lateral_gori {
	width:960px;
	height:700px;
	background-color:#ffffff;  
	float:left;
}
#lateral_gori_iz {
	width:600px;
	height:540px;
	background-color:#ffffff;  
	float:left;
	margin-bottom:10px;
}

#lateral_gori_der {
	width:360px;
	height:460px;
	background-color:#C9E1E9;  
	float:left;
	padding-top:10px;
	margin-top:50px;
}

#gori_foto0{
	width:800px;
	height:150px;
	background-color:#ffffff;  
	background-image:url(imagenes/gori0.jpg);
	float:left;
}
#gori_foto1{
	width:160px;
	height:150px;
	background-color:#ffffff;  
	background-image:url(imagenes/gori5.jpg);
	float:left;
}
#caja_mapa {
	width:600px;
	height:450px;
	background-color:#ffffff;  
	float:left;
	padding:15px;
	margin-left:25px;
	margin-top:30px;
}

#frase1{
	width:660px;
	height:40px;
	/*background-color:#ffffff; */
	float:left;
	}
#frase2{
	width:650px;
	height:90px;
	/*background-color:#ffffff; */ 
	float:left;
	margin-bottom:10px;
		}
		
#galeria1 {
	width:680px;
	height:510px;
	background-image:url(imagenes/fachada_nueva.jpg);
	float:left;
	background-repeat:no-repeat;
	background-position:center;
	margin-top:0px;
	}

#galeria_biblioteca {
	width:680px;
	height:810px;
	float:left;
	background-repeat:no-repeat;
	background-position:center;
	}
	#galeria3 {
	width:680px;
	height:480px;
	background-image:url(imagenes/bandera.jpg);
	float:left;
	background-repeat:no-repeat;
	background-position:center;
	margin-bottom:10px;
	}

.galeria_libro{
	width:120px;
	height:150px;
	float:left;
	margin-left:18px;
	margin-top:10px;
	
		}

#galeria_biblio_digi{
	width:630px;
	height:15px;
	float:left;
	margin-left:18px;
	margin-top:30px;
	margin-bottom:30px;
	font-size:18px; 
	color:#000066;}

	#galeria_portada, #galeria_institu {
	width:570px;
	height:460px;
	background-color:#c9e1e9; 
	float:left;
	padding-left:10px;
	padding-right:10px;
	margin-top:20px;
	border-radius:7px;
	margin-left:45px;
	box-shadow: 5px 10px 7px rgba(0,0,0,0.5);	}
 
 #galeria_portada_2{
	width:450px;
	height:30px;
	text-align:center;
	background-color:#ffffff; 
    margin-left:60px;
	margin-top:5px;
	border-radius:7px;
	padding:5px;
	box-shadow: 5px 10px 7px rgba(0,0,0,0.5) ;	
   }

	 #galeria_portada_2arriba{
	width:560px;
	height:120px;
	text-align:left;
	color:white;
	background-color:#005e8a; 
    margin-left:0px;
	margin-top:5px;
	border-radius:7px;
	padding:5px;
	box-shadow: 5px 10px 7px rgba(0,0,0,0.5) ;	
   }
	
 #galeria_portada_3{
	width:600px;
	height:40px;
	background-color:white; 
    margin-left:-120px;
	margin-top:5px;
	border-radius:7px;
	padding:5px;
	box-shadow: 5px 10px 7px rgba(0,0,0,0.5);
	position:absolute;	
	z-index:1;
}
 #galeria_portada_vacaciones{
	width:450px;
	height:280px;
	text-align:center;
	margin-left:60px;
	border-radius:7px;
	padding-left:3px;
	padding-top:-10px;
	box-shadow: 5px 10px 7px rgba(0,0,0,0.5) ;	
   }
   #cinta_luto {
	width:40px;
	height:40px;
	background-image:url(imagenes/cinta_luto.jpg);
	float:left;	
	margin-top:-20px			}

#margen {
	width:40px;
	height:40px;
	background-color:white;
	float:left;	
	margin-top:-20px;			}

 #renglon {
	width:280px;
	height:40px;
	background-color:white;
	float:left;	
	margin-top:-30px;			}

	#resolucion {
	width:50px;
	height:20px;
	background-color:green;
	margin-left: 320px;
	margin-top:15px;
			}	

#galeria_inscripcion2019 {
	width:400px;
	height:200px;
	background-color:#C9E1E9 ;
	float:left;
	margin-top:250px;
	margin-left:150px;
		}

#galeria_feria {
	width:300px;
	height:150px;
	background-color:#C9E1E9 ;
	float:left;
	margin-top:230px;
	margin-left:180px;
		}


	#galeria_arte {
	width:700px;
	height:500px;
	float:left;
	margin-left:30px;
	background-repeat:no-repeat;
	background-position:center;
	}
#galeria_pinta {
	width:650px;
	height:500px;
	float:left;
	margin-left:10px;
	background-repeat:no-repeat;
	background-position:center;
	}
.imagen_portada{
	width:100px;
	height:180px;
	clear:right;
	float:left;
	margin-right:20px;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:2px;
	}
.imagen_pinta{
	width:150px;
	height:150px;
	clear:right;
	float:left;
	margin-right:5px;
	margin-left:5px;
	margin-top:10px;
	margin-bottom:2px;
	}
#formulario{
	width:620px;
	height:400px;
	background-color:#c9e1e9;
	float:left;
	background-repeat:no-repeat;
	background-position:center;
	border-radius:5px;
	margin-left:30px;
	padding:10px;
	}	
	
.caja_form {
	width:280px;
	height:20px;}
	
.caja_form2 {
	width:400px;
	height:100px;}
	
 .estilo_tabla {
	width:400px;
	height:50px;
	}
 	
#texto_docentes{
	width:400px;
	height:250px;
	background-color:#ffffff;  
	float:left; clear:right;
	padding-left:10px
	} 

#texto_docentes_izq{
	width:200px;
	height:150px;
	background-color:#ffffff;  
	float:left; 
	padding-top:35px;
		} 

#texto_alumno{
	width:630px;
	height:570px;
	color:#000066;
	background-color:#c9e1e9;
	float:left;
	padding-top:0px;
	padding-left:10px;
	padding-right:10px;
	border-radius:7px;
	margin-left:20px;
	margin-top:5px;
	box-shadow: 5px 10px 7px rgba(0,0,0,0.5);
}
#texto_proyecto{
	width:630px;
	height:690px;
	color:#000066;
	background-color:#c9e1e9;
	float:left;
	padding-top:0px;
	padding-left:10px;
	padding-right:10px;
	border-radius:7px;
	margin-left:20px;
	margin-top:5px;
	box-shadow: 5px 10px 7px rgba(0,0,0,0.5);
}
.caja_proyecto{
	width:135px;
	height:120px;
	background-color:#c9e1e9;
	float:left;
	padding-top:0px;
	border-radius:7px;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	box-shadow: 5px 10px 7px rgba(0,0,0,0.5);}

#titulo_proyecto{
	width:330px;
	height:30px;
	background-color:#377C93;
	color:white;
	font-size:20px;
	float:left;
	padding-top:0px;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	}

.caja_proyecto_texto{
	width:135px;
	height:20px;
	background-color:#c9e1e9;
	float:left;
	padding-left:2px;
	border-radius:7px;
	margin-left:8px;
	margin-right:10px;
	margin-top:10px;
	box-shadow: 5px 10px 7px rgba(0,0,0,0.5);}

#texto_virtual{
	width:630px;
	height:580px;
	color:#000066;
	background-color:#c9e1e9; 
	float:left;
	padding-left:10px;
	margin-top:40px;
	border-radius:7px;
	margin-left:20px;
	margin-top:20px;
	box-shadow: 5px 10px 7px rgba(0,0,0,0.5);	} 

#col1_virtual,#col2_virtual{
	width:300px;
	height:450px;
	float:left;
	padding-left:10px;}

	#texto_programa{
	width:670px;
		height:680px;
		background-color:#377C93;
		float:left;
	    padding-left:5px;
		border-radius:5px;
} 

.columna{
	width:230px;
	font-size:15px;
	margin-top:20px;
			} 

.columna2{
	width:150px;
	font-size:15px;
	margin-top:20px;
	border: black 1px solid;		} 	

.columna3{
	width:660px;
	font-size:15px;
	margin-top:20px;
	padding-top:5px;
	padding-bottom:5px;
	border: black 1px solid;
	padding-left:5px;
	padding-right:5px;	
		} 	

.fila2{
	text-align:top;
	border: black 1px solid;
		} 

.fila{
	text-align:top;
			} 

#galeria2 {
	width:660px;
	height:300px;
	float:left;
	margin-top:40px;
	background-repeat:no-repeat;
	background-position:center;
	}	
#galeria_classroom {
	width:200px;
	height:200px;
	background-image:url(imagenes/classroom.jpg);
	float:left;
	margin-top:10px;
	margin-left:20px;
	background-repeat:no-repeat;
	background-position:center;
	}	

	#galeria_capacitacion {
	width:200px;
	height:230px;
	float:left;
	margin-top:10px;
	margin-left:20px;
	background-repeat:no-repeat;
	background-position:center;
	}	

	#galeria_postura_compu {
	width:200px;
	height:200px;
	float:left;
	margin-top:10px;
	margin-left:20px;
	background-repeat:no-repeat;
	background-position:center;
	}	
#biblioteca{
      width: 640px;
      height: 200px;
	  background: url(imagenes/biblio1.jpg) bottom left no-repeat, 
      url(imagenes/biblio2.jpg) right no-repeat;
    float: left;
	clear:right;
	 margin-left:10px;
}
#laboratorio{
      width: 640px;
      height: 200px;
	  background: url(imagenes/lab1.jpg) bottom left no-repeat, 
      url(imagenes/lab2.jpg) right no-repeat;
    float: left;
	clear:right; 
	margin-left:10px;
}
#computacion{
      width: 640px;
      height: 200px;
	  background: url(imagenes/compus1.jpg) bottom left no-repeat, 
      url(imagenes/compus2.jpg) right no-repeat;
    float: left;
	clear:right; 
	margin-left:10px;
}
#caja_textoderecha{
	width:600px;
	height:250px;
	background-color:#377c93;
	float:left;
	border-radius:5px;
	padding-top:none;
	padding-left:10px;
	margin:20px;
		}	
#lateral_der{
	width:270px;
	height:650px;
	background-color:#FFFFFF; 
	float:right;
	}
		
#lateral_der_grande{
	width:300px;
	height:810px;
	background-color:#FFFFFF; 
	float:right;
	}

#img_historia {
 width: 290px;
 height:220px;
 background-image:url(imagenes/fachada_vieja.gif);
 margin-left:1px;
 margin-top:10px;
 float:left;

}
#img_instalaciones {
 width: 260px;
 height:200px;
 padding-left:15px;
 background-image:url(imagenes/jaula1_chica.jpg);
 margin-left:10px;
 margin-top:15px;
 float:left;
 background-position:center;
 background-repeat:no-repeat;
}
#img_departamentos {
 width: 260px;
 height:200px;
 padding-left:15px;
 background-image:url(imagenes/jaula_chica.jpg);
 margin-left:10px;
 margin-top:15px;
 float:left;
 background-position:center;
 background-repeat:no-repeat;
}
  #calendario{
	width:260px;
	height:180px;
	background-color:#C9E1E9;
	float:right;
	margin:10px;
	border-radius:10px;
	box-shadow: 5px 10px 7px rgba(0,0,0,0.5);
	}
#mesas_examen{
	width:260px;
	height:190px;
	background-color:#C9E1E9;
	float:right;
	margin:10px;
	border-radius:10px;
	box-shadow: 5px 10px 7px rgba(0,0,0,0.5);
	}
#novedades{
	width:260px;
	height:200px;
	background-color:#C9E1E9;
	float:right;
	margin:10px;
	padding:5px;
	border-radius:10px;
	box-shadow: 5px 10px 7px rgba(0,0,0,0.5);
	}

 #calen_interno,#nov_interno,#mesas_interno{
	width:260px;
	height:100px;
	background-color:red;
	float:right;
	padding-top:-50px;
	margin-top:-5px;
		}	

	#titulo2, #titulo3{
    width:240px;
	height:30px;
	background-color:green;
	margin:10px;
	}

	#titulo1{
    width:240px;
	height:30px;
	background-color:green;
	margin-top:10px;
	margin-left:10px;
    margin-bottom:15px;	
   }
#titulo_alto{
    width:250px;
	height:60px;
	background-color:#377C93;
	margin:10px;
	   }

	#importante{
    width:650px;
	height:30px;
	background-color:#377C93;
	margin-top:10px;
margin-bottom:15px;	
padding-left: 10px;
}

#titulo_tps{
    width:650px;
	height:30px;
	background-color:#377C93;
	margin-top:10px;
margin-bottom:15px;	}

#titulo4{
    width:240px;
	height:35px;
	background-color:#377C93;
	margin-top:-10px;
	margin-left:10px;
	border-radius:10px;
	padding-left:5px;
padding-top:5px;}
	/*box-shadow: 5px 10px 7px rgba(0,0,0,0.5);	
 fin estilos contenido */
#titulo_feria{
    width:240px;
	height:25px;
	background-color:#377C93;
	margin-top:10px;
	margin-left:25px;
	border-radius:5px;
	padding-left:15px;
}

#titulo5{
    width:200px;
	height:30px;
	background-color:#377C93;
	margin-left:30px;
	padding-left:40px;	
margin-top:5px;}

#titulo6{
    width:240px;
	height:45px;
	background-color:#377C93;
	margin-top:-10px;
	margin-left:10px;
	border-radius:10px;
	padding-left:5px;
padding-top:5px;}
/* inicio estilos pie */

#titulo7{
    width:240px;
	height:50px;
	background-color:#377C93;
	margin-top:-23px;
	margin-left:10px;
	border-radius:10px;
	padding-left:5px;
padding-top:5px;}

#titulo8{
    width:45px;
	height:20px;
	background-color:#377C93;
	margin-top:10px;
	margin-left:200px;
	border-radius:5px;
	padding-left:15px;
padding-top:-15px;}

#titulo9{
    width:180px;
	height:25px;
	background-color:#377C93;
	margin-top:0px;
	margin-left:20px;
	border-radius:5px;
	padding-left:15px;
padding-top:-15px;}

#titulo_coronavirus{
    width:180px;
	height:25px;
	background-color:#377C93;
	margin-top:0px;
	margin-left:25px;
	border-radius:5px;
	padding-left:50px;
padding-top:-15px;}

#alumnos_centro_estudiantes{
    width:100px;
	height:80px;
	background-color:#377C93;
	margin-top:0px;
	margin-left:15px;
	border-radius:5px;
	float:left;
	clear:right;
	}
#tutorial_docentes{
    width:150px;
	height:80px;
	background-color:green;
	margin-top:0px;
	margin-left:15px;
	border-radius:5px;
	padding:10px;
	float:left;
	clear:right;
	text-align:center;
	}
#corona_galeria_portada{
    width:120px;
	height:22px;
	background-color:#377C93;
	float:left; clear:right;
	margin-top:-10px;
	margin-bottom:0px;
	margin-left:200px;
    padding-left:10px;}

#volver{
    width:90px;
	height:17px;
	background-color:#377C93;
	margin-left:500px;
margin-top:-12px;
 font-size:13px;
 padding-bottom:2px;
text-align: center;}

#alumnos_portada{
    width:95px;
	height:22px;
	background-color:#377C93;
	float:left;
	margin-top:-43px;
	margin-left:420px;
    padding-left:10px;
}
#alumnos_pie{
    width:600px;
	height:45px;
	background-color:#377C93;
	float:left;
	margin-top:10px;
	margin-left:10px;
    padding-left:10px;
}
#menu_coronavirus{
    width:150px;
	height:25px;
	background-color:#377C93;
	margin-top:20px;
	margin-left:50px;
	border-radius:5px;
	padding-left:10px;
    float:left;}

#titulo_consejos_virus{
    width:160px;
	height:35px;
	background-color:#377C93;
	margin-top:0px;
	margin-right:230px;
	border-radius:5px;
	padding-left:20px;
padding-top:15px;
float:right;}

#lateral_coronavirus{
    width:550px;
	height:730px;
	margin-top: 40px;
	margin-left:70px;
	background-image:url(imagenes/corona_virus2.jpg);
	background-position: center;
	border-top: 2px;
	border-color:black;
	border-style:solid;
	float:left;}

footer{
	width:960px;
	height:75px;
    background-color:#005E8A;
	float:left;
}
#boton_feria{
    width:220px;
	height:35px;
	background-color:green;
	margin-top:300px;
	margin-left:220px;
	border-radius:10px;
	padding-left:50px;
padding-top:5px;}

#boton_pinta{
    width:220px;
	height:35px;
	background-color:green;
	margin-top:15px;
	margin-left:220px;
	border-radius:10px;
	padding-left:50px;
padding-top:5px;}

#boton_pinta2{
    width:200px;
	height:20px;
	background-color:green;
	margin-top:570px;
	margin-left:300px;
	border-radius:10px;
	padding-left:50px;
	padding-top:10px;
padding-bottom:5px;}

#direccion {
	width:320px;
	height:75px;
	float:right;
			}

#nota {
	width:400px;
	height:75px;
	float:left;
    clear:right;
    text-align:center;
    margin-left:15px;
	color:#000066;
	}	

#contacto {
 width:100px;
 height:22px;
 padding:10px;
 text-align:center;
 float:left;
 clear:right;
 color:#000066;
 margin-left:30px;
 margin-top:15px;
 background-color:#377C93;
 	}

 	#galeria_efemerides_inicio {
	width:130px;
	height:80px;
	background-color:#377C93;
    float:left;clear:right;
	border-radius:7px;
	margin-top:10px;
	margin-bottom:-15px;
	margin-left:12px;
	margin-right:5px;
	box-shadow: 5px 10px 7px rgba(0,0,0,0.5);}

#galeria_talleres {
 width:130px;
 height:70px;
 padding:5px;
 text-align:center;
 float:left;
 clear:right;
 color:#000066;
 margin-left:400px;
 margin-top:-85px;
 background-color:white;
 	}
	
#galeria_efemerides_texto_alumnos {
	width:200px;
	height:20px;
	float:left; clear:right;
	border-radius:7px;
	margin-top:-20px;
	margin-left:70px;
		}

#galeria_efemerides_alumnos {
	width:180px;
	height:120px;
   	float:left;clear:right;
	border-radius:7px;
	margin-top:5px;
	margin-bottom:10px;
	margin-left:80px;
	box-shadow: 5px 10px 7px rgba(0,0,0,0.5);	}

#galeria_orquesta_juvenil {
	width:160px;
	height:120px;
   	float:left;clear:right;
	border-radius:7px;
	margin-top:5px;
	margin-bottom:10px;
	margin-left:20px;
	box-shadow: 5px 10px 7px rgba(0,0,0,0.5);	}

	#alumnos2_texto{
	width:205px;
	height:20px;
	float:left; 
	border-radius:7px;
	margin-top:-20px;
	margin-left:30px;
		}
	#galeria_alumnos2 {
	width:180px;
	height:120px;
	background-color:#377C93;
  	float:left;
	border-radius:7px;
	margin-top:5px;
	margin-bottom:10px;
	margin-left:30px;
	box-shadow: 5px 10px 7px rgba(0,0,0,0.5);	}

#ayuda_psico {
	width:180px;
	height:100px;
	background-color:#377C93;
    background-image:url(imagenes/ayuda_psico2.jpg);
	float:left;
	border-radius:7px;
	margin-top: -120px;
	margin-bottom:10px;
	margin-left:300px;
	box-shadow: 5px 10px 7px rgba(0,0,0,0.5);	}

	#galeria_educacion_fisica {
	width:80px;
	height:50px;
	background-color:#377C93;
    background-image:url(imagenes/educacion_fisica.jpg);
	clear:right;float:left;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:50px;
	margin-right:20px;
		}

	#galeria_egresada {
	width:130px;
	height:80px;
	clear:right;float:left;
	margin-top:-45px;
	margin-bottom:5px;
	margin-left:10px;
	padding-top:0px;
	text-align:center;
		}
		
	#galeria_parlamento {
	width:140px;
	height:75px;
	clear:right;float:left;
	margin-top:-65px;
	margin-bottom:5px;
	margin-left:10px;
	padding-top:20px;
	text-align:center;
		}
	
	#galeria_apoyo_escolar {
	width:140px;
	height:75px;
	background-color:#377C93;
    background-image:url(imagenes/arte_6to_2021.jpg);
	clear:right;float:left;
	margin-top:-45px;
	margin-bottom:5px;
	margin-left:10px;
	padding-top:20px;
	text-align:center;
		}

#galeria_tutorial_alumnos {
	width:140px;
	height:90px;
	background-color:green;
  	clear:right;float:left;
	margin-top:-45px;
	padding-top:10px;
	margin-bottom:5px;
	margin-left:10px;
	text-align:center;
		}
	#galeria_orquesta {
	width:140px;
	height:80px;
	background-color:green;
   	clear:right;float:left;
	margin-top:-45px;
	margin-bottom:5px;
	margin-left:10px;
	padding-top:0px;
	text-align:center;
		}

#galeria_efemerides_texto_padres {
	width:180px;
	height:30px;
	float:left;clear:right;
	border-radius:7px;
	margin-top:0px;
	margin-left:15px;
			}
	#galeria_efemerides_padres {
	width:180px;
	height:120px;
	background-color:#377C93;
  	float:left; clear:right;
	border-radius:7px;
	margin-top:5px;
	margin-left:20px;
	box-shadow: 5px 10px 7px rgba(0,0,0,0.5);	}
 
#nuevo {
	width:60px;
	height:25px;
	background-color:red;
	margin-left: 330px;
	padding-left:8px;
	margin-top:-40px;
			}	

			#nuevo2 {
	width:60px;
	height:25px;
	background-color:green;
	margin-left:450px;
	padding-left:8px;
	margin-top:-40px;
		float:left;
				}
	#nuevo3 {
	width:410px;
	height:30px;
	background-color:white;
	margin-left: 70px;
	padding-left:0px;
	margin-top:0px;
	margin-bottom:5px;
			}		
fin estilos pie */