body{
		font-family: Arial;
		font-size:15px;
		line-height:1.5;
		padding:0;
		background-color:#f4f4f4; 
	}
	
	/*global*/
	.container{
		width:80%;
		margin:auto;
		overflow:hidden;
	}
	ul{
		margin:0;
		padding:0;
	}
	
	.button_1{
		height:40px;
		background:#e8491d;
		border:none;
		padding-left:20px;
		padding-right:20px;
		color:#ffffff;
	}
	
	.dark{
		padding:15px;
		background:#35424a;
		color:#ffffff;
		margin-bottom:10px;
		margin-top:10px;
	}
	
	/*header*/
	header{
		background:#cca428;
		color:#ffffff;
		padding-top:30px;
		min-height:70px;
		border-bottom:#172FAE 10px solid;
	}
	
	header{
		color:#ffffff;
		text-decoration:none;
		text-transform: uppercase;
		font-size:16px;
	}
	
	header li{
		float:left;
		display:inline;
		padding: 0 30px 0 30px;
	}
	
	header #marca{
		float:left;
	}
	
	header #marca{
		margin:0;
	}
	
	header #marca h1{
		margin:0;
		display:inline;
	}
	
	
	header nav{
		float:right;
		margin-top:10px;
	}
	
	header nav ul li{
		float: left;
		list-style:none;
		position:relative;
	}
	
	header nav ul li ul{
		display: none;
		position:absolute;
		background-color: #755901;
		padding:10px;
		width:200px;
		border-radius: 0px 0px 5px 5px;
	}
	
	header nav ul li:hover ul{
		display: block;
		
	}
	
	header nav ul li ul li {
		width:200px;
		border-radius:15px;
		
	} 
	
	header nav ul li ul li a{
		padding: 8px 8px;
	}
	
	header nav ul li ul li a:hover{
		color:#cccccc;
		font-weight:bold;
	}
	
	header .highlight, header .current a{
		color:#172FAE;
		font-weight:bold;
	}
	
	header a:hover{
		color:#cccccc;
		font-weight:bold;
	}
	
	/*showcase*/
	
	#showcase{
		min-height:600px;
		background:url('mpm olie.jpg')no-repeat;
		background-color: #070000;
		text-align:center;
		color:#ffffff;
		background-position:center; 
	}
	
	#showcase h1{
		margin-top:100px;
		font-size:55px;
		margin-bottom:10px;
	}
	
	#showcase p{
		font-size:20px
	}
	
	/*newsletter*/
	
	#newsletter{
		padding:15px;
		color:#ffffff;
		background:#35424a;
	}
	
	#newsletter h1{
		float:left;
	}
	
	#newsletter form{
		float:right;
		margin-top:15px;
	}
	
	#newsletter input[type="email"]{
		padding:4px;
		height:25px;
		width:250px;	
	}
	
	/*boxes*/
	
	#boxes{
		margin-top:20px;
		border-bottom:#172FAE 10px solid;
		border-top:#172FAE 10px solid;
		border-right:#172FAE 10px solid;
		border-left:#172FAE 10px solid;
		
	}
	
	#boxes .box{
		width:13%;
		padding:5px;
		text-align:center;
		display: inline-table;
	}
	
	#boxes .box img{
		width:60px;
		display: inline;
	}
	
	/*sidebar*/
	
	aside#sidebar{
		float:right;
		width:30%;
		margin-top:10px;
	}
	
	/*main-col*/
	
	article#main-col{
		float:left;
		width:65%;
	}
	/*Serviços*/
	
	ul#serviços{
		list-style:none;
		padding:20px;
		border:#cccccc solid 1px;
		background:#e6e6e6;
	}
	
	footer{
		padding:20px;
		margin-top:20px;
		color:#ffffff;
		background-color:#cca428;
		text-align:center;
	}
	
	/*media queries*/
	
	@media (max-width: 768px){
		header #marca,
		header nav,
		header nav li,
		newsletter h1,
		newsletter form,
		boxes .box,
		article#main-col,
		aside#sidebar{
			float:none;
			text-align:center;
			width:100%;
		}
		header {
			padding-bottom:20px;
		}
		showcase h1{
			margin-top:40px;
		}
		
		#newsletterbutton{
			display:block;
			width:100%;
		}
		
		#newsletter form input[type="email"]{
			width:100%;
			margin-bottom:5px;
		}
		

	}