*{
  list-style-type: none;
  margin: 0;
  padding: 0;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}

body {
 background-image: url(styles/#####.jpg);
 background-repeat: no-repeat;
 background-position: center center;
 background-attachment: fixed;


-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.caixa{
	background-color: white;
  width: 1000px;
  height: 500px;
  padding: 20px;
  border: 5px solid navy;
  border-padding-top:20;
}
.menu-area li a{
 text-decoration: none;
 color:#fff;
letter-spacing: 1px;
text-transform: uppercase;
display: block;
padding:0 25px;
font-size: 14px;
line-height: 30px
position: relative;
z-index: 1;
}
.menu-area li{
	list-style: none;
	display: inline-block;
	
	
}
.custom-padding{
		padding-top: 01px;
		
}
nav{position: relative;
	padding:10px 20px 10px 10px;
	text-align: center;

	z-index: 1;
	background: #333;
	margin: 0 auto;
	with:calc(100% - 60px);
}
ul li:hover {
  background:#99cc00;
  font-weight:bold;
}
.logo{
	with: 15%;
	float: left;
	text-transform: uppercase;
	color: #fff;
	font-size: 25px;
	text-align: left;
	padding-left: 2%;
}
.menu-area