
.img2{
    float: left;
    width: 5%;
    background-image: url("https://gimudi.com.br/img/futebol.png");
    background-repeat: no-repeat;
    background-size: contain;
    margin:0% 5% 0% 6%;
    padding: 0% 0% 6% 7%;
    /*border: 1px solid yellow;*/
}


.img3{
    float: left;
    width: 30%;
    background-image: url("https://gimudi.com.br/img/conmebol.png");
    background-repeat: no-repeat;
    background-size: contain;
    margin:0% 30% 0% 20%;
    padding: 17% 0% 30% 30%;
    /*border: 1px solid yellow;*/
}


/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX ALINHAMENTO DE CONTEÚDO */

.alignf{
    display: inline-block;
     box-sizing: border-box;
    float: left;
    width:98%;
    margin: 0% 2% 0% 5%;
    padding: 0% 8% 0% 0%;
    text-align: center;
    font-size: 1.0em;
    /*color: red;*/
    /*background: #adeaea;*/
    /*border: 5px solid green;*/
}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX ALINHAMENTO DE CONTEÚDO */

.alignf ul li p{
    
    text-align: center;
    color: blue;
    font-size: 0.7em;
    
}


.alignf :hover{
    color: red;
    /*font-weight: bold;*/
    /*font-size: 0,7em;*/
}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX CONTEÚDO 1 */

.conteudo1f{
    /*display: inline-block;*/
     /*box-sizing: border-box;*/
    /*float: left;*/
    width: 33%;
    margin: 0% 0% 0% 0%;
    padding: 1% 1% 1% 1%;
    text-align: center;
    font-size: 1.0em;
    color: red;
    background: #adeaea;
    border-left: 5px solid #ccc;
    border-right: 5px solid #ccc;
   /*border-left: 5px solid Gainsboro;*/
}

.conteudo1f ul li{
    /*display: inline-block;*/
     /*box-sizing: border-box;*/
    float: left;
    width:93%;
    margin: 0% 0% 0% 0%;
    padding: 1% 0% 1% 0%;
    text-align: center;
    font-size: 1.3em;
    color: red;
    /*background: #adeaea;*/
    /*border: 5px solid blue;*/
}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX CONTEÚDO 2 */

.conteudo2f {
    /*box-sizing: border-box;*/
    float: left;
    width:100%;
    margin: 0% 0% 0% 0%;
    padding: 0% 0% 0% 0%; 
    text-align: center;
    font-size: 1.3em;
    color: red;
    background: #adeaea;
    border-top: 5px solid #ccc;
    border-bottom: 5px solid #ccc;
}
.conteudo2f ul{
    /*box-sizing: border-box;*/
    float: left;
    width:33%;
    margin: 0% 0% 0% 0%;
    padding: 0% 0% 0% 0%; 
    text-align: center;
    font-size: 1em;
    color: red;
    background: #adeaea;
    /*border: 5px solid blue;*/
}
.conteudo2f ul li{
    width:80%;
    float: left;
    margin: 0% 0% 0% 5%;
    padding: 2% 0% 2% 1%; 
    text-align: center;
    /*border: 5px solid blue;*/
}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX CONTEÚDO 3 */


.conteudo3f{
    float: left;
    width: 100%;
    margin: -0.5% 0% 0% 0%;
    padding: 0% 0% 0% 0%;
    text-align: left;
    font-size: 1.3em;
    font color: black;
    background: #adeaea;
    border-top: 2px solid #ccc;
    border-bottom: 5px solid #ccc;
}
.conteudo3f ul{
    float: left;
    width: 30%;
    margin: 0% 0% 0% 2%;
    padding: 0% 0% 0% 0%;
    /*border: 5px solid violet;*/
}
.conteudo3f ul li{
    float: left;
    width: 100%;
    margin: 1% 0% 0% 2%;
    padding: 1% 0% 2% 0%;
    text-align: center;
    font-size: 1.0em;
    /*border: 2px solid purple;*/
}
.conteudo3f ul li p{
    margin-top: 5%;
    text-align: center;
    color: black;
    background: #ccc;
    font-size: 1.0em;
    border: 2px solid #C1C1C1;

}

