/*CSS principale per il menu OLD         

ul#nav{font: 70%/1.5 Tahoma,sans-serif}
ul#nav,ul#nav li,ul#nav ul,ul#nav ul li{margin:0;padding:0;list-style-type:none}
ul#nav{height:26px;line-height:25px;margin-left:5px;
    background: #C0504D;color: #fff}
ul#nav a{display:block; padding: 0 20px;text-decoration: none; color:#FFF}
ul#nav li{float: left; position: relative;  z-index:999;}
ul#nav li li{float: none;line-height: 24px;
    display:block !important;display: inline; } 
ul#nav ul{position: absolute; top: 25px;left: -9999px;
    width: 16em;background: #fff;color: #C0504D;}
ul#nav ul{padding: 4px 0;border: 1px solid #C0504D}
ul#nav ul,ul#nav li li a{background-color: #FFF;color: #C0504D;}
ul#nav li:hover,ul#nav a:hover{background-color:#CC706E; color: #FFF;}
ul#nav li:hover ul,ul#nav li.sfhover ul{left: -1px;}


ul#nav li.sep{height: 32px; background: #fff}
ul#nav li.sep span{display: block;height: 1px;overflow: hidden;
    margin: 6px 5px 0;background: #CCC}
ul#nav li li.icon a{padding-left: 24px}
ul#nav li li.settings a{background: url(icon_settings.gif) no-repeat 3px 3px}
ul#nav li li.privacy a{background: url(icon_padlock.gif) no-repeat 3px 3px}
*/

