* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    list-style: none;
    text-decoration: none;

}

body {
    font-family: Lato, sans-serif;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: rgb(240, 240, 240)
}

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





ul {
    list-style: none;
}




header div {
    display: block;

}

#tituloencabezado {
    text-justify: inherit;
    color: white;
    margin: 0;
    padding: 0;
}





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

label {
    cursor: pointer;
  width: 15vmin;

}

header {

    background-color: rgb(107, 138, 172);
    text-align: left;
    width: 100%;
    height: 4em;
    color: white;
    display: flex;
    position: fixed;
    top: 0;
    z-index: 9999;
    padding: .7rem 1rem;
    box-shadow: .07em .07em .3em .07em rgba(0, 0, 0, 0.4);

}


.encabezado {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}





.menu li a:hover {
    background-color: rgb(107, 138, 172);
    color: white;
}





[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    display: none;
}

#menudesplegable:not(:checked) + #hamburguesa,
#menudesplegable:checked + #hamburguesa + #menuabierto {
    display: flex;
}

#menudesplegable:checked + #hamburguesa,
#menudesplegable:not(:checked) + #hamburguesa + #menuabierto {
    display: none;
}

.menu {
    display: flex;
    align-content: center;
    flex-direction: column;
    padding-top: 2em;
    padding-bottom: 0;
    height: 100vh;
    position: fixed;
    left: -150%;
    top: 0;
    transition: all .5s ease;
}

.iniciarsesionmenu {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-bottom: solid white .03em;
    border-top: solid white .03em;
    padding-top: 1em;
    margin: 1em;

}

.iniciarsesionmenu img {
    width: 4em;
    height: 4em;
    padding: .4em;
    margin: 0;
    background-color: rgb(107, 138, 172);
    border-radius: 6em;
    border: solid rgba(255, 255, 255, 0.61) .15em;

}

#iniciarsesionmenu {
    display: block;
    text-align: center;
    width: 100%;
    font-weight: 400;
    padding: 1em;
}




#menudesplegable:checked + #hamburguesa + #menuabierto + .menu {
    left: 0;
    background-color: rgba(0, 0, 0, 0.78);
    width: 50%;
    margin-top: 0;
    padding-top: 4em;
    box-shadow: 0 0 1em .1em rgba(0, 0, 0, 0.74);
    transition: all .5s ease;
    overflow: scroll;


}

.menuvisible {
    height: 100vh;
    overflow-y: scroll;


}

.menu li a,
#estadistica {
    text-align: start;
    color: #ffffff;
    font-size: 1em;
    text-transform: none;
    margin: 0;
    padding: 1.5em 1em 1.5em 1em;
    display: block;
    justify-content: space-evenly;
    background-color: rgba(169, 169, 169, 0);
    color: white;
    font-weight: bold;
}




#escudoynombre {
    width: 100%;
    display: flex;
    justify-content:space-around;
    align-items: center;
}

#escudoynombre a{
  
    width: 15vmin;
    height: auto;
   text-align: end;
}

#tituloencabezado {
    font-size: 1.27em;
    text-align: center;
    flex-grow: 1;
    text-transform: uppercase;
    letter-spacing: .08em;

}

#logo {
    width: 2.3rem;
    height: auto;
    margin: auto 0;
}


i {
    z-index: 9999;
}

 .paqueteinicio {width: 100%;
text-align: center;}


#tituloclubencabezado {font-size: .7em;
letter-spacing: .03em;
    padding-top: .2em;
font-weight: 400}

/*-----desplegable estadistica-----*/



.opciones {
    margin: -.6em 0 .6em 0;
    background-color: rgba(0, 0, 0, 0.51);
    padding: 1em 0 1.5em 0;
}


.opciones li a {
    text-align: start;
    color: #ffffff;
    margin: 0;
    padding: .8em 1em .8em 1.8em;
    display: block;
    color: white;
    font-weight: 400;
    font-size: .9em;

}

.opciones li a:hover {
    color: white;
    border-left: solid rgb(107, 138, 172) .5em;
    background-color: rgba(0, 0, 0, 0.88);
    padding: .8em 0 .8em 1.3em;

}


#estadistica {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;

}

.abredesplegable,
.cierraestadistica {
    background: none;
    color: white;
}








/* main*/

main {
    min-height:80vh;
    }

#equipo {
    padding-top: 4em;
}


.fotoencabezado {
        position: relative;
        z-index: 0;
          }
    
    
    
  .epigrafeinicio {
      color: white;
      position: absolute;
    bottom: .2em;
      text-align: center;
    right: 0;
    background-color: rgba(0, 0, 0, 0.55);
    padding: .8em;
    width: 100%;
    font-size: .9em;
    font-weight: 400;
    letter-spacing: .03em;}

/*-----noticias-----*/




/*-----ultimo partido-----*/






#subtitulos {
    font-size: 1.3em;
    letter-spacing: .03em;
    text-transform: none;
}

.ultimopartido {
    background-color: white;
    border-radius: 1em;
    margin: 1em;
    padding: 1.5em 1.2em;
    display: flex;
    flex-direction: column;
    align-items: center;
}



.ultimopartido a {
    color: black;
    width: 100%;

}

.ultimopartido a h3 {
    text-align: center;


}

.horarioultimopartido {
    padding-bottom: .5em;
    padding-top: .7em;
    border-bottom: solid silver .03em;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: space-between;
}

#horario {
    font-weight: 800;
    font-size: .8em;
    color: rgba(0, 0, 0, 0.74);
}

#tiempo {
    font-weight: 700;
    font-size: .8em;
    color: #00ad00;
    letter-spacing: .02em;
}


.iniciocuadro {
    margin: 1.7em 0;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: flex-start;
    width: 100%;
}



#contenedorescudo {
    display: block;
    text-align: center;
    width: 30%;
  }

#contenedorescudo img{
    display: block;
margin: auto;
  
   }


#resultado {
    text-align: center;
    font-size: 1.15em;
    letter-spacing: .04;
    font-weight: 700;
    padding-top: 1.7em;
}

.datospartido {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-top: .5rem;
    font-size: .8em;
    color: rgba(0, 0, 0, 0.74);
    border-top: solid silver .03em;
}


.datospartido div {
    padding: .3em 0;
}

#tarjetasamarillas {background-image: url(../imagenes/yellow_card_911749.png);
background-position: left;
background-size: 1em;
background-repeat:no-repeat;
padding-left: 1.7em;}

