/* --------------------------------
    estilos index / INFO
___________________________________*/


img {
	max-width:100%;
	max-height:auto;
	
	}
body  {
	
	overflow:hidden;
	

	}

body#info {
	background:url(media/sec_index/00.jpg) fixed;
	overflow-x:hidden;
	overflow-y:auto;

	}



header {
	
width:13%;
margin: 0 auto;
float:left;
margin-left:5%;
margin-top: 3%;
display:block;


	
	}
	
	#bg{
		
		width:100%;
		height:auto;
		position:absolute;
		z-index:-10;
		top:0;
		left:0;
		
		
		
		}
.content {
	
	width:90%;
	margin: 0 auto;
	height:70%;
	overflow:hidden;
	display:block;
    position:relative;
		top:50px;
		clear:both;
	}	
	
	
	
.content_info {
	background: rgba(255,255,255,0.8);
	width: 85%;
	top: 10em;
	position: relative !important;
	margin: 0 auto;
	heigth: auto;
	border-radius: 50px;
	padding: 4%;
	display: block;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;/*margin-top:2%;*/
}

 h1 {
	 position:relative;
	 top:0%;
	 left:24%;
	color:#666;
	/*text-align:center;*/
	font-family:Arial, Helvetica, sans-serif;
	
	}	

 p {
	color: #666;
	text-align: justify;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	line-height: 140%;
	letter-spacing: 10%;
	}	
	
.btn_caminos {
	
  position: relative;
  top: 4%;
/*  left: 30%;*/
  width: 300px !important;
  height: 300px !important;
  overflow:hidden; 
  background:#FFF;
  border-radius: 200px;
  float:left;
	margin:auto 30px;
	border:rgba(255,255,255,0.5) solid 2px;
	
	}



#feria {
	background:url(img/feria.jpg);
	
	}

#correr{
	background:url(img/correr.jpg);
	
	}

#rio {
	background:url(img/rio.jpg);
	
	}
	
	
.firma{
	position:fixed;
	top:95%;
	width: 40px;
	left:98%;
	
	}	


	
.agradecimientos{
	position: relative;
	margin-top: 5%;
	width: 100%;
	/*	background:#9F3;*/
	height: 200px;
	font-size: x-large;
	text-align: center;
	margin-left: 15%;
	}


.firmaInfo{
	margin-top: 47px;
	margin-right: 47px;
	margin-left: 14px;
	margin-bottom: 47px;
	position: relative;
	/*	background:#0C9;*/
	width: 128px;
	height: 104px;
	top: 0px !important;
	left: 20%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	float: left;
	text-align: center;
	right: 20%;
	}	


.header .header-nav {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}



.header .header-nav > li.info, .header .header-nav > li.mute { /*texto titulo*/
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  margin-left: 0px;
  margin-top: 0px;
  font-size: 34px;
}
.header .header-nav > li.info a, .header .header-nav > li.mute a {
  text-shadow: rgba(0, 0, 0, 0.5) 0px 0px 3px;
  text-decoration: none;
}
.header .header-nav > li.info a:hover, .header .header-nav > li.mute a:hover {
  color: white;
  text-decoration: underline;
}
.header .header-nav > li.info {
  padding-left: 5px;
 /* background: url(./images/icons/info.png) no-repeat 0 2px;*/
}
.header .header-nav > li.mute {
  padding-left: 16px;
  background: url(./images/icons/sound-off.png) no-repeat 0 3px;
}
.header .header-nav > li.mute.active {
  background: url(./images/icons/sound-on.png) no-repeat 1px 4px;
}
.header .header-nav .night .toggle a {
  z-index: 3000;
  position: fixed;
  display: block;
  width: 58px;
  height: 58px;
  top: 0px;
  right: 0px;
}
.header .header-nav .night .toggle a span {
  display: none;
}
.header .header-nav .night .toggle a.on {
  display: none;
  background-image: url(./images/buttons/tag.png);
}
.header .header-nav .night .toggle a.off {
  background-image: url(./img/buttons/nacht.png);
}
.header .header-nav .night .toggle a.on:hover {
  background-image: url(./images/buttons/tag_hover.png);
}
/*.header .header-nav .night .toggle a.off:hover {
  background-image: url(./images/buttons/nacht_hover.png);
}*/
.header .header-nav .night .toggle.active .on {
  display: block;
}
.header .header-nav .night .toggle.active .off {
  display: none;
}
/* @end */



.QOverlay {
	background-color: #fff;
	z-index: 9999;
}

.QLoader {
	background-color: #F06;
	height: 1px;
}


a.back-link {
  z-index: 332;
  position: absolute;
  top: 7%;
  left: 3%;
  width: 30px;
  height: 30px;
  background: url(./img/back-n.png) no-repeat center center ;
  background-size:90%;
}
a.back-link > .label {
  display: none;
}
a.back-link:hover {
  background-image: url(./img/back_hover2.png);
}

/* --------------------------------
   fin  estilos index
___________________________________*/