*{
        margin:0;
        padding: 0;
    }

    body{
        background-color: #a8a8a8;

    }
    .titulo{
        font-size: 50px;
        text-shadow: 2px 2px 4px orange;
        text-align: center;
        padding-bottom: 2%;
    }
    .clase1{
        background-color: rgb(179, 252, 229);
        height: 300px;
        width: 375px;
        border-radius: 15%;
        float:left;
        margin-right: 2%;
        margin-left: 2%;

    }
    .clase2{
        background-color: rgb(179, 252, 229);
        height: 300px;
        width: 400px;
        border-radius: 15%;
        float:left;
        margin-right: 2%;
    }
    .clase3{
        background-color: rgb(179, 252, 229);
        height: 300px;
        width: 485px;
        border-radius: 15%;
        float: left;

    }
    .clase4{
        background-color: rgb(239, 255, 146);
        height: 400px;
        margin-left: 2%;
        margin-right: 2%;
        border-radius: 4%;


    }
    .clase5{
        height: 350px;
        width: 600px;
        float: left;
        margin-right: 5%;

    }
    .clase6{
        float: left;
        height: 350px;
        width: 630px;
        
    }
    .jugadores{
        height: 900px;
        width: 800;
    }
    .top1{
        float: left;
        height: 300px;
        width: 300px;
        background-color: whitesmoke;
        border-radius: 5%;
        margin-left: 2%;
    }
    .inv1{
        float: left;
        width: 100%;
    }
    .top2{
        float: left;
        margin-left: 25%;
        text-align: center;
        background-color: whitesmoke;
        border-radius: 5%;
        height: 300px;
        width: 300px;

    }
    .top3{
        float: left;
        margin-left: 48%;
        text-align: center;
        background-color: whitesmoke;
        border-radius: 5%;
        height: 300px;
        width: 300px;

    }
    .top4{
        float: left;
        margin-left: 25%;
        text-align: center;
        background-color: whitesmoke;
        border-radius: 5%;
        height: 300px;
        width: 300px;

    }
    .top5{
        float: left;
        margin-left: 2%;
        text-align: center;
        background-color: whitesmoke;
        border-radius: 5%;
        height: 300px;
        width: 300px;



    }
    .messi{
        text-align: center;
        font-size: 22px;
        padding-top: 4%;
        text-shadow: 2px 2px 4px rgb(0, 0, 0);
    }
    .maradona{
        text-align: center;
        font-size: 22px;
        padding-top: 4%;
        text-shadow: 2px 2px 4px rgba(0, 170, 255, 0.783);
    }
    .pele{
        text-align: center;
        font-size: 22px;
        padding-top: 4%;
        text-shadow: 2px 2px 4px rgba(41, 255, 55, 0.783);
    }
    .cr7{
        text-align: center;
        font-size: 22px;
        padding-top: 4%;
        text-shadow: 2px 2px 4px rgba(255, 8, 0, 0.783);
    }
    .ronaldinho{
        text-align: center;
        font-size: 22px;
        padding-top: 4%;
        text-shadow: 2px 2px 4px rgba(0, 170, 255, 0.783);
    }
    .p1{
        margin-top: 5px;
        font-size: 25px;
        text-align: center;
        text-shadow: 2px 2px 4px rgb(0, 17, 252);
    }
    .p2{
        padding-right: 25px;
        padding-top: 10%;
    }
    .p3{
        font-size: 25px;
        text-align: center;
        text-shadow: 2px 2px 4px rgb(251, 0, 0);
        padding-top: 2%;
        margin-top: 5px;
        margin-bottom: 5px;


    }
    .p4{
        font-size: 25px;
        text-shadow: 2px 2px 4px rgb(15, 91, 255);
        padding-bottom: 3%;
    }
    .p6{
        font-size: 25px;
        text-shadow: 2px 2px 4px rgb(15, 91, 255);
        padding-bottom: 3%;
        padding-left: 25%;

    }
    .p7{
        font-size: 20px;
        text-shadow: 2px 2px 4px rgb(255, 42, 42);
    }
    .tl{
        font-size: 25px;
        text-align: center;
        text-shadow: 2px 2px 4px rgb(124, 246, 53);
        margin-top: 5px;
        margin-bottom: 5px;
        height: 40px;
        width: 400px;
        margin-left: 35%;
        border-radius: 5%;
    }
    .ptrofeos{
        text-shadow: 2px 2px 4px rgb(111, 211, 247);

    }
    .trofeos{
        padding-left: 7%;
    }
    .liga{
        float: left;
        margin-right: 3%;
        text-align: center;
    }
    .supercopaesp{
        float: left;
        margin-right: 3%;
        text-align: center;
    }
    .copasdelrey{
        float: left;
        margin-right: 3%;
        text-align: center;
    }
    .europaleague{
        float: left;
        margin-right: 3%;
        text-align: center;
    }
    .recopa{
        float: left;
        margin-right: 3%;
        text-align: center;
    }
    .supercopadeeu{
        float: left;
        margin-right: 3%;
        text-align: center;
    }
    .copaintercontinental{
        float: left;
        margin-right: 3%;
        text-align: center
    }
    .intertoto{
        float: left;
        margin-right: 3%;
        text-align: center 
    }
    .img1{

        float: left;
        border-right: 3px solid salmon;
        margin-right: 2px;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: 15px;
        display: block;
        padding-top: 10%;
    }
    .img2{
        float: left;
        padding-left: 20px;
        padding-top: 25px;
        display: block;

    }
    .img3{
        float: right;
        display: block;
        padding-bottom: 2%;
        padding-top: 10%;
        

    }
    th
        {
            text-align: center;
            color: rgb(255, 249, 169);
            border: 2px solid #000000;
            border-radius: 5px;
            background-color: #343434;
        }
        td{
            text-align: center;
            border: 2px solid #000000;
            border-radius: 5px;
        }
        .tabla1{
                background-color: #343434;
                text-shadow: 2px 2px 5px rgb(255, 196, 3);

        }
        .sistemas{
                background-color: rgb(110, 199, 251);
        }
        .seguridad{
            background-color: rgb(138, 245, 247);
        }
        .ingles{
            background-color: rgb(252, 252, 139);
        }
        .empresa{
            background-color: rgb(243, 151, 248);
        }
        .servicios{
            background-color: rgb(251, 207, 130);
        }
        .web{
            background-color: rgb(192, 247, 109);
        }
        .recreo{
            background-color: rgb(248, 156, 142);
        }
        .cont1{
            background-color: rgb(179, 252, 229);
            height: 350px;
            width: 500px;
            border-radius: 50px;
            float:left;
            margin-top:25px;
            margin-left: 150px;
        }
        .cont2{
            margin-left:60px;
            background-color: rgb(179, 252, 229);
            height: 350px;
            width: 500px;
            border-radius: 50px;
            float:left;
            margin-right: 18px;
            margin-top:25px;
            display: block
        }