#goles {background-image: url(../imagenes/ball.png);
background-position: left;
background-size: 1em;
background-repeat:no-repeat;
padding-left: 1.7em;}


#iconospartido {
    height: 1em;
    width: auto;
    padding-right: .7em;
}


h2 {
    margin-top: 1.5rem;
    margin-bottom: 1em;
    font-size: 1.2em;
    text-transform: uppercase;
    text-align: left;
}

.cd-popup-container {
    margin: 0;
}

.cd-popup-container table {
    text-align: center;
    font-size: .8em;
    width: 100%;
    padding: 3em .5em 1.5em .5em;
    background-color: white;
    border-radius: 1em;
}

.cd-popup-container thead {
    background: none;
}

.cd-popup-container th {
    background: none;
    padding: .5em;
    margin: 0;
    text-transform: uppercase;
    color: black;
    font-weight: 400;
    border: none;
    padding-bottom: 1em;
}

.cd-popup-container table thead th img {
    height: 2.7em;
}

.cd-popup-container table tbody td,
.cd-popup-container table tbody tr {
    padding: 1em 2em;
    border: none
}

.cd-popup-close {
    color: rgba(0, 0, 0, 0.62);
}



/*-----popup-----*/


.cd-nugget-info {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}

.cd-nugget-info a {
    position: relative;
    color: #5e6e8d;
    transition: all 0.2s;
}

.no-touch .cd-nugget-info a:hover {
    opacity: .8;
}

.cd-nugget-info span {
    vertical-align: middle;
    display: inline-block;
}

.cd-nugget-info span svg {
    display: block;
}

.cd-nugget-info .cd-nugget-info-arrow {
    fill: rgba(0, 0, 0, 0.74);
}

.cd-popup {
    position: fixed;
    z-index: 9990;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.62);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
}

.cd-popup.is-visible {
    opacity: 1;
    padding: 0 1em;
    visibility: visible;
    transition: opacity 0.3s 0s, visibility 0s 0s;
    padding-top: 4em;
}

.cd-popup-container {
    position: relative;
    max-width: 100%;
    margin: auto;
    border-radius: 1em;
    text-align: center;
    box-shadow: 0 0 .3em rgba(0, 0, 0, 0.2);
    transform: translateY(-40px);
    transition-duration: 0.8s;
}






.cd-popup-container .cd-popup-close {
    position: absolute;
    top: .5em;
    right: .5em;
}

.cd-popup-container .cd-popup-close::before,
.cd-popup-container .cd-popup-close::after {
    content: '';
    position: absolute;
    width: 1em;
    height: .17em;
    background-color: #555555;
}

.cd-popup-container .cd-popup-close::before {
    transform: rotate(45deg);
    right: .5em;
    top: .8em
}

.cd-popup-container .cd-popup-close::after {
    transform: rotate(-45deg);
    right: .5em;
    top: .8em
}

.is-visible .cd-popup-container {
    transform: translateY(0);
}





/*-----ultimas noticias-----*/


h3 {
    font-size: 1em;
    text-transform: uppercase;
}

.ultimasnoticias {
    margin: 0 1em;
    padding-top: 1em;
    padding-bottom: 1em;
    border-top: solid silver .03rem;
}

 #contenedornoticias a:first-child {color: rgba(0, 0, 0, 0.74)}

.videoresponsive {
    position: relative;
    margin: 2em auto 1em auto;
    height: 0;
    padding-bottom: 100%;
    z-index: 1;
}

.videoresponsive iframe {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 7;
}



.videoresponsive p {
    position: absolute;
    top: 0;
    background-color: rgba(0, 0, 0, 0.74);
    z-index: 10;
    height: 4.6em;
    color: white;
    padding: 2em 1em;
    font-size: .9em;
    line-height: 1.3em;
    overflow: hidden;
}



#bajada {
    font-size: 1em;
    line-height: 1.4em;
}

#noticiassecundarias {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    margin: 2em 0
}

#noticiassecundarias a {
display: block;
    border-bottom: solid rgb(192, 192, 192) .01em;
    border-top: solid rgb(192, 192, 192) .01em;
}



#noticiassecundarias figure {
    width: 100%;
    display: flex;
    overflow: hidden;
    margin: 0;
    padding: 1.5em 0;
    align-items: center;
    position: relative;
    
}


#noticiassecundarias a:first-child {
    border-bottom: none;
}
#noticiassecundarias #ultimanot {
    border-top: none;
}

#noticiassecundarias img {
    display: block;
    max-width: 40vmin;

}

#noticiassecundarias figure figurecaption {
    font-size: .9em;
    padding-left: 1.5em;
    color: grey;
}



#botonvermas {
    display: block;
    background-color: rgb(107, 138, 172);
    border-radius: 4em;
    padding: .8em;
    color: white;
    width: 60%;
    margin: 2em auto 1em auto;
    text-transform: uppercase;
    letter-spacing: .03em;
    font-weight: 700;
    text-align: center;
}


#fecha {
    padding-bottom: 1em;
    color: rgb(107, 138, 172);
    font-size: .9em;
    letter-spacing: .06em;
}


#subnoticia {
    color: black;
    text-transform: uppercase;
    padding-bottom: .5em;
}

#sobrecubierta:hover {
        position: absolute;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.74);
        z-index: 90;
        color: white;
        height: 30vh;
        padding: 2em 1em;
        font-size: .9em;
        line-height: 1.3em;
    }


/*-----comprar entradas-----*/

.comprarentradas {
    margin: 3em 1em 0 1em;
    padding-bottom: 2em;
    border-top: solid silver .03rem;
}

.comprarentradas:hover {
    background-color: rgba(107, 138, 172, 0.26);

}

.comprarentradas h2 {
    font-size: 1.1em;
    text-align: center;
    line-height: 1.5em;
    letter-spacing: .03em;
}

.comprarentradas p {
    font-size: 1em;
    text-align: center;
    font-weight: 900;
    line-height: 1.4em;
    padding-top: .5em;
    color: rgb(22, 97, 180);
}

.botoncircular {
    display: flex;
    justify-content: center;
    margin: 1em;
}


#imagenboton {
    background-color: rgb(107, 138, 172);
    width: 12em;
    padding: 1em;
    border-radius: 50em;
}

#imagenboton:hover {
    background-color: rgba(0, 0, 0, 0.51);
}



/*-----categorias-----*/



.categorias {
    margin-top: 0;
    margin-bottom: 2em;
    padding-top: 1em;
    background: rgb(107, 138, 172);
    color: white
}

