@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=Rosario:400,700,700italic,400italic);
@import url(http://fonts.googleapis.com/css?family=Bitter:400,700,400italic|Oswald:400,300,700);


#container{
	
	max-width:1280px;
	margin-left:auto;
	margin-right:auto;
	
	
}


*{
	margin: 0;
	padding: 0;
}


body {
	background: #eff9d9;
	}


#containerchico {                     
	max-width: 960px;
	position: relative;
	margin: 0px auto 0px auto;
	margin-top: 10px;
	
}

/*---------------------HEADER--------------------*/

#headergrande {
	width:1280px;
	height:180px;
	
}



#isologo {
	width:60px;
	height:60px;
	position: absolut;
	float:left;
}



#menu {
	width:960px;
	height:60px;
	margin: 0 auto;
	background: #b8d37b;
	margin-top:0px;
		
	
}


#menu nav ul {
        padding-top:10px;
		padding-left:140px;
}

#miscizq {
	width:72px;
	height:52px;
	float:left;
	margin-top: 0px;
	margin-left:110px;
	
}

#miscder {
	width:72px;
	height:52px;
	float:right;
	margin-top:0px;
	margin-right:90px;
}


header { 
	height: 150px;
	width:960px;
	
	
}

		

header nav {
	margin: 0 auto;
	padding: 0px;
	}

header nav ul li{ 
   	float:left;
	list-style-type:none;
	padding: 0px 0px 0px 0px;
	margin-top:5px;
}

header nav ul li a {
	color: #FFF;
	text-decoration: none;
	margin-right:50px;
	margin-left:0px;
	font-family:Oswald;
	font-size:20px;
    border-bottom:20px;
	
		
}

header nav ul li a:hover {
	color:#261941;
	font-size: 20px;
	
}

.imagen_central {
	margin-top:-100px;
}



/*-------------------------nav_nosotros-------------------------*/


#nosotros{
	margin-top:-80px;
	}



#navnosotros {
	width: 310px;
	height: 154px;
	background-image: url(imagenes/fondo_sec.png);
	background-repeat: no-repeat;
	float: right;
	margin-top: 10px;
	margin-bottom:20px;
	margin-right:0px;
}


#navnosotros ul {
	list-style: none;
	margin-top: 20px;
	line-height: 35px;
	margin-left: 10px;
	padding-right:45px;
	margin-right:20px;
	float: right;
}


#navnosotros ul li {
	margin-top: 4px;
}


#navnosotros ul li a {
	font-family: bitter;
	font-weight: 300;
	color: #FFF;
	text-decoration: none;
	display: block;
}


#navnosotros nav ul li a:hover {
	color:#FC0;
	font-size: 16px;
	
}

/*-------nombres y cv de docentes---------*/

#nombresdocentes {
    width: 635px;
	float:left;
	position:absolute;
	margin-top:-605px;
		
	
}

#nombresdocentes p{
	font-size: 17px;
	font-family:rosario;
	float:left;
	margin-right:5px;
	color:#261941;
	}
	
	
#nombresdocentes2 {
    width: 635px;
	float:left;
	position:absolute;
	margin-top:-605px;
	margin-left:160px;
		
	
}

#nombresdocentes2 p{
	font-size: 17px;
	font-family:rosario;
	float:left;
	margin-right:5px;
	color:#261941;
	}


	
#nombresdocentes3 {
    width: 635px;
	float:left;
	position:absolute;
	margin-top:-605px;
	margin-left:325px;
		
	
}

#nombresdocentes3 p{
	font-size: 17px;
	font-family:rosario;
	float:left;
	margin-right:5px;
	color:#261941;
	}
	

	
#nombresdocentes4 {
    width: 635px;
	float:left;
	position:absolute;
	margin-top:-605px;
	margin-left:485px;
		
	
}

#nombresdocentes4 p{
	font-size: 17px;
	font-family:rosario;
	float:left;
	margin-right:5px;
	color:#261941;
	}
	


#nombresdocentes5 {
    width: 635px;
	float:left;
	position:absolute;
	margin-top:-413px;
		
	
}

#nombresdocentes5 p{
	font-size: 17px;
	font-family:rosario;
	float:left;
	margin-right:5px;
	color:#261941;
	}
	
	
#nombresdocentes6 {
    width: 635px;
	float:left;
	position:absolute;
	margin-top:-413px;
	margin-left:160px;
		
	
}

#nombresdocentes6 p{
	font-size: 17px;
	font-family:rosario;
	float:left;
	margin-right:5px;
	color:#261941;
	}

	
	
	
#nombresdocentes7 {
    width: 635px;
	float:left;
	position:absolute;
	margin-top:-413px;
	margin-left:325px;
		
	
}

#nombresdocentes7 p{
	font-size: 17px;
	font-family:rosario;
	float:left;
	margin-right:5px;
	color:#261941;
	}
	

	
#nombresdocentes8 {
    width: 635px;
	float:left;
	position:absolute;
	margin-top:-413px;
	margin-left:485px;
		
	
}

#nombresdocentes8 p{
	font-size: 17px;
	font-family:rosario;
	float:left;
	margin-right:5px;
	color:#261941;
	}
	

#nombresdocentes9 {
    width: 635px;
	float:left;
	position:absolute;
	margin-top:-222px;
		
	
}

#nombresdocentes9 p{
	font-size: 17px;
	font-family:rosario;
	float:left;
	margin-right:5px;
	color:#261941;
	}
	
	
#nombresdocentes10 {
    width: 635px;
	float:left;
	position:absolute;
	margin-top:-222px;
	margin-left:160px;
		
	
}

#nombresdocentes10 p{
	font-size: 17px;
	font-family:rosario;
	float:left;
	margin-right:5px;
	color:#261941;
	}


#nombresdocentes11 {
    width: 635px;
	float:left;
	position:absolute;
	margin-top:-222px;
	margin-left:325px;
		
	
}

#nombresdocentes11 p{
	font-size: 17px;
	font-family:rosario;
	float:left;
	margin-right:5px;
	color:#261941;
	}
	

	
#nombresdocentes12 {
    width: 635px;
	float:left;
	position:absolute;
	margin-top:-222px;
	margin-left:485px;
		
	
}

#nombresdocentes12 p{
	font-size: 17px;
	font-family:rosario;
	float:left;
	margin-right:5px;
	color:#261941;
	}
			




#nombresdocentes13 {
    width: 635px;
	float:left;
	position:absolute;
	margin-top:-30px;
		
	
}

#nombresdocentes13 p{
	font-size: 17px;
	font-family:rosario;
	float:left;
	margin-right:5px;
	color:#261941;
	}
	
	
#nombresdocentes14 {
    width: 635px;
	float:left;
	position:absolute;
	margin-top:-30px;
	margin-left:160px;
		
	
}

#nombresdocentes14 p{
	font-size: 17px;
	font-family:rosario;
	float:left;
	margin-right:5px;
	color:#261941;
	}


