@charset "utf-8";
/* CSS Document 
1) Primero se definen los estilos para ETIQUETAS html, por ejemplo: header, footer, div, a, p, etc.

2) Después se definen los estilos para IDENTIFICADORES (id), los id's son elementos únicos en el html (pie, logo,   publicidad), en el css se declaran con el símbolo de # ejemplo: #nombre-id{ estilos } y en el html se llaman   mediante el atributo id ejemplo <div id="publicidad"/> </div>

3) Al final se definen los estilos para las CLASES (class), las clases son elementos que se pueden repetir 'x' veces 	   en el html, en el css se declaran con el símbolo de . ejemplo: .nombre-clase{ estilos } y en el html se llaman   mediante el atributo class, ejemplo <div class="borde-logos"> </div>

4) Todos los estilo se ordenan conforme van apareciendo en la disposición del html, teniendo en cuenta la prioridad   anterior, es decir, primero etiquetas html, luego id y al final class

5) Los atributos se declaran de la siguiente forma: { atributo1:valor1; atributo2:valor2; ...; atributox:valrox}

6) Todods los atributos se ordenan alfabeticamente, por ejemplo si tengo width, color, display, entonces el orden   sería: primero color, luego display y al final width.

7) Si tenemos estilos para el comodín *, o para las etiquetas html y/o body, estos estilos son los primeros en definirse.

8) En el body debemos declarar un tamaño de fuente global.

9) Si tenemos estilos para resetear elementos html, estos irán antes de cualquier estilo.
*/
/* esto es un reseteo de los estilos de la pagina */
*{
	margin:0;
	padding:0;
}

@font-face {
    font-family: 'source_sans_proregular';
    src: url('../fonts/sourcesanspro-regular-webfont.eot');
    src: url('../fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-regular-webfont.woff') format('woff'),
         url('../fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('../fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* 16px = 12pt = 100% = 1em (es el ancho de la M malluscula, el 'em' es para Responsive web desing)*/

body{
	background: #CCC url(../img/fondo.jpg);
	color: #2C2C2C;
	font-family: "source_sans_proregular";
	font-size: 1em;
	width: 100%;
}

a.fancybox {
	text-decoration:none;	
}
form {
	width: 100%;	
}

p {
	padding: 0 0.5em 0 0.5em;;
	width: 98%;
	margin: 1em auto;
	text-align: justify;
	
}
h1 {
	text-align: center;	
}

h3 {
	text-align: left;
}

hr {
	
	border-color: #51a33d;
	
}

iframe {
	border-radius: .5em;	
}

input[type="email"], input[type="text"], textarea {
	background: #EEE;
	border-radius: .25em;
	color: #090;
	font-size: 1em;
	padding: 0.5em;
	width: 95%;
	margin-left: 0.5em;
	
}
input[type="password"], input[type="text-"]{
	background: #EEE;
	border-radius: .25em;
	color: #090;
	font-size: 1em;
	padding: 0.5em;
	width: 60%;
	margin-left: 0.5em;	
}

input[type="email"]:focus, input[type="text"]:focus, textarea:focus {
	background: #c6ecf9;
		
}

input[type="password"]:focus, input[type="text-"]:focus {
	background: #c6ecf9;
}

input[type="submit"] {
	background: #51b838;
	border-radius: 0.50em .25em;
	color: #500;	
	font-size: 1em;
	padding: .25em;
	margin: .50em;
	
}
input[type="submit"]:hover {
	background: #5fda41;
	border-radius: 0.50em .25em;
	color: #000;
	cursor: pointer;
}

label {
	
	cursor: pointer;
	margin-left: 0.5em;
}

legend {
	color: #090;
	font-size: 1.2em;
	font-wight: bold;
}

textarea {
	resize:none;
	margin-bottom: 1em;	
}

div#flexlider {
	text-align: center;
}
div#logo-pie img{
	border: none;
	border-radius: 0;
}
div#paginado img {
	border: none;
	border-radius: 0;
}

section#conferencias {
	
	/*border: solid 1px #999999;*/
	border-radius: 0.3em;
	margin: 0.5em auto;
	max-width: 960px;
	padding: 0;
	text-align: center;
	
	
	
}
section#contacto, section#mapa {
	
	border-radius: .5em;
	display: inline-block;
	margin: 1em auto;
	min-height: 350px;
	padding: .5em auto;
	text-align: justify;
	vertical-align: top;
	width: 45%;
}
section#mapa {
		text-align: right;
}