.categorias h2 {
    text-align: center;
}

.categorias ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
width: 92vmin;
    margin: auto;
  padding-bottom: 2em;
}

.categorias ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: rgb(35, 66, 101);
    padding: 1em;
    border-radius: 3em;
    margin: .5em auto;
    width: 6em;
    height: 6em;
}

.categorias ul li a {color: white}

.categorias h3 {
    margin: 0 2em;
    text-align: center;
    line-height: 1.4em;
    border-top: solid white .03em;
    padding-top: 2em;
}

.formcategorias {
    margin: 1em 2em;
    display: flex;
    flex-direction: column;
    font-size: 1.1em;
    text-align: center;
    font-weight: 700;
    padding-bottom: 2em;

}

.formcategorias input {
    margin: .3em 0;
    background-color: rgba(0, 0, 0, 0.4);
    padding: .8em;
    border-radius: 2em;
    color: white;
}

.formcategorias textarea {
    margin: .3em 0;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 1em .8em;
    border-radius: 1em;
    color: white;
    font-family: lato;
    

}

.formcategorias ::placeholder{
    color: rgb(219, 219, 219);
    
}



.formcategorias button {
   background-color: rgba(0, 0, 0, 0.74);
    margin: 2em auto 1em auto;
    width: 8em;
    color: white;
    border-radius: 2em;
    padding: .4em;
    font-size: 1em;
    text-transform: uppercase;
}


.formcategorias button a {
    color: white;
}

/*-----popup-----*/


.cd-nugget-info {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}

.cd-nugget-info a {
    position: relative;
    color: #5e6e8d;
    transition: all 0.2s;
}

.no-touch .cd-nugget-info a:hover {
    opacity: .8;
}

.cd-nugget-info span {
    vertical-align: middle;
    display: inline-block;
}

.cd-nugget-info span svg {
    display: block;
}

.cd-nugget-info .cd-nugget-info-arrow {
    fill: rgba(0, 0, 0, 0.74);
}

.cd-popupform {
    position: fixed;
    z-index: 9990;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.62);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
}

.cd-popupform.is-visible {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s 0s, visibility 0s 0s;
    padding-top: 4em;
}

.cd-popup-container-form {
    position: relative;
    max-width: 70%;
    margin: auto;
    border-radius: 1em;
    text-align: center;
    box-shadow: 0 0 .3em rgba(0, 0, 0, 0.2);
    transform: translateY(-40px);
    transition-duration: 0.8s;
    background-color: white;
    padding: 1em;
}






.cd-popup-container-form .cd-popup-close {
    position: absolute;
    top: .5em;
    right: .5em;
}

.cd-popup-container-form .cd-popup-close::before,
.cd-popup-container-form .cd-popup-close::after {
    content: '';
    position: absolute;
    width: 1em;
    height: .17em;
    background-color: #555555;
}

.cd-popup-container-form .cd-popup-close::before {
    transform: rotate(45deg);
    right: .5em;
    top: .8em
}

.cd-popup-container-form .cd-popup-close::after {
    transform: rotate(-45deg);
    right: .5em;
    top: .8em
}

.is-visible .cd-popup-container-form {
    transform: translateY(0);
}


#titulopopup {
    color: rgb(107, 138, 172);
    margin: 0;
    padding-top: 1.5em;
    padding-bottom: .7em
}

.cd-popup-container-form p {
    color: rgba(0, 0, 0, 0.74);
    font-size: .9em;
    text-align: center;
    padding-top: .7em;
    border-top: solid silver .03em;
}

.cd-popup-container-form p a {
    color: rgba(0, 0, 0, 0.74);
    font-weight: 700;
    text-decoration: underline;

}

#advertencia {
    font-size: .7em;
    text-transform: uppercase;
    color: rgb(42, 83, 128);
    padding-bottom: 1em;
    padding-top: 1em;
    border: none;
}


/*-----galeria-----*/


#fotosclub {

    padding: 0 1em;
    margin-top: 6em;
    margin-bottom: 1em;

}

#fotosclub:last-child {

    padding: 0 1em;
    margin-top: 0;
    margin-bottom: 1em;

}

#fotosclub h1{
    
    margin-bottom:1em
}

#fotosclub h4{
    color: rgb(107, 138, 172);
}

#fotogaleria {
    width: 100%;
    display: flex;
    flex-wrap: wrap;

}

#fotogaleria img {}

}


#reciente {
    margin-top: 1em;
    margin-bottom: 1em;
}

/*-----noticia simulada-----*/



/*-----footer-----*/

footer {
    width: 100%;
    background-color: rgb(040, 040, 040);
    position: relative;
    

}


.iconosfooter {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 4em auto 3em auto;
    border-bottom: solid white .04em;
    padding-bottom: 1em;
    width: 70%;

}



.iconosfooter li:hover {
    background-color: rgb(107, 138, 172);
    border-radius: 10em;
}

#iconosfooter {
    width: 2.3em;

}

.iconosfooter li {
    background-color: white;
    width: 2.3em;
    height: 2.3em;
    border-radius: 10em;
    padding: .5em;
    margin: 0 1em;
}

footer p {
    color: rgb(204, 204, 204);
    font-size: .9em;
    line-height: 1.6em;
    margin: 1em 2em 3em 2em;

}






/*-----ESTADISTICAS-----*/




#pagamf {
    display: block;
    margin: 2rem 1rem;
    color: rgba(0, 0, 0, 0.39);
    font-size: .8em;
    font-weight: 900;
    text-decoration: underline;
    line-height: 1.2rem;
}

#pagamf:hover {
    background-color: rgb(107, 138, 172);
    color: white;


}


#escudosclubs {
    display: block;
    width: 1.4em;
    margin: auto;
    margin-bottom: .3em;
}


.posiciones {
    background-color: rgba(107, 138, 172, 0.35);
    margin: 5em 1em 0 1em;
    padding-bottom: 4em;

}

.posiciones h2 {
    padding: 1.5em 1em 0 1em;
}

.table-container {
    position: relative;
}

.main-table {
    background-color: white;
    font-size: .8em;
    border-collapse: collapse;
    width: 100%;
    overflow: hidden;
    text-align: center;
    position: relative;

}

#equipos {
    display: block;
    margin: auto;
    text-align: center;

}

#puntos {
    font-weight: 900;

}

th {
    padding: .8em .8em;

}




td {
    border-bottom: solid rgb(240, 240, 240) .1em;
    padding: .5em .8em;

}


