* {
  margin:0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background-color: #edefef;
  font-family: 'Roboto', sans-serif;
  
}

header{
  z-index: 9999;
}

.botones-header{
  background-color: #000051;
  height: 14vh;    
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1.5em;
  
}
.botones-headerscroll{
   background-color: #000051;
   height: 10vh; 
   width: 100vw;
   display: flex;
   justify-content: space-between;
   align-items: center; 
   padding: 0 1.5em;
    }

.botones-headerscrol p {
    
    color:#ffffff;
    font-size: .7em;
    text-align: right;
    margin-right:-.5em;
}



button {
  border: none;
  outline: none;
  background-color: #0000;
}

#burger {
  color: #ffffff;
  font-size: 2em;
  
}

#usuario-boton {
  color: #ffffff;
  font-size: 2em;
  
}

#padre-logoprincipal {
  position: relative;
  top:1.5em;
    left:9em;
}

#logo-principal{
  position: absolute; 
  top:-6.5em;
  width:22%;
  z-index:9998;        
}

#mi-perfil img{
    border-radius: 50%;
}

#menu {
  position:absolute;
  top:14vh;
  left:0;    
  background-color: rgba(255, 255, 255, 0.9);
  min-width: 70vw;
  height: 100vh;  
  display: none;
  z-index: 9997;
}

.bx-wrapper{
    
  border:none;
 box-shadow: 0 4px 2px -2px gray;
    
}

#menu-principal {
  position: absolute;
  
  /* padding-left: 4em; */
  list-style: none;  
  top: 3.5em;
  
}

#menu-principal li {
  text-decoration: none;
  
}

#menu-principal li :hover {
  display:block;
  color: #ffffff;
  background-color: #1a237e;
 }


#menu-principal >li >a {
     padding:.6em 2.2em .6em 2.2em;
    margin-left: .2em;
    margin-bottom: .1em;
    color: #000051;
    font-weight: 600;
    display: block;
    text-decoration: none;
    font-size: 1.5em;  
   }

#menu-principal li a :hover{
  color: darkblue;
  text-decoration: none;
  transition: all .3s;
    
}

#subnoticias {
 background-color: #1a237e;
  margin-left: .3em;
  display: none;
}

#subnoticias li {
  text-decoration: none;
}

#subnoticias li a {
 display: block;
  font-size: 1em;
  font-weight: lighter;
  padding: 1em 4em; 
  color: #ffffff;
  text-decoration: none;
 }

#subnoticias li a:hover {
  
  font-weight: 600;
  color: #10fbc0;
  text-decoration: none;
 }


#subcategorias {
  background-color: #1a237e;
  margin-left: .3em;
  display: none;
}

#subcategorias li {
  text-decoration: none;
}

#subcategorias li a {
 display: block;
  font-size: 1em;
  font-weight: lighter;
  padding: 1em 4em; 
  color: #ffffff;
  text-decoration: none;
 }
#subcategorias li a:hover {
  
  font-weight: 600;
  color: #10fbc0;
  text-decoration: none;
 }

#subgalerias {
  background-color: #1a237e;
  margin-left: .3em;
  display: none;
}

#subgalerias li {
  text-decoration: none;
}

#subgalerias li a {
 display: block;
  font-size: 1em;
  font-weight: lighter;
  padding: 1em 4em; 
  color: #ffffff;
  text-decoration: none;
 }
#subgalerias li a:hover {
  
  font-weight: 600;
  color: #10fbc0;
  text-decoration: none;
 }



/* desde acá el slider */

.foto-slide{
    position: relative;
    margin-top:.2em;
}

.foto-slide a img {
    height: 100%;
    
}

/*.foto-slide a {
  position: relative;
}*/
.overlay{
  position: absolute;
  width: 100%;
  height: 60%;
  background-image: linear-gradient(to top, rgb(20, 15, 116), rgba(20, 15, 116, 0.81), rgba(0, 0, 255, 0));
  background-size: cover;
  bottom:0;
}

.foto-slide a {
  text-decoration: none;
  color: #ffffff;
  text-transform:uppercase;
  
}

.foto-slide a figcaption {
  position:absolute;
  bottom: 0;
  margin-left:2em;
  margin-bottom: 7.6em;
  padding: .2em .5em;
  color: #ffffff;
  text-transform:uppercase;
  font-weight: 900;
  
  background-color: #38ceb5;
  
  /*background-image: linear-gradient(to top, rgb(20, 15, 116), rgba(20, 15, 116, 0.81), rgba(0, 0, 255, 0));
  background-size: cover;
  bottom:0; */
 }

.bajada{
  position:absolute;
  bottom:0;
  margin-bottom: 3.5em;
  margin-left: 1.7em;
  width: 50%;
  color: #ffffff;
  text-transform:uppercase;
  font-size: 1.2em;
  font-weight: 900;
    
  
}

.bx-pager{
    padding-top:0px;
    bottom:0px;
    padding-bottom: 4em;
   }


/*
.foto-slide a figcaption span{
    width: 9em;
    position: absolute;
    color: #ffffff;
    text-transform: uppercase;
          
    }
*/

#link-recordatorio{
    text-decoration: none;
    color:#000000;
}

.contenedor-recordatorio {
  background-color: #ffffff;
  max-width: 100vw;
  margin-top:-2.5em;
  margin-left:0.4em;
  margin-right:0.4em;
  margin-bottom: 1em;
  padding-bottom: .2em;
   padding-top: .7em;
  border-width: .5px;
  border-style:solid;
  border-color: #000000;
  }

.contenedor-recordatorio >span{
    display: inline;
    text-transform: capitalize;
    font-style: oblique;
    font-size: .8em;
    font-weight: 600;
}


.contenedor-recordatorio h3{
    display: inline;
    padding-left: 1em;
    font-variant: small-caps;
    font-size: 1.4em;
    font-weight: 900;
    color:#000051;
    font-size: 1.3em;
}

.versus{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: .9em 2.5em;
    
    
}

