/* --- INICIO estilosindex.css --- */

@font-face{
    font-family:muye;
    src: url(fuentes/OpenSans-VariableFont_wdth,wght.ttf);
}
@font-face {
    font-family:muyeb ;
    src: url(fuentes/NunitoSans-VariableFont_YTLC\,opsz\,wdth\,wght.ttf);
}


section,header,footer{
    width:1200px;
    margin: auto;
}
body{font-family:muye;
    background-image: url(fotos/images.jpg);
}
header{background-color: rgb(190, 43, 43);height: 175px;
padding:25px;box-sizing: border-box;}

#historia, #sectioninicio{background-color: rgb(247, 30, 30);height: 800px;margin-bottom: 30px;}
footer{background-color: rgb(247, 26, 26);height: 150px;padding-top: 10px;}
#head{background-color:brown;width:600px ;height: 100px;margin-left: auto;margin-right: auto;}
.botonera{margin: 0%;padding: 0%;list-style-type: none;display: flex;}
#cajaa{background-color: rgba(255, 8, 0, 0.712);margin-right: 5px;width: 600px;height: 248px;margin-left: 5px;}
#contacto{background-color: rgb(167, 4, 4);width: 400px;height: 100px;margin-left: auto;margin-right: auto;}
#cajac{background-color: rgb(250, 12, 12);width: 600px;height: 275px;padding: 5px;}
#cajad{width: 585px;height: 92px;background-color: rgb(253, 52, 52);padding: 10px;margin-right: 15px;margin-top: 60px;


}


.botonera li a{display: block;text-decoration: none;color: rgb(10, 10, 10);width: 200px;height: 40px;margin-right: 18px;background-color: rgb(253, 30, 67);
font-size: 24px;text-align: center;line-height: 50px;font-family:muyeb;}


#botoneraformato{width: 1100px;height: 50px;background-color: rgb(247, 47, 21);margin-left: 22.5px;padding: 5px;}


.botonera li a:hover{
    background-color: rgb(6, 189, 245);border-radius: 10px;
    border: 1px solid black;





}


h1 { margin-top: 0%; text-align: center; font-style: oblique; font-family:muyeb}


.imagen {width: 600px;}
.alt {font-size: larger;color: black;



}

h2{font-size:xx-large;font-family:muye; font-style: oblique ; color: rgb(90, 22, 5);


}

#moda{width: 600px; float: left;


}
#modb{width: 600px; float: right;}
#cajae{width: 580px;height: 90px;;background-color: rgba(255, 42, 42, 0.952);margin-top: 100px;padding: 10px;

}
#cajaf{width: 550px;height: 740px;background-color: rgb(218, 30, 30);margin-top: 0%;margin-left: 10px;padding: 20px;}
h4{font-size: x-large; font-family:muye;margin-top: 0%; font-style: oblique;
}
#cajadimagen{width: 500px;}
#imagenalex{width: 500px;}

#botonerac{ text-decoration: none;text-align: center;display: block;font-family:muyeb;font-size: xx-large;color: rgb(12, 11, 11);font-style: oblique;} 


#cajainicio{width: 510px; height: 100px;background-color: brown;margin-left: auto;margin-right: auto;float: none;margin: top 20px;box-sizing: border-box;padding-top: 10px;}

#titulob a{font-family:muye;color: rgb(243, 40, 40);font-style: oblique;text-decoration: none;
}
#titulob {font-family:muye;color: rgb(243, 40, 40);font-style: oblique;text-decoration: none;text-shadow: 5px 2px 4px rgba(151, 6, 6, 0.5);
}

#tabla{width: 575px;height: 300px;table-layout: auto;border: 4px solid black;border-collapse: collapse;color: black;margin-top: 15px;margin-left: 15px;}



#articuloA{width:600px ;float: left;}
#cajarticuloizq{width: 600px; height:300px;

}
td{border: 4px solid black;border-collapse: collapse;font-family:muyeb ;padding: 6px;}
th{border: 4px solid black;border-collapse: collapse;font-family:muyeb;padding: 15px;}

#cajaabajo{width: 575px; height: 300px;margin-left: 15px;margin-top: 15px;


}
#articuloB{width: 600px;float: right;


}

#video{width: 575px;height: 300px;

}
#imagenonce{width: 585px;}


#cajaimagen{width: 585px;height: 330px ;margin-right: 15px;margin-top: 15px;}




#cajaabajoimagen{width: 585px;margin-right: 15px;margin-top: 20px; }

#cajaabajoimagen p {font-family:muye;font-size: x-large;}
#cajapdf{text-decoration: none;color: black;font-family:muye;font-style: normal;font-display: auto;}