.main-table tbody td {
    height: 3.5rem;
}

thead {
    background-color: rgb(107, 138, 172);
    color: white;
    
}



#scrollableTable {
    width: 100%;
    height: 74vh;
    overflow: scroll;

}






/*-------Tabs fixture--------*/

.fixturecontenedor {
    background-color: rgba(107, 138, 172, 0.35);
    padding-bottom: 4em;
    margin: 0 1em;

}



.fixturecontenedor h2 {
    padding: 1.5em 1em 0 1em;
    margin: 1em 0;
}

.tabs-nav {
    margin: 1.2em 0 0 0;
}

.tabs {
    display: flex;
    justify-content: space-between;
    width: 100%;

}






.tabs a {
    background-color: white;
    display: block;
    color: rgb(107, 138, 172);
    font-weight: 900;
    text-align: center;
    padding: .7em 1em;
    width: 100%;

}





.tabs a:hover {
    color: white;
    background-color: rgb(107, 138, 172);
    margin: 0;
}


#pestana {
    width: 33%;
}


.tab_content {
    background-color: white;
    
}

.tab_content a {
    display: block;
   color: black;
    background-color: white;
    margin: 0;
    padding: 1em 1em 2em 1em;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-content: center;
    align-items: center;

}

#tab3{
    background-color: white;
    margin: 0;
    padding: 1em 1em 2em 1em;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-content: center;
    align-items: center;

}

.fixturedentro {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}


.tabs-nav div.active {
    color: white;
}

.tabs-nav li.active a {
    color: white;
    background-color: rgb(107, 138, 172);

}

.tab_content h4 {
    width: 100%;
    margin-bottom: 1.5em;
    padding: 0 0 .5em 0;
    text-align: center;
    font-size: 1em;
    color: grey;
    font-weight: 400;
    letter-spacing: .03em;
    border-bottom: solid rgb(217, 217, 217) .09em;
}




.fixturedentro #vs {
    text-align: center;
    font-size: 1.2em;
   margin-top: 1.5em;
     padding-top: 0;
}


.fixturedentro div {
    display: block;
    margin: auto;
  }

#escudofixture {
    display: block;
    margin: auto;
    height: 4em;
    width: auto;
    padding-bottom: .8em;
}



#escudonombre {
    width: 35%;
    display: block;
    text-align: center;
   margin: 0 auto;
}

.ganador {
    font-weight: 700;
}




/*-------Tabla goleadores--------*/

.goleadores {
    background-color: rgba(107, 138, 172, 0.35);
    padding-bottom: 3em;
    margin: 1em 1em;

}

.goleadores h2 {
    padding: 1.5em 1em 0 1em;
}

#tablagoleadores {
    max-width: 100%;
}

.tablagoleadores {
    background-color: white;
    font-size: .9em;
    border-collapse: collapse;
    width: 100%;
    text-align: center;
}




.tablagoleadores td {
    margin: 0;
    height: auto;
    background-color: white;
    border-collapse: collapse;
    padding-left: .7em;

}

.tablagoleadores thead th {
    text-align: center;
}

#alineacionizq {
    
    text-align: left}

.goleadores p {
    margin: .8em 1em;
    margin-bottom: 0;
font-size: .9em;
color:rgba(0, 0, 0, 0.74); }




/*-----sobre el club-----*/


#sobreclub {
    background-color: rgba(10, 72, 187, 0.3);
    border-radius: 1em;
    margin: 5em 1em 1em 1em;
    padding: 1em 1.3em 1.6em 1.3em;
}

#sobreclub p {
    font-size: 1.1em;
    line-height: 1.5em;
}

#sobreclub h2 {
    margin-bottom: .5em;

}

#futsal h2 {
    margin-bottom: .5em;
}

#futsal {
    background-color: rgba(10, 72, 187, 0.1);
    border-radius: 1em;
    margin: 1em 1em 0 1em;
    padding: 1em 1.3em 1.6em 1.3em;
}

#futsal p {
    font-size: 1.1em;
    line-height: 1.5em;
}

#futsal p + p {
    padding-top: .5em;

}

#elclub {border-radius: 1em;
    margin: 1em 1em 2.5em 1em;
    padding: 1em 1em 1.6em 1em;}

#elclub h2 {
    text-align: left;
    text-transform: none;
    margin-bottom: 1em;
   }


#categoriasclub {
  
   width: 100%;
    margin: 0;
  padding-bottom: 0;
}

#categoriasclub li{
   width: 5em;
    height: 5em;
    margin-bottom: .5em;
  
}

#directivos {
        margin: 0 1em;
margin-bottom: 2em;}

#directivos figure {
      margin-top: .5em;}


#directivos #jposi {
      margin-bottom: 1em;}

#directivos figure figurecaption p {
       background-image: none;
padding: 0;
width: auto;
margin: 0 auto;}

#dondeencontrarnos {
    background-color: rgba(128, 128, 128, 0.52);
    margin: 1em 1em 3em 1em;
    padding: 1em;
    padding-bottom: 2em;
    border-radius: 1em;
}



#mapaubicacion iframe{
    width: 100%;
    padding-bottom: 1em;
    border-bottom: solid rgba(0, 0, 0, 0.6) .03em;
}

#mapaubicacion p{
    margin-left: 1em;
    padding-top: .8em;
    padding-bottom: .8em;
    color: rgba(0, 0, 0, 0.74);
    font-size: .8em;
    background-image: url(../imagenes/location.png);
    background-size: 1.3em;
    background-repeat: no-repeat;
    background-position:center left;
    padding-left: 2em;
    line-height: 1.3em;
}

#mapaubicacion a{
    margin-left: 1em;
    display: block;
    color: rgba(0, 0, 0, 0.74);
    font-size: .8em;
    background-image: url(../imagenes/phone.png);
    background-size: 1.2em;
    background-repeat: no-repeat;
    background-position:center left;
    padding-left: 2em;
    text-decoration: underline;
}

/*--------------- primeradivision----------- */



#presentacionequipo {margin: 6em 1em 3em 1em}

#presentacionequipo h2{text-align: center;
color: rgba(0, 0, 0, 0.74);
    width: 100%;
  

}

#imagencuadrada {
    width: 7em;
height: 7em;
  overflow: hidden;
border-radius: 100%;
    border: solid rgb(107, 138, 172) .2em;
    margin-bottom: 1em;

}


.presentacionequipo {display: flex;
flex-wrap: wrap;
flex-direction: column;

}