.versus figure {
   display: flex;
  align-content:center;
  flex-direction: column;
   
}



.versus figure figcaption {
   display: flex;
   justify-content: center;
   padding-top: 1em;
   text-transform: uppercase;
    font-size: .7em;
    font-weight: 900;
}

.versus img {
  height: 5em;
}


.versus span {
  display: flex;
  align-self:flex-end;
  font-size: 1em;
    font-weight: 900;
}




.contenedor-blanco {
  background-color: #ffffff;
  max-width: 100vw;
  margin-left:0.4em;
  margin-right:0.4em;
  margin-bottom: 1em;
  padding-bottom: 1em;
}

.contenedor-blanco a {
  text-decoration: none; 
}

.encabezado-titulos-secciones {
  display: flex;
  padding-top: 1em;
  margin-bottom: 1em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  flex-direction: row;
  justify-content: space-between;
  border-bottom-width: 1.5px;
  border-bottom-style:solid;
  border-bottom-color: #38ceb5;
}

.encabezado-titulos-secciones h2 {
  display: flex;
  color: #000051;
  margin-left: .5em;
  font-size: 1.6em;
  font-weight:bolder;
  text-transform: uppercase;
  align-self: baseline;
  padding-bottom: .150em;
}

.encabezado-titulos-secciones a {
  align-self: baseline;
  margin-right: 0.5em;
  color:#000000;
    font-size: .8em;
  font-style: oblique;
  text-transform: capitalize;
  text-decoration: none;
}

#camara-perfil{
    color: #000051;
    font-size: 1.8em;
    background-color:#10fbc0;
    border-radius: 50%;
    padding: .3em;
    margin-bottom: .3em;
    margin-right: .3em;
}

.noticia-contenedor {
  margin-top:1.2em;
  padding-left: 0.5em;
  display: flex;
  flex-direction: row;
}

.noticia-contenedor img {
  width: 42%;
  float: left;
  display: block;
}

.noticia-texto-contenedor {
  display: flex;
  flex-direction: column;
  width: 50%;
  padding-left:.9em;
}

.noticia-texto-contenedor h4{
    background-color: #000051;
    color: #ffffff;
    padding: .15em .6em;
    width: auto;
    font-weight: 100;
    margin-bottom: .1em;
    font-size: .8em;
    text-transform: uppercase;
}

.noticia-texto-contenedor h5{
    
    color: #000000;
    text-transform: uppercase;
    font-size: 1em;
    font-weight:900 ;
    padding: .15em 0;
    margin-bottom: .2em;
}

.noticia-contenedor p{
    display: none;
}

.noticia-texto-contenedor span{
    color:#000000;
    font-style: oblique;
    font-size: .7em;
    font-weight: 100;
}

.noticia-texto-contenedor span .fas{
   font-weight: 100; 
    padding: .1em .4em 0 0;
}

/* acá empieza el desarrollo de las noticias*/

.cada-noticia-especifica {
    padding-left: 0.4em;
    padding-right: 0.4em;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #aaaaaa;
    margin-bottom: 1em;
    padding-bottom: 2em;
}

.cada-noticia-especifica span{
    color:#000000;
    font-style: oblique;
    font-size: .8em;
    font-weight: 200;
}

.cada-noticia-especifica span i{
    color:#000000;
    font-style: oblique;
    padding-right: .5em;
    font-weight: 200;
}

.cada-noticia-especifica figure{
    position: relative;
    padding-top: .4em;
 }

.cada-noticia-especifica figure img{
    width:100%;
    height: 25vh;
}

.cada-noticia-especifica figcaption{
    position: absolute;
    bottom:0;
    color: #ffffff;
    text-transform: capitalize;
    font-weight: 900;
    font-size: 1.2em;
    width: 100%;
    height: 50%;
    background-image: linear-gradient(to top, rgb(20, 15, 116), rgba(20, 15, 116, 0.81), rgba(0, 0, 255, 0));
    background-size: cover;
    left:0;
    padding-left:1.1em;
    padding-right: 4em;
}

.icon-plus{
    position: absolute;
    color:#10fbc0;
    bottom:-.3em;
    right:0;
    padding-right: .4em;
    font-size: 2em;
}

.cada-noticia-especifica p{
    padding-left: 0.4em;
    padding-right: 0.4em;
    padding-top: .9em;
    font-size: 1em;
}

/* desarrollo de una noticia*/

.noticia-desarrollo{
    padding-left: 1em;
    padding-right: 1em;
}

.noticia-desarrollo h1{
    
    color: #000000;
    text-transform: capitalize;
    font-size: 1.7em;
    font-weight:900 ;
    padding: .2em 0 .2em 0;
    margin-bottom: .2em;
    font-weight: bolder;
}
.imagen-y-bookmark{
    position: relative;
}

.noticia-desarrollo img{
    width:100%;
    height: 100%;
    margin-bottom: 1.5em;
    
}

.imagen-y-bookmark i{
    position: absolute;
    bottom:0;
    right:0;
    margin-bottom: .5em;
    margin-right:.4em;
    font-size:2em;
    padding:.2em;
    background-color: #10fbc0;
    border-radius: .2em;
    color: #000051;
}

.volanta{
    
    color: #000000;
    font-size: 1.25em;
    font-weight:900 ;
    padding: .5em 0 .5em 0;
    margin-bottom: .2em;
    font-weight:normal;
}

.compartir {
    display: flex;
    justify-content: flex-end;
    font-variant: small-caps;
    font-size: .9em;
    align-items: center;
}
.compartir i{
    display: flex;
    color: #10fbc0;
    font-size: 2em;
    padding-left: .2em;
    padding-bottom: .2em;
}

.cuerpo-noticia {
    font-size: 1.1em;
}

.cuerpo-noticia a{
    color: #2e2eff;
    font-style: italic;
    text-decoration: underline;
}

.contenedor-video{
    position: relative;
    margin: 0 auto;
    margin-bottom: 1em;
    height: 0;
    padding-bottom: 56.25%;
    }

