@charset "utf-8";
/* CSS Document */
@import url("http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700");
@import url("http://fonts.googleapis.com/css?family=Amatic+SC:400,700");

*{padding:0;
	margin:0}
/*selector*/

body{
	font-family:'Open Sans', sans-serif;
	color:#666;
	font-size:14px;}
	
video{
	width:100%;
	height: auto;
	}
	
header{}

main{
	display:block;
	padding-top: 10px;
	padding-bottom:25px;
	border-bottom:solid 1px #808284;
	}

nav{
	padding-top: 180px;
	text-align: right;
	}
	nav ul {
		margin: 0 auto;
		list-style-type: none;
		}
	nav ul li {
		margin-left:1px;
		display: inline-block;
		text-align:center;
		width:99px;
		}
	nav ul li a {
		text-decoration:none;
		color: #58585B;
		font-family:'Open Sans', sans-serif;
		font-weight:300;
		}

section{

	}

article{
	}

aside{
	
	}

footer{
	padding-bottom:25px;
	background-color:#F1F1F1;
	}

h2{
	font-weight:300;
	font-size:30px;	
	}
	
/*id*/
#logo{
	padding-top:10px;
	float:left;
	width:374px;/*34%*/
	}
	
#menu{
	float:right;
	width:728px;
	}
	
#menudocente{
	padding-top:5px;
	}
#navdocente{
	padding-top:20px;

	}
	#navdocente ul {
		margin: 0 auto;
		list-style-type: none;
		}
	#navdocente ul li {
		margin-left:1px;
		display: inline-block;
		text-align:center;
		width:99px;
		}
	#navdocente ul li a {
		text-decoration:none;
		color: #FFFFFF;
		font-family:'Open Sans', sans-serif;
		font-weight:300;
		}
	
#docentelogo{
	padding-top:10px;
	}

#avatar{
	}
#login{
	padding-top:10px;
	font-size:18px;
	}
	#login a{
		text-decoration:none;
		color:#ffffff;
		}
	
#docente{
	background-color:#58585B;
	color:#FFF;
	height:43px;
	width:220px;
	text-align:center;
	float:right;
	padding-top: 5px;
	}
	#docente a{	
		text-decoration:none;
		color:#ffffff;
		}

#encabezado{
	width:1080px;	
	padding:3px 20px;
	color:#58585B;
	margin-bottom:15px;
	background-image:url(imagenes/bgencabezado.jpg);
	}
#encabezado2{
	width:1080px;	
	padding:3px 20px;
	color:#58585B;
	margin-bottom:15px;
	background-image:url(imagenes/bgencabezado2.jpg);
	}

#actividades{
	width:855px;;
	float:left;
	margin-right:15px;
	padding-top:15px;
	}
	#calendario{
		width:835px;
		text-align:center;
		padding:10px;
		}
	#calendar{
		width:300px;
		margin-right:10px;
		margin-top:10px;
		}
	#acto{
		width:525px;
		text-align:left;		
		}
		
#noticiascuenca{
	margin-top: 15px;
  	width: 525px;	
	margin-right: 15px;
	}
#destacado{
	margin-top: 15px;
	width:313px;
	border:solid 1px #38a8e0;
	padding-bottom: 20px;
	text-align: center;
	}
		

.contenido{
	width: 855px;
  	margin-right: 15px;}
	
	
	
#foto{
	padding-bottom:15px;
	}
#colperfil{
	width:300px;
	margin-right:15px;
	background-color:#F1F1F1;
	}
	#datos{
		padding:20px 20px 0px 20px;}
		#datos p{
			padding-bottom:15px;}
		#datos h3{
			font-size:30px;
			line-height:30px;
			padding-bottom:20px;
			color:#AEDBA4;}
		#datos h5{
			font-size:12px;
			color:#AEDBA4;}
	#group{
		padding:0px 20px 20px 20px;}
	
#portada{
	text-align:center;
	color:#FFF;
	font-family:'Amatic SC' , sans-serif;
	font-weight:700;
	font-size:36px;}	
	

#colcharla{
	width:300px;
	margin-right:15px;
	}
#colforo{
	width:540px;
	}
#colactividad{
	width:250px;
	float:right;
	margin-top:15px;
	text-align:center;
	}			
#colactividad > #calendario > #calendar{
	width:230px;
	  margin-right: 0px;
  padding-left: 5px;
	}
#colactividad > #calendario{
		width:230px;
		}