.posicionjugador {display: flex;
flex-wrap: wrap;
    justify-content: center;
}

#jposi {
    color: grey;
    text-align: left;
font-size: .9em;
    margin-top: 1em;
border-top: solid silver .03em;
padding-top: 1em;}


.presentacionequipo figure {margin: .5em .8em;
text-align: center;
    
}

#nombrej {color: rgba(0, 0, 0, 0.74);
font-weight: 700;
    margin: auto;
}

#datosjugador {color: rgba(0, 0, 0, 0.74);
font-weight: 400;
color: grey;
    width: 3em;
    margin: .5em auto;
font-size: .9em;
padding-left: 1.6em;
background-image: url(../imagenes/t-shirt-black-silhouette.svg);
background-size:contain;
background-repeat: no-repeat;
background-position: left;
}



#dt {
margin: auto;
    margin-bottom: .5em;
text-align: center;}

#dt div {
margin: 1em auto .7em auto;
text-align: center;}

/*--------------- entradas----------- */
/*comprar entrada 1*/

#comprar__entradas{
    padding-top: 5em;
}

.ultimopartidoentradas{
    background-color: white;
    padding: 1em;
    margin: 1em;
    border-radius: 2em;
}

.hentrada {
    color: cadetblue;
    width: 100%;
    font-size: 1em;
    display: inline-block;
    text-align: center;
    padding: .5em;
}

.direccionclub{
    color: cadetblue;
    font-size: .8em;
}

#cantidadeentradas{
    background-color: gainsboro;
    padding: 1em;
    border-radius: 1em;
    width: 100%;
}

.botonsiguienteent{
    background-color: rgb(107, 138, 172);
    border-radius: 1em;
    color: white;
    padding: 1em;
    margin-top: 1em;
}

#formentrada{
    display: block;
    text-align: end;
}


/*otro*/
#metododepagoentradas{
    padding-top: 4rem;
}

#cuerpo__entradas{
    background-color: white;
    padding: 1em;
    margin: 1em;
    border-radius: 2em;
}


.botonsiguienteent2{
    background-color: rgb(107, 138, 172);
    border-radius: 1em;
    color: white;
    padding: 1em;
    margin-top: 1em;
}

#formentradas{
    display: block;
    text-align: end;
}

#metododepagoefotar{
    width: 100%;
    display: inline-block;
    text-align: center;
}

#datostarjeta{
    display: inline-block;
    margin-top: 2em;
    text-align: start;
}

.izq{
    padding-right: 1em;
    margin-top: 1em;
    display: inline-block;
}

.der{
    margin-bottom: 1em;
    border-radius: 1em;
    display: block;
}
/*----felicitaciones-----*/

#fincompra{
    padding-top: 8em;
    margin: 1em;
    display: block;
    text-align: center;
    height: 80vh;
}

.codigoentrada {
    background-color: gainsboro;
    padding: 1em;
    border-radius: 1em;
    width: 8em;
    display: inline-block;
}

#botonsiguiente{
    background-color: rgb(107, 138, 172);
    padding: 1em;
    margin: 1em;
    color: white;
    border-radius: 1em;
}

.letrapequeña{
    margin: 1em;
    color: cadetblue;
    font-size: .8em;
    padding: 1em;
}

/*___________*/


.entradaspartido {
    background-color: white;
    border-radius: 1em;
    margin: 1em;
    padding: 1.5em 1.2em;
    display: flex;
    flex-direction: column;
    align-items: center;
}



.entradaspartido a {
    color: black;
    width: 100%;

}

.entradaspartido a h3 {
    text-align: center;


}


/*----------perfil-----*/

.historialpartidosperfil{
    background-color: white;
    margin: 1em;
    padding: 1em;
    border-radius: 2em;
    width: 90%;
}

#imagenperfil{
    border-radius: 8em;
    width: 6em;
    background-color: #ffffff;
    margin: 1em;
    margin-top: 5em;
    display: inline;
}

.nombreperfil{
    display: block;    
}

#lapiz{
    display: block;
    width: 100%;
    padding-left: 75%;
    margin-top: -.5em;
    margin-bottom: -.5em;
}

.editarperfil{
    color: black;
}

.contenedorfoto{
    width: 100%;
    display: inline-block;
    text-align: center;
}


.mail {
    display: block;
    text-align: center;
}

.entradascompradas i {width: 1.2em;
z-index: 0;}

.circulo {
    display: inline-block;
    font-size: 1.1em;
    background-color: white;
    width: 1.4em;
    height: 1.4em;
    margin: 0 .1em;
    border-radius: 8em;
    text-align: center;
}
.igual{
    display: inline;
    font-size: .9em;
    text-align: center;
    font-weight: 700;
    margin-left: .3em;

    
}


.textoperfil{
    font-size: .9em;
    width: 100%;
    display: inline-block;
    text-align: center;
    margin-top: 2em;
    color: cadetblue;
}


.gratis {
    background-color: white;
    padding:.4em;
    width: 40%;
    letter-spacing: .01em;
    font-size: 1em;
    text-align: center;
    margin: auto;
    margin-top: .7em;
    border-radius: 10em;
}

.entradascompradas {    
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1em auto 0 auto;
}
 
.historialperfil{
    color: cadetblue;
    margin-bottom: -2em;
    margin-top: 3em;
    margin-left: .5em;
    display: inline-block;
    width: 100%;
}
.historialperfil2{
    color: cadetblue;
    margin-top: 3em;
    margin-bottom: 1em;
    margin-left: .5em;
    display: inline-block;
    width: 100%;
}




/*-----noticias-----*/

form {
    box-sizing: border-box;
    padding: 1em;
    display: flex;
    margin: auto;
}

.bloques {
    display: flex;
    margin: 1em;
}

.formato {
    background-color: rgb(255, 255, 255);
    font-size: .75em;
    padding: .5em;
    margin: 1em;
    border-radius: .5em;
    border: 1px solid #bfbfbf;
}


#noti {
    display: flex;
    justify-content: center;
}

section h3 #noti {
    justify-content: center;
}

#titulonoticia {
    margin: 1em;
}

.articulo {
    margin: 1em;
}


#bloque {
    padding-right: 1em;
    padding-left: 1em;
    padding-bottom: 1em;
    display: flex;
    justify-content: space-between;
    flex-direction: column;

}


