* {
    box-sizing: border-box;
}
body{
    background-color:  #e4e3e3;
    list-style: none;
}
header{
        background-color: rgba(212, 0, 0, 0.7);
        position: fixed;
        z-index: 9998;
        top: 0;
        width: 22em;
        max-width: 22em;
       

    }       
 header .fila {
    
    /* caja flexible */
    display: flex;
    
    /* elementos colocados en los extremos del eje principal */
    justify-content: space-between;
    
    /* elementos centrados en el eje secundario */
    align-items: center;
        
    padding-left: 1em;

}

.fila, .navegador, button {
    visibility: hidden;
    display: none;
  
}


#menu li{
    list-style: none;
   
}
@media (max-width:35em)  {
    * {
    font-family: 'Open Sans', sans-serif;
    list-style: none;
    margin: 0;
    padding: 0;
    }
    
    
    .webmenu {
        visibility:hidden;
        display: none;
    }
    .fila, button {
    visibility:visible;
}
    .navegador{
        font-size: 1.4em;
        font-weight: 600;
        visibility: visible;
       
    }
.logo {
    display: block;
    width: 2em;
    
}

#llamamenu {
    background-color: transparent;
    border: none;
    outline: none;
    color: white;
    cursor: pointer;
    height: 2.5em;
    width: 2.5em;
    position: relative;
    z-index: 9999;
    font-size: 24px;
    padding: 0;
    justify-content: center;

    /* caja flexible */
    display: flex;
}

#llamamenu i { 
    padding: 0;
    /* centrado en la horizontal y en la vertical */
    margin: auto;
}


/* menu desplegable */

header nav {
    background-color: rgba(0,0,0,0.85);
    color: white;
    position: fixed;
    right: -85vw;
    top: 0;
    height: 100vh;
    min-width: 50vw;
    transition: all .3s ease;
    z-index: 9998;
    margin: auto;
    font-size: 1em;
    padding: 3em 1em 1em 1em;
    border-bottom: solid 1px rgba(255,255,255,.25);
    justify-content: center;
   
}
   
/*header nav:target,*/
header nav.menuvisible {
    right: 0;
    transition: all .6s ease;
}


    header nav a {
    color: rgba(255,255,255,.75);
    padding:.5em 1em;
    display: flex;
    justify-content: left;
    align-items:left;
    text-decoration: none;
}


header nav a:hover {
    color: white;
}


    .club {
        font-weight: bold;
        font-size: 1em;
        margin-top: 0.6em;
    }

    main{
        margin-top: 3.7em;
    }
    
    #background-main{
        background-color:  #e4e3e3;
    }
       .carrousel-title {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 1.5em;
    line-height: 1em;
    text-transform: uppercase;
    text-shadow: 0px 0px 20px #000000;
    display: block;
    }
    #three {
        display: flex;
        justify-content: center;
    }
    .items {
        display: inline-block;
        margin-top: 0.7em;
        padding: 0 1em 0 1em;
    }
    .icon-name {
        margin-top: 0.9em;
        font-size: 0.9em;
        text-align: center;
        font-weight: 600;
        line-height: 1.2em;
        color: black;
    }
    
    .carousel-item a img{
        max-width:23em;
    }
    #quienes-somos {
        background: #ed1c24;
        border-radius: 1em;
        margin: 1em;
    }
    
    }
    #socie {
        font-weight: 700;
        color: white;
        text-align: center;
        font-size: 0.9em;
        margin: 0;
        padding: 1em 0 0 0;
    }
 #fundacion {
        font-size: 0.9em;
        text-align: center;
        padding: 1em;
        padding-bottom: 0;
        margin: 0;
        color: white;
}

    #conocer {
        font-weight: 700;
        text-align: center;
        display: block;
        color: #ffffff;
        text-decoration: underline;
    }
    #prox {
        font-weight: 700;
        margin: 0 1em 0 1em;
        background-color: rgba(212, 0, 0, 0.7) ;
        color: white;
        text-indent: 0.8em;
    }
    #partido {
        display: flex;
        justify-content: center;
    }
    .clubes {
        margin-top: 0.2em;
        padding: 0.8em 0.4em 0 0.4em;
    }
    .vs {
        margin-top: 3em;
        font-weight: bold;
        color: black;
    }
 #fecha {
        display: flex;
        justify-content: center;
        padding-bottom: 1em;
        font-size: 0.7em;
        font-weight: 700;
        color: black;
        margin: .5em;
    }