#colactividad > #calendario > #acto{
		width:230px;
		text-align:left;		
		}
#colactividad > #calendario >  #acto > .calendario  > .dia{
		font-size:30px;
		}
#colactividad > #calendario > #acto > .calendario  > .acto{
		width: 174px;
		}
#colactividad > #calendario > #acto > .acto h4{
			font-size:16px;			
			}
#colactividad > #calendario > #acto > .acto p{
			font-size:12px;
			}



#descripcion{
	padding:20px 10px 10px 10px;
	text-align:center;
	width:255px;
	height:170px;
	font-size:13px;
	}
	
#material{
	padding:10px;
	color:#FFF;
	font-family:'Amatic SC' , sans-serif;
	width:180px;
	font-size:20px;
	margin-right:15px;
	}
	
	#material h5{
		font-size:30px;
		padding-bottom:15px;
		}
	#material ul{
		margin-left:25px;}
	#material li{
		font-weight:700;}
#pasos{
	width:445px;
	margin-right:15px;}
	#pasos h4{
		color:#3DBDB6;
		font-size:45px;
		font-family:'Amatic SC' , sans-serif;
		padding-bottom:15px;}
	#pasos p{
		padding-bottom:15px;}
	#pasos ol{
		margin-left:25px;
		font-family:'Amatic SC' , sans-serif;
		font-weight:700;
		font-size:24px;
		}
	#pasos ol li{
		color:#3DBDB6;
		}
		.enfasis{
			font-family:'Amatic SC' , sans-serif;
			font-weight:700;
			font-size:36px;
			color:#3DBDB6;
			text-align:center;
			}
#mapa{
	width:855px;}
#categoria{
	width:210px;
	background-color:#f7e388;
	margin-right:15px;
	padding:20px;
	}
	#categoria h3{
		padding-bottom: 10px;
		border-bottom: solid 1px white;
		}
	#categoria ul{list-style-type: none;}
	#categoria a{
		text-decoration:none;
		color:#FFFFFF;
		  }
		  #categoria a:hover{
		text-decoration:none;
		color:#000000;
		  }

#resultado{
	width:179px;
	border-left:solid 1px #3DBDB6;	
	text-align: center
	}
/*		
#nosotros{
	margin-right:8px;
	width:772px;
	padding-top:20px;
	padding-right:20px;
	}
	
	#historia{
	padding:18px;
	color:#FFF;
	width:280px;
	}
	
	#historia h5{
		font-size:16px;
		text-align:center;
		padding-bottom:15px;
		}
	*/		
#sabias{
	width:250px;
	float:right;
	background-color:#f5f5f5;
	margin-top:15px;
	text-align:center;
	}
	
#agregados{
	padding:20px 0px;
	text-align:right;
	}

#pie{
	padding-top: 35px;
	}
	
#logos{
	float:left;
	width:60%;
	}

#legales{
	font-size:10px;
	float:left;
	width:40%		
	}
#activo{
	width:540px;
	margin-top:15px;}
#opinion{
	  background-color: cornsilk;
  padding: 15px;
  margin-bottom:15px;}
  #opinion p {
	  font-family:'Amatic SC' , sans-serif;
			font-weight:700;
			font-size:36px;
			color:#3DBDB6;
			padding-left:25px;}
#textoentrada{
	background-image:url(imagenes/foropregunta.png);
	  height: 263px;
  padding: 30px;
  width: 524px;
  margin-bottom: 50px;
	}
	#textoentrada h4{font-family:'Amatic SC' , sans-serif;
			font-weight:700;
			font-size:36px;
			color:#3DBDB6;
			padding-left:25px;}
			.respuestas{
				width: 584px;}
				.comentario{
					  width: 420px;
					  margin-bottom:20px;}

#fichaback{background-image:url(imagenes/fichagrupos.png);
	padding:20px;}
#fotogrupo{
	background-color:#ffffff;
	text-align:center;
	padding:10px;	
	}
	#fotogrupo p{
		padding:25px 0px;}
	#contenidoficha{
		width:505px;}
		#contenidoficha h4{font-family:'Amatic SC' , sans-serif;
			font-weight:700;
			font-size:60px;
			padding:25px;
			}
			#contenidoficha p{
				padding:15px;}
				#comentariosgrupo{
					margin-top:15px;
					margin-right:15px;}
					#nuestrasfotos{margin-top:15px;
					text-align:center;}
					#nuestrasfotos h4{font-family:'Amatic SC' , sans-serif;
			font-weight:700;
			font-size:30px;
			padding:25px;
			}

		