#bloque figure {
    width: 100%;
    display: flex;
    overflow: hidden;
    margin: 0;
    padding: 1.5em 0;
    align-items: center;
    position: relative;
    border-bottom: solid rgb(192, 192, 192) .01em;
    border-top: solid rgb(192, 192, 192) .01em;
}

#bloque figure:first-child {
    border-bottom: none;
}

#bloque img {
    display: block;
    max-width: 40vmin;

}

#bloque figure figurecaption {
    font-size: .9em;
    padding-left: 1.5em;
    color: grey;
}


#seccionb {
    padding: 1em;
    display: flex;
    justify-content: space-between;
    flex-direction: column;

    margin: 2em 0
}


#seccionb figure {
    width: 100%;
    display: flex;
    overflow: hidden;
    margin: 0;
    padding: 1.5em 0;
    align-items: center;
    position: relative;
    border-bottom: solid rgb(192, 192, 192) .01em;
    border-top: solid rgb(192, 192, 192) .01em;
}

#seccionb figure:first-child {
    border-bottom: none;
}

#seccionb img {
    display: block;
    max-width: 40vmin;

}

#seccionb figure figurecaption {
    font-size: .9em;
    padding-left: 1.5em;
    color: grey;
}

#seccionb figure figurecaption a {
    display: block;  
    color: black;
}
 



div.banner {
    position: relative;
    width: 100em;
    height: 20em;
    background-color: aquamarine;
}

/*--slider--*/

.main {
    position: relative;
    padding-top: 5.5vmin;
    box-sizing: border-box;
    margin: auto;
    width: 100%;
    max-width: 100%;
}

.slides {

    width: 100%
}

.slides img {
    width: 100%;
}

.slidesjs-pagination {
    display: flex;
    padding:0em;
    margin: auto;
    background: rgb(107, 138, 172);
    list-style: none;
    overflow: hidden;
}

.slidesjs-pagination li {
    display: block;
    float: left;



}

.slidesjs-play slidesjs-navigation {
    display: none;
}



.slidesjs-pagination li a {
    display: none;
    color: rgba(0, 0, 0, 0);
    text-decoration: none;
    padding: .6em 1.2em;
}



.slidesjs-navigation {
    display: none;
}



#captions{
    color:aliceblue;
   padding: 1em;
    background-color: rgba(0, 0, 0, 0.41);
    position: absolute;
    z-index: 9998;
    bottom:.1vmin;}

.recientes{
    color: rgb(0, 0, 0);
    padding-left: 1.2em;
    padding-bottom:0em;
    padding-top: 1em;
}


.palabraclave{
    color: cadetblue;
    justify-content: flex-start;
    font-weight: lighter;
    font-size: .7em;
    text-align: left;
    padding-left: 1.4em;
    padding-bottom:0em;
   
}


#fechanoticia{
    color: rgb(107, 138, 172);
    padding-left: 1.2em;
    padding-bottom:0em;
    padding-top: 1em;
}
#formafiltro{

    box-sizing: border-box;
    margin-left: .5em;
    margin-right: 1em;
    display:flex;
    justify-content: space-evenly;
}


.bloques {
margin left: 3vmin;
font-size: 1em;
}

.formatob {
margin: 0em;
padding:1em;
border: 1px solid grey;
text-align: left;
display:flex;
justify-content: space-around;
font-size: %;
border-radius:30vmin;

}

.captionfoto{
    padding: 1em;
    color: aliceblue;
    position: relative;
    top:-3.4em;
    background-color: rgba(0, 0, 0, 0.39)
}


/* ----- iniciar sesion ----------------------------------------- */

#headeriniciar {
    box-shadow: .07em .07em .3em .07em rgb(107, 138, 172);
}

.maininiciar {
    padding-top: em;
    align-items: center;
    background-color: rgb(107, 138, 172);
    text-align: center;
}

#cerrarsesionmobile {padding-top: 0;
font-size: .9em;}


.titiniciar {
    padding-top: 10em;
}

#cuerpoiniciar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 17em;
    margin-top: 1em;
    text-align: center;
}

#listainiciar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 2em;
    margin-bottom: 3em;


}


main h3 {
    display: flex;
    justify-content: center;
}



.llenar {
    background-color: white;
    padding: .5em;
    margin: .2em;
    border-radius: 4em;



}

.botoniniciar {
    border-radius: 1em;
    padding: .5em;
    margin-top: 1em;
    margin-bottom: .5em;
    text-transform: uppercase;
    font-weight: 600;
    color: rgb(107, 138, 172);
}




.imginiciar {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 1em;
    margin: 1em;

}


#imginiciar {
    background-color: lightgrey;
    width: 6em;
    border-radius: 4em;
}


#botonregis {
    color: white;
    background-color: grey;
    border-radius: 2em;
    padding: .5em;
    margin: 1.5em;
    margin-bottom: 5em;

}


#olvidar {
    color: #bfd1dd;

}

#botonok {
    border-radius: 1em;
    padding: .5em;
    margin-top: 1em;
    margin-bottom: .5em;
    text-transform: uppercase;
    font-weight: 600;
    background-color: lightgrey;
    color: rgb(107, 138, 172);

}



img #tick{
    
}

#tick {
    max-width: 6em;
    width: 6em;
    height: 6em;
    border-radius: 50%;
    padding: 1em;
    border: solid white .3em;
    margin: 1em;
}

#avatariniciar {
    border-radius: 8em;
    width: 6em;
    background-color: #ffffff;
    margin: 1em;
    text-align: center;
}


#avatarfig {
    text-align: center;
    max-width: 6em;
    border: solid;
    border-radius: 50%;
    border-color: white;
    background-color: white;
    margin-top: 1.5em;
    margin-bottom: 3em;
}


/*-----RESPONSIVE-----*/

@media (max-width: 62em) {
    #estadisticasdesktop {
        display: none;
    }

}


