/* CSS Document */

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

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

/*CONTACTO*/
.contenedor-contacto {
max-width: 960px;
width: 100%;
position: relative;
margin: 0px auto 0px auto;
height: 960px;
}
#escribinos p { margin:0px;}

#formulario { margin:200px 0px 0px 220px;
width: 450px; height: 450px;
border: 4px solid #000;
position: absolute;
padding: 30px;
background: #FFF;
z-index:1;
}

#escribinos {border: 2px solid #000; padding: 10px 20px;; position:absolute; margin:165px 0px 0px 150px;
font-family: 'Oswald', sans-serif; font-weight:400;  letter-spacing: 0.03em; font-size: 30px; color:#F15C24;
height: 45px; background:#FFF; z-index:2;
}

form imput { border: none; border-radius: 5px;}
.titulos-form {font-family: 'Oswald', sans-serif; font-weight:400;  letter-spacing: 0.03em; font-size: 16px;}

#boton-enviar { background:#FFF; color:#000; border:3px solid #000; padding:5px 9px; font-family: 'Oswald', sans-serif; font-weight:400; font-size: 16px; margin:7px 0px 0px 195px; }

#viernes {
min-height: 400px;
height: 1155px;
margin: 24px 0px 0px 0px;
position:absolute;
width: 960px;
z-index:0;
}

#viernes div { widht:315; float:right; margin: 700px 72px 0px -150px; font-size:24px;font-weight:700;}

#viernes article { 
width: 215px;
float: right;
margin: 170px 0px 0px 0px;

}

#viernes article p { 
width: 215px;
float: right;
margin: 10px 0px 0px 10px;
font-size:16px;

}
#listaredescompleta ul li {display:table-cell; float:left; padding:10px;}





/*GRACIAS*/

#viernes-hidden {
min-height: 400px;
height: 1155px;
margin: 24px 0px 0px 0px;
position:absolute;
width: 960px;
z-index:0;
visibility:hidden;
}


/*En clase*/

.contenedor-enclase {
max-width: 960px;
width: 100%;
height: 1250px;
position: relative;
margin: 0px auto 0px auto;
}


#fondo-enclase {
max-width: 960px;
min-height: 1400px;
width: 100%;
position: absolute;
margin: 0px auto 0px auto;
z-index:-1;}

.titulo-pestaña-enclase {font-family: 'Oswald', sans-serif; 
	font-weight:400; 
	font-size: 45px; 
	color: #F15D24; 
	letter-spacing: 0.05em; 
	margin:100px 0px 0px 393px; 
	float:left; }
	
.titulo-enclase
{font-family: 'Oswald', sans-serif; 
	font-weight:400; 
	font-size: 45px; 
	color: #31477A; 
	letter-spacing: 0.05em; 
	margin:-22px 0px 0px 19px; 
	float:left; }
	
.titulo-enclase2
{font-family: 'Oswald', sans-serif; 
	font-weight:400; 
	font-size: 40px; 
	color: #31477A; 
	letter-spacing: 0.05em; 
	margin:40px 0px 0px 5px; 
	float:left;
	border:#000 solid 2px;
	padding: 10px 0px 10px 20px;
width: 100%; background: #FFF; }
	
.subtitulo-enclase
{font-family: 'rosario', sans-serif; 
	font-weight:700; 
	font-size: 16px; 
	color: #31477A; 
	letter-spacing: 0.05em; 
	margin:-9px 0px 0px 19px; 
	float:left; }
	
.nombres1-enclase {width: 100%;
min-height: 400px;
height: 1155px;
margin: 40px 0px 0px 0px;
position:absolute;
z-index:4;
}
.nombres1-enclase article {
width: 215px;
float: right;
margin: 0px 10px ;
}
.nombres1-enclase article:first-child {
margin: 0px 20px 0px 10px;
}
.nombres1-enclase article:last-child {
margin: 0px 10px 0px 20px; 
}

#columnainvisible {visibility:hidden;}
#columnainvisible2 {visibility:visible;}

#textoenclase {margin:10px 0px 0px 8px;}

/*FIN En clase*/




/*EXTENSIONES GALERIA*/
.imagen-fondo-ext { position:absolute; margin-top: 30px;
 }
.nav-extension { 
text-align: center;
background: #FFF;
width: 322.5px;
font-family: 'Oswald', sans-serif; font-weight:400;  letter-spacing: 0.03em; font-size: 16px;
}

.nav-extension ul {
border: 2px solid #000; border-top:5px solid #000;
margin: 0;
display: table;
width: 322.5px;
padding: 0;
background: #FFF}

.nav-extension ul li { 
display: table-cell;
border-right: 2px solid #000;
line-height: 2;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin:0;
}

.nav-extension ul li:last-child { border:none;}
.nav-extension ul li a{ color:#000; text-decoration:none; width: 100%; height:100%; }
.nav-extension ul li a:hover {background:#000;color:#F30;}

.contenedor-titulo-pestaña {
width: 100%;
height: 210px;
}

.titulo-pestaña {
font-family: 'Oswald', sans-serif;
font-weight: 400;
font-size: 45px;
color: #F15D24;
letter-spacing: 0.05em;
margin: 100px 0px 0px 380px;
float: left;
}

#linea-titulo {
background: #F15D24;
height: 4px;
width: 30px;
position: absolute;
margin: 170px 0px 0px 465px;
}

.subtitulo-pestaña {font-family: 'Oswald', sans-serif;
font-weight: 400;
font-size: 18px;
color: rgb(0,0,0);
letter-spacing: 0.05em;
margin: 180px 0px 0px 448px;
float: left;
position: absolute;}

#section-extension-galeria { min-height: 400px; height: 1340px; margin: 0px 0px 0px 0px;}

#section-extension-galeria article { width: 215px; float: right; margin: 0px 10px;}

#section-extension-galeria article:last-child { margin: 0px 0px 0px 0px;
width: 480px;
float: left;}

#section-extension-galeria article:first-child { margin: 0px 0px 0px 0px;
width: 480px;}

#imagen-extension-2007 {
float: none;
margin: 145px 0px 12px 35px;
}

