* {
	margin: 0;
	padding: 0;
}

body {
	background: #fff;
	font-family: Helvetica, Arial, sans-serif;
	color: #333;
	font-size: 14px;
	overflow: hidden;
}

a {
	color: #0c0;
	text-decoration: none;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
	outline: none !important;
}

img {
	outline: none !important;
	display: block;
	border: none;
}

	a:hover,
	a.selected {
		color: #090;
	}

h1,h2,h4,h5,h6 {
	text-align: center;
	color: #333;
	margin-bottom: 5px;
}
	h1 {
		font-size: 22px;
	}
	h2 {
		font-size: 30px;
	}
.sociales {
	text-align: center;
	margin-bottom: 20px;
}

header {
	height: 90px;
	background: #4086C4 url('../images/logo-sei.png') left center no-repeat;
	box-shadow: 0px 0px 6px #333;
}
header h1 {
	color: #fff;
	line-height: 35px;
	margin: 0;
	padding-top: 7px;
}
header h2 {
	text-transform: uppercase;
	color: #fff;
	line-height: 35x;
	margin: 0;
	padding-bottom: 10px;
}

header a#author {
	display: block;
	width: 100px;
	height: 60px;
	text-indent: -999em;
	position: absolute;
	right: 20px;
	top: 10px;
}

footer {
	background: #ddd;
	height: 30px;
}
footer .copyright {
	text-align: center;
	line-height: 30px;	
}

#navigazione-wrapper {
	width: 100%;
	overflow: hidden;
	height: 122px;
	background: #4086C4;
	-moz-box-shadow: inset 0 0 3px 3px #aaa;
	-webkit-box-shadow: inset 0 0 3px 3px #aaa;
	box-shadow: inset 0 0 3px 3px #aaa;
}

#navigazione {
	width: 100%;
	height: 102px;
	padding: 20px 0;
	overflow: hidden;
	margin-bottom: 10px;
	cursor: move;
	position: absolute;
}
	#navigazione li {
		background: #fff;
		list-style: none;
		float: left;
		margin-right: 20px;
		font-size: 24px;
		text-align: center;
	}
	#navigazione li.omega {
		margin-right: 0;
	}
		#navigazione a:link,
		#navigazione a:visited {
			padding-bottom: 10px;
			text-align: center;
			color: #666;
			border: 1px solid #ccc;
			border-radius: 4px;
			display: block;
			padding: 10px;
			width: 190px;
			box-shadow: 0px 0px 4px #ccc;
			position: relative;
		}
		#navigazione a:hover,
		#navigazione a:visited:hover {
			color: #000;
			border: 1px solid #666;
			background: #fff;
			box-shadow: 0px 0px 4px #666;
		}
		
		#navigazione .selected {
	        /*font-size: 38px;*/
	        color: #000 !important;
	        border: 1px solid #666 !important;
			background: #fff;
		}
		#navigazione a .ordine,
		#navigazione a .nome {
			display: block;
		}
		#navigazione a .ordine {
			display: block;
			margin: 0 auto;
			font-size: 14px;
			border:1px solid #ccc;
			border-radius: 50px;
			width: 22px;
			height: 22px;
			line-height: 22px;
			-webkit-transition: 0.5s;
			-moz-transition: 0.5s;
			-o-transition: 0.5s;
			-ms-transition: 0.5s;
			transition: 0.5s;
		}
		#navigazione a .nome {
			font-size: 17px;
		}
		
		#navigazione a.selected .ordine {
			background: #0059A5;
			color: #f0f0f0;
		}
		
	.marker {
		display: none;
		height: 24px;
		width: 24px;
		background: url('../images/marker.png') center top no-repeat;
		position: absolute;
		top: -24px;
		left: 50%;
		margin-left: -12px;
	}
	
	#navigazione a.selected .marker {
		/*display: block;*/
	}

	#itinerari {
		width: 960px;
		height: 350px;
		overflow: hidden;
		margin: 20px auto;
		position: relative;
	}
		
		#schede {
			width: 960px;
			height: 390px;
			overflow: hidden;
			position: relative;
		}	
			#schede>li {
				width: 960px;
				height: 390px;
				list-style: none;
				float: left;
				position: relative;
			}
				#schede>li .media_wrap {
					float: left;
					/*margin: 10px 0px;*/
					background: transparent;
					-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */   
					filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE 6 & 7 */      
					zoom: 1;
					display: table;
					width: 430px;
					height: 350px;
					padding: 20px;
				}
				#schede>li img.nozoom {
					max-width: 450px;
				}
				
				#schede>li a.zoom {
					display: table-cell;
					vertical-align: middle;
				}
				
				
				#schede>li a img {
					max-width: 430px;
					max-height: 350px;
				}
				
				#schede>li img,
				#schede>li .mejs-video {
					margin: auto;
					display: block;
					padding-bottom: 12px;
					background: url('../images/ombra-img.png') left bottom no-repeat;
					background-size: contain;
				}
				
				#schede>li .mejs-video {
					margin-top: 54px;
				}
				
				#schede>li .cover .mejs-video,
				#schede>li .poster {
					margin-top: 0px;
				}
				#schede>li .poster {
					display: none;
				}
				
				#schede>li img.portrait {
					padding-bottom: 5px;
				}
				
				#schede>li img.square {
					padding-bottom: 9px;
				}
				
				#schede>li h1,
				#schede>li h2 {
					color: #333;
					font-size: 24px;
					margin: 0 0 10px 0;
					line-height: 30px;
					margin-left: 490px;
					width: 470px;
					text-shadow: #fff 1px 1px 2px;
					text-transform: uppercase;
					text-align: left;
					padding: 5px 0;
				}
				#schede>li h2 {
					margin: 10px 0;
					margin-left: 0px;
				}
				#schede>li .slide-content-wrap {
					width: 470px;
					height: 340px;
					margin-left: 490px;
				}
				
				#schede>li .slide-content-wrap.adapt_2{
					height: 310px;
				}
				
				#schede>li .slide-content-wrap.adapt_3{
					height: 280px;
				}
				
				#schede>li h1.fullcol,
				#schede>li .slide-content-wrap.fullcol {
					margin-left: 0;
					width: 960px;
				}
				
				#schede>li .slide-content {
					padding: 0;
				}
				
				#schede>li .slide-content-wrap.noscroll {
					display: table;
					height: 390px;
				}
				
				#schede>li .slide-content-wrap.noscroll h1 {
					margin-left: 0;
				}
				
				#schede>li .noscroll .slide-content  {
					display: table-cell;
					vertical-align: middle;
				}
				
				#schede>li p,
				#schede>li ul {
					font-size: 15px;
					font-weight: normal;
					line-height: 22px;
					margin-bottom: 6px;
					text-shadow: #fff 1px 1px 2px;
				}
				
				#schede>li ul {
					list-style-type: disc;
					margin-left: 2em;
				}
				
				#schede>li ul>li {
					margin-top: 4px;
				}
				
				#schede>li p sup {
					line-height: 10px;
				}
		
		#next,
		#prev {
			position: absolute;
			top: 0;
			font-size: 70px;
			top: 50%;
			margin-top: -12px;
			width: 24px;
			height: 24px;
			background-repeat: no-repeat;
			text-indent: -9999px;
			overflow: hidden;
			
			background-image:url('../images/timeline.png');
			
			-webkit-transition: 0s;
			-moz-transition: 0s;
			-o-transition: 0s;
			-ms-transition: 0s;
			transition: 0s;
		}
		
			#next {
				right: 30px;
				background-position:-184px 0;
			}
			#prev {
				left: 30px;
				background-position:-160px 0;
			}
			
			#next:hover {
				background-position:-232px 0;
			}
			#prev:hover {
				background-position:-208px 0;
			}
			
				#next.disabled,
				#prev.disabled {
					opacity: 0.2;
				}


