@import url(http://fonts.googleapis.com/css?family=Open+Sans);



html {

		scroll-behavior: smooth;

		scroll-padding-top: 70px;

		scroll-padding-bottom: 0px;

	}

	

body {

	background-color: #eee;

	/*background-image: url(../index_images/sfondo_Adamello.jpg);*/

	/*background-repeat: no-repeat;*/

	background-size: cover;

	background-attachment: fixed; 

	color: #ffffff; /* #666 */

	font-family: 'Open Sans', sans-serif;

	font-size: 16px;

	margin:0px;

	padding:0px;

	min-width:1000px; /* nuovo */

	width: auto !important;  /* nuovo */

	width:1000px; /* nuovo */

}



a {

	color: #000; /* #23dbdb */

	text-decoration: none;

}



a:hover {

	color: #ff0000; /*#000 */

}

ol, ul {

	list-style: none;

	padding:0px;

	margin:0px;

}

#wrap {

	margin: 0 auto;

}



.inner {

	margin: 0 auto;

	max-width: 940px;

	padding: 0 40px;

}



.relative {

	position: relative;

}



.right {

	float: right;

}



.left {

	float: left;

}



#main-content {

	margin: 0 auto;

	margin-top: 80px;

	/*height: 2000px;*/

	max-width: 940px;

}



.tooltip {

  position: relative;

  display: inline-block;

  border-bottom: 1px dotted black;

}



.tooltip .tooltiptext {

  visibility: hidden;

  width: 180px;

  background-color: black;

  color: #fff;

  text-align: center;

  border-radius: 3px;

  padding: 5px 0;

  

  /* Position the tooltip */

  position: absolute;

  z-index: 1;

  bottom: 100%;

  left: 50%;

  margin-left: -60px;

}



.tooltip:hover .tooltiptext {

  visibility: visible;

}



#main-table {

	background: rgba(255,255,255,0.8);

	font-size: 14px;

	color: black;

	border-spacing: 15px;

	text-align: justify;

	padding-left: 1%;

	padding-right: 1%;

}



#main-table-1 {

	background: rgba(46,147,244,0.8);

	font-size: 14px;

	color: white;

	border-spacing: 15px;

	text-align: justify;

	padding-left: 1%;

	padding-right: 1%;

}



.inner {

	margin: 0 auto;

	max-width: 940px;

	padding: 0 40px;

}



.relative {

	position: relative;

}



.demo-photo

	{

		position:relative;

		margin: auto;

		color:#fff;

	}



.demo-photo-caption-top

{

	position:absolute;

	top: 0%;

	left: 0%;

	color: white;

	font-size: 12px;

	background-color: rgba(0, 0, 0, 0.5);

	text-align: justify;

	padding: 5px;

}



.demo-photo-caption-bottom

{

	position:absolute;

	bottom: 0%;

	left: 0%;

	color: white;

	font-size: 12px;

	background-color: rgba(0, 0, 0, 0.5);

	text-align: justify;

	padding: 5px;

}



.mySlides

{

	display:none;

	border-spacing: 2px 2px;

	color: white;

}





#PapyrusTitle

{

	font-family: "Papyrus";

	font-size:35px;

	color:white;

}



#PapyrusSubtitle

{

	font-family: "Papyrus";

	font-size:25px;

	color:#0080fd;

}



#lista_relazioni {

    border-collapse: collapse;

    width: 80%;

	background-color: #ddd;

	margin-left: auto;

	margin-right: auto;

	}



#lista_relazioni td, #lista_relazioni th {

	border: 1px solid white;

	text-align: left;

	padding: 8px;

}



#lista_relazioni tr:nth-child(even){background-color: #f2f2f2}



#lista_relazioni th {

	padding-top: 12px;

	padding-bottom: 12px;

	background-color: black;

	color: white;

}



#lista_relazioni td {

	color: black;

}



.scale-down {

	object-fit: scale-down;

}



.contain {

	object-fit: contain;

}



.cover {

	object-fit: cover;

}