#imagen-extension-2010 {
float: none;
margin: 70px 0px 12px 35px;
}

#imagen-extension-2012 {
float: none;
margin: 114px 0px 12px 35px;
}

#imagen-extension-2008 {
float: none;
margin: 65px 0px 12px 125px;
}

#imagen-extension-2009 {
float: none;
margin: 35px 0px 12px 125px;
}

#imagen-extension-2011 {
float: none;
margin: 45px 0px 12px 125px;
}

#imagen-extension-2013 {
float: none;
margin: 48px 0px 12px 125px;
}


















/*Sabados Tipograficos*/
.titulo-pestaña-sabados {font-family: 'Oswald', sans-serif; 
	font-weight:400; 
	font-size: 45px; 
	color: #F15D24; 
	letter-spacing: 0.05em; 
	margin:100px 0px 0px 249px; 
	float:left; }
	
#fondo-sabados {background:url(img/sabados-fondo.jpg);
max-width: 960px;
min-height: 1570px;
width: 100%;
position: absolute;
margin: 0px auto 0px auto;
z-index:-1;}

#donde {margin:970px 0px 0px 0px;}

#sabtip2 {margin: -23px 0px 0px 0px;}

#correccion2 {margin: -30px 0px 0px 0px;}

.contenedor-sab {
max-width: 960px;
width: 100%;
height: 1430px;
position: relative;
margin: 0px auto 0px auto;
}

/* FIN Sabados Tipograficos*/
/* extensiones */

.contenedor-ext {
max-width: 960px;
width: 100%;
position: relative;
margin: 0px auto 0px auto;
}
.contenedor-botonera { margin: 10px 205px 10px 218px
}
.contenedor-nombre-pestaña { width: 100%; height: 210px;}

.header-1 {
width: 960px;
height: 48px;
position: absolute;
margin: 16px 0px 0px 0px;
z-index: 3;
}

.botonera-1 {
float: left;
margin: 0px;
width: 32.5%;
padding: 0px 0px 0px 130px;
height: 44px;
}

#logoheader1 {
float: left;
height: 48px;
z-index: 2;
margin: -16px 0px 0px 0px;
visibility:hidden;
}
.logo-superpuesto { position:absolute; margin:-16px 0px 0px 445px;}

.botonera-3 { float: left; margin: 0px; width: 32.5%;
padding: 0px 130px 0px 0px; height: 44px;}

.nav-extension { 
text-align: center;
background: #FFF;
width: 322.5px;
font-family: 'Oswald', sans-serif; font-weight:400;  letter-spacing: 0.03em; font-size: 16px;
}

.nav-extension ul {
border: 2px solid #000; border-top:5px solid #000;
margin: 0;
display: table;
width: 322.5px;
padding: 0;
background: #FFF}

.nav-extension ul li { 
display: table-cell;
border-right: 2px solid #000;
line-height: 2;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin:0;
}

.nav-extension ul li:last-child { border:none;}
.nav-extension ul li a{ color:#000; text-decoration:none; width: 100%; height:100%; }
.nav-extension ul li a:hover {background:#000;color:#F30;}

.contenedor-titulo-pestaña {
width: 100%;
height: 210px;
}

.titulo-pestaña {
font-family: 'Oswald', sans-serif;
font-weight: 400;
font-size: 45px;
color: #F15D24;
letter-spacing: 0.05em;
margin: 100px 0px 0px 380px;
float: left;
}

#linea-titulo {
background: #F15D24;
height: 4px;
width: 30px;
position: absolute;
margin: 170px 0px 0px 465px;
}

.subtitulo-pestaña {font-family: 'Oswald', sans-serif;
font-weight: 400;
font-size: 18px;
color: rgb(0,0,0);
letter-spacing: 0.05em;
margin: 180px 0px 0px 440px;
float: left;
position: absolute;}


.nav { 
text-align: center;
background: #FFF;
width: 520px;
font-family: 'Oswald', sans-serif; font-weight:400;  letter-spacing: 0.03em; font-size: 16px;
}
.nav ul {
border: 2px solid #000; border-top:5px solid #000;
margin: 0;
display: table;
width: 520px;
padding: 0;
background: #FFF
}
.nav ul li { 
display: table-cell;
border-right: 2px solid #000;
line-height: 2;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin:0;
}
.nav ul li:last-child { border:none;
}
.nav ul li a{ color:#000; text-decoration:none; width: 100%; height:100%; 
}

nav ul li a:hover{background:#000;color:#F30;}


.N {float:left; margin:20px 0px 0px 110px; font-family: 'Oswald', sans-serif; font-weight:400; font-size: 100px; color: #F15C24;}




#objeto { float:left; margin:0 px;}


.nombre-tp { position: absolute; margin: 0px 260px; font-family: 'Oswald', sans-serif; font-weight:400; font-size: 22px; letter-spacing: 0.2em;}
#miscelanea { position: absolute; margin: -9px 0px 0px 206px;}

#section-extension-objetivos { min-height: 400px; height: 1155px; margin: 0px 0px 0px 0px;}

#section-extension-objetivos article {width: 215px;float: left;margin:25px 10px 0px 10px;}

#imagen-extension { margin: 0px; padding: 50px 0px 0px 18px;}

#texto-extension { position: relative;
margin: -100px 0px 0px 8px;
font-family: 'Rosario', sans-serif;
font-weight: 400;
font-size: 16px;
color: #4A74A1;
float: left; }

#palabra-48 {font-family: 'Oswald', sans-serif;
font-weight: 500;
font-size: 75px;
color: #F15D24;
letter-spacing: 0.05em;
margin: -5px 0px 0px 40px;
float: left;}
	
#palabra-alumnos {font-family: 'Oswald', sans-serif;
font-weight: 500;
font-size: 20px;
color: #F15D24;
letter-spacing: 0.08em;
margin: -105px 0px 0px 40px;
float: left;}

#palabra-participaron {font-family: 'Oswald', sans-serif;
font-weight: 500;
font-size: 14px;
color: #F15D24;
letter-spacing: 0.05em;
margin: -75px 0px 0px 40px;
float: left;}	

