*{
margin: 0;
padding:0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {height: 100%;}
body { margin-right:25px; margin-left: 25px; background: linear-gradient(100deg, #00AFFF, rgb(255, 235, 59));}
.j{text-align: center-left; color: white; font-size: 70px; font-style: italic;}

.m{text-align: center-left; color: white; font-size: 50px; font-style: italic;}
.mC{text-align: center; color: white; font-size: 50px; font-style: italic;}
.mR{text-align: right; color: white; font-size: 50px; font-style: italic;}

.n1{text-align: center-left; color: white; font-size: 30px; font-style: ;}
.n1R{text-align: right; color: white; font-size: 30px; font-style: ;}
.n1Rc{text-align: right; color: navy; font-size: 30px; font-style: ;}

.n{text-align: center-left; color: white; font-size: 30px; font-style: italic;}
.q{text-align: center-left; color: white; font-size: 15px; font-style: ;}
.l{text-align: center-left; color: white; font-size: 25px; font-style: ;}
.o{text-align: center-left; color: white; font-size: 25px; font-style: ;}

.h{text-align: center-left; color: white; font-size: 20px; font-style: ;}
.h2{text-align: center; color: white; font-size: 20px; font-style: ;}
.h1{text-align: center-left; color: white; font-size: 25px; font-style: ;}
.hC{text-align: center-left; color: black; font-size: 20px; font-style: ;}
.hR{text-align: right; color: white; font-size: 20px; font-style: ;}
.hRc{text-align: right; color: navy; font-size: 20px; font-style: ;}
.h1Rc{text-align: right; color: navy; font-size: 25px; font-style: ;}

.p{text-align: center-left; color: white; font-size: 18px; font-style: ;}

.dv{
	width:100px;
    border-radius: 5px;
	float:center;
	text-align:center;
	margin-left:250px;
	padding:20px;
}
.db{
	height:200px;
	width:200px;
    border-radius: px;
	float:left;
	text-align:left;
	margin-right:100px;
	margin-left:100px;
	padding:20px;
}
.db1{
	height:200px;
	width:200px;
    border-radius: px;
	float:left;
	text-align:left;
	margin-right:100px;
	margin-left:100px;
	padding:20px;
}
.barra{
width: 800px;
margin: 5px auto;
background:#FFF;
position: left;
}
.barra ul{
list-style: none;
}
.menu > li{
position: relative;
display: inline-block;
}
.menu > li > a{
display:block;
padding: 15px 50px;
color:#353535;
font-family: "open sans";
text-decoration:none;
}
.menu li a:hover{
color:#CE7D35;
transition: all .3s;
}
/*submenu*/
.sub{
position: absolute;
background:#333333;
width: 120%;
visibility: hidden;
opacity: 0;
transition: opacity 0.5s;
}
.sub li a{
display: block;
padding: 15px;
color: #fff;
font-family: "open sans";
text-decoration: none;
}
.menu li:hover .sub{
visibility: visible;
opacity:1;
}