@charset "utf-8";
/* CSS Document */

html, body {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-family: 'Open Sans',Arial,Helvetica,sans-serif;
	font-size: 0.8em;
	color: #333;
	background: #ffffff;
}

img {
	border:0;
}

a {
	color: rgb(6, 69, 173) /*rgb(56, 98, 198)*/;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:visited {
	text-decoration: none;
}

p {
	margin: 0;
	padding: 0;
}

.initial_p {
	padding-top:8px;
}

h2 {
	color: #184480;
	line-height: 1.5em;
}

h2.subtitle {
	padding-top: 0px; 
	margin-top: -5px; 
	font-size: 1.1em;
}

h3 {
	clear: both;
	color: #184480;
	padding-top: 15px;
	padding-bottom: 1px;
	border-bottom: 1px solid rgb(200, 200, 200);
}

h4 {
	margin-top: 0px;
	margin-bottom: 4px;
	padding: 0px 4px;
}

.pagine_libro {
	float: right;
	margin-left: 10px;
	border: 1px solid #666;
}

.copertina_libro {
	float: left;
	margin-right: 10px;
	border: 1px solid #666;
}

.min640 {
	display: none;
}

#wrapper{
	position:relative; 
	width: 100%; 
	height: 100%;
	margin: 0 auto;
	text-align: center;
}

body>#wrapper{
	height:auto;
	min-height:100%
}

#header_wrapper {
	width: 100%;
	height: 39px;
	margin: 0 auto;
	-moz-box-sizing: border-box;
	background-color: rgb(128, 102, 65) /*rgb(77, 82, 89)*/;
}

#header {
	width: 960px;
	padding: 7px 10px;
	margin: 0 auto;
	text-align: left;
}

#header ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	display: inline-table;
	display: block;
}

#header #logo {
	float: left;
	width: 300px;
	height: 25px;
	background: url(images/logo_os.png) no-repeat;
}

#header #logo:hover {
	cursor: pointer;
}

/*
#header .subtitle {
	float: left;
	width: 290px;
	margin-top: 1px;
	color: #FFF;
	line-height: 30px;
	font-size: 14px;
}
*/
#header #social {
	position: relative;
	float: right;
	height: 24px;
	padding: 0px !important;
}

#header #social a:hover {
	text-decoration: none;
}

#header #social a {
	margin-left: 5px;
}


#menu_wrapper {
	width: 100%;
	height: 24px;
	margin: 0 auto;
	background-color: rgb(210, 202, 174)  /*#C0B38Crgb(229, 229, 229)*/;
	border-bottom: 1px solid rgb(192, 179, 140);
}

#menu {
	/*max-width: 980px;
	min-width: 480px;*/
	width: 980px;
	margin: 0 auto;
	font-size: 14px;
	text-align: left;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: relative;
	display: inline-table;
}
	
#menu ul:after {
	content: ""; 
	clear: both; 
	display: block;
}

#menu ul li {
	float: left;
}

#menu ul li:hover {
}

#menu ul li a:hover {
	color: #fff;
	background-color: rgb(128, 102, 65);
}

#menu ul li a {
	display: block; 
	padding: 3px 20px;
	color: #333; 
	text-decoration: none;
}

#menu ul li ul {
	display: none;
}

#menu ul li:hover > ul {
	display: block;
}

#menu ul li ul {
	background-color: rgb(210, 202, 174);
	padding: 0;
	position: absolute;
	top: 100%;
	z-index: 1000;
}

#menu ul li ul li {
	float: none; 
	position: relative;
	color: #333;
	border-bottom: 1px solid rgb(192, 179, 140);
}

#menu ul li ul li a {
	padding: 2px 20px;
	color: #333;
}
	
#menu ul li ul li a:hover {
	background-color: rgb(128, 102, 65);
}

#site-navigation {
	display:none;
	background-color: rgb(210, 202, 174);
	font-size: 14px;
}

#site-navigation ul {
	margin: 0 auto;
	padding: 0px;
	list-style: none;
	position: relative;
	display: inline-table;
	background-color: rgb(210, 202, 174);
	text-align: left;
	overflow: hidden;
}

#site-navigation ul li {
	float: none;
	border-bottom: 1px solid rgb(192, 179, 140);
	vertical-align: middle;
}

#site-navigation ul li a {
	display: block; 
	padding: 3px 20px;
	color: #333; 
	text-decoration: none;
}

