@charset "utf-8";
/* CSS Document */
#menuPortada {
	width:100%;
	height:105px;
	background-color: rgba(0, 0, 0, 0.5);
	position:relative;
	top:550px;
}
.roundmenubtn {
	border-radius:0px; 
	height:80px; 
	width:115px; 
	margin-left:auto; 
	margin-right:20px; 
	float:left;
	text-align:center;
	color:white;
	vertical-align:bottom;
}
.roundmenubtn div {
	position: absolute;
	top:95px;
	text-align:center;
	width:125px;
	font-family: 'Oxygen', sans-serif;
	font-size:12px;
}
.roundmenubtn:hover {
	color: #FC0;
}
.roundmenubtn img {
	width:35px;
	height:35px;
}
header {
	width:1000px;
}
h1{
	font-family: 'Forum', cursive;
	font-size:36px;
	color:white;
	margin-top:100px;
	font-weight:lighter;
	margin-left:20px;
}
p {
	font-family: 'Forum', cursive;
	font-size:16px;
/*	width:500px;
	background:rgba(0, 0, 0, 0.75);
	padding:25px;
	border-radius:20px;
	float:left;*/
	color:white;
	line-height:1.25em;
}
.inicio {
	background:url(../iconos/inicio.svg) no-repeat center;
}
.objetivo {
	background:url(../iconos/objetivo.svg) no-repeat center;
}

.participantes {
	background:url(../iconos/participantes.svg) no-repeat center;
}
.galerias {
	background:url(../iconos/galerias.svg) no-repeat center;
}
.noticias {
	background:url(../iconos/noticias.svg) no-repeat center;
}
.eventos {
	background:url(../iconos/eventos.svg) no-repeat center;
}
.directorio {
	background:url(../iconos/directorio.svg) no-repeat center;
}
.facebook {
	background:url(../iconos/camara.svg) no-repeat center;
}
#menu {
	position:fixed;
	top:0px;
	width:100%; 
	height:50px; 
	background-color: rgba(0, 0, 0, 0.5);
	color: #FFFFFF;
	z-index:9999;
	display: none;
}
#menu nav a div {
	width:35px;
	height:35px;
	margin-right:0px;
}
#header {
  position: fixed;
  z-index: 2000;
  background-color: rgba(0, 0, 0, 0.75);
  width: 100%;
  margin-top:500px;
}
#header nav, #menu nav {
  max-width: 900px;
  max-height:100px;
  margin: 0 auto;
  text-align:center;
}
#header a, #menu a {
  color: white;
  display: inline-block;
  text-align: center;
  padding: 10px 20px;
  text-decoration: none;
  font-family: 'Lato', sans-serif;
  font-size:16px;
}
#header a:hover, #header a.active {
  background-color: rgba(200, 200, 200, 0.75);
  font-family: 'Lato', sans-serif;
  font-weight:bold;
}

#logo {
	margin-left:20px;
	margin-right:20px;
	float:right;
}

#position-block {
  position: fixed;
  z-index: 1000;
  color: white;
}

/*h1 {
  font-family: 'Lato', sans-serif;
  font-style: normal;
  font-weight: normal;
  color: white;
  font-size: 38px;
  line-height: 78px;
  padding: 20px 0px 10px 20px;
  margin: 0;
}

p {
  font-family: 'Lato', sans-serif;
  font-style: normal;
  font-weight: normal;
  color: white;
  font-size: 14px;
  line-height: 22px;
  margin-top: 0px;
  text-align: left;
}*/