div.news {width: 150px; background-color: #F5F5DC; padding-right:30px; padding-left:10px; padding-bottom:10px; padding-top:10px; font-size:13px; font-family:Calibri, arial; line-height:
1em;}
div.link {width: 150px; background-color: #F5F5DC; padding-right:30px; padding-left:10px; padding-bottom:10px; padding-top:10px; font-size:13px; font-family:Calibri, arial; line-height:
1.8em}
div.colSx {float:left; background-color: #FFFFFF; padding-right:15px}
div.midPage {width: 838px; background-color: #FFFFFF; margin-left:30px; padding-left:10px; margin:0 auto;}
div.corpo {width=100%; background-color: #FFFFFF; padding-bottom:10px; padding-top:10px; padding-left:0px; font-size:14px; font-family:Calibri, arial; line-height:
1.4em;}
div.corpowide {background-color: #FFFFFF; padding-bottom:10px; padding-top:10px; padding-left:0px; font-size:14px; font-family:Calibri, arial; line-height:
1.4em}
/*div.midPage {width: 716px; position: absolute; left: 50%; margin-left: -368px; border: 1px solid grey; padding-right:10px; padding-left:10px; padding-bottom:10px; padding-top:10px}*/
/*div.midPage {width: 838px; margin: 0 auto; background-color: #FFFFFF; z-index:-1;}*/
div.midPageS {background-color: #FFFFFF; padding-bottom:10px; padding-top:10px; font-size:14px; font-family:Calibri, arial; line-height: 1.4em}
div.highl {width: 95%; background-color: #FFFFCC; line-height: 30px; padding-right: 15px; color: #4B4B4B;}
div.highl2 {width: 100%; height: 120px; background-color: #FFFACD; line-height: 30px; padding-left: 15px; padding-top: 15px; margin-left: -7px; margin-top: -7px; color: #4B4B4B;}
div.highl2 a {text-decoration:none; color: #4B4B4B;}
div.highl2 a:hover {text-decoration:underline;}
div.pagine {width: 95%; background-color: #FFFFFF; line-height: 30px; padding-left: 15px; color: #4B4B4B;}
div.pagine a {text-decoration:none; color: #4B4B4B;}
div.pagine a:hover {text-decoration:underline;}

div.pagineTop {width: 95%; background-color: #FFFFFF; line-height: 30px; padding-left: 15px; color: #4B4B4B; text-align: right;}
div.pagineTop a {text-decoration:none; color: #4B4B4B;}
div.pagineTop a:hover {text-decoration:underline;}
div.highNav {width: 97%; background-color: #F9F9F9; line-height: 20px; padding-left: 15px; color: #4B4B4B;}
div.highNav a {text-decoration:none; color: #4B4B4B; font-weight: bold;}
div.highNav a:hover {text-decoration:underline;}

div.pari a {text-decoration:none; color: #4B4B4B;}
div.pari a:hover {text-decoration:underline;}

div.dispari { padding-left: 15px; color: #4B4B4B; padding-right: 15px; padding-top: 5px;}

div.dispari a {text-decoration:none; color: #4B4B4B;}
div.dispari a:hover {text-decoration:underline;}

div.pari_p {background-color: #F9F9F9; color: #4B4B4B; padding-left: 15px; padding-right: 15px; padding-top: 5px;}
div.wh {color: #4B4B4B;}

div.pari_p a {text-decoration:none; color: #4B4B4B;}
div.pari_p a:hover {text-decoration:underline;}

/* nuovo menu */


/*	body{
		behavior: url(script/csshover2.htc);<!--hack per ie6-->
		} */
		#menu{
		margin-left:10px;
		padding-left:10px;
    padding-top:5px;
    margin-bottom:5px;
		font: 70%/1.5 Tahoma,sans-serif;
		width:843px;
		/*background-color:#C0504D;*/
    background-image: url(assets/images/SfondoNav.png);
		height:34px;
		}
    
		#menu ul{
		padding:0;
    margin:0;
		}
    
		#menu li{
		position: relative;
		float: left;
		list-style: none;
		margin:0;
		padding:0;
		background-color:#C0504D;
		}
		#menu li a{
		width:100px;
		height: 30px;
		display: block;
		text-decoration:none;
		text-align: center;
		line-height: 30px;
		font-weight: bold;
		font-size: 11px;
		color:#FFFFFF;
		}
	  #menu li a.riservato{
		width:180px;
		height: 30px;
		display: block;
		text-decoration:none;
		text-align: center;
		line-height: 30px;
		font-weight: bold;
		font-size: 11px;
		color:#FFFFFF;
		}

/*width+padding-left deve fare la width di #menu ul ul*/
		
		#menu li a.green {
		width:140px;
    height:32px;
		text-align: left;
		padding-left:10px;
		}
		#menu li ul a{
		color:#000000;
		font-weight: normal;
		}
		#menu li a:hover{
		background-color:#CC706E;
		color:#FFFFFF;
    /*height:25px; */
		}
		#menu ul ul{
		position: absolute;
		top: 30px;
		width: 150px;
		background-color:#FFFFFF;
		visibility: hidden;
		}
		#menu ul li:hover ul{
		visibility:visible;
		border: 1px solid #C0504D;
		opacity:0.97;
    filter:alpha(opacity=97); 
	z-index:3;
		}
		a.green{
		background-color: #FFFFFF;
		width:100%;
		}
		
		select {
		font-family:Calibri, arial; 
		font-size: 9pt;
		
		}
		
		button {
		font-family:Calibri, arial; 
		font-size: 9pt;
		}
		
		
		
		
		
		a.orange{
		background: url(img/orange.jpg) no-repeat top center;
		color: #CC3300;
		}
		a.blu{
		background: url(img/blu.jpg) no-repeat top center;
		color: #006699;
		}
		a.yellow{
		background: url(img/yellow.jpg) no-repeat top center;
		color: #FF9900;
		}
		a.purple{
		background: url(img/purple.jpg) no-repeat top center;
		color: #990066;
		}
		
		
		.tabellaEventi td{
    border-collapse:separate;
    border: solid 1px #000000;
    padding:5px;
    }
    
		.tabellaPrenotazioni td{
    border-collapse:separate;
    border: solid 1px #000000;
    padding:5px;
    font-size:12px;
    font-family: Calibri, Arial, Helvetica, sans-serif;
    }    
    
  
    .tabellaPianificazione tr{
    border-collapse:separate;
    padding:5px;
    background-color: #95b4c4;
    }
    .tabellaPianificazione tr:hover td{
    background-color: #FAFAEA;
    }
    
    div.ui-datepicker{
      font-size:10px; 
    } 
    
    input#styled {
    border: 2px solid #DEBCBD;
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-color:#FFFFFF;
    }   
	
	.post-it {
background:#fefabc; 
padding:15px;
font-family: 'Gloria Hallelujah', cursive; 
line-height:25px;
font-size:15px; 
color: #000; 
width:150px; 
float:right; margin:25px;

-moz-transform: rotate(-4deg);
-webkit-transform: rotate(-4deg);
-o-transform: rotate(-4deg);
-ms-transform: rotate(-4deg);
transform: rotate(-4deg);

box-shadow: 0px 4px 6px #333;
-moz-box-shadow: 0px 4px 6px #333;
-webkit-box-shadow: 0px 4px 6px #333;

}

@font-face {
 font-family: 'Gloria Hallelujah';
 src: url(http://themes.googleusercontent.com/static/fonts/gloriahallelujah/v4/CA1k7SlXcY5kvI81M_R28Y5mSNQmgKshuii2YddNQzE.woff);
} 


.post-it2 {
height:100%;    
width:100%;  
left:0;    
top:0;    
z-index:1;
background-color:black; 
filter: alpha(opacity=85); 
-khtml-opacity: 0.85;      
-moz-opacity: 0.85;       
opacity: 0.85;           


background: -moz-linear-gradient(-45deg, rgba(255,255,136,1) 77%, rgba(255,255,214,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(77%,rgba(255,255,136,1)), color-stop(100%,rgba(255,255,214,1))); /*Chrome,Safari4+*/
background: -webkit-linear-gradient(-45deg, rgba(255,255,136,1) 77%,rgba(255,255,214,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(255,255,136,1) 77%,rgba(255,255,214,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(255,255,136,1) 77%,rgba(255,255,214,1) 100%); /* IE10+ */
background: linear-gradient(-45deg, rgba(255,255,136,1) 77%,rgba(255,255,214,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff88', endColorstr='#ffff88',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
padding:15px;
font-family: 'Gloria Hallelujah', cursive;
line-height:22px;
font-size:15px;
color: #000;
width:205px;
height:160px;
float:right; margin:35px;  
top: 50%; left: 50%; 
-moz-transform: rotate(7deg);
-webkit-transform: rotate(7deg);
-o-transform: rotate(7deg);
-ms-transform: rotate(7deg);
transform: rotate(7deg);
box-shadow: 0px 4px 6px #333;
-moz-box-shadow: 0px 4px 6px #333;
-webkit-box-shadow: 0px 4px 6px #333;
-webkit-border-bottom-right-radius: 60px 5px;
-moz-border-bottom-right-radius: 60px 5px;
-o-border-bottom-right-radius: 60px 5px;
z-index:2; 
}

.post-it-little {
height:100%;    
width:100%;  
left:0;    
top:0;    
z-index:1;
background-color:black; 
filter: alpha(opacity=85); 
-khtml-opacity: 0.85;      
-moz-opacity: 0.85;       
opacity: 0.85;           


background: -moz-linear-gradient(-45deg, rgba(255,255,136,1) 77%, rgba(255,255,214,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(77%,rgba(255,255,136,1)), color-stop(100%,rgba(255,255,214,1))); /*Chrome,Safari4+*/
background: -webkit-linear-gradient(-45deg, rgba(255,255,136,1) 77%,rgba(255,255,214,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(255,255,136,1) 77%,rgba(255,255,214,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(255,255,136,1) 77%,rgba(255,255,214,1) 100%); /* IE10+ */
background: linear-gradient(-45deg, rgba(255,255,136,1) 77%,rgba(255,255,214,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff88', endColorstr='#ffff88',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
padding:15px;
font-family: 'Gloria Hallelujah', cursive;
font-size:15px;
color: #000;
width:155px;
height:140px;
float:right; margin:35px;  
top: 50%; left: 50%; 
-moz-transform: rotate(7deg);
-webkit-transform: rotate(7deg);
-o-transform: rotate(7deg);
-ms-transform: rotate(7deg);
transform: rotate(7deg);
box-shadow: 0px 4px 6px #333;
-moz-box-shadow: 0px 4px 6px #333;
-webkit-box-shadow: 0px 4px 6px #333;
-webkit-border-bottom-right-radius: 60px 5px;
-moz-border-bottom-right-radius: 60px 5px;
-o-border-bottom-right-radius: 60px 5px;
z-index:2; 
}

#share-buttons img {
width: 35px;
padding: 5px;
border: 0;
box-shadow: 0;
display: inline;
}

#share-buttons {
font-size:11px;
color: #B8B8B8;
}


div.thumb {
			border: 0px solid gray;
            border-radius: 5px 20px 5px;
            -moz-border-radius: 5px 20px 5px;
            -khtml-border-radius: 5px 20px 5px;
            -webkit-border-radius: 5px 20px 5px;
            width: 130px;
			height: 86px;
			float:left; 
			padding-right:15px; 
			padding-top:15px;
			margin-right:15px; 
			margin-top:15px; 
			box-shadow: 2px 2px 2px #888888;
			}
			
			
			
.btn {
	background-color:#ffffff;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid gray;
	display:inline-block;
	cursor:pointer;
	color:#000000;
	font-family:Calibri, arial;
	font-size:12px;
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
	padding-bottom:5px;
	font-weight: bold;
	text-decoration:none;
	/*text-shadow:0px 1px 0px #2f6627;*/
}

.btn:hover {
background-color: #E4E4E4;
/*color:#ffffff;
}