/* HEADER */

#wrap > header {

	background-color: #000000;/* originario: #333*/

	padding-bottom: 20px;

	position: fixed; /*aggiunto*/

	top: 0; /*aggiunto*/

	width: 100%; /*aggiunto*/

	z-index:2;

}

.logo {

	display: inline-block;

	font-size: 0;

	padding-top:15px;

}

#navigation {

	position: absolute;

	right: 100px; /* 40px */

	bottom: 0px;

}



#menu-toggle {

	display: none;

	float: right;

}



/* HEADER > MENU */

#main-menu {

	float: right;

	font-size: 0;

	margin: 10px 0;

}



#main-menu > li {

	display: inline-block;

	margin-left: 30px;

	padding: 2px 0;

}



#main-menu > li.parent {

	background-image: url(../menu_images/plus-gray.png);

	background-size: 7px 7px;

	background-repeat: no-repeat;

	background-position: left center;

}



#main-menu > li.parent > a {

	padding-left: 14px;

}



#main-menu > li > a {

	color: #ffffff; /*#eee */

	font-size: 18px; /*14px */

	line-height: 14px;

	padding: 30px 0;

	text-decoration:none;

}



#main-menu > li:hover > a,

#main-menu > li.current-menu-item > a {

	color: #0080fd; /*#23dbdb*/

}



/* HEADER > MENU > DROPDOWN */

#main-menu li {

	position: relative;

}



ul.sub-menu { /* level 2 */

	display: none;

	left: 0px;

	top: 38px;

	padding-top: 10px;

	position: absolute;

	width: 150px;

	z-index: 9999;

}



ul.sub-menu ul.sub-menu { /* level 3+ */

	margin-top: -1px;

	padding-top: 0;

	left: 149px;

	top: 0px;

}



ul.sub-menu > li > a {

	background-color: #000000; /* #333 */

	border: 1px solid #444;

	border-top: none;

	color: #ffffff; /* #bbb */

	display: block;

	font-size: 12px;

	line-height: 15px;

	padding: 10px 12px;

}



ul.sub-menu > li > a:hover {

	background-color: #2a2a2a; 

	color: #fff;

}



ul.sub-menu > li:first-child {

	border-top: 3px solid #0080fd; /*#23dbdb*/

}



ul.sub-menu ul.sub-menu > li:first-child {

	border-top: 1px solid #444;

}



ul.sub-menu > li:last-child > a {

	border-radius: 0 0 2px 2px;

}



ul.sub-menu > li > a.parent {

	background-image: url(../menu_images/arrow.png);

	background-size: 5px 9px;

	background-repeat: no-repeat;

	background-position: 95% center;

}



#main-menu li:hover > ul.sub-menu {

	display: block; /* show the submenu */

}



@media all and (max-width: 700px) {



	#navigation {

		position: static;

		margin-top: 20px;

	}



	#menu-toggle {

		display: block;

	}



	#main-menu {

		display: none;

		float: none;

	}



	#main-menu li {

		display: block;

		margin: 0;

		padding: 0;

	}



	#main-menu > li {

		margin-top: -1px;

	}



	#main-menu > li:first-child {

		margin-top: 0;

	}



	#main-menu > li > a {

		background-color: #333;

		border: 1px solid #444;

		color: #bbb;

		display: block;

		font-size: 14px;

		padding: 12px !important;

		padding: 0;

	}



	#main-menu li > a:hover {

		background-color: #444; 

	}



	#main-menu > li.parent {

		background: none !important;

		padding: 0;

	}



	#main-menu > li:hover > a,

	#main-menu > li.current-menu-item > a {

		border: 1px solid #444 !important;

		color: #fff !important;

	}



	ul.sub-menu {

		display: block;

		margin-top: -1px;

		margin-left: 20px;

		position: static;

		padding: 0;

		width: inherit;

	}



	ul.sub-menu > li:first-child {

		border-top: 1px solid #444 !important;

	}



	ul.sub-menu > li > a.parent {

		background: #333 !important;

	}

}