#nombresdocentes15 {
    width: 635px;
	float:left;
	position:absolute;
	margin-top:-30px;
	margin-left:325px;
		
	
}

#nombresdocentes15 p{
	font-size: 17px;
	font-family:rosario;
	float:left;
	margin-right:5px;
	color:#261941;
	}
	

	
#nombresdocentes16 {
    width: 635px;
	float:left;
	position:absolute;
	margin-top:-30px;
	margin-left:485px;
		
	
}

#nombresdocentes16 p{
	font-size: 17px;
	font-family:rosario;
	float:left;
	margin-right:5px;
	color:#261941;
	}
		
	



/*-----------------iconos - NOSOTROS--------------------*/


#iconosnosotros {
	width:310px;
	float:right;
	clear:both;	
	margin-bottom:50px;
	margin-right:-10px;
	position:relative;
	
	
	
}


#texto_icono_nosotros p {
	position:absolute;
	font-family:oswald;
	font-size:14px;
	color:#FFF;
	margin-top:30px;
	margin-left:25px;
	}


#texto_icono_nosotros_2 p {
	position:absolute;
	font-family:oswald;
	font-size:14px;
	color:#FFF;
	margin-top:30px;
	margin-left:125px;
	}


#texto_icono_nosotros_3 p {
	position:absolute;
	font-family:oswald;
	font-size:14px;
	color:#FFF;
	margin-top:30px;
	margin-left:240px;
	}



#icono1nosotros, #icono2nosotros, #icono3nosotros {
	width: 90px;
	height: 70px;
	list-style: none;
	float: left;
	margin-left:10px;
	position:relative;
	font-family:bitter;
	font-size:10px;
	
}



/*-----------------------article/nosotros---------------------*/


#articlesec h5 {
	border-bottom: solid 3px  #261942;
	width: 140px;
	
	
}



#articlesec {
	width: 540px;
	float: left;
	margin-left: 0px;
	font-family: oswald;
	color: #261942;
	margin-top:-190px;
	
	
}




/*-----------termina article/ empieza evaluacion aside-----------*/

#evaluacionaside {
	width: 310px;
	height: 391px;
	background-image:url(imagenes/cuadro-aside.png);
	background-repeat: no-repeat;
	float:right;
	margin-top:-650px;
	margin-right:0px;
	
	
}

#evaluacionaside h3 {
	font-family: bitter;
	font-size: 12px;
	color: #006633;
	margin-top: 16px;
	font-weight: 400;
	margin-bottom: 0px;
	margin-left: 20px;
}

#evaluacionaside h6 {
	font-family: rosario;
	font-size: 9px;
	font-weight: 400;
	margin-bottom: 0px;
	margin-top: 10px;
	margin-left:20px;
}

#evaluacionaside p {
	margin-top: 10px;
	font-family: rosario;
	font-size: 12px;
	margin-left: 20px;
	margin-right:60px;
	width: 250px;
}


#evaluacionaside h1 {
	font-family: bitter;
	font-size: 15px;
	font-weight: 400;
	color: #99CC33;
	margin-left: 20px;
	margin-top: 45px;
}


#evaluacionaside img {
	margin-left:20px;
	margin-top:10px;
	text-decoration: none;
	
}


/*---------------------------principios----------------------------*/

#principios {
	width: 310px;
	height: 280px;
	background-image: url(imagenes/principios-fondo.png);
	background-repeat: no-repeat;
	float: right;
	clear: both;
	font-family: Rosario;
	font-size: 11px;
	margin-right:0px;
	margin-top:-260px;
	padding: 10px;
	text-align:center;
	margin-bottom:15px; 
	
}

.textoprincipios {
	margin-top:50px;
	padding:20px;
	
	
	
	
}

#catedracosgayadocentes {
     width: 635px;
	 height:100px;
	 clear:both;
	 margin-top:20px;
 }


/*--------------------------contactos------------------------*/

#contactotodo{
	margin-top:-90px;
	}



#formulario {
	width:960px;
	padding-top:10px;
	font-family: Oswald;
	margin-bottom:30px;
	margin-left:0px;
	
}



#formulario label {
	display: block;
	width: 275px;
	font-family: Oswald;
	font-size: 14px;
	line-height: 30px;
}

#formulario .campo1 {
	width: 275px;
	height: 20px;
	line-height: 20px;
	font-family: rosario;;
	font-size: 14px;
	background-color: #FF9;
	color: #303;
	border: 1px solid #261941;
	padding-left: 5px;
}





.contacto h1 {
	font-family:Oswald;
	color:#303;
	border-bottom:solid 3px #303;
	width: 635px;
	
}

form {
	background:#069;
	width:575px;
	height:350px;
	padding: 0px;
}

.dato {
	background:#cfe2b1;
	color:#303;
	font-size:15px;
	padding: 30px;
	
}

.contacto form textarea{
	background-color:#FFF;
	width:277px; 
	height:240px; 
	font-family: oswald; 
	font-size:14px; 
	float:right;
	margin-left:15px;
	clear:both;
	margin-top:-240px;
	
	
}

#aclaracionescontacto {
	float:right;
	clear:both;
}

#consultas {
     float:right;
	 margin-top:-270px;
	 }

.contacto form .boton{
	width:100px; 
	height:28px; 
	background-color:#261942; 
	color:#FFF; 
	font-family: oswald; 
	font-size:16px;
    cursor:pointer; 
	clear:both;
	float:right;
	margin-top: 10px;
		
}

.p aclaracioncontacto {
	float:right;
}



.contacto-mensajes{
	font-family: oswald; 
	color: #303; 
	font-size:12px;
	float:right;
	margin-top:-460px;
	margin-right:80px;
}


.contacto-titular {
	float:right;
	clear:right;
	margin-top:-290px;
	margin-right:120px;
}



.contacto-adjunto {
	float:right;
	margin-top:-200px;
	margin-right:120px;
}


.contacto-jtp {
	float:right;
	margin-top:-110px;
	margin-right:120px;
}


#textos_contactos{
	float:right;
	margin-top:-300px;
	}

#textotitular h3{
	font-family: oswald;
	font-size:15px;
	color:#FFF;
	margin-left:-177px;
	margin-top:32px;
	position:absolute;
	
	}

#textoadjunto h3{
	font-family: oswald;
	font-size:15px;
	color:#FFF;
	margin-left:-180px;
	margin-top:123px;
	position:absolute;
	
	}

#textojtp h3{
	font-family: oswald;
	font-size:15px;
	color:#FFF;
	margin-left:-163px;
	margin-top:210px;
	position:absolute;
	
	}





/*--------------------------footer------------------------------*/

footer { 
	background-color: #b8d37b;
	font-family: Rosario;
	padding:0px 0 0 0;
	font-size: 10px;
	max-width: 960px;
	clear: both;
	position: relative;
	margin: 0px auto 0px auto;
}

