@import url(http://fonts.googleapis.com/css?family=Dosis:500);
@import url(http://fonts.googleapis.com/css?family=Ubuntu);
@import url(http://fonts.googleapis.com/css?family=Dosis:600,700);

/*#main { 
    width:960px; 
    margin:0 auto; 
}

#main {
    max-width:960px; 
    min-width:320px; 
    margin:0 auto;
}*/

body, html{
    margin:0px;
    }

#social{
    background-color: #000;
    height: 35px;
    
}

#social ul{
    float:right;
    margin:0px;
    padding:0px;
    margin-right: 20px;
    }

#social ul li{
    float:left;
    list-style-type: none;
    }

#social ul li a img{
    width: 40px;
    margin-top: 0px;
    }


#bajada{ 
    color: #fff; 
    float: left;
    font-family: 'Dosis', sans-serif;
    margin-left: 38px;
    line-height: 4px;
    font-size: 16px;
    
        
}

#fondocompleto{
    width: 100%;
    
}

#fondocompleto img{
    width: 100%;
          
}

#cuandodondequienes{
    width: 100%; 

}

#cuandodondequienes img{
    width: 100%;
    margin-top: -4px;
}

#puntos{
    width: 100%;  
}

#puntos img{
    width: 100%;      
}

#todaslasdescargas{
    width: 100%;  
}

#todaslasdescargas img{
    width: 100%;      
}

#videos{
    width: 100%;  
}

#videos img{
    width: 100%;      
}

#opiniones{
    width: 100%;  
}

#opiniones img{
    width: 100%;      
}

#docenteschico{
    width: 100%;
    
}

#docenteschico img{
    width: 100%;
          
}

#correccionchico{
    width: 100%;
    
}

#correccionchico img{
    width: 100%;
          
}

#alumnoschico{
    width: 100%;
    
}

#alumnoschico img{
    width: 100%;
          
}

#opinioneschico{
    width: 100%;
    
}

#opinioneschico img{
    width: 100%;
          
}

#docentestodos{
    width: 100%;
    
}

#docentestodos img{
    width: 100%;
          
}

#correccionchico{
    width: 100%;
    
}

#correccionchico img{
    width: 100%;
          
}


header .headernegro{
    position: absolute;
    background-color: #000;
    width: 96%;
    height: 5%;
    text-decoration: none;
    color: #fff;
    line-height: 35px;
    padding-left: 40px;
    font-family: 'Dosis', sans-serif;
    font-size: 14px;
    z-index: 1;
}

/*PAGINA11*/
#coreimg .inscripciones {
    position: relative;
    width: 10px;
    height: 10%;
   }

#coreimg .descargas {
    position: relative;
    width: 10px;
    height: 10%;
    z-index: 0;
    bottom:5px;
}

#coreimg .tutoriales {
    position: relative;
    width: 10px;
    height: 10%;
    z-index: 0;
    bottom: 10px;
}

.inscripciones1{
    position: absolute;
    font-family: 'Dosis', sans-serif;
    font-size: 50px; 
    color: #fff;
    margin-top: -160px;
    margin-left: 406px;
    text-decoration: none;
    font-weight: 600;
    }

.inscripciones1:hover {
    color: #bc0028;
}

.comentarioin1{
    position: absolute;
    font-family: 'Dosis', sans-serif;
    font-size: 18px; 
    color: #fff;
    margin-top: -102px;
    margin-left: 474px;
    text-decoration: none;
    
    }

.descargas1{
    position: absolute;
    font-family: 'Dosis', sans-serif;
    font-size: 50px; 
    color: #fff;
    margin-top: -166px;
    margin-left: 447px;
    text-decoration: none;
    font-weight: 600;
    }

.descargas1:hover{
     color: #bc0028;

    }

.comentariodes2{
    position: absolute;
    font-family: 'Dosis', sans-serif;
    font-size: 18px; 
    color: #fff;
    margin-top: -106px;
    margin-left: 419px;
    text-decoration: none;
    
    }

.tutoriales1{
    position: absolute;
    font-family: 'Dosis', sans-serif;
    font-size: 50px; 
    color: #fff;
    margin-top: -167px;
    margin-left: 444px;
    text-decoration: none;
    font-weight: 600;
    }