.imgfutebol{
    float: left;
    width: 30%;
    margin: 0% 0% 0% 30%;
    padding: 0% 0% 31% 20%; 
    background-image: url("https://gimudi.com.br/img/ligadosfutebol.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
    /*border: 5px solid white;*/
}



/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX CONTEÚDO 4 fla */


.conteudo4fla{
    float: left;
    width: 100%;
    margin: 0% 0% 0% 0%;
    padding: 0% 0% 0% 0%;
    text-align: center;
    font-size: 1.0em;
    font color: black;
    background: #adeaea;
    border-top: 5px solid #ccc;
    border-bottom: 5px solid #ccc;
}
.conteudo4fla ul{
    float: left;
    width: 40%;
    margin: 0% 0% 0% 10%;
    padding: 0% 0% 0% 0%;
    /*border: 5px solid violet;*/
}
.conteudo4fla ul li{
    float: left;
    width: 65;
    margin: 3% 0% 0% 2%;
    padding: 1% 1% 2% 1%;
    text-align: center;
    font-size: 1.0em;
    /*border: 2px solid purple;*/
}
.conteudo4fla ul li p{
    text-align: center;
    color: black;
    background: #ccc;
    font-size: 1.0em;
    border: 2px solid #C1C1C1;
}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX CONTEÚDO 5 fla */
.img3temido{
    float: left;
    width: 100%;
    background-image: url("https://gimudi.com.br/img/temido.png");
    background-repeat: no-repeat;
    background-size: contain;
    margin:0% 0% 10% 30%;
    padding: 0% 0% 50% 50%;
    /*border: 1px solid yellow;*/
}


.conteudo5fla{
    float: left;
    width: 99.5%;
    margin: 1% 0% 0% 0.5%;
    padding: 0% 0% 0% 0%;
    text-align: center;
    font-size: 1.3em;
    font color: black;
    /*font-weight: bold;*/
    background: #adeaea;
    /*border: 5px solid #ccc;*/
}
.conteudo5fla ul{
    float: left;
    width: 32.8%;
    margin: 0% 0% 0% -0.4%;
    padding: 0% 0% 0% 3%;
    text-align: center;
    border-left: 5px solid #ccc;
    border-right: 5px solid #ccc;
}
.conteudo5fla ul li{
    float: left;
    width: 90%;
    margin: 3% 0% 0% 0%;
    padding: 1% 1% 2% 1%;
    /*text-align: center;*/
    font-size: 1.0em;
    /*border: 2px solid #CCC;*/
}

.conteudo5fla ul li:hover{
    font-weight: bold;
    /*text-align: center;*/
    color: black;
    
    font-size: 1.0em;
    /*border: 2px solid #CCC;*/
}

.conteudo5fla ul li p{
    margin: 50% 0% 00% 0%;
    padding: 0% 0% 0% 0%;
    text-align: center;
    color: black;
     font-weight: bold;
    background: #ccc;
    font-size: 1.0em;
    /*border: 2px solid violet;*/
}

conteudo5fla ul:hover{
    color: black;
    background: #DCDCDC;
}



/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX CONTEÚDO 6 FOOT */

.foot{
/*display: inline-block; */
float: left;
/*box-sizing: border-box;*/
width: 100%;
margin: 10% 0% 0% 10%;
/*padding: 0% 0% 0% 1%;*/
/*text-align: center;*/
/*font-size: 1.5em;*/
/*color: red;*/
/*background: #adeaea;*/
/*border: 5px solid orange;*/
}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX FIM*/











.flamengo{
/*display: inline-block;*/
float: left;
/*box-sizing: border-box;*/
width: 90%;
margin: 1% 0% 0% 5%;
/*padding-left: 2%;*/
text-align: left;
font-size: 1.5em;
/*color: red;*/
background: #d3d3d3;
border: 5px solid #a9a9a9;
}

.titlefla{
/*display: inline-block;*/    
float: left;
/*box-sizing: border-box;*/
width: 100%;
margin: 1% 0% 0% 0%;
/*padding: 0% 2% 0% 0%;*/
/*text-align: left;*/
/*font-size: 1.5em;*/
/*color: red;*/
background: #a9a9a9;
/*border: 5px solid blue;*/
} 

.data{
/*display: inline-block;*/  
float: left;
/*box-sizing: border-box;*/
width: 53%;
margin: 1% 0% 0% 2%;
/*padding: 0% 0% 0% 0%*/
text-align: center;
/*font-size: 1.5em;*/
color: red;
/*background: #adeaea;*/
/*border: 5px solid black;*/
}

.mp3{
/*display: inline-block;*/  
float: left;
/*box-sizing: border-box;*/
width:40%;
margin: 1% 0% 0% 1%;
/*padding: 4%;*/
/*text-align: top;*/
/*font-size: 1.5em;*/
color: red;
/*background: #adeaea;*/
/*border: 5px solid orange;*/

}

.box {
-ms-flex: 1; /* IE 10 */
flex: 1;
display: inline-block;  
width: 100%;
display: flex;
flex: 100%
}

.temido{
/*display: inline-block;*/  
float: left;
/*box-sizing: border-box;*/
width: 25%;
margin: 1% 0% 0% 0%;
padding: 0% 0% 0% 1%;
/*text-align: center;*/
font-size: 0.5em;
/*color: red;*/
/*background: #adeaea;*/
/*border: 5px solid blue;*/
}

.temido a:hover{
    color: black;
    
}

.hino {
/*display: inline-block;*/  
float: left;
/*box-sizing: border-box;*/
width: 55%;
margin: 1% 0% 0% 0%;
padding: 0% 1% 0% 5%;
text-align: left;
font-size: 0.8em;
/*color: red;*/
/*background: #adeaea;*/
border-left: 5px solid Gainsboro;
border-right: 5px solid Gainsboro;
/*border: 5px solid Green;*/
}

.hf{
color: blue;
font-size: 1.5em;
}

.hino ul li:hover{
    color: red;
    font-weight: bold;
    
}

.mp4{
/*display: inline-block;*/  
float: left;
/*box-sizing: border-box;*/
width: 15%;
margin: 1% 0% 0% 1%;
padding: 0% 1% 0% 1%;
text-align: center;
/*font-size: 1.5em;*/
/*color: red;*/
/*background: #adeaea;*/
/*border: 5px solid blue;*/
}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

.foot{
display: inline-block; 
/*float: left;*/
/*box-sizing: border-box;*/
width: 80%;
margin: 10% 0% 0% 10%;
/*padding: 0% 0% 0% 1%;*/
/*text-align: center;*/
/*font-size: 1.5em;*/
/*color: red;*/
/*background: #adeaea;*/
/*border: 5px solid orange;*/
}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/*.bra{*/
/*    float: left;*/
/*    width: 90%;*/
/*    margin: 1% 0% 0% 5%;*/
/*    text-align: left;*/
/*    font-size: 1.5em;*/
    /*color: red;*/
/*    background: #ccc;*/
/*    border: 5px solid yellow;*/
/*}*/

