*{
padding:0;
margin:0; 
box-sizing: border-box;
}
a{
 text-decoration:none;
}
.contenedor-gral{
 width:100%;
 height:100vh;
 background-color:#fff;
}
.contenedor-gral .menu{
 top:2px;
 position:fixed;
 width:99%;
 height:5.2em;
 z-index:100;
 
}
.header{
 display: flex;
 justify-content: space-between;
 width:99%;
 height:5em;
 /*background-color:rgba(0,0,0,1.5);*/
 background:#fff;
 border: 1px solid rgba(253, 147, 157);
 margin:auto auto;
 box-shadow:  3px 2px red,-1em 0 0.4em olive;
 
}
.logo img{
  width:75px;
  height:75px;
}

.titulo{
width:25em;
height:100%;
background:#fff;
text-align:center;
overflow:hidden;
}
.titulo h1{
 padding-top:2px;
 color:RED;
 text-shadow: 1px 3px 1px pink;
}
.redes-sociales{
  padding-top:15px;
}
.redes-sociales i{
 font-size:1.5em;
 padding:15px 15px; 
 color:#000;
 background:#fff;
}
.redes-sociales .fa-phone {
 color:red;
}
.titulo{
 margin-left:35px;
}
/*-----inicio menu-----------------------------------------------*/
.navbar{
 width:100%;
 height:2em;
 background-color:#FD5966;
 margin-top:1px;
 margin-bottom:15px;
 
}

.navbar .nav{
	margin-top:3px;
	float:right;
}
.navbar .nav ul{
 float:right;
}
.navbar .nav__list{
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}

.nav__list a{
	display:block;
	color:#333;
	text-decoration:none;
	font-weight:700;
	font-size:19px;
	line-height:32px;
	padding:0 15px;
	color:#fff;
}

.nav__list li{
	position: relative;
	float:  left;
	margin: 0;
	padding: 0;
}
.nav__list li:hover{
	background-color: gray;
	border-radius:15px;
}
.nav__list ul{
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background-color: #FD5966;
	padding: 0;
	list-style: none;
}
.nav__list ul li{
	float: none;
	width: 200px;
}
.nav__list ul a{
	line-height: 120%;
	padding: 10px 15px;
}
.nav__list ul ul{
	position: absolute;
	top: 0;
	left: 50%;
	background-color: #fff;
}
.nav__list li:hover > ul{
	display: block;
}

/*------------------------------------------------------------------------------*/

.nosotros{
  margin-top:7em;
  background-image: url("../img/galery/principal.png");
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; 
  top:1.5rem;
  
}

.h-nosotros{
 color:#fff;
 margin-left:3rem;
 }
.declaraciones{
  display:flex;
  width:100%;
  height:30rem;
  justify-content:space-evenly;
  text-align:center;
  
}

.declaraciones .container{
  width:30%;
  height:87%;
  background:rgba(253, 252, 252);
  border:1px solid #000;
  text-align:center;
  justify-content:center; 
  margin-top:1.5em;
  padding-top:15px;
  border-radius:15px;
  margin-left:5px;
   
}


.declaraciones .underline,.areas .underline{
left:50%; 
margin-left:-12%;
background-color:red;
color:red;
height:5px;
width:10rem;
margin:auto;
border-radius:25px;
margin-bottom:7px;
}
.declaraciones .decla1,
.declaraciones .decla2,
.declaraciones .decla3{
  background:rgba(253, 252, 252,0.7);
  cursor:pointer;
  
}
.declaraciones .animate{
  animation-name:mover;
  animation-duration:2s;
  animation-timing-function:ease;
  animation-iteration-count:1;
  
  
}

@keyframes mover{
 0%{
   opacity:0;
 }
 50%{
   scale:1.1;
   opacity:.4;
   transform:rotate(45deg); 
 }
}



.declaraciones i{
 font-size:2.5em;
 padding-bottom:1rem;
}
.declaraciones .container p{
  margin-top:15px;
  text-align:center;
  font-weight:1em;
  line-height:1.2em;
  font-size:17px;
}
.decla1 i{ color:red;}
.decla2 i{ color:red;}
.decla3 i{ color:red;}

.decla1:hover{
 /*transform:scale(1);*/
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition:all 500ms ease;
  box-shadow: 5px 2px 35px #566573;
  background:rgba(253, 252, 252);
}
.decla2:hover{
 /*transform:scale(1);*/
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition:all 500ms ease;
  box-shadow: 5px 2px 35px #566573;
  background:rgba(253, 252, 252);
}
.decla3:hover{
 /*transform:scale(1);*/
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition:all 500ms ease;
  box-shadow: 5px 2px 35px #566573;
  background:rgba(253, 252, 252);
}
.areas{
 margin-top:25px;
 width:100%;
 height:45em;
 background-color:rgba(236, 234, 233,0.7);
 text-align:center;
 color:#000;
}
.bloque{
  width:90%;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:evenly;
  margin:auto;
  
}
.blog{
 border:1px solid #000;
 width:25rem;
 height:20rem;
 padding-top:7px;
 margin-left:7px;
 margin-bottom:7px;
 background:rgba(253, 252, 252,0.7);
 color:#000;
 border-radius:15px;
 cursor:pointer;
}
.blog p{
 padding-top:2px;
 font-size:18px;
}
.blog i{
 font-size:1.7rem;
 color:red;
}
.blog:hover{
 background-color:#fff;
 box-shadow:  3px 2px #000,-1em 0 0.4em gray;
}
.deportes img{
 width:17em;
 height:8.5rem;
 margin-top:7px;
}
.turismo img{
 width:17em;
 height:10rem;
 margin-top:7px;
}
.museo img,
.tradiciones  img{
 width:18em;
 height:10.7rem;
 margin-top:7px;
}