footer p { 
	max-width: 700px;
	margin-top: -25px;
	margin-left: 125px;
	margin-right: 0px;
	text-align: center;
	color: #FFF;
	font-family: Rosario;
	font-size: 9px;
}


/*----------NAV - FOOTER---------*/

nav#nav_footer ul { 
	margin-left: 124px;
	height: 45px;
}

nav#nav_footer ul li { 
	list-style: none;
		
}

nav#nav_footer ul li a { 
	text-decoration: none;
	color: #FFF;
	font-family: Rosario;
	font-weight: 500;
	font-size: 11px;
	padding-right: 65px;
	float: left;
}

#redessociales {
	height: 20px;
	weight: 10px;
	float: right;
	margin-right: 50px;
	margin-b: 10px;
	margin-top: -30px;
}

#twitter {
	float: right;
	margin-left: 20px;
	margin-right: 24px;
}


#flickr {
	float: right;
	margin-right: 0px;
	margin-left: 20px;
}



#logo_footer {
	float: left;
	margin-bottom: 20px;
	margin-left: 35px;
	margin-top: -25px;
}


/*-----------------------columnas HOME---------------------------*/

/*----texto de nivel 1 2 y en clase ---*/

#nivel1ymas{
     font-family: oswald;
	 font-size:11px;
	 position:absolute;
	 color: #FFF;
	 margin-left:125px;	
	 margin-top:115px;
}


#nivel1ymas h2{
     font-family: bitter;
	 font-size:50px;
	 position:absolute;
	 color: #FFF;
	 margin-left:15px;	
	 margin-top:-30px;
}


#nivel1ymas2{
     font-family: oswald;
	 font-size:11px;
	 position:absolute;
	 color: #FFF;
	 margin-left:449px;	
	 margin-top:405px;
}


#nivel1ymas2 h2{
     font-family: bitter;
	 font-size:50px;
	 position:absolute;
	 color: #FFF;
	 margin-left:15px;	
	 margin-top:-30px;
}

#nivel1ymas3 {
     font-family: oswald;
	 font-size:11px;
	 position:absolute;
	 color: #FFF;
	 margin-left:767px;	
	 margin-top:115px;
}


#nivel1ymas3 h2{
     font-family: bitter;
	 font-size:50px;
	 position:absolute;
	 color: #FFF;
	 margin-left:25px;	
	 margin-top:-30px;
}






/*----texto de nivel 1 2 y en clase- FIN- COLUMNAS ---*/



.trescolumnas{
	max-width: 960px;
		
}



.trescolumnas img {
	width: 310px;
	height: 291px;
	margin-top: -5px;
				
}



.trescolumnas nav ul li{
	list-style: none;
}


.columna1 {
	margin-left: 0px;
	max-width: 310px;
    max-height: 578px;
    background-color: #cfe2b1;
	float: left;  
	margin-bottom:15px;
}



.columna2, .columna3 {
	margin-left: 15px;
	max-width: 310px;
    max-height: 578px;
    background-color:#cfe2b1;
	float: left;  
	margin-bottom:15px;                         
	
}

.columna1 nav ul li a, .columna2 nav ul li a, .columna3 nav ul li a{
	margin-left: 0px;
	
}




/*----------------proximo viernes/calendario HOME-----------------*/

#proximoviernes {
	width:960px;
	margin: 0px;
	
}

#fechasimportantes {
	width:635px;
	height:250px;

}


#iconohome {
   position:absolute;
   float:left;
   margin-top:360px;
   margin-left:15px;
   font-family:oswald;
   font-size:20px;
   color:#261941;
   text-align:center;
   border-bottom:solid 3px #303;
   
}



#nivel1home h2 {
	
	width: 290px;
	height:100px;
	font-family: oswald;
	color:#261941;
	margin-top:15px;
	margin-left:330px;
	
	}



#titulonivel1home {
	float: left;
	margin-top: 350px;
	margin-left: 220px;
	font-family:oswald;
	position:absolute;
	text-align:left;
	color:#261941;
	border-bottom:solid 3px #303;
	font-size:12px;
	
	
	}

#nivel1home {
	width: 400px;
	height: 100px;
	float: left;
	margin-top: 390px;
	margin-left: 220px;
	font-family:oswald;
	position:absolute;
	text-align:left;
	font-size:14px;
	color:#261941;
	
}



#titulonivel2home2 {
	float: left;
	margin-top: 480px;
	margin-left: 220px;
	font-family:oswald;
	position:absolute;
	text-align:left;
	color:#261941;
	border-bottom:solid 3px #303;
	font-size:12px;
	
	
	}

#nivel2home2 {
	width: 410px;
	height: 100px;
	float: left;
	margin-top: 520px;
	margin-left: 220px;
	font-family:oswald;
	position:absolute;
	text-align:left;
	font-size:14px;
	color:#261941;
	
}





.calendario {
width:310px;
height: 250px;
background-color:#cfe2b1;
float: right;
margin-left: 15px;
margin-bottom:15px;

}

.calendario h3{
text-align: center;
font-family: bitter;
color: #261941;
margin-top:15px;
width: 310px;
position: relative;
margin-right:0px;
float:none;
font-size:20px;
}

.calendario h4{
text-align: center;
font-family: bitter;
font-size: 12px;
color: #261941;

}

.calendario h2 a:hover{
color: #F90;
}

.calendario table {
width: 280px;
float: right;
margin-top: 15px;
margin-right: 15px;
font-family: oswald;
border: 0.1px solid rgb(0, 0, 0);
}

.calendario table thead th {
width: 14.28%;
color: rgb(0, 0, 0);
font-size: 9px;
text-align: center;
font-family: oswald;
}

.calendario table tbody tr td {
background-color: rgb(255, 255, 255);
color: #261941;
font-size: 11px;
text-align: center;
height: 24px;
}

.calendario table tbody tr td.event {
background-color:#d7b801;
}

.calendario table tbody tr td.event:hover,
.calendario table tbody tr td.today:hover {
cursor: pointer;
}

.calendario table tbody tr td.event:hover {
background-color: #a2c520;
}

.calendario table tbody tr td.today {
background-color: #a2c520;  
color: rgb(255, 255, 255) !important;
}

.calendario table tbody tr td.today:hover {
background-color:  rgb(201, 7, 111); 
}

.calendario table tbody tr td.today a {
color: rgb(255, 255, 255);
}

.calendario table tbody tr td.event a {

color: rgb(0, 0, 0);
}

.calendario table tbody tr td.today a:hover,
.calendario table tbody tr td.event a:hover {
text-decoration: none;
}

.calendario table tbody tr td.disabled {
background-color: rgb(255, 255, 255);
color:rgb(0, 0, 0);
}

#fechas_importantes p{
position: relative;
float: left;
margin-top: 18px;
margin-left: 16px;
color: rgb(255, 255, 255);
font-family: oswald;
font-size: 12px;
text-align: center;
}