.tutoriales1:hover{
    color: #bc0028;
}

.comentariotuto3{
    position: absolute;
    font-family: 'Dosis', sans-serif;
    font-size: 18px; 
    color: #fff;
    margin-top: -108px;
    margin-left: 499px;
    text-decoration: none;
    
    }
/*FIN PAGINA11*/

/*PAGINA2*/
#coreimg .docentes {
    position: relative;
    width: 10px;
    height: 10%;
   }

#coreimg .alumnos {
    position: relative;
    width: 10px;
    height: 10%;
    z-index: 0;
    bottom:5px;
}

#coreimg .correccion {
    position: relative;
    width: 10px;
    height: 10%;
    z-index: 0;
    bottom: 10px;
}

.docentes1{
    position: absolute;
    font-family: 'Dosis', sans-serif;
    font-size: 50px; 
    color: #fff;
    margin-top: -165px;
    margin-left: 456px;
    text-decoration: none;
    font-weight: 600;
    }

.docentes1:hover {
    color: #bc0028;
}

.comentario1{
    position: absolute;
    font-family: 'Dosis', sans-serif;
    font-size: 18px; 
    color: #fff;
    margin-top: -101px;
    margin-left: 474px;
    text-decoration: none;
    
    }

.alumnos1{
    position: absolute;
    font-family: 'Dosis', sans-serif;
    font-size: 50px; 
    color: #fff;
    margin-top: -171px;
    margin-left: 471px;
    text-decoration: none;
    font-weight: 600;
    }

.alumnos1:hover{
     color: #bc0028;
    }

.comentario2{
    position: absolute;
    font-family: 'Dosis', sans-serif;
    font-size: 18px; 
    color: #fff;
    margin-top: -110px;
    margin-left: 410px;
    text-decoration: none;
    
    }

.comentario3{
    position: absolute;
    font-family: 'Dosis', sans-serif;
    font-size: 18px; 
    color: #fff;
    margin-top: -102px;
    margin-left: 459px;
    text-decoration: none;
    
    }

.correccion1{
    position: absolute;
    font-family: 'Dosis', sans-serif;
    font-size: 50px; 
    color: #fff;
    margin-top: -164px;
    margin-left: 347px;
    text-decoration: none;
    font-weight: 600;
    }

.correccion1:hover{
    color: #bc0028;
}
/*FIN PAGINA2*/

header .headerblanco{
 position: absolute;
left: 42px;
height: 30%;
text-decoration: none;
color: #99c21d;
padding-left: 62px;
top: 8px;
font-size: 28px;
font-family: 'Dosis', sans-serif;
z-index: 1;
}

#facebook{
    width: 40px;
    position: relative;
   
}

#facebook img{
    width: 40px;
    position: relative;
    margin-top: 25px;
    
    
}

#twitter{
    width: 40px;
    position: relative;
}

#twitter img{
    width: 40px;
    position: relative;
    margin-top: 25px;
    
}

#google{
    width: 40px;
    position: relative;
}

#google img{
    width: 40px;
    position: relative;
     margin-top: 25px;
    
}

#flickr{
    width: 40px;
    position: relative;
}

#flickr img{
    width: 40px;
    position: relative;
    margin-top: 25px;
        
}

#rss{
    width: 40px;
    position: relative;
}

#rss img{
    width: 40px;
    position: relative;
     margin-top: 25px;
    
}

#del{
    width: 40px;
    position: relative;
}

#del img{
    width: 40px;
    position: relative;
    margin-top: 25px;
    
    
}

section#logocirculo{
    width:20%;
    position: static;
    margin-top: 3px;
    padding-left: 19px; 
}

section#logocirculo img{
    width:20%;
    position: static;
    margin-top: 3px;
    padding-left: 19px; 
}




#menu {
    margin-top: -86px;
font-family: 'Dosis', sans-serif;
font-size: 20px;

    
    }
    
#menu ul {
    list-style:none;
    margin: 20px;
    padding:10px;
}

#menu ul li {
    margin-bottom:0,5rem;
    float:right;
    display:inline-block;
    margin-right: 25px;
    align-content: stretch;
    
}