@media (min-width: 62em) {

    
    /*-----menu-----*/

    #menudesplegable,
    #menudesplegable:checked + #hamburguesa,
    #menudesplegable:not(:checked) + #hamburguesa,
    #menudesplegable:checked + #hamburguesa + #menuabierto,
    #menudesplegable:not(checked) + #hamburguesa + #menuabierto {
        display: none;
    }

    header {
        padding: 0 1em;
        width: 100%;
    }

    .contenedor {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-content: space-between;

    }

    .menu {
        width: 70%;
        left: 0;
        top: 0;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        transition: none;

    }

    .menuvisible {
        position: absolute;
        top: .6em;
        left: 1em;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        transition: none;
        height: 3.3em;
        font-size: .9em;
        padding: 0;
        width: 100%;
        overflow: hidden;
    }

    .menuvisible li a {
        margin: 0 .5em;
        padding: 1.5em .5em;


    }

    .menuvisible li:hover,
    .menuvisible li a:hover {
        background-color: rgb(36, 36, 36);
    }


 
    #escudoynombre {
        width: 30%;
        margin-right: 0;
        padding: 0;
        justify-content: flex-end;
    }

    #tituloencabezado, .paqueteinicio h3 {
        text-align: right;
        padding-right: 1.5rem;
    }
   
    
  
    
    .iniciarsesionmenu {
        padding: 0;
        margin: 0;
        border: none;
        flex-direction: row;
    }

    .iniciarsesionmenu img {
        height: 3em;
        width: 3em;
        padding: .5em;
        margin: 0;
        flex-direction: row;
        border: solid white 0.06em;
        background-color: rgba(0, 0, 0, 0.47);
    }

    #iniciarsesionmenu {
        padding: 1em 1em 1em .7em;
        margin: 0;
        text-align: left;
        border-right: solid white 0.04em;
        flex-direction: row;
    }

    #estadisticasdesktop {
        display: flex;
    }

    .menu .menuacordeon, #cerrarsesionmobile {
        display: none;
    }


    /*-----contenido-----*/

      
  
    
    .ultimopartido h3 {
        font-size: .5em;
    }

    .iniciocuadro {
        padding: 1em 0 .9em 0;
        margin: 0;
        font-size: .7em;
    }

    .datospartido {
        font-size: .7em;
    }



    .comprarentradas h2 {
        margin: 0;
        padding: 0;
        padding-bottom: 1em;
        border-top: none;
    }

    
    .contenedorfooter {
        margin: 0 20%
    }


    /* ------------ pop up ----------- */

    .box {
        border-radius: 1em;
        margin-top: 2em;
    }

    .button {
        margin-top: 2em;
        background-color: aliceblue;
        padding: 0.5em;
        font-family: 'Roboto', sans-serif;
        color: #0D1E3A;

    }

    .button:hover {
        background-color: #0D1E3A;
        color: aliceblue;

    }

    .overlay {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba (0, 0, 0, 0.2);
        transition: opacity 500ms;
        visibility: hidden;
        opacity: 0;
    }

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

    .popup {
        background-color: aliceblue;
        color: #0D1E3A;
        align-content: center;
        margin-top: 11em;
        margin-left: 5em;
        margin-right: 5em;
        padding: 2em;
        width: 45%;
        height: 12%;
        align-self: center;
        position: relative;
        transition: all 5s ease-in-out;
    }

    .popup h1 {
        border-bottom: none;
        margin-top: 0.3em;
        margin-bottom: 0.4em;
        font-size: 1.5em;

    }

    .popup .close {
        position: absolute;
        top: 1em;
        right: 1em;
        transition: all 20ms;
        font-size: 1.5em;
        border-radius: 2em;
        padding-left: 0.2em;
        padding-right: 0.2em;
    }


    .content {
        display: block;
        font-size: 0.9em;
    }




    }


/*--slider responsive--*/

@media (min-width: 35em) {

    
    main {max-width: 100%;
        margin: auto 1em;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: row;
        flex-grow: 1;}
    
    
    
  


    /*-------inicio------*/

    .ultimopartido {
        max-width: 18rem;
        width: 18rem;
        height: auto;
        margin: 1em auto;
        padding: 1em;
    }



    .comprarentradas {
        max-width: 35vmin;
        margin: 1em 0 1em 2em;
        border-top: none;
        align-self: center;
        flex-grow: 1;
        padding: 1em 0 1em 1em;
        border-top: none;
        border-left: solid silver .03em;
    }

      
    .botoncircular {
        width: 9em;
        margin: 0 auto;
    }

    .comprarentradas p {
        padding-top: 1em;
        font-size: .8em;
    }
    
  #contenedornoticias {
      margin: 1em auto;
        display: flex;
      justify-content: center;
         flex-direction: row;
      flex-wrap: wrap;
    }
    
    .ultimasnoticias {
        margin: .5em auto;
        max-width: 100%;

    }
    
   
    
    .ultimasnoticias h2 {
        margin-top: 1em;
    
    }

#notprincipal {
    width: 50vmin;
    height: auto;
    margin-bottom: 2em;
         }

    #noticiassecundarias {
        margin: auto 10%;
        border-top: solid silver .03em;
        border-bottom: solid silver .03em;
        padding-top: 1em;
        padding-bottom: 1em;
          display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
           }
        #noticiassecundarias a{
      
        border: none;
    
        
        }
    
    #noticiassecundarias figure{
      width: 20vmin;
        border: none;
        margin-top: 1em;
        padding-bottom: 1em;
        flex-direction: column;
        
        }
    
    #fecha {
  padding-bottom: .5em;
        padding-top: .5em
        }
 
    

    #noticiassecundarias figure img {
        width: 20vmin;
    }
    
     #subnoticia {
        font-size: .9em;
    }
    
     #noticiassecundarias figure figurecaption {
     font-size: .8em;
         padding-left: 0;
         margin: 0;
    }

    #noticiassecundarias figure:first-child {
        padding-top: 0;
        
            border-top: none;
    }

    #botonvermas {
        width: 20vmin;
        font-size: .9em;
        margin-bottom: 0;
    }

        
    .categorias {
        margin: 1em auto;
        border-radius: 2em;
        width: 90vmin;
            }
    
    .categorias ul {
    max-width: 23em;
        margin: auto;
        padding-bottom: 2em;}

    .categorias ul li {
        padding: 1em;
        border-radius: 3em;
        margin: .5em .3em;
        width: 6em;
        height: 6em;
    }
    
    /*-----estadisticas-----*/

    .posiciones {
        margin: 5em 1em 2em auto;
        padding-bottom: 2em;
        max-width: 57%;
        
    }
    
      .posiciones h2 {
        margin: 0;
        padding: 1em;
    }

    .fixturecontenedor h2 {
        margin: 0;
        padding: 1em;
    }

    .goleadores h2 {
        margin: 0;
        padding: 1em;
    }

    #scrollableTable {
        overflow: visible;
        height: 70vh;
    }

   

    .fixturecontenedor {
        margin: 0;
        height: auto;
        padding-bottom: 2em;
        width: 28vmin;
         }

    .tabs-nav {
        margin: 0
    }
    
    #pestana {
           padding: 0;
          }

    #pestana a {
        font-size: .8em;
        padding: .8em 0;
          }

    .tab_content {
        font-size: .8em;
        padding: 1em;
    }

   


    .goleadores {
                margin: 0;
        margin-top: 1em;
        height: auto;
        width: 28vmin;
        padding-bottom: auto;
        flex-grow: 1;
        

        
    }


    .tablagoleadores {
        font-size: .8em;
    }
    .goleadores p {
    
    font-size: .7em;
}


    #datossecundarios {
        display: flex;
        justify-content: center;
        align-content: flex-start;
        align-items: flex-start;
        align-self: flex-start;
        flex-wrap: wrap;
        flex-grow: 1;
        width: 28vmin;
       margin: 5em auto 2em 1em;
        
    }

    