#caendario_fechas_negrita{
font-family: oswald;
font-size: 12px;
}
























/*-------------DIVISION HOME-------------*/
 
hr#division {
	width: 960px;
	height: auto;
	margin: 1px;
	padding: 1px;
	margin-left: 0px;                 
	margin-right: 0px;
	margin-bottom: 10px;
	position: relative;
	margin: 5px auto 5px auto;
}

.color_amarillo {
    background-color: #97C21F;
    clear: both;
    weight:800px;
	margin-bottom:5px;
	margin-left:50px;
	margin-right:0px;
}


/*---------------------EXTENSION-------------*/

#contenidoextension {
	width:960px;
	margin:0 auto;
	margin-top:-75px;
	
}

/*---texto extension---*/
#textoextension1 {
	width: 310px;
	float:left;
	font-family:Rosario;
	font-size:13px;
	margin-top:15px;
	color:#666;
	
}

#textoextension2 {
	width: 310px;
	float:left;
	font-family:Rosario;
	font-size:13px;
	margin-top:15px;
	margin-left:15px;
	color:#666;
	
}

#textoextension3 {
	width: 310px;
	float:right;
	font-family:Rosario;
	font-size:13px;
	margin-top:15px;
	color:#666;
	
}


#textoextension4 {
	width: 310px;
	float:left;
	font-family:Rosario;
	font-size:13px;
	margin-top:0px;
	color:#666;
	margin-bottom:15px;
	
}

#textoextension5 {
	width: 310px;
	float:left;
	font-family:Rosario;
	font-size:13px;
	margin-top:0px;
	margin-left:15px;
	color:#666;
	margin-bottom:15px;
	
}

#textoextension6 {
	width: 310px;
	float:right;
	font-family:Rosario;
	font-size:13px;
	margin-top:0px;
	color:#666;
	margin-bottom:15px;
	
}




/*---cajadetexto---*/

#cajadetexto {
	width:310px;
	height:80px;
	background-color:#261941;
	position:absolute;
	opacity: 10;
	margin-top:320px;
	opacity:0.8;
	filter:alpha(opacity=80);
	
				
}

#cajadetexto h1{
	font-family: Rosario;
	font-size:15px;
	color:#FFF;
	position:absolute;
	margin-top:20px;
	margin-left:20px;
	
}
	
#cajadetexto2 {
	width:310px;
	height:80px;
	background-color:#d7b801;
	position:absolute;
	opacity: 10;
	margin-top:320px;
	margin-left:325px;
	opacity:0.8;
	filter:alpha(opacity=80);
	
				
}

#cajadetexto2 h1{
	font-family: rosario;
	font-size:15px;
	color:#FFF;
	position:absolute;
	margin-top:20px;
	margin-left:20px;
	
}


#cajadetexto3 {
	width:310px;
	height:80px;
	background-color:#a2c520;
	position:absolute;
	opacity: 10;
	margin-top:320px;
	margin-left:650px;
	opacity:0.8;
	filter:alpha(opacity=80);
	
				
}

#cajadetexto3 h1{
	font-family: rosario;
	font-size:15px;
	color:#FFF;
	position:absolute;
	margin-top:20px;
	margin-left:20px;
	
}



#cajadetexto4 {
	width:310px;
	height:80px;
	background-color:#261941;
	position:absolute;
	opacity: 10;
	margin-top:960px;
	margin-left:650px;
	opacity:0.8;
	filter:alpha(opacity=80);
	
	
				
}

#cajadetexto4 h1{
	font-family: rosario;
	font-size:15px;
	color:#FFF;
	position:absolute;
	margin-top:20px;
	margin-left:20px;
	
}


#cajadetexto5 {
	width:310px;
	height:80px;
	background-color:#d7b801;
	position:absolute;
	opacity: 10;
	margin-top:960px;
	margin-left:0px;
	opacity:0.8;
	filter:alpha(opacity=80);
	
	
				
}

#cajadetexto5 h1{
	font-family: rosario;
	font-size:15px;
	color:#FFF;
	position:absolute;
	margin-top:20px;
	margin-left:20px;
	
}

#cajadetexto6 {
	width:310px;
	height:80px;
	background-color:#a2c520;
	position:absolute;
	opacity: 10;
	margin-top:960px;
	margin-left:325px;
	opacity:0.8;
	filter:alpha(opacity=80);
	
	
				
}

#cajadetexto6 h1{
	font-family: rosario;
	font-size:15px;
	color:#FFF;
	position:absolute;
	margin-top:20px;
	margin-left:20px;
	
}



/*---columnas---*/	
	
.seiscolumnas{
	width:960px;
	margin:0 auto;
	
	
}

.col1 {
	width:310px;
	height:400px;
	margin-left: 0px;
	background-color: #cfe2b1;
	float: left; 
	
	
	
}

.col2, .col3{
    width:310px;
	height:400px;
	margin-left: 15px;
	background-color:#cfe2b1;
	float: right;
	
	
}

.col4 {
	width:310px;
	height:400px;
	margin-left: 0px;
	background-color: #cfe2b1;
	float: left; 
	margin-top:20px;
	margin-bottom:20px;
	clear:both;
	
}

.col5, .col6{
    width:310px;
	height:400px;
	margin-left: 15px;
	background-color:#cfe2b1;
	float: right;
	margin-top:20px;
	margin-bottom:20px;
}

/*--------------Seccion propuesta-------------*/
#propuesta {
	margin-top:-86px;
	}


#titular {
	background-image:url(imagenes/titulodepropuesta.png);
	background-repeat: no-repeat;
}

#titular h1 {
	margin-left:150px;	
	font-family:Oswald;
	color:#FFF;
}

#textopropuesta {
	width:625px;
	color:#575756;
	font-family:rosario;
	font-size:12px;
	margin-top:15px;
	margin-bottom:15px;
}




#asidesecpropuesta img {
	margin-top:15px;
	
	}




#asidesecpropuesta {
	width: 310px;
	height: 530px;
	float: right;
	margin-top: -710px;
	margin-left: 15px;
	font-family:bitter;
	
}

.copetecuadro {
	color:#97c21f;
}

.titulocuadro {
	color:#261941;
}

.textodecuadro {
	color:#575756;
}

#columnapropuesta1 {
	width:300px;
	float:left;
	clear:both;
	
}

.titulocolprop {
	border-bottom:solid 3px #95c11e;
	color:#261941;
	font-family: bitter;
	font-size:35px;
	margin-left:30px;
	margin-right:30px;

}

.textocolprop {
	color:#575756;
	font-family:Rosario;
	font-size:15px;
	margin-left:30px;
	margin-right:30px;
}

#columnapropuesta1 img {
	margin-left:30px;
	text-decoration:none;
	margin-top:10px;
}

#columnapropuesta2 img {
	margin-left:30px;
	text-decoration:none;
	margin-top:10px;
	
}