#menu ul li a {
    text-decoration: none;
    color: #000;
    display: block;
    text-align: center;
    margin-bottom:20px;
    margin-top:15px;
    
}

 #menu ul li a:hover {
     color: #bc0028;

}

.actual{ color: #99c21d !important;}

#coreimg{
    position: relative;
    
}

#coreimg a{
    
}

#coreimg a img{
    width: 100%;
}
 
.columnaizquierda {
    width: 40%;
    float:left;
    min-height: 600px;
    align-content:center;
    margin: 40px 34px 0px 69px;
}

#contacto{
    font-family: 'Ubuntu', sans-serif;
    font-size: 12px;
    }

.columnaderecha {
    width: 40%;
    float:right;
    min-height: 600px;
    align-content:center;
    margin: 40px 86px 0px 38px;
}

.unicacolumna {
	width: 72%;
	float: right;
	min-height: 600px;
	align-content: center;
	margin: 60px 226px 0px 10px;
}

.columnapuntos {
	width: 6%;
	float: left;
	min-height: 600px;
	align-content: center;
	margin: 60px 20px 0px 40px;
}

.punto1{
	width: 100%;
}
.punto2{
	width: 100%;
	margin-top: 87px;
	position: static;
}
.punto3{
	width: 100%;
	margin-top:210px;
	position: static;
}

#modalidades{
    font-family: 'Ubuntu', sans-serif;
    font-size: 12px;
    }
    

.nivel1izquierda {
    width: 30%;
    float:left;
    min-height: 600px;
    margin-right:5%;
    align-content:center;
    margin-top: 60px;
    margin-left: 0px;
}

#nivel1{
    
}

#nivel1 img{
    position: absolute;
    width: 50%;
    margin-top: -25px;
}

.nivel2derecha {
    width: 30%;
    float: right;
    min-height: 600px;
    margin-right: 20%;
    align-content: center;
    margin-top: 60px;
}

#nivel2{
    
}

#nivel2 img{
    position: absolute;
    width: 50%;
    margin-top: -56px;
}

#n1{
    color: #fff;
    position: absolute;
    font-family: 'Dosis', sans-serif;
    font-size: 100px;
    margin-left: 190px;
    margin-top: 250px;
}

#anos1{
    position: absolute;
    font-family: 'Dosis', sans-serif;
    font-size: 25px;
    margin-left: 185px;
    margin-top: 162px;
    color: #fff;
}



#comentarion2{
    position: absolute;
    font-family: 'Dosis', sans-serif;
    font-size: 20px;
    margin-left: 177px;
    margin-top: 395px;
    color: #fff;
    float: left;
}

#comentarion1{
    position: absolute;
    font-family: 'Dosis', sans-serif;
    font-size: 20px;
    margin-left: 166px;
    margin-top: 430px;
    color: #fff;
    
}


#nivel1{
    font-family: 'Dosis', sans-serif;
    font-size: 25px;
}

#n2{
    color: #fff;
    position: absolute;
    font-family: 'Dosis', sans-serif;
    font-size: 100px;
    margin-left: 190Px;
    margin-top: 222px;
    float: right;
}

#n2:hover{
    color:#bc0028;
}

#anos2{
    position: absolute;
    font-family: 'Dosis', sans-serif;
    font-size: 25px;
    margin-left: 182px;
    margin-top: 130px;
    color: #fff;
}


#n1globo{
}

#n1globo img{
    width: 180px;
    margin-left: 192px;
    margin-top: 220px;
}

#n2globo{
}

#n2globo img{
    width: 180px;
    margin-left: 200px;
    margin-top: 190px;
    float: right;
}

#anos2 {
    margin-top: -90px;
    font-family: 'Dosis', sans-serif;
    font-size: 23px;
    margin-right: -10px;
    }
    
#anos2 ul {
    list-style:none;
    margin: 10px;
    padding:10px;
    margin-left: -56px;
}

#anos2 ul li {
    margin-bottom:0,5rem;
    float:right;
    display:inline-block;
    margin-right: 25px;
    align-content: stretch;
    
}

#anos2 ul li a {
    text-decoration: none;
    color: #fff;
    display: block;
    text-align: center;
    margin-bottom:20px;
    margin-top: 200px;
    float: right;
    
}

 #anos2 ul li a:hover {
     color: #bc0028;

}