/*clases*/	
.contenedor {
	margin:0px auto;
	width:1120px;/*67%*/
	}

.linea{
	background-image:url(imagenes/linea.jpg);
	background-repeat:repeat-x;
	height:7px;
	width:100%;
	}
.linea2{
	background-image:url(imagenes/linea2.jpg);
	background-repeat:repeat-x;
	height:7px;
	width:100%;
	}

.clear{
	clear:both;
	}
	
.floatl{
	float:left;
	}
.floatr{
	float:right;
	}	
			
.rosa{
	background-color:#F070A3;
	color:#FFF;
	}
.verde{
	background-color:#77C165;
	}
.celeste{
	background-color:#3DBDB6;
	}
.violeta{
	background-color:#B53E95;
	}
.celeston{
	background-color:#38a8e0;
	}
.celestito{
	background-color:#afdcf3;
	}
.azul{
	background-color:#2a7ea8;
	}
.gris{
	background-color:#58585B;
	}
.blanco{
	background-color:#FFFFFF;
	}
.azul2{
	background-color:#5598b9;
	}
.azul3{
	background-color:#7fb2cb;
	}
	
.noti:hover {
	color:#77C165;
	}
.proy:hover {
	color:#B53E95;
	}
.gale:hover {
	color:#F070A3;
	}
.reci:hover {
	color:#3DBDB6;
	}
.ayu:hover {
	color:#409991;
	}
	
.bordeverde{
	width: 100%;
	height: 4px;
	background-color: #77C165;
	}
.bordevioleta{
	width: 100%;
	height: 4px;
	background-color: #B53E95;
	}
.borderosa{
	width: 100%;
	height: 4px;
	background-color: #F070A3;
	}
.bordeceleste{
	width: 100%;
	height: 4px;
	background-color: #3DBDB6;
	}
.bordeverdeo{
	width: 100%;
	height: 4px;
	background-color: #409991;
	}

.button{
	width:255px;
	color:#FFF;
	text-decoration: none;
	padding: 5px 10px;
	cursor: pointer;
	display: inline-block;
	font-weight:300;
	background-color:#2A7EA8;
	
	}
	.boton{
		text-align:center;
		}
	.boton a:hover{
		 text-align:center;
		 background-color:#8BD7D3;
		 font-weight:700;
		}	
	
.social{
	margin-right:10px;
	font-size:12px;
	}
	.social a{
			text-decoration:none;
			color:#666666;
			}
	
.vacio{
	width:902px;
	text-align: right;
	}
	
	.charla p{
		padding-top:10px;                
		}
	.act p{
		padding-top:0px;
		font-size:12px;                
		}

.bordeabajo{
	border-bottom: 1px solid #999;
	padding: 10px 0px;
	}
		
.calendario{
		margin:10px 0px;	
		}
	.dia{
		float:left;
		color:#FFF;
		padding:5px;
		font-weight:600;
		font-size:47px;
		text-align:center;
		margin-right:10px;
		}
	.acto{
		float:left;
		border-bottom:solid #FFF 1px;
		width: 451px;
		padding-bottom:5px;	
		}
		.acto h4{
			font-size:16px;			
			}
		.acto p{
			font-size:12px;
			}
		.linkcalen{
			text-align:center;
			font-size:11px;
			font-style:italic;
			padding:5px 15px;
			}
			.linkcalen a{
				color:#FFF;
				text-decoration:none;
				}

.titulo{
	color:#FFF;
	padding:5px 15px;}
	
.titulo2{
	padding:0px 15px 20px 15px;}
.texto{
	padding:10px 15px;}
	
	.noticia{}
	.notiimg{
		margin-right: 10px;
		}
	.notic{
		width: 380px;
		font-size: 12px;
		}
		
	.destacado img{
		width:313px;
		}
	.destacado h4{
		font-size:16px;
		padding:0px 10px;
		text-align: left;
		}
	.destacado p{
		padding:10px 10px 0px 10px;
		text-align: left;
		}
	.destacado a{
		padding-left: 10px;
		text-decoration:none;
		font-style:italic;
		color:#38a8e0;
		font-size:12px;
		}

/*
.nota{
	margin-bottom:20px;
	background-color:#ADD9A3;
	height:200px:
	}	
	
.notaimg{
	width:22em;
	}
.notacont{
	width:57em;}
*/	