.deportes img:hover{transform:scale(1.1);}
.turismo img:hover{transform:scale(1.1);}
.museo img:hover{transform:scale(1.1);}
.tradiciones  img:hover{transform:scale(1.1);}

.los-enventos{
 display:flex;
 justify-content:space-evenly;
 margin-top:25px;
 width:100%;
 height:38em;
 background-color:#fff;
 text-align:center;
 color:#000;
 }
 
 .club-actividades{
   width:55%;
   height:95%;
   background-color:#F4E1F7;
 }
 
 .club-actividades h1{
   margin-top:15px;
   color:red;
 }
 
 .club-actividades .mi-evento{
  display:flex;
  justify-content:space-evenly;
 }
 
 .club-actividades .mi-evento .el-censo,
 .club-actividades .mi-evento .ser-socio{
  width:45%;
  height:90%;
  
 }
 .club-actividades .mi-evento .el-censo img,
 .club-actividades .mi-evento .ser-socio img{
  width:19em;
  height:22em;
 }
 .club-actividades .mi-evento .el-censo img:hover,
 .club-actividades .mi-evento .ser-socio img:hover{
   cursor:pointer;
   transform:scale(1.1);
 }
 .club-actividades .mi-evento .el-censo h6,
 .club-actividades .mi-evento .ser-socio h6{
  margin-top:15px;
  margin-bottom:10px;
  font-size:1.2rem;
 }
.fb-page{
   width:40%;
   height:95%;
   background:#c2c2c2;
   padding-top:20px;
 }
 
 /* ------Footer----------  */
 
 .pie{
   margin-top:2em;
   width:100%;
   height:37em;
   background-color:#fff;
   display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 10px;
  grid-auto-rows: minmax(100px, auto);
   
 }
 .pie-forma{
  background-color:#FAF6F7;
  width:95%;
  margin:auto auto;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
  padding-top:15px;
 }
 
 .pie .ubicacion,
 .pie .club,
 .pie .links,
 .pie .directivos{
   background:#fff;
   color:#000;
   height:98%;
   box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
 }
 .pie .ubicacion h2,
 .pie .club h2,
 .pie .links h2,
 .pie .directivos h2{
  text-shadow: 1px 3px 1px pink;
  }
 .titulos{
   margin-top:7px;
   color:red;
   text-transform:uppercase;
   text-align:center;
   background-color:#fff;
   font-size:16px;
 }
 .detalle{
  text-align:center;
 }
 .detalle i{
   color:#000;
   margin-top:25px;
   font-size:2.5rem;
   margin-left:15px;
   padding-bottom:5px;
   
 }
 .detalle a i:hover{
   color:red;
 }
 
.detalle-sociales,
.detalle-email,
.detalle-telf{
   width:99%;
   height:3.3rem;
   margin:auto auto;
   text-align:center;
   border-top:1px solid #000;
  /* border-bottom:1px solid #FC63A1;*/
   margin-top:7px;
   display:flex;
   flex-direction:row;
   
 }
 .detalle-email i,
 .detalle-telf i,
 .detalle-telf p{
   margin-top:7px;
   font-size:18px;
   margin-left:20px;
 }
 .detalle-email p{
   margin-top:7px;
   font-size:18px;
   margin-left:10px;
 }
 .detalle-email i,
 .detalle-telf i{
   font-size:2em;
   color: #709ffc ;
 }
 
 .detalle-sociales{
  height:3.5rem;
  text-align:center;
  justify-content:center;
  padding-top:7px;
 }
 .detalle-sociales i{
   font-size:2em;
   color: #709ffc ;
 }
 .detalle-sociales ul li {
   display: inline;
   padding:10px 10px;
 
 }
 .detalle i{
  color: #709ffc ;
 }
 .detalle-sociales ul li a i:hover{
    color:red;
 }
  
 .club{
  line-height:22px;
  text-align:center;
  font-family: Gill Sans Extrabold, Helvetica, sans-serif;
 }
 .club p{
   margin-bottom:5em;
 }
.sangre{
   margin-top:5rem;
   color:red;
 }
 .club h2,
 .links h2{
   margin-bottom:10px;
 }
 .links{
  text-align:center;
  justify-content:center;
 }
.links li {
  text-decoration:none;
  list-style:none;
  padding-bottom:22px;
}
.links li a{
 color:#000;
}
 .links li a:hover{
  background-color:red;
  color:#fff;
  padding:5px 5px;
  border-radius:15px;
 }
 
 .directivos{
  padding-left:12px;
 }
 .directivos h2{
  margin-bottom:5px;
 
 }
 .directivos .lista-directivos img{
   width:5.5rem;
   height:6rem;
   border-radius:50%;
 }
 .directivos .lista-directivos img:hover{
   display:absolute;
   cursor:pointer;
   transform:scale(1.2);
 }
 .links-interes img{
  width:65%;
  height:4rem;
  margin-bottom:15px;
 }
 .links-interes hr{
  margin-bottom:15px;
 }
 .links-interes img:hover{
   cursor:pointer;
   transform:scale(1.2);
 }
 
 .pie-fin{
  width:100%;
  text-align:center;
  margin:auto auto;
  background-color:#F3F7E1;
 }