#anos1 {
    margin-top: -90px;
    font-family: 'Dosis', sans-serif;
    font-size: 23px;
    margin-right: -10px;
    }
    
#anos1 ul {
    list-style:none;
    margin: 10px;
    padding:10px;
    margin-left: -67px;
    margin-top: 40px;
}

#anos1 ul li {
    margin-bottom:0,5rem;
    float:right;
    display:inline-block;
    margin-right: 25px;
    align-content: stretch;
    
}

#anos1 ul li a {
    text-decoration: none;
    color: #fff;
    display: block;
    text-align: center;
    margin-bottom:20px;
    margin-top: 200px;
    float: right;
    
}

 #anos1 ul li a:hover {
     color: #bc0028;

}

#ubicacion{    
    font-family: 'Dosis', sans-serif;
    font-size: 16px;
    margin-top: 40px;
    color: #000;
    margin-left: 936px;
    
    
    
}

#ubicaciontp1{    
    font-family: 'Dosis', sans-serif;
    font-size: 16px;
    float: right;
    margin-top: 40px;
    color: #000;
    margin-left: 909px;
    position: absolute;
    
}



/*#tp1 {
    margin-top: 30px;
    margin-right: -10px;
    position: absolute;
    }
    
#tp1 ul {
    list-style:none;
    margin: 10px;
    margin-left: -10px;
    margin-top: 40px;
    margin-right: 20px;
     
}

#tp1 ul li {
    margin-bottom:0,5rem;
    display:inline-block;
    margin-right: 25px;
    
    
}

#tp1 ul li a {
    text-decoration: none;
    color: #fff;
    display: block;
    text-align: center;
    width: 233px;
   
}

#tp1abajo {
    margin-top: 430px;
    margin-right: -10px;
    position: absolute;
    }
    
#tp1abajo ul {
    list-style:none;
    margin: 10px;
    margin-left: -10px;
    margin-top: 40px;
    margin-right: 20px;
     
}

#tp1abajo ul li {
    margin-bottom:0,5rem;
    display:inline-block;
    margin-right: 25px;
    
    
}

#tp1abajo ul li a {
    text-decoration: none;
    color: #fff;
    display: block;
    text-align: center;
    width: 233px;
     
}*/

#tp1e{
margin-left: 250px;
margin-top: -550px;
}

#tp1e img{ 
    float: left; 
    margin: 0 30px 15px 0;
}

#imp img{ 
    float: left;
    margin: 5px 15px 10px 14px;
    width: 198px;
}

#dizquierda img{ 
    float: left;
    margin: 5px 12px 10px 14px;
    width: 150px;
}

#dizquierda1 img{ 
    float: left;
    margin: 5px 12px 10px 14px;
    width: 150px;
}

#dizquierda2 img{ 
    float: left;
    margin: 5px 12px 10px 14px;
    width: 150px;
}

#dizquierda3 img{ 
    float: left;
    margin: 5px 12px 10px 14px;
    width: 150px;
}

#dizquierda4 img{ 
    float: left;
    margin: 5px 12px 10px 14px;
    width: 150px;
}

#dizquierda5 img{ 
    float: left;
    margin: 5px 12px 10px 14px;
    width: 150px;
}


.docentesizquierda {
    width: 50%;
    float:left;
    min-height: 600px;
    margin: 300px 79px 0px 14px;
    position: absolute;
    top: 132px;
}

#dderecha img{ 
    float: right;
    margin: 5px 12px 10px 14px;
    width: 150px;
}

#dderecha1 img{ 
    float: right;
    margin: 5px 12px 10px 14px;
    width: 150px;
}

#dderecha2 img{ 
    float: right;
    margin: 5px 12px 10px 14px;
    width: 150px;
}

#dderecha3 img{ 
    float: right;
    margin: 5px 12px 10px 14px;
    width: 150px;
}

#dderecha4 img{ 
    float: right;
    margin: 5px 12px 10px 14px;
    width: 150px;
}

#dderecha5 img{ 
    float: right;
    margin: 5px 12px 10px 14px;
    width: 150px;
}

#dderecha6 img{ 
    float: right;
    margin: 5px 12px 10px 14px;
    width: 150px;
}

