#Top {
		display: block;

}
		

	
	#TopTurn {
		display: none;
                 }
				

		

	
#MidleFrame {	
	cursor:none;
        width: 100%;
	height: auto;
        overflow: hidden;
}


#BottomFrame {	


	text-align:center;}
	
	#Bottom {

}
		
		#Bottom .Message{
			color: White;
			font-size: 1.4em;
			font-weight: bold;}
	
	#BottomTurn {
		display: none;

}

	#WaveTurn {
		display: none;

}

		#BottomTurn .Message{
			color: White;
			font-size: 1.4em;
			font-weight: bold;}
	

#TurniIntestazioneAlta { 
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1024px;
	height: 22px;
	background-color: Navy;
	text-align: center;	
	color: White;
	font-size: 1.85em;
	font-weight: bold;}
	
#TurniFixed {
	position: absolute;
	top: 22px;
	left: 0px;
	width: 1024px;
	height: 314px;
	background-color: #cefdd1;}

#TurnFixed12 {
	position: absolute;
	top: 4px;
	left: 0px;
	width: 1024px;
	height: 150px;
	background-color: #cefdd1;
	background-image: url(sfondo-fixed.jpg);
	background-repeat: no-repeat;
	background-position: center; }

#TurnFixed34 {
	position: absolute;
	top: 154px;
	left: 0px;
	width: 1024px;
	height: 156px;
	background-color: #cefdd1;
	background-image: url(sfondo-fixed.jpg);
	background-repeat: no-repeat;
	background-position: center; }

#TurniIntestazioneBassa { 
	position: absolute;
	top: 336px;
	left: 0px;
	width: 1024px;
	height: 22px;
	background-color: Navy;
	text-align: center;	
	color: White;
	font-size: 1.85em;
	font-weight: bold;}
	
	
#TurniArea0 {
	position: absolute;
	top: 10px;
	left: 30px;
	height: 137px;
	width: 360px;}
	
#TurniArea1 {
	position: absolute;
	top: 10px;
	left: 538px;
	height: 137px;
	width: 360px;}

#TurniArea2 {
	position: absolute;
	top: 10px;
	left: 30px;
	height: 137px;
	width: 360px;}

#TurniArea3 {
	position: absolute;
	top: 10px;
	left: 538px;
	height: 137px;
	width: 360px;}

#TurniImg0 {
	position: absolute;
	top: 11px;
	left: 401px;}
  
#TurniImg1 {
	position: absolute;
	top: 11px;
	left: 905px; }

#TurniImg2 {
	position: absolute;
	top: 14px;
	left: 401px; }

#TurniImg3 {
	position: absolute;
	top: 14px;
	left: 905px;}

.TurniAreaInsegna {
	font-size: 2.4em;
	font-weight: normal;}			

.TurniAreaComune {
	font-size: 2.4em;
	font-weight: bold;}

.TurniAreaInsegnaSmall {
	font-size: 2em;
	font-weight: normal;
	line-height:1.2em;}

.TurniAreaComuneSmall {
	font-size: 2.3em;
	font-weight: bold;}

#TurniScroll {
	position: absolute;
	top: 358px;
	left: 0px;
	width: 1024px;
	height: 223px;
	background-image: url(sfondo-scroll.jpg);
	background-repeat: no-repeat;}

#TurniScrollTesto {
	position: absolute;
	top: 15px;
	left: 40px;
	width: 670px;}

.TurniScrollTestoInsegna{
	font-size: 2em;
	font-weight: bold;}

.TurniScrollTestoInfo{
	font-size: 1.8em;}
	
#TurniScrollContainer {
	width: 670px;
	height: 195px;
	overflow: hidden; }

#TurniScrollVoice {		  
	position: absolute;
	top: 10px;
	left: 760px;}
	
#TurniScrollData {			
	top: 157px;
	left: 745px;
	width: 275px;
	height: 60px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	position: absolute;
	text-align: center;}

#TurniScrollInfo {
	top: 4px;
	left: 755px;
	position: absolute;	}
	
#Mappa1 {
	position:absolute;
	border:0;
	left:450px;
	top:100px;
	width:0px;
	height:0px;
	opacity:0;
	-webkit-transition:width 300ms ease-in-out, height 300ms ease-in-out, opacity 300ms ease-in-out, top 300ms ease-in-out, left 300ms ease-in-out;
    -moz-transition:width 300ms ease-in-out, height 300ms ease-in-out, opacity 300ms ease-in-out, top 300ms ease-in-out, left 300ms ease-in-out;
    -o-transition:width 300ms ease-in-out, height 300ms ease-in-out, opacity 300ms ease-in-out, top 300ms ease-in-out, left 300ms ease-in-out;
    transition:width 300ms ease-in-out, height 300ms ease-in-out, opacity 300ms ease-in-out, top 300ms ease-in-out, left 300ms ease-in-out;
	background-color:gray; }