.CAJAFOOTERA{float:left;width: 300px;height:75px;margin-left: 15px}
.CAJAFOOTERB{float: right;width: 300px;height: 75px;margin-right: 15px;text-align: center;}
.CAJAFOOTERA p {font-size: x-large;
    font-family:muyeb;
    font-style: oblique;
    color: black;
}
.CAJAFOOTERA a {font-size: x-large;
    font-family:muyeb;
    font-style: oblique;
    color: black;
    text-decoration: none;
}
.CAJAFOOTERB p{font-size: x-large;
    font-family:muyeb;
    font-style: oblique;}
#cajaPie {
    width: 300px;
    height: 75px;
    float: left;
    margin-left: 120px;
}
#cajaPie p {
    margin: 0;
}


#secciontrofeos{
    height: 700px;
    background-color: rgb(247, 30, 30);
    margin-bottom: 50px
}


#cajaarticuloo{
    width: 585px;
    margin-left: 20px;



}

#cajaarticulooimage{
 width: 585px;  
 
 animation:latido 2s infinite;
}

@keyframes latido{
0%, 100%{
    transform: scale(1);
}
25%{
    transform: scale(0.95);
}
50%{
    transform: scale(0.90);
}
75%{
    transform: scale(0.80);
}
}



#cajaabajo p{font-size: x-large;font-family:muye;font-style: oblique;}


#cajalista{
width: 600px;
height: 300px;
float: right;margin-bottom: 0px;
}
li{
    font-size: x-large;font-variant: small-caps;font-family: muye;
}
#fotochampions{
    width: 500px;
    
    margin-left: 20px;
    margin-top: 3px;
}

#cajachampions{
    width: 600px;
    
    float: right;
}


#cajaabajoo{width: 575px; height: 340px;margin-left: 15px;margin-top: 15px;


}
#cajaabajoo p {font-size: x-large;font-family:muye;font-style: oblique;}


#abc {

    background-color: black;
}


#seccionactualidad{background-color: rgb(247, 30, 30);height: 700px;margin-bottom: 30px}

#cajaarticulooimagen{width:550px;margin-top: 25px;}

#articulobn{
    width: 600px;float: right;
}
.mantenercolor{background-color: rgb(195, 0, 255) !important;}

/* --- FIN estilosindex.css --- */

/* --- INICIO estilosdeindex.css --- */

@font-face{
    font-family:muye;
    src: url(fuentes/OpenSans-VariableFont_wdth,wght.ttf);
}
@font-face {
    font-family:muyeb ;
    src: url(fuentes/NunitoSans-VariableFont_YTLC\,opsz\,wdth\,wght.ttf);
}


section,header,footer{
    width:1200px;
    margin: auto;
}



header{background-color: rgb(190, 43, 43);height: 175px;
padding:25px;box-sizing: border-box;}

#historia, #sectioninicio{background-color: rgb(247, 30, 30);height: 800px;margin-bottom: 30px;}
footer{background-color: rgb(247, 26, 26);height: 150px;padding-top: 10px;}
#head{background-color:brown;width:600px ;height: 100px;margin-left: auto;margin-right: auto;}
.botonera{margin: 0%;padding: 0%;list-style-type: none;display: flex;}
#cajaa{background-color: rgba(255, 8, 0, 0.712);margin-right: 5px;width: 600px;height: 248px;margin-left: 5px;}
#contacto{background-color: rgb(167, 4, 4);width: 400px;height: 100px;margin-left: auto;margin-right: auto;}
#cajac{background-color: rgb(250, 12, 12);width: 600px;height: 275px;padding: 5px;}
#cajad{width: 585px;height: 92px;background-color: rgb(253, 52, 52);padding: 10px;margin-right: 15px;margin-top: 60px;


}


.botonera li a{display: block;text-decoration: none;color: rgb(10, 10, 10);width: 200px;height: 40px;margin-right: 18px;background-color: rgb(253, 30, 67);
font-size: 24px;text-align: center;line-height: 50px;}


#botoneraformato{width: 1100px;height: 50px;background-color: rgb(247, 47, 21);margin-left: 22.5px;padding: 5px;}


.botonera li a:hover{
    background-color: rgb(6, 189, 245);border-radius: 10px;
    border: 1px solid black;





}


h1 { margin-top: 0%; text-align: center; font-style: oblique; font-family:muyeb}


.imagen {width: 600px;}
.alt {font-size: larger;color: black;



}

h2{font-size:xx-large;font-family:muye; font-style: oblique ; color: rgb(90, 22, 5);


}

#moda{width: 600px; float: left;


}
#modb{width: 600px; float: right;}
#cajae{width: 580px;height: 90px;;background-color: rgba(255, 42, 42, 0.952);margin-top: 100px;padding: 10px;

}
#cajaf{width: 550px;height: 740px;background-color: rgb(218, 30, 30);margin-top: 0%;margin-left: 10px;padding: 20px;}
h4{font-size: xx-large; font-family: 'Times New Roman';margin-top: 0%; font-style: oblique;
}