#site-navigation ul li .active {
	color: #fff;
	background-color: rgb(128, 102, 65);
}

#site-navigation ul li.submenu a {
	padding-left: 50px;
	background: url(images/arrow_grey.png) no-repeat 35px 7px;
}

#site-navigation ul li.submenu .active {
	background: url(images/arrow_white.png) no-repeat 35px 7px;
	background-color: rgb(128, 102, 65);
}

#image_wrapper {
	width: 100%;
	/*height: 282px;*/
	padding-top: 8px;
	padding-bottom: 4px;
	background-color: rgb(241, 241, 241);
	border-bottom: 1px solid rgb(225, 225, 225);
	text-align: center;
}

#image {
	max-width: 980px;
	min-width: 480px;
	/*height: 280px;*/
	margin: 0 auto;
	padding-top: 7px;
	padding-bottom: 17px;
	background: url("images/frame.png") no-repeat 50% 100%;	
	border-top: 1px solid rgb(215, 215, 215);
	-moz-box-sizing: border-box;
}

#image #slideshow_rr {
	display: block;
	overflow: hidden;
	position:relative;
	max-width: 980px;
	min-width: 464px;
/*height: 255px;*/
	margin: 0px 8px;
	/*background: url("images/main_image_3.jpg") no-repeat 50% 0%;*/
	border-left: 1px solid rgb(215, 215, 215);
	border-right: 1px solid rgb(215, 215, 215);
	-moz-box-sizing: border-box;
}

#content_wrapper {
	clear: both;
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 40px;
	background: #ffffff;
	text-align: center;
}

.home {
	padding-bottom: 0px !important;
}

#content {
	width: 960px;
	margin: 0 auto;
	padding: 20px 10px 30px 10px;
	text-align: left;
}

#content p > img {
	max-width: 100%;
}

#breadcrumbs {
	margin-top: -10px;
	/*color: rgb(6, 69, 173);*/
	font-size: 0.9em;
}

#col_main {
	width: 650px;
	float: left;
	padding-right: 20px;
	/*padding-bottom: 30px;*/
}

#news {
	border-top: 1px solid rgb(200,200,200);
	padding-bottom: 30px;
	padding-top: 15px;
}

#news_subtitle {
	border-top: 1px solid rgb(200,200,200);
	padding-bottom: 30px;
	background:url(images/subtitle_bg.gif) repeat-x top left;
}

#news p.subtitle, #news_subtitle p.subtitle {
	padding-left: 5px;
	padding-bottom: 10px;
}

#news img.news_left, #news_subtitle img.news_left {
	float: left;
	width: 200px;
	margin-right: 10px; 
	margin-bottom: 5px;
}

#news h4, #news_subtitle h4 {
	margin: 0px;
	padding-left: 0px; 
	padding-bottom: 5px !important;
	font-size: 1.1em;
}

#news .two_left, #news_subtitle .two_left {
	width: 305px;
	float: left;
	padding-right: 10px;
	/*border-right: 1px solid #CCC;*/
}

#news .two_right, #news_subtitle .two_right {
	width: 305px;
	float: left;
	padding-left: 10px;
}

#news img.news_small, #news_subtitle img.news_small {
	float:left;
	width: 95px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #333;
}

#col_right {
	width: 290px;
	float: right; 
	overflow: hidden;
	margin-top: 10px;
}

#box_cerca {
	width: 268px;
	float: left; 
	background-color: #CFDCF0; 
	border: 1px solid #A8C0E0; 
	padding: 10px;
	margin: 10px 0px;
}

#box_cerca h3 {
	margin-top: 0px; 
	padding-top: 0px;
	border-bottom: 1px solid #A8C0E0; /*#A9BECD*/;
	color: #184480;
}

select {
	width: 220px;
	margin-bottom: 25px; 
}

input {
	width: 215px; 
	margin-bottom: 15px; 
}

#button {
	width: auto;
	margin-top: 10px;
	padding: 3px 10px;
	background: #184480/*rgb(0,114,198)*/;
	border: 0px;
	color: #FFF;
	cursor: pointer;
}

#right_box {
	width: 268px; 
	float: right; 
	padding: 10px;
	margin: 10px 0px;
}

.red {
	background-color: #F0EADC/*#F0E8E3*/; 
	border: 1px solid #E0D7BE/*#C6A795*/;
}