#columnapropuesta2 {
	width:300px;
	float:left;
	
	
}

.titulocolprop2 {
	border-bottom:solid 3px #95c11e;
	color:#261941;
	font-family: bitter;
	font-size:35px;
	margin-left:30px;
	margin-right:30px;

}

.textocolprop2 {
	color:#575756;
	font-family:Rosario;
	font-size:15px;
	margin-left:30px;
	margin-right:30px;
}


#asidesecpropuesta2 {
	width: 310px;
	float: right;
	margin-top: -520px;
	margin-left: 15px;
	font-family:bitter;
	clear:both;
	background-image:url(imagenes/cuadradopropuesta.png);
	background-repeat:no-repeat;
	
	
	
}

#asidesecpropuesta2 img {
    margin-top:5px;
	margin-left:15px;
}

.titulocuadro2 {
	color:#FFF;
	margin-top:20px;
	margin-left:15px;
}

.textodecuadro2 {
	color:#FFF;
	margin-left:15px;
}


#metodologia {
    clear:both;
	float:right;
	margin-top:-100px;
	margin-right:0px;
	position:relative;
	margin-bottom:15px;
	
}

#metodologia h1{
	font-family:bitter;
	font-size:30px;
	float:right;
	margin-bottom:15px;
	margin-right:0px;
	margin-top:-80px;
	position:absolute;
	color:#261941;
	margin-left:35px;
}
	


#foto2columna {
	clear:both;
	width:625px;
	
}


#fotofinalpropuesta {
	width:960px;
	clear:both;
	    
}

#columnapropuesta1 img{
	margin-bottom:10px;

}

#columnapropuesta2 img {
	margin-bottom:10px;

	}




/*---------caja de texto para columnas del home ---------*/

#contenidohome {
	width:960px;
	margin:0 auto;
	
}

/*---cajadetexto---*/

#textohome {
	width:310px;
	height:80px;
	background-color:#a2c520;
	position:absolute;
	opacity: 10;
	margin-top:498px;
	opacity:0.8;
	filter:alpha(opacity=80);
	
				
}

#textohome h1{
	font-family: Rosario;
	font-size:15px;
	color:#FFF;
	position:absolute;
	margin-top:10px;
	margin-left:10px;
	
}
	
#textohome2 {
	width:310px;
	height:80px;
	background-color:#261941;
	position:absolute;
	opacity: 10;
	margin-top:-5px;
	margin-left:325px;
	opacity:0.8;
	filter:alpha(opacity=80);
	
				
}

#textohome2 h1{
	font-family: rosario;
	font-size:15px;
	color:#FFF;
	position:absolute;
	margin-top:10px;
	margin-left:10px;
	
}


#textohome3 {
	width:310px;
	height:80px;
	background-color:#d7b801;
	position:absolute;
	opacity: 10;
	margin-top:498px;
	margin-left:650px;
	opacity:0.8;
	filter:alpha(opacity=80);
	
				
}

#textohome3 h1{
	font-family: rosario;
	font-size:15px;
	color:#FFF;
	position:absolute;
	margin-top:10px;
	margin-left:10px;
	
}


/*---------------------galeria---------------*/


#galeria{
	margin-top:-80px;
	}


#contenidogaleria {
	width:960px;
	margin:0 auto;
	
}

.seiscol{
	width:960px;
	margin:0 auto;
	
	
}

.galeriacol1 {
	width:310px;
	height:310px;
	margin-left: 0px;
	background-color: #cfe2b1;
	float: left; 
	
	
}

.galeriacol2, .galeriacol3{
    width:310px;
	height:310px;
	margin-left: 15px;
	background-color:#cfe2b1;
	float: right;
	
	
}


.galeriacol4 {
	width:310px;
	height:310px;
	margin-left: 0px;
	background-color: #cfe2b1;
	float: left; 
	margin-top:15px;
	margin-bottom:15px;
	
	
	
}

.galeriacol5, .galeriacol6{
    width:310px;
	height:310px;
	margin-left: 15px;
	background-color:#cfe2b1;
	float: right;
	margin-top:15px;
	margin-bottom:15px;
	
}


.galeriacol7 {
	width:310px;
	height:310px;
	margin-left: 0px;
	background-color: #cfe2b1;
	float: left; 
	margin-top:5px;
	margin-bottom:15px;
	
	
	
}

.galeriacol8, .galeriacol9{
    width:310px;
	height:310px;
	margin-left: 15px;
	background-color:#cfe2b1;
	float: right;
	margin-top:5px;
	margin-bottom:15px;
	
}


.galeriacol10 {
	width:310px;
	height:310px;
	margin-left: 0px;
	background-color: #cfe2b1;
	float: left; 
	margin-top:0px;
	margin-bottom:15px;
	
	
	
	
}

.galeriacol11, .galeriacol12{
    width:310px;
	height:310px;
	margin-left: 15px;
	background-color:#cfe2b1;
	float: right;
	margin-top:0px;
	margin-bottom:15px;
	
	
}



/*---iconos galeria---*/



#iconosgaleria {
	width:960px;
	margin: 0 auto;
	
}

#galeriaicono1 {
	width: 100px;
	height: 170px;
	list-style: none;
	margin: 0 auto;
	
	
}

#galeriaicono2 {
	width: 100px;
	height: 170px;
	list-style: none;
	margin: 0 auto;
	clear:both;
	
	
	
}

#galerianivel1 {
	font-family:bitter;
	font-size:20px;
	color:#d7b801;
	margin-top:-80px;
	margin-left:450px;
	margin-bottom:10px;
	
	
	
	}
	
	
	
#galerianivel2 {
	font-family:bitter;
	font-size:20px;
	color:#261941;
	margin-top:-80px;
	margin-left:450px;
	
	
	
	}


/*---tps---*/

#tps p{
	color:#FFF;
	font-size:15px;
	font-family:bitter;
	position:absolute;
	float: right;
	margin-top:27px;
	margin-left:28px;
	
}


#tps2 p{
	color:#FFF;
	font-size:15px;
	font-family:bitter;
	position:absolute;
	float: left;
	margin-top:27px;
	margin-left:25px;
	
}




#tps3 p{
	color:#FFF;
	font-size:15px;
	font-family:bitter;
	position:absolute;
	float: right;
	margin-top:27px;
	margin-left:25px;
	
}



#tps4 p{
	color:#FFF;
	font-size:15px;
	font-family:bitter;
	position:absolute;
	float: right;
	margin-top:27px;
	margin-left:28px;
	
}


#tps5 p{
	color:#FFF;
	font-size:15px;
	font-family:bitter;
	position:absolute;
	float: left;
	margin-top:27px;
	margin-left:25px;
	
}




#tps6 p{
	color:#FFF;
	font-size:15px;
	font-family:bitter;
	position:absolute;
	float: right;
	margin-top:27px;
	margin-left:25px;
	
}






