body { margin: 0; background: #600; font: normal 11pt "Arial",sans-serif; color: black; }
#bg { background: #600 url(../img/common/sfondo-body.jpg) 50% top repeat-y; }
img { border: none; }
br.clear { clear: both; line-height: 1px; font-size: 1px; }
a { color: #c00; }
a:hover { color: #f00; }
a.more { background: url(../img/common/go.gif) right 50% no-repeat; padding-right: 8px; }
a.back { background: url(../img/common/prev.gif) left 50% no-repeat; padding-left: 12px; }
a.trigger { background: url(../img/common/trigger.gif) right 50% no-repeat; padding-right: 12px; }
a.trigger-open { background-image: url(../img/common/trigger-open.gif); }
button { background: url(../img/common/button.jpg); border: 1px solid #666; color: #333; cursor: pointer; 
	font: bold 9pt "Arial",sans-serif; 	height: 24px; line-height: 24px; padding: 0 10px;
}
button:hover { color: #c00; border-color: #c00; }
p.buttons { position: relative; text-align: right; }

textarea, input.text { background: #eeeef8; font: normal 10pt "Arial",sans-serif; color: #666; border: 1px solid #666; }
textarea { padding: 5px; }
input.text { padding: 3px; }
textarea:focus, input.text:focus { background: white; color: #600; }

div.back { font-size: 9pt; margin: 10px 0; }
h1 a, h2 a, h3 a, li a, dt a { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover { text-decoration: underline; }
ul, li, dl, dt, dd { margin: 0; padding: 0; list-style: none; display: block; }
h4 { margin: 20px 0 10px 0; font-size: 11pt; }
h1 { margin: 0; padding: 0; }
h2 { background: url(../img/common/h2.jpg) top left repeat-x; margin: 10px 0; font: bold 11pt "Arial",sans-serif; color: white; padding: 0 10px; line-height: 30px; }
h2 a { color: white; }
h2 a:hover { color: white; text-decoration: underline; }

#page { margin: 0; background: url(../img/common/sfondo.jpg) 50% top no-repeat; text-align: center; }
#delosnetwork { font: normal 10px "Arial",sans-serif; color: white; background: black; height: 20px; text-align: center; }
#delosnetwork .service { line-height: 20px; text-align: right; position: absolute; right: 0; }
#delosnetwork .container { width: 990px; line-height: 20px; text-align: left; margin: 0 auto; position: relative}
#delosnetwork img { float: left; }
#delosnetwork a { color: white; text-decoration: none; }
#delosnetwork a:hover { text-decoration: underline; color: red;  }
#header { width: 990px; margin: 20px auto 0 auto; text-align: left; }
#bottom { text-align: center; background: url(../img/common/sfondo_bottom.jpg) 50% bottom no-repeat; padding-bottom: 10px; margin: 0; }
#footer { width: 990px; margin: 0 auto 0 auto; text-align: center; padding: 20px 0 20px 0; background: url(../img/common/sfondo_footer.jpg) left bottom no-repeat; }
#footer p { padding: 0 10px; font: normal 11px "Arial",sans-serif; margin: 5px 0; color: #666; margin: 0; }
#wrapper { width: 990px; margin: 0px auto; text-align: left; background: white; }

.banner { background: #ccc; overflow: hidden; }
#leaderboard { float: right; width: 728px; height: 90px; }
#right300 { width: 300px; height: 250px; }

#body { background: white; }
#body .padder { padding: 0 10px; }

#left { background: #eee url(../img/common/leftbg.jpg) top left repeat-y; }
#left .padder { padding: 0 9px 0 0; margin: 0; }

#right { background: #ccc url(../img/common/rightbg.jpg) top left repeat-y; }
#right .padder { padding: 0; }

ul#mainmenu { text-align: left; margin-top: 20px; margin-bottom: 0; }
ul#mainmenu li { border-right: 1px solid white; width: auto; display: block; float: left; 
	padding: 0 10px 5px 10px; margin: 0;
	font: normal 16px "Arial","Helvetica",sans-serif; line-height: 16px;  }
ul#mainmenu li a { color: white; }
ul#mainmenu li a:hover { border-bottom: 1px solid red; }

#top { width: 990px; margin: 0 auto 0 auto; text-align: center; padding: 20px 0 20px 0; background: url(../img/common/sfondo_top.jpg) left top no-repeat; border-bottom: 1px solid #ccc; position: relative; }
#top h2 { background: none; margin: 0 15px; text-align: left; font: bold 18pt "Arial",sans-serif; color: black; padding: 0; }



.news { clear: left; border-bottom: 1px solid #ccc; }
.news img { float: left; margin: 0 10px 5px 0; border: none; }
.news h3  { font: normal 18px "Arial",sans-serif; margin: 5px 0; }
.news p.sommario { font: normal 10pt "Arial",sans-serif; margin: 0; }
.news p.info { font: normal 11px "Arial",sans-serif; margin: 5px 0; color: #666; }
.news p.dati { font: normal 10pt "Arial",sans-serif; margin: 0; }

.recensioni { clear: left; border-bottom: 1px solid #ccc; }
.recensioni img.thumb { float: right; margin: 0 10px 5px 0; border: none; }
.recensioni h3  { font: normal 18px "Arial",sans-serif; margin: 5px 0; }
.recensioni p.sommario { font: italic 11pt "Arial",sans-serif; margin: 0 0 10px 0; }
.recensioni p.info { font: normal 11px "Arial",sans-serif; margin: 5px 0; color: #666; }
.recensioni p.dati { font: normal 10pt "Arial",sans-serif; margin: 0; padding-left: 10px; text-indent: -10px; }
.recensioni .label { text-transform: uppercase; font-size: 10px; color: #666; }

.news-first { clear: left; border-bottom: 1px solid #ccc; }
.news-first img { float: left; margin: 0 10px 5px 0; border: none; }
.news-first h3  { font: normal 24px "Arial",sans-serif; margin: 15px 0; }
.news-first p.sommario { font: italic 11pt "Arial",sans-serif; margin: 0 0 10px 0; }
.news-first p.abstract { font: normal 10pt "Arial",sans-serif; margin: 0; }
.news-first p.info { font: normal 11px "Arial",sans-serif; margin: 5px 0; color: #666; }

.left-list { clear: left; border-bottom: 1px solid #ccc; }
.left-list img { margin: 0 0 5px 0; border: none; width: 100px; display: block; }
.left-list dt { clear: both; font: normal 10pt "Arial",sans-serif; margin: 5px 0; }
.left-list dd { font: normal 11px "Arial",sans-serif; margin: 5px 0; color: #666; }
.left-list h4 { font-size: 12px; color: #c00; margin: 0; }
.left-list p { font: normal 11px "Arial",sans-serif; margin: 5px 0; color: #666; }

#right h2 { margin-top: 0; }
.right-list { clear: left; border-bottom: 1px solid #ccc; }
.right-list img { float: left; margin: 0 5px 5px 0; border: none; width: 50px; }
.right-list dt { clear: both; font: bold 10pt "Arial",sans-serif; margin: 10px 0 5px 0; padding: 0 10px; }
.right-list dd { font: normal 11px "Arial",sans-serif; margin: 5px 0 10px 0; padding: 0 10px 10px 10px; color: #333; border-bottom: 1px solid white; }

#menu { height: 30px; background: #666 url(../img/common/menu.jpg) top left repeat-x; position: relative; }
#menu li { display: block; float: left; padding: 0 10px; font-size: 10pt; line-height: 30px; }
#menu li a { color: white; }
#menu li a:hover { text-decoration: underline; }
#menu-main { position: absolute; left: 0; font-weight: bold; }
#menu-servizio { position: absolute; right: 0; font-size: 9pt; }

/*paginazione*/
.paginazione {clear:both; font-size: 11px; text-align:right; font-weight:bold; color:#333; margin: 10px 0} 
.paginazione a {color:#c00; padding:2px 4px; border:#FFF 1px solid;}
.paginazione a:hover, .paginazione span {color:#c00; background:#eee; border: #ccc 1px solid; text-decoration:none}
.paginazione span {color:#333; background:#eceae1; border: #ccc 1px solid; padding:2px 4px;}
.paginazione a.prev { background: url(../img/common/prev.gif) 3px 3px no-repeat; padding-left:14px}
.paginazione a.prev:hover { background: #eee url(../img/common/prev.gif) 3px 3px no-repeat; padding-left:14px}
.paginazione a.next { background: url(../img/common/next.gif) 36px 3px no-repeat; padding-right:14px}
.paginazione a.next:hover { background: #eee url(../img/common/next.gif) 36px 3px no-repeat; padding-right:14px}

/*TESTO */
.testo { padding: 5px; font: normal 10pt "Georgia",serif; line-height: 150%; }
.testo p { margin: 0; }
.testo h2 { margin-top: 25px; margin-bottom: 5px; font: normal 14pt "Arial",sans-serif; color: #666; }
.testo h3 { margin-top: 20px; margin-bottom: 5px; font: bold 11pt "Georgia",serif; }
.testo h4 { margin-top: 15px; margin-bottom: 5px; font: italic 10pt "Georgia",serif; }

.clip-html form { border: 1px solid #ccc; padding: 15px; }
.clip-html form textarea { width: 448px; padding: 4px; font: normal 12px "Courier","Courier New"; }


/* VIDEO */

.video-elemento { width: 110px; margin-right: 10px; float: left; font-size: 9pt; height: 160px; overflow: hidden; }
.video-elemento a { text-decoration: none; }
.video-elemento a img { padding: 1px; border: 1px solid #ccc; margin-bottom: 5px; }
.video-elemento a:hover img { border-color: #f00; }
.video-elemento a span { text-decoration: none; color: #666; }
.video-elemento a:hover span { text-decoration: underline; color: #f00; }
.videotext { clear: left; margin: 10px 0; }
.videotext h3 { font: bold 10pt "Arial",sans-serif; color: #333; margin: 0; margin-bottom: 5px; }
.videotext p { font: bold 11px "Arial",sans-serif; color: #666; margin: 0; }

/* FOTO */

.elenco-gallerie h3 { margin-bottom: 5px; }
.elenco-gallerie p.sommario { margin: 5px 0; font: normal 10pt "Arial",sans-serif; }
.elenco-gallerie p.info { font: normal 9pt "Arial",sans-serif; margin: 5px 0; color: #666; }
.elenco-gallerie p.info img { float: left; margin-right: 10px; }
.elenco-gallerie p.info a img { padding: 1px; border: 1px solid #ccc; margin-bottom: 5px; }
.elenco-gallerie p.info a:hover img { border-color: #f00; }


#teatro { position: relative; }
#teatro-navigazione { position: absolute; right: 0px; top: 0px; width: 80px; background: transparent; }
#teatro-navigazione a { position: absolute; width: 40px; height: 30px; overflow: hidden; }
#teatro-navigazione a:hover { height: 70px; background: red; }

#foto-teatro-next { right: 0; top: 0; }
#foto-teatro-prev { left: 0; top: 0; }
.minithumb { width: 40px; height; 40px; }

#galleria a img { padding: 1px; border: 1px solid #ccc; margin-bottom: 5px; }
#galleria a:hover img { border-color: #f00; }


/* VOTI STELLE */
.voto-block { position: relative; border: 1px solid #ccc; padding: 10px; margin: 10px; padding-top: 16px;  }
.voto-block h5 { margin: 0; margin-bottom: 5px; font-size: 10pt; position: absolute; top: -10px; background: white; padding: 0 10px; }
.voto-block .voto-subblock 		{ float: left; width: 150px; margin: 0; margin-left: 10px; }
.voto-block .voto-subblock-left { float: left; width: 300px; border-right: 1px solid #ccc; margin-right: 10px; }
.voto-block .voto-subblock h6, .voto-block .voto-subblock-left h6 { margin: 0; margin-bottom: 4px; font-size: 9pt; }

.votomedio img { background-repeat: no-repeat; background-position: top left; }
.voto-medio-0 { background-image: url(../img/voti/vd0.gif); }
.voto-medio-1 { background-image: url(../img/voti/vd1.gif); }
.voto-medio-2 { background-image: url(../img/voti/vd2.gif); }
.voto-medio-3 { background-image: url(../img/voti/vd3.gif); }
.voto-medio-4 { background-image: url(../img/voti/vd4.gif); }
.voto-medio-5 { background-image: url(../img/voti/vd5.gif); }

.vototuo { width: 100px; }
.voto-indicator { margin: 0; padding: 0; width: 100px; height: 20px; 
	background-position: top left; 
	background-repeat: no-repeat; 
	background-image: url(../img/voti/vu0.gif);
	position: relative; 
} 

.voto-indicator li { position: absolute; top: 0; left: 0; }
.voto-indicator a { position: absolute; top: 0; left: 0; height: 20px; border: none; text-decoration: none; background-repeat: no-repeat; background-position: top left; background-image: none; text-indent: -2000px; }
.voto-indicator a.v1 { width: 20px; }
.voto-indicator a.v2 { width: 40px; }
.voto-indicator a.v3 { width: 60px; }
.voto-indicator a.v4 { width: 80px; }
.voto-indicator a.v5 { width: 100px; }
.voto-indicator a.v1:hover { background-image: url(../img/voti/vu1.gif); }
.voto-indicator a.v2:hover { background-image: url(../img/voti/vu2.gif); }
.voto-indicator a.v3:hover { background-image: url(../img/voti/vu3.gif); }
.voto-indicator a.v4:hover { background-image: url(../img/voti/vu4.gif); }
.voto-indicator a.v5:hover { background-image: url(../img/voti/vu5.gif); }

div#jGrowl div.ok {
	background-color: 		black;
	color: 					white;
	font-size:				12px;
}

div#jGrowl div.warning {
	background-color: 		black;
	color: 					yellow;
	font-size:				12px;
	font-weight:			bold;
}

div#jGrowl div.errore {
	background-color: 		#c00;
	color: 					#white;
	font-size:				12px;
	font-weight:			bold;
}

.contribuzione { display: none; border: 1px solid #ccc; padding: 10px; margin: 5px 0; clear: both; }
.contribuzione label { font-size: 9pt; margin: 5px 0 3px 0; color: #666; }
.contribuzione input.titolo { width: 465px; padding: 3px; font-size: 10pt; font-family: "Arial"; color: #666; }
.contribuzione textarea { width: 470px; height: 200px; padding: 3px; font-size: 10pt; font-family: "Arial"; color: #666; }


#body h1 { font-size: 24px; margin: 10px 10px 20px 10px; }
#body .padder h1 { margin: 0 0 20px 0; }
#submenu { position: absolute; right: 10px; top: 10px; text-align: right; }
#submenu li { display: block; float: left; font-size: 10pt; }
#submenu li a { padding: 0 10px; border-right: 1px solid #c00; }
#submenu li a:hover { text-decoration: underline; }

#right .art-gallery h2 { margin-bottom: 0; }
#right .art-gallery li { font-size: 8pt; clear: both; padding: 10px; border-bottom: 1px solid #666; }
#right .art-gallery li a { font-size: 10pt; padding: 0; }
#right .art-gallery li img.thumb { width: 50px; height: 50px; float: left; margin: 2px 10px 5px 0; border: 1px solid #666; }
#right .art-gallery li a img.thumb { border-color: #c00; }

/* COMMENTI */

#commenti { padding: 10px; font-size: 10pt; }
#commenti h3 { margin-bottom: 5px; }
#commenti p { margin: 0px; }
#commento-area textarea { width: 456px; height: 200px; }

#commenti-modulo { border: 1px solid #ccc; padding: 10px; position: relative; padding-top: 16px; margin-top: 20px; }
#commenti-modulo h3 { margin: 0; margin-bottom: 5px; font-size: 10pt; position: absolute; top: -10px; background: white; padding: 0 10px; }

#commento-logged h4 { font-size: 10pt; font-weight: normal; font-style: italic; margin: 0; margin-top: 10px; }
.commento-utente { width: 225px; float: left; }
#commenti .commento-utente p { margin: 5px 0; }
#commenti p.memo { font-size: 8pt; }
.commento-utente label { display: inline-block; width: 70px; }
.commento-utente input.text { width: 145px; }
.commento-utente h4 { font-size: 9pt; margin: 0; margin-top: 10px;  }

#commento-login { margin-right: 10px; border-right: 1px solid #666; padding-right: 10px; }
#commento-regole { font-size: 8pt; margin: 5px 0; }

.openable .openable-content { display: none; }

.commento { margin: 10px 0; padding-bottom: 10px; border-bottom: 1px solid #ccc; }
#commenti .commento p { font-size: 9pt; color: #666; line-height: 130%; }
#commenti .commento p.data { font-size: 10pt; color: black; margin-bottom: 5px; }
#commenti .commento p span.cite { font-style: italic; display: block; margin: 4px 8px; color: #999; }

.colorscheme-black #right { background: none repeat scroll 0 0 #333333; }
.colorscheme-black #right .art-gallery { color: #999999; }