body { margin: 0; font-family: Georgia; font-size: 12px; color: #fff; font-weight: normal;  background: url(/images/bg-body.gif) no-repeat #140106 }

a { color: #fff; text-decoration: none !important }
	a:hover { text-decoration: none  }
img { border: 0 }
form { margin: 0 }
	#cluetip-inner { color: #3E73A4 } /* testo del cluetip */
p { margin: 0 }

ul { margin: 0 0 0 10px } /* tutti */
html > body ul { margin: 0 0 0 -27px; } /* FF e IE7 */
	li { margin: 0 0 0 10px } /* tutti */
	ul > li { margin: 0 } /* FF */
	ul > li { #margin: 0 0 0 45px } /* IE7 */

.bigInput { font-size: 15px; padding: 5px; color: #ccc; background: none; border: 1px solid #423; }
	.bigInput:focus { color: #fff }
.bigButton { width: 100%; padding: 10px; font-weight: bold; font-size: 15px; }
	.bigButton.selected { filter:alpha(opacity=50); opacity: .5 }
	
h1 { font-size: 24px; font-weight: normal; margin-bottom: 5px}
h2 { }

.wrapper { width: 950px; margin: 0 auto; }
	
img.thumb { border: 1px solid #818181 }
img.detail { float: left; margin-right: 15px; border: 1px solid #818181 }
.data { text-align: right; margin-bottom: 10px}

/* MESSAGGI DI SISTEMA */
.regolare { height: 30px; width: 490px; margin-left: 230px; padding-top: 7px; text-align: center; font-weight: bold; text-transform: uppercase; border: 1px solid #fff}
.errore { height: 30px; width: 490px; margin-left: 230px; padding-top: 7px; text-align: center; color: #d00; font-weight: bold; text-transform: uppercase; border: 1px solid #fff}
.errore2 { color: #EB361B; }

/* HEADER */
#header { position: relative; margin-top: 0px; height: 100px; }
	#logo { float: left; margin-top: 10px }
	#login { position: absolute; top: 30px; left: 700px; }
		.flag { margin: 0 5px}
		.flagSelected { margin: 0 5px; border: 1px solid red }
	/* MENU */
	#topMenu { position: absolute; top: 70px; left: 340px; }
		#topMenu a { display: block; float: left; width: 139px; height: 28px; padding-top: 7px; margin-right: 10px; font-size: 14px; font-weight: bold; text-decoration: none; text-align: center; }
			#topMenu a:hover { text-decoration: underline }
			#topMenu a.selected { text-decoration: underline; }
		a.bright { display: block; float: left; width: 139px; height: 28px; padding-top: 7px; margin-right: 10px; font-size: 14px; font-weight: bold; text-decoration: none; text-align: center; background: url(/images/button1-header-bg.gif) no-repeat }
		a.dark { display: block; float: left; width: 139px; height: 28px; padding-top: 7px; margin-right: 10px; font-size: 14px; font-weight: bold; text-decoration: none; text-align: center; background: url(/images/button2-header-bg.gif) no-repeat }
	/* MENU A TENDINA */
	.dropDownWrapper { display: none; overflow: hidden; position: absolute; top: 100px; right: 0; z-index: 100; line-height: 1.3em; border: 1px solid #444; background: #000; }
		.dropDownWrapper[rel=artisti] { width: 100%; height: 400px; }
		.dropDownWrapper[rel=eventi] { width: 600px; height: 250px; }
		/* contenuto */
		.dropDownContent { display: none; overflow: hidden; position: relative; padding: 20px; font-size: 15px; }
			.dropDownContent table { width: 100%; }
				.dropDownContent table td { padding: 15px; vertical-align: top; }
					.dropDownContent table td h2 { margin-bottom: 5px; padding-bottom: 5px; font-size: 13px; text-transform: uppercase; border-bottom: 1px dotted #888 }
						.dropDownContent table td h2 i { display: block; float: left; width: 16px; height: 16px; margin-right: 5px; background: url(/images/ui-icons_ffffff_256x240.png) no-repeat -16px -112px }
					/* citta' */
					.dropDownContent dl { float: left; margin: 0 30px 0 0 }
						.dropDownContent dd { margin: 0 0 7px 0; }
							.dropDownContent dd a { color: #fff; text-decoration: none }
								.dropDownContent dd a:hover { text-decoration: underline }
					/* eventi (ul) */
					.dropDownContent ul li { margin-bottom: 4px }
						.dropDownContent ul li a { text-decoration: none }
							.dropDownContent ul li a:hover { text-decoration: underline }

/* COLONNA SINISTRA HOME */
#colSxHome { overflow: hidden; float: left; margin: 12px 40px 0 5px; width: 200px; }

/* CONTENUTO PAGINA HOME */
#centraleHome { overflow: hidden; float: left; margin-top: 5px; width: 459px; }
	/* MOST RATED (effetto cycle) */
	.mostRated { width: 430px; height: 460px; text-align: center; }
		.mostRated img { display: block; margin: 0 auto 10px auto; }
		.mostRated p { font-size: 14px; }
			.mostRated b { font-size: 12px; }
	/* TECNICHE */
	#techniques { margin: 5px 0 10px 0; text-align: center }
		#techniques a { display: block; float: left; width: 139px; height: 28px; padding-top: 7px; margin: 0 15px 15px 15px; font-size: 14px; font-weight: bold; text-decoration: none; text-align: center; background: url(/images/button3-header-bg.gif) no-repeat }
	
/* COLONNA DESTRA*/
#colDx { overflow: hidden; float: right; margin: 5px 5px 0 20px; width: 160px; }
	/* CERCA NEL SITO */
	#colDx form { margin-bottom: 10px }
		.search { font-size: 13px; color: #fff; background: #333; vertical-align: middle; border: 0 }
		.vai { vertical-align: middle; color: #fff; background: #3d3d3f; border: 0; padding: 0 5px 0 5px; }
	/* TECHNIQUES */
	#techniquesDx { margin-bottom: 30px; height: 195px; background: url(/images/bg-artworks-menu.gif) 0 45px no-repeat #140106 }
		#techniquesDx .ttl { margin: 20px 0 10px 40px}
		#techniquesDx a { display: block; padding: 5px 20px; text-align: center; text-decoration: none; }
			#techniquesDx a:hover { text-decoration: underline; }
	/* ARTISTI RECENTI */
	#lastArtists { height: 143px; text-align: center; font-size: 100%; background: url(/images/bg-last-artists.gif) no-repeat #140106 }

/* COLONNA SINISTRA */
#colSx { overflow: hidden; float: left; margin: 0 30px 15px 5px; width: 160px; }
	#menuSx { height: 175px; margin-top: 50px; padding: 10px 0 0 20px; background: url(/images/bg-menu-vert.png) no-repeat scroll }
		#menuSx .ttl { font-size:20px; padding: 20px 0 10px 0 }
			#menuSx a { text-decoration:none; }
				#menuSx a:hover { text-decoration:underline; }
				#menuSx a.selected { text-decoration:underline; }
		
/* CONTENUTO SECONDA PAGINA */
	#centrale { overflow: hidden; float: left; margin-top: 5px; width: 560px;}
	
	/* BRICIOLE */
	#briciole { font-family: arial; }
	
	/* FILTRI */
	#filters { padding: 20px; text-align: center; background: #21020B; }
		#filters a { display: block; float: left; width: 10px; padding: 5px; font-size: 120%; }
			#filters a:hover, #filters a.letter_selected { padding: 5px; background: #87062A }

	/* PAGINAZIONE */
	.paginazione { margin: 0; padding: 0 5px; float: right; border-left: 1px solid #eee; border-right: 1px solid #eee}
		.paginazione  a { padding: 0 5px; text-decoration: underline; }
		.paginazione  a:hover { text-decoration: none }
	
	/* RICERCA ARTISTI */
	table#artistSearch { width: 95%; margin: 0 auto }
		table#artistSearch th, table#artistSearch td { padding: 15px; text-align: right; vertical-align: middle }
		table#artistSearch th { width: 200px; font-family: georgia; font-size: 16px; color: #ddd; }

	/* ARTISTI */
	table#artists { width: 95%; margin: 10px auto 0 auto }
		#artists td { padding: 8px 5px; vertical-align: top }
			#artists td.thumb { width: 77px; height: 100px; }
				#artists td.thumb a { display: block; position: relative }
					#artists td.thumb img[src*=ribbon] { position: absolute; top: -15px; left: -15px; border: 0 }
			#artists img { border: 1px solid #818181 }
			#artists .ttl { font-size: 14px; padding-bottom: 10px; }
	.nomeCommento { font-size: 13px; font-weight: bold; margin: 10px 0; border-bottom: 1px solid #666 }
	/* ARTISTI PER CITTA' */
	#artistsByCity {}
		#artistsByCity > div { width: 153px; float: left; margin: 0 10px 15px 0; padding: 0 10px; background: 000; background: #21020B }
			#artistsByCity a { text-decoration: none }
				#artistsByCity a:hover { text-decoration: underline }
	/* ARTISTI PER REGIONE */
	#artistsByRegion {}
		#artistsByRegion dl { width: 129px; height: 140px; overflow: hidden; float: left; margin: 8px; padding: 10px 20px; background: #3f0211; text-decoration: none }
			#artistsByRegion dt { height: 50px; margin-bottom: 10px; font-size: 15px; text-transform: uppercase; color: #fd0752 }
				#artistsByRegion dd { margin-left: 10px }
					#artistsByRegion a { text-decoration: none }
						#artistsByRegion a:hover { text-decoration: underline }
	
	
	/* COLOR PICKER */
	#colorPickerWrapper { position: relative; height: 36px; }
		#colorSelector2 { position: absolute; top: 0; left: 0; width: 36px; height: 36px; background: url(/images/colorpicker/select2.png); }
			#colorSelector2 div { position: absolute; top: 4px; left: 4px; width: 28px; height: 28px; background: url(/images/colorpicker/select2.png) center; }

	/* ART WORKS CATEGORY */
	table#artCat { width: 100%; margin-top: 10px }
		#artCat td { width: 33%; padding: 15px 5px; text-align: center; vertical-align: top }
			#artCat .ttl { font-size: 14px; padding-bottom: 10px; }
			#artCat .quantita { font-size: 11px; }
			#artCat p { padding: 3px 0 }

	/* ARTWORKS */
	table.artworks { width: 100%; margin: 10px 0 }
		.artworks caption { margin-bottom: -5px }
		.artworks td { width: 50%; padding: 15px 5px; text-align: center; vertical-align: top }
			.artworks div { position: relative; width: 122px; height: 90px; text-align: center; margin: 0 auto 7px auto; }
			.artworks .ttl { font-size: 14px; padding-bottom: 5px; }
			.artworks .quantita { font-size: 11px; }

	/* ARTWORKS DETTAGLIO */
	#scheda { float: right; width: 270px; }
		#scheda p { font-size: 14px; margin-bottom: 5px }
		#scheda b { font-size: 12px; }
		#condividi { float: left }
	#imgDetail { float: left; }
		#imgDetail img { border: 1px solid #818181 }
	
	/* VOTAZIONE */
	.votazione { margin: 15px 0 0 0; padding: 0; font-size: 18px; }
		.votazione a { padding: 2px 12px; line-height: 2em; text-decoration: none; background: #333; border: 1px solid #eee }
			.votazione a:hover { text-decoration: none; color: #333; background: #eee; border: 1px solid #333 }
		
	/* EVENTS/EXPOSITION LISTA*/
	table.eventsExpo { width: 100%; margin-top: 10px }
		.eventsExpo td { width: 50%; padding: 15px 5px; vertical-align: top }
			.eventsExpo img { float: left; margin-right: 10px;  width: 122px; height: 92px; }
			.eventsExpo .ttl { font-size: 18px; }
			.eventsExpo a { text-decoration: none;  }
				.eventsExpo a:hover { text-decoration: underline }
	/* EVENTS DETTAGLIO */
	.dati { font-size: 14px; margin-bottom: 5px }
	
	/* ADMINISTRATOR WORKS */
	table.useradminSimpleList { width: 485px; margin: 10px 1px 0 1px; border: 1px solid #eee; border-collapse: collapse  }
			.useradminSimpleList td { padding: 15px 5px; border-top: 1px solid #eee; }
		.useradminSimpleList a { display: block; padding: 2px 0; text-align: right}
	.addOpera { padding: 4px 12px; background: #333; border: 1px solid #eee }
		
	/* ADMINISTRATOR STATISTIC */
	table.userAdminthumbList { width: 485px; margin: 10px 1px 0 1px; border: 1px solid #eee; border-collapse: collapse  }
			.userAdminthumbList td { padding: 15px 5px; border-top: 1px solid #eee; }
			.userAdminthumbList .ttl { font-size: 18px; }

	/* FORM */
	table#form { width: 100%; margin-top: 25px }
		#form td { padding: 7px 5px; font-weight: bold; }
		#form .label { text-align: right }
		#form .data { text-align: left; font-family: Georgia; font-size: 13px; color: #333 }
		
		
	/* COLUMNIZE */
	.columnize { display: none; }
		.columnize ul { float: left; width: 255px; margin-right: 20px; color: #888; }
			.columnize ul li a { display: block; color: #ddd; font-size: 15px; text-decoration: none; text-transform: lowercase }
				.columnize#elencoArtisti ul li a { text-transform: capitalize }
				.columnize ul li a:hover { color: #fff; text-decoration: underline }
				.columnize ul li a:first-letter { text-transform: uppercase; font-size: 180% }
	

/* FOOTER */
#footer { height: 80px; text-align: center; background: url(/images/bg-footer.gif) no-repeat #440315 center top }
	#footer p { padding-top: 40px }
	#footer a { padding: 0 2px; color: #B49AA1; text-decoration: none; font-family: arial; text-transform: capitalize }
		#footer a:hover { text-decoration: underline; }