html,body{
	width:100%;
	height:100%;
}

.navigation{
	position:fixed;
	z-index:3;
	top:20px;
}
.navigation li{
    font-family:Arial;
	font-size: 12px;	
	font-style: normal;
	
	color:#686666;
	display:block;
	padding: 0 10px;
	line-height:30px;
	margin-bottom:2px;
	-webkit-transition: all .2s ease-in-out;
	border-bottom:1px solid #b9b6b6;
	text-align:left;
	width:100px;
}
.navigation li:hover,.active{
	cursor:pointer;
	width:100px!important;
	color:#5aaae2;
	border-bottom:1px solid #5aaae2;
}

.fundo_menu{
	position:fixed;
	z-index:1;
	top:2px;
	left:2px;
	opacity: 0.7;
}

.envatologo{
position:fixed;
top: 1%; 
right: 0%;
width:189px;
height:42px;
opacity: 0.8;
z-index:1;
}


.slide{
	background-attachment: fixed;
	width:100%;
	height:100%;
	position: relative;
	box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3);
}
.wrapper{
	width:960px;
	height:200px;
	margin:0 auto;
	position:relative;
}
.slideno{
	position:absolute;
	bottom:10px;
	left:0px;
	font-size:100px;
	font-weight:bold;
	color:rgba(255,255,255,0.3);
}
.button{
	display:block;
	width:50px;
	height:50px;
	position:absolute;
	bottom:0px;
	left:50%;
	background-color:#333333;
	background-image:url(../../imagens/seta.png);
}
.button:hover{
	background-color:#494949;
	cursor:pointer;
}

/******************************
 SLIDE 1 
*******************************/
#slide1antigo{
	background-color:#5c9900;
	
}

#slide1{
	background-image:url(../../imagens/slide1/slide1.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#imagem1{
	position: absolute;
	top: 200px; 
	left: 530px;
	opacity: 0.8;
	z-index:3;
}


#but1{
	position: absolute;
	width:108px;
	height:31px;
    top: 100px; 
    left: 63px;
	z-index:10;
}

#formulario{
	position: absolute;
	width:108px;
	height:31px;
    top: 200px; 
    left: 483px;
	z-index:10;
}


#slide1 .parallaxbg{
	position:absolute;
	right:40px;
	top:40px;
	font-size:28px;
	color:rgba(51,51,51,0.3);
}

#login1{
position:absolute;
top:200px;
left: 150px;
}


/******************************
 SLIDE 2 
*******************************/
#slide2antigo{
	background-color:#005c99;
	
}

#slide2{
	background-image:url(../../imagens/slide2/slide2.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


#slide2 img:first-child{
	position:absolute;
top: 700px;
left: -150px;
}
#slide2 img:nth-child(2){
	position:absolute;
	top:300px;
	left:60px;
}
#slide2 img:nth-child(3){
	position:absolute;
	top:600px;
	left:300px;
}
#slide2 img:nth-child(4){
	position:absolute;
	top:400px;
	left:300px;
}
#slide2 img:nth-child(5){
	position:absolute;
	top:600px;
	right:300px;
}
#slide2 img:nth-child(6){
	position:absolute;
	top:600px;
	right:300px;
}
#slide2 img:nth-child(7){
	position:absolute;
	top:400px;
	right:100px;
}
#slide2 img:nth-child(8){
	position:absolute;
	top:100px;
	right:300px;
}

#slide2 img:nth-child(9){
	position:absolute;
	top:250px;
	left:200px;
}


/******************************
 SLIDE 3 
*******************************/
#slide3antigo{
	background-color:#b6c10b;
}

#slide3{
	background-image:url(../../imagens/Slide3/3d.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#slide3 img:first-child{
	position:absolute;
	top:180px;
	left:330px;
}


/******************************
 SLIDE 4 
*******************************/

#slide4{
	background-image:url(../../imagens/Slide4/rel.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#slide4 img:first-child{
	position:absolute;
	top:0px;
	left:-10px;
}

#slide4 .parallaxbg{
	position:absolute;
	right:40px;
	top:40px;
	font-size:28px;
	color:rgba(51,51,51,0.3);
}

/******************************
 SLIDE 5 
*******************************/

#slide5{
	background-image:url(../../imagens/Slide5/contato.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#slide5 img:first-child{
	position:absolute;
	top:455px;
	left:13px;
}


#slide5 .parallaxbg{
	position:absolute;
	right:40px;
	top:40px;
	font-size:28px;
	color:rgba(51,51,51,0.3);
}

#formulario2{
	position: absolute;
	width:108px;
	height:31px;
    top: 133px; 
    left: 135px;
	z-index:10;
}

#but2{
	position: absolute;
	width:108px;
	height:31px;
    top: -255px; 
    left: 96px;
	z-index:10;
}


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>

</body>
</html>