section#imagen {
	background: #F5F5F5;
	border-top: solid 2px #51a33d;
	border-bottom: solid 2px #51a33d;
	border-radius: 0.8em;
	display: inline-block;
	margin: 0.25em auto;	
	min-height: 50px;
	text-align: center;
	padding: 0.25em;
	vertical-align: top;
	
	
	
}
section#tabla {
	background: #F5F5F5;
	border-top: solid 2px #51a33d;
	border-bottom: solid 2px #51a33d;
	border-radius: 0.8em;
	display: inline-block;
	margin: 0.25em auto;
	min-height: 7.5em;
	text-align: center;
	padding: 0.25em;
	width: 60%;
}

#tabla img {
	border: none;
	border-radius: 0em;	
}

section#tabla td#nombre {
	color: #36F;
	font-style: italic;
	font-weight: bold;	
}

section#seleccion, section#seleccion-todas {
	border: solid 2px #51a33d;
	display: block;
	border-radius: 0.8em;
	margin: 0.5em auto;	
	text-align: center;
	padding: 0.25em;
	vertical-align: top;
	width: 30%;
	background: #F5F5F5;
}
section#busqueda {
	
	display: block;
	border-radius: 0.8em;
	margin: 0.5em auto;	
	text-align: left;
	padding: 0.25em;
	vertical-align: top;
	width: 30%;
	background: #F5F5F5;	
}
div#tabla {
	margin: 1em auto;
	text-align: center;
	width: 70%;
}

section#h1{
	color:#009;
	margin: 0 auto;
	text-align: center;
	text-shadow: 5px 5px 10px rgba(86,85,79,0.5);
	
}



header, nav, footer, .texto{
	margin: 0.5em auto;
	max-width: 960px;
	padding: 0.35em auto;
	text-align: center;
}

section#calendario{
	max-width: 50%;
	margin: 1em auto;
	
	padding-bottom: 2em;
}

section#galeria, section#galeria p {
	margin: 1em auto;
	text-align: center;	
	max-width: 960px;
	
}

.directiva {
	font-size: 1.2em;	
}

section#contenido-directiva {
	max-width: 960px;
	padding-top: 0.5em;
	text-align: center;
}

div#directiva-izquierda {
	display: inline-block;
	width: 50%;	
}
div#directiva-derecha {
	display: inline-block;
	width: 30%;
	vertical-align: top;	
}

section#contenido-carnet {
	max-width: 960px;
	padding-top: 1em;
	text-align: center;
}

div#carnet-izquierda {
	display: inline-block;
	width: 40%;	
}
div#carnet-derecha {
	display: inline-block;
	width: 40%;
	vertical-align: top;	
}

p#directiva {
	text-aling: center;
}

h3#junta, section#calendario h3, section#calendario p {
	text-align:center;
	
}

nav { 
	margin: 0 auto;
}
#contenido {
	text-align: center;
}

#etiqueta {
	max-width: 30px;	
}

#paginado {
	text-align: center;	
	
}
img {
	border-radius: 0.8em;
	max-width: 100%;
	
		
}

#logo-pie {
	display: inline-block;
	padding-right: 1.5em;
	padding-left: 1.5em;
  	padding-bottom: 1em;
}
section#contenedor-cabecera{
	background: #F5F5F5;
	border-bottom: solid 2px #51a33d;
	margin: 0em auto;
	margin-bottom: .7em;
	padding-top: .3em;
	max-width: 960px;
	padding-bottom: 1em;
}

section#contenedor{
	
	margin: 0.5em auto;
	max-width: 960px;
	
}

section#sponsors {
	max-width: 960px;
	margin-top: 1em;
	margin-right: auto;
	margin-bottom: 0.25em;
	margin-left: auto;
	height: auto;
	text-align: justify;
}
section#principal, aside, {
	border: solid 1px #999999;
	display: inline-block;
	border-radius: 0.3em;	
	max-width: 960px;		
	text-justify: auto;
	vertical-align: top;
	width: 30%;
	
}

section#principal {
	width: 100%;
	}
	
section#fondo {
	vertical-align: top;
	width: 73%;	
	display: inline-block;
	vertical-align: top;
	text-align: right;
	max-width: 100%;
	
	
}
section#logo {
	width: 25%;
	text-align: left;	
	display:inline-block;
		
}
section#contenedor-cabecera img {
	border: none;
	border-radius: 0em;
}

article{
	background: #F5F5F5;
	border: solid 2px #51a33d;
	border-radius: 0.3em;
	min-height: 140px;
	padding: 0.25em;

}
aside {
	width: 30%;
	text-align: center;
}

