/*RESET NORMALIZE*/
* {font-family: 'Open Sans', sans-serif;
}

body{
background: cyan;
}

/*p:hover{*/
/*color: blue;*/
/*}*/

.color-red{color: PULPLE;
font-size: 0.1em;
}

.color-indigo{
color: indigo;
font-size: 0.5em;
}

.color-blue{color: blue;

}

.color-green{color: green;
}

.color-brown{
color:brown;
font-size: 0.65em;
}

.color-orange{
color: orange;
}

.color-yellow{
color: yellow;
}

.color{
color: #D2691E;
font-weight: bold;
text-decoration: underline;
}

a:hover{
color: orange;
}

a:link{ 
text-decoration:none; 
}

ul:hover{
color: red;
/*font-size:1.5em;*/
font-weight: bold;
background: #ccc;
border-top: 1px solid blue;
border-bottom: 1px solid blue; 
}

ul li{
list-style-type: none;

}

.menu1 ul li{
list-style-type: none;
width: 98%;
background: #adeaea;
}

.font{
color: red;
font-size: 1.5em;
}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

.artigo{
display: inline-block;
/*float: left;*/
box-sizing: border-box;
width:90%;
margin: 0% 0% 0% 5%;
/*padding: 0%; 5%;*/
/*text-align: center;*/
font-size: 1.5em;
/*color: red;*/
background: #adeaea;
/*border: 5px solid yellow;*/
}

.img{
/*display: inline-block;*/  
float: left;
/*box-sizing: border-box;*/
width: 13%;
margin: 2% 0% 2% 2%;
/*padding: 0%; 5%;*/
/*text-align: center;*/
/*font-size: 1.5em;*/
/*color: red;*/
/*background: #adeaea;*/
/*border: 5px solid yellow;*/
}

.texto{
/*display: inline-block;*/  
float: left;
/*box-sizing: border-box;*/
width:50%;
/*margin: 0% 0% 0% 1%;*/
/*padding: 0%; 5%;*/
text-align: center;
font-size: 1em;
/*color: red;*/
/*background: #adeaea;*/
/*border: 5px solid yellow;*/
}

.img2{
/*display: inline-block;*/  
float: left;
/*box-sizing: border-box;*/
width: 20%;
margin: 2% 0% 2% 2%;
padding: 0% 5%;
text-align: center;
/*font-size: 1.5em;*/
/*color: red;*/
background-size:100%;
/*border: 5px solid yellow;*/
}

.menu1 ul li{
float: left;
width:14%;
margin-left:1.5%;
/*border: 5px solid PINK;*/
/*text-align: center;*/
/*margin-top:1%;*/
box-sizing: border-box;
}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.hr{
/*border: 5px solid cyan;*/
text-align: center;
padding: 2% 0% 0% 0%;
font-size: 2em;
}

/*xxxxxxxxxxxxXXXXXXXXXXXXXXXXXXXXXXXXXX*/

.niver{
float: left;
width: 100%;
margin: 1% 0% 0% 0%;
padding: 0% 0% 5% 0%;
border: 5px solid red;
font-size: 0.5em;
}

.box{
-ms-flex: 1; /* IE 10 */
flex: 1;
float: left; 
width: 100%; 
display: flex;
flex: 100%
}

.mes{
display: inline-block; 
float: left;
box-sizing: border-box;
width: 100%;
margin: 0% 0% 0% 0%;
padding: 1% 0% 0% 0%;
/*text-align: center;*/
font-size: 1.5em;
/*color: red;*/
background: #DCDCDC;
border: 1px solid pink;
}
.mes ul li{
list-style-type: none;
width: 90%;
margin: 0% 0% 0% 0%;
padding: 3% 0% 3% 0%;
/*border: 5px solid GREEN;*/
}

/*.f{*/
/*display: inline-block; */
/*float: left;*/
/*width: 100%;*/
/*color: red;*/
/*border: 1px solid red;*/
/*}*/

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/


.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;*/
}