/*slide 3*/
	.bluebackground{
		width : 608px;
		height : 537px;
		background-color : transparent;
	}		
	#pro{
		width : 607px;
		height : 199px;
		margin-top : 40px;
		background:url(../img/anim/pro.png);
		background-size:100% 100%;
		background-repeat:no-repeat;
	}

	#wave{
		top : 119px;
		left : 372px;
		margin : 0px;
		padding : 0px;
		position : absolute;
		width : 52px;
		height : 34px;
		background:url(../img/anim/wave-0.png);
		background-size:100% 100%;
		background-repeat:no-repeat;
	}

	#arrow{
		top : 108px;
		left : 105px;
		margin : 0px;
		padding : 0px;
		position : absolute;
		width : 26px;
		height : 25px;
		background:url(../img/anim/arrow.png);
		background-size:100% 100%;
		background-repeat:no-repeat;
	}
	#light{
		top : 110px;
		left : 238.5px;
		margin : 0px;
		padding : 0px;
		position : absolute;
		width : 25px;
		height : 21px;
		background:url(../img/anim/green.png);
		background-size:100% 100%;
		background-repeat:no-repeat;
	}

	#car{
		top : 180px;
		left : -127px;
		margin : 0px;
		padding : 0px;
		position : absolute;
		width : 259px;
		height : 98px;
		background:url(../img/anim/car.png);
		background-size:100% 100%;
		background-repeat:no-repeat;
	}

	#display{
		top : 109px;
		left : 82px;
		margin : 0px;
		padding : 0px;
		position : absolute;
		width : 18px;
		height : 24px;
		background:url(../img/anim/pan-52.png);
		background-size:100% 100%;
		background-repeat:no-repeat;
	}
	#simplenote{
		top : 116px;
		left : 430px;
		margin : 0px;
		padding : 0px;
		position : absolute;
		width : 23px;
		height : 29px;
		background:url(../img/anim/simplenote.png);
		background-size:100% 100%;
		background-repeat:no-repeat;
	}
	#doublenote{
		top : 116px;
		left : 300px;
		margin : 0px;
		padding : 0px;
		position : absolute;
		width : 23px;
		height : 29px;
		background:url(../img/anim/doublenote.png);
		background-size:100% 100%;
		background-repeat:no-repeat;
	}

	#textanim{
		width : 608px;
		height : 80px;
		margin-top : 50px;
		margin-bottom : 0px;
		
	}
	#currenttext{
		font-family: 'AllerBold', Arial, sans-serif;
		font-size: 30px;
		color: black;
		text-align: center;
		font-weight: normal;
		font-style: normal;
		line-height: 1.0;
		width : 550px;
		margin-left : 29px;

	}
	#play{
		top : 460px;
		left : 269px;
		margin : 0px;
		padding : 0px;
		position : absolute;
		width : 70px;
		height : 70px;
		background:url(../img/anim/play.png);
		background-size:100% 100%;
		background-repeat:no-repeat;
		cursor:pointer;
	}

	#schema1{	
	background:url(../img/anim/prob.png);
	}
	#schema2{	
	background:url(../img/anim/aio.png);
	}
	#schema3{	
	background:url(../img/anim/duo.png);
	}
	#schema4{	
	background:url(../img/anim/uno.png);
	}	
	.schema{
		margin-left :0px;
		margin-top : 20px;
		width :607px;
		height :107px;
		background-size:100% 100%;
		background-repeat:no-repeat;
	}

	@media screen and (max-device-width: 480px) and (orientation:landscape),(max-device-width: 568px) and (orientation:landscape)
	{
		.bluebackground{
			width : 364px;
			height : 267px;
			
		}		
		#pro{
			width : 364px;
			height : 119px;
			margin-top : 0px;
			background:url(../img/320_480/anim/pro.png);
			background-size:100% 100%;
			background-repeat:no-repeat;
		}

		#wave{
			top : 67px;
			left : 222px;
			margin : 0px;
			padding : 0px;
			position : absolute;
			width : 33px;
			height : 20px;
			background:url(../img/320_480/anim/wave-0.png);
			background-size:100% 100%;
			background-repeat:no-repeat;
		}

		#arrow{
			top : 59px;
			left : 62px;
			margin : 0px;
			padding : 0px;
			position : absolute;
			width : 16px;
			height : 15px;
			background:url(../img/320_480/anim/arrow.png);
			background-size:100% 100%;
			background-repeat:no-repeat;
		}
		#light{
			top : 59px;
			left : 141px;
			margin : 0px;
			padding : 0px;
			position : absolute;
			width : 19px;
			height : 15px;
			background:url(../img/320_480/anim/green.png);
			background-size:100% 100%;
			background-repeat:no-repeat;
		}

		#car{
			top : 115px;
			left : -80px;
			margin : 0px;
			padding : 0px;
			position : absolute;
			width : 143px;
			height : 52px;
			background:url(../img/320_480/anim/car.png);
			background-size:100% 100%;
			background-repeat:no-repeat;
		}

		#display{
			top : 60px;
			left : 50px;
			margin : 0px;
			padding : 0px;
			position : absolute;
			width : 11px;
			height : 14px;
			background:url(../img/320_480/anim/pan-52.png);
			background-size:100% 100%;
			background-repeat:no-repeat;
		}
		#simplenote{
			top : 65px;
			left : 260px;
			margin : 0px;
			padding : 0px;
			position : absolute;
			width : 16px;
			height : 17px;
			background:url(../img/320_480/anim/simplenote.png);
			background-size:100% 100%;
			background-repeat:no-repeat;
		}
		#doublenote{
			top : 65px;
			left : 175px;
			margin : 0px;
			padding : 0px;
			position : absolute;
			width : 16px;
			height : 17px;
			background:url(../img/320_480/anim/doublenote.png);
			background-size:100% 100%;
			background-repeat:no-repeat;
		}

		#textanim{
			width : 364px;
			height : 48px;
			margin-top : 0px;
			margin-bottom : 0px;
			
		}
		#currenttext{
			font-family: 'AllerBold', Arial, sans-serif;
			font-size: 20px;
			color: black;
			text-align: center;
			font-weight: normal;
			font-style: normal;
			line-height: 1.0;
			width : 364px;
			margin-top : 20px;
			margin-left : 0px;

		}
		#play{
			top : 268px;
			left : 161px;
			margin : 0px;
			padding : 0px;
			position : absolute;
			width : 40px;
			height : 40px;
			background:url(../img/anim/play.png);
			background-size:100% 100%;
			background-repeat:no-repeat;
		}
		#schema1{	
		background:url(../img/320_480/anim/prob.png);
		}
		#schema2{	
		background:url(../img/320_480/anim/aio.png);
		}
		#schema3{	
		background:url(../img/320_480/anim/duo.png);
		}
		#schema4{	
		background:url(../img/320_480/anim/uno.png);
		}	
		.schema{
			margin-left :0px;
			margin-top : 0px;
			width :365px;
			height :64px;
			background-size:100% 100%;
			background-repeat:no-repeat;
		}
	}
	
	@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape)
	{
		.bluebackground{
			width : 608px;
			height : 537px;
			margin-left : 69px;
			margin-top:80px;
			background-color : transparent;
		}
			
		#wave{
				top : 159px;
				left : 441px;
				margin : 0px;
				padding : 0px;
				position : absolute;
				width : 52px;
				height : 34px;
				background:url(../img/anim/wave-0.png);
				background-size:100% 100%;
				background-repeat:no-repeat;
			}

			#arrow{
				top : 148px;
				left : 174px;
				margin : 0px;
				padding : 0px;
				position : absolute;
				width : 26px;
				height : 25px;
				background:url(../img/anim/arrow.png);
				background-size:100% 100%;
				background-repeat:no-repeat;
			}
			#light{
				top : 150px;
				left : 307.5px;
				margin : 0px;
				padding : 0px;
				position : absolute;
				width : 25px;
				height : 21px;
				background:url(../img/anim/green.png);
				background-size:100% 100%;
				background-repeat:no-repeat;
			}

			#car{
				top : 220px;
				left : 0px;
				margin : 0px;
				padding : 0px;
				position : absolute;
				width : 259px;
				height : 98px;
				background:url(../img/anim/car.png);
				background-size:100% 100%;
				background-repeat:no-repeat;
			}

			#display{
				top : 149px;
				left : 151px;
				margin : 0px;
				padding : 0px;
				position : absolute;
				width : 18px;
				height : 24px;
				background:url(../img/anim/pan-52.png);
				background-size:100% 100%;
				background-repeat:no-repeat;
			}
			#simplenote{
				top : 156px;
				left : 499px;
				margin : 0px;
				padding : 0px;
				position : absolute;
				width : 23px;
				height : 29px;
				background:url(../img/anim/simplenote.png);
				background-size:100% 100%;
				background-repeat:no-repeat;
			}
			#doublenote{
				top : 156px;
				left : 369px;
				margin : 0px;
				padding : 0px;
				position : absolute;
				width : 23px;
				height : 29px;
				background:url(../img/anim/doublenote.png);
				background-size:100% 100%;
				background-repeat:no-repeat;
			}

			#textanim{
				width : 608px;
				height : 80px;
				margin-top : 50px;
				margin-bottom : 0px;
				
			}
			#currenttext{
				font-family: 'AllerBold', Arial, sans-serif;
				font-size: 30px;
				color: black;
				text-align: center;
				font-weight: normal;
				font-style: normal;
				line-height: 1.0;
				width : 550px;
				margin-left : 29px;

			}
			#play{
				top : 550px;
				left : 338px;
				margin : 0px;
				padding : 0px;
				position : absolute;
				width : 70px;
				height : 70px;
				background:url(../img/anim/play.png);
				background-size:100% 100%;
				background-repeat:no-repeat;
				cursor:pointer;
			}		
	}