html, body { height:100%; margin:0; padding:0; }
body { margin:0; padding:0; background:#000 url(bg.jpg); color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:62.5%; line-height:150%; position:relative; }
#container { position:absolute; width:960px; height:470px; top:50%; left:50%; margin-left:-475px; margin-top:-235px; background:#1a1a1a url(bg-container.jpg); }

/* sidebar */
#sidebar { width:250px; float:left;}
h1#logo { background:transparent url(logo.jpg) no-repeat scroll 0 0; width:250px; height:140px; float:left; text-indent:-9999px; }
h1#logo a { display:block; width:250px; height:140px;}


ul#navigation { width:250px; margin:0 auto; text-align:right; border-top:1px solid #1a1a1a; float:left; }
ul#navigation li { line-height:2.6em; font-size:1.1em; width:250px; float:left; border-bottom:1px solid #1a1a1a; position:relative;  }
ul#navigation a { color:#CCCCCC; background-image:url(bullet-navigation.gif); background-repeat:no-repeat; background-position:left center; padding-right:70px; display:block; height:2.6em; position:relative; z-index:4; }
ul#navigation a:hover { color:#FFFFFF; background-color:#1a1a1a; background-position:-250px center; }
ul#navigation a.selected { color:#FFFFFF; background-color:#1a1a1a; background-position:-500px center; }
ul#navigation span { position: absolute; top:0; left:0; z-index:3; width:250px; color:#FFFFFF; background-color:#1a1a1a; background-image:url(bullet-navigation.gif); background-repeat:no-repeat; background-position:-250px center; display:block; height:2.5em;} 

/* content */
#content-scroller { width:710px; float:left; position:relative; height:470px; }
#content { position: absolute; top:15px; left:20px; height:440px; overflow:hidden; width:650px;  }
#track { position:absolute; right:0; top:25px; width:20px; height:420px; background:#141414; }
#handle { position: absolute; left:0; top:0; width:19px; border:1px solid #141414; border-right:none; background:#1a1a1a url(scrollbar-handle.gif) no-repeat center; }
#button-up { position: absolute; top:0; right:0; width:20px; height:20px; background:#141414 url(scrollbar-button.gif) no-repeat center top; }
#button-down { position:absolute; bottom:0; right:0; width:20px; height:20px; background: #141414 url(scrollbar-button.gif) no-repeat center bottom; }
#loading { margin-left:20px; padding:30px 0 30px 30px; background:url(loading.gif) no-repeat left center; }

/* contatti - newsletter */
.wrapper { width:550px; margin:15px auto 10px auto; background:#141414; padding:0 10px 10px 10px; border-left:1px solid #333333; }
.side-left { width:270px; float:left; }
.side-right { width:270px; float:right; }

#box { margin:25px 0; padding:0;}
#box form { width:600px;   }
form fieldset div { padding: 0 0 1em 0; float: left; display: inline; width:300px; }
label { padding-right: 10px; width: 100px; display: block; float: left; text-align: right; }
fieldset { border:none; padding:0; margin:0; }
legend { margin:0; padding:0 0 10px 15px; color:#C9A0DC; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:1.4em; }
input, textarea { border-width:0 0 0 1px; border-style:solid; border-color:#333333; padding:2px; font-size:1em; font-family:Arial, Helvetica, sans-serif; width:170px; background:#141414; color:#FFFFFF; }
textarea { overflow:auto; width:470px; }
form div.textarea { clear:both; width:600px; float:left; }
.button { margin:0 0 0 140px; clear: both; }
.button input { font-size:1.1em; border:0; padding:0; height:auto; float:left; width:auto; background:none; cursor:pointer; color:#EF007C;}
.button p { margin:0; padding-right:40px; float:right;  }
form img { float:left;}
.hoverfocus { border-left:1px solid #EF007C;}
#response { border-left:1px solid #EF007C; background-color:#141414; margin:10px auto; width:375px; padding:10px; text-align:left; }

/* notizie */
div.box { width:650px; margin:10px auto 15px auto;  position:relative;}
div.box-content { float:right; width:560px; background:#141414; padding:15px; border-left:1px solid #333333;} 
div.box-text { float:left; width:395px; }
div.box-img { float:right; width:150px; height:100px; background:#1A1A1A;  }
div.box-img a { display:block; float:right; width:150px; height:100px; line-height:100px; overflow:hidden; position:relative; z-index:1; }
div.box-img a img { float:left; position:absolute; top:-10px; left:-5px; } 
div.box-img a:hover{ overflow:visible; z-index:69; } 
div.box-img a:hover img { border:1px solid #EF007C; } 
p.datetime { float:left; text-align:right; color:#333333; padding-top:15px;  font-weight:bold; width:45px; }
.datetime .day, .datetime .month, .datetime .year {	display: block; padding:0; }
.datetime .day { font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:2.2em; }
.datetime .month { text-transform:uppercase; font-size:1.1em; }
.datetime .year { font-size:0.9em; line-height:110%;  }
div.box h4 { padding:0 5px 4px 5px; margin:0 0 12px 0; border-bottom:1px solid #333333; text-align:left; }

#pagination { clear:both; padding-top:20px; }
#pagination p { text-align:center; color:#666666; }

/* articolo - collezioni*/

.immagini { margin:10px auto 0 auto; width:610px;  background:#141414; padding:5px; }
.immagini li { float:left; margin:1px; }
.immagini a {  display:block; float:left; width:150px; height:100px; line-height:100px; overflow:hidden; position:relative; z-index:1; }

.immagini a img { float:left; position:absolute; top:-10px; left:-5px; } 
.immagini a:hover{ overflow:visible; z-index:69; } 
.immagini a:hover img { border:1px solid #EF007C; } 

#back { text-align:center; margin-top:10px;}

.subcat { width:300px; margin:10px 10px 15px 10px; background:#141414; position:relative; float:left; }

a.preview { display:block; float:left ; width:150px; height:100px; line-height:100px; overflow:hidden; position:relative; z-index:1; margin:10px; }
a.preview img { float:left; position:absolute; top:-10px; left:-5px; }

a.preview:hover{ overflow:visible; z-index:69; } 
a.preview:hover img { border:1px solid #EF007C; }

a.caption { line-height:100px;}

div.box-img a img { float:left; position:absolute; top:-10px; left:-5px; } 
/* common */
h1, h2, h3, h4 { font-weight:normal; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; margin:0; padding:0; text-align:left; }
ul, li { margin:0; padding:0; list-style-type:none; }
p { margin:0; padding:0 0 2px 0; text-align:left; }
a { text-decoration:none; color:#FF5DB1; }
a:hover { color:#FFFFFF; }

ul.list { margin:0; padding:0; list-style-type:none; text-align:left;}
ul.list li { margin:0; padding-left:15px; background:transparent url(bullet.gif) no-repeat left 3px; }
ul.list li p { font-size:0.85em; text-align:justify;} 
ul.list em { font-size:1.1em; color:#2C539E; font-style:normal;}

img { border:0; background:url(../loader.gif) no-repeat center; }
hr { clear:both; height:0; line-height:0; margin:0; border:0; padding:0; visibility:hidden; }
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.justify { text-align:justify; }
.small { font-size:0.9em;}
.bold { font-weight:bold;}
.italic { font-style:italic;}
.float-left { float:left; padding:10px 10px 10px 0; }
.float-right { float:right; padding:10px 0 10px 10px; }
.clear { clear:both; }

h2 { color:#FF5DB1; padding:0 0 10px 0; font-size:1.7em;}
h3 { color:#C9A0DC; padding:10px 0; font-size:1.6em}
h4 { color:#C9A0DC; padding:10px 0; font-size:1.4em;}

/* DHONISHOW*/
#dhonis, #dhonis-2 { margin:5px auto 15px auto; overflow:hidden; position:relative; width:649px; z-index:0; border-bottom:1px solid #333333; }
#dhonis .middle, #dhonis-2 .middle { margin:0 2px; }

.dhonishow { overflow:hidden; float:left; width:215px; font-family: Verdana, Arial, Helvetica, sans-serif; }       
.dhonishow * { padding:0; margin:0; border:none; list-style:none; }                  
.dhonishow-image { overflow:hidden; width:215px; height:345px; text-align:left; position:relative; background:#141414; } 
#dhonis-2 .dhonishow-image { height:250px; } 
.dhonishow-image li { position:absolute; left:0; top:0; margin:0; padding:0; }
.dhonishow-navi { overflow:hidden; width:215px; padding:5px; border-top:1px solid #333333; background:#141414;}                 
.dhonishow-picture-alt { text-align:left; float:left; font-size:0.9em; }          
.dhonishow-navi .dhonishow-next-picture, .dhonishow-navi .dhonishow-previous-picture { text-indent:-999px; width:15px; height:15px; float:right; margin:0 15px 0 0; cursor:pointer; }                                    
.dhonishow-navi .dhonishow-next-picture { background:url(next-previous.gif) no-repeat 0 0; }
.dhonishow-previous-picture { background:url(next-previous.gif) no-repeat 0 -15px; }
.dhonishow-next-picture:hover { background: url(next-previous.gif) no-repeat -15px 0; }
.dhonishow-previous-picture:hover { background: url(next-previous.gif) no-repeat -15px -15px;	}
.dhonishow-navi .paging { float:right; font-size:0.9em; margin:0 10px; }

/* MP3 player */
#player { position: absolute; top:5px; left:5px; }

#sound_track { border:none; color:#FFFFFF; background:#000000; margin:5px 0; font-size:1em; }

/* shadowbox */
#shadowbox_overlay { visibility:hidden; position:absolute; display:block; margin:0; padding:0; top:0; left:0; z-index:998; }
#shadowbox_container { position:fixed; height:0px; width:100%; margin:0; padding:0; top:0; left:0; z-index:999; text-align:center; }
#shadowbox { display:none; visibility:hidden; margin:0 auto; position:relative; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; }

#shadowbox_title { height:25px; padding:0; overflow:hidden; }
#shadowbox_title_inner { height:16px; font-size:11px; line-height:16px; white-space:nowrap; padding:5px 0 5px 8px; color:#fff; }

#shadowbox_body { position:relative; overflow:hidden; margin:0; padding:0; border:1px solid #EF007C; background-color:#1A1A1A; }
#shadowbox_body_inner { position:relative; overflow:hidden; }
#shadowbox_loading { position: absolute; top:0; left:0; height:10000px; width:100%; background-color:#222; }
#shadowbox_loading img { float:left; margin:10px 10px 0 10px; }
#shadowbox_loading span { float:left; margin-top:16px; font-size:11px; }
#shadowbox_loading span a, #shadowbox_loading span a:link, #shadowbox_loading span a:visited { color:#fff; }
#shadowbox_content.html { height:100%; width:100%; overflow:auto; }

#shadowbox_toolbar { margin:0; padding:0; height:30px; overflow:hidden; }
#shadowbox_toolbar_inner { height:30px; color:#fff; }
#shadowbox_toolbar_inner div { padding-top:5px; padding-bottom:2px; font-size:11px; height:15px; line-height:15px; }
#shadowbox_toolbar_inner div a { text-decoration:none; color:#fff; }
#shadowbox_nav_close, #shadowbox_nav_previous, #shadowbox_nav_next { float:right; padding-right:10px; cursor:pointer; } 
#shadowbox_counter { float:left; padding-left:10px; }
#shadowbox_counter a { padding:0 4px 0 0; }
#shadowbox_counter a.shadowbox_counter_current { text-decoration:underline; font-weight:bold; }
div.shadowbox_message { text-align:center; padding:10px; }
div.shadowbox_message a:link, div.shadowbox_message a:visited { text-decoration:none; color:#bed333; }
div.shadowbox_message a:hover, div.shadowbox_message a:focus { text-decoration:underline; }