body{

    font: 15px Arial, Helvetica, sans-serif;
    padding: 0;
    margin: 0;
    background: #f4f4f4;
    
}

/*Estilos globales*/

.Contenedor{

    width: 80%;
    margin: auto;
    overflow: hidden;
}

ul{

    margin: 0;
    padding: 0;
}

.boton1{

    height: 38px;
    background-color: #e8491d;
    border: 0;
    border-left: 20px;
    padding-right: 20px;
    color: #fff;
}

/*Estilos encabezado*/

header{

    background-color: #24282b;
    color: #fff;
    padding-top: 30px;
    min-height: 70px;
    border-bottom: 5px solid #1293d4;
}

header a{

    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 16px;
}

header li{

    float: left;
    display: inline;
    padding: 0 20px 0 20px;
}

header#Marca{

    float: left;
}

header #Marca h1{

    margin: 0;

}

header nav{

    float: right;
    margin-top: 10px;
}

header .resaltado, header .actual a{

    color:blue;
    font-weight: bold;
}

header a:hover{

    color: #ccc;
    font-weight: bold;
}

/*Cabecera de imagen, Estilos*/

#Cabecera{

    min-height: 400px;
    background: url('https://www.prensalibre.com/wp-content/uploads/2019/05/Futbol-La_Liga-Real_Valladolid-Ronaldo-El_Bernabeu_394472699_121555898_1706x960.jpg?quality=82&w=760&h=430&crop=1') no-repeat;
    background-size: 100% 100%;
    background-attachment: fixed;
    text-align: center;
    color: #fff;
    
}

#Cabecera h1{

    margin-top: 100px;
    font-size: 55px;
    margin-top: 10px;
}

#Cabecera p{

    font-size: 20px;
}


/*Formulario boletin*/

#Boletin{

    padding: 15px;
    color: #fff;
    background: #24282b;
}

#Boletin h1{

    float: left;
}

#Boletin form{

    float: right;
    margin-top: 15px;

}

#Boletin imput[type="email"]{

    padding: 4px;
    height: 25px;
    width: 250px;
}

/*Cajas*/

#cajas{

    margin-top: 20px;
}

#cajas .caja{

    float: left;
    text-align: center;
    width: 30%;
    padding: 10px;
}

#cajas .caja img{

    width: 90px;
}


/*Lateral*/

aside#lateral{

    float: right;
    width: 30%;
    margin-top: 10px;
}

/*main-col*/

article#main-col{

    float: left;
    width: 65%;
   
}

article#main-img{

    
    background-size: 100% 100%;
    background-attachment: fixed;
    
}

.oscuro{
    padding: 15px;
    background-color: #35424a;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
    
}

.oscuro2{
    padding: 15px;
    background-color: #35424a;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
    
    
}






/*Estilos para Estadisticas*/


ul#Estadisticas li{

    list-style: none;
    padding: 20px;
    border: 1px solid #ccc;
    margin-bottom: 5px;
    background-color: #e6e6e6;
    
}



#main-Contenedor{

    margin: 150px auto;
    width: 600px;
}

table{

    background-color: #e6e6e6;
    text-align: left;
    border-collapse: collapse;
    width: 100%;
}

th, td{

    border: solid 1px #35424a;
    padding: 20;
}

thead{

    background-color: #e6e6e6;
    border-bottom: solid 5px#35424a;
    color: #35424a;
}

th:nth-child(even){

    background-color: #ddd;
}

th:hover td{
    
    background-color: #35424a;
    color: #35424a;
}





/*Estilos para el pie de pagina*/


footer{

    padding: 20px;
    margin-top: 20px;
    color: #fff;
    background: #1293d4;
    text-align: center;
}


/*Estilos formulario de contacto*/

input, textarea{

    width: 100%;
    height: 35px;
    border: 1px solid gray;
    margin-bottom: 5px;
}

textarea{

    height: 120px;

}

input[type="submit"]{

    background-color: #e8491d;
    color: #fff;
}

article #img2{
    
    float: right;
    width: 50px;
   
}

/*Media queries responsive*/

@media(max-width: 768px){

    header #Marca,
    header nav,
    header nav li,
    #boletin h1,
    #boletin form,
    #cajas  .caja,
    article#main-coil,
    aside#lateral{

        float: none;
        text-align: center;
        width: 100%;
    }

    header{

        padding-bottom: 20px;
    }

    #boletin h1{

        margin-top: 40px;
    }

    #boletin button{

        display: block;
        width: 100%;
    }

    #boletin form input[type="email"]{

        width: 100%;
        margin-bottom: 5px;
    }

    input, textarea{

        width: 98%;
    }
}