/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	html,
	body {
		overflow: hidden;
	}
	
	body {
		width: 1024px;
		position: fixed;
		top: 0;
		left: 0;
	}
	
	#navigazione {
		overflow: hidden;
	}
	#schede {
			width: 960px;
		}	
			
			#schede>li .poster {
					
				}
				
			#schede>li {
				width: 960px;
			}
				#schede li .media_wrap {
					width: 400px;
					margin-left: 30px;
				}
				
				#schede li .media_wrap.poster {
					margin-right: 30px;
				}
				
				#schede li img.nozoom {
					max-width: 420px;
				}
				#schede li a img {
					max-width: 400px;
					max-height: 350px;
				}
				
				#schede li h1 {
					margin-left: 430px;
					width: 440px;
				}
				#schede li .slide-content-wrap {
					width: 440px;
					margin-left: 430px;
				}
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
	html {
		overflow: hidden;
	}
	body {
		overflow: hidden;
		width: 768px;
		position: fixed;
		top: 0;
		left: 0;
	}
	
	#navigazione-wrapper {
		overflow: hidden;
	}
	
  	header,
  	#navigazione-wrapper {
	  	width: 768px;
  	}
  	#itinerari {
	  	top: 0px;
	  	width: 600px;
  	}
  	
	#schede {
			width: 600px;
			height: 800px;
		}	
			#schede>li {
				width: 600px;
				height: 800px;
			}
				#schede li .media_wrap {
					width: 600px;
					margin-left: 0px;
					margin: 0 auto;
					margin-bottom: 0px;
					float: none;
					padding: 0;
					margin-bottom: 20px;
				}
				
				#schede>li .poster {
					/*display: block;*/
					display: none;
				}
			
				#schede li img.nozoom {
					max-width: 600px;
				}
				
				#schede li a {
					display: block;
					margin: 0 auto;
				}
				
				#schede>li a.zoom {
					display: block;
					vertical-align: top;	
				}
				
				#schede li a img {
					max-width: 600px;
					max-height: 350px;
					margin: 0 auto;
					display: block;
				}
				
				#schede li .media_wrap,
				#schede li .slide-content-wrap.noscroll,
				#schede li .noscroll .slide-content,
				#schede li a.zoom {
					display: block;
				}
				
				#schede>li .slide-content-wrap,
				#schede>li .slide-content-wrap.adapt_2,
				#schede>li .slide-content-wrap.adapt_3{
					height: 240px !important;
				}
				
				#schede>li .slide-content-wrap.noscroll {
					height: 290px !important;
				}
			
				
				#schede li h1 {
					margin: 0 auto;
					width: 600px;
				}
				#schede li .slide-content-wrap {
					margin: 0 auto;
					width: 600px;
				}
}

@media (max-device-width: 800px) and (orientation: portrait) { 
	body {
		overflow: hidden;
		width: 800px;
		position: fixed;
		top: 0;
		left: 0;
	}
	
	#schede>li .poster {
		/*display: block;*/
		display: none;
	}
		
	#navigazione-wrapper {
		overflow: hidden;
	}
	
  	header,
  	#navigazione-wrapper {
	  	width: 800px;
  	}
}