section.formulario {
	border: solid 2px #51a33d;
	border-radius: 0.80em;
	margin: 0.6em auto;
	width: 35%;
	text-align: center;
	background:#F5F5F5;
	margin-top: 2em;
	padding: 1em;
	
}

div#titulo {
	text-align: center;
	/*border: solid 2px #51a33d;*/
	border-radius: 0.50em .50em 0.25em .25em;
	margin: 0 auto;
	max-width: 960px;
	margin-bottom: .5em;
	font-weight: bold;	
	font-size: 1.1em;
	
}
div#pie {
	text-align: center;
	border-top: solid 2px #51a33d;
	padding-top: 0.5em;
	margin: 0 auto;
	max-width: 960px;	
}

.content {	
	border-radius: 0.3em;
	margin: 0 auto;
	max-width: 960px;
	padding: 0;
	text-align: center;
	
}
#galeria {
	background: #F5F5F5;
	padding: 0.5em;
	text-align: left;
	border-top: solid 2px #51a33d;
	border-bottom: solid 2px #51a33d;
	width: 100%;
	margin-top: 1em;
	border-radius: 0.8em;
	vertical-align: top;
		
}
#busqueda {
	background: #F5F5F5;
	padding: 0.5em;
	text-align: left;
	display: inline-block;
	width: 40%;
	vertical-align: top;
	min-height: 2em;
}

#noticias {
	background: #F5F5F5;
	padding: 0.5em;
	text-align: left;
	border-top: solid 2px #51a33d;
	border-bottom: solid 2px #51a33d;
	display: inline-block;
	width: 46%;
	margin: 0.2em;
	margin-top: 1em;
	border-radius: 0.8em;
	text-align: justify;
	vertical-align: top;
	min-height: 13em;
}

#titulo-noticia {
	text-align: left;
	/*border: solid 2px #51a33d;*/
	border-radius: 0.50em .50em 0.25em .25em;
	margin: 0 auto;
	margin-bottom: .5em;
	padding: .3em;
	
	
}

#origen {
	width: 95%;
	padding: .5em;
	
}

#titulo-noticia a {
	text-decoration: none;
	color: #000;
	font-weight: bold;	
}

#noticias-derecha {
	width: 60%;
	display: inline-block;	
	vertical-align: top;	
}
#noticias-derecha p {
	margin: 0;	
}

#noticias-izquierda {
	width: 35%;	
	display: inline-block;
	text-align: center;
		
}

#salidas {
	background: #F5F5F5;
	margin: .5em;
	text-align: left;
	border-top: solid 2px #51a33d;
	border-bottom: solid 2px #51a33d;
	border-radius: 0.8em;	
}

#salidas-derecha {
	width: 70%;	
	display: inline-block;
	text-align: center;
	vertical-align: top;
	
}

#interes {
	width: 100%;	
	display: inline-block;
	margin: .5em;
	vertical-align: top;
	text-align: center;
}

#none {
	display: none;
}
#salidas-izquierda {
	width: 28%;	
	display: inline-block;
	vertical-align: top;
		
}

img#fotos {
	border: none;
	border-radius: 0em;
	text-align: left;
	padding: 0em 5.5em;	
}
section#noticias-mas {
	background: #F5F5F5;
	padding: 0em 1.2em;
	border-top: solid 2px #51a33d;
	border-bottom: solid 2px #51a33d;
	width: 89%;
	border-radius: 0.8em;
	text-align: justify;
	margin: 1em auto;
}

section#noticias-mas h2, section#noticias-mas p {
	text-align: center;
	padding: 0;
	
}

#comentarios-noticias {
	background: #F5F5F5;
	border-top: solid 2px #51a33d;
	border-bottom: solid 2px #51a33d;
	padding: .6em .8em;
	text-align: left;
	width: 89%;
	margin: 1.5em auto;
	border-radius: 0.8em;
	text-align: justify;	
}

#formulario-comentarios {
	padding: 1em 1em;
	text-align: left;
	border: solid 2px #51a33d;
	display: inline-block;
	width: 95%;
	margin-top: 1.5em;
	border-radius: 0.8em;
	max-height: 9.5em;
	text-align: justify;
}

#img-salidas {
	width: 25%;	
	display: inline-block;
}

#imagenes {
	
	display: inline-block;
	width: 16.5%;
	margin: 0.5em auto;
	border-radius: 0.8em;
	text-align: center;
	vertical-align: top;
}

#imagenes img {
	border: solid 2px #51a33d;
}

#descripcion {
	
	display: inline-block;
	
	
	border-radius: 0.8em;
	text-align: center;
	vertical-align: bottom;
	
	
}