article {
  position: relative;
/*  -moz-box-shadow: black 0px 0px 15px;
  -webkit-box-shadow: black 0px 0px 15px;
  box-shadow: black 0px 0px 15px;
*/  padding-top:100px;
}
/*article header {
  padding-top: 75px;
}*/
article .content {
  -moz-column-count: 1;
  -webkit-column-count: 1;
  column-count: 1;
  -moz-column-gap: 60px;
  -webkit-column-gap: 60px;
  column-gap: 60px;
  background:rgba(0, 0, 0, .66);
  border-radius:20px;
  -moz-box-shadow: rgba(0, 0, 0, .5) 10px 10px 15px;
  -webkit-box-shadow: rgba(0, 0, 0, .5) 10px 10px 15px;
  box-shadow: rgba(0, 0, 0, .5) 10px 10px 15px;
  /*padding: 0 20px 60px 20px;*/
  width:1000px;
}
article .container {
  max-width: 1000px;
  margin: 0 auto;
}

.panel {
  position: relative;
  width: 100%;
}

.panel.Inicio article {
  background: url(../fotos/portada.jpg) no-repeat center;
}

.panel.Objetivo article {
  background: url(../fotos/fondoObjetivo.jpg) no-repeat center;
}

.panel.Participantes article {
  background: url(../fotos/fondoParticipantes.jpg) no-repeat center;
}

.panel.Galerias article {
  background: url(../fotos/fondoGalerias.jpg) no-repeat center;
}

.panel.Noticias article {
  background: url(../fotos/fondoNoticias.jpg) no-repeat center;
}
.panel.Eventos article {
  background: url(../fotos/fondoEventos.jpg) no-repeat center;
}
.panel.Directorio article {
  background: url(../fotos/fondoDirectorio.jpg) no-repeat center;
}
.panel.Facebook article {
  background: url(../fotos/fondoRedesSociales.jpg) no-repeat center;
}
/*Gallerias*/
.gallerywrapper {
    width: 700px;
    height: 455px;
    padding:10px;
	margin:auto;
}
.gallerypreview {
    width:150px;
    height:125px;
    border:gray 1px double;
    overflow:hidden;
	border-radius:20px;
	float: left;
	margin-right:20px;
	margin-top:10px;
	margin-bottom:10px;
}
.galleryauthor {
    background-color: rgba(0, 0, 0, 0.1);
	position:relative;
	top:-17px;
	left:10px;
    z-index:9999;
    width:130px;
    height:105px;
	padding-top:3px;
	color:white;
	font-family: 'Lato', sans-serif;
	font-size:14px;
	font-weight: bold;
	overflow:hidden;
	transition: background-color .75s ease-in-out;
	-moz-transition: background-color .75s ease-in-out;
	-webkit-transition: background-color .75s ease-in-out;
	text-align:center;
	border-radius:10px;
}
.galleryauthor div {
	margin-top:55px;
	padding-top:3px;
	color:black;
	height:20px;
	background-color: rgba(255, 228, 0, .25);
	transition: background-color .75s ease-in-out;
	-moz-transition: background-color .75s ease-in-out;
	-webkit-transition: background-color .75s ease-in-out;
}
.gallerypreview:hover .galleryauthor div {
	background-color: rgba(255, 228, 0, .75);
	transition: background-color .75s ease-in-out;
	-moz-transition: background-color .75s ease-in-out;
	-webkit-transition: background-color .75s ease-in-out;
}
.gallerypreview:hover .galleryauthor {
	background-color: rgba(0, 0, 0, .5);;
	transition: background-color .75s ease-in-out;
	-moz-transition: background-color .75s ease-in-out;
	-webkit-transition: background-color .75s ease-in-out;
	overflow:hidden;
}
.sol {
	position:relative;
	z-index:999999;
	top:41px;
	left:80px;
	background: url(../iconos/sol.svg);
	height:27px;
	width:55px;
	opacity:.1;
	transition: opacity .75s ease-in-out;
	-moz-transition: opacity .75s ease-in-out;
	-webkit-transition: opacity .75s ease-in-out;
}
.gallerypreview:hover .sol {
	opacity: 1;
	transition: opacity .75s ease-in-out;
	-moz-transition: opacity .75s ease-in-out;
	-webkit-transition: opacity .75s ease-in-out;
}