#alquilar {
        display: flex;
        justify-content: center;
        margin: 1em;
    }
#categoria-icon {
    padding: 1em;
    margin: 0;
}
.categorias a:hover {
    transform: scale(3);
}

    .categorias{
        display: inline-block;
        padding: 0 0 0 0.1em;
}

    #media {
        display: flex;
        justify-content: space-around;
        font-size: 3em;
        margin: 0;
    }
#media  li a {
    color: black; 
}
    footer {
        background:rgba(212, 0, 0, 0.7);
        color: white;
        font-size: 0.8em;
        line-height: 1.3em;
        padding: 0.9em;
        border-bottom: 0;
    }
    
/*    empieza SECCION NOVEDADES*/
    #contenido {
        padding: 1.5em 1.5em 1.5em 1.5em;
    }
    #bajada {
        font-weight: 600;
    }
    #background {
        background-color: #e4e3e3;
    }
    
    .alquilar {
        position: relative;
        display: inline-block;
    }
    .texto-encima {
       position: absolute;
       top: 3em;
       left: 0.8em; 
        color: white;
        font-weight: 700;
        font-size: 1.5em;
    }
/*    SECCION CREAR PARTIDO*/

    form {
    padding-left: 4em;
    text-align: left;
    font-family: 'Open Sans', sans-serif;
    font-style: bold, italic;
    display: inline-block;
}
    /*    INICIAR SESION*/


   .escudo {
        width: 8em; 
        position: absolute;
        top: 8em;
        left: 6.5em; 
    }


    #sesion {
        background-color:  #d0d0d0;
        position: relative;
        left: 4em; 
        padding:1em;
        top: 15em;
        margin: auto;
        justify-content: center;
        color:#797979;
    }


#olvidaste{
        position: relative;
        left: 4em; 
        padding:1em;
        top: 15em;
        margin: auto;
        justify-content: center;
}


  #ingresar {
        background-color: #ed1c24;
        border-radius: 3em;
        width: 10em;
        font-weight: 700;
        text-align: center;
        display: block;
        color: #ffffff;
        padding: 0.5em 0 1em 0;
        position: absolute;
        top: 12em;
        left: 2em;
        }

#ingresar a{
     color:white;
}
    #registrarse {
        border-color: #ed1c24;
        border-radius: 3em;
        width: 10em;
        font-weight: 700;
        text-align: center;
        display: block;
        color: #ed1c24;
        padding: 0.5em 0 1em 0;
        position: absolute;
        top: 16em;
        left: 2em;
    }

#registrarse a{
     color:#908989;
}


#exito{
     position: absolute;
     top: 18em;
     left: 2em;
     justify-content: center;
    align-items: center;
    }
#exito h3{
    align-items: center;
    padding-left: 1.5em;
}

#exito h4{
    font-size: 1.3em;
    padding-left: 2em;
    
}


#exito h5{
    text-align: center;
    font-size: 1em;
    
}

#crearcuenta {
        background-color: #ed1c24;
        border-color: #ed1c24;
        border-radius: 3em;
        width: 10em;
        font-weight: 700;
        text-align: center;
        display: block;
        color:white;
        padding: 0.5em 0 1em 0;
        position: absolute;
        top: 16em;
        left: 2em;
    }

#crearcuenta a{
     color:white;
}

#crear-partido {
        top: 4em;
        left: 5em;
        margin: auto;
       
}

.fecha {
    background-color: #d0d0d0;
    color:black;
    font-size: 1em;
    justify-content: center;
    padding: .5em;
    margin:1em;
}

.hora {
    background-color: #d0d0d0;
    color:black;
    font-size: 1em;
    justify-content: center;
    padding: .5em;
    margin:1em;
}