.contenedor-video iframe{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;    
    }



/*parte final del desarrollo de las noticias*/

.final-noticia {
    position: relative;
    margin-top: 1.5em;
    padding-left: .6em;
    padding-right: .6em;
    margin-bottom: .5em;
    
    
 }

.final-noticia img{
    width:100%;
    height: 25vh;
    box-shadow: 0 0p 0px 1px gray;
}

.final-noticia figcaption{
    position: absolute;
    bottom:0;
    color: #ffffff;
    text-transform: capitalize;
    font-weight: 900;
    font-size: 1.2em;
    width: 91vw;
    padding-left: 1em;
    height: 50%;
    background-image: linear-gradient(to top, rgb(20, 15, 116), rgba(20, 15, 116, 0.81), rgba(0, 0, 255, 0));
    background-size: cover;
}

.noticias-relacionadas{
    
    border-color:#aaaaaa;
    border-width:1px;
    border-style:solid;
    padding:1em .9em 2em .9em;
    margin:1em .6em;
    display: flex;
    flex-direction: column;
    
}

#noticias-relacionadastitulo{
  text-transform: uppercase;
    font-size: 1em;
    font-weight: 900;
    padding: 1em 0;
    
    
}

.noticias-relacionadas i{
    padding-bottom: .2em;
    
}

.noticias-relacionadas a{
    padding-bottom: 1em;
    color:#000051;
    
}




/* acá empiezan las burbujas */


.contenedor-burbujas {
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  overflow-x: scroll;
  padding: 1em 0 1 0;
  margin:0 2em 1em 2em;
  
}

#flechitas{
    
    position: relative;
}

#f-left{
    
    font-size: 2em;
    left:0;
    padding-left:.125em;
    bottom:0;
    padding-bottom:1.5em;
    position: absolute;
    color:#000051;
}

#f-right{
    
    font-size: 2em;
    right:0;
    padding-right: .125em;
    bottom:0;
    padding-bottom:1.5em;
    position: absolute;
    color:#000051;
}

.contenedor-burbujas li{
  list-style: none;  
}

.contenedor-burbujas li figure{
  
  position: relative;
}



.cada-burbuja img {
  border-radius: 50%;
  width: 25vw;
  opacity: 0.6;
  display: block;
  margin-left:.2em;
  margin-right:.2em;
  
}

.contenedor-burbujas li figure figcaption{
  border-radius: 50%;
  padding-bottom:25%; 
  color:#000051;
  position: absolute;
  bottom:0;
  left: 0;
  padding-left: .7em;
  margin:auto;
  font-size: 1.3em;
  font-weight: 900; 
  text-transform: uppercase;  
}



.cada-burbuja img:hover {
 
  width: 28vw;
  opacity: 1;
  display: block;
  margin-left:.2em;
  margin-right:.2em;
  transition: all .4s;
 }


.contenedor-burbujas li figure figcaption:hover{
  display: block;
  bottom:0;
  padding-bottom: 1em;
  left:0;
  padding-left: 1em;
  position: absolute;
  color: #ffffff;
    text-transform: uppercase;
    transition: all .4s;
}



/* galeria */

.contenedor-galeria {
  padding-bottom: 2em;
  padding-left: .4em;
  padding-right: .4em;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;  
}

.contenedor-galeria figure {
  width:45vmin;
  margin: .125em;
  position: relative;
  overflow: hidden;
}

.contenedor-galeria img {
  width: 100%;
  display:block;
}

.contenedor-galeria figcaption {
  width: 100%;
  color: white;
  text-transform: uppercase;
  padding: 2em .5em .5em .5em;
  line-height: 1em;
  position: absolute;
  height: 100%;
  top: calc(100% - .5em);
  transition: all .5s ease;
}

.contenedor-galeria figure:hover figcaption {
  background-image: linear-gradient(to top, rgb(16, 251, 192), rgb(16, 251, 192),rgba(0, 0, 255, 0));
  top: 30%;
  transition: all .5s ease;   
}
 /* desarrollo galerias */

.cada-galeria{
    margin-bottom: 2em;
}

.cada-galeria figcaption{
    padding-left:.4em;
    font-size: .8em;
    color: #000000;
    text-transform: capitalize;
}

.cada-galeria img{
    padding-left: .4em;
    padding-right: .4em;
    width:100%
}

.cada-galeria figure{
    position: relative;
}

.cada-galeria i{
    position: absolute;
    bottom:0;
    right: 0;
    margin-bottom: 2em;
    margin-right:1em;
    font-size:1em;
    padding:.3em;
    background-color: #10fbc0;
    border-radius: .3em;
    color: #1a237e;
    
}

/* desarrollo primer galeria*/

.desarrollo-galeria {
  padding-bottom: 2em;
  padding-left: .5em;
  padding-right: .2em;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;  
}

.desarrollo-galeria a{
    position: relative;
    text-decoration: none;
}

#bookmarks{
    position: absolute;
    right:.5em;
    bottom:.5em;
    font-size: 1.5em;
    padding:.2em;
    background-color: #10fbc0;
    border-radius: .2em;
    color: #000051;
}

.desarrollo-galeria img{
    display:flex;
    width:45vmin;
    height: 45vmin;
  margin: .1em;
}

.nombre-galeria{
    text-transform: capitalize;
    text-align: center;
    color:#1a237e;
    font-size: 1.3em;
    font-weight: 900;
    padding-bottom: .5em;
    margin-left: .4em;
    margin-right:.4em;
}

#lightbox-display {
  display: none; 
  position: fixed; 
  z-index: 100;   
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.9);
}


#lightbox-content {
  position: absolute;
  margin: auto;
  display: block;
  max-height: 95vh;
  max-width: 95vw;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 1px;
}

#lightbox{
    top:0;
}

.lightbox .lb-image{
    border-width: none;
    border-color: none;
    border-style: none;
    border-radius: 0;
    margin-top:6em;
    
}

.lb-closeContainer{
    position: relative;
}

