BODY { background:#efead3 url(../img/layout/bg.gif) repeat-x;text-align:left; margin:0px; padding:0px; color:#60534f; font: 10pt "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;  line-height:19px }
TD {font-size:11px;margin:0px;}

/* ELIMINARE IL FOCUS NEI LINK IN MOZILLA */
:focus { -moz-outline-style: none; }

/* LISTE */
UL { margin:0px; padding:0px}
LI { list-style:none; margin:0px; padding:0px; }


.clr {clear:both}
.cornice { border: 6px solid #ebe7cd;}
.div_space {margin:7px 0px 8px 0px; background-image:url(../img/layout/box-div.gif) }
.div_space_2 {margin:5px 0px 5px 0px; border-bottom:1px solid #BBB }
.tips { background-color:#f6f9fb; border-top:5px solid #ecf3f7; border-bottom:2px solid #ecf3f7; padding:20px 30px 20px 30px; color:#1a3d65}
.path { color:#666; font-size:9px}
.didascalia { font-size:9px; color:#9e9259; text-align:center; margin-top:5px; line-height:11px}

.corniceleft {padding:10px; background-color:#eeeded; float:left; margin:10px 10px 0px 0px}
.corniceright {padding:10px; background-color:#eeeded; float:right; margin:10px 0px 0px 10px}

/*MODULI FORM*/
FORM {margin:0px; padding:0px;}
INPUT,SELECT,TEXTAREA {  font-size:11px; border:1px solid #aaaaaa;  padding:3px;  background:#fff url(../img/layout/inputBg.gif) top left no-repeat;margin-top:2px; font-family:verdana}
.button { font-size: 16px; font-family:Arial; font-weight: bold; color: #FFF; padding:2px 4px 2px 4px;background-color:#005189; background-image:none;border: 1px solid #003960;}
INPUT.nostyle { border:0px; background-color:#EEE; padding:0px;}



H1 { font:21pt "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif; font-weight:normal; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; color:#9e5819; letter-spacing:-2px }
H2 { font:14pt "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif; font-weight:normal; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; color:#b07139; letter-spacing:-1px }
H3 { font:14pt "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif; font-weight:normal; padding:0px 0px 0px 0px; margin:3px 0px 0px 0px; color:#244897;  letter-spacing:-1px;}
H4 { font:12pt "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif; font-weight:normal; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; color:#814713;}
H5 { font:10pt "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif; font-weight:normal; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; color:#173557;}

.coloreverde,.comune {color:#7faf34}
.coloreviola,.cittadino {color:#d34372}
.coloreblu,.turismo {color:#3456a0}


.fotoleft { float:left; margin:0px 10px 10px 0px;background-color:#eeebd4; padding:10px;}	
.fotoright { float:right; margin:0px 0px 10px 10px;background-color:#eeebd4; padding:10px;}	
	
/* AREE */
.larghezza {width:760px; text-align:left;}


#head {background-color:#e8e1c0; }
	.head-bg { position:relative; background:url(../img/layout/head-bg.jpg) no-repeat; width:760px; height:177px }
	
	
#foto { }

#main {background-color:#e8e1c0 }
	#main .main-bg { background:#f3f0df url(../img/layout/main-bg.gif) repeat-x;}
	#main .main-bg-sotto { background:url(../img/layout/main-bg-sotto.gif) repeat-x bottom;}
	
	#main a { text-decoration:none;}
	#main a:hover { color:#144b8b;  }

	#main a.linktesto { color:#9e5819; text-decoration: none; padding-bottom:2px; border-bottom:2px solid #e8e1c0}
	#main a:hover.linktesto { text-decoration: none;border-bottom:2px solid #b6c6d8;  }


	#menusx {float:left; width:185px; margin:0px 15px 0px 20px}
	#menusx .pad {padding:0px}
		#menusx ul {}
		#menusx li { display:block; border-bottom:1px solid #e8e1c0; border-right:1px solid #e8e1c0; border-top:1px solid #f3f0df; padding:3px 0px 3px 21px; background:#eeead4 url(../img/layout/bullet-menu.gif) left no-repeat;}
		#menusx #verde a {color:#6b9f17; font-size:9pt}
		#menusx #verde a:hover {color:#4f710c;}
		
		#menusx #viola a {color:#d85a7f; font-size:9pt}
		#menusx #viola a:hover {color:#b03a5d;}
		
		#menusx #blu a {color:#4c6aae; font-size:9pt}
		#menusx #blu a:hover {color:#102d69;}

	#news{float:right; width:500px; margin:0px 0px 0px 0px; }


	/* MENU */	 	
	#nav ul { width: 130px; }
	#nav ul ul { left: 131px; }

	#nav { background-image:url(../img/menu/bg.gif); height:35px; z-index:20}
	#nav *:hover { background-color: none; }
	#nav a {  font-size: 12px; line-height: 1; }
	  #nav li.hover a { }
	  #nav ul { }
	  	#nav #verde {background-color:#83b138;opacity: 0.9; filter: alpha(opacity=90); width:180px}		
		  #nav #verde a.hover { background-color: #66931c; }
	  	#nav #viola {background-color:#d74c79;opacity: 0.9; filter: alpha(opacity=90); width:180px}
		  #nav #viola a.hover { background-color: #b1315a; }
	  	#nav #blu {background-color:#4e6caf;opacity: 0.9; filter: alpha(opacity=90); width:180px}
		  #nav #blu a.hover { background-color: #2b498c; }
		
		
		#nav ul li a { color:#FFF; padding:7px 0px 7px 22px; text-decoration:none }
	   #nav ul a { border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
	/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */

	.menu-home {margin-left:127px}
	.menu-comune {margin-left:212px}
	.menu-cittadino {margin-left:328px}
	.menu-turismo {margin-left:476px}
	
	
	

	/* RECORD */
	.record { padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ebe7cd}
	


	/* BOX */
	.boxhome {background:#eeebd4 url(../img/layout/box-bg.gif) no-repeat bottom; width:221px; float:left;}
	.boxhomepadding {padding:10px 10px 15px 10px}
	.boxhome_subtitle { font:10pt "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif; font-weight:bold; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; color:#814713; letter-spacing:-1px}

	.paragrafo { font-size:8pt; line-height:17px; margin-top:5px  }
	.paragrafetto { color:#908374; line-height:15px; font-size:8pt;}

	#menu-interno {float:right; background-color:#FFF; border-left:1px solid #EEE; padding:0px 0px 5px 10px; margin:0px 0px 5px 10px}
		#menu-interno a { color:#144b8b; font-weight:normal; display:block; text-decoration: none; border-bottom:1px solid #b6c6d8; padding:3px 5px 3px 5px; font-size:9px; }
		#menu-interno a:hover { color:#eb752d; text-decoration: none; border-bottom:1px solid #edc7b1}
	
		#menu-interno a.capo {color:#ef8526; font-weight:bold; font-size:11px; padding:5px; border-bottom:1px solid #eea461}
		#menu-interno a.secondo {color:#34659d; text-indent:10px}

#prefooter { background: url(../img/layout/fascia-giu.gif) repeat-x;}
	.cornice_foto {padding:4px; background-color:#FFF; float:left; margin-right:3px}

	/* TABELLE */
	table.fg {border-top:1px solid #e4debc;border-left:1px solid #e4debc;}
	.tdhead { font-size:10px; font-family:Verdana; background-color: #f6f3e3; border-bottom:1px solid #e4debc; border-right:1px solid #e4debc;	border-top:1px solid #e4debc;	border-left:1px solid #e4debc; font-weight:bold; color:#1a3d65}
	.td1 { font-size:10px; font-family:Verdana; background-color: #f6f3e3;	border-bottom:1px solid #e4debc; border-right:1px solid #e4debc;	border-top:1px solid #FFF;	border-left:1px solid #FFF;}
	.td2 { font-size:10px; font-family:Verdana; background-color: #f2eed7;	border-bottom:1px solid #e4debc; border-right:1px solid #e4debc;	border-top:1px solid #FFF;	border-left:1px solid #FFF; }



	/* TAB */
	#tab { margin-top:10px; border-top:2px solid #DDD} 
		#tab .tabmenu { width:160px; float:left; }
		#tab .tabmenu-list {background-color:#DDD; }
		#tab a { border-bottom:0px; width:150px; display:block; padding:7px 0px 7px 10px; border-bottom:1px solid #FFF }
		#tab a:hover { border-bottom:1px solid #FFF}
		#tab .selected {background-color:#EEE;}
		#tab .container {background-color:#EEE; float:left; padding:15px; border-right:2px solid #DDD; width:500px}
		
		
		
		
		
		
/*FOOTER*/
#footer { background: url(../img/layout/footer-bg.gif) repeat-x; color:#9d8d7a; font-size:11px}

	#novita { padding:18px; text-align:center}
		#novita a {color:#695c4d; text-decoration:none;}
		#novita a:hover {color:#9d8d7a; }

	#copyright {padding:15px; text-align:center; font-family:Verdana; font-size:9px;color:#afa191;}
		#copyright a {color:#867562; text-decoration:none;}
		#copyright a:hover {color:#afa191; }
	
a.underline { border-bottom:1px solid #e7dddc; padding-bottom:2px }





/* FORM VALIDATION */ 
.LV_validation_message{ font-weight:bold; margin:0 0 0 5px;}
.LV_valid {color:#00CC00;}	
.LV_invalid {color:#CC0000;}    
.LV_valid_field,input.LV_valid_field:hover, input.LV_valid_field:active,textarea.LV_valid_field:hover, textarea.LV_valid_field:active { border: 1px solid #00CC00; }
.LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active, textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active { border: 1px solid #CC0000; }
.risposta { background-color:#F5F5F5; border:1px solid #C5C5C5; padding:10px; margin-bottom:15px}