ul#demo-block{ margin:0 15px 15px 15px; }

ul#demo-block li{ margin:0 0 10px 0; padding:10px; display:inline; float:left; clear:both; color:#aaa; background:url('../img/bg-black.png'); font:11px Helvetica, Arial, sans-serif; }

ul#demo-block li a{ color:#eee; font-weight:bold; }

#progress-back{
	position: absolute;
	bottom: 0;
}
.navigation{
	position: fixed;
	z-index: 1000;
	top: 20%;
	bottom: 20%;
}
#nextslide{
	right: 0px !important;
	left: 70px;
}
#controls-wrapper{
	z-index: 10000;
	background: #000;
	padding: 5px;
}

/* Chrome, Safari, Opera */ 
@-webkit-keyframes mymove {
  from {top: 0px;}
   to {top: 200px;}
} 

			/* Standard syntax */ 
			@keyframes mymove {
			    from {right: -400px;}
			    to {right: 0px;}
			}
			.cont{
				display: none;
			}

			.content{
				margin: 0;
				position: absolute;
				z-index: 100;
				right: 0;
				width: 370px;
				padding: 0px 0px 0px 0px;
				border-radius: 0px 0px 0px 500px;
				/*box-shadow: 0px 0px 40px #000;*/

				-webkit-animation: mymove 1s;
				-o-animation: mymove 1s;
				animation: mymove 1s;
			}

			.logo{
				background: #FFF;
			}
			.menu{
				background: url('../img/back-opacity.png') no-repeat;
			}
			.nav li{
				list-style: none;
				text-align: center;
			}
			.nav{}

			.nav li a{
				color: #000;
				padding: 8px 8px;
				border-bottom: 1px solid #CCC;
				font-weight: bold;
				font-size: 18px;
				font-family: Tahoma;
				text-decoration: none;
			}
			.nav li a:hover{
				background: none;
				opacity: 0.4;
			}
			li.nav {
				width: 25em;
				left: 10px;
			}
			li.nav0{
				width: 25em;
				left: 10px;
			}
			li.nav1{
				width: 24em;
				left: 22px;
			}
			li.nav2{
				width: 24em;
				left: 28px;
			}
			/*Serviços e Vantagens*/
			li.nav3{
				width: 22em;
				left: 48px;
			}
			/*Franquia*/
			li.nav4{
				width: 20em;
				left: 76px;
			}
			/*Clientes*/
			li.nav5{
				width: 18em;
				left: 113px;
			}
			/*Fale Conosco*/
			li.nav6{
				width: 14em;
				left: 160px;
			}
			.line-top{
				border-top: 1px solid #CCC;
			}
			.line-right{
				border-right: 1px solid #CCC;
			}
			.line-bottom{
				border-bottom: 1px solid #CCC;
			}
			.line-left{
				border-left: 1px solid #CCC;
			}

footer{
	color: #FFF;
}
			
.cont{
	position: fixed;
}
/*Style animation done menu javascript*/
.content-hide{
	display: none;
}
.break{
	clear: both;
}
.no-traparence{}
		
.page{
	display: none;
}
			
/* Chrome, Safari, Opera */ 
@-webkit-keyframes myshow {
    from {
    	opacity: 0.0;
    	position: absolute;
    	left: -100%;
    }
    to {
    	opacity: 0.9;
    	position: absolute;
    	left: 5%;	
    }
} 

/* Standard syntax */ 

@keyframes myshow {
	from {
	opacity: 0.0;
	position: absolute;
	left: -100%;
	}
    to {
   	opacity: 0.9;
   	position: absolute;
   	left: 5%;	
    }
}

.page{
	border-radius: 5px;
}

.show{
	display: block;
	width: 50%;
	position: absolute;
	top: 5%;
	left: 5%;
	margin-bottom: 10%;
	padding: 20px;
	background: #a0fce5;

	-webkit-animation: myshow 500ms;
	-o-animation: myshow 500ms;
	animation: myshow 500ms;
}

.black{
	background: #000;
	color: #FFF;
}
.group1{
	display: inline-block;
}