.green {
	background-color: #C9DCD5; 
	border: 1px solid #ABC9BD;
}

.gray {
	background-color: #EBEBEB; 
	border: 1px solid #CCCCCC;
}

.box_top {
	margin-top: 0px !important;
}

#right_box h4  {
	margin-top: 0px;
	margin-bottom: 8px;
	padding: 0px;
	border-bottom: 1px solid rgb(200,200,200);	
}

#right_box img {
	float: right;
	width: 130px;
	margin-left: 5px;
	margin-bottom: 5px;
}

#image_float_right {
	float: right;
	padding: 10px 0px 10px 15px;
}

#image_float_left {
	float: left;
	padding: 10px 15px 10px 0px;
}

#nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: relative;
	display: inline-table;
}

#nav ul:after {
	content: ""; 
	clear: both; 
	display: block;
}

#nav ul li {
	float: right;
	display: block; 
	padding: 0px;
	text-decoration: none;
}

#nav ul li:hover {
	cursor: pointer;
	background-color: rgb(225,225,225);
}

#nav ul li a:hover {
}

#nav ul li a {
}

#nav ul li ul {
	display: none;
}

#nav ul li:hover > ul {
	display: block;
}

#nav ul li ul {
	/*background-color: rgb(225, 225, 225);*/
	padding: 0;
	position: absolute;
	top: 100%;
	right: 0px;
	z-index: 1000;
	border: 1px solid rgb(225,225,225);
	border-bottom: 0px;
}

#nav ul li ul li {
	float: none; 
	position: relative;
	color: #333;
	border-bottom: 1px solid rgb(225,225,225);
}

#nav ul li ul li a {
	color: #333;
	padding: 0px 20px;
}
	
#nav ul li ul li a:hover {
	background-color: rgb(225,225,225);
	text-decoration: none;
}

#photogallery {
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: relative;
	display: inline-table;
}

#photogallery li {
	float: left;
	width: 220px;
	height: 268px;
	margin: 10px 9px 10px 9px;
	padding: 0;
	font-size:0.85em;
	display: block; 
	border: 1px solid rgb(180, 180, 180);
	box-shadow: 0px 0px 5px rgb(180, 180, 180);
	-webkit-box-shadow: 0px 0px 5px rgb(180, 180, 180);
	-moz-box-shadow: 0px 0px 5px rgb(180, 180, 180);
}

#photogallery li p {
	padding: 0 5px;
}

.photo_item {
	margin-bottom: 5px;
	width: 220px;
	overflow: hidden;
	background: rgb(240, 240, 240);
	border-bottom: 1px solid rgb(200, 200, 200);
}

.photo {
  	overflow: hidden;
	height: 166px;
	width: 220px;
	text-align: center;
	margin-bottom: -1px;
}

.photo img {
	max-height: 100%;
	/*max-width: 100%;*/
}

.photo a img:hover {
	filter:alpha(opacity=80);/* Needed for IE8 and old versions */
	opacity:0.8;
}

#videogallery {
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: relative;
	display: inline-table;
}

#videogallery li {
	float: left;
	width: 298px;
	height: 320px;
	margin: 10px 11px 10px 11px;
	padding: 0;
	display: block; 
}

#videogallery li p {
	margin-top: -2px;
	padding: 0px 4px;
}

.video_item {
	margin-bottom: 10px;
	width: 290px;
	padding: 4px;
	overflow: hidden;
	border: 1px solid rgb(180, 180, 180);
	box-shadow: 0px 0px 5px rgb(180, 180, 180);
	-webkit-box-shadow: 0px 0px 5px rgb(180, 180, 180);
	-moz-box-shadow: 0px 0px 5px rgb(180, 180, 180);
}

.video {
	position:relative;
  	overflow: hidden;
	width: 290px;
	height: 163px;
	text-align: center;
}

.time {
	 position: absolute;
	 right: 0px;
	 bottom: 0px;
	 padding: 0px 3px;
	 display: inline-block; 
	 background-color: #000; 
	 color: #FFF; 
	 font-size: 0.9em; 
	 font-weight: bold; 
	 opacity: 0.8;
}

.play {
	 position: absolute;
	 top: 0px;
	 left: 0px;
	 width: 100%;
	 height: 100%;
	 background: url(images/play_icon.png) no-repeat 50% 50%;
}