#tpsnivel2 p{
	color:#FFF;
	font-size:15px;
	font-family:bitter;
	position:absolute;
	float: right;
	margin-top:30px;
	margin-left:28px;
	
}


#tps2nivel2 p{
	color:#FFF;
	font-size:15px;
	font-family:bitter;
	position:absolute;
	float: left;
	margin-top:30px;
	margin-left:25px;
	
}




#tps3nivel2 p{
	color:#FFF;
	font-size:15px;
	font-family:bitter;
	position:absolute;
	float: right;
	margin-top:30px;
	margin-left:25px;
	
}



#tps4nivel2 p{
	color:#FFF;
	font-size:15px;
	font-family:bitter;
	position:absolute;
	float: right;
	margin-top:30px;
	margin-left:28px;
	
}


#tps5nivel2 p{
	color:#FFF;
	font-size:15px;
	font-family:bitter;
	position:absolute;
	float: left;
	margin-top:30px;
	margin-left:25px;
	
}




#tps6nivel2 p{
	color:#FFF;
	font-size:15px;
	font-family:bitter;
	position:absolute;
	float: right;
	margin-top:30px;
	margin-left:25px;
	
}










#tps {
	position:absolute;
	width:100px;
	height:100px;
	float: right;
	margin-top:220px;
	margin-left:220px;
	
}

#tps2 {
	position:absolute;
	width:100px;
	height:100px;
	float: right;
	margin-top:220px;
	margin-left:545px;
	
}


#tps3 {
	position:absolute;
	width:100px;
	height:100px;
	float: right;
	margin-top:220px;
	margin-left:870px;
	
}

#tps4 {
	position:absolute;
	width:100px;
	height:100px;
	float: right;
	margin-top:545px;
	margin-left:220px;
	
}

#tps5 {
	position:absolute;
	width:100px;
	height:100px;
	float: right;
	margin-top:545px;
	margin-left:545px;
	
}

#tps6 {
	position:absolute;
	width:100px;
	height:100px;
	float: right;
	margin-top:545px;
	margin-left:870px;
	
}

#tpsnivel2 {
	position:absolute;
	width:100px;
	height:100px;
	float: right;
	margin-top:1020px;
	margin-left:220px;
	
}

#tps2nivel2 {
	position:absolute;
	width:100px;
	height:100px;
	float: right;
	margin-top:1020px;
	margin-left:545px;
	
}


#tps3nivel2 {
	position:absolute;
	width:100px;
	height:100px;
	float: right;
	margin-top:1020px;
	margin-left:870px;
	
}

#tps4nivel2 {
	position:absolute;
	width:100px;
	height:100px;
	float: right;
	margin-top:1345px;
	margin-left:220px;
	
}




#tps5nivel2 {
	position:absolute;
	width:100px;
	height:100px;
	float: right;
	margin-top:1345px;
	margin-left:545px;
	
}

#tps6nivel2 {
	position:absolute;
	width:100px;
	height:100px;

	float: right;
	margin-top:1345px;
	margin-left:870px;
	
}







/*-----------------------Nivel1------------------*/


#niveluno {
	margin-top:-80px;
	
	}


#dosniveles1 {
	height:160px;
	width:960px;
	position:relative;
	margin:0px auto 0px auto;
}

#elprograma {
	font-family:Bitter;
	width:635px;
	float:left;
	color: #261941;
}


#elprograma p{
	color:#261941;
}


#asidedos {
	width:310px;
	height:154px;
	float:right;
	margin:0px 0px auto auto;
	background-image:url(imagenes/nuevofondonivel1.png);
	color:#FFF;
	font-family:bitter;
	text-align:right;
	margin-bottom:15px;
}

.arriba {
	font-family:bitter;
	color:#98C21F;
	margin-right:15px;
	
}

#asidedos h2 {
	margin-right:15px;
		
	
}

#asidedos h5{
	margin-right:15px;
	margin-top:20px;
	
}

#asidedos p {
	margin-right:15px;
	margin-top:0px;
	font-size:16px;
	color:#FFF;
}

#dosniveles2 {
	width:960px;
	position:relative;
	margin:0px auto 0px auto;
	font-family:oswald;
	color:#261941;
	margin-top:15px;
	background-image:url(imagenes/fondonivel1.png);
	background-repeat:no-repeat;
	
	
}




#textonivel2 {
	 width: 310px;
	 height:240px;
	 font-family:rosario;
	 color:#FFF;
	 font-size:20px;
	 margin-top:15px;
	 float:left;
	 background-image:url(imagenes/fondito.png);
	 background-repeat:no-repeat;
	 padding-top:35px;
	 padding-left:10px;
	 
	 
}


#icononiveluno{
	float:left;
	clear:both;
	position:absolute;
	margin-top:185px;
	margin-left:190px;
	
		
}


#icononivel1enclase{
	float:left;
	clear:both;
	position:absolute;
	margin-top:185px;
	margin-left:340px;
	
}



#textoicononiveluno h1{
	float:left;
	width:100px;
	height:100px;
	clear:both;
	margin-top:220px;
	margin-left:210px;
	margin-bottom:30px;
	position:absolute;
	font-family:oswald;
	font-size:19px;
	color:#FFF;
	position:absolute;
	
}


#textoicononivel1enclase h1{
	float:left;
	width:100px;
	height:100px;
	clear:both;
	margin-top:220px;
	margin-left:355px;
	margin-bottom:30px;
	position:absolute;
	font-family:oswald;
	font-size:19px;
	color:#FFF;
	position:absolute;
}








#niveles_izquierda h1 {
	font-size:45px;
	margin-left:20px;
}

#niveles_izquierda h2 {
	font-size:20px;
	margin-left:5px;
	color:#FFF;
	margin-top:10px;
}

#niveles_izquierda h3 {
	font-size:20px;
	margin-left:5px;
	color:#FFF;
	margin-top:50px;
}

#niveles_derecha {
	width:310px;
	height:370px;
	background-image:url(imagenes/verde.png);
	float:left;
	background-repeat:no-repeat;
	margin-top:-67px;
	margin-left:-10px;
	margin-bottom:15px;
}	

#niveles_derecha p {
	text-align:center;
	font-size:16px;
	margin-top:100px;
	font-family:oswald;
	color:#261941;
	width:230px;
	margin-left:30px;
	margin-bottom:-60px;
	
	
}	

#niveles_derecha img {
    margin-left:90px;
	margin-top:80px;
}


#globos {
	position:relative;
	margin-top:75px;	
}

#niveles_centro {
	height:235px;
	width:310px;
	float:left;
	margin:15px 15px 15px 15px;
	margin-top:-67px;
	font-family:rosario;
	
	
}

#niveles_centro img{
	width:310px;
	margin-left:-10px;
}


#dosniveles3 {
	height:250px;
	width:960px;
	position:relative;
	margin:0px auto 0px auto;
	font-family:Rosario;
}