p#salidas {
	border-radius: 0.3em;
	margin: 0.5em auto;
	max-width: 960px;
	padding: 0;
	text-align: center;
	width: 80%;
}
#logo {
	margin: 0.25em;
	border-radius: 0.3em;
	
}
#tarjetas {
	max-width: 210px;
	max-height: 120px;
	margin: 0.25em;
	border-radius: 0.3em;
	border: solid 1px #999999;
	
}
a.back img {
	border: none;
	border-radius: 0;	
}
.email {
	text-decoration: none;
	color: #51a33d;
	
}
.email:hover {
	text-decoration: underline;
	color: #247810;
	text-shadow: 5px 5px 10px rgba(86,85,79,0.5);
}
.none {
	display: none;	
}
.texto {
	max-width: 920px;
	background: #F5F5F5;
	border-top: solid 2px #51a33d;
	border-bottom: solid 2px #51a33d;
	border-radius: 0.8em;
	padding: 1em;
	
}

@media(max-width:1000px){
#logo-pie {
	display: inline-block;
	padding-right: 2em;
	padding-left: 2em;
	}
}
@media(max-width:582px){
	
#logo-pie {
	display: inline-block;
	padding-right: 1em;
	padding-left: 1em;
	}
	#pie {
		font-size: .75em;	
	}
	section#seleccion, section#seleccion-todas {
	border: solid 2px #51a33d;
	display: block;
	border-radius: 0.8em;
	margin: 0.5em auto;	
	text-align: center;
	padding: 0.25em;
	vertical-align: top;
	width: 50%;
	background: #F5F5F5;
	}
	section#busqueda {
	
	display: block;
	border-radius: 0.8em;
	margin: 0.5em auto;	
	text-align: left;
	padding: 0.25em;
	vertical-align: top;
	width: 80%;
	background: #F5F5F5;	
}
	#imagenes {	
	display: inline-block;
	width: 27%;
	margin: 0.5em auto;
	border-radius: 0.5em;
	text-align: center;
	vertical-align: top;
	}
	#noticias {
	background: #F5F5F5;
	padding: 0.5em;
	text-align: left;
	border-top: solid 2px #51a33d;
	border-bottom: solid 2px #51a33d;
	display: inline-block;
	width: 90%;
	margin: 0.2em;
	margin-top: 1em;
	border-radius: 0.8em;
	text-align: justify;
	vertical-align: top;
	min-height: 13em;
}


}
@media(max-width:480px){
	section#contenedor-cabecera,{
		
		display: inline-block;
		text-align: center;
		width: 95%;
	}
	section#logo {
			text-align: center;
			width: 25%;
			padding: 0 0.5em 0 0;
			
	}
	
	section#h1 {
		font-size: 0.8em;
		text-align: center;
		padding:  0 0.1em 0 0;
		width: 70%;
				
	}
	section#contenedor {
		width: 85%
	}
	#pie {
		font-size: .8em;	
	}
	#logo-pie{
	display: inline-block;
	padding-right: 0.2em;
	padding-left: 0.2em;
	}
	section#contenedor-cabecera,{
		
		display: block;
		text-align: center;
		width: 95%;
		
	}
	section#imagen {
		background: #F5F5F5;
		/*border: solid 2px #51a33d;*/
		display: block;
		border-radius: 0.3em;
		margin: 0.25em auto;	
		min-height: 50px;
		text-align: center;
		padding: 0.25em;
		vertical-align: top;
		width: 40%;
	}
	
	img {
		border-radius: 0.8em;
	
	}
	section#logo {
			text-align: center;
			width: 98%;
			margin: 0.20em auto;
		
	}
	section#logo img {
			width: 50%;
	}
		
	section#fondo {
		width: 98%;	
		display: block;
		text-align: center;
	
	}
	
	
}
	
