@font-face {
    font-family: 'DancingScriptRegular';
    src: url('font/dancingscript-regular-webfont.eot');
    src: url('font/dancingscript-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/dancingscript-regular-webfont.woff') format('woff'),
         url('font/dancingscript-regular-webfont.ttf') format('truetype'),
         url('font/dancingscript-regular-webfont.svg#DancingScriptRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
	padding: 0;
	margin: 0;
	font-family: "Lucida Grande", "Lucida Sans Unticode", "Lucida Sans",Verdana, Arial;
	color: #003366; 
	font-size:12px;
	/*background: transparent url(img/sfondoRT.jpg) no-repeat top;*/
	background-color: #FFFFFF;
} 

.text-spec{font-family: DancingScriptRegular; font-size:20px;}

.sfondotable{background: transparent url(img/sfumaturatable.jpg) repeat-y top;}

h1,h3,h4{
	margin: 0px;
	color: #003366;
	text-decoration: none;
	font-weight: bold;
}

h1{font-size: 16px;}
h2{font-size: 16pt;color: orange;font-weight: bold;}
h3{font-size: 14pt;}
h4{font-size: 12pt;}


a{font-size:14px; text-decoration: none;}
a:link  {color: white;} 
a:visited {color: white;}
a:active {color: white;}
a:hover {text-decoration: underline;color: white;}

a:menu-text{text-decoration: none; color: #003366;}
a:link.menu-text  {color: #003366;}
a:visited.menu-text {color: #003366;}
a:active.menu-text {color: #003366;}
a:hover.menu-text {
	text-decoration: none;
	color: white;
	background-color: #003366;
}

a:menu-top{font-size:20px; text-decoration: none; color: #003366;}
a:link.menu-top  {font-size:20px;color: #003366;}
a:visited.menu-top {font-size:20px;color: #003366;}
a:active.menu-top {font-size:20px;color: #003366;}
a:hover.menu-top {font-size:20px;text-decoration: none;color: white;background-color: #003366;}

.topimg{background: transparent url(img/top.jpg) no-repeat;}
.topmenu{padding-left:160px; padding-top:6px; }

.contacts{padding-right:760px;padding-top:55px;
	font-size: 12px;
	color: white;
	text-align: right;
}

.sottomenu{padding-left:20px;
	font-size: 12px;
	color: #b6b6b8;
	text-align: right;
	padding-right: 13px;
}




.citta {font-family: "Trebuchet MS";font-size: 20px;font-style: normal;color:  #00cc33;}
A.citta:link {FONT-WEIGHT: bold; FONT-SIZE: 20px; COLOR: #000000; TEXT-DECORATION: none;}
A.citta:visited {FONT-WEIGHT: bold; COLOR: #000000; FONT-SIZE: 20px; TEXT-DECORATION: none;}
A.citta:hover {TEXT-DECORATION: underline;}







.cssform p{
width: 380px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
color: #2a5290;
}

.cssform select{ /*width of text boxes. IE6 does not understand this attribute*/
width: 145px;
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 200px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

.formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(img/formbg.gif) repeat-x left top;
}

/*1. lo stile del div contenitore con id=”menu_css_verticale”*/
#menu-left{width:98%;padding:1px;}

/*2. lo stile css dei link (elementi <a>)*/
#menu-left a{
display:block;
height:25px;
margin-top:1px;
padding-left:5px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
text-transform:uppercase;
text-decoration:none;
color:#123a8d;
line-height:25px;
text-align: left;
border-bottom: 1px solid silver;
border-left:5px solid #c9c9c9;
}

/*3. lo stile css sullo stato hover dei link*/
#menu-left a:hover{
background-color:#e5e5e5;
border-left:5px solid #03d856;
color:#123a8d;
}

#menu-left a.none, #menu-left a.none:hover{margin-top:0;border-left:0px solid #123a8d;background-color:transparent;}

/* rimozione del margine superiore per il primo link*/
#menu-left a.primo{
margin-top:0;
border-left:5px solid #123a8d;
}

#menu-left a.evidenzia{border-left:5px solid red;font-weight:bold;}
#menu-left a.evidenzia:hover{background-color:#d7d7d7;border-left:5px solid #cc0033;color:#123a8d;}



 /* SLIDER       image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			
	#slider-relative{position:relative;}

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:1000px;
		height:300px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:41px;
		height:54px;
		position:absolute;
		left:5px;
		top:100px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:955px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:41px;
		height:54px;
		background:url(img/btn_prev.png) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(img/btn_next.png) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */