@import url(http://fonts.googleapis.com/css?family=Exo:400,100,200,500);

body{
	background-image:url(imagenes/fondo.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position: top;
}


#contenedor{
	width:960px;
	height:auto;
	margin:auto;
	overflow:hidden;
	}
	
@media only screen and (max-width:600px){

#contenedor { 
	width: 500px;
}
}

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

#contenedor{ 
	width: 280px;
}
	
}

/*INTRO*/

#intro{
	width: 100%;
	margin-top: 5%;
	overflow: hidden;
	margin-bottom: 5%;
}
#ingresa{
	margin-left: 50%;
	font-family: 'Exo', sans-serif;
	font-size: 1em;
	font-weight: 500;
	text-decoration: none;
	color: gray;
}

/*HASTA ACA INTRO*/


/*HEADER RADIO*/
header{
	width:80%;
    height: 300px;
	float: right;
    overflow: hidden;
	}
#botonera {
    float:right;
    margin-top:20%;
}
#botonera{
margin-top: 5%;
margin-right: 5%;
}
#progsemana {
display: block;
padding-right: 6%;
padding-top: 2%;
padding-bottom: 2%;
padding-left: 2%;
margin-right: 5%;
border-radius: 5px 5px 5px 5px;
background-color: skyblue;
color: white;
font-family: 'Exo', sans-serif; 
width: 80%;
float: right;
text-align: center;
}
#semana nav ul li{
display: block;
}
.dias{
float: left;
text-decoration: none;
padding-right: 2%;
padding-left: 2%;
margin-left: 2%;
margin-top: 1%;
color: white;
border-radius: 5px 5px 5px 5px;
background-color: darkgray;
font-family: 'Exo', sans-serif; 
font-weight: 100;
}
#bloquedia {
width:285%;
margin-left: -9%%;
margin-top: 75%;
border-radius: 25px 25px 25px 25px;
background-color: black;
overflow: hidden;
}
#lunes {
display: block;
font-family: 'Exo', sans-serif; 
color: white;
background-color: lightgray;
padding: 2%;
}
#lunes2 {
display: block;
font-family: 'Exo', sans-serif; 
color: white;
background-color: darkgrey;
padding: 2%;
}
#hora{
font-size: 1.3em;
font-weight: 300;
display: inline-block;
}
#programa{
float: right;
position: relative;
margin-left: 10%;
margin-right: 5%;
font-size: 1em;
font-weight: 300;
}
#semana nav ul li ul{
display: none;
text-decoration: none;
position: absolute;
}
#semana nav li:hover > ul{
	display: block;   
}
/*HASTA ACA HEADER DE RADIO*/


/*BARRA MENU*/

aside{
	width: 192px;
	height: 2000px;
	float: left;
	opacity: 20%;
	background-color:rgba(239, 239, 239, 0.63);
	padding-bottom: 10%;
	position:fixed;
	}		
#logo {
	padding-top:40%;
	padding-left:3%;}
aside nav{
	padding-top: 10%;
	}	
aside nav ul{
	padding-left: 0;
	}		
aside nav ul li {
	display:block;
    font-family: 'Exo', sans-serif;
	padding-top: 8%;
	padding-left: 15%;
	padding-bottom: 8%;
}
aside nav ul li a {
    text-decoration: none;
    font-size: 0.9em;
    font-weight: 400;
    color: black;
    display: inline-block; 
}
nav > li{
 float: left;
}
aside nav li:hover {
    background-color: #27A9E1
}
aside nav ul li ul {
	position:absolute;
	float: left;
	margin-top: -19.1%;
	margin-left: 85%;
	display: none;
	font-size: 0.95em;
	font-weight: 200;
}
aside nav li ul li{
	margin-bottom: 5%;
	width: 285%;
	padding-left: 20%;
	opacity: 15%;
	background-color: #939597;
	padding-right:10%;
}
aside nav li:hover > ul{
	display: block;   
}	
#redes{
	float:left;
	margin-left: 58%;
}

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

aside { 
	width: 100px;
}
}

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

aside{ 
	width: 50px;
}
	
}

/*HASTA ACA BARRA MENU*/


#contenido{
	width:70%;
	height:auto;
	float:right;
	margin-top: -10%;
	margin-bottom: 5%;
	margin-right: 4.2%
}


/*CONTENIDO PAGINA INDEX*/

#film{
	margin-top: 0;
}

#radio{
overflow: hidden;
height: auto;
}
#radio img{
width: 26%;
float:right;
margin-right: 4%;
margin-top: 3%;
}
#radio h1{
    font-family: 'Exo', sans-serif;
	font-size: 1.3em;   
	font-weight: 700;
    color: gray;
    width: 60%;
    border-radius: 5px 10px 5px 10px / 10px 5px 10px 5px;
}
#radio a{
    font-family: 'Exo', sans-serif;
	font-size: 1.3em;   
	font-weight: 200;
    color: dimgray;
    display: inline-block;
    padding: 1.5%;
    background-color: rgba(147, 188, 235, 0.56);
    border-radius: 10px 10px 10px 10px ;
	float: right;
	margin-right: 35%;
	text-decoration: none;

}
#radio p{
width: 65%;
font-family: 'Exo', sans-serif;
font-weight:400;
font-size: 0.90em;
text-align: justify;
color: gray;
}
div .nota{
	display: block;
	float:left;
	overflow:hidden;
	width:29%;
    height:auto;
    margin-top: 2%;
    margin-bottom:4%;
	text-align:center;
    padding: 2%;
    display: block;
    }
.nota h1{
	font-family: 'Exo', sans-serif;
	font-size: 1.3em;   
	font-weight: 500;
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
    margin-top:15%;
    display: block;
    color: dimgray;
    border-radius: 5px 10px 5px 10px / 10px 5px 10px 5px;
}
.nota h2{
	font-family: 'Exo', sans-serif;
	font-size: 1.1em;   
	font-weight: 400;
	margin-top:10%;
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
    color: gray;
    
}
.nota p{
	font-family: 'Exo', sans-serif;
	font-weight:300; 
	color:black;
	margin-top: 1%;
	font-size: 0.90em;
	text-align: center;
    width: 90%;
	margin-left: 5%;
}
#video {
width: 100%;
overflow: hidden;
float: left;
margin-bottom: 5%;
}
#video img {
width: 55%;
float: left;
display: block;
border-radius: 25px 25px 25px 25px;
    
}
#video h2{
font-family: 'Exo', sans-serif;
font-weight: 200;
background-color: gray;
color: white;
opacity: 0.4;
border-radius: 15px 15px 15px 15px;
width:98%;
padding: 1%;

}
#video h1{
width: 40%;
float: right;
display: inline-block;
color: grey;
font-family: 'Exo', sans-serif;
margin-left:2%;
font-weight: 400;
}
#video p{
width: 40%;
position: relative;
padding-left: 2%;
float: right;
display: inline-block;
color: #484747;
font-family: 'Exo', sans-serif;
font-weight: 200;
}
#sitios{
display: inline-block;
margin-bottom: 5%;
}
#sitios h1{
font-family: 'Exo', sans-serif;
font-weight: 200;
color: gray;
width:93%;
}
#sitios img{
margin-right: 2.5%;
}
#lista {
background-color: gray;
display: inline-block;
opacity: .50;
border-radius: 40px 40px 40px 40px;
}
#lista1{
display: inline-block;
float: left;
width: 33.3%;
font-family: 'Exo', sans-serif;
}
#lista1 p{
color: white;
font-size: 0.8em;
font-weight: 200;
width: 80%;
padding-left: 10%;
}
#lista1 h1{
color: white;
font-size: 1em;
font-weight: 200;
width: 80%;
padding-left: 10%;  
padding-bottom: 10%;
margin-top: 20%;
}
#lista1 img{
width: 70%;
padding-left: 9%;
padding-top: 5%;
}
#direccion {
padding-bottom: 4%;
}
#tagcloud{
display: inline-block;
float: left;
width: 33.3%;
font-family: 'Exo', sans-serif;
margin-bottom: 15%;

}
#tagcloud h1{
display: inline-block;
font-family: 'Exo', sans-serif;
font-size: 1em;
color: white;
font-weight: 300;
width:80%;
margin-top: 20%;
}
#tagcloud p{
float: left;
display: inline-block;
margin: 1%;
font-family: 'Exo', sans-serif;
outline-style: dotted;
outline-color: white;
outline-width: thin;
color: white;
padding:2%;
font-weight: 200;
font-size: 0.8em;
border-radius: 5px 5px 5px 5px;

}
#tag  {
width: 80%;
height: auto;
object-position: center;
}
#formulario{
display: inline-block;
float: left;
width: 33.3%;
font-family: 'Exo', sans-serif;
margin-bottom: 15%;
}
#formulario h1{
display: inline-block;
font-family: 'Exo', sans-serif;
font-size: 1em;
color: white;
font-weight: 200;
width:70%;
margin-top: 20%;
}
#formulario p{
float: left;
display: inline-block;
width: 80%;
font-family: 'Exo', sans-serif;
color: white;
padding:2%;
font-weight: 200;
font-size: 0.8em;

}
#formulario img{
width: 70%;
}

/*HASTA ACA CONTENIDO INDEX*/

/*PAGINA QUIENES SOMOS CONTENIDO*/

#quienessomos h1 {
  font-family: Exo, sans-serif;
  font-size: 1.4em;
  font-weight: 700;
  color: gray; 
  border-radius: 5px 10px 10px 5px;
  text-align: center;
}
#quienessomos p{
    font-family: 'Exo', sans-serif;
    font-weight: 300;
    color: black;
    font-size: 1em;
    text-align: justify;
    margin-top: 2%;
}

/*HASTA ACA PAGINA QUIENES SOMOS*/

/*PAGINA ELEQUIPO CONTENIDO*/

#equipo h1 {
  font-family: Exo, sans-serif;
  font-size: 1.4em;
  font-weight: 700;
  color: gray; 
  border-radius: 10px 10px 10px 10px;
  text-align: center;
 
}
.integrantes{
	width: 32.3%;
	height: 370px;
	overflow: hidden;
	float: left;
	margin-right: 1%;
	margin-bottom: 1%;
}
.integrantes:hover{
	background-color: rgba(91, 201, 248, 0.31);
}
.integrantes img{
	margin-top: 5%;
	margin-left: 7%;
	
}
.integrantes h2{
    font-family: 'Exo', sans-serif;
    font-weight: 500;
    color: gray;
    font-size: 1.2em;
    text-align: center;
    margin-top: 2%;
	margin-left: 1%;
	margin-right: 1%;
	border-radius: 10px 10px 10px 10px;
}
.info{
	margin-top: -6%;
}
.info p{
    font-family: 'Exo', sans-serif;
    font-weight: 300;
    color: black;
    font-size: 1em;
	margin-left: 5%;
	margin-top: -2%;
	text-align: center;
}

/*HASTA ACA ELEQUIPO*/


/*PAGINA LARADIO*/

#laradio h1{
  font-family: Exo, sans-serif;
  font-size: 1.4em;
  font-weight: 500;
  color: gray; 
  text-align: center;
}
#laradio p{
	font-family: 'Exo', sans-serif;
    font-weight: 300;
    color: black;
    font-size: 1em;
}

/*HASTA ACA LA RADIO*/

/*DIARIO VECINAL*/

#vecinos {
	overflow: hidden;
}
#vecinos h1{
font-family: 'Exo', sans-serif;
font-size: 1.5em;
}
#principal {
width: 40%;
float: left;
}
#principal img {
color: gray;
display: block;
width: 100%;
}
#principal h1 {
color: black;
display: block;
background: skyblue;
font-family: 'Exo', sans-serif;
padding: 5%;
margin-top: 0;
font-size: 1.2em;
}
#principal p {
color: gray;
display: block;
font-family: 'Exo', sans-serif;
font-size: 0.9em;
text-align: justify;
}
#secundarias {
width: 58%;
float: right;
padding-left: 1%
}
#secundarias h1{
	font-size: 0.9em;
}
.noti{
margin-left: 1%;
font-size: 1.3em;
color: black;
overflow: hidden;
}
.noti a{
text-decoration: none;
}
.noti h1{
float: left;
margin-top: 0;
margin-bottom: 4%;
}
.noti p {
float: left;
font-size: 0.6em;
font-family: 'Exo', sans-serif;
margin-top: 0;
margin-bottom:5%;
}
.noti hr {
float: left;
margin-top: 0;
}
#noticias2{
width: 100%;
overflow: hidden;
}
#noticias2 a {
text-decoration: none;

}
.noti2{
width:48%;
float: left;
margin-top: 2%;
margin-left: 1%;
margin-right: 1%;
}
.noti2 img{
float: left;
width: 30%;
margin-top: 9%;
}
.noti2 div{
float: right;
width: 65%;

}
.noti2 h2 {
font-family: 'Exo', sans-serif; 
font-size: 0.65em;
color: gray;
margin-top: 0;
}
.noti2 h1{
font-family: 'Exo', sans-serif; 
font-size: 0.9em;
margin-bottom: 0;
}
.noti2 p{
font-size: 0.9em;
color: black;
font-weight: 400;
margin-top: 1%;
font-family: 'Exo', sans-serif; ;
}
#next{
float: right;
}
/*HASTA ACA VECINAL*/

/*PAGINA CLUB*/

#club a img {
margin-left: 40%;
}

#club h1{
font-size: 1.2em;
font-weight: 200;
margin-left: 8%;
padding:2%;
display:block;
width: 80%;
background-color: deepskyblue;
text-align: center;
color: white;
font-family: 'Exo', sans-serif; 
border-radius: 25px;
}

#club p{
	font-family: 'Exo', sans-serif;
	font-size: 0.9em;
	color: black;
	text-align: justify;
	
}
.actividades{
    float: left;
    width: 22%;
    height: 60%;
    margin-top: 2%;
    margin-right: 2%;
    background-color: rgba(132, 145, 150, 0.4);
    text-align: left;
    padding-top: 4%;
    padding-bottom: 3%;
    padding-left: 3%;
    padding-right: 1%;
    border-radius: 5px 5px 5px 5px;
    font-family: 'Exo', sans-serif;
    font-weight: 300;
    color: black;
    font-size: 0.8em;
    text-align: left;
}
#fotoclub img{
    float: right;
    width: 41.5%;
    margin-top: 1.5%;
	border-radius: 10px;   
}

#infoclub{
float: right;
margin-top: 5%;
font-size: 0.8em;
font-weight: 200;
width:42%;
background-color: deepskyblue;
text-align: center;
color: white;
font-family: 'Exo', sans-serif; 
border-radius: 10px;
padding-top: 2%;
padding-bottom: 2%;
}

#infoclub a {
text-decoration: none;
color: black;
font-family: 'Exo', sans-serif; 

}

#mapadelclub img {
float: left;
width: 55%;
margin-top: 5%;
margin-right: 0%;
border-radius: 10px;
}

/*HASTA ACA PAGINA CLUB*/

/*PAGINA MENSAJES*/

#msj h1{
  font-family: Exo, sans-serif;
  font-size: 1.4em;
  font-weight: 700;
  color: gray;
  text-align: center;
}
#msj p{
  font-family: Exo, sans-serif;
  font-size: 1em;
  font-weight: 500;
  color: gray;
  text-align: center;
}
#mensaje{
	width: 63%;
	margin-right: 4%;
	margin-top: 2.2%;
	margin-bottom: 10%;
	float: left;
}
/*
#mensaje p{
	width: 34%;
	text-align: right;
	font-family: Exo, sans-serif;
 	font-size: 0.9em;
 	font-weight: 400;
 	color: black;
}
#casilla1{
	width: 65%;
	float: right;
	margin-top: -10%;
	height: 1%;
}
#casilla1 p{
	width: 90%;
	text-align: left;
	font-family: Exo, sans-serif;
 	font-size: 0.79em;
 	font-weight: 100;
 	color: gray;
	padding-left: 4%;
	line-height: 180%;
	border-radius: 10px 10px 10px 10px;
	background-color: rgba(255, 255, 255, 0.91);
}
#casilla2{
	width: 65%;
	float: right;
	margin-top: -10%;
	height: 1%;
}
#casilla2 p{
	width: 90%;
	text-align: left;
	font-family: Exo, sans-serif;
 	font-size: 0.79em;
 	font-weight: 100;
 	color: gray;
	padding-left: 4%;
	line-height: 180%;
	border-radius: 10px 10px 10px 10px;
	background-color: rgba(255, 255, 255, 0.91);
}
#casilla3{
	width: 65%;
	float: right;
	margin-top: -10.5%;
	height: 1%;
}
#casilla3 p{
	width: 90%;
	text-align: left;
	font-family: Exo, sans-serif;
 	font-size: 0.79em;
 	font-weight: 100;
 	color: gray;
	padding-left: 4%;
	padding-bottom: 45.5%;
	line-height: 180%;
	border-radius: 10px 10px 10px 10px;
	background-color: rgba(255, 255, 255, 0.91);
} */
#enviar{
	width: 18%;
	float: right;
	margin-left: 24%;
	margin-right: 4%;
	padding-top: 2%;
	padding-bottom: 2%;
	background-color: rgba(155, 230, 255, 0.81);
	text-align: center;
	font-family: Exo, sans-serif;
 	font-size: 1em;
 	font-weight: 400;
 	color: black;
	border-radius: 10px 10px 10px 10px;
	text-decoration: none;
	margin-bottom: 10%;
}

#inforadio{
	width: 33%;
	height: 225px;
	float: left;
	margin-top: 1.5%;
	background-color: rgba(194, 229, 240, 0.53);
	border-radius: 10px 10px 10px 10px;
}
#inforadio p{
	text-align: left;
	padding-left: 5%;
	font-family: Exo, sans-serif;
 	font-size: 0.8em;
 	font-weight: 300;
 	color: black;
	
}
#inforadio img{
	margin-left: 22%;
}

/*HASTA ACA PAGINA MENSAJES*/

/*PAGINA AMBIENTAL*/

#ambiental h1 {
  font-family: Exo, sans-serif;
  font-size: 1.3em;
  font-weight: 700;
  color: gray; 
  border-radius: 5px 10px 10px 5px;
}
#ambiental p{
font-family: Exo, sans-serif;
font-size: 0.9em;
font-weight: 400;
color: black;
text-align: justify;
}
#ambiental img{
width: 100%;
}
#areasproteccionambiental{
    float: left;
    width: 58%;
    margin-top: 2%;
    padding-top: 1%;
    padding-bottom: 2%;
    padding-left:  3%;
    padding-right: 3%;
    font-family: 'Exo', sans-serif;
    font-weight: 300;
    color: black;
    font-size: 0.8em;
    background-color: rgba(158, 192, 206, 0.4);
    border-radius: 5px 5px 5px 5px;
}
.articulos {
    float: right;
    width: 28%;
    height: 60%;
    margin-top: 2%;
    background-color: rgba(184, 195, 199, 0.4);
    text-align: center;
    padding-top: 5%;
    padding-bottom: 6%;
    padding-left: 3%;
    padding-right: 3%;
    border-radius: 10px 10px 10px 10px;
}  
.articulos a{  
    text-decoration: none;
    text-align: center;
    font-family: 'Exo', sans-serif;
    font-weight: 200;
    color: #0798c9;
    font-size: 1em;     
    
}
#ambiental a {
    text-decoration: none;
}
#linkmapa{
	margin-bottom: 1%;
}
  
/*HASTA ACA AMBIENTAL CONTENIDO*/

/*PAGINA ACUMAR CONTENIDO*/

#acumar img{
margin-bottom: 2%;
border-radius: 10px 10px 10px 10px;
}
#acumar #fto{
	opacity: .70
}
#historiaacumar{
	float:left;
	overflow:hidden;
	width:68%;
    margin-top: 2%;
	margin-right: 2%;
	text-align:left;
    /*background-color: rgba(137, 209, 240, 0.4)*/
    }
#historiaacumar h1{
  font-family: 'Exo', sans-serif;
  font-size: 1.3em;
  font-weight: 500;
}
#historiaacumar p{
  font-family: 'Exo', sans-serif;
  font-weight: 300;
  color: black;
  font-size: 0.90em;
  text-align: justify;
  margin-right: 2%;

}
#leyes {
	float:left;
	overflow:hidden;
	width: 30%;
    margin-top: 10%;
   	text-align:left;
    padding-bottom: 10%;
    background-color: rgba(158, 192, 206, 0.4);
	border-radius: 10px 10px 10px 10px;
    }
