.img2{
    float: left;
    width: 3%;
    background-image: url("https://gimudi.com.br/img/charadas2.png");
    background-repeat: no-repeat;
    background-size: contain;
    margin:0% 5% 0% 6%;
    padding: 0% 0% 6% 7%;
    /*border: 1px solid yellow;*/
}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX ALIGN */

.alignc{
    float: left;
    box-sizing: border-box;
    width:90%;
    margin: 0% 0% 0% 5%;
    /*padding: 0% 0% 0% 0% ;*/
    /*font-size: 0.7em;*/
    text-align: left;
    /*border: 5px solid RED;*/
}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

.ul.none {
    list-style-type: none;
}
.color-red{
    color: red;
}
.color-blue{
    color: blue;
}
.color-green{
    color: green;
}
.color-violet{
    color: violet;
}
.color-purple{
    color: brown;
}
.color{
    color: brown;
    font-weight: bold;    
}
a:link{
    text-decoration:none;
}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

.charadas{
float: left;
width:60%;
margin:2% 0% 0% 2.5%;
padding: 1% 0% 0% 1%;
background: #ccc;
text-align: left;
border: 5px solid #C1C1C1;
}

.charadas p{
    margin:2% 0% 2% 0%;
  -webkit-margin-before: 1%;
  -webkit-margin-after: 1em;
}


.charadas P:hover {
color: black;
font-weight: bold;
text-decoration: underline; 
/*background: #cccc;*/
}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

.menuA{
float: left;
width:15%;
margin:0% 2% 0% 0%;
padding: 0% 0% 0% 0%;
/*background: #cccccc;*/
text-align: left;
/*border: 5px solid PINK;*/
}

.menuA ul{
float: left;
width:98%;
margin:2% 0% 0% 0%;
padding: 5% 0% 5% 0%;
/*background: #cccccc;*/
text-align: center;
border: 2px solid #C1C1C1;
}

.menuA ul:hover{
background: #ccc;
border: 2px solid #C1C1C1;
}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

.menuB{
float: left;
width:15%;
margin:0% 0% 0% 3.5%;
padding: 0% 0% 0% 0%;
/*background: #cccccc;*/
text-align: left;
/*border: 5px solid PINK;*/
}

.menuB ul{
float: left;
width:98%;
margin:2% 0% 0% 0%;
padding: 5% 0% 5% 0%;
/*background: #cccccc;*/
text-align: center;
border: 2px solid #C1C1C1;
}

.menuB ul:hover{
background: #ccc;
border: 2px solid #C1C1C1;
}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

.foot{
    width: 30%;
    display: inline-block;
}


p:hover {
    color: black;
    /*background-color:blue;*/
    font-weight: bold;
    /*text-decoration:underline;*/
}