.author {
	font-size: 0.85em;
	color: #666;
	margin-bottom: 3px;
}

.video a img {
	width: 290px;
	height: 163px;
}

.video a img:hover {
	filter:alpha(opacity=80);
	opacity:0.8;
}

.video a .play:hover {
	 background: url(images/play_icon_hover.png) no-repeat 50% 50%;
}

#filegallery {
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: relative;
	display: inline-table;
}

#filegallery li {
	float: left;
	width: 460px;
	margin: 0;
	padding: 0px 20px 20px 0px;
	display: block; 
}

#filegallery li h4 {
	padding: 3px 4px;
}

#filegallery li p {
	padding: 0px 4px;
}

#librigallery {
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: relative;
	display: inline-table;
}

#librigallery li {
	float: left;
	width: 460px;
	margin: 10px 10px 10px 10px;
	padding: 0px;
	display: block; 
}

#librigallery li h4 {
	padding: 0px 4px;
}


.sottotitolo {
	font-style:italic;
}

#librigallery li p {
	padding: 0px 4px;
}

#librigallery li img.cover_libri {
	float:left;
	height: 140px;
	border: 1px solid #333;
	margin-right: 10px;
	margin-bottom: 10px;
}

/*
#arrow_top {
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: right;
}
*/
.back-to-top {
	width: 36px;
	height: 36px;
    position: fixed;
    bottom: 30px;
    right: 10px;
	background: url(images/ScrollTop.gif);
	opacity: 0.6;
	display: none;
	z-index: 1;
}

.back-to-top:hover {    
	opacity: 0.9;
}

#filter a {
	padding: 5px;
}

#railway_list {
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-top: 15px;
	margin-bottom: 10px;
	/*margin-bottom: 50px;*/
	border: 1px solid rgb(225, 225, 225);
	border-bottom: 2px solid #C6CFD9;
}

#railway_list .thead {
	/*background-color: #C6CFD9;*/
	background: url('images/table_head.gif') repeat-x 0% 50%;
	border-bottom: 2px solid #C6CFD9;
}

#railway_list .col1 {
	width: 46%;
	text-align: left; 	
}

#railway_list .col2, .col3, .col4 {
	width: 18%;
	text-align: center; 	
}

#railway_list tr.basic {
	background-color: #FFFFFF;
	border-bottom: 1px solid rgb(225, 225, 225);	
}

#railway_list tr.alternate {
    background-color: #F3F5F8; /*#D4D7FE;*/
}

#railway_list tr.basic:hover, #railway_list tr.alternate:hover {
	background-color: #DFE4EA; 	
	cursor: pointer;
}

#railway_list th, td {
	padding: 3px 5px;	
	border: 1px solid rgb(225, 225, 225);	
}

#railway_list td {
	border: 1px solid rgb(225, 225, 225);	
}

#greenway_list {
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-top: 15px;
	margin-bottom: 10px;
	/*margin-bottom: 50px;*/
	border: 1px solid rgb(225, 225, 225);
	border-bottom: 2px solid #C6CFD9;
}

#greenway_list .thead {
	/*background-color: #C6CFD9;*/
	background: url('images/table_head.gif') repeat-x 0% 50%;
	border-bottom: 2px solid #C6CFD9;
}

#greenway_list .col1, col2 {
	width: 40%;
	text-align: left; 	
}

#greenway_list .col3 {
	width: 18%;
	text-align: center; 	
}

#greenway_list tr.basic, #greenway_list tr.basic_link {
	background-color: #FFFFFF;
	border-bottom: 1px solid rgb(225, 225, 225);	
}

#greenway_list tr.alternate, tr.alternate_link {
    background-color: #F3F5F8; /*#D4D7FE;*/
}

#greenway_list tr.basic_link:hover, #greenway_list tr.alternate_link:hover {
	background-color: #DFE4EA; 	
	cursor: pointer;
}

#greenway_list th, td {
	padding: 3px 5px;	
	border: 1px solid rgb(225, 225, 225);	
}

#greenway_list td {
	border: 1px solid rgb(225, 225, 225);	
}

.ul_letter {
	list-style-type:lower-alpha;
}

.form_label {
	float:left;
	width: 200px;
	font-weight: bold;
}

.form_cerca {
	margin-top: 3px;
	margin-bottom: 10px;
}