#botonerac{ text-decoration: none;text-align: center;display: block;font-family:muye;font-size: xx-large;color: rgb(12, 11, 11);font-style: oblique;} 


#cajainicio{width: 510px; height: 100px;background-color: brown;margin-left: auto;margin-right: auto;float: none;margin: top 20px;box-sizing: border-box;padding-top: 10px;}

#titulob a{font-family:muye;color: rgb(243, 40, 40);font-style: oblique;text-decoration: none;
}
#titulob {font-family:muye;color: rgb(243, 40, 40);font-style: oblique;text-decoration: none;text-shadow: 5px 2px 4px rgba(151, 6, 6, 0.5);
}

#tabla{width: 575px;height: 300px;table-layout: auto;border: 4px solid black;border-collapse: collapse;color: black;margin-top: 15px;margin-left: 15px;}



#articuloA{width:600px ;float: left;}
#cajarticuloizq{width: 600px; height:300px;

}
td{border: 4px solid black;border-collapse: collapse;font-family:muyeb ;}
th{border: 4px solid black;border-collapse: collapse;font-family:muyeb ;}

#cajaabajo{width: 575px; height: 340px;margin-left: 15px;margin-top: 15px;


}
#articuloB{width: 600px;float: right;


}

#video{width: 575px;height: 340px;

}
#imagenonce{width: 585px;}

.CAJAFOOTERA{float:left;width: 300px;height:75px;margin-left: 15px}
.CAJAFOOTERB{float: right;width: 300px;height: 75px;margin-right: 15px;text-align: center;}
.CAJAFOOTERA p {font-size: x-large;
    font-family:muye;
    font-style: oblique;
    color: black;
}
.CAJAFOOTERA a {font-size: x-large;
    font-family:muye;
    font-style: oblique;
    color: black;
    text-decoration: none;
}
.CAJAFOOTERB p{font-size: x-large;
    font-family:muye;
    font-style: oblique;}
#cajaPie {
    width: 300px;
    height: 75px;
    float: left;
    margin-left: 120px;
}
#cajaPie p {
    margin: 0;
}



#secciontrofeos{
    height: 650px;
    background-color: rgb(247, 30, 30);
    margin-bottom: 50px
}
#articuloo{
    float: left;
    width: 600px;
    margin-top:20px;
    height: 300px;
}

#cajaarticuloo{
    width: 585px;
    margin-left: 20px;



}

#cajaarticulooimage{
 width: 585px;  
 
 animation:latido 2s infinite;
}



#cajaabajo p{font-size: x-large;font-family:muye;font-style: oblique;}


#cajalista{
width: 600px;
height: 300px;
float: right;margin-bottom: 10px;
}
li{
    font-size: x-large;font-variant: small-caps;
}
#fotochampions{
    width: 500px;
    
    margin-left: 20px;
    margin-top: 15px;
}

#cajachampions{
    width: 600px;
    
    float: right;
}


#cajaabajoo{width: 575px; height: 340px;margin-left: 15px;margin-top: 15px;


}
#cajaabajoo p {font-size: x-large;font-family:muye;font-style: oblique;}


#abc {

    background-color: black;
}


#seccionactualidad{background-color: rgb(247, 30, 30);height: 675px;margin-bottom: 30px}

#cajaarticulooimagen{width:550px;margin-top: 25px;}

#articulobn{
    width: 600px;float: right;
}

#george-best{
    height: 450px;
    background-color: rgb(247, 30, 30);
    margin-bottom: 50px
}

#bobby-charlton{
    height: 450px;
    background-color: rgb(247, 30, 30);
    margin-bottom: 50px
}

#eric-cantona{
    height: 450px;
    background-color: rgb(247, 30, 30);
    margin-bottom: 50px
}

#ryan-giggs{
    height: 450px;
    background-color: rgb(247, 30, 30);
    margin-bottom: 50px
}

#paul-scholes{
    height: 450px;
    background-color: rgb(247, 30, 30);
    margin-bottom: 50px
}

#wayne-rooney{
    height: 500px;
    background-color: rgb(247, 30, 30);
margin-bottom: 50px;
}

#video1{
    width: 200px;
    height: 200px;
    display: block;
    float: right;
    border: 3px solid black;
    border-radius: 8px;
    background-color: black;
}




.CAJAFOOTERA{float:left;width: 300px;height:75px;margin-left: 15px}
.CAJAFOOTERB{float: right;width: 300px;height: 75px;margin-right: 15px;text-align: center;}
.CAJAFOOTERA p{font-size: x-large;
    font-family:muye;
    font-style: oblique;}
