* { margin: 0; padding: 0; }
.clear { clear: both; text-size: 1px; line-height: 1px; }
a { color: #4c2a18; text-decoration: underline; }
a[target] { padding-left: 12px; background: url(../img/common/target.gif) left 50% no-repeat; }
a:hover { color: #c00; }
h2 { margin-top: 15px; margin-bottom: 5px; }
img.tbd-LEFT { float: left; margin: 0 10px 5px 0; }
img.tbd-RIGHT { float: right; margin: 0 0 5px 10px; }
img.tbd-CENTER { margin: 10px auto; }

body { background: #4c2a18 url(../img/common/sfondo.jpg) 50% top no-repeat; text-align: center; font-family: "Book Antiqua","Palatino",serif; font-size: 11pt; color: #333; }

#content { background: transparent url(../img/common/sfondo-body.jpg) 50% top repeat-y; }
#content-top { background: transparent url(../img/common/sfondo.jpg) 50% top no-repeat;}
#content-bottom { background: transparent url(../img/common/sfondo_bottom.jpg) 50% bottom no-repeat; }

#header { width: 950px; height: 250px; margin: 0 auto; text-align: left; position: relative; }
#wrapper { width: 950px; margin: 0 auto; text-align: left; position: relative; }
#footer { width: 950px; height: 60px; margin: 0 auto; padding-top: 20px;  text-align: center; position: relative; font-size: 8pt; color: #999; margin-top: 30px; }
#footer a { color: #999; } #footer a:hover { color: #102430; }

#menu { list-style: none; display: block; position: absolute; top: 100px; right: 10px; }
#menu li { list-style: none; display: inline; font: normal 10pt "Arial",sans-serif; padding: 0 10px; border-right: 1px solid white; }
#menu li a { color: white; text-decoration: none; }
#menu li a:hover { color: white; text-decoration: underline; }

#homelink { position: absolute; top: 100px; left: 20px; width: 200px; height: 50px; text-indent: -990px;}

.padder { padding: 20px; }

#main { width: 650px; float: left; }
#main h1 { font-family: "Book Antiqua","Palatino",serif; letter-spacing: -1; margin-bottom: 20px; font-weight: normal; }
#main p { line-height: 150%; }

#right { width: 300px; float: left; margin-top: 55px; }
#right .padder { padding: 10px 25px 10px 25px; }

.immagine-LEFT { float: left; margin: 0 15px 10px 0; }
.immagine-CENTER { text-align: center; margin: 10px 0; }
.immagine-RIGHT { float: right; margin: 0 0 10px 15px; }

.imagenvelope { position: relative; }
.imagenvelope .zoom { position: absolute; right: 10px; bottom: 10px; }
.imagenvelope .zoom img { border: 1px solid transparent; }
.imagenvelope .zoom:hover img { border-color: white; background: black; }

#main .immagine-LEFT, #main .immagine-RIGHT, #main .immagine-CENTER { border: 1px solid #dc9; padding: 2px; }
.dida { font: normal 9pt "Arial"; color: #666; }

#pagina h2 { margin-top: 25px; }
#pagina h3 { margin-top: 20px; margin-bottom: 5px; }

.box-foto { }

.box-quicklink { border: 1px solid #c2aa8f; background: url(../img/common/boxbg.jpg); margin-bottom: 10px; }
.box-quicklink h3 { color: #4c2a18; padding: 3px; padding-left: 10px; font-style: italic; }
.box-quicklink a { padding-left: 12px; background: url(../img/common/dot.gif) left 50% no-repeat; text-decoration: none; }
.box-quicklink .box-body { padding: 10px; }

.box-strillo { margin-bottom: 10px; background: url(../img/box/quote-open.gif) top left no-repeat; }
.box-strillo .strillo-body { background: url(../img/box/quote-close.gif) bottom right no-repeat; 
	padding: 8px 0 4px 0;
	font-family: "Book Antiqua","Palatino",serif; letter-spacing: -1; margin-bottom: 14px; font-weight: normal; text-indent: 30px; 
}


.box-box { border: 1px solid #c2aa8f; margin-bottom: 10px; }
.box-box h3 { color: #4c2a18; background: url(../img/common/boxtitle.jpg); padding: 3px; padding-left: 10px; font-style: italic; margin-bottom: 0px; }
.box-box a { padding-left: 12px; background: url(../img/common/dot.gif) left 50% no-repeat; text-decoration: none; }
.box-box .box-body { padding: 10px; }

.news-elemento { clear: both; }
.news-elemento .thumb { float: left; margin-right: 15px; }
.news-elemento h2 a { text-decoration: none; }

p.sommario { margin: 20px 0; font-size: 12pt; font-style: italic; }
p.sommario i { font-style: normal; }

/* SHOW REEL */

#show { position: relative; width: 500px; height: 300px; margin-top: 0px; border: 1px solid #4c2a18; padding: 2px;  }
.frame { position: absolute; top: 2px; left: 2px; display: none; }
.frame div { display: none; }
.frame a img { border: none; }
.frame a { color: #4c2a18; text-decoration: none; }
.frame .title-background { position: absolute; bottom: 5px; left: 0; width: 500px; height: 45px; background: url(../img/common/boxtitle.jpg); opacity: 0.7; filter: alpha(opacity = 75); border-top: 1px solid #4c2a18; }
.frame .title { position: absolute; bottom: 10px; left: 10px; width: 480px; height: 20px; color: #4c2a18; margin: 0; padding: 10px; font: normal 14pt "Arial",sans-serif; overflow: hidden; }

#frame-1 { display: block; }
#frame-1 div { display: block; }

.frame-thumb { position: absolute; left: 510px; top: 0; border: 1px solid #4c2a18; height: 72px;  }
.frame-thumb img { width: 70px; height: 70px; border: none; padding: 1px; background: #4c2a18; }
.frame-thumb .thumb-unselected { opacity: 0.4; filter: alpha(opacity = 40); background: white; }
.frame-thumb a:hover .thumb-unselected { opacity: 1; filter: alpha(opacity = 100); }
.frame-thumb .thumb-selected { opacity: 1; filter: alpha(opacity = 100); }
#thumb-1 { top: -1px; }
#thumb-2 { top: 76px; }
#thumb-3 { top: 153px; }
#thumb-4 { top: 231px; }

/* COMMENTI */

#commenti { clear: both; padding: 0px; font-size: 10pt; padding-top: 20px; }
#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 {  }
#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: 200px; }
.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; }