#section-extension-objetivos article:first-child { margin: 0px 10px 0px 20px;}
#section-extension-objetivos article:last-child { margin: 0px 20px 0px 10px;}


#icono-obj-ejercicio { visibility: visible; float:left; margin: 70px 0px 12px 0px;}

#titulo-objetivos-del-ejercicio {margin: 60px 0px 0px 30px; position:absolute; font-family: 'Rosario', sans-serif; font-weight: bold; font-size: 14px; color: rgb(0,0,0); letter-spacing: 0.02em;}
#texto-objetivos-del-ejercicio { float: left;
margin: -13px 0px 0px 0px;
font-family: 'Rosario', sans-serif;
font-weight: 400;
font-size: 16px;
color: rgb(0,0,0);
width: 440px;}

#imagen-faduverde-extension {margin-top: 105px;}

#icon-orig-proyecto { visibility: visible; float:left; margin: 0px 0px 12px 0px;}
#titulo-orig-proyecto { margin: 355px 0px 0px 30px; position:absolute; font-family: 'Rosario', sans-serif; font-weight: bold; font-size: 14px; color: rgb(0,0,0); letter-spacing: 0.02em;}
#texto-orig-proyecto { float:left; margin: -95px 0px 12px 8px; font-family: 'Rosario', sans-serif; font-weight:400; font-size: 16px; color: rgb(0,0,0);}

#icon-exp-realizadas { visibility: visible; float:left; margin: 25px 0px 12px 0px;}
#titulo-exp-realizadas { float:left; margin: 15px 0px 0px 30px; position:absolute; font-family: 'Rosario', sans-serif; font-weight: bold; font-size: 14px; color: rgb(0,0,0); letter-spacing: 0.02em;}
#texto-exp-realizadas { float:left; margin: -95px 0px 12px 8px; font-family: 'Rosario', sans-serif; font-weight:400; font-size: 16px; color: #4A74A1;}

#galeria-imag { visibility: visible; float:left; margin: -25px 0px 0px 0px;}

#icon-cronogram { visibility: visible; float:left; margin: 105px 0px 12px 0px;}
#titulo-cronogram { float:left; margin: 95px 0px 0px 30px; position:absolute; font-family: 'Rosario', sans-serif; font-weight: bold; font-size: 14px; color: rgb(0,0,0); letter-spacing: 0.02em;}
#texto-cronogram { float:left; margin: -92px 0px 12px 8px; font-family: 'Rosario', sans-serif; font-weight:400; font-size: 16px; color: #4A74A1;} 

#icon-evaluacion { visibility: visible; float:left; margin: 120px 0px 12px 0px;}
#titulo-evaluacion { float:left; margin: 110px 0px 0px 30px; position:absolute; font-family: 'Rosario', sans-serif; font-weight: bold; font-size: 14px; color: rgb(0,0,0); letter-spacing: 0.02em;}
#texto-evaluacion { float:left; margin: -97px 0px 12px 8px; font-family: 'Rosario', sans-serif; font-weight:400; font-size: 16px; color: #4A74A1;} 

#cuadrado-ext { visibility: visible; float:left; margin: 0px 0px 0px 0px;}

#icon-tipo-funcion { visibility: visible; float:left; margin: 26px 0px 0px 0px;}
#titulo-tipo-funcion { float:left; margin: 496px 0px 0px 30px; position:absolute; font-family: 'Rosario', sans-serif; font-weight: bold; font-size: 14px; color: rgb(0,0,0); letter-spacing: 0.02em;}
#texto-tipo-funcion { float:left; margin: -87px 0px 12px 8px; font-family: 'Rosario', sans-serif; font-weight:400; font-size: 16px; color: #4A74A1;} 

#foto-extension-grupo { margin: 0px 0px 0px 0px;}

#foto-extension-grupo-2 { visibility: hidden;}

#frase {font-family: 'Oswald', sans-serif;
font-weight: 400;
font-size: 40px;
color: #F15D24;
letter-spacing: 0.05em;
margin: -62px 0px 0px 8px;
float: left;
width: 460px;
line-height: 1.3em;
}



footer {
width: 100%;
display: table;
padding: 15px 0 0 0;
position:relative;
}

footer p {
font-size: 13px;
color: #000;
text-align: center;
}

.botonera-footer { border: #000 solid 1px;
width: 960px;
margin: 0px 0px 0px 0px;
height: 50px;
padding: 10px 0px 10px 0px;}

.logo-footer { float: left;
margin: 0px 0px 0px 10px;}

.contenedor-botonera-footer {float: left;
margin: 12px 0px 0px 80px;
width: 85%;}

.nav-footer {text-align: center;
background: #FFF;
width: 490px;
font-family: 'Oswald', sans-serif;
font-weight: 600;
letter-spacing: 0.03em;
font-size: 14px;
float: left;
margin: 0px 0px 0px 40px;
}