.CAJAFOOTERB p{font-size: x-large;
    font-family:muye;
    font-style: oblique;}
#cajaPie {
    width: 300px;
    height: 75px;
    float: left;
    margin-left: 120px;
}
#cajaPie p {
    margin: 0;
}

.imagenreducida1{
    width: 700px;
    height: auto;

}

.imagenreducida2{
    width: 700px;
    height: auto;
}

.imagenreducida3{
    width: 700px;
    height: auto;
}

.imagenreducida4{
    width: 700px;
    height: auto;
}

#imagenbest{
    margin-left: 20px;
    margin-top: 20px;
    height: auto;
    width: auto;
}

#videobest{
margin-top: 20px;
margin-right: 500px;

}

#textobest{
    font-size: large;
    padding: 15px;
}

#imagencharlton{
    margin-left: 20px;
    margin-top: 20px;
    height: auto;
    width: auto;
}

#videocharlton{
    margin-top: 20px;
    margin-right: 500px;
    
}

#textocharlton{
    font-size: large;
    padding: 15px;
}

#imagencantona{
    margin-left: 20px;
    margin-top: 20px;
    height: auto;
    width: auto;
}

#videocantona{
    margin-top: 20px;
    margin-right: 500px;
}

#textocantona{
    font-size: large;
    padding: 25px;
}

#imagengiggs{
    margin-left: 20px;
    margin-top: 20px;
    height: auto;
    width: auto;
}

#videogiggs{
    margin-top: 20px;
    margin-right: 500px;
}

#textogiggs{
    font-size: large;
    padding: 25px;
}

#imagenscholes{
    margin-left: 20px;
    margin-top: 20px;
    height: auto;
    width: auto;
}

#videoscholes{
    margin-top: 20px;
    margin-right: 500px;
}

#textoscholes{
    font-size: large;
    padding: 25px;
}

#imagenrooney{
    margin-left: 20px;
    margin-top: 20px;
    height: auto;
    width: auto;
}

#videorooney{
margin-top: 20px;
margin-right: 500px;
}

#textorooney{
padding: 25px;}

#textoscholes{
    font-size: large;
}


#imagenoldtraffordnoventa{
    margin-top: 20px;
    margin-left: 20px;
    border: 3px solid black;
    border-radius: 8px;
    background-color: black;
    background-color: rgb(247, 30, 30);
    margin-bottom: 50px
}




#unitedarticle{
    margin-left: 30px;
}

#formulariounited{
    padding-top: 40px;

}

input, label,textarea{
    width: 300px;
    display: block;
    box-sizing: border-box;
    padding-top: 12px;
    margin-left: 450px;
}

#opinionusuario{
    margin-left: 450px;
}

#enviar{
    margin-top: 15px;
}

body{
    font-family: muye;
    background-image: url(fotos/fondo.jpg);
}

.estadio-section{
    text-decoration: underline;
    height: 650px; 
    background-color: rgb(247, 30, 30); 
    margin-bottom: 50px; 
    display: flex; 
    flex-direction: column; 
    align-items: center; 
    justify-content: center; 
}

.imagenreducida {
    width: 100%; 
    height: 100%;
    object-fit: cover; 
}

.imagen-container {
    margin-top: 20px;
    margin-left: 20px; 
    border: 3px solid black;
    border-radius: 8px;
    background-color: black;
    display: flex; 
    justify-content: center;
    align-items: center;
    width: 700px; 
    height: 400px; 
    overflow: hidden; 
}

#formulariounited{
    color: aqua;
}

#segundotitulo h2{
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
font-size: xx-large
}

#botoneraleyendas {
    margin: 16px auto;
    display: flex;
    justify-content: center;
    gap: 10px;
    max-width: 100%;
    flex-wrap: wrap;
}
#botoneraleyendas a.boton {
    font-size: 14px;
    background-color: darkred;
    color: antiquewhite;
    text-decoration: none;
    padding: 6px 12px;
    border-radius: 6px;
    border: 1px solid black;
    transition: background-color 0.3s;
}
#botoneraleyendas a.boton:hover {
    background-color: rgb(6, 189, 245);
    color: black;
}

#botoneraestadio{
    margin: 16px auto;
    display: flex;
    justify-content: center;
    gap: 10px;
    max-width: 100%;
    flex-wrap: wrap;
}

#botoneraestadio a.boton {
    font-size: 14px;
    background-color: darkred;
    color: antiquewhite;
    text-decoration: none;
    padding: 6px 12px;
    border-radius: 6px;
    border: 1px solid black;
    transition: background-color 0.3s;
}

.mantenercolor{
    background-color: rgb(195, 0, 255) !important;
}

/* --- FIN estilosdeindex.css --- */