.lb-close{
    position: absolute;
    right: 0;
    bottom:0;
    margin-bottom: 18em;
    
}

/* VIDEOS */

.contenedor-video-home{
    position: relative;
    margin: 0 .4em;
    margin-bottom: 1em;
    height: 0;
    padding-bottom: 56.25%;
    }

.contenedor-video-home iframe{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;    
    }


/* desarollo videos*/

.nombre-videos{
    text-transform: capitalize;
    text-align: center;
    color:#1a237e;
    font-size: 1.5em;
    font-weight: 900;
    border-bottom-color: #c1c1c1;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-top: 1.2em;
    padding-bottom: .15em;
    margin-left: .4em;
    margin-right:.4em;
    margin-bottom: .5em;
}

.descripcion-videos{
    padding-left: .4em;
    margin-top:-1em;
    margin-bottom: 2em;
    font-size: .8em;
    color: #000000;
 }

/* aca estilo de CONTACTO */

.mapa-contacto{
    padding:.4em;
    
    }

.mapa-contacto iframe{
    width:90vmin;
    height: 50vmin;
}

.contacto-club{
    color: #1a237e;
    font-size: 1.5em;
    padding-left: .5em;
    width: 60%;
    text-transform: uppercase;
    padding-bottom: 1em;
}

.contacto-direccion{
    padding-top: 1em;
    color: #1a237e;
    font-size: 1.35em;
    padding-left: .5em;
    width: 60%;
    padding-bottom: 10em;
    font-style: italic;
}

/* aca empieza el footer */

footer{
  background-color: #000051;
  height:15em;
  position: relative;
  bottom:0;
  width:100vw;
}

.datos-footer {
  display: flex;
  flex-direction: row;
  justify-content: center;
    align-items: center;
    padding-top:1em;
    padding-left: 2em;
    padding-right: 2em;
}

.texto-footer{
    display: flex;
    flex-direction: column;
    
}

footer h6 {
  color: #ffffff;
  font-size: 1.3em;
    width:8em;
}


footer img {
  width: 9em;
  margin-left: -.5em;
 }

.datos-footer p {
  color:#ffffff;
  text-align: left;
  font-size: .6em;
  font-style: italic;
  font-weight: lighter;
  width:9em;
    padding-top: 1em;
}

#texto-final{
  position: absolute;
  color: #ffffff;
  font-size: .5em;
  text-align: center;
  top: 21em;
  width: 35em;
  left:10%;
  padding-top:1em;
  border-top-width: 1.2px;
  border-top-style:solid;
  border-top-color: #ffffff;
}


/* estilo página categorias*/

.contenedor-categorias ul{
  display:flex;
  flex-direction: row;
  justify-content: space-around;
  border-bottom-width: .4px;
  border-bottom-style:solid;
  border-bottom-color: #aaaaaa;
  padding-bottom: 1em;
  padding-top: 2.5em;
  margin-left:.4em;
  margin-right:.4em;
  
}

.contenedor-categorias li {
  list-style: none;
    padding:.5em;
    
}

.contenedor-categorias li:hover {
  background-color:#10fbc0;
  color: #ffffff;
  padding:.5em;
}

.contenedor-galeria-inicio {
  background-color:#10fbc0;
  color: #ffffff;
  padding:.5em;
}

.contenedor-categorias button {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 700;
  color: #000000;
  font-size: 1em;
}







/* estilo pagina jugadores por categoria */

.contenedor-jugadores {
  padding-bottom: 2em;
  padding-left: .4em;
  padding-right: .4em;
  padding-top: 2em;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
 }

.contenedor-jugadores figure {
  width: 45vmin;
  margin: 0 .125em .5em .125em;
  position: relative;
}

.contenedor-jugadores img {
  width: 100%;  
}

.contenedor-jugadores a figcaption {
  width: 100%;
  color: #1a237e;
  background-color:#10fbc0;
  text-transform: capitalize;
  font-weight: 900;
  line-height: 1em;
  position: absolute;
  top: calc(100% - 2em);
  margin-left:0;
  height:20%;
  padding-top:.5em;
  padding-bottom:.5em;
  padding-left: 20%;  
}

/*estilo de la ficha tecnica*/

.nombre-jugador{
    text-transform: capitalize;
    text-align: center;
    color:#1a237e;
    font-size: 1.5em;
    font-weight: 900;
    border-bottom-color: #c1c1c1;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-top: 1.2em;
    padding-bottom: .15em;
    margin-left: .4em;
    margin-right:.4em;
}

.foto-jugador{
    padding-left: 6%;
    padding-top:2em;
}

.datos-ficha{
    margin-top: 1.5em;
    text-align: left;
    padding-left: 1.5em;
    list-style: none;
    text-transform: capitalize;
}
.datos-ficha li{
    font-weight: 900;
    font-style: italic;
    padding-bottom: .2em;
    font-size: 1.2em;
    
}

.datos-ficha li span{
    font-style: normal;
    color:#1a237e;
    padding-left: .2em;
    
}


/* estilo para los fixtures */

.contenedor-fixture {
  height:100vh;
  display:none;
  color:#000051;
   
}

.contenedor-fixture h5 {
  text-transform: uppercase;
  margin-left:1.2em;
  padding-top: 1em;
  margin-bottom: 1.5em;
  color:#000051;
}

.cada-partido {
  background-color: #000051;
  max-width:100vw;
  margin-left: 1em;
  margin-right: 1em;
  margin-bottom:1em; 
  list-style: none; 
}

.cada-partido ul {
  display: flex;
  padding:.9em;
  align-items: center;  
}

.cada-partido ul li {
  list-style: none;
  display:flex;
  flex-direction: column;
  width: 35%;
  height:100%;
  flex-wrap: wrap;
}

.cada-partido ul li h6 {
   color: #ffffff;
   text-transform: uppercase;
   font-size: .7em;
   margin-bottom: .6em;
   display: flex;
   justify-content: center;
}