.docentesderecha {
    width: 50%;
    float: right;
    min-height: 600px;
    margin: 50px 79px 0px 14px;
    margin-right: 33px;
    margin-top: 19px;
}

#docentesnivel1{
    font-family: 'Dosis', sans-serif;
    font-size: 22px;
    float: left;
    color: #111926;
    margin-left: 203px;
    font-weight: 600;
    margin-top: 18px; 
        
}

#docentesnivel2{
    font-family: 'Dosis', sans-serif;
    font-size: 22px;
    float: left;
    color: #99c21d;
    margin-left: 396px;
    font-weight: 600;
    margin-top: 16px;
}

#estructurashistoricas{
    width: 100%;  
}

#estructurashistoricas img{
    width: 227px;
    margin-top: 39px;      
}

#correccioninfo{
    width: 100%;  
}

#correccioninfo img{
    width: 227px;
    margin-top: 39px;      
}


/*MIO*/
#n1tps img{ 
    margin: 8px 4px 14px 14px;
    width: 200px;
}

#n2tps img{ 
    margin: 8px 4px 14px 14px;
    width: 200px;
}

#ubicacionn2{    
    font-family: 'Dosis', sans-serif;
    font-size: 16px;
    margin-top: 40px;
    color: #000;
    margin-left: 1150px;
    
}

/* botonera tp n1*/
#tp1 {
    margin-top: -28px;
    margin-right: -10px;
}
    
#tp1 ul {
    list-style:none;
    margin: 10px;
    margin-left: -10px;
    margin-top: 40px;
    margin-right: 20px;
     
}

#tp1 ul li {
    margin-bottom:0,5rem;
    display:inline-block;
    margin-left: -18px;
    
    
    
}

#tp1 ul li a {
    text-decoration: none;
    color: #fff;
    display: block;
    text-align: center;
    width: 233px;
   
}

#tp1abajo {
    margin-right: -10px;
}
    
#tp1abajo ul {
    list-style:none;
    margin: 10px;
    margin-left: -10px;
    margin-top: 21px;
    margin-right: 20px;
     
}

#tp1abajo ul li {
    margin-bottom:0,5rem;
    display:inline-block;
    margin-left: -18px;
    
    
}

#tp1abajo ul li a {
    text-decoration: none;
    color: #fff;
    display: block;
    text-align: center;
    width: 233px;
     
}
/*fin botonera tp1 pag7*/

/*botonera tp2 pag9*/
#tp2 {
    margin-top: -28px;
    margin-right: -10px;
}
    
#tp2 ul {
    list-style:none;
    margin: 10px;
    margin-left: -10px;
    margin-top: 40px;
    margin-right: 20px;
     
}

#tp2 ul li {
    margin-bottom:0,5rem;
    display:inline-block;
    margin-left: -18px;
    
    
    
}

#tp2 ul li a {
    text-decoration: none;
    color: #fff;
    display: block;
    text-align: center;
    width: 233px;
   
}

#tp2abajo {
    margin-right: -10px;
}
    
#tp2abajo ul {
    list-style:none;
    margin: 10px;
    margin-left: -10px;
    margin-top: 21px;
    margin-right: 20px;
     
}

#tp2abajo ul li {
    margin-bottom:0,5rem;
    display:inline-block;
    margin-left: -18px;
    
    
}

#tp2abajo ul li a {
    text-decoration: none;
    color: #fff;
    display: block;
    text-align: center;
    width: 233px;
     
}
/*fin botonera tp2 pag9*/

/*pag 10*/
#infon2{
    width: 100%;  
}

#infon2 img{
    width: 227px;
    margin-top: 39px;      
}


/*para celular*/

@media all and (min-width:0px) and (max-width:321px) {
#bajada {
color: #fff;
float: left;
font-family: 'Dosis', sans-serif;
margin-left: 12px;
line-height: 13px;
font-size: 10px;
text-align: center;
margin-top: 5px;
}
    
    #social{
    background-color: #000;
    height: 75px;
    
}

#social ul{
    float:right;
    margin:0px;
    padding:0px;
    margin-right: 34px;
    margin-top: -4px;
    }

#social ul li{
    float:left;
    list-style-type: none;
    }