#libri {
	float:left;
	width:430px;
	height: 170px;
	padding-top: 15px;
	padding-right: 50px;
}

#libri img {
	float:left;
	width: 100px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #333;
}

.clear {
	clear: both;
}

.space_bottom {
	height: 50px;
	display: block;
	overflow: hidden;
}

#footer_wrapper {
	clear: both;
	position: absolute;
	bottom: 0; 
	width: 100%;
	-moz-box-sizing: border-box;
	background-color: rgb(241, 241, 241);
	border-top: 1px solid rgb(225, 225, 225);
	text-align: center;
}

#footer {
	width: 960px;
	padding: 2px 10px;
	margin: 0 auto;	
	font-size: 0.9em;
	text-align: right;
}

.copyright{
	float: left;
	/*padding-right: 20px;*/
}

#footer a {
	color: #333;
}

#cookieChoiceInfo a {
	background-color: #303030;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 2px;
	color: #FFF;
	cursor: pointer;
	padding: 0px 4px;
	text-decoration: none;
	white-space: nowrap;
}

/*ESRI MAP*/
#esri_map {
	width: 960px;
	height: 600px; /*540px*/
	margin: 0px 0px 3px 0px;
	padding: 0px; 
	display:block; 
	overflow: hidden;
	border: 1px solid rgb(200,200,200);
}
/*
#map1 {
	margin-bottom:3px;
	padding: 0px;
}

.basemapMenu {
	position:absolute;
	right:5px;
	top:5px;
	z-Index:99;
	display:none;
}

.claro .dijitButtonText {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:500;
	font-size: 0.95em;
}

.claro td.dijitMenuItemLabel {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:500;
	font-size: 0.95em;
}

.esriAttribution {
	font-size: 10px;
}

.esriSimpleSliderTL {
	top: 10px;
	left: 10px;
}

.infowindow .window .top .right .user .content, .infowindow .window .top .right .user .titlebar .title  {
	font-size: 0.7em !important;
}

.esriPopup {
	font-size:0.95em;
	line-height:1.4em;
}

.esriPopup .titleButton.maximize {
	display: none;
}

.claro .dijitTooltipConnector {
	display: none;
}

.claro .dijitTooltipContainer{
	padding: 1px 3px !important;
}

.esriPopup .actionList {
	display: none;
}
*/
/*nuovi stili*/
#viewDiv {
	padding: 0;
	margin: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.esri-popup__header-title:hover {
	background-color: #FFF !important;
}

.esri-popup__header-title{
	color: #184480;
}

.esri-feature__main-container {
	font-size: 0.928em !important;
	line-height: 1.3em !important;
}

.tooltip {
	position: absolute;
	pointer-events: none;
	transition: opacity 200ms;
}

.tooltip > div {
	margin: 0 auto;
	padding: 4px 8px;
	border-radius: 4px;
	background-color: rgba(255,255,255,0.9);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	transform: translate3d(10%, 15%, 0);
	display: flex;
}

.tooltip-content {
	flex: 1 1 100%;
	align-items: stretch;
	flex-direction: column;
}

@media (max-width: 480px) {
	
	#header {
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
	}

	#header #logo {
		margin-left: 10px;
	}

	#header #social {
		display: none;
	}

	#menu #social_min480 {
		position: relative;
		float: right;
		height: 24px;
		margin: 3px 10px 0px 0px;
	}

	#menu #social_min480 a:hover {
		text-decoration: none;
	}
	
	#menu #social_min480 a {
		margin-left: 5px;
	}

	#menu_wrapper {
		width: 100%;
		height: 30px;
	}

	#menu {
		width: 100%;
	}

	.pagine_libro {
		width: 70%;
	}

	.min640 {
		display: block !important;
	}

	.min640 .menu_icon {
		margin-left: 10px;
	}
	
	.max640 {
		display: none;
	}

	#site-navigation ul {
		width: 100%;
	}

	#image_wrapper {
		display: none;
	}
