*{margin:0; padding:0;}
/*inicio*/
body{max-width:960px;margin: 0px auto 0px auto;}
header{z-index:2}
#cabecera {width:100%; margin: 0px auto 0px auto; margin-top:10px;}
header img{float:left;}
#headermenu{margin-left:105px; z-index:2;}

header p {
	position:relative;
	width:100%;
	font-size:22px;
	font-family:'rosario', sans-serif;
	font-weight: bold700;
	margin-left:110px;
	top: 27px;
	margin-bottom:32px;
	}
	
	
.contenidos	{width:20%; float:right; font-family:'rosario', sans-serif; font-weight: bold70; font-size:13px; border-left:solid; border-color:#97c731; border-width:2px; padding:10px; margin-top:60px;}
.contenidos p{color:#404040;} 

.contenidos h4{margin-top:15px; margin-bottom:5px;}
.contenidos h3{margin-top:10px; margin-bottom:5px;color:#404040; font-size:15px; }

.contenidos2{width:23%; float:right; font-family:'rosario', sans-serif; font-weight: bold70; font-size:14px; margin-top:10px; border-top:groove;}
.contenidos2 p{color:#404040;} 
.contenidos2 h4{margin-top:15px; margin-bottom:5px;}
.contenidos2 h3{margin-top:10px; margin-bottom:5px;color:#404040; font-size:15px; }
.contenidos2 h2{margin-top:10px; margin-bottom:15px;color:#404040; font-family:'rosario', sans-serif; font-weight: bold70;}
.contenidos2 a{color:#97c731;}
.contenidos2 p{margin-bottom:10px;}
#sinmargen{margin-top:10px;}
#sinmargen h3{margin-top:0px; padding-top:0px;}
.contenedor {max-width:960px; position:relative; margin:10px auto 0px auto; padding-top:15px; font-family:'rosario', sans-serif; font-weight: bold70; z-index:0; border-top:solid;}
#slider{width:75%;float:left;}
#taller{width:23%;float:right; margin-top:20px;}
#otros{width:23%; position:relative; float:right;}
#actividad{width:75%; position:relative; float:left; margin-top:40px; border-top:groove; margin-bottom:-20px;}
#actividad img{margin-bottom:28px;}
#actividad2{max-width:75%; position:relative; float:left; margin-top:10px; border-bottom:groove; }
#trabajos {width:75%; position:relative; float:left; margin-top:10px; border-bottom:groove; }
.galeria img{padding:7px; float:right; margin-bottom:15px;}
#jugamos{ color:#404040; float:left; position:relative; margin-right:15px; font-family: 'rosario', sans-serif; font-weight: 400; font-size:16px; margin-bottom:10px;}
.articulos{font-family: 'rosario', sans-serif;
	font-weight: 400; position:relative; font-size:14px; margin-bottom:28px; float:left;}
.articulos p{display:none;}
.articulos2{font-family: 'rosario', sans-serif;
	font-weight: 400; position:relative; font-size:14px; margin-bottom:20px; float:left;}
.articulos h1{font-family: 'rosario', sans-serif;
	font-weight: 400; color:#404040; margin-bottom:10px;}
.articulos a{color:#97c731; font-size:14px; text-decoration:none}
.titulares{background-color:#97c731; width:100%; margin-bottom:5px; margin-top:7px; font-size:20px;}
.titulares2{width:100%; margin-bottom:5px; margin-top:7px; font-size:20px; color:#97c731; border-top:groove; padding-top:10px;}
.titulares2 a {color:#97c731; list-style:none; text-decoration:none}
.titulares3{width:100%; margin-bottom:2px; font-size:20px; color:#97c731;}
.titulares3 a {color:#97c731; list-style:none; text-decoration:none;}
#kernme{font-family: 'rosario', sans-serif;
	font-weight: 400; position:relative; font-size:14px; margin-bottom:-15px; margin-top:5px; float:right; width:35%;}
#kernme a {color:#97c731; font-size:16px; margin-top:5px; text-decoration:none}



@media (max-width: 768px){
body{width:100%;}
header p{font-size:20px;}
#slider{width:100%;}
#taller{width:100%;border-bottom-style:none}
#actividad{width:80%; position:relative; float:left; margin-top:10px; }
#actividad img{ dwidth:380px; height:97px;}
#actividad2{display:none;}
.articulos{	width:100%;margin-left:5px; display:block;}
.articulos2{width:100%;}
.articulos2 p{display:none;}
#otros{position:relative; float:right; width:18%;}
#kernme{float:left; width:100%; margin-top:-20px; margin-bottom:0px}
#kernme br{display:none;}
#jugamos{ font-size:12px; float:left; display:block;}
#trabajos{width:100%; margin-top:40px;}
.galeria{width:100%; float:left;}
#trabajos img{width:90px; height:90px; float:left; margin-top:0px;}
.titulares2{font-size:18px; position:relative; float:left;}
.titulares3{font-size:18px; position:relative; float:left;}
.titulares2 img{width:15px; height:17px;}
.titulares3 img{width:15px; height:17px;}


}
@media (max-width: 480px){
header p{font-size:18px;}
#slider{width:100%;}
#taller{width:100%; margin-left:5px;border-bottom-style:none}
#actividad{width:100%; position:relative; float:left; margin-top:10px; margin-bottom:10px;}
#actividad img{ dwidth:230px; height:59px;}
#kernme{float:left; width:100%}
.articulos{	width:100%;margin-left:5px;}
#otros{ display:none;}
.galeria{width:100%; float:left; border-top:groove; margin-top:30px;}
#trabajos img{width:90px; height:90px; float:left; margin-top:10px;}




}


/*conocenos*/

#pablo{ width:75%; font-family: 'rosario', sans-serif; font-weight: 400; position:relative; font-size:14px; float:left; margin-top:10px; border-top:groove;}
#pablo img{float:left; margin-right:15px; margin-top:20px;}
#pablotexto{width:70%;float:right; position:relative; margin-top:20px;}
#pablotexto a{color:#97c731; text-decoration:none;}
#pablotexto h1{color:#97c731; margin-bottom:6px;}
#pablotexto h3{color:#404040; margin-bottom:6px;}
#fototodos{float:left; margin-right:20px;}
.docentes{width:75%; font-family: 'rosario', sans-serif; font-weight: 400; position:relative; font-size:14px; float:left; margin-top:10px; border-top:groove; margin-top:20px;}
.docentes img{float:left; margin-right:12px; margin-top:10px;}
.docentes h1{color:#97c731; font-family: 'rosario', sans-serif; font-weight: 400; font-size:20px; margin-top:10px;}
.cargos{ float:right;}

/*eltaller*/
#tallerfoto{float:left; margin-right:20px;}
#consideraciones{ width:75%; font-family: 'rosario', sans-serif; font-weight: 400; position:relative; font-size:14px; float:left; margin-top:10px; border-top:groove;}
#consideraciones h1{color:#97c731; font-family: 'rosario', sans-serif; font-weight: 400; font-size:24px; margin-top:10px;}
#consideraciones h2{color:#404040; font-family: 'rosario', sans-serif; font-weight: 400; font-size:20px; margin-top:10px; margin-bottom:5px; margin-top:15px;}

/*trajaos*/
#pautas{width:75%; font-family: 'rosario', sans-serif; font-weight: 400; position:relative; font-size:14px; float:left; margin-top:10px; margin-top:20px;}
#pautas h1{font-family: 'rosario', sans-serif; font-weight: 400; font-size:26px; color:#97c731;}
#pautas a{color:#97c731;}
#fotopauta{float:left; margin-top:20px; width:160px; margin-right:20px;}	
#fotopauta img{margin-bottom:5px;}
.border{width:75%; border-top:groove;}

/*trajaos*/
.links{width:160px; margin-right:20px; margin-top:20px; float:left; position:relative; margin-bottom:15px;}
.links a{color:#97c731;}
.links2{width:160px; margin-right:20px; margin-top:50px; float:right; position:relative; margin-bottom:15px;}
.links2 h3{color:#97c731; font-family: 'rosario', sans-serif; font-weight: 400; position:relative; font-size:16px; margin-bottom:5px; margin-top:10px;}
.linkcont{width:75%; font-family: 'rosario', sans-serif; font-weight: 400; position:relative; font-size:14px; float:left; }
#linksdoble{width:520px;}
#linksdoble a{color:#97c731; font-family: 'rosario', sans-serif; font-weight: 400; position:relative; font-size:14px;}
#linksdoble img {margin-bottom:10px;}
#linksdoble h2{width:75%; font-family: 'rosario', sans-serif; font-weight: 400; position:relative; font-size:18px; color:#97c731; margin-bottom:5px;}

/*actividad*/
#logoactividad{float:right; margin-right:50px;}
#logoactividad img{ float:left;}
#actsemanal{ width:75%; font-family: 'rosario', sans-serif; font-weight: 400; position:relative; font-size:14px; float:left; margin-top:10px; border-top:groove;}
#actsemanal img{margin-top:10px;}
#actsemanal h1{color:#97c731; margin-bottom:6px; font-size:30px; margin-top:15px;
}
#textojuego{width: 33%; font-family: 'rosario', sans-serif; font-weight: 400; position:relative; font-size:14px; float:right; margin-top:10px; position:relative}
.jugamos{width:30%; margin-right:23px; font-family: 'rosario', sans-serif; font-weight: 400; position:relative; font-size:14px; position:relative; float:left; margin-top:20px;  padding-top:10px; }

#titulojugamos{font-family: 'rosario', sans-serif; font-weight: 400; background-color:#bfc0be; font-size:14px; padding:5px; margin-bottom:10px;}
.jugamos a {color:#97c731; font-size:12px;}

/*contacto*/
#contacto{width:100%; font-family: 'rosario', sans-serif; font-weight: 400; position:relative; font-size:14px; float:left; margin-top:10px;}
#contactoformulario{width:35%; float:left; margin-top:10px; border-top:groove;position:relative;padding-top: 5px}
#contactotexto{width:60%;float:right; position:relative; margin-top:10px;border-top:groove;}
.dato{width:100%; height: 30px; background-color:#404040;color:rgb(255, 255, 255);border: none; margin-top: 10px; margin-bottom: 10px;}
.consulta{width:100%;height: 90px; background-color:#404040;color:rgb(255, 255, 255);border: none; border-radius: 5px;margin-top: 10px;}
.boton{width: 30%; height: 30px; background-color:#97c731;color:#404040;border: none; border-radius: 5px; margin-bottom: 10px;}

/*galeria*/
#pautas2{width:100%; font-family: 'rosario', sans-serif; font-weight: 400; position:relative; font-size:14px; float:left; margin-top:300px; margin-top:20px;}
#pautas2 h1{font-family: 'rosario', sans-serif; font-weight: 400; font-size:26px; color:#97c731; margin-top:10px;}
#pautas2 a{color:#97c731;}
#fotopauta2{float:left; margin-top:20px; width:160px; margin-right:20px;}	
#fotopauta2 img{margin-bottom:5px;}

/*footer*/
#footer{max-width: 960px; width: 100%;background-color:#404040;position: relative;float: left;margin-top: 20px; margin-bottom: 20px;padding-bottom: 10px;padding-right: 5px}
.icono{float:left; position: relative;margin-right:15px;margin-left:5px;margin-top: 10px; list-style:none; text-decoration:none; list-style-type:none;}
.icono a {list-style:none; text-decoration:none; list-style-type:none;}
#textofooter{font-family: 'rosario', sans-serif; font-weight: 400;font-size:12px;width: 80% ;margin-top: 10px;float:left;color: #ccc;padding-left: 10px; padding-right: 10px;}

@media (max-width: 950px){
#textofooter{width: 100%}}

/*entrefilete*/
#entrefilete{width:75%; border-top:groove; margin-top:55px; padding-top:10px;}
#tipos{ width:75%; font-family: 'rosario', sans-serif; font-weight: 400;font-size:14px;}
#tipos h2 {font-family: 'rosario', sans-serif; font-weight: 400; color:#97c731;}
#tipos h3 {font-family: 'rosario', sans-serif; font-weight: 400; color:#97c731;}
#cronograma{width:23%; float:right; ont-family: 'rosario', sans-serif; font-weight: 400;font-size:14px;}
#cronograma h3{color:#404040;}
#cronograma h3{color:#97c731;}