.cada-partido ul li div {
  background-color: #10fbc0;
  color: #000051;
  width: 100%;
  margin-bottom: .6em;
  display: flex;
  justify-content: center;  
}

.cada-partido ul li p {
  text-transform: uppercase;
  color: #ffffff;
  font-size: .6em;
  display: flex;
  justify-content: center;  
}


/* estilo de la tabla de posiciones*/

.contenedor-posiciones{
    height:100vh;
    display:none;
    width:120vw;
    padding-left: .4em;
    padding-right: .4em;
    
}

.contenedor-posiciones h5 {
  text-transform: uppercase;
  margin-left:.7em;
  color:#000051;
  padding-top: 1em;
  margin-bottom: 1.5em;
  
}

.contenedor-posiciones table, th, td {
  border: 1px solid black;
  border-collapse:collapse;
}

.cabeceras-posiciones{
    background-color:#10fbc0; 
    text-transform: uppercase;
    color:#000051;
}

td:nth-child(2){
    text-align: left;
}

.contenedor-posiciones th, td {
  padding: .25em 1em .25em 1em;
}

.contenedor-posiciones td {
  padding: .25em 1em .25em 1em;
}

th {
  text-align: center;
}

td{
    text-align: center;
}

table {
  border-spacing: 5px;
}

/* estilos para EL CLUB*/

#detalles-calendario-perfil{
    display: flex;
    border-width: 1px;
    border-style: solid;
    border-color:#aaaaaa;
    
}


.contenedor-nosotros{
    padding-left: .4em;
    padding-right: .4em;
    padding-top: 1.5em;
}

.contenedor-nosotros p{
    padding-left: .8em;
    padding-right: .8em;
    font-size: 1.1em;
     
}

.nosotros{
    padding-left: .8em;
    padding-bottom: .2em;
    text-transform: uppercase;
    font-size: 1.2em;
}

.contenedor-autoridades{
    height:100vh;
    display:none;
    padding-left: .4em;
    padding-right: .4em; 
    padding-top: 1em;
}

.autoridad{
    background-color: #38d6bb;
    height: 4.5em;
    position: relative;
    margin-bottom: 1em;
}

.autoridad h2{
    position: absolute;
    font-size: 1em;
    display: inline;
    padding-left: .8em;
    padding-top: .8em;
}

#secretario {
    position: absolute;
    font-size: 1em;
    left:0;
    padding-left: 11em;
    padding-top: .8em;
}

#secretario1 {
    position: absolute;
    left:0;
    padding-left: 8.8em;
    padding-top: .8em;
    color:#1a237e;
    font-size: 1.25em;
    font-weight: 900;
}

.contenedor-autoridades p{
    position: absolute;
    display: inline;
    bottom:0;
    padding-left: .8em;
    padding-bottom: .5em;
    color:#1a237e;
    font-size: 1.25em;
    font-weight: 900;
}

.contenedor-historia{
    
    display:none;
    padding-left: .4em;
    padding-right: .4em;
    padding-top: 1.5em;
    padding-bottom: .5em;
 }

.contenedor-historia p{
    padding-left: .8em;
    padding-right: .8em;
    font-size: 1.1em;
 }

.contenedor-historia img{
    width:100%;
    padding-left: .4em;
    padding-right: .4em;
    padding-top: 1.5em;
    padding-bottom: 1em;
 }
/* ESTILOS PARA AGENDA */

#detalles-calendario-1{
    display: flex;
    border-width: 1px;
    border-style: solid;
    border-color:#aaaaaa;
    display:none; 
    
}

#dato-1{
    background-color: #ff22e5;
    width: 5em;
    height:4em;
    padding-top: .7em;
    padding-left: .8em;
    font-size: 1em;
}

#dato-2{
    
    width: 12em;
    height:4em;
    padding-top: .7em;
    padding-left: .5em;
    }

#dato-3{
    padding-top: .9em;
    font-size: .9em;
    
}

#detalles-calendario-2{
    display: flex;
    border-width: 1px;
    border-style: solid;
    border-color:#aaaaaa;
    display:none;
    
}

#dato-1-1{
    background-color: #6161de;
    width: 5em;
    height:4em;
    padding-top: .7em;
    padding-left: .8em;
    font-size: 1em;
}

#dato-2-2{
    
    width: 12em;
    height:4em;
    padding-top: .7em;
    padding-left: .5em;
    }

#dato-3-3{
    padding-top: .9em;
    font-size: .9em;
}

/*ESTILOS PARA EVENTO ESPECIFICO1*/
#bookmark-agenda{
    position: absolute;
    right:.8em;
    font-size: 1.7em;
    padding:.2em;
    background-color: #10fbc0;
    border-radius: .3em;
    color: #000051;
}

.evento-especifico{
    color:#38d6bb;
    font-size: .8em;
    text-align: center;
    padding-top: 1.2em;
}

.texto-eventoespecifico{
    padding: 1.5em;
    font-size: .9em;
    
}

#icon-delevento{
    font-size:2em;
    padding-left: .8em;
    display: block;
    padding-bottom: .3em;
}

.datos-delevento{
    padding-left:.5em;
    font-size: .5em;
    font-family: sans-serif;
    font-weight: 600;
    font-style: italic;
}

/* formularios */


.fondo-formulario {
  background-image: linear-gradient(to top,#38d6bb,rgb(16, 251, 192));
  height: 100vh;
}


.cerrar-formulario i{
   position: absolute;
    top:0;
    right:0;
    padding-right: .5em;
    padding-top: .5em;
    font-size: 3em;
    color: #000051;
}

.logo-formulario {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top:5em;
}

.logo-formulario img {
  display: flex;
  width: 40vmin;
}

.titulo-formulario h4 {
  display: flex;
  justify-content: center;
  color: #000051;
  margin-left: 0.5em;
  font-size: 1.4em;
  font-weight: 900;
  text-transform: uppercase;
  align-self: baseline;
  margin-top:1em;
}

form {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 1.5em;
}


form input {
  display: flex;
  border-radius:.4em;
  width: 75%;
  height: 4em;
  border-width: 1px;
  border-style:solid;
  border-color: #aaaaaa;
  padding-left:1em;
  margin-bottom: 1em;
  color: #b7b7b7;
}

#comprobar{
    display: none;
}