/*
	#image #slideshow_rr {
		margin: 0px 6px;
	}

	.nivoSlider img {
		left: -90px !important;
	}
*/
	#content {
		width: 298px;
	}

	#col_main {
		width: 100%;
		padding-right: 0px;
	}

	#breadcrumbs {
		display: none;
	}
	
	#news .two_left, #news_subtitle .two_left {
		width: 278px;
		padding: 0px 0px 20px 0px;;
		border-bottom: 1px solid rgb(200,200,200);
		border-right: 0px;
	}
	
	#news .two_right, #news_subtitle .two_right {
		width: 278px;
		padding: 15px 0px 0px 0px;
	}

	#col_right {
		float: left;
		width: 100%;
		margin: 0px 0px 50px 0px;
	}
	
	#box_cerca {
		width: 278px;
	}
	
	#right_box {
		width: 278px;
	}

	#right_box img {
		width: 140px;
	}

	#image_float_right {
		padding: 10px 0px 10px 0px;
	}
	
	#image_float_left {
		padding: 10px 0px 10px 0px;
	}

	.box_top {
		margin-top: 0px !important;
	}
	
	.box_left {
		float: left !important;
	}

	#esri_map {
		width: 300px;
		height: 380px; /*300px*/
	}
	
	.esri-popup__header-title{
	   	font-size: 1.08em !important;
	}
	
	.esri-feature__main-container {
	   	font-size: 0.857em !important;
	   	line-height: 1.3em !important;
	}
	
	.esri-basemap-gallery {
	  	max-height: 400px !important;
	}

	#photogallery li {
		margin: 10px 40px 10px 40px;
	}
	
	/*blocco ingrandimento foto*/
	#photogallery li a{
		pointer-events: none;
	}

	#videogallery li {
		width: 278px;
		height: 320px;
	}

	.video_item {
		width: 270px;
	}

	.video {
		width: 270px;
	}

	.video a img {
		width: 100%;
	}

    #filegallery li {
	  	width: 280px;
    }

    #librigallery li {
	  	width: 280px;
    }

	.sottotitolo {
		display: none !important;
	}

	#railway_list .col1 {
		width: 52%;
	}
	
	#railway_list .col2, {
		width: 48%;
	}
	
	#railway_list .col3, .col4 {
		display: none;
	}
	
	#arrow_top {
		margin-bottom: 30px;
	}

	#footer {
		width: 298px;
		text-align: left;
	}

	.copyright{
		width: 100%;
	}

}

/*@media (min-width: 480px) and (max-width: 639px) {*/
@media (min-width: 480px) and (max-width: 640px) {

	#header {
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
	}

	#header #logo {
		margin-left: 10px;
	}

	#header #social {
		margin-right: 10px;
	}

	#menu_wrapper {
		width: 100%;
		height: 30px;
	}

	#menu {
		width: 100%;
	}
/*
	#menu ul li a {
		padding: 3px 7px;
	}

	#menu ul li ul li a {
		padding: 2px 7px;
	}
*/
	#menu #social_min480 {
		display:none;
	}
	
	.pagine_libro {
		width: 70%;
	}

	.min640 {
		display: block !important;
	}

	.min640 .menu_icon {
		margin-left: 10px;
	}
	
	.max640 {
		display: none;
	}

	#site-navigation ul {
		width: 100%;
	}

	#image_wrapper {
		display: none;
	}

	#image #slideshow_rr {
		margin: 0px 6px;
	}

	.nivoSlider img {
		left: -90px !important;
	}

	#content {
		width: 460px;
	}

	#col_main {
		width: 100%;
		padding-right: 0px;
		/*padding-bottom: 20px;*/
	}

	#breadcrumbs {
		display: none;
	}
	
	#news .two_left, #news_subtitle .two_left {
		width: 440px;
		padding: 0px 0px 20px 0px;;
		border-bottom: 1px solid rgb(200,200,200);
		border-right: 0px;
	}
	
	#news .two_right, #news_subtitle .two_right {
		width: 440px;
		padding: 15px 0px 0px 0px;
	}

	#col_right {
		float: left;
		width: 100%;
		margin: 0px 0px 20px 0px;
	}
	
	#box_cerca {
		width: 438px;
	}
	
	#right_box {
		width: 438px;
	}

	#right_box img {
		width: 140px;
	}

	.box_top {
		margin-top: 0px !important;
	}
	
	.box_left {
		float: left !important;
	}

	#esri_map {
		width: 460px;
		height: 380px; /*320px*/
	}

	#photogallery li {
		margin: 10px 4px 10px 4px;
	}

	/*blocco ingrandimento foto*/
	#photogallery li a{
		pointer-events: none;
	}

    #filegallery li {
	  	width: 460px;
    }
	
    #librigallery li {
	  	width: 460px;
    }

	#railway_list .col1 {
		width: 55%;
	}
	
	#railway_list .col2, .col4 {
		width: 22.5%;
	}
	
	#railway_list .col3 {
		display: none;
	}
	
	#arrow_top {
		margin-bottom: 30px;
	}

	#footer {
		width: 460px;
		text-align: left;
	}

	.copyright{
		width: 100%;
	}

}