.cancha {
    background-color: #d0d0d0;
    color:black;
    font-size: 1em;
    justify-content: center;
    padding: .5em 1em .5em 2em;
    margin:1em;
}
#invitaramigos {
        background-color: #ed1c24;
        border-color: #ed1c24;
        border-radius: 3em;
        width: 10em;
        font-weight: 700;
        text-align: center;
        display: block;
        color: #ed1c24;
        padding: 0.5em 0 1em 0;
        top: 26em;
        left: 11em;
        margin:auto;
        color:black;
    }

#invitaramigos a{
     color:white;
}

#alquilarcancha {
        top: 4em;
        left: 5em;
        margin: auto;
}

#alquilar {
        background-color: #ed1c24;
        border-color: #ed1c24;
        border-radius: 3em;
        width: 10em;
        font-weight: 700;
        text-align: center;
        display: block;
        color: #ed1c24;
        padding: 0.5em 0 1em 0;
        top: 25em;
        left: 10em;
        margin: auto;
    }

#alquilar a{
     color:white;
}

h4 {
    margin: auto;
    padding-bottom: .5em;
    padding-left: 2em;
   
}

.fotos {
    max-width: 50rem;
    margin: auto;
    padding-top: .5em;
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 1em;
    align-content: center;
    display: inline-block;
}

.fotos img{
    display: inline-block;
}

.galeria {
    padding-bottom: 2em;
    transition: all 1s ease;
    margin:auto;
    align-content: center;
    width: 100%;
    padding: 1em;
}
}

.galeria > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin:auto;
}


.galeria figure {
    position: relative;
    overflow: hidden;
    flex-grow: 1;
}

.galeria img { display: block; }

.galeria figcaption {
    background-color: rgba(0,0,0,.5);
    border: solid 2px rgba(0,0,0,0);
    color: white;
    padding:.5em;
    position: absolute;
    height: 100%;
    top: calc(100% - 2.5em);
    left: 0;
    right: 0;
    transition: all .5s ease;

    
}

.galeria figure:hover figcaption {
    background-color: rgba(0,0,0,.5);
    border: solid 2px rgba(0,0,0,0);
    padding: .5em;
    text-align: center;
    top: .5em;
    left: .5em;
    right: .5em;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    transition: all .3s ease-out;
}

.galeria figcaption span {
    color: #ddd;
    display: block;
    font-size: .75em;
    margin-top: 1em;
}


.textos {
    padding: 1em;
}

.textos > * {
    margin-bottom: 1em;
}

.subir {
    text-decoration: none;
    color: darkcyan;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.subir:hover {
    text-decoration: underline;
}

#contacto {
/*
        top: 4em;
        left: 10em;
        justify-content: center;
*/
        top: 1em;
        background-color:  #d0d0d0;
        position: relative;
        left: 4em; 
        padding:1em;
        margin: auto;
        justify-content: center;
    }

#enviar {
        background-color: #ed1c24;
        border-color: #ed1c24;
        border-radius: 3em;
        width: 10em;
        font-weight: 700;
        text-align: center;
        display: block;
        color: black;
        padding: 0.5em 0 1em 0;
        margin:3em 5.5em;
        justify-content: center;
}
 
#enviar a{
    color:white;
}
#googlemaps{
        top: 9em;
        left: 6.5em;
        margin:auto;
}

/*  perfil*/

#nombre {
    justify-content: center;
    padding-left: 4em;
    font-size: 1.5em;
}

.fotoperfil img{
    width: 8em;
    height: auto;
    margin: 1em 6.7em 0;
    padding-top: 1em;
}

.btnperfil {
        border-color: #ed1c24;
        border-radius: 3em;
        width: 10em;
        font-weight: 700;
        text-align: center;
        display: block;
        color: black;
        padding: 0.5em 0 1em 0;
        margin:1em 5.5em;
        justify-content: center;
}

.btnperfil a {
    padding: .5em 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color:#908989;
    justify-content:space-around;
}



#holamartin{
    font-size: 2em;
}

#cerrarsesion{
    padding-left: 4em;
    padding-top:0;
}