.album1{
	width:275px;
	margin-right:15px;
	margin-bottom:15px;

	}			
.album2{
	width:275px;
	}			
.album3{
	width:565px;
	margin-bottom:15px;
	}
	
.imgmanu{
	width:275px;
	margin-bottom: 15px;
	}
	
	.mr{
		margin-right:15px;}
	.titulomanu{
		background-color:#3dbdb6;
		color:#FFF;
		padding:10px;
		}
.fotoredondo img{
	border-radius:100px;
	margin-bottom:10px;
	width:150px;
	height:150px;
	border: solid 2px #3DBDB6;
	}
		
.nombre{
	  color: white;
  padding-right: 20px;
  padding-top: 15px;
  font-weight: 700;
  font-size: 18px;
	}
	
.dias{
	color:#38a8e0;
	font-family:'Amatic SC' , sans-serif;
	font-weight:700;
	font-size:30px;
	padding-top:20px;
	}
.dias2{
	color:#38a8e0;
	font-family:'Open Sans', sans-serif;
	font-weight:400;
	font-size:20px;
	padding-top:10px;
	}
.dias3{
	color:#FFFFFF;
	font-family:'Open Sans', sans-serif;
	font-weight:400;
	font-size:20px;
	padding-top:10px;
	}

.categorias-listas{
	  padding-top: 15px;}
.categoria-gruop{
	padding-bottom: 15px;}
.categoria-lista{
	margin-left: 15px;
	margin-top: 10px;}

.categoria-item{
	  padding-bottom:10px;}	 
	

.iconos {width: 195px;
        float: left;
        padding:9px; 
        text-align: center;
}	
	
.globito{
	background-image:url(imagenes/bg-dialogo.png);
	width:254px;
	height:174px;
	padding:25px;
	margin-top: 15px;
	}
	.globito h4{
		color:#38a8e0;
		font-size:30px;
		text-align:center;}	
		
.ficha{
	width:380px;
	background-image:url(imagenes/fichagrupos.jpg);
	padding:20px;
	margin-bottom:15px;
	}
	.ficha h4{font-family:'Amatic SC' , sans-serif;
	font-weight:700;
	font-size:36px;
	padding-bottom:20px;
		}
.contgrupo{
	background-color:#ffffff;
	text-align:center;
	width:100px;
	height:100px;
	padding:5px;	
	}
.masdata p{
	padding-bottom:10px;	
	}
.masdata{
	width:250px;}


/*Buscador*/
#buscador{
	float:right;
	background-color:#58585B;
	width:210px;
	color:#FFF;}

form{
	width:230px;
	margin:0 auto;
	float:left;
}
.search { 
	padding:6px 15px 6px 30px;
	margin:3px; 
}

.rounded { 
	border-radius:15px; 
	-moz-border-radius:15px; 
	-webkit-border-radius:15px; 
}
input[type=text]{
	color:#bcbcbc;
}