#leyes h1 {
    font-family: 'Exo', sans-serif;
    font-size: 1.3em;
    font-weight: 500;
    margin-left: 8%;
}  
#leyes p {
    font-family: 'Exo', sans-serif;
    font-weight: 300;
    color: black;
    font-size: 0.75em;
    text-align: left;
    margin-top: 2%;
    margin-left:8%;
    margin-right: 8%;
}   
#leyes a {
    text-decoration: none;
    color: black;
    display: inline-block;
    font-family: 'Exo', sans-serif;
    font-weight: 300;
    color: black;
    font-size: 0.8em;
    text-align: left;
    margin-left: 8%;
    margin-right: 8%;
    margin-top: 4%;
}
#mision {
    float: left;
    background-color: rgba(162, 217, 240, 0.51);
    margin-top: 2%;
	border-radius: 10px 10px 10px 10px;
}
#mision h1{
    font-family: 'Exo', sans-serif;
    font-size: 1.3em;
    font-weight: 500;
    margin-left: 1%;
}
#mision p{
    font-family: 'Exo', sans-serif;
    font-weight: 300;
    color: black;
    font-size: 0.9em;
    text-align: justify;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: -1%;
}

/*HASTA ACA PAGINA ACUMAR CONTENIDO*/


/*PAGINA EJESDEACCION CONTENIDO*/

#ejesdeaccion h1 {
  font-family: Exo, sans-serif;
  font-size: 1.3em;
  font-weight: 700;
  color: gray; 
  border-radius: 5px 5px 5px 5px;
}
#textoppl{
    font-family: 'Exo', sans-serif;
    font-weight: 300;
    color: black;
    font-size: 0.9em;
    text-align: justify;
    margin-top: 4%;
}
.icono{
	display: block;
	float:left;
	overflow:hidden;
	width:46%;
	margin-right: 2%;
	margin-left: 2%;
    margin-top: 2%;
    text-align: center;  
    outline-color: #27A9E1;
	}
.icono p{
	font-family: 'Exo', sans-serif;
	font-weight:300;    
	color:black;
	margin-top: 4%;
    margin-left: 2%;
    margin-right: 2%;
	font-size: 0.80em;
	text-align: justify;
}

/*HASTA ACA PAGINA EJESDEACCION CONTENIDO*/


/*PAGINA HISTORIADELACUENCA CONTENIDO*/

#historiadelacuenca h1 {
  font-family: Exo, sans-serif;
  font-size: 1.3em;
  font-weight: 700;
  color: gray; 
  border-radius: 5px 10px 10px 5px;
}
#intro{
  font-family: 'Exo', sans-serif;
  font-weight: 300;
  color: black;
  font-size: 0.90em;
  text-align: justify;
}
#intro a {
    text-decoration: none;
    font-size: 0.8em;
    font-weight: 400;
    color: white;
    display: inline-block;
    font-family: 'Exo', sans-serif;
    font-weight: 300;
    color: black;
    text-align: left;
    margin-bottom: 2%;
   }
#historia p{
    font-family: 'Exo', sans-serif;
    font-weight: 300;
    color: black;
    font-size: 0.9em;
    text-align: justify;
    margin-top: 0;
   }

/*HASTA ACA HISTORIADELACUENCA CONTENIDO*/


/* PAGINA MAPADELACUENCA CONTENIDO*/

#mapadelacuenca img{
    float: left;
    width: 69%;
    margin-left: 1%;
	border-radius: 15px 15px 15px 15px;
}
#mapadelacuenca a{
    text-decoration: none
}
#mapadelacuenca h1 {
  font-family: Exo, sans-serif;
  font-size: 1.3em;
  font-weight: 700;
  color: gray; 
  border-radius: 5px 10px 10px 5px;
}
#municipios{
    float: left;
    width: 25%;
    padding-top: 2%;
    padding-bottom: 1%;
    padding-left:  2%;
    padding-right: 2%;
    margin right: 6%;
    font-family: 'Exo', sans-serif;
    font-weight: 200;
    color: black;
    font-size: 0.9em;
    background-color: rgba(158, 192, 206, 0.4);
	border-radius: 10px 10px 10px 10px;
}
#mapadelacuenca p{
    display: block;
    float: left;
    font-family: 'Exo', sans-serif;
    font-weight: 300;
    color: black;
    font-size: 0.9em;
    text-align: left;
    margin-top: 2%;
}
#linkmapa{
    float:left;
    background-color: rgba(158, 192, 206, 0.4);
    font-family: 'Exo', sans-serif;
    font-weight: 200;
    color: black;
    font-size: 0.9em;
    margin-top: 4%;
    padding-left: 1%;
	padding-right: 2%;
	border-radius: 10px 10px 10px 10px;
}