.subtl{
text-align: center;
border: solid 2px rgb(121, 233, 246);
background-color:  rgb(135, 135, 135);
width: 220px;
margin-left: 42%;
font-size: 24px;
text-shadow: 2px 2px 5px rgb(0, 229, 255);
}
.bad{
padding-top: 70%;
float: left;

}
.alb{
width: 800px;
float: left;
text-align: center;
font-size: 22px;
text-shadow: 2px 2px 5px rgb(0, 0, 0);
margin-left: 5%;
margin-top: 1% ;
padding-bottom: 2%;
}
.nombre{ 
    float: left;
font-size: 24px;
text-shadow: 2px 2px 5px rgb(253, 244, 122);
}
.bb{
    float: left;
    margin-top: 2%;
}
.ma{
margin-bottom: 2%;

}
.c1{
background-color: rgb(215, 215, 215) ;
margin: 5%;
border-radius: 2%;
width: 1300px;
height: 240px;

}
.mkk{
    padding-top: 45%;
    float: left;
    margin-left: 40px;
    
    }
    .albmk{

    float: left;
    text-align: center;
    font-size: 22px;
    text-shadow: 2px 2px 5px rgb(0, 0, 0);
    margin-left: 25%;
    margin-top: 1% ;
    padding-bottom: 2%;
    }
    .nombremk{ 
        float: left;
    font-size: 24px;
    text-shadow: 2px 2px 5px rgb(253, 244, 122);
    }
    .mk{
        float: left;
        margin-top: 0%;
        margin-left: 2%;
    }
    .maka{
    margin-bottom: 2%;
    
    }
    .moraa{
        padding-top: 70%;
        float: left;
        margin-left: 50px;
        
        }
        .albmora{
    
        float: left;
        text-align: center;
        font-size: 22px;
        text-shadow: 2px 2px 5px rgb(0, 0, 0);
        margin-left: 15%;
        margin-top: 1% ;
        padding-bottom: 2%;
        }
        .nombremora{ 
            float: left;
        font-size: 24px;
        text-shadow: 2px 2px 5px rgb(253, 244, 122);
        margin-left: 18px;
        }
        .mora{
            float: left;
            margin-top: 1%;
            margin-left: 2%;
        }
        .mamora{
        margin-bottom: 2%;
        
        }
        .quevedoo{
            padding-top: 70%;
            float: left;
            margin-left: 50px;
            
            }
            .albquevedo{
        
            float: left;
            text-align: center;
            font-size: 22px;
            text-shadow: 2px 2px 5px rgb(0, 0, 0);
            margin-left: 32%;
            margin-top: 1% ;
            padding-bottom: 2%;
            }
            .nombrequevedo{ 
                float: left;
            font-size: 24px;
            text-shadow: 2px 2px 5px rgb(253, 244, 122);
            margin-left: -53px;
            margin-top: -2%;
            }
            .quevedo{
                float: left;
                margin-top: 1%;
                margin-left: -6%;
            }
            .maquevedo{
            margin-bottom: 2%;
            
            }
            .raww{
                padding-top: 70%;
                float: left;
                margin-left: 50px;
                
                }
                .albraw{
            
                float: left;
                text-align: center;
                font-size: 22px;
                text-shadow: 2px 2px 5px rgb(0, 0, 0);
                margin-left: 4%;
                margin-top: 1% ;
                padding-bottom: 2%;
                }
                .nombreraw{ 
                    float: left;
                font-size: 24px;
                text-shadow: 2px 2px 5px rgb(253, 244, 122);
                margin-left: -11px;
                margin-top: -4%;
                }
                .raw{
                    float: left;
                    margin-top: 1%;
                    margin-left: 2%;
                }
                .maraw{
                margin-bottom: 2%;
                
                }
    .atras{
        margin-left: 5%;
    }
    .header{
        text-align: center;
        border: solid orange 1px;
    }
    .footer{
        text-align: center;
        border: solid orange 1px;
    }
    .footerm{
        text-align: center;
        border: solid orange 1px;
    }
    .footerf{
        margin-top: 50%;
        text-align: center;
        border: solid orange 1px;
    }
    .formulario{
        margin-top: 45%;
    }