.titulos-secciones{
    text-align: center;
    padding-top: 1em;
}

/*    SECCION VIDEOS*/

.videos {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: center;
    margin: .5em;
    padding: .5em;
    background: rgb(250, 250, 250);

        
        
}
.videoprincipal{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: auto;
    width: 87vw;
    height: auto;
}
.videoprincipal h6{
    color: #908989;
    background-color:rgb(230, 230, 230);
    padding: 1em;
    position: relative;
    bottom: 0;
    width: 87vw;
    height: 3em; 
    text-align: center;
    font-size: 1em;

}
.video{
    margin: .5em;

}
.videoprincipal iframe{
    width: 87vw;
    display: block;
    align-content: center;
    
}

.video iframe{
    width: 40vw;
    height: auto;
    display: block;
    align-content: center;
}
.video h6{
    color:  #908989;
    background-color:rgb(230, 230, 230);
    padding: 1em;
    position: relative;
    bottom: 0;
    width: 40vw;
    height: 5em; 
    font-size: .8em;

}

/*SECCION TORNEOS*/

body {background:#E5E5E4  
}

.cabezada {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 1em;
    font-family: 'Open Sans', sans-serif;
    font-size: 30px
}

.resultados {
    padding: 1em;
    text-align: center;
    margin:  2em 1rem auto;
    color: #DD4537;
    font-size: 1.3rem;
    font-family: 'Open Sans', sans-serif;
}


.ultimopartido {
    margin: 0;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    font-family: 'Open Sans', sans-serif;
   }

.bloquegrande .ultimopartido {
    margin: 0 1em;
}


.ultimopartido ul {
    display: flex;
    margin: 0 .5rem .5rem;
    text-align: center;
    display: flex;
    justify-content: center;
    font-family: 'Open Sans', sans-serif;

}

.ultimopartido ul li {
    display: flex;
    align-items: center;
    font-family: 'Open Sans', sans-serif;
}


.icon {
    width: 1.5rem;
    height: 1.5rem;
    text-decoration: none

}

.ultimopartido .icon {
    margin-left: .5rem;
    
}


.ultimopartido ul li p {
    text-align: left;
    font-size: .8rem;
    margin: .3rem;
    font-family: 'Open Sans', sans-serif;
}

.equipos {
    display: flex;
    justify-content: space-around;
    margin: 1rem 1rem 2rem 1rem;
    font-family: 'Open Sans', sans-serif;
}

.equipos > div {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
}

.equipos p {
    font-size: .8rem;
    font-family: 'Open Sans', sans-serif;
}

.equipos img {
    height: 4.5rem;
    font-family: 'Open Sans', sans-serif;
}

.equipos h4 {
    font-size: 2.5rem;
    font-weight: 600;
    margin-top: .5rem;
    letter-spacing: 0.1rem;
    text-align: center;
    margin: 0;
    border-bottom: 2px solid black;
    width: fit-content;
    height: fit-content;
    font-family: 'Open Sans', sans-serif;
    padding-right: 1.4em;
}



.boton-a:hover {
    color: white;
    background-color: black;
}

#caja {
    display: flex;
    margin: 0 1em 1em;
    justify-content: center;
    font-family: 'Open Sans', sans-serif;
}

.column1 {
    margin: 0 .5em 1em;
    font-family: 'Open Sans', sans-serif;
}

.column1 li {
    padding: 0 0 .5em;
    font-family: 'Open Sans', sans-serif;
    list-style:none
}

.column2 {
    margin: 0 0 1em;
    font-family: 'Open Sans', sans-serif;
    list-style:none
}

.column2 li {
    padding: 0 0 1.1em;
    text-align: left;
    font-family: 'Open Sans', sans-serif;
    text-decoration: none
}



.titularessuplentes .resultados. goles {
        margin-top: 2.5rem;
    }


.btnposiciones {
	background-color:#dd4437;
	border-radius:28px;
	border:1px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: sans-serif;
	font-size:17px;
	padding:10px 31px;
	text-decoration:none;
    text-align:center;
    margin:  auto 3rem  auto;
   margin-bottom: 2em;
    
}
.mbtnposiciones:hover {
	background-color:#000000;
}
.btnposiciones:active {
	position:relative;
	top:1px;
}

        

