@charset "utf-8";
/* CSS Document */
html{
  font-size: 16px;   // 1rem = 16px
}
body {font-family: 'Source Sans Pro', sans-serif;background-color:#dfdfdf;color:#000;margin:0;}
#main {max-width:1200px;width:100%;background-color:#fff;margin:auto;box-shadow: 0 5px 9px rgba(0, 0, 0, 0.1);}
#fascia {color:#fff;box-sizing:border-box;display:table;border-collapse: separate;
    border-spacing: 20px 10px;}
#fascia > div {width:22%;height:100%;display:table-cell; padding:0; } 
#fascia > div:nth-child(1) {width:30%;border:1px solid #09C;}
#fascia > div:nth-child(2) {background-color:#FF7040;}
#fascia > div:nth-child(3) {background-color:#81AB72;}
#fascia > div:nth-child(4) {background-color:#D77BD7;}
#fascia > div > div {font-size:1.5rem;text-align:center;}
#fascia li {list-style-type:'* ';}
#fascia ul {padding-right:8px;padding-left:20px;}


#fascia > div > div {line-height:90%;height:48px;padding:4px;}
#fascia > div:nth-child(1) > div {background-color:#135fb3;color:#fff;}
#fascia > div:nth-child(2) > div {background-color:#FF5319;}
#fascia > div:nth-child(3) > div {background-color:#679A55}
#fascia > div:nth-child(4) > div {background-color:#CF60CF;}

#nayec {background-color:#6B9AD0;text-align:center;color:#fff;font-size:1.3rem;font-style:italic;margin-bottom:10px;}
footer {text-align:center;background-color:#f00;color:#fff;clear:both;}
#social img {background-color:#fff;margin-top:4px;}
#social img:hover {background-color:#ff0;}
#news {color:#000;}
#news img {float:left;padding:4px;}
#news a {text-decoration:none;color:#135fb3;}
#logo {position:relative;}
#logo img {position:absolute;opacity:.93;width:16%;height:auto;z-index:9999;}
header {padding-bottom:16px;position:relative;}
#search {position:absolute;top:16px;right:4px;}
#pulmenu {position:absolute;top:4px;right:4px;display:none;}
#contenuti {min-height:300px;padding-left:20%;width:80%;}
 
h2 {font-size:1.6rem; text-shadow: #000 1px 1px 1px;}
h3 {font-size:1.3rem;}
.scheda {border:1px solid #ccc;border-radius:8px;padding:8px;margin-bottom:8px;margin-right:16px;}
.scheda img {border-radius:8px;border:1px solid #999;}
.back {font-weight:bold;text-align:center;}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#contenuti a {
	text-decoration:none;
	color:#069;
}
#contenuti a:hover {
	text-decoration:underline;
	
}
#contenuti img {
	max-width:35%;
 
	height:auto;
}
#minilogo, #ricerca {
	display:none;
}
#contenuti p.foto
{
	max-width:35%;
	float:right;
	margin-right:4px;
}
#contenuti p.foto img
{
	max-width:100%;
}
#calendar {
	width:186px;
	height:160px;
	background-image:url(img/cal.png);
	margin:auto;
	padding-top:6px;
	color:#fff;
	text-align:center;
}

nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
   
}


nav > ul > li
{
		border-bottom-width:9px;
		border-bottom-style:solid;
		margin-left:8px;
		width:17%;
		text-align:center;
		font-size:1.1rem;
}

nav > ul > li > ul 
{
	text-align:left;
	
	margin-top:9px;
}

nav > ul > li > ul > li > ul
{
	text-align:left;
	
	border-left:1px solid black;
	
}


nav ul li {
  display: block;
  position: relative;
  float: left;
 
}

/* This hides the dropdowns */


nav li ul { display: none; }

nav ul li a {
  display: block;
 padding: 10px 0px;
  text-decoration: none;
  white-space: nowrap;
  color: #fff;
}
.smabout .sub
{
	background-color:#86AEDB;
}
.sub {
box-shadow: #000 3px 3px 2px;
}
.sub  a 
{
	padding:2px 6px;
}
nav ul li a:hover { color: #ff0; }

/* Display the dropdown */


nav li:hover > ul {
  display: block;
  position: absolute;
  z-index:19999;
}

nav li:hover li { float: none; }

/* nav li:hover a { background: #1bc2a2; }

nav li:hover li a:hover { background: #2c3e50; }
*/
nav .main-navigation li ul li { border-top: 0; }

/* Displays second level dropdowns to the right of the first level dropdown */


nav ul ul ul {
  left: 100%;
  top: 0;
}

/* Simple clearfix */



nav ul:before,
nav ul:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

nav ul:after { clear: both; }


nav { width:80%;margin-left:20%;padding-top:16px;}
#contacts {display:inline-block;margin-left:20px;}
#contacts a {color:#ff0;}

li#mabout {background-color:#135FB3;border-bottom-color:#6B9AD0;}
li#mprogram {background-color:#FF5319;border-bottom-color:#FF7040;}
li#mtour {background-color:#679A55;border-bottom-color:#81AB72;}
li#mresources {background-color:#CF60CF;border-bottom-color:#D77BD7;}

ul.smabout {background-color:#6B9AD0;}
ul.smprogram {background-color:#FF7040;}
ul.smtour {background-color:#81AB72;}
ul.smresources {background-color:#D77BD7;}

@media screen and (max-width:799px){
	#fascia {display:block;
	
	}
	#fascia > div {width:100%;height:auto;display:block;min-height:100px;} 
	#fascia > div:nth-child(1) {width:100%;}
	#fascia > div > div {height:30px;}
 
	
	nav ul li {
  display: block;
  position:static;
  float: none;
 
}

nav > ul > li
{
		border-bottom-width:2px;
		 
		margin-left:0px;
		width:100%;
		text-align:center;
		font-size:1.1rem;
}

nav {
	position:fixed;
	left:0;
	top:56px;
	z-index:99999;
	width:100%;margin-left:0%;padding-top:0px;
	display:none;
}
header {
	height:56px;
	position:fixed;
	top:0;
	left:0;
	background-color:#fff;
	z-index:300000;
	width:100%;
	padding-bottom: 2px;
}
#minilogo, #ricerca {
	display:block;
}
#logo, #search {
	display:none;
}
#pulmenu {
	display:block;
}

nav li:hover > ul {
  display: none;
  
   
}
#gallery {padding-top:60px;}
li#mabout,li#mprogram,li#mtour,li#mresources  {background-color:#135FB3;border-bottom-color:#6B9AD0;}

li#ricerca {background-color:#6B9AD0;border-bottom-color:transparent;} 
#contenuti {min-height:100px;padding-left:4px;padding-right:4px;width:100%;margin-top:64px;border-top:1px solid #ccc;}

#contenuti img {
	max-width:50%;
	 

}

	}