#Mappa2 {
	position:absolute;
	border:0;
	left:950px;
	top:100px;
	width:0px;
	height:0px;
	opacity:0;
	-webkit-transition:width 300ms ease-in-out, height 300ms ease-in-out, opacity 300ms ease-in-out, top 300ms ease-in-out, left 300ms ease-in-out;
    -moz-transition:width 300ms ease-in-out, height 300ms ease-in-out, opacity 300ms ease-in-out, top 300ms ease-in-out, left 300ms ease-in-out;
    -o-transition:width 300ms ease-in-out, height 300ms ease-in-out, opacity 300ms ease-in-out, top 300ms ease-in-out, left 300ms ease-in-out;
    transition:width 300ms ease-in-out, height 300ms ease-in-out, opacity 300ms ease-in-out, top 300ms ease-in-out, left 300ms ease-in-out;
	background-color:gray; }

#Mappa3 {
	position:absolute;
	border:0;
	left:450px;
	top:250px;
	width:0px;
	height:0px;
	opacity:0;
	-webkit-transition:width 300ms ease-in-out, height 300ms ease-in-out, opacity 300ms ease-in-out, top 300ms ease-in-out, left 300ms ease-in-out;
    -moz-transition:width 300ms ease-in-out, height 300ms ease-in-out, opacity 300ms ease-in-out, top 300ms ease-in-out, left 300ms ease-in-out;
    -o-transition:width 300ms ease-in-out, height 300ms ease-in-out, opacity 300ms ease-in-out, top 300ms ease-in-out, left 300ms ease-in-out;
    transition:width 300ms ease-in-out, height 300ms ease-in-out, opacity 300ms ease-in-out, top 300ms ease-in-out, left 300ms ease-in-out;
	background-color:gray; }
	
#Mappa4 {
	position:absolute;
	border:0;
	left:950px;
	top:250px;
	width:0px;
	height:0px;
	opacity:0;
	-webkit-transition:width 300ms ease-in-out, height 300ms ease-in-out, opacity 300ms ease-in-out, top 300ms ease-in-out, left 300ms ease-in-out;
    -moz-transition:width 300ms ease-in-out, height 300ms ease-in-out, opacity 300ms ease-in-out, top 300ms ease-in-out, left 300ms ease-in-out;
    -o-transition:width 300ms ease-in-out, height 300ms ease-in-out, opacity 300ms ease-in-out, top 300ms ease-in-out, left 300ms ease-in-out;
    transition:width 300ms ease-in-out, height 300ms ease-in-out, opacity 300ms ease-in-out, top 300ms ease-in-out, left 300ms ease-in-out;
	background-color:gray; }
		
	
.image {
	opacity: 0;
	-webkit-transition:width 300ms ease-in-out, height 300ms ease-in-out, opacity 300ms ease-in-out, top 300ms ease-in-out, left 300ms ease-in-out;
    -moz-transition:width 300ms ease-in-out, height 300ms ease-in-out, opacity 300ms ease-in-out, top 300ms ease-in-out, left 300ms ease-in-out;
    -o-transition:width 300ms ease-in-out, height 300ms ease-in-out, opacity 300ms ease-in-out, top 300ms ease-in-out, left 300ms ease-in-out;
    transition:width 300ms ease-in-out, height 300ms ease-in-out, opacity 300ms ease-in-out, top 300ms ease-in-out, left 300ms ease-in-out;
	}	

#TurniSwipe {
	width:1024px; 
	height:581px; 
	position:absolute; 
	top:0px; 
	left:-1000px; 
	background-color:red;
	-webkit-transition:width 300ms ease-in-out, height 300ms ease-in-out, opacity 300ms ease-in-out, top 300ms ease-in-out, left 300ms ease-in-out;
    -moz-transition:width 300ms ease-in-out, height 300ms ease-in-out, opacity 300ms ease-in-out, top 300ms ease-in-out, left 300ms ease-in-out;
    -o-transition:width 300ms ease-in-out, height 300ms ease-in-out, opacity 300ms ease-in-out, top 300ms ease-in-out, left 300ms ease-in-out;
    transition:width 300ms ease-in-out, height 300ms ease-in-out, opacity 300ms ease-in-out, top 300ms ease-in-out, left 300ms ease-in-out;
}