.nav-footer ul {
margin: 0;
display: table;
width: 480px;
padding: 0px 0px 0px 0px;
background: #FFF;}

.nav-footer ul li { 
display: table-cell;
border-right: 2px solid #000;
line-height: 2;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: 0;
padding: 0px 10px 0px 10px;
}

.nav-footer ul li:last-child { border:none;}

.nav-footer ul li a{ color: #000;
text-decoration: none;
width: 100%;
height: 100%; }

.nav-footer ul li a:hover {background:#000;color:#F30;}

.redes-botonera {
width: 15%;
float: right;
position: relative;
margin: 2px 0px 0px 30px;

}

.redes-botonera ul {
margin: 0px;
display: table;
width: 100%;
padding: 0;
}
.redes-botonera ul li { 
display: table-cell;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin:0;
}
.redes-botonera ul li a{ float:left; margin:2px; }








/* HOME */

body {margin:0px 0px 0px 0px; padding:0;
font-family: 'Rosario', sans-serif;
background: #FFF;
}


.fondo {
max-width: 960px;
min-height: 100%;
width: 100%;
position: relative;
margin: 0px auto 0px auto;}

.imagen-fondo { position:absolute; }

.contenedor-home {
max-width: 960px;
width: 100%;
position: absolute;
margin: 0px auto 0px auto;
}
header {
width: 100%;
}


.contenedor-botonera-home { float:left; margin:120px 0px 0px 188px; z-index: 2; position:relative;}

.nav { 
text-align: center;
background: #FFF;
width: 580px;
font-family: 'Oswald', sans-serif; 
font-weight:400;  
letter-spacing: 0.03em; 
font-size: 16px;
}
.nav ul {
border: 2px solid #000; 
border-top:5px solid #000;
margin: 0;
display: table;
width: 580px;
padding: 0;
background: #FFF}
.nav ul li { 
display: table-cell;
border-right: 2px solid #000;
line-height: 2;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin:0;
}

.nav ul li:last-child { border:none;}

.nav ul li a{ color:#000; text-decoration:none; width: 100%; height:100%; }

nav ul li a:hover {background:#000;color:#FFF;}

.logo {margin: 82px 409px 0px 406px;}
#cosgaya { 
display:block; 
border:#000 1px solid;
 margin: 0; background:#FFF; 
 padding-top: 3px;
 height: 25px;
 width: 148px;
 font-family: 'Rosario', sans-serif; font-weight: 700; 
 }
 
 
.frases-cosgaya {text-align:center; margin: 215px 0px 0px 188px; width:580px; font-family: 'Oswald', sans-serif; font-weight:400; font-size: xx-large; letter-spacing: 0.1em; position:absolute; z-index:2; color:#FFF; border: 2px solid #000; background:#FFF; }
.frases-cosgaya p { margin:0; font-size: 30px; padding:20px; color:#000;}
.boton-cosgaya { text-align:center; margin: 202px 0px 0px 640px; position:absolute; z-index:3}


#section-home {
min-height: 400px;
height: 920px;
max-width:960px;
}
#section-home article {
width: 215px;
float: left;
margin: 0px 10px ;
}
#section-home article:first-child {
margin: 0px 10px 0px 20px;
}
#section-home article:last-child {
margin: 0px 20px 0px 10px;
}

#sab-tipogr { margin:0px 0px 0px -8px;}
#sab-responsive {display:none;}
#extensiones { margin: 0px 0px 0px -6px; }
#sabados-tipograficos {margin: 0px 0px 5px -6px; width: 228px; height: 304px; visibility:hidden;}
#galeria {margin: 0px 0px 100px -4px;}
.docentes {margin: 156px 0px 0px -6px;}
#cruz {margin: 3px 0px 0px -4px;}
#plano-celeste {margin: 3px 0px 0px -4px;}
#redes-sociales {margin: 0px 0px 0px -5px;}

#ext-titular { margin: -254px 0px 0px 50px; position:absolute; color: #314679;font-family: 'Oswald', sans-serif; font-weight:400;  letter-spacing: 0.03em; font-size:20px;}
.bloque-texto { color:#D6EFF7; margin: -210px 25px 0px 27px; }
.boton-mas { margin: 8px 0px 2px 90px; position:absolute;}
.boton-mas-sab { margin:-90px 0px 2px 218px; position:absolute;}
#sab-responsive-tipo {display:none; margin:0px; }
.sab { margin: -176px 0px 0px 75px; position:absolute;color: #314679;font-family: 'Oswald', sans-serif; font-weight:400;  letter-spacing: 0.03em; font-size:30px;}
.tipo { margin:-202px 0px 0px 52px; position:absolute;color: #314679;font-family: 'Oswald', sans-serif; font-weight:400;  letter-spacing: 0.03em; font-size:20px; display:none;}
.saba { margin:-202px 0px 0px 52px; position:absolute;color: #314679;font-family: 'Oswald', sans-serif; font-weight:400;  letter-spacing: 0.03em; font-size:20px; display:none;}
.bloque {color:#D6EFF7; margin: -150px 30px 2px}

#gal {margin:-274px 0px 0px 75px; position:absolute;color: #F15C24;font-family: 'Oswald', sans-serif; font-weight:400;  letter-spacing: 0.03em; font-size:20px;}
#boton-1 {margin: -225px 0px 0px 70px; float: left; position:absolute; }
#boton-2 {margin: -225px 0px 0px 118px; float: left; position:absolute; }

#doc {margin:-90px 0px 0px 67px; position:absolute; color: #314679;font-family: 'Oswald', sans-serif; font-weight:400;  letter-spacing: 0.03em; font-size:20px;}

#redes {margin:-435px 0px 0px 65px; position:absolute; color: #000;font-family: 'Oswald', sans-serif; font-weight:400;  letter-spacing: 0.03em; font-size:20px; }
#boton-face {margin: -370px 0px 0px 25px; float: left; position:absolute;}
#boton-twitter {margin:-370px 0px 0px 95px; float: left; position:absolute;}
#boton-google {margin:-370px 0px 0px 165px; float: left; position:absolute;}
.bloque-redes {margin: -320px 0px 0px 25px; float: left; position:absolute;}
.texto-redes {margin:0;}






/* PREMIOS */

.contenedor-premios {max-width: 960px;
width: 100%;
position: relative;
margin: 0px auto 0px auto;}

.titulo-pestaña-premios {
	font-family: 'Oswald', sans-serif; 
	font-weight:400; 
	font-size: 45px; 
	color: #F15D24; 
	letter-spacing: 0.05em; 
	margin:100px 0px 0px 325px; 
	float:left; }
	
.titulos {
font-family: 'Oswald', sans-serif; 
font-weight:400; 
font-size:45px; 
color: #314679; 
position:absolute; 
margin:0px 0px 0px 150px; 
letter-spacing: 0.03em 
}

.bloque-textos { font-size: 16px; 
font-family: 'Rosario', sans-serif; font-weight: 400;
; position:relative; margin:135px 0px 0px 0px; }

.bloque-textos-p2 { font-size: 16px; 
font-family: 'Rosario', sans-serif; font-weight: 400;
; position:relative; margin:175px 0px 0px 0px; }

#foto1 {margin:140px 0px 0px 0px; }
#foto2 {margin:100px 0px 0px 0px;}
#foto2-hidden { visibility:hidden; height:460px;}
#foto3 {margin:385px 0px 0px 0px;}
#foto5 {margin:20px 0px 0px 0px;}
 
#banderin {
font-family: 'Oswald', sans-serif; 
font-weight:700; 
font-size:60px; 
color: #FFF; 
position:absolute; 
margin:630px 0px 0px 270px; 
letter-spacing: 0.1em;
z-index:1; }
#banderin-imagen { position:absolute; margin:685px 0px 0px 200px; z-index:0;}

.premios-columnas {
min-height: 400px;
height: 920px;
max-width:960px;
}
.premios-columnas article {
width: 215px;
float: left;
margin: 0px 10px ;
}
.premios-columnas article:first-child {
margin: 0px 10px 0px 20px;
}
.premios-columnas article:last-child {
margin: 0px 20px 0px 10px;
}


.destacado { position:absolute; margin: 360px 0px 0px 230px;
width: 160px;}
.destacado-negro {float:left; background:#000; border: 2px solid #FFF; color:#FFF;font-family: 'Oswald', sans-serif; font-weight:400; font-size: 13px;height: 22px;padding: 0px 5px 0px 5px;}
.destacado-blanco {float:left; background:#FFF; border: 2px solid #000; color:#000;font-family: 'Oswald', sans-serif; font-weight:400; font-size: 13px;height: 22px;padding: 0px 5px 0px 5px;}


/* GALERIA INDEX */

#contenedor-galeria-index {max-width: 960px; height:1940px;
position: relative;
margin: 0px auto 0px auto;}

.tps { height: 231px; margin:0px; background:#FFF;}
.años {
	font-family: 'Oswald', sans-serif; 
	font-weight:400; 
	font-size: 16px; 
	color: #999; 
	margin:50px 0px 0px 0px;}
.contenedor-titulo-pestaña {width: 100%;height: 210px;}
.titulo-pestaña-galeria-index {
	font-family: 'Oswald', sans-serif; 
	font-weight:400; 
	font-size: 45px; 
	color: #F15D24; 
	letter-spacing: 0.05em; 
	margin:100px 0px 0px 405px; 
	float:left; }
#linea-titulo {  
background:#F15D24;
height: 4px;
width: 30px;
position: absolute;
margin: 170px 0px 0px 465px;
}

.nav-niveles-header { 
margin: 180px 0px 0px 450px;
font-family: 'Oswald', sans-serif; font-weight:400; font-size: 16px;
position:absolute;
}
.nav-niveles-header ul {
margin: 0px;
display: table;
padding: 0;
}
.nav-niveles-header ul li { 
white-space: nowrap; 
display: table-cell; 
list-style-type: none; 
margin: 0px 0px;
overflow: hidden;
text-overflow: ellipsis;
}

.nav-niveles-header ul li a{ color:#000; text-decoration:none; padding:4px; margin:4px; 
}
.p1-index {font-family: 'Oswald', sans-serif; font-weight:400; font-size: 20px; color: #000; border-bottom:#000 solid 2px; width:20px; margin: 10px 0px 10px 0px; padding:0px 0px 10px 0px;}






/* GALERIA */

body {margin:0px 0px 0px 0px; padding:0;
font-family: 'Rosario', sans-serif;
background: #FFF;
}


#fondo-galeria {
width: 960px;
height: 1600px;
position: relative;
margin: 0px auto 0px auto;}

.contenedor {
width: 960px;
height: 1600px;
position: relative;
margin: 0px auto 0px auto;
}

.contenedor-nombre-pestaña { width: 100%; height: 210px;}

.nombre-tp { margin: 0px 246px; font-family: 'Rosario', sans-serif; font-weight:400; font-size: 16px;}


.N {float:left; margin:80px 0px 0px 110px; font-family: 'Oswald', sans-serif; font-weight:400; font-size: 100px; color: #F15C24;}

.TP { width: 100%;}

.tp-elegido { 
height: 500px;
width: 210px;
background: #FFF;
padding: 10px;}

.tps-comprimidos {height: 50px; margin:0px 0px 0px 0px; background:#FFF; padding:0px;}

.nav-tp { 
margin: 180px 0px 0px 260px;
font-family: 'Oswald', sans-serif; font-weight:400; font-size: 16px;
position:absolute;
}
.nav-tp ul {
margin: 0px;
display: table;
padding: 0;
}
.nav-tp ul li { 
white-space: nowrap; 
display: table-cell; 
list-style-type: none; 
margin: 0px 0px;
overflow: hidden;
text-overflow: ellipsis;
}

span {font-weight:700;}

#span-first-child {font-weight:700; color:#F15C24; text-decoration:none; padding:4px; margin:4px; font-size:30px;}

.nav-tp ul li a{ color:#000; text-decoration:none; padding:4px; margin:4px; 
}

.galeria-columnas {
min-height: 400px;
height: 1155px;
margin: 30px 0px 0px 0px;
}
.galeria-columnas article {
width: 215px;
float: right;
margin: 0px 10px ;
}
.galeria-columnas article:first-child {
margin: 0px 20px 0px 10px;
}
.galeria-columnas article:last-child {
margin: 0px 10px 0px 20px; 
}

.fotos { float:left; margin: 0px 0px 12px 0px;}
#invisible { visibility: hidden; float:left; margin: 0px 0px 12px 0px;}
#vinilo-cruz {margin: -10px 0px 0px -5px; position:absolute;}

#linea { background:#000; height:2px;}
.p1 {font-family: 'Oswald', sans-serif; font-weight:400; font-size: 20px; color: #000; width:150px; margin: 10px 0px 10px 0px; padding:0px 0px 10px 10px; text-decoration:none;}
.p1-elegido {font-family: 'Oswald', sans-serif; font-weight:400; font-size: 20px; color: #000; border-bottom:#000 solid 2px; width:20px; margin: 10px 0px 10px 0px; padding:0px 0px 10px 0px;}
.tp {font-family: 'Oswald', sans-serif; font-weight:400; font-size: 20px; color: #000; margin:0px;}
.p {font-family: 'Rosario', sans-serif; font-weight:700; font-size: 16px; background: #FFF;}
.tp-texto { background:#FFF;}
.nnnnn { margin:9px 0px 0px 0px;}

.contenedor-botonera-paginas { float:left; margin:0px 0px 0px 188px;}

#paginas { margin:40px -45% 0px 0px; float:right; height: 30px; }
#paginas ul {
margin: 0px;
display: table;
padding: 0;
background: #FFF
}
#paginas ul li { 
float: right; 
list-style-type: none;
display: table-cell;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin:0;
}
#paginas ul li a{ color:#000; text-decoration:none; padding:4px; margin:4px; font-family: 'Oswald', sans-serif; font-weight:400; 
}





/* DOCENTES */


.contenedor-DOCENTES {
width: 960px;
height: 1480px;
position: relative;
margin: 0px auto 0px auto;}

#fondo-docentes {
max-width: 960px;
min-height: 1570px;
width: 100%;
position: relative;
margin: 0px auto 0px auto;
z-index:-1;}

.DOCENTES1 { position:absolute; margin:20px 0px 0px 80px; font-family: 'Oswald', sans-serif; font-weight:400; font-size: 50px; color: #F15C24;}
.DOCENTES2 { position:absolute; margin:82px 0px 0px 142px; font-family: 'Oswald', sans-serif; font-weight:400; font-size: 50px; color: #F15C24;}

.titulo-pestaña-docentes {font-family: 'Oswald', sans-serif; 
	font-weight:400; 
	font-size: 45px; 
	color: #F15D24; 
	letter-spacing: 0.05em; 
	margin:100px 0px 0px 385px; 
	float:left; }

#cuadrado { height: 300px;
width: 752px;
margin: 25px 0px 0px 170px; border: 4px solid #000; position:absolute; z-index:1; background: rgba(255,255,255,0.8);}


#redes-botonera {
width: 118px; position:absolute; margin: -33px 0px 0px 595px;
}

#redes-botonera ul {
margin: 0px;
display: table;
width: 100%;
padding: 0;
}
#redes-botonera ul li { 
display: table-cell;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin:0;
cursor: pointer;
}
#redes-botonera ul li a{ float:left; margin:2px; }


.section-columnas-docentes {
	width: 100%;
min-height: 400px;
height: 1155px;
margin: 24px 0px 0px 0px;
position:absolute;
z-index:3;
}
.section-columnas-docentes article {
width: 215px;
float: right;
margin: 0px 10px ;
}
.section-columnas-docentes article:first-child {
margin: 0px 20px 0px 10px;
}
.section-columnas-docentes article:last-child {
margin: 0px 10px 0px 20px; 
}

.fotos-docentes { float:left; margin: 30px 57px 15px 57px;}
#invisible-docente { visibility: hidden; float:left; margin:30px 57px 15px 57px; }

.nombres-docentes { float:left; background:#000; border: 2px solid #FFF; color:#FFF;font-family: 'Oswald', sans-serif; font-weight:400; font-size: 13px;height: 22px;padding: 0px 5px 0px 5px;margin: 112px 0px 0px 0px; }
.nombres-docentes2 { float:left; background:#000; border: 2px solid #FFF; color:#FFF;font-family: 'Oswald', sans-serif; font-weight:400; font-size: 13px;height: 22px;padding: 0px 5px 0px 5px;margin: 112px 0px 0px 20px; }
.nombres-docentes3 { float:left; background:#000; border: 2px solid #FFF; color:#FFF;font-family: 'Oswald', sans-serif; font-weight:400; font-size: 13px;height: 22px;padding: 0px 5px 0px 5px;margin: 112px 0px 0px 0px; }

.nombres-docentes-MARGEN {float:left; background:#000; border: 2px solid #FFF; color:#FFF;font-family: 'Oswald', sans-serif; font-weight:400; font-size: 13px; height: 22px;padding: 0px 5px 0px 5px;margin: 125px 25px 0px 0px; }

.nombres {margin:0px;}
#nombres-invisible { visibility: hidden; float:left; background:#000; border: 2px solid #FFF; color:#FFF;font-family: 'Oswald', sans-serif; font-weight:400; font-size: 13px;width: 150px;height: 22px;padding: 0px 0px 0px 5px;margin: 112px 0px 0px 0px; }

.nombres1 {width: 100%;
min-height: 400px;
height: 1155px;
margin: 24px 0px 0px 0px;
position:absolute;
z-index:4;
}
.nombres1 article {
width: 215px;
float: right;
margin: 0px 10px ;
}
.nombres1 article:first-child {
margin: 0px 20px 0px 10px;
}
.nombres1 article:last-child {
margin: 0px 10px 0px 20px; 
}

.nav-niveles { 
margin: 0px;
font-family: 'Rosario', sans-serif; font-weight:700; font-size: 20px;
}
.nav-niveles {
margin: 0px;
display: table;
padding: 0;
}
.nav-niveles ul li { list-style-type: none; margin: 20px 0px;
}
.nav-niveles ul li a{ color:#000; text-decoration:none; padding:4px; margin:4px; 
}

.contactos-docentes { margin:297px 0px 0px 0px;}
#redes-docen {margin:-435px 0px 0px 65px; position:absolute; color: #000;font-family: 'Oswald', sans-serif; font-weight:400;  letter-spacing: 0.03em; font-size:20px; }
#boton-face-docen {margin: -370px 0px 0px 25px; float: left; position:absolute;}
#boton-twitter-docen {margin:-370px 0px 0px 95px; float: left; position:absolute;}
#boton-flickr-docen {margin:-370px 0px 0px 165px; float: left; position:absolute;}
.bloque-redes-docen {margin: -320px 0px 0px 25px; float: left; position:absolute;}
.texto-redes {margin:0;}

/* fin docentes */


/* BOTONERA PAGINAS*/ 



 .contenedor-botonera-paginas-2 { float:left; margin:0px 0px 0px 0px;}

.header-1 { width:960px; height:48px ;position: absolute; margin: 16px 0px 0px 0px; z-index:3;}

.botonera-1 { float: left; margin: 0px; width: 32.5%; padding: 0px 0px 0px 130px; height: 44px;}

#logoheader1 {
float: left;
height: 48px;
z-index: 2;
margin: -16px 0px 0px 0px;
visibility:hidden;
}
.logo-superpuesto { position:absolute; margin:-16px 0px 0px 445px; cursor: pointer;}

.botonera-3 { float: left; margin: 0px; width: 32.5%;
padding: 0px 130px 0px 0px; height: 44px;}

.nav-extension { 
text-align: center;
background: #FFF;
width: 322.5px;
font-family: 'Oswald', sans-serif; font-weight:400;  letter-spacing: 0.03em; font-size: 16px;
}

.nav-extension ul {
border: 2px solid #000; border-top:5px solid #000;
margin: 0;
display: table;
width: 322.5px;
padding: 0;
background: #FFF}

.nav-extension ul li { 
display: table-cell;
border-right: 2px solid #000;
line-height: 2;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin:0;
}

.nav-extension ul li:last-child { border:none;}
.nav-extension ul li a{ color:#000; text-decoration:none; width: 100%; height:100%; }
.nav-extension ul li a:hover {background:#000;color:#FFF;}






/* FOOTER */




.botonera-footer { border: #000 solid 1px;
width: 960px;
margin: 0px 0px 0px 0px;
height: 50px;
padding: 10px 0px 10px 0px;}

.contenedor-botonera-footer {float: left;
margin: 12px 0px 0px 80px;
width: 85%;}

.logo-footer { float: left;
margin: 0px 0px 0px 10px;}

.nav-footer {text-align: center;
background: #FFF;
width: 490px;
font-family: 'Oswald', sans-serif;
font-weight: 600;
letter-spacing: 0.03em;
font-size: 14px;
float: left;
margin: 0px 0px 0px 40px;
}
.nav-footer ul {
margin: 0;
display: table;
width: 480px;
padding: 0px 0px 0px 0px;
background: #FFF;}

.nav-footer ul li { 
display: table-cell;
border-right: 2px solid #000;
line-height: 2;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: 0;
padding: 0px 10px 0px 10px;
}

.nav-footer ul li:last-child { border:none;}

.nav-footer ul li a{ color: #000;
text-decoration: none;
width: 100%;
height: 100%; }

.nav-footer ul li a:hover {background:#000;color:#FFF;}

.redes-botonera {
width: 15%;
float: right;
position: relative;
margin: 2px 0px 0px 30px;

}

.redes-botonera ul {
margin: 0px;
display: table;
width: 100%;
padding: 0;
}
.redes-botonera ul li { 
display: table-cell;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin:0;
}
.redes-botonera ul li a{ float:left; margin:2px; }


footer {
width: 100%;
display: table;
padding: 15px 0 0 0;
}
footer p {
font-size: 13px;
color: #000;
text-align: center;
}


/* FIN FOOTER */





/* solo para celulares */
@media screen and (max-width:768px){

.imagen-fondo { position:absolute;margin: 0px 0px 0px -105px; }	
.contenedor-botonera-home { float:left; margin:120px 0px 0px 85px; z-index: 2; position:relative;}

.nav { 
text-align: center;
background: #FFF;
width: 580px;
font-family: 'Oswald', sans-serif; 
font-weight:400;  
letter-spacing: 0.03em; 
font-size: 16px;
}
.nav ul {
border: 2px solid #000; 
border-top:5px solid #000;
margin: 0;
display: table;
width: 580px;
padding: 0;
background: #FFF}
.nav ul li { 
display: table-cell;
border-right: 2px solid #000;
line-height: 2;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin:0;
}

.nav ul li:last-child { border:none;}

.nav ul li a{ color:#000; text-decoration:none; width: 100%; height:100%; }

nav ul li a:hover {background:#000;color:#F30;}

.frases-cosgaya {text-align:center; margin: 215px 0px 0px 85px; width:580px; font-family: 'Oswald', sans-serif; font-weight:400; font-size: xx-large; letter-spacing: 0.1em; position:absolute; z-index:2; color:#FFF; border: 2px solid #000; background:#FFF; }		
.boton-cosgaya { text-align:center; margin: 202px 0px 0px 520px; position:absolute; z-index:3}
.frases-cosgaya p { margin:0; font-size: 30px; padding:20px; color:#000;}
.boton-mas-sab { margin:-90px 0px 2px 218px; position:absolute;}

.logo {margin: 82px 409px 0px 301px;}

.docentes {margin: -420px 0px 0px 0px;}

.botonera-footer { border: #000 solid 1px;
width: 768px;
margin: 0px 0px 0px 0px;
height: 50px;
padding: 10px 0px 10px 0px;}

.contenedor-botonera-footer {float: left;
margin: 12px 0px 0px 0px;
width: 72%;}

.logo-footer { float: left;
margin: 0px 0px 0px 10px;}

.nav-footer {text-align: center;
background: #FFF;
width: 520px;
font-family: 'Oswald', sans-serif;
font-weight: 600;
letter-spacing: 0.03em;
font-size: 14px;
float: left;
margin: 0px 0px 0px 20px;
position: relative;
}
.nav-footer ul {
margin: 0;
display: table;
width: 480px;
padding: 0px 0px 0px 0px;
background: #FFF;}

.nav-footer ul li { 
display: table-cell;
border-right: 2px solid #000;
line-height: 2;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: 0;
padding: 0px 10px 0px 10px;
}

.nav-footer ul li:last-child { border:none;}

.nav-footer ul li a{ color: #000;
text-decoration: none;
width: 100%;
height: 100%; }

.nav-footer ul li a:hover {background:#000;color:#FFF;}

.redes-botonera {
float: left;
position: relative;
margin: -25px 0px 0px 600px;

}

.redes-botonera ul {
margin: 0px;
display: table;
width: 100%;
padding: 0;
}
.redes-botonera ul li { 
display: table-cell;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin:0;
}
.redes-botonera ul li a{ float:left; margin:2px; }


footer {
width: 100%;
display: table;
padding: 15px 0 0 0;
}
footer p {
font-size: 13px;
color: #000;
text-align: center;
}


}



@media screen and (max-width:320px){
	
.imagen-fondo { position:absolute;margin:-35px 0px 0px -331px; }	

.contenedor-botonera-home { float:left; margin:10px 0px 0px 75px; z-index: 2; position:relative;}
.nav { 
text-align: center;
background: #FFF;
width: 100px;
font-family: 'Oswald', sans-serif; 
font-weight:400;  
letter-spacing: 0.03em; 
font-size: 14px;
}
.nav ul {
margin: 0px;
display: table;
width: 10px;
padding: 0;
background: #FFF;}
.nav ul li { 
display: list-item; border-bottom: 2px solid #000;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin:0px;
}

.nav ul li:last-child { border:none;}

.nav ul li a{ color:#000; text-decoration:none; width: 100%; height:100%; }

nav ul li a:hover {background:#000;color:#FFF;}
	
	
#section-home {
min-height: 400px;
height: 100%;
}
#section-home article {
width: 215px;
float: left;
margin: 0px 42px ;
height:100%;
}
#section-home article:first-child {
margin: 0px 10px 0px 42px; height:100%;
float:left;
}
#section-home article:last-child {
margin: 0px 20px 0px 42px; height:100%;float:left;
}
.sab { margin:0px;  position:absolute; color: #314679;font-family: 'Oswald', sans-serif; font-weight:400;  letter-spacing: 0.03em; font-size:10px; display:none; }
#sab-responsive { display:block; margin:0px 0px 0px -6px;}
#sabbb { display:none;}
#extensiones { margin: 6px 0px 0px -6px; }
#sabados-tipograficos {margin: 60px 0px 11.5px -6px; width: 228px; height: 304px; display:none;}
#galeria {margin: 60px 0px 0px -4px;}
.docentes {margin: 0px 0px 0px -6px;}
#cruz {margin: 9px 0px 0px -6px;}
#plano-celeste {margin: 9px 0px 0px -6px;}
#redes-sociales {margin: 0px 0px 0px 0px;}

.logo {margin: 47px 75px 0px; ; position:relative;}

.frases-cosgaya { display:none;}
.frases-cosgaya p { display:none;}
.boton-cosgaya { display:none;}
.boton-mas-sab { margin:-100px 0px 0px 100px; position:absolute;}

.tipo { margin:-202px 0px 0px 52px; position:absolute;color: #314679;font-family: 'Oswald', sans-serif; font-weight:400;  letter-spacing: 0.03em; font-size:20px; display:block;}
.saba { margin:-230px 0px 0px 75px;; position:absolute;color: #314679;font-family: 'Oswald', sans-serif; font-weight:400;  letter-spacing: 0.03em; font-size:20px; display:block;}


.botonera-footer { border: #000 solid 1px;
width: 320px;
margin: 0px 0px 0px 0px;
height: 190px;
padding: 10px 0px 10px 0px;}

.contenedor-botonera-footer {float: left;
margin: 12px 0px 0px 0px;
width: 72%;}

.logo-footer { float: left;
margin: 0px 0px 0px 10px;}

.nav-footer {text-align: center;
background: #FFF;
width: 100px;
font-family: 'Oswald', sans-serif; 
font-weight:400;  
letter-spacing: 0.03em; 
font-size: 14px;
}
.nav-footer ul {
margin: 0px;
display: table;
width: 10px;
padding: 0;
background: #FFF;}

.nav-footer ul li { 
display: list-item; border-bottom: 2px solid #000;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin:0px;
}

.nav-footer ul li:last-child { border:none;}

.nav-footer ul li a{ color: #000;
text-decoration: none;
width: 100%;
height: 100%; }

.nav-footer ul li a:hover {background:#000;color:#FFF;}

.redes-botonera {
float: left;
position: relative;
margin: 155px 0px 0px -50px;

}

.redes-botonera ul {
margin: 0px;
display: table;
width: 100%;
padding: 0;
}
.redes-botonera ul li { 
display: table-cell;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin:0;
}
.redes-botonera ul li a{ float:left; margin:2px; }


footer {
width: 100%;
display: table;
padding: 15px 0 0 0;
}
footer p {
font-size: 13px;
color: #000;
text-align: center;
}
	
}




/* CSS Document */