@media(max-width:380px){
	article#contactanos {
		width: 98%;
			
	}
	
	section#mapa {
		width: 100%;	
		
	}
	section#contenedor-cabecera,{
		
		display: block;
		text-align: center;
		width: 95%;
		
	}
	section#contacto {
		display: block;
		width: 100%;	
	}
	
	section#imagen {
		background: #F5F5F5;
		/*border: solid 2px #51a33d;*/
		border: none;
		display: block;
		border-radius: 0.8em;
		margin: 0.25em auto;	
		min-height: 50px;
		text-align: center;
		padding: 0.25em;
		vertical-align: top;
		width: 40%;
	}
	section#imagenes {
		display: inline-block;
		width: 100%;
		width: 45%;	
	}
	
	section#imagenes img {
		border-radius: 0.3em;
		width: 90%;
		height: 25%;
	
	}
	section#logo {
			text-align: center;
			width: 98%;
			margin: 0.20em auto;
		
	}
	section#logo img {
			width: 80%;
	}
		
	section#fondo {
		width: 98%;	
		display: block;
		text-align: center;
	
	}
	
	
	div#logo-pie {
		width: 30%;
	}
	footer {
		font-size: 0.85em;	
	}
	section#h1 {
		font-size: 0.8em;
		text-align: center;
		padding: 0.2em auto;
		width: 98%;
		margin: 0.5em auto;
				
		}
	section#principal {
		width: 98%;}
	aside {
		width: 98%;
		}
	section#contenedor {
		width: 90%
	}
	section#contenido-directiva {
	
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		text-align: center;
		width: 100%;
		font-size: 0.6em;
	}
	
	div#directiva-izquierda {
		display: inline-block;
		width: 48%;	
	}
	div#directiva-derecha {
		display: inline-block;
			width: 50%;
		vertical-align: top;	
	}
	#paginado {
		text-align: center;	
		
	}
	#img-salidas {
		margin: auto;
		width: 60%;	
		display: block;
	}
	input[type="password"], input[type="text-"]{
		background: #EEE;
		border-radius: .25em;
		color: #090;
		font-size: .7em;
		padding: 0.5em;
		width: 50%;
		margin-left: 0.5em;	
	}
	input[type="password"]:focus, input[type="text-"]:focus {
		background: #c6ecf9;
	}
	#comentario-salidas {
		width: 98%;	
		display: block;
		
	}
	
	section#seleccion, section#seleccion-todas {
		border: solid 2px #51a33d;
		display: block;
		border-radius: 0.8em;
		margin: 0.5em auto;	
		text-align: center;
		padding: 0.25em;
		vertical-align: top;
		width: 95%;
		
}
	section#tabla {
		/*border: solid 2px #51a33d;*/
		
		border-radius: 0.8em;	
		padding: 0.35em auto;
		width: 98%;
		font-size: .6em;
	}
	section.formulario {
		margin: 0.6em auto;
		width: 95%;
		text-align: center;
		padding: .5em;
		margin: 0 auto;
	}
	#salidas-derecha {
		width: 95%;	
		display: block;
		text-align: center;
		vertical-align: top;
		
	}
	
	#interes {
		width: 95%;	
		display: block;
		margin: .5em;
		vertical-align: top;
	}
	#salidas-izquierda, #salidas-izquierda a {
		width: 95%;	
		display: block;
		text-align: center;
		vertical-align: top;
	}
	
	#galeria {
	background: #F5F5F5;
	text-align: left;
	border-top: solid 2px #51a33d;
	border-bottom: solid 2px #51a33d;
	width: 95%;
	
	margin-top: 1em;
	border-radius: 0.8em;
	vertical-align: top;
	}
#noticias {
	
	padding: 0.5em;
	text-align: left;
	/*border: solid 2px #51a33d;*/
	display: inline-block;
	width: 95%;
	margin-top: 1em;
	border-radius: 0.8em;
	text-align: justify;
	vertical-align: top;
	min-height: 13em;
}

#titulo-noticia {
	text-align: left;
	/*border: solid 2px #51a33d;*/
	/*border-radius: 0.50em .50em 0.25em .25em;*/
	margin: 0 auto;
	margin-bottom: .5em;
	padding: .3em;
	
	
}

#titulo-noticia a {
	text-decoration: none;
	color: #000;
	font-weight: bold;	
}

#noticias-derecha {
	width: 60%;
	display: inline-block;	
	vertical-align: top;
	font-size: .9em;	
}
#noticias-derecha p {
	margin: 0;
	
}

#noticias-izquierda {
	width: 35%;	
	display: inline-block;
	text-align: center;
		
}

section#noticias-mas {
	
	padding: 0em 1.2em;
	border-top: solid 2px #51a33d;
	border-bottom: solid 2px #51a33d;
	width: 89%;
	border-radius: 0.8em;
	text-align: justify;
	margin: 1em auto;
}

section#noticias-mas h2 {
	text-align: left;
	padding: 0;
	
}
#noticias-derecha p {
	margin: 0;
	text-align: left;	
}

	.content {
		display: block;
		border-radius: 0.3em;
		margin: auto;
		padding: 0em .5em;
		text-align: center;
	}
	.directiva {
		font-size: 0.7em;	
	}
	.logos img {
		width: 46%;	
	}
	.texto{
	margin: 0.1em auto;
	padding: 0.4em;
	text-align: center;
	}
}