@media (min-width: 641px) and (max-width: 768px) {

	#header {
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
	}

	#header #logo {
		margin-left: 10px;
	}

	#header #social {
		margin-right: 10px;
	}

	#menu_wrapper {
		width: 100%;
		height: 30px;
	}

	#menu {
		width: 100%;
	}
/*
	#menu ul li a {
		padding: 3px 13px;
	}

	#menu ul li ul li a {
		padding: 2px 13px;
	}
*/
	#menu #social_min480 {
		display:none;
	}

	.min640 {
		display: block !important;
	}

	.min640 .menu_icon {
		margin-left: 10px;
	}
	
	.max640 {
		display: none;
	}

	#site-navigation ul {
		width: 100%;
	}

	#image #slideshow_rr {
		margin: 0px 6px;
	}

	#content {
		width: 620px;
	}
	
	#col_main {
		width: 620px;
		padding-right: 0px;
	}

	#breadcrumbs {
		display: none;
	}

	#news .two_left, #news_subtitle .two_left {
		width: 300px;
	}
	
	#news .two_right, #news_subtitle .two_right {
		width: 300px;
	}

	#col_right {
		float: left;
		width: 620px;
		margin: -10px 0px 20px 0px;
	}
	
	#box_cerca {
		width: 278px;
		margin-right: 20px;
	}
	
	#right_box {
		width: 278px; 
	}

	#right_box img {
		width: 135px;
	}
	
	.box_top {
		margin-top: 10px !important;
	}
	
	.box_left {
		float: left !important;
	}

	#esri_map {
		width: 620px;
		height: 560px; /*500px*/
	}

	#photogallery {
		margin-left: 26px;
	}

	#photogallery li {
		margin: 10px 20px 10px 20px;
	}
	
	#videogallery li {
		margin: 10px 6px 10px 6px;
	}

    #filegallery li {
	  	width: 620px;
    }

    #librigallery li {
	  	width: 620px;
    }

	#railway_list .col1 {
		width: 55%;
	}
	
	#railway_list .col2, .col4 {
		width: 22.5%;
	}
	
	#railway_list .col3 {
		display: none;
	}

	#footer {
		width: 620px;
		text-align: right;
	}

}

@media (min-width: 769px) and (max-width: 980px) {

	#header {
		width: 748px;
	}

	#menu {
		width: 768px;
	}

	#menu #social_min480 {
		display:none;
	}

	#site-navigation {
		display: none !important;
	}

	#image #slideshow_rr {
		margin: 0px 6px;
	}
	
	#content {
		width: 748px;
	}

	#col_main {
		width: 448px;
	}

	#news .two_left, #news_subtitle .two_left {
		width: 448px;
		padding: 0px 0px 20px 0px;
		border-bottom: 1px solid rgb(200,200,200);
		border-right: 0px;
	}
	
	#news .two_right, #news_subtitle .two_right {
		width: 448px;
		padding: 15px 0px 0px 0px;
	}

	#col_right {
		width: 280px;
	}
	
	#box_cerca {
		width: 258px;
	}

	#right_box {
		width: 258px; 
	}

	#right_box img {
		width: 125px;
	}

	#railway_list .col1 {
		width: 43%;
		text-align: left; 	
	}
	
	#railway_list .col2, .col3, .col4 {
		width: 19%;
		text-align: right; 	
	}
	
	#esri_map {
		width: 748px;
		height: 560px; /*500px*/
	}

	#photogallery li {
		margin: 10px 13.7px 10px 13.6px;
	}

	#videogallery li {
		margin: 10px 38px 10px 38px;
	}

    #filegallery li {
	  	width: 354px;
    }
	
    #librigallery li {
	  	width: 354px;
    }

	#footer {
		width: 748px;
	}

}

@media (min-width: 981px) {

	#site-navigation {
		display: none !important;
	}
	
	#menu #social_min480 {
		display:none;
	}
}