#crear-cuenta{
  display: flex;
  border-radius:.4em;
  width: 75%;
  height: 4em;
  padding-left:24%;
  margin-bottom: 1em;
  color: #ffffff;
  background-color: #1a237e;
}

.yatengocuenta {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left:10%;
  margin-right:10%;
  margin-top: 1em;
  padding-top: .8em;
  border-top-width: 1.2px;
  border-top-style:solid;
  border-top-color: #000051;
  font-size: .8em;
  text-transform: uppercase;
  color: #1a237e;
  text-decoration:none;
}

.yatengocuenta a {
  display: flex;
  text-decoration:none;
  font-weight: 700;
}

#caja-recuerdame{
    display: flex;
    flex-direction: row;
    align-items: center;
    width:75%;
    margin-top:-1.5em;
    
}

#recuerdame{
    display:flex;
    width:7%;
}

#label-recuerdame{
    display: flex;
    padding-bottom: 1em;
    padding-left: .5em;
    font-size: .8em;
    font-style: italic;
    color:#777777;
}

#caja-recuerdame a{
    display: flex;
    padding-bottom: 1em;
    padding-left: 3.9em;
    font-size: .8em;
    font-style: italic;
    color:#777777;
    text-decoration: none;
}



/* estilo del INGRESO */

#ingreso-background{
  margin-top:.8em;
  text-transform: uppercase;
  color:#000051;
  background-image: linear-gradient(to top,#38d6bb,rgb(16, 251, 192));
  height: 20vh; 
  font-size: 1.4em;
  font-weight: 900;
  margin-left:-.4em;
  margin-right:-.4em;
  padding-left:38%;
  padding-top:13%;
  }

#ingreso-saludo{
    text-align: center;
    font-size: 1.5em;
    color:#000051;
    padding-top:1em;
    font-weight: 900;
}

#ingreso-confirmacion{
  text-align: center;
    padding-left:2em;
    padding-right:2em;
    font-size: .9em;
    color:#000051;
    padding-top:1em;
    font-weight: 600;  
}

/*INDEX LOGUEADO ESTILOS*/

.texto-perfil {
    
    color:#ffffff;
    font-size: .7em;
    text-align: right;
    margin-right:-.5em;
    
}
.botones-header a span{
        
}

/* POP UP LOGUEATE*/

    
.overlay1 {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.7);
transition: opacity 500ms;
visibility: hidden;
opacity: 0;
    z-index:9996;
}

.overlay1:target {
    visibility: visible;
    opacity: 1;
}

#popupBody{
width: 15em;
height: 20em;

background-color: #f4f4f4;
position: relative;
margin:60% 12% 40% 12%;
border-radius: 15px;
box-shadow: 0 0 5px #CCC;
}

#popupBody h3{
    color:#000051;
    text-transform: capitalize;
    padding:2em;
    font-size: 1.2em;
    text-align: center;
}

#cerrar-popup i{
   position: absolute;
    top:-1em;
    right:0;
    font-size: 3em;
    color: #10fbc0; 
}

#popup-sesion {
  display: flex;
  border-radius:.4em;
  width: 75%;
  height: 4em;
  padding-left:3em;
  margin-bottom: 1em;
  color: #ffffff;
  background-color: #1a237e;
}

/* POP UP LOGUEATE FOTOS*/

.overlay2 {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.7);
transition: opacity 500ms;
visibility: hidden;
opacity: 0;
    z-index:9996;
}

.overlay2:target {
    visibility: visible;
    opacity: 1;
}

#popupBody2{
width: 15em;
height: 20em;

background-color: #f4f4f4;
position: relative;
margin:40% 12% 40% 12%;
border-radius: 15px;
box-shadow: 0 0 5px #CCC;
}

#popupBody2 h3{
    color:#000051;
    text-transform: capitalize;
    padding:2em;
    font-size: 1.2em;
    text-align: center;
}

#cerrar-popup2 i{
   position: absolute;
    top:-4.5em;
    right:-5em;
    font-size: 3em;
    color: #10fbc0; 
 }

#popup-sesion2 {
  display: flex;
  border-radius:.4em;
  width: 75%;
  height: 4em;
  padding-left:3em;
  margin-bottom: 1em;
  color: #ffffff;
  background-color: #1a237e;
}

#cerrar-popupvideos {
    position: relative;
   top:-13.5em;
    right:-12.5em;
    color: #10fbc0; 
 }

#cerrar-popupvideos i{
    position: absolute;
   font-size: 3em;
    color: #10fbc0; 
 }

.popupContent img{
    position: absolute;
    width:10em;
    left: 2.5em;
    top:2.5em;
    border-radius: 50%;
}

#crear-foto{
  position: absolute;
  border-radius:.4em;
  width: 75%;
  height: 4em;
  bottom:2em; 
  margin-bottom: 1em;
  color: #ffffff;
  background-color: #1a237e;
}


/*MI PERFIL ESTILOS*/

.cada-noticia-especificausuario {
    display:none;
    padding-left: 0.4em;
    padding-right: 0.4em;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #aaaaaa;
    margin-bottom: 1em;
    padding-bottom: 2em;
    padding-top:1em;
}

.desarrollo-galeriausuario {
 
  padding-bottom: 2em;
  padding-left: .5em;
  padding-right: .2em;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; 
  display:none;
}

.desarrollo-galeriausuario img{
    display:flex;
    width:45vmin;
    height: 45vmin;
  margin: .1em;
}




/*DESDE ACA VAN LOS @ MEDIA!!!*/


