/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:800|Rosario:400,700);
@import url(http://fonts.googleapis.com/css?family=Rosario:400italic,700italic);
*{margin:0;padding:0}
body{font-family:'Rosario',sans-serif;}
div{max-width:960px;position:relative;margin:0px auto 0px auto;background:#ECEEB4;}
header{background:#ECEEB4;width:100%;padding:0 0 20px 0;}
header nav{
	float:right;	
	margin:80px 20px 0 0;}
header nav ul li{float:left;list-style-type:none;}
header nav ul li a:hover{color:rgb(61,61,63);background-color:#78D3D8;border-radius:10px;}
header nav ul li a{color:#3D3D3F;text-decoration:none;padding:10px;margin:5px;font-size:18px;font-style:italic;}
section{width:100%;background:#ECEEB4;position:relative;float:left;padding:0 0 20px 0;}

section article{width:60%;background:#ECEEB4;border:7px solid #78D3D8;margin:2% 0 0 2%;float:left;}
section article h2{color:#78D3D8;font-family:'Open Sans',sans-serif;font-size:30px;margin:20px 0 0 20px;}
section article p{color:#3D3D3F;padding:20px;}
.bold{font-weight:bold;}
section h1{color:#FFF;font-family:'Open Sans',sans-serif;font-size:30px;position:absolute;top:16px;left:0px;padding:2%;background:rgba(116,36,131,0.5);}
section aside{width:33%;background:#ECEEB4;position:relative;float:left;margin:2% 2% 0 1.5%;border-top:7px solid #78D3D8;}
section aside h3{color:#3D3D3F;font-size:24px;text-align:center;margin:2% 0 0 0;padding:0 0 2% 0;font-weight:bold;font-style:italic;border-bottom:1px dashed #78D3D8;}
section aside a{float:right;}
section aside p{color:#3D3D3F;padding:5px 20px 0 20px;font-size:13px;}
.abajo{width:33%;background:#ECEEB4;position:relative;float:left;margin:1.5% 2% 0 1.5%;padding:0 0 1% 0;border-top:7px solid #78D3D8;}
.columnastres{width:100%;background:rgba(61,61,63,0.5);position:relative;float:left;margin:0 0 0px 0;}
.columnastres article{width:23%;background:none;border-top:2px solid #78D3D8;border-bottom:none;border-left:none;border-right:none;position:relative;float:left;margin:1.5% 0 0 1.5%;}
.columnastres .largo{width:47%;position:relative;float:left;margin:1.5% 0 0 2%;}
.columnastres h4{color:#78D3D8;font-family:'Open Sans',sans-serif;font-size:20px;margin:20px 0 0 20px;}
.columnastres h5{color:#78D3D8;font-family:'Open Sans',sans-serif;font-size:14px;margin:5px 0 0 20px;}
.columnastres p{color:#ECEEB4;padding:5px 20px 0 20px;font-size:13px;}
.columnastres a{float:right;padding:0 20px 0 0;}
.columnastres .leermas{background:#98cb32;border-radius:5px;height:40px;}
.columnastres .mais{color:#ECEEB4;padding:10px 5px 5px 5px;font-family:'Open Sans',sans-serif;float:left;}
.columnastres article a{text-decoration:none;float:right;padding:0 5px 0 0;}
.columnastres .leermas img{width:10px;margin: 10px 10px 0 0px;float:right;}
.largo a{text-decoration:none;float:right;padding:0 5px 0 0;}
.largo .leermas img{width:10px;margin: 10px 10px 0 0px;float:right;}
footer{width:100%;background:#3D3D3F;display:table;padding:20px 0 20px 0;}
footer nav{
	position:relative;
	float:left;
	margin:0 0 15px 120px;
	
}
footer nav ul li{float:left;list-style-type:none;}
footer nav ul li a{color:#ECEEB4;text-decoration:none;padding:5px;margin:5px;font-

size:12px;}
#parrafito{width:100%;position:relative;float:left;background:#3D3D3F;}
footer #parrafito p{font-size:10px;color:#ECEEB4;text-align:center;margin:5px 0 0 0;}

/*hayequipo*/
section .todosdoc{width:65%;padding:0 0 0px 0;border:none;}
section .todosdoc ul {
width: 100%;
position: relative;
float: left;
margin: 2% 0 0 0;
}

section .todosdoc ul li {
float: left;
list-style-type: none;
margin: 0 2% 0 0;
}
section .todosdoc ul li p{color:#3D3D3F;padding:5px;font-size:13px;}

section .todosdoc ul li img {
border: 7px solid #78D3D8;
}
section .todosdoc ul li a{text-decoration:none;color:#3D3D3F;font-size:13px;}
section .todosdoc ul li a img{
border: none;width:20px;height:15px;margin-right:3px;
}
section .todosdoc h2{color:#78D3D8;font-family:'Open Sans',sans-serif;font-size:30px;margin:0px 0 0 0px;}
.docentes p{border:1px dashed #78D3D8;border-top:none;}
.botonmas{width:50px; height:50px; background:none;cursor:pointer; line-height:50px;position: absolute;
top: 100px;
margin-left: 75px;}
section .todosdoc .botonmas img{width:35px; border:none;}
.recuadro{width:177px;background:#78D3D8;height:260px;position: absolute;
top: 170px;
z-index: 4;display:none;}
section .todosdoc .recuadro p{color:#3D3D3F;font-size:12px;margin:10px;}

.infodocente{width:22%;position:relative;float:right;margin-top:7%;}

/*contactanos*/
.trama{
    background: url("../../img/trama.gif") no-repeat 0 0 ;
    float: left;
    height: 1100px;
    padding: 0 0 20px;
    position: relative;
    width: 100%;
}
.trama form{background:rgba(116,36,131,0.5);width:300px;padding:50px;border-radius:20px;margin:0 50px 50px 50px;z-index:2;position:absolute;top:400px;left:240px;}
.trama form input{border:1px solid #78D3D8;margin:0 0 0 65px;}
.trama form p{color:#ECEEB4;font-size:13px;padding:10px;text-align:center;}
.dato{color:#3D3D3F;font-size:13px;padding:10px;border-radius:5px;}
.trama form .boton{background:#98cb32;border-radius:5px;color:#3D3D3F;font-size:16px;padding:10px;cursor:pointer;margin:0 0 0 120px;}
.consulta{width:290px;border:1px solid #78D3D8;border-radius:5px;height:200px;margin:0 0 0 4px;}
.lapiz{border:none;background:none;position:absolute;top:290px;left:440px;z-index:3;}

/*gracias*/

.gratcie{width:300px;background:#98cb32;border:none;position:absolute;top:400px;left:320px;border-radius:20px;}
.check{width:300px;border:none;background:none;position:absolute;top:310px;left:440px;z-index:3;}
.gratcie h3{color:#3D3D3F;text-align:center;font-family:'Open Sans',sans-serif;font-size:24px;margin:20px 20px 0 20px;}
.gratcie p{color:#3D3D3F;font-size:13px;padding:10px;text-align:center;margin:10px 0 20px 0;}

/*galeria*/

section h2{color:#78D3D8;font-family:'Open Sans',sans-serif;font-size:30px;margin:20px 0 0 20px;}
.tpup{width:98%;background:#ECEEB4;position:relative;float:left;margin:0 0 0 2%;padding:0 0 0 0;}
.larguirucho{width:453px;background:rgba(61,61,63,0.5);height:200px;border:none;margin:0 13px 0 0;}
.larguirucho h4{color:#FFF;padding:2%;background:rgba(116,36,131,0.5);position:absolute;top:120px;left:0px;font-style:normal;font-size:13px;}
.cuadro{width:220px;height:200px;background:rgba(61,61,63,0.5);border:none;margin:0 13px 0 0;}
.cuadro h4{color:#FFF;padding:2%;background:rgba(116,36,131,0.5);position:absolute;top:120px;font-style:normal;font-size:13px;}
.tpdown{width:98%;background:#ECEEB4;position:relative;float:left;margin:13px 0 20px 2%;padding:0 0 0 0;}

/*home*/

#home{max-width:960px;position:relative;margin:0px auto 0px auto;background:#ECEEB4;}
#home section{width:98%;background:#ECEEB4;margin:0 0 0 17px;padding:0;}
#home header img{}
#home header #logo{width:150px;}
.logo{color:#98cb32;font-size:20px;}
#home section article{width:305px;background:#3D3D3F;position:relative;float:left;border:none;margin:0 5px 0 0;}
#home section article h1{color:#98cb32;font-family:'Open Sans',sans-serif;text-align:center;font-size:24px;margin:none;position:relative;float:left;background:none;top:none;left:none;}
#home section nav{position:relative;float:left;}
#home section nav ul li{float:left;list-style-type:none;margin-right:5px;}

#home section article h2{position:relative;float:left;color:#98cb32;font-family:'Rosario',sans-serif;text-align:center;font-size:18px;margin:30px 10px 10px 10px;}
#home .columnasabajo{width:98%;background:#ECEEB4;margin:1px 0 0 17px;position:relative;float:left;padding:0;}
#home .columnasabajo nav{position:relative;float:left;}
#home .columnasabajo nav ul li{float:left;list-style-type:none;margin-right:5px;}
#home .columnasabajo article{width:674px;height:378px;background:rgba(116,36,131,0.5);position:absolute;top:300px;left:125px;}
#home .columnasabajo article h3{color:#FFF;font-family:'Open Sans',sans-serif;text-align:center;font-size:60px;margin:50px 0 0 30px;}
#home .columnasabajo article h4{color:#FFF;font-family:'Open Sans',sans-serif;text-align:center;font-size:28px;margin:30px 30px 0 30px;}


/*nuevo*/
#home header #logo{width:150px;}
#home .celeste{width:100%;background: url("../../img/fondoceleste.jpg") no-repeat 0 0 ;margin:0px;}
#home .celeste h1{color:#3D3D3F;font-family:'Open Sans',sans-serif;text-align:center;font-size:55px;margin:0 100px 0 100px;position:relative;float:left;background:none;top:none;left:none;}
#home .celeste h2{position:relative;float:left;color:#3D3D3F;font-family:'Open Sans',sans-serif;text-align:center;font-size:18px;margin: 20px 10px 40px 310px;}
#home .celeste img{position: absolute;
top: 296px;
left: 0px;
z-index: 3;}
#home .verde{width:100%;background: url(http://dgpcfadu.com.ar/vn05/img/tramaceleste.png) repeat-x scroll 0 0 rgba(61, 61, 63, 0.5);margin:0px;}
#home .verde h4{position:relative;float:left;color:#ECEEB4;font-family:'Rosario',sans-serif;text-align:center;font-size:20px;margin: 20px 10px 20px 240px;font-style:italic;font-weight:bold;}
#home .partebtn{width:96%;background:#ECEEB4;margin:0px;padding: 30px 2% 30px 2%;}
#home .partebtn .izq{width:47%;background:#ECEEB4;margin:0px 0.8% 0 0;padding:0px;border:none;height:none;}
#home .partebtn .izq1{width:26%;background:#ECEEB4;margin:0px;padding:0px;border:none;height:none;}
#home .partebtn .contactanos{width:26%;background:#ECEEB4;margin:0px 0.6% 0 0;padding:0px;border:none;height:none;}
#home .partebtn .izq3{width:47%;background:#ECEEB4;margin:0px;padding:0px;border:none;height:none;}
#home .partebtn .izq ul li{margin: 6px 10px 0 0;float:left;list-style-type:none;}
#home .partebtn .izq1 ul li{margin: 6px 10px 0 0;float:left;list-style-type:none;}
#home .partebtn .contactanos {margin: 6px 10px 0 0;float:left;list-style-type:none;}
#home .partebtn .izq3 ul li{margin: 6px 10px 0 0;float:left;list-style-type:none;}
#home .partebtn .derecha{width:26%;background:#ECEEB4;margin:0px;padding:0px;border:none;float:right;}
#home .partebtn .derecha ul .alto{margin-right:0px;float:right;margin-top:6px;list-style-type:none;}
#home .partebtn nav{position:relative;float:left;}
#home .partebtn .contactanos{width:235px;background:#78D3D8;}
#home .partebtn .contactanos:hover{background:#98cb32;}
#home .partebtn .contactanos h1{color:#3D3D3F;font-weight:bold;font-style:italic;text-align:center;font-size:30px;font-family:'Rosario',sans-serif;padding: 32% 16%;position:relative;float:left;top:0px;left:0px;}
#home footer p{font-size:12px;color:#ECEEB4;text-align:center;margin:5px 5px 0 5px;}
.celular{display:none;width:100%;background:#ECEEB4;margin:0 0px 0 0px;padding: 30px 0 30px 0;}






/*Niveles*/

aside .leermas{background:none;border-radius:none;}
aside .mais{color:#98cb32;padding:10px 5px 5px 5px;font-style:italic;float:right;font-size:14px;}
aside .leermas img{width:10px;margin: 10px 10px 0 10px;float:right;}
.niveles{float:left;margin: 0 0 0 15px;}

/*niveluno*/

.clases{border-bottom:1px dashed #78D3D8;border-top:none;border-left:none;border-right:none;}
.clases h5{font-style:italic;color:#78D3D8;font-size:18px;font-weight:bold;margin:0 0 15px 0;}
.clases h6{font-style:italic;color:#78D3D8;font-size:27px;font-weight:bold;margin:0 0 15px 0;}
.clases p{font-size:12px;padding:20px 20px 20px 0;}
.boldceleste{font-weight:bold;color:#98cb32;cursor:pointer;}
.clases ul li{list-style-type:none;float:left;margin: 0 20px 20px 20px;}
.clases ul li a{color:#98cb32;font-size:14px;text-decoration:none;}
.clases ul li a:hover{color:#78D3D8;}
.clases img{border:7px solid #78D3D8;}





@media screen and (max-width:768px){
	#home header #logo{width:20%;}
	#home header #logo img{width:100%;}
	.logo{font-size:12px;margin-left:118px;display:none;}
	#home header{width:100%;}
	
	#home .partebtn .izq ul li a img{width:100%;} 
	#home .partebtn .izq1 ul li a img{width:100%;}
	#home .partebtn .derecha ul li a img{width:100%;} 
	#home .partebtn .izq3 ul li a img{width:100%;}  
	#home .partebtn .izq2 ul li a img{width:100%;} 
	#home .partebtn .contactanos{width:26%;background:#78D3D8;margin: 6px 1% 0 0;}
	
	#home .partebtn .contactanos h1{color:#3D3D3F;font-weight:bold;font-style:italic;text-align:center;font-size:19px;font-family:'Rosario',sans-serif;position:relative;float:left;top:0px;left:0px;}
	#home .celeste h2{font-size: 9px;
margin: 20px 15% 20px 15%;width:70%;}
	#home .celeste h1{color:#3D3D3F;font-family:'Open Sans',sans-serif;text-align:center;font-size:20px;margin: 0 10% 0 10%;position:relative;float:left;background:none;top:none;left:none;width:80%;padding:0 0 0 0;}
	#home .verde{display:none;}
	
	
	#home footer{width:100%;}
	
}

@media screen and (max-width:320px){
	#home header{width:100%;}
	#home header #logo{width:40%;}
	#home header #logo img{width:100%;}
	.logo{font-size:12px;margin-left:118px;display:none;}
	
	
	#home .celeste h2{font-size: 9px;
margin: 20px 15% 20px 15%;width:70%;}
	#home .celeste h1{color:#3D3D3F;font-family:'Open Sans',sans-serif;text-align:center;font-size:20px;margin: 0 10% 0 10%;position:relative;float:left;background:none;top:none;left:none;width:80%;padding:0 0 0 0;}
	#home .celeste img{display:none;}
	#home .verde{display:none;}
	#home .partebtn{display:none;}
	#home .celular{display:block;width:100%;margin:0 0 0 0;padding:0 0 0 0;}
	#home .celular nav ul li{margin:0 0 0 0;}
	#home .celular nav ul li img{width:100%;}
	#home footer{width:100%;}
	
}