/*colores del logo

azul oscuro = #234F7D
azul claro = #27AAE2
verde claro = #3EB34B
rosado = #E7068A
naranja = #F37022
amarillo = #FAD403

*/


/*tipografias*/
@import url(https://fonts.googleapis.com/css?family=Lobster);
@import url(https://fonts.googleapis.com/css?family=Passion+One);
@import url(estilos_menu.css);
@import url(slider.css);
@import url(galeria.css);
@import url(Equipo-trabajo.css);
@import url(../icon/style.css);


body{
  font-family:Tahoma, Geneva, Verdana, sans-serif;
}

/*++++++++++++++++++++++++++++++*/
.logo
{
	position:relative; 
	width:150px; 
	height:150px; 
	/*border-radius:50%; */

}

.logo img
{ 
	position:relative;   
	width:200px;
	height:150px;  
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*Seccion2*/
.seccion2
{
	position:relative;
	padding:2em;
	    
}


@keyframes filling {
  from{
    background-position: center 25%;
  }
  to {
    background-position: center 50%;
  }
}

.tittle-seccion2 {
  background-image:  url(https://farm3.static.flickr.com/2889/9575147070_d5dc0f86ca_b.jpg);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  color:  #FFFFFF;
  padding-top: 20px;
  font-size: 150px;
  /* font-family: 'Bungee', cursive; */
  animation: filling 3s ease forwards;
}




.tittle-seccion2,.subtitle-seccion2
{
	font-family: 'Lobster';
}

.parrafo-seccion2
{
	/* font-family:Tahoma, Geneva, Verdana, sans-serif; */
  /*display: none;*/
}

/*cierre seccion2*/



/*seccion3*/

.seccion3
{
  position: relative;
}

.content-img-danli
{
  background-image:url(../Imagenes/paisaje_danli.jpg);
  background-size:cover;
  background-position:50% 70%;  
  width:100%;
  height:400px;   
}
/*cierre seccion3*/


/*seccion 4*/


.content-img-galeria
{
  text-align: center;
}

.content-enlace-img
{
  color:#fff;
}

.tittle-img-galeria
{
  color:#fff;
  position:absolute;
  top:50px;


}
.img
{
  width: 100%;
  height:360px;
  background-size: cover;/*sólo para ejemplo*/
  background-image:url(../Imagenes/estadio.jpeg);
}

.sombra
{
  position:absolute;
  /*left:0; */

  overflow:hidden;
  width: 93%;
  top:-.3px;
  left:17px;
  height:355px;
  background-color: rgba(31, 31, 31, 0.9);
  opacity:0;
  transition: opacity 0.3s;
}

.img:hover .sombra
{
   opacity:1;
}

.tittle-des-img-galeria
{
    position: absolute;
  font-size: 1.5rem;
  margin-left: -75px;
  margin-top: 15px;
  transition: margin-left 0.3s;
  color:#fff;
}

.img:hover .tittle-des-img-galeria
{
   margin-left: 195px;
}

.parrafo-des-img-galeria
{
  font-size: 1rem;
  text-align: center;
  margin-top: 200px;
  transition: margin-top 0.4s;
  color:#fff;
}

.img:hover .parrafo-des-img-galeria
{
  margin-top: 75px;
}
/*cierre seccion 4*/

/*seccion 6 mapa*/
/*.img-mapa
{
  position:relative;
  left:-130px;  
  background-image:url(../Imagenes/Mapa-ZONA-CENTRAL.jpg); 
  background-size:cover;
  background-repeat:no-repeat; 
  width:95vw;
  height:400px; 

}*/

.tittle-mapa
{
    font-family: 'Lobster';
}
/*cierre seccon 6 mapa*/


/*seccion 8 footer*/
.seccion8
{
  color:#fff;
}

.tittle-item-menu-footer
{
  
  font-size:1.5em; 
  font-family: 'Bungee', cursive;
}

.content-menu-footer
{
  position:relative; 
  margin-top:30px; 

}

.item-menu-footer
{
  margin-top:20px; 
}

.item-menu-footer a
{
  text-decoration: none;
  color:#fff;
}

hr
{
  position:relative;
  width:100vw;
  background-color:#888; 
  left:0; 
}

.img-logo-footer
{
  width:200px;
  
}


/*cierre seccion 8 footer*/



/*medias query*/
@media screen and (max-width: 763px)
{
  .tittle-seccion2
  {
    font-size:120px; 
    /*text-align:left; */
  }


  /*mascara de imagen de galeria*/

  

}

/*++++++++++++++++++*/
/*seccion 4*/
.content-aventuras
{
  
  display:flex;
  flex-direction:column;
  justify-content:space-around;
  align-items:center;    
}

.title-seccion4
{
  margin-bottom:50px;   
  font-family: 'Lobster';
  font-size:3.5em; 
}

.parrafo-seccion4
{
   text-align:justify;
   /* font-family:Tahoma, Geneva, Verdana, sans-serif; */
   font-size:18px;
   padding:10px 25px; 

}