input[type=button], input[type=button]:hover {
	position:relative; 
	left:-6px;
	border:1px solid #adc5cf;
	background: #e4f1f9; /* Old browsers */
	background: -moz-linear-gradient(top, #e4f1f9 0%, #d5e7f3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4f1f9), color-stop(100%,#d5e7f3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e4f1f9 0%,#d5e7f3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e4f1f9 0%,#d5e7f3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e4f1f9 0%,#d5e7f3 100%); /* IE10+ */
	background: linear-gradient(top, #e4f1f9 0%,#d5e7f3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f1f9', endColorstr='#d5e7f3',GradientType=0 ); /* IE6-9 */
	color:#7da2aa;
	cursor: pointer;
}

.lighter {
	width:95%;
	padding:6px 26px 6px 14px;
}

.lighter input[type=text]{
	border:1px solid #d0d0d0;
	background-color:#fcfcfc;
}



/*GALERIA*/
.view {
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
}
.view .mask, .view .content {
   width: 275px;
   height: 199px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view .mask2, .view .content {
   width: 565px;
   height: 199px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}

.view img {
   display: block;
   position: relative;
}
.view a.info {
   text-decoration: none;
   padding:0px;
   width:250px;
   height:150px;
   color:#FFF;
   font-size:20px;
   font-weight:700;
   display: inline-block;   
}

.third-effect .mask {
   opacity: 0;
   overflow:visible;
   border:100px solid rgba(0,0,0,0.7);
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.third-effect .mask2 {
   opacity: 0;
   overflow:visible;
   border:100px solid rgba(0,0,0,0.7);
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.third-effect a.info {
   position:relative;
   top:-20px;
   left:-85px;
   opacity: 0;
   -webkit-transition: opacity 0.5s 0s ease-in-out;
   -moz-transition: opacity 0.5s 0s ease-in-out;
   -o-transition: opacity 0.5s 0s ease-in-out;
   -ms-transition: opacity 0.5s 0s ease-in-out;
   transition: opacity 0.5s 0s ease-in-out;
}
.third-effect:hover .mask {
   opacity: 1;
   border:100px solid rgba(0,0,0,0.7);
}
.third-effect:hover .mask2 {
   opacity: 1;
   border:100px solid rgba(0,0,0,0.7);
}
.third-effect:hover a.info {
	opacity:1;
	-moz-transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	transition-delay: 0.3s;
}





/*Responsive*/

@media screen and (max-width: 1150px){ 

nav{padding-top: 110px;}

#logo{width:280px;/*34%*/}
	
#menu{width:540px; font-size:12px;}
	
#docente{height:40px; width:185px;}	
			
.contenedor{width:910px;/*67%*/}

#encabezado{width:870px;}

.vacio{width:692px;}

#actividades{width:680px;}

#calendario{width:660px;}

#acto{width:350px;}
		
#noticiascuenca{width: 403px;}

#destacado{width:260px;}

.notic{width: 259px;}
		
.destacado img{width:260px;}

.dia{font-size:36px;}

.acto{width: 288px;}

.acto p{font-size:9px;}	

#sabias{width:215px;}
#sabias img{width:215px;}	

}

@media screen and (max-width: 940px){ 

nav ul li {width:80px;}

#logo{width:252px;/*34%*/}
	
#menu{width:440px;font-size:10px;}
	
#docente{height:34px;width:155px;}
			
.contenedor {width:700px;/*67%*/}

#encabezado{width:660px;}

.vacio{width:482px;}

#actividades{width:700px;float:none;margin-right:0px;}
	
#calendario{width:680px;}

#acto{width:370px;}
		
#noticiascuenca{width: 423px;}

#destacado{width:260px;}

.notic{width: 279px;}

#sabias{display:none;}	
		
}

@media screen and (max-width: 720px){ 

nav{padding-top: 55px;text-align:center;}

nav ul li {width:100px;}

#logo{width:520px;/*34%*/ text-align:center; padding-bottom:15px;}
	
#menu{width:520px;font-size:10px;}
	
#docente{height:28px;width:520px;}
			
.contenedor {width:520px;/*67%*/}

#encabezado{width:480px;}

.logo{width:70%;text-align:center;}

#logos{float:none;width:520px;}

#legales{font-size:10px;float:none;width:500px;padding:10px 10px 0px 10px;}	
	
.vacio{width:302px;}
		
#actividades{width:520px;}

#calendario{width:500px;}

#calendar{width:399px;margin-right:0px;padding-left:100px;}

#acto{width:500px;}
		
#noticiascuenca{width: 520px;margin-right:0px;}

#destacado{width:518px;}

.notic{width: 376px;}
		
.destacado img{width:518px;}

.dia{font-size:44px;}

.acto{width: 428px;}

.acto h4{font-size:17px;}	

.acto p{font-size:10px;}	
	
}

@media screen and (max-width: 540px){ 

nav{padding-top: 20px;}

nav ul li {width:60px;}

#logo{width:322px;/*34%*/padding-bottom:5px;}
	
#menu{width:322px;padding-top: 20px;}
	
#docente{float: none;width:322px;}
			
.contenedor {width:322px;/*67%*/}

#encabezado{width:282px;}
	
#logos{width:340px;}

#legales{width:302px;}	
	
.social{font-size:11px;}

.vacio{width:114px;}
		
#actividades{width:322px;}

#calendario{width:302px;}

#calendar{width:300px;padding-left:0px; float:none;}

#acto{width:300px; float:none}
		
#noticiascuenca{width: 322px;}

#destacado{width:320px;}
	
.notic{width: 178px;}
		
.destacado img{width:320px;}

.dia{font-size:43px;}

.acto{width: 230px;}

.acto h4{font-size:17px;}	

.acto p{font-size:10px;}
}

/*Proyecto*/

.margin{
margin-right: 10px;
}
.uno, .dos, .tres, .cuatro, .cinco {
 float: left;

}

.uno{width: 122px;
}
.dos{width: 285px;
}
.tres{width: 417px;
}
.cuatro{width: 560px;
}
.cinco{width: 706px;
}
.seis{width: 100%;
    
}

.fondoazul{
    background: #38A8E0;
    color: white;
    text-align: center
}
.fecha { margin: 10px;}
.fecha span{ font-size: 3em; font-weight: bold;}

.expo{
 font-size: .8em;
}

.expo span{
    font-size: 1.5em;
    font-weight: bold;
}


h3.subtitulocolor1,h3.subtitulocolor2,h3.subtitulocolor3,h3.subtitulocolor4{
    font-family:'Open Sans', sans-serif;
    color:white;
    font-size: 1.25em;
    width: 100%; 
    height: 30px;
    text-align: center;
    padding-top: 5px;
    margin-bottom: 10px;}
h3.subtitulocolor1{background-color: #38A8E0; }
h3.subtitulocolor2{ background-color: #B53E95; }
h3.subtitulocolor3{ background-color: #77C165;}
h3.subtitulocolor4{background-color: #D6EEF8; }

.noticiasrelacionadas{font-size: .8em;
                       margin: 5px 0px;}
.verde2{color:white;
    padding: 5px;
       }
#proyecto{width: 855px;
  	margin-right: 15px;
}
#img_riachuelo{ 
    height: 172px;
    margin:15px 0px;
    
}
#historica{font-size: 0.7em;
         background-color: #D7EEF9;
         padding: 5px;}
#boton2{ color: white;
          text-align: center;
         display: block;
         background: url(imagenes/p-boton2.png) no-repeat;
         height: 33px;
         width: 182px;
          padding: 5px 0px;}
#boton1{ color: white;
          text-align: center;
         display: block;
         background: url(imagenes/p-boton1.png) no-repeat;
         height: 33px;
         width: 182px;
          padding: 5px 0px;}
#destacadonovedades{background: #C9E6C1;
                   }
#titulonovedades{font-size: 1.8em;
                 color:#77C165;
                
                 border: 1px solid #77C165 ;
                 text-align: center;
                 margin: 5px 0px;}

#linknovedades{color:#006633;
               text-decoration: none; }
			   
#calendarioa{ width: 100%; margin-bottom: 15px}

                 #calendarioa th{ font-size: 3em; }
                 #calendarioa tr td{border: 3px solid white; border-collapse: collapse; }
                 #calendarioa td{ background: #ddd; height: 50px; font-size: 1.5em; font-weight: bold }
                 #calendarioa td.otro_mes{ background: none; }
                 #calendarioa td.actividad{ background: #afdcf3; color: white; }
				 
				 

 .introduccion{ background: #ECFFA6; }
            .introduccion p{ margin: 15px; }

            .subir p{ 
                padding: 15px;
                text-align: center; 
                border: 3px solid #B53E95;
                color: #B53E95;
                font-family: Amatic, sans-serif;
            }

            .subir a{ 
                display: block; 
                height: 30px; 
                color: white; 
                text-align: center;
                padding-top: 10px;
                font-size: 1.2em;
                text-decoration: none; 
                background: url(imagenes/boton_subir.png) no-repeat;
                background-size: 100% 100%; 
            }

            #descargas, #descargas th, #descargas td {
                border-collapse: collapse;
            }
            #descargas{ width: 100%; margin-bottom: 30px}
            #descargas th{ padding-left: 10px;  color: #38A8E0; text-align: left}
            .borde_inf{ border-bottom: 1px solid #38A8E0; }
            .borde_der{ border-right: 1px solid #38A8E0; }

            .icono{ width: 70px; padding: 0; vertical-align: top; }
            #descargas a, .material_comunidad a{ 
                display: block; 
                padding-top: 10px; 
                height: 30px; 
                border-bottom: 1px solid black; 
                text-decoration: none;
            }
            .material_comunidad h3{ text-align: left; display: block; padding: 15px;  }
            .material_comunidad a{color: white; margin:10px 30px; text-align: left; background: url(img/mochila_icono3.png) right top no-repeat; }
            .material_comunidad a span{ margin-left: 10px; color: black }
            .icono2{ background: url(img/mochila_icono2.png) right top no-repeat;  }
            #descargas a{ color: black; margin: 10px;   }
            #descargas a:hover{ color: #888; }