/*    SECCION NOTICIAS*/

.notas img {
    width: auto;
    height: auto;
    margin-left: 1rem;
    margin-right: 1em;
    margin-top: .4rem;
    
}

.notas h3 {
    color: #DD4537;
    margin-left: 1rem;
    margin-top: .5rem;
    text-decoration: none; 
}
.primeraimg {
    margin-top: .5rem;
}

a {
text-decoration: none;
}

a img{
    max-width: 19.3em;
}
.notas h5{
    font-size: .8em;
    font-weight: 500;
    margin-left: 1rem;
    margin-right: 1rem;
    color: #676767; 
    
}


.notas p {
    font-size: 1em;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 1.8rem;
    color: black;
}


/*    POSICIONES*/

body {background:#E5E5E4  
} 


* {
    font-family: 'Open Sans', sans-serif;
    list-style: none;
    margin: 0;
    padding: 0;
    }

.cabezada {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 1em;
    font-family: 'Open Sans', sans-serif;
    font-size: 30px
        
}

.posiciones
{  width:90%;
    margin-left: auto;
    margin-right: auto;
   background-color: white;
   height: 32em;
   display: flex;
   flex-direction:column; 
   align-items: center;
   justify-content: center;
   padding-left: 1em;
   padding-right: 1em;
border-radius: 0px 0px 8px 8px; 
   box-shadow: 0 1px 10px rgba(0,0,0,0.3)
       
}

.datospodio     
 { display: flex;
   justify-content:space-between;    
   width: 18em;
   margin-bottom: 0.5em;     
 }    
  
 .clubs3
 { display: flex;
   align-items:center; 
   justify-content:space-between;
   width: 18em;
   height: 2em;     
 }
 
.datospodio p
{  font-size:0.75em;
   font-weight:600;
   color:#DD4537;
}

.subdatopodio
{  width: 5em;
   text-align: left;    
}

.subdatopodio2
{  display: flex;
   justify-content: space-between;    
   width: 10.5em;    
}

.subdatopodio3
{  display: flex;
   align-content: center;
   align-items:center;
   width: 7.2em;    
}

.subdatopodio3 h2
{  
   font-weight:600;
   font-size: 1em;    
}

.subdatopodio3 p
{  font-size:0.7em;
}

.subdatopodio4
{  display: flex;
   width: 10em;
   align-content: center;
   align-items: center;    
   justify-content:space-between;
   margin-right: 0.2em;    
}

.subdatopodio4 p
{  font-size: 0.9em;
}

.logoclub
{  display: flex;
   width: 2.5em;
   justify-content: center;    
}


/*    SECCION CATEGORIAS*/

.wrap {
    width: 20em;
    max-width: 20em;
    margin: 1em auto;
    
}
ul.tabs {
    background: black;
    display: flex;
    justify-content: space-between;
    margin-top: 5em;
    position:fixed;
    top: 0;
    padding: 0;


}
ul.tabs li {
    width: 5em;
    line-height: 1em;
}
ul.tabs li a {
    color: #fff;
    text-decoration: none;
    text-align: center;
    display: block;
    padding: .5em;
    font-size: .8em;
    
}
.active {
    background: red;
}
.secciones article{
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 7.5em;
   
}
   }

/* Institucional */

#unico{
    text-align: center;
    font-weight: 100;
}

#integrantes {
    padding-top: 2em;
}
#integrantes ul {
    margin-left: 1em;
    margin-right: auto;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    
}

#integrantes ul li figure {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 5.5rem;
    margin: .5em 2em .5em 2em;
}

#integrantes ul li figure img {
    width: 8rem;
    justify-content: center;
}

#integrantes ul li figcaption {
    text-align: center;
}

#integrantes h5 {
    margin-bottom: .5em;
}

#integrantes ul li figcaption p{
    margin-top: .5em;
    font-size: .8em;
}

.links{
    padding: 1em;
}

.links ul li a{
    color: #5c5a5a
}