body {background:#fcf5d8 url(../img/sfondo_body.jpg) repeat-x top left;}

hr.separatore {border:1px dashed #CC0000;clear:both;color:#CC0000;display:block;height:1px;margin:0 0 1.5em;}
.esterno {background:url(../img/sito_est2.gif) no-repeat right center;text-indent:-9999px;width:20px;height:18px;position:absolute;right:-18px;cursor:hand;}

h3, h4 {color:#000;text-transform:uppercase;}
h5 {color:#353535;}
h6 {color:#000;}

/* testata
------------------------------------ */
#testata {padding:0;margin:0;height:99px;position:relative; background:url(../img/testata.jpg) no-repeat top;border-bottom:1px solid #000;}

#testata h1 {position:absolute;top:0;left:0;width:300px;height:99px;text-indent:-9999px;background:none;}

#testata h1 a {display:block;width:300px;height:99px;position:relative;background:none;}

#testata h2 {height:0;overflow:hidden;text-indent:-9999px;width:0;}
 
#testata h2 a#logo {display:block;width:210px;height:99px;position:relative;background:none;}
#testata h2 a#logo:hover {background:none;}

/* principale
--------------------------------- */
#contenitore, #principale {width:960px;	margin:0 auto; background-color: #FFFFFF;}
#principale {float:left;}

/* contenuto
-------------------------------- */
#contenuto{	width:940px;padding:0 10px;float:left;position:relative;}

/* titoli
----------------------- */
#contenuto h3 {padding:0.375em 10px;background:#f2e9d4;border:1px solid #ba7e36;clear:both;/*float:left;width:918px;*/}	
#contenuto h3.doc { text-transform:none;}
#contenuto h4 {margin:0 10px 14px;border-bottom:1px solid #ba7e36;padding-bottom:3px;}
#contenuto h5 {padding:0 5px;margin-left:15px;margin-right:20px;}
#contenuto h6 {padding:0 20px;}

/* -------------- */

#contenuto p, #contenuto ul, #contenuto table {margin:0 10px 1.5em;}
#contenuto ul {list-style:none; list-style-position:outside;padding-left:10px;margin-left:10px;}
#contenuto ul li {margin-bottom:0.375em;position:relative;}


#contenuto ul li a {padding-left:10px;
	background: url(img/ico_x.gif) no-repeat left 4px;
	color:#000000;
	text-decoration: none;
}
#contenuto ul li a:hover {
	background: url(img/ico_y.gif) no-repeat left 4px;
	color:#000000;
	text-decoration: underline;}


#contenuto ul.pe_big li {background:url(../img/pe_big.jpg) no-repeat left 4px;padding-left:18px;position:relative;font-size: 1.333333em;
/* = 16px */
line-height: 20px;
margin-bottom: 0.34em;
font-family:"Trebuchet MS", sans-serif;font-weight:normal;}

#contenuto ul li.pdf, #contenuto ul li.zip {background:none;padding-left:0;
font-size: 1.333333em;
/* = 16px */
line-height: 20px;
margin-bottom: 1.125em;
font-family:"Trebuchet MS", sans-serif;font-weight:normal;}
#contenuto ul li.pdf a {background:url(../img/ico_pdf.gif) no-repeat top left;padding-left:20px;position:relative;}
#contenuto ul li.zip a {background:url(../img/ico_zip.gif) no-repeat left top;padding-left:20px;}

/*#contenuto h3 + p:first-letter {font-weight:bold; font-variant:small-caps;
	font-size: 3em;
	line-height: 0.5em;float:left;padding:0 4px 5px 0;color:#ceba78;font-weight:bold;text-shadow: 2px 1px 0 #000;}*/


/* ambiti
----------------- */
#contenuto .ambito {width:458px;height:1130px;float:left;margin-right:20px;border:1px solid #ba7e36;padding:10px 0;margin-bottom:1.5em;background:#fdfbf8;}

#contenuto .ambito .mappapdf a, #contenuto .ambito_menz .mappapdf a {display:block;position:relative;border:1px solid #000;text-decoration:none;}
#contenuto .ambito .mappapdf a:hover, #contenuto .ambito_menz .mappapdf a:hover {-webkit-box-shadow: 1px 1px 10px #000;-moz-box-shadow: 1px 1px 10px #000;box-shadow: 1px 1px 10px #000; border:1px solid #9D4C15;}
#contenuto .ambito .mappapdf a img, #contenuto .ambito_menz .mappapdf a img {display:block;/*position:relative;*/width:436px;height:300px;border:none;margin:0;}
#contenuto .ambito .mappapdf a span.didascalia, #contenuto .ambito_menz .mappapdf a span.didascalia{display:block;width:426px;padding:0.375em 5px;background:#000;color:#fff;position:absolute;/*left:0;*/bottom:0px;cursor:hand;background:#000;background:rgba(0,0,0,0.8);}

#contenuto .ambito .video {width:436px;padding:0 10px;float:left;margin-bottom:15px;}
/* ambiti new
----------------- */
#contenuto .ambito .mappapdf span.didascalia a, #contenuto .ambito_menz .mappapdf  span.didascalia a{display:block;width:426px;padding:0.375em 5px;background:#000;color:#fff;position:relative;/*left:0;*/bottom:0px;cursor:hand;background:#000;background:rgba(0,0,0,0.8);}
#contenuto .ambito .mappapdf span.didascalia a:hover, #contenuto .ambito_menz .mappapdf span.didascalia  a:hover{
background:#D96D25;color:#fff;background:rgba(217,109,37,0.8);}
	


#contenuto .ambito_menz {width:298px;float:left;margin-right:20px;border:1px solid #ba7e36;padding:10px 0;margin-bottom:1.5em;background:#fdfbf8;}
#contenuto .ambito_menz .mappapdf a img {width:276px;height:200px;}
#contenuto .ambito_menz .mappapdf a span.didascalia {width:266px;}
#contenuto .ambito_menz p {border-bottom:1px solid #ba7e36;padding-bottom:0.75em;}
#contenuto .ambito_menz p.mappapdf {border-bottom:none;padding-bottom:0;} 
#contenuto .ambito_menz p span.ico a {display:block; margin-top:0.75em; background:url("img/ico_x.gif") no-repeat scroll left 4px transparent; padding-left:10px;}
#contenuto .ambito_menz p span.ico a:hover {background:url("img/ico_y.gif") no-repeat scroll left 4px transparent;text-decoration:underline;}

#contenuto .last {margin-right:0;}
/* briciole
-------------------------- */
#contenuto p#briciole {margin-bottom:1.5em;color:#000;padding:14px/*0.938em */ 0;float:none;width:auto;font-size:12px;line-height:18px;border-bottom:1px #ceba78 solid;font-family:"Trebuchet MS", sans-serif;font-weight:normal;}
#contenuto p#briciole a:link, #contenuto p#briciole a:visited {color:#575757;font-weight:normal;}
#contenuto p#briciole a:hover, #contenuto p#briciole a:active {color:#575757;font-weight:normal;}
#contenuto p#briciole span.current {color:#000; font-weight:bold;}
#contenuto p#briciole span.data {float:right;width:auto;}

#contenuto a:link, #contenuto a:visited {color:#555;font-weight:normal;text-decoration:underline;}
#contenuto a:hover, #contenuto a:active {text-decoration:none;color:#000;}

#contenuto p img {border:1px solid #000;width:300px;margin:0 0 0.75em 10px;}
#contenuto p img:hover {-webkit-box-shadow:0 1px 5px #000;-moz-box-shadow:0 1px 5px #000;box-shadow:0 1px 5px #000;}
.left {float:left;margin-right:18px;border:1px solid #850000;display:inline;}


/* sommario ed eventuali
---------------------- */
.sommario {font-size: 1.333333em;/* = 16px */line-height: 20px;margin-bottom: 1.125em;font-family:"Trebuchet MS", sans-serif;font-weight:normal;}

/* caption styling */
.caption-top, .caption-bottom {color: #fff;padding:1em 1.2em 1.8em;font-weight: bold;
	font-size: 13px;cursor: default;border: 0px solid #334143;background: #000;
	text-shadow: 1px 1px 0 #202020;}
.caption-top {
   /*border-width: 0px 0px 8px 0px;*/
}
.caption-bottom {
  /* border-width: 8px 0px 0px 0px;*/
}
.caption a, .caption a {
	border: 0 none;
	text-decoration: none;
	background: #ceba78;
	padding: 0.1em 0.3em;
}
.caption a:hover, .caption a:hover {
	background: #202020;
}
.caption-wrapper {
	float: right;position:relative;
}
.caption-wrapper:hover {-webkit-box-shadow:0 1px 5px #000;-moz-box-shadow:0 1px 5px #000;box-shadow:0 1px 5px #000;}

br.c { clear: both; }


/*tabelle
---------------------- */
#contenuto table.dati {font-size:1em;margin:0 auto 1.5em;width:98%;}
#contenuto table.dati caption{text-align:left;font-weight:bold;font-size:1.333333em/* = 16px */;line-height:1.125em;margin-bottom:0.5625em;}
#contenuto table.dati caption span{text-align:left;font-weight:normal;font-size:0.7em;line-height:1em;margin-bottom:0.5625em;display:block;}
#contenuto table.dati th.servizio{width:30%}
#contenuto table.dati th {border-bottom:1px solid #f3f2f2;font-size:1.166667em/* = 14px */;line-height:1.285714em;padding-bottom: 0.3214285em;}
/*#contenuto table.dati tr.odd {background:#f3f2f2}*/
#contenuto table.dati tr.pari {background:#f3f2f2}
#contenuto tabletable img {border:1px solid #000}
/*table td a img{margin-left:10px}
table.mappe{
margin-bottom:2.5em;font-size:1em}*/
/* ------------ */

/* video
--------------------- 
.video {margin: 0px auto 18px; 
width:560px; 
padding:18px;
-webkit-border-radius:8px;
-moz-border-radius: 8px;
border-radius:8px;
background-color:#eeeeee;
border:1px solid #dddddd;}*/

/* form
--------------------- */
.register {
margin: 0px auto 18px; 
width:560px; 
padding:18px;
-webkit-border-radius:8px;
-moz-border-radius: 8px;
border-radius:8px;
background-color:#eee;
border:1px solid #ddd;
}

form p {margin-bottom:0.562em;}

form #iscrizione, form #cancellazione {position:relative; top:1px;}

form .secondary {background:#eee;border:1px solid #eee;color:#444;cursor:pointer;font-size:12px;}

form p.dx {margin-top:1.125em;text-align:right;margin-right:3em;}
form p.dx input {width:50px;font-size:16px;}
form p.radio {margin-bottom:0.1em;margin-left:12.5em;}


/* gallery - tavole 
--------------------- */
#contenuto ul.gallery, #contenuto ul.tavole {list-style:none;float:left;width:900px;padding:0 0 0 20px;margin:0 0 1.5em;position:relative;display:inline}

#contenuto ul.tavole {width:436px;padding:0 10px;}
#contenuto ul.gallery li a, #contenuto ul.tavole li a {display:block;position:relative;border:1px solid #000;text-decoration:none;background:none;padding:0;}
#contenuto ul.gallery li a:hover, #contenuto ul.tavole li a:hover {-webkit-box-shadow: 1px 1px 10px #000;-moz-box-shadow: 1px 1px 10px #000;box-shadow: 1px 1px 10px #000; border:1px solid #9D4C15;}
#contenuto ul.gallery li, #contenuto ul.tavole li  {margin-bottom:1.5em;float:left;display:inline;width:280px;margin-right:30px;background:none;padding:0;}
#contenuto ul.tavole li {margin-right:10px;width:138px;height:97px;margin-bottom:0;}
#contenuto ul.gallery li.last, #contenuto ul.tavole li.last {margin-right:0;}
#contenuto ul.gallery li img, #contenuto ul.tavole li img {display:block;position:relative;width:278px;height:190px;border:none;}
#contenuto ul.tavole li img {width:136px;height:97px;}
#contenuto ul.gallery li span.didascalia, #contenuto ul.tavole li span.didascalia {display:block;width:268px;padding:0.375em 5px;background:#000;color:#fff;position:absolute;bottom:0;left:0;cursor:hand;}
#contenuto ul.tavole li span.didascalia {width:126px;}
#contenuto ul.gallery li span.didascalia, #contenuto ul.tavole li span.didascalia {background:#000;background:rgba(0,0,0,0.8);}



#contenuto ul.gallery3 {list-style:none;float:left;width:900px;padding:0 0 0 20px;margin:0 0 1.5em;position:relative;display:inline}
#contenuto ul.gallery3 li a {display:block;position:relative;border:1px solid #000;text-decoration:none;background:none;padding:0;}
#contenuto ul.gallery3 li a:hover {-webkit-box-shadow: 1px 1px 10px #000;-moz-box-shadow: 1px 1px 10px #000;box-shadow: 1px 1px 10px #000; border:1px solid #9D4C15;}
#contenuto ul.gallery3 li {margin-bottom:1.5em;float:left;display:inline;width:280px;margin-right:30px;background:none;padding:0;}
#contenuto ul.gallery3 li.last {margin-right:0;}
#contenuto ul.gallery3 li img {display:block;position:relative;width:278px;/*height:190px;*/border:none;}
#contenuto ul.gallery3 li span.didascalia{display:block;width:268px;padding:0.375em 5px;background:#000;color:#fff;position:absolute;bottom:0;left:0;cursor:hand;}
#contenuto ul.gallery3 li span.didascalia {background:#000;background:rgba(0,0,0,0.8);}

/* colonna
----------------------- */
#colonna {float:right;width:267px; background:url(../img/sfondo_menu.jpg) no-repeat top;min-height:317px;}

#colonna p.data {padding:14px 0;margin-bottom:0;color:#afafaf; text-align:center;
font-size:1em;
line-height:1.5em;
margin-bottom:1.5em;
font-family:"Trebuchet MS", sans-serif;font-weight:normal;
}

/* colonnadx
------------------------------- */
#colonnadx {padding:1.5em 20px;font-family:Georgia, "Times New Roman", Times, serif}
#colonnadx a {text-decoration:none;}
/* menu 
-------------------- */
#colonnadx h4 {background:url(../img/sfondo_menu_area.png) no-repeat bottom;text-transform:uppercase;font-size:1.5em;line-height:1em;padding:0.2em 25px 0.2em;margin-bottom:0.6em;letter-spacing:1px;zoom:1;}

#colonnadx h4 a {color:#fff;}
#colonnadx h4 a:hover {color:#ceba78;}
#colonnadx ul {list-style:none;padding-left:30px;}

#colonnadx ul li {font-size:1.333333em /* = 16px */;line-height:1.125em;font-weight:400;}
#colonnadx ul li a {color:#ececec;}
#colonnadx ul li a:hover {color:#ceba78;text-decoration:underline}

/* ------------------- */

/* piedipagina
--------------------------------- */
#piedipagina {
	color:#fff;
	background-color: #8E8E8E;
	background-image: url(../img/sfondo_footer.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#piedipagina p {padding:0 0 17px;
font-size:1em;
font-family:"Trebuchet MS", sans-serif;font-weight:normal;
}
#inner {width:960px;margin:0 auto;background:url(../img/footer.jpg) repeat-x top;}
#inner ul {float:left;width:960px;margin:0.75em 0;}
#inner ul li {float:left;padding:0 20px;display:inline;position:relative;}
#inner ul li.destra {float:right;}
#inner ul li a {background: url(../img/torna.gif) no-repeat left center;padding-left:25px;display:block;}
#inner ul li.destra a {background: url(../img/stampa.gif) no-repeat left center;}
#inner #footer {clear:both;}
#piedipagina a:link, #piedipagina a:visited {color:#fff;text-decoration:none;}
#piedipagina a:hover, #piedipagina a:active {color:#ceba78;text-decoration:underline;}	

/* UNACOLONNA
---------------------------------------- */
body#unacolonna #contenitore, body#unacolonna #principale {background:#fff;}
body#unacolonna #contenuto {width:940px;background:transparent;}
body#unacolonna #contenuto h3 {}

body#unacolonna #contenuto.mappa {background:url(../img/sf_mappa.jpg) no-repeat top right;}
body#unacolonna #contenuto.uffturi {background:url(../img/sf_ufficiturist.jpg) no-repeat top right;}


/* overlay
------------------------- */
/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background:#333;
	
	width:400px;	
	/*min-height:450px;*/
	height:auto !important;
	/*height:450px;*/
	border:1px solid #666;
	position:relative;
	left:-500px;
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
	zoom:1;
	
	min-height:36px; 
	color:#fff; 
	padding-top:18px;
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../../img/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* styling for elements inside overlay */
	.details {
		position:absolute;
		top:15px;
		right:15px;
		font-size:11px;
		color:#fff;
		width:400px;
	}

/* piedipagina
---------------------- */
#piedipagina p {color:#fff;}
#piedipagina p a {color:#fff;}
#piedipagina p a:hover {color:#ceba78;}

/* video
--------------------- */
#video2 {margin: 0px auto /*18px*/; 
/*width:560px; */
padding:0px 40px;}
#video2 ul.gallery2 {list-style:none;float:left;width:auto;padding:0 0 0 20px;margin:0 0 1.5em;position:relative;display:inline}
#video2 ul.gallery2 li a {display:block;position:relative;border:1px solid #000;text-decoration:none;}
#video2 ul.gallery2 li a:hover {-webkit-box-shadow: 1px 1px 10px #000;-moz-box-shadow: 1px 1px 10px #000;box-shadow: 1px 1px 10px #000;}
#video2 ul.gallery2 li {margin-bottom:1.5em;float:left;display:inline;width:142px;margin-right:30px;background:none;}
#video2 ul.gallery2 li.last {margin-right:0;}
#video2 ul.gallery2 li img {display:block;position:relative;width:140px;height:105px;border:none;}
#video2 span.didascalia {display:block;width:130px;padding:0.2em 5px;background:#000;color:#fff;position:absolute;top:0;left:0;cursor:hand; font-size:1.1em}
#video2 span.didascalia {background:#000;background:rgba(0,0,0,0.7);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);/* above line works in IE6, IE7, and IE8 */  
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=8)";/* above line is IE8 only */}


/* didascalia_micro
--------------------- */
#contenuto ul.tavole li span.didascalia {font-size: 12px;}

#contenuto .tornasu {
/*padding-right:10px;*/
text-align:right;
}

#contenuto .tornasu a {
background:url("../img/torna_su.jpg") no-repeat scroll right center transparent;
/*color:#404040;*/
padding-right:20px;
}

#contenuto .tornasu a:hover {
/*background:url("../img/torna_su.jpg") no-repeat scroll right center transparent;*/
color:#000000;
text-decoration:underline;
/*padding-right:20px;*/
}

/* menù
---------------------- */
#menunavok ul.btn8 {
	padding:20px 0px;
	margin:10px 10px;
}


#menunavok ul.btn8 li{
	display: inline;
	}
#menunavok ul.btn8 li a{
	display: inline;
	padding:5px 10px;
	margin:15px;
	font-weight:bold;
	text-shadow: 0px -1px 0px rgba(0,0,0,0.5);
	border:1px solid #632E0A;
	-moz-border-radius: 8px;
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	-webkit-border-radius: 8px;
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	background-color: #EA7003; 
	color: #FBE8D7;
	font-size:18px;
	text-decoration:none;
	background-image: none;
}

#menunavok ul.btn8 li a:hover{
	display: inline;
	padding:5px 10px;
	margin:15px;
	font-weight:bold;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.5);
	border:1px solid #BA7E36;
	-moz-border-radius: 8px;
	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
	-webkit-border-radius: 8px;
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
	background-color: #E3D1A8; 
	color: #2D2A22;
	text-decoration:none;
	background-image: none;
}