.titulo_tps {
	margin-bottom:10px;	
	font-family:bitter;
	color:#261941;
}

#tps_izq {
	height:250px;
	width:310px;
	float:left;
	margin-bottom:5px;
}

#tps_cen {
	height:250px;
	width:310px;
	float:left;
	margin:0px 15px 5px 15px;
}

#tps_der {
	height:250px;
	width:310px;
	float:left;
	margin-bottom:5px;
}

#dosniveles4 {
	height:250px;
	width:960px;
	position:relative;
	margin:0px auto 0px auto;
	font-family:Rosario;
}

#img_izq {
	float:left;
	margin-bottom:15px;
}

#img_cen {
	float:left;
	margin:0px 15px 5px 15px;
	margin-bottom:15px;
}

#img_der {
	float:left;
	margin-bottom:15px;
}

#mastps {
	float:right;
	
	
	}
	
	
	
	
	

/*--------------Seccion apuntes-------------*/

#titular_apuntes {
	background-image:url(imagenes/apunteslogo.png);
	background-repeat:no-repeat;
	height:66px;
	margin-top:-80px;
}

#titular_apuntes h1 {
	margin-left:50px;	
	font-family:Oswald;
	color:#261941;
	font-size:45px;
}

#barra_nivel1 {
	background-color:#D8B901;
	width:635px;
	height:30px;
	margin-top:15px;	
}

#barra_nivel1 h2 {
	font-family:Bitter;
	font-size:20px;
	color:#FFF;	
	margin-left:10px;
}

#columnaapuntes1 {
	width:310px;
	float:left;
	margin-bottom:20px;
}

.titulocolapuntes1 {
	border-bottom:solid 3px #261941;
	color:#261941;
	font-family: bitter;
	font-size:25px;
	margin-right:15px;
}

.textocolapuntes1 {
	color:#575756;
	font-family:bitter;
	font-size:16px;
	margin-right:15px;
	padding-top:10px;
}

#columnaapuntes2 {
	width:310px;
	float:left;
}

.titulocolapuntes2 {
	border-bottom:solid 3px #261941;
	color:#261941;
	font-family: bitter;
	font-size:25px;
}

.textocolapuntes2 {
	color:#261941;
	font-family:bitter;
	font-size:16px;
	padding-top:10px;
}

#barra_nivel2 {
	background-color:#A3C620;
	width:635px;
	height:30px;
	position:relative;	
	margin:270px auto auto 0px;
}

#barra_nivel2 h2 {
	font-family:Bitter;
	font-size:20px;
	color:#FFF;	
	margin-left:10px;
}

#asideapuntes {
	width: 310px;
	height: 431px;
	float: right;
	background-image:url(imagenes/ver_calendario.png);
	background-repeat:no-repeat;
	margin-top:14px;	
}

#apuntes_cal h1 {
	color:#FFF;
	font-family:Bitter;
	color:#261941;
	text-align:center;
	font-size:60px;
	margin-bottom:-15px;
}

#apuntes_cal h2 {
	color:#FFF;
	font-family:Bitter;
	color:#261941;
	text-align:center;
	font-size:20px;
}

#apuntes_eventos h3 {
	color:#FFF;
	font-family:Bitter;
	text-align:center;
	position:relative;
	margin:180px auto auto auto;
}


/*----------EN CLASE-------------*/

#enclase{
	margin-top:-85px;
}



#titular_enclase {
	background-image:url(imagenes/enclase_logo.png);
	background-repeat:no-repeat;
	height:66px;
}

#titular_enclase h1 {
	margin-left:50px;	
	font-family:Oswald;
	color:#261941;
	font-size:45px;
}

#aside_enclase {
	background-image:url(imagenes/enclase_verde.png);
	background-repeat:no-repeat;
	width:635px;
	height:448px;
	float:right;
	margin-top:-310px;
}

#aside_enclase h1 {
	font-family:bitter;
	color:#261941;
	font-size:30px;
	text-decoration:underline;
	padding:20px 20px 0px 20px;
}

#aside_enclase p {
	padding:20px 20px 0px 20px;
	font-family:Rosario;
	font-size:25px;
}

#texto_enclase {
	width:310px;
	font-family:Rosario;
	margin-top:15px;
}

#texto_enclase h3 {
	color:#98C21F;
}

#texto_enclase h1 {
	font-family:bitter;
}

#texto_enclase p {
	font-size:18px;
}

#globo1_enclase {
	background-image: url(imagenes/nivelunoicono.png);
	background-repeat:no-repeat;
	width:100px;
	height:100px;
	float:left;
	margin:15px auto auto 20px;
}

#globo2_enclase {
	background-image:url(imagenes/icononivel1enclase.png);
	background-repeat:no-repeat;
	width:100px;
	height:100px;
	float:left;
	margin:15px auto auto 40px;
}

#globo1_enclase p {
	color:#FFF;
	text-align:center;
	font-family:oswald;
	font-size:20px;
	padding-top:35px;

}

#globo2_enclase p {
	color:#FFF;
	text-align:center;
	font-family:oswald;
	font-size:20px;
	padding-top:35px;
	text-decoration:none;
}


#globo2_enclase p a:hover {
	color:#261941;
	font-size: 20px;
	
}



#globo1_enclase p a:hover {
	color:#261941;
	font-size: 20px;
	
}

#globo1_enclase p a {
	color:#FFF;
	text-decoration:none;
}

#globo2_enclase p a {
	color:#FFF;
	text-decoration:none;
}

#enclase_fotos {
	float:left;
	margin-top:15px;
	width:635px;
	margin-bottom:15px;
}

#enclase_fotos h1 {
	font-family:bitter;
	color:#261941;
	font-size:30px;
	text-decoration:underline;
	margin-bottom:15px;	
}

#col_fotos1 {
	float:left;
	width:310px;
}

#col_fotos2 {
	float:right;
	width:310px;	
}

#enclase_videos {
	float:right;
	background-image:url(imagenes/youtube.png);
	background-repeat:no-repeat;
	width:310px;
	height:431px;
	margin-top:70px;
}

#enclase_videos h2 {
	text-align:center;
	color:#FFF;
	font-family:bitter;
	font-size:30px;
	margin-top:15px;
}

#enclase_videos p {
	text-align:center;
	color:#FFF;
	font-family:bitter;
	font-size:15px;
	padding-top:15px; 
}


/*--------NIVEL 2 --------*/

#nivel_dos{
	margin-top:-80px;
	
}	

#niveles_derecha_2{
	width:310px;
	height:370px;
	background-image:url(imagenes/verde.png);
	float:left;
	background-repeat:no-repeat;
	margin-top:-67px;
	margin-left:5px;
	margin-bottom:15px;
}
	

#niveles_derecha_2 p {
	text-align:center;
	font-size:16px;
	margin-top:100px;
	font-family:oswald;
	color:#261941;
	width:230px;
	margin-left:30px;
	margin-bottom:-60px;
	
	
}

#niveles_derecha_2 img {
	margin-top:80px;
	margin-left:90px;
}


#aside_nivel2_ejercicios {
	float:right;
	width:310px;
	margin-right:160px;
	margin-top:-65px;
	
}


#texto_nivel2_aside h2{
	float:right;
	width:90px;
	color:#261941;
	font-family:oswald;
	position:absolute;
	margin-left:830px;
	margin-top:-55px;
	border-bottom:solid 3px #261941;
	
	
}	
	


#texto_nivel2_aside p{
	float:right;
	width:270px;
	color:#261941;
	font-family:rosario;
	position:absolute;
	margin-left:830px;
	margin-top:-30px;
	
}	
	
#texto_fondonaranja {
	margin: auto 0;
	background-image:url(imagenes/nivel2_fondonaranja.png);
	width:960px;
	height:400px;
	background-repeat:no-repeat;
	margin-left:160px;
	margin-top:-40px;
	font-family:bitter;
	color:#261941;
	margin-bottom:-110px;
		
}


#texto_fondonaranja h1{
	margin-left:15px;
	margin-top:85px;
}
	
	
#texto_fondonaranja h3{
	margin-left:15px;
	color:#FFF;
}


#texto_fondonaranja p{
	width:450px;
	font-family:rosario;
	font-size:15px;
	margin-left:15px;
	
}




#texto_fondonaranja_2 h3{
	margin-right:290px;
	float:right;
	margin-top:-240px;
	font-family:bitter;
	color:#FFF;
}


#texto_fondonaranja_2 p{
	width:450px;
	font-family:rosario;
	font-size:15px;
	margin-right:195px;
	margin-top:-210px;
	float:right;
	color:#261941;
}

#icono_naranja_nivel2 img{
	position:absolute;
	float:right;
	margin-top:-285px;
	margin-left:390px;
	


}
	
	
	
	
@media screen and (max-width:768px) {
	.imagen_central {width:768px; height:70%; margin:0px auto auto 0px; margin-top:-80px; margin-bottom:30px;}
	#miscder {display:none;}
	#miscizq {display:none;}
	#isologo {position:absolute; margin: 25px auto auto 100px; z-index:1;margin-top:-7px;}
	#menu {background-color:#97c21f; width:768px; height:10%; position:absolute; padding-bottom:-20px;}
	#menu nav {width:80%; margin-top:10px; padding-bottom:-20px;}
	#menu nav ul li a {font-size:16px; margin-left:-35px;}
	
		
#headergrande {width:auto;}
	header {width:auto;}
	
	.trescolumnas {width:768px;}
	.columna1 {width:256px; margin:0px 0px 0px -18px; background-color:transparent;margin-top:-50px; margin-bottom:50px; }
	.columna2 {width:256px; margin:0px 0px 0px -18px; background-color:transparent;margin-top:-50px;}
	.columna3 {width:256px; margin:0px 0px 0px -18px; background-color:transparent;margin-top:-50px;}
	
	#nivel1ymas {position:absolute; margin: 110px 0px 0px 105px; float:left;margin-top:60px;}
	#nivel1ymas2 {position:absolute; margin: 110px 0px 0px 345px; float:left; margin-top:60px;}
	#nivel1ymas3 {position:absolute; margin: 110px 0px 0px 575px; float:left;margin-top:60px;}

	#imagen_columna1 {display:none;}
	#imagen_columna2 {display:none;}
	#imagen_columna3 {display:none;}
	
	#textohome {display:none;}
	#textohome2 {display:none;}
	#textohome3 {display:none;}
	
	.calendario {display:none;}
	#fechasimportantes {display:none;}
	#iconohome {display:none;}
	#titulonivel1home {display:none;}
	#nivel1home {display:none;}
	#titulonivel2home2 {display:none;}
	#nivel2home2 {display:none;}
	
	#division {display:none;}
	
	footer {float:left; width:768px; height:80px;}
	footer p {text-align:center; float:left; margin:15px 0px 0px 120px; width:60%; font-size:10px;}
	footer h1 {display:none;}
	#nav_footer ul {display:none;}
	#logo_footer {display:none;}
	#redessociales {float:left; position:relative; margin:25px auto auto 40px;}
	#twitter {float:left; position:relative; margin:25px auto auto 15px;}
	#flickr {float:left; position:relative; margin:25px auto auto 15px;}
}




@media screen and (max-width:320px) {
	.imagen_central {display:none;}
	#miscder {display:none;}
	#miscizq {display:none;}
	#isologo {width:100px; padding-left:220px;margin-top:-80px;}
	
		header {width:300px; height: 50px; float:left; position:absolute; margin-left:-190px; margin-top:90px;}
header nav {width: 310px;text-align: center;}
header nav ul li {
background: #261941;
float: left;
width: 310px;
list-style-type: none;
text-decoration: none;
margin-left: 0px;

}


header nav ul li a:hover {
	color:#d7b801;}
	
#headergrande {width:auto;}
	header {width:auto;}
	
	#menu {background-color:#97c21f; width:500px; height:10%; margin-bottom:0px;}
	#menu nav {}
	#menu nav ul {}
	#menu nav ul li {}
	#menu nav ul li a {display:block; font-size:15px;padding-left:80px;}
	

	.columna1 {float:left; clear:both; margin: 55px 0px 15px 0px; background-color:transparent;margin-top:300px;}
	.columna2 {float:left; clear:both; margin: 0px 0px 15px 0px; background-color:transparent;}
	.columna3 {float:left; clear:both; margin: 0px 0px 10px 0px; background-color:transparent;}
	
	#nivel1ymas {position:absolute; margin: 165px 0px 0px 125px; float:left; margin-top:410px;}
	#nivel1ymas2 {position:absolute; margin: 470px 0px 0px 123px; float:left;margin-top:720px;}
	#nivel1ymas3 {position:absolute; margin: 780px 0px 0px 117px; float:left;margin-top:1025px;}
	
	#textohome {display:none;}
	#textohome2 {display:none;}
	#textohome3 {display:none;}
	
	#imagen_columna1 {display:none;}
	#imagen_columna2 {display:none;}
	#imagen_columna3 {display:none;}
	
	#fechasimportantes {display:none;}
	#iconohome {display:none;}
	#titulonivel1home {display:none;}
	#nivel1home {display:none;}
	#titulonivel2home2 {display:none;}
	#nivel2home2 {display:none;}
	.calendario {display:none;}
	
	#division {display:none;}
	
	footer {float:left; width:310px; height:40px;}
	footer p {display:none;}
	footer h1 {display:none;}
	#nav_footer ul {display:none;}
	#logo_footer {display:none;}
	#redessociales {float:left; position:relative; margin:5px auto auto 100px;}
	#twitter {float:left; position:relative; margin:5px auto auto 15px;}
	#flickr {float:left; position:relative; margin:5px auto auto 15px;}
}