* { margin: 0; padding: 0; }
.clear { clear: both; text-size: 1px; line-height: 1px; }
a { color: #102430; 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; }
.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; }

body { background: #8e478a; text-align: center; font-family: "Arial",sans-serif; font-size: 10pt; color: #666; }

#content { background: transparent url(../img/layout/bg-content.jpg) 50% top repeat-y; }
#content-top { background: transparent url(../img/layout/bg-content-top-2.jpg) 50% top no-repeat; }
#content-bottom { background: transparent url(../img/layout/bg-content-bottom.jpg) 50% bottom no-repeat; }

#header { width: 950px; height: 180px; margin: 0 auto; text-align: left; position: relative; }
#wrapper { width: 910px; margin: 15px 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; }
#footer a { color: #999; } #footer a:hover { color: #102430; }

#menu { list-style: none; display: block; background: #f8f8f8 url(../img/icone/manette.gif) bottom right no-repeat; border: 1px solid #999; padding: 0; }
#menu li a { display: block; color: #666; text-decoration: none; line-height: 30px; }
#menu li a:hover { color: #8e478a; }
#menu li a .hover { position: absolute; width: 300px; height: 30px; background: transparent; }
#menu li a:hover .hover { background: #8e478a; opacity: 0.3; filter: alpha(opacity = 30); }

#menu li { list-style: none; display: block; font: normal 10pt "Georgia",serif; padding: 0 10px; border-bottom: 1px solid #ccc; border-top: 1px solid white; 
	background: url(../img/icone/menu.gif) left 50% no-repeat; 
	padding-left: 30px; position: relative; 
}
#menu li#menu-0 { background-image: url(../img/icone/menu-0.gif); }
#menu li#menu-1 { background-image: url(../img/icone/menu-1.gif); }
#menu li#menu-2 { background-image: url(../img/icone/menu-2.gif); }
#menu li#menu-3 { background-image: url(../img/icone/menu-3.gif); }
#menu li#menu-4 { background-image: url(../img/icone/menu-4.gif); }
#menu li#menu-5 { background-image: url(../img/icone/menu-5.gif); }
#menu li#menu-6 { background-image: url(../img/icone/menu-6.gif); }
#menu li#menu-7 { background-image: url(../img/icone/menu-7.gif); }
#menu li#menu-8 { background-image: url(../img/icone/menu-8.gif); }

#homelink { position: absolute; top: 40px; left: 20px; width: 260px; height: 100px; text-indent: -100px; overflow: hidden; }

.padder { padding: 20px; }

#main { width: 600px; float: left; }
#main h1 { font-family: "BookAntiqua","Palatino",serif; letter-spacing: -1; font-size: 24pt; 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; }


#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: #102430; 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 #7A93AA; margin-bottom: 10px; background: #f8f8fA; }
.box-box h3 { color: #102430; background: url(../img/common/boxtitle.jpg); padding: 3px; padding-left: 10px; font-family: "Courier"; font-weight: normal; letter-spacing: -1px;  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 #102430; padding: 2px;  }
.frame { position: absolute; top: 2px; left: 2px; display: none; }
.frame div { display: none; }
.frame a img { border: none; }
.frame a { color: white; text-decoration: none; }
.frame .title-background { position: absolute; bottom: 3px; left: 0; width: 500px; height: 45px; background: #102430; opacity: 0.7; filter: alpha(opacity = 75); border-top: 1px solid white; }
.frame .title { position: absolute; bottom: 10px; left: 10px; width: 480px; height: 20px; color: white; 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 #102430; height: 72px;  }
.frame-thumb img { width: 70px; height: 70px; border: none; padding: 1px; background: #102430; }
.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; }

/* CLIPPERS */

div.download { margin: 10px 30px; border: 1px inset #ccc; background-color: white; padding: 6px; }
div.download-button { float: right; margin: 8px; }
div.download-button a img { border: none; background-color: #999; }
div.download-button a:hover img { background-color: #090; }
div.download-icon { float: left; margin-right: 10px; }
div.download-icon img { border: none; }
div.download h4 { margin: 0; margin-bottom: 4px; }
div.download div.download-dati p { margin: 0; color: #333; font: normal 12px "Arial",sans-serif; }
div.download div.download-dati p.download-tecnici { color: #999; font-size: 11px; margin-top: 3px; }
table tr td { border: 1px solid black; }
table tr th { background: #eee; }
span.label { font: normal 10px Arial; color: #ccc; }