.main {
    padding-top:4em;
    position: relative;
        max-width: 100%;
        width: 100%;
        margin: auto;

    }


    .slides {

        width: 100%
    }

    .slides img {
        width: 100%;
    }

    .slidesjs-pagination {
        margin: auto;
        background: rgb(107, 138, 172);
        list-style: none;
        overflow: hidden;
    }

    .slidesjs-pagination li {
        float: left;



    }

    .slidesjs-pagination li a {
        display: block;
        color: rgba(255, 0, 0, 0);
        text-decoration: none;
        padding: .6em 1.2em;
    }



    .slidesjs-navigation {
        background-color: rgb(107, 138, 172);
        color: white;
        text-decoration: none;
        display: inline-block;
        padding: .6em 1.2em;
        float: right;
    }

   
    #captions{
    color:aliceblue;
    padding: 1em;
    background-color: rgba(0, 0, 0, 0.47);
    position:inherit;
    z-index: 9991;
    top:-5.6em;
    

    }

.bloques {
margin left: 3vmin;
font-size: em;
}

.formatob {
    margin: 0em;
padding:.em;
border: 1px solid grey;
text-align: left;
display:flex;
justify-content: space-around;
font-size: %;
border-radius:30vmin;

}


    




    /*--noticia responsive--*/

    #titulonoticia {
        display: block;
    }

    #cajadenoticias {
        display: flex;
    }

    #seccionb {
        width: 50vmin;
        padding-left: 1.6em;

        border-left: solid silver .03em;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin: 0;
    }

    #seccionb figure img {
        width: 25vmin;
    }

    #seccionb figure:first-child {
        padding-top: 1.5;
        border-top: none;
    }

    /*--responsive de galeria--*/

    #fotogaleria {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;

    }

}



@media (max-width: 100em){
    
    #iniciarcolumna{
    display: block
    }
    
    #cuerpoiniciar{
    margin: 0;
    }
    
}
  
    
    
@media (min-width: 65em) {
    
main {margin: auto 13%;
    

   }
    #noticiassecundarias figure{
        flex-direction: row;
        padding: 1em 0;
        border-bottom: solid silver .03em;
      width: 50vmin;
        margin-top: 1em;
        }
    
    
    .categorias ul {max-width: 85vmin;}
    
     .posiciones {
         margin-left: auto;
         margin-right: 0;
       max-width: 60vmin;
         overflow: visible;
            
    }
    
    #scrollableTable {
    overflow: visible;

}
    
    
    #pagamf {
        width: 40%;
        margin-top: 0;
        text-align: center;}
    

    
    .fixturecontenedor {
    flex-grow: 1;
      min-width: 30vmin;
    
        }

   .goleadores {
    flex-grow: 1;
      min-width: 30vmin;
        margin-top: 1em;
        }


    #datossecundarios {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        flex-grow: 1;
        min-width: 28vmin;
       max-width: 30vmin;
       margin: 5em auto 2em 1em;
        }
    
    #fecha {
        margin-top: 1em;
        }
    }



@media (min-width: 45em) {

 #noticiassecundarias {
     border-bottom: none;
     border-top: none;
                padding: 0;
       padding-left: 1.6em;
             border-left: solid silver .03em;
        display: flex;
        flex-wrap: wrap;
     flex-direction: column;
        justify-content: flex-start;
     margin: 0;
     margin-top: 2em;
        margin-left: 2em;
    
        }
    #noticiassecundarias a{
      border: none;
        }
    
    
    #noticiassecundarias figure{
        flex-direction: row;
        padding: 1em 0;
        border-bottom: solid silver .03em;
      width: 35vmin;
        margin-top: 1em;
        }
    
     #notiuno figure figurecaption h4{
         margin-top: 0;
              padding-top: 0;
   
        }
    
     #noticiassecundarias figure figurecaption{
   
        padding-left: 1.5em;
      
        }
    
    

    #fecha {
        padding-top: 0;
        }
    
}

#formafiltro{
    position: relative;
    padding: .3em;
    top:.4vmin;
    margin-right: 1em;
    display:flex;
    justify-content: space-evenly;
}

.bloques {
margin-right: .5vmin;
font-size: .7em;
}

.formatob {
    width:1em;
padding:.5em;
border: 1px solid grey;
text-align: left;
display:inline;
justify-content: space-around;
font-size: .7em;
border-radius:6vmin;

}

#fecha1{
min-width: 40%;    
    
}

#fecha2{
    min-width: 25%;
font-size: 72%
}

/*--------------iniciar sesion para comprar entradas----*/

main h5 {
    display: flex;
    justify-content: center;
    margin: 1em;
}

/*------compraentradas-------*/

#flecha {
    color: white;
}

.compraentradas {
    margin-top: 5rem;
    margin-left: 1em;
    margin-right: 1em;
    margin-bottom: 1em;
    background-color: white;
    border-radius: 1em;
    padding: 1.5em 1.2em;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.direccion {
    font-size: .6em;
    display: flex;
    color: cadetblue;
    margin: 1em;
}

.equiposvs {
    display: flex;
    margin-top: 1em;
    margin-bottom: -1em;
}

.escudosvs {
    width: 2em;
}

.escudosvs2 {
    width: 2em;
    margin-bottom: .3em;
}

#vs {
    font-size: 1em;
}

.metododepago {
    margin: 1em;
}

.metodo {
    display: flex;
    align-items: baseline;
    margin: .8em;
}

.tarjetainfo {
    display: flex;
    align-items: baseline;
    margin-left: 3em;
}

#nombre,
#codigo,
#exp,
#numtarjeta {
    background-color: gainsboro;
    margin: .3em;
    padding: .4em;
    width: 14rem;
}

label {
    font-size: .8em;
}