/*HASTA ACA MAPADELACUENCA*/

/*PAGINA PROGRAMAS CONTENIDO*/

.programa{
width: 31.3%;
margin:1%;
float: left;
margin-top: 3%;
}
#titulo{
height: 60%;
}
#titulo h1{ 
float: left; 
font-family: 'Exo', sans-serif; 
display: inline-block;
width: 52%;
font-size: 1em;
font-weight: 500;
margin-left: 4%;
margin-top: 20%;
color: deepskyblue;
}
#titulo img{ 
float: left; 
width: 40%;
margin-top: 10%;
}
#titulo h2{
display: block;
float: left;
width: 100%;
}
#titulo p{
display: block;
float: left;
margin-right: 3.2%;
padding:1.5%;
font-family: 'Exo', sans-serif; 
font-size: 0.7em;
outline-style:double;
outline-width: thin;
overflow: hidden;

}
#rojo{
outline-color: deepskyblue
}
#gris{
outline-color: gray;
}
#descripcion {
font-family: 'Exo', sans-serif; 
float: left;
display: block;
background-color: lightgray
}
#horario {
font-size: 0.9em;
font-weight: 200;
margin-left: 2%;
padding:1%;
display:inline-block;
background-color: deepskyblue;
color: white;
}
#descripcion p {
margin-left: 2%;    
}

/*HASTA ACA PROGRAMAS CONTENIDO*/

/*PAGINA PARTICIPA*/

#inscribite article{
margin-top: 5%;
width: 40%;
float: left;
}
#inscribite article h1 {
font-size: 1.em;
font-weight: 300;
margin-left: 2.5%;
padding:2%;
display:block;
text-align: center;
color: deepskyblue;
font-family: 'Exo', sans-serif;
text-decoration:underline;
}
#inscribite article p {
width: 100%;
text-align: center;
margin-left: 2.5%;
font-size: 1em;
	font-family: 'Exo', sans-serif;
}
#inscribite article h2 {
color: deepskyblue;
font-family: 'Exo', sans-serif; 
text-align: center;
}
#participantes {
float: none;

}
#participantes h1 {
font-size: 1.5em;
font-weight: 200;
padding:2%;
display:block;
width: 96%;
background-color: lightgray;
text-align: center;
color: white;
font-weight: 500;
font-family: 'Exo', sans-serif; 
}
#participantes img{
margin-left: 3.5%;    
}
.colaboradores{
width: 23%;
margin-left: 2%;
float: left;
display: block;
}
.colaboradores img{
width: 80%;
object-position: center;
padding-left: 6%;
padding-right: 6%;
margin-top:12%;
}
.colaboradores h2{
 display: block;
font-family: 'Exo', sans-serif; 
text-align: center;
font-weight: 400;
font-size: 1em;
color: skyblue;
}
.colaboradores p{
 display: inline-block;
font-family: 'Exo', sans-serif; 
font-size: 0.8em;
text-align: center;
}
form {
font-family: 'Exo', sans-serif;
color: dimgray;
width: 50%;
float: right;
margin-top: 9%;
}
form input {
display: block;
border-radius: 20px;
width: 100%;
}
form ul{
margin-left: -10%;
color: deepskyblue;
text-decoration: none;
}
form ul a{
background-color: gray;
padding: 6%;
text-decoration: none;
color: white;
border-radius: 10px;
}

/*HASTA ACA PAGINA PARTICIPA*/


footer{
	width:80%;
	height:auto;
	float:right;
	background-color: gray;
    color: aliceblue;
    float: right;
    font-family: 'Exo', sans-serif; 
    font-size: 0.65em;
    text-align: center;
	padding-top: 1%;
	padding-bottom: 1%;
	}