@media (min-width:30em){
    
 footer{
  background-color: #000051;
  height:15em;
  position: relative;
  top:82em;
  width:100vw;
}

.datos-footer {
  display: flex;
  flex-direction: row;
  justify-content: center;
    align-items: center;
    padding-top:1em;
    padding-left: 2em;
    padding-right: 2em;
}

.texto-footer{
    display: flex;
    flex-direction: column;
    
}

footer h6 {
  color: #ffffff;
  font-size: 1.3em;
    width:8em;
}


footer img {
  width: 8em;
  margin-left: -.5em;
 }

.datos-footer p {
  color:#ffffff;
  text-align: left;
  font-size: .6em;
  font-style: italic;
  font-weight: lighter;
  width:9em;
    padding-top: 1em;
}

#texto-final{
  position: absolute;
  color: #ffffff;
  font-size: .7em;
  text-align: center;
  top:0;
  margin-top:15em;
  width:80%;
  border-top-width: 1.2px;
  border-top-style:solid;
  border-top-color: #ffffff;
}

 /*el menu*/
    
.botones-header{
  background-color: #000051;
  height: 12em;    
  width: 100vw;
  flex-direction: row;
  align-items: center;
  padding: 0 1.5em;
 
}
.botones-headerscroll{
   background-color: #000051;
   height: 10vh; 
   width: 100vw;
   display: flex;
   justify-content: space-between;
   align-items: center; 
   padding:1.5em;
   display: none;
    }


button {/*
  border: none;
  outline: none;
  background-color: #0000; */
  display: flex;
}

#burger {
  color: #ffffff;
  font-size: 2em;
    display: none;
  
}

#usuario-boton {
  display: flex;
  align-items: flex-end;
  margin-right: 1em;
  color: #ffffff;
  font-size: 2.5em;
  padding-top: 3em;
  
}

#padre-logoprincipal {
  position: relative;
  top:1.5em;
  left:4em;
}

#logo-principal{
  position: absolute; 
  top:-11em;
  width:12em;
  z-index:9998;        
}

#menu {
  display: block;
  width: 100%;
  height:4em;
  top:9em;
  left:20%;  
  background-color: #0000;
  
  
}

.bx-wrapper{
  border:none;
 box-shadow: 0 4px 2px -2px gray;
    
}

#menu-principal {
  display: flex;
  flex-direction: row;
  list-style: none;  
  top: 0
  
}

#menu-principal li {
  text-decoration: none;
  
}

#menu-principal li :hover {
  display:block;
  color: #ffffff;
  background-color: #1a237e;
 }


#menu-principal >li >a {
    margin-bottom: .1em;
    color: #ffffff;
    font-weight: 600;
    text-decoration: none;
    font-size: 1.2em;  
    text-transform: uppercase;
    border-right-width:1px;
    border-right-style:solid;
    border-right-color: #ffffff;
   }
    
    #menu-principal >li >a >i{
        display:none;
    }
    

#menu-principal a:hover #subnoticias{
  display:block;
 }

#subnoticias {
 background-color: #1a237e;
  margin-left: .3em;
  color: darkblue;
  width: 100%;
  text-decoration: none;
  transition: all .5s;
  }

#subnoticias li {
  list-style: none;
  text-decoration: none;
}

#subnoticias li a {
 
 display: block;
  font-size: 1em;
  font-weight: lighter;
  padding: 1em 2em 1em 1.5em; 
  color: #ffffff;
  text-decoration: none;
 }

#subnoticias li a:hover {
  
  font-weight: 600;
  color: #10fbc0;
  text-decoration: none;
 }


#subcategorias {
  background-color: #1a237e;
  margin-left: .3em;
  display: none;
}

#subcategorias li {
  text-decoration: none;
  list-style: none;
}

#subcategorias li a {
 display: block;
  font-size: 1em;
  font-weight: lighter;
  padding: 1em 2em 1em 2em; 
  color: #ffffff;
  text-decoration: none;
 }
#subcategorias li a:hover {
  
  font-weight: 600;
  color: #10fbc0;
  text-decoration: none;
 } 
    
    #subgalerias li{
    list-style: none;
    }    
    
    
#index-media{
    position: relative;
    
    }   

#index-recordario{
 position: absolute;
 left: 30em;
 width:39.5em;
}

#index-noticias{
position: absolute;
left:30em;
width:40em;
top:145%;
    }
    
#index-categorias{
    position: absolute;
    left: 30em;
    top:253%;
    width: 60em;
    height:15m;
}
    
#index-galeria-fotos{
    position: absolute;
    left:70em;
    width:20em;
    top:145%;
    
}    
    
#index-galeria-videos{
    position: absolute;
    top:101%;
    width:20em;
    left:70em;
    
}
    
    
    
.foto-slide{
   margin-top:0;
   left:1em;
    background-color: #000000;
}

.foto-slide a img {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 65vh;
    width: 49vw;
    
}

.overlay{
  width: 100%;
  height: 60%;
  bottom:0;
  left: 0;
  right: 0;
  margin: auto;
}

.foto-slide a {
  text-decoration: none;
  color: #ffffff;
  text-transform:uppercase;
  
}

.foto-slide a figcaption {
  left:30%; 
  bottom: 5%;
  padding: .2em .5em;
   
 }

.bajada{
  bottom:7%;
  left:30%;
  font-size: 1.2em;
 
}
    
/* RECORDATORIO RESPONSIVE*/
   
    
.contenedor-recordatorio {
  background-color: #ffffff;
  margin-top:-2.5em;
  margin-bottom: auto;
  padding-bottom: 2em;
  padding-top: 2em;
  padding-left: 3em;
  padding-right: 3em;
  border-width: 0;
  border-style:solid;
  border-color: #000000;
  }

.contenedor-recordatorio >span{
    display: inline;
    text-transform: capitalize;
    font-style: oblique;
    font-size: .8em;
    font-weight: 600;
}


.contenedor-recordatorio h3{
    display: inline;
    padding-left: 1em;
    font-variant: small-caps;
    font-size: 1.4em;
    font-weight: 900;
    color:#000051;
    font-size: 1.3em;
}

.versus{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: .9em 2.5em;
    
    
}

