/* 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 10px;float:right;}
.largo a{text-decoration:none;float:right;padding:0 5px 0 0;}
.largo .leermas img{width:10px;margin: 10px 10px 0 10px;float:right;}
footer{width:100%;background:#3D3D3F;display:table;padding:15px 0 5px 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{margin-left:415px;}
.logo{color:#98cb32;font-size:20px;margin-left: 414px;}
#home section article{width:305px;height:180px;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;}
#home footer{width:100%;background:#ECEEB4;display:table;padding:15px 0 15px 0;}
#home footer p{font-size:11px;color:#742483;text-align:center;}

@media screen and (max-width:320px){
	.logo{font-size:12px;margin-left:118px;}
	#home header img{width:80px;height:80px;margin-left:120px;}
	#home section{width:96%;background:#ECEEB4;margin:0 0 0 12px;padding:0;}
	#home section nav ul li img{width:280px;}
	#home section article{width:280px;margin:0 0 5px 0;}
	#home .columnasabajo article{display:none;}
	#home .columnasabajo nav ul li img{width:280px;}
	#home .columnasabajo{width:96%;background:#ECEEB4;margin:1px 0 0 12px;position:relative;float:left;padding:0;}
	#home .columnasabajo img{width:280px;}	
	header nav ul li a{width:100%;}