#social ul li a img{
    width: 40px;
    margin-top: 0px;
    }
    
    header .headerblanco{
    position: absolute;
    text-decoration: none;
    color: #99c21d;
    padding-left: 56px;
    top: 80px;
    font-size: 26px;
    font-family: 'Dosis', sans-serif;
    margin-left: -35px;
}

    section#logocirculo{
    width: 184px;
    position: absolute;
    margin-top: 1px;
    
}
    section#logocirculo img{
    position: absolute;
    margin-top: 1px;
    margin-left: -24px;
}

#menu {
font-family: 'Dosis', sans-serif;
font-size: 15px;
display: block;
margin-left: 98px;
margin-top: -51px;
    }
    
#menu ul {
margin: 3px;
padding: 18px;
}

#menu ul li {
margin-right: 91px;
margin-top: -16px;
text-align: center;
position: relative;
top: 87px;
width: 97px;
    
}

#menu ul li a {
   text-decoration: none;
color: #000;
display: block;
text-align: center;
margin-bottom: 20px;
margin-top: 9px;
    
}

 #menu ul li a:hover {
     color: #bc0028;

}

    #coreimg {
position: relative;
top: 76px;
}
    
    .docentes1{
 position: absolute;
font-family: 'Dosis', sans-serif;
font-size: 20px;
color: #FFF;
margin-top: -56px;
margin-left: 118px;
text-decoration: none;
font-weight: 600;
    }

.docentes1:hover {
    color: #bc0028;
}
    .alumnos1{
position: absolute;
font-family: 'Dosis', sans-serif;
font-size: 20px;
color: #fff;
margin-top: -63px;
margin-left: 122px;
text-decoration: none;
font-weight: 600;
    }

.alumnos1:hover{
     color: #bc0028;
    }
    
    .correccion1{
   position: absolute;
font-family: 'Dosis', sans-serif;
font-size: 20px;
color: #fff;
margin-top: -66px;
margin-left: 70px;
text-decoration: none;
font-weight: 600;
    }

.correccion1:hover{
    color: #bc0028;
}
    .comentario1{
position: absolute;
font-family: 'Dosis', sans-serif;
font-size: 11px;
color: #fff;
margin-top: -33px;
margin-left: 105px;
text-decoration: none;

    
    }
    
    .comentario2{
position: absolute;
font-family: 'Dosis', sans-serif;
font-size: 11px;
color: #fff;
margin-top: -42px;
margin-left: 67px;
text-decoration: none;
    
    }
    
    .comentario3{
  position: absolute;
font-family: 'Dosis', sans-serif;
font-size: 11px;
color: #fff;
margin-top: -44px;
margin-left: 85px;
text-decoration: none;

    }
    
    
div#footer{
width: 100%;
height: 41px;
color: #525151;
margin: auto;
font-size: 7px;
text-align: center;
font-family: 'Ubuntu', sans-serif;
margin-top: 0px;
padding-top: 59px;
line-height: 9px;
 
}

}

    
/*nav ul li {
    width: 8rem;
    float: left;
    display:inline-block;
    background-color:transparent;
}
*/

footer {
width: 70%;
height: 41px;
color: #666;
margin: auto;
margin-left: 135px;
font-size: 12px;
text-align: center;
font-family: 'Ubuntu', sans-serif;
margin-top: 5px;
line-height: 15px;
 
}

.clear{
clear: both;
}

.cuandodondequienes{        
    background: url(fondotipos.png) 0px 0px;
    background-repeat: repeat;
    width: 100%;
}

#blancofondo{
background-color: #fff;
height: 57px;
position: relative;
top: -3px;
}

#slider{
    margin-left: 319px;
    margin-top: -469px;
}


#descargas {
    margin-top: -28px;
}
    
#descargas ul {
    list-style:none;
    margin: 10px;
    margin-left: -10px;
    margin-top: 40px;
    margin-right: 20px;
     
}

#descargas ul li {
    margin-bottom:0,5rem;
    display:inline-block;
    margin-left: -18px;
     
}

#descargas ul li a {
    text-decoration: none;
    color: #fff;
    display: block;
    text-align: center;
    margin: 0px 35px 16px 67px;
}