.versus figure {
   display: flex;
  align-content:center;
  flex-direction: column;
   
}

.versus figure figcaption {
   display: flex;
   justify-content: center;
   padding-top: 1em;
   text-transform: uppercase;
    font-size: .7em;
    font-weight: 900;
}

.versus img {
  height: 8em;
}


.versus span {
  display: flex;
  align-self:center;
  font-size: 3em;
    font-weight: 900;
}
    
/* HOME NOTICIAS RESPONSIVE*/
    

.contenedor-blanco {
    
  background-color: #ffffff;
 padding-left:2em;
 padding-right:2em;
  left:30em;
  margin-right: 1em;
  margin-top:1em;
  padding-bottom: 1em;
    
}

.contenedor-blanco a {
  text-decoration: none; 
}

.encabezado-titulos-secciones {
  display: flex;
  padding-top: 2em;
  margin-bottom: 1em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  flex-direction: row;
  justify-content: space-between;
  border-bottom-width: 1.5px;
  border-bottom-style:solid;
  border-bottom-color: #38ceb5;
}

.encabezado-titulos-secciones h2 {
  display: flex;
  color: #000051;
  margin-left: .5em;
  font-size: 1.6em;
  font-weight:bolder;
  text-transform: uppercase;
  align-self: baseline;
  padding-bottom: .150em;
}

.encabezado-titulos-secciones a {
  align-self: baseline;
  margin-right: 0.5em;
  color:#000000;
    font-size: .8em;
  font-style: oblique;
  text-transform: capitalize;
  text-decoration: underline;
}

.noticia-contenedor {
  margin-top:1.2em;
  display: flex;
  flex-direction: row;
}

.noticia-contenedor a{
  text-decoration: none;
    color:#000000;
}

.noticia-contenedor img {
  width: 45%;
  float: left;
  display: block;
}

.noticia-texto-contenedor {
  display: flex;
  width:55%;
  flex-direction: column;
  padding-left:.9em;
}

.noticia-texto-contenedor h4{
    background-color: #000051;
    color: #ffffff;
    padding: .15em .6em;
    width: 95%;
    font-weight: 100;
    margin-bottom: .1em;
    font-size: .8em;
    text-transform: uppercase;
}

.noticia-texto-contenedor h5{
    
    color: #000000;
    text-transform: uppercase;
    font-size: 1em;
    font-weight:900 ;
    padding: .15em 0;
    margin-bottom: .2em;
}

.noticia-contenedor p{
    display: block;
    font-size: .9em;
    padding-bottom: 1em;
}    
    
.noticia-texto-contenedor span{
    color:#000000;
    font-style: oblique;
    font-size: .7em;
    font-weight: 100;
}

.noticia-texto-contenedor span .fas{
   font-weight: 100; 
    padding: .1em .4em 0 0;
}    
    
    #noticias-media{
        position: absolute;
        width:60em;
        left:30em;
        
    }
    
    
    
    .cada-noticia-especifica {
    padding-left: 8em;
    padding-right: 8em;
    
}


.icon-plus{
        font-size: 3em;
}

 
    
    
    
/* galeria responsive */

.contenedor-galeria {
padding-left:3em;
padding-right:2em;
  padding-bottom: 2em;
  max-width: 100%;
   display: flex;
  flex-wrap: wrap; 
    
}
    
.contenedor-galeria img{
width:7vw;        
}

.contenedor-galeria figure {
  width:7vw;
  margin: .125em;
  position: relative;
  overflow: hidden;
}
    
/*todas las galerias responsive*/ 
    
    
.cada-galeria{
    margin-top:2.5em;
    margin-bottom: 2em;
    margin-left:7em;
    
}

.cada-galeria figcaption{
    padding-left:.4em;
    font-size: .8em;
    color: #000000;
    text-transform: capitalize;
}

.cada-galeria img{
    margin-left:auto;
    margin-right:auto;
    width:80%
}

.cada-galeria figure{
    position: relative;
}

.cada-galeria i{
    position: absolute;
    bottom:0;
    right: 0;
    margin-bottom: 1.5em;
    margin-right:7.5em;
    font-size:1.5em;
    padding:.3em;
    background-color: #10fbc0;
    border-radius: .3em;
    color: #1a237e;
    
}
    
.mapa-contacto{
padding:.4em;
    
}

.mapa-contacto iframe{
    width:55vmin;
    height: 50vmin;
}
    
.desarrollo-galeria {
  padding-bottom: 2em;
  padding-left: 2em;
  padding-right: .2em;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;  
}


.desarrollo-galeria img{
    display:flex;
    width:25vmin;
    height: 25vmin;
  margin: .1em;
}
    
.contenedor-burbujas {
  display: flex;
  flex-direction: row;
  overflow-x: scroll;
  padding: 1em 0 1 0;
  margin:0 2em 1em 2em;
  
  
}


#f-left{
   display:none;
}

#f-right{
     display:none;
}

.contenedor-burbujas li{
  list-style: none;  
  height:12em;
}

.contenedor-burbujas li figure{
   position: relative;
}


.cada-burbuja img {
  border-radius: 50%;
  width: 10vw;
  opacity: 0.6;
  display: block;
  margin-left:.2em;
  margin-right:.2em;
  
}

.contenedor-burbujas li figure figcaption{
  border-radius: 50%;
  padding-bottom:25%; 
  color:#000051;
  position: absolute;
  bottom:0;
  left: 0;
  padding-left:1.8em;
  margin:auto;
  font-size: 1.5em;
  font-weight: 900; 
  text-transform: uppercase;  
}



.cada-burbuja img:hover {
 
  width: 11vw;
  opacity: 1;
  display: block;
  margin-left:.2em;
  margin-right:.2em;
  transition: all .4s;
 }


.contenedor-burbujas li figure figcaption:hover{
  display: none;
}

.contenedor-video-home{
    position: relative;
    margin: 0 .4em;
    margin-bottom: 2.5em;
    height: 0;
    padding-bottom: 56.25%;
    }