/* 
	colors palette 
	dark black		#0b0b0b
	red light 		#b81f24
	red light 		#b81f24
	red strong 		#b81f24
	grey light		#9f9f9f
	grey strong 	#323232
	white 			#ffffff

*/


/* ..... GENERAL */
html, body, div, span, p, a, em, img, strong, fieldset, form, label, legend { margin:0; padding:0; border:0; outline:0; font-size:100%; }
body { background:#0b0b0b url(bg-body.jpg) repeat-x; color:#9f9f9f; font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:150%; text-align:center; }

h1, h2, h3, h4, h5, h6 { font-weight:normal; margin:0; padding:0; text-align:left; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; }
h2 { font-size:28px; margin:15px 0 5px 0; }
h3 { font-size:20px; margin:15px 0 5px 0; }
h4 { font-size:26px; margin:10px 0 4px 0; color:#9f9f9f; }
h5 { font-size:24px; margin:10px 0 4px 0; }
h6 { font-size:20px; margin:10px 0 4px 0; }

ol, ul, li { list-style-type:none; margin:0; padding:0;}
p { margin:0 0 5px 0; }
a:link, a:visited  { text-decoration:none; color:#d00015; }
a:hover, a:focus, a:active { color:#FFFFFF; }
strong { color:#FFFFFF; }
ul.list, .testo ul { margin:0 0 10px 0; padding:0; list-style-type:none; text-align:left;}
ul.list li, .testo li { margin:0; padding:0 0 5px 15px; background:url(bullet-red.gif) no-repeat left 3px; }



/* ..... HEADER */
#header { width:960px; height:110px; float:left; display:inline; margin:0; padding:0; }
h1#logo { width:300px; height:110px; float:left; background:url(logo.png) no-repeat !important; background:url(logo.gif) no-repeat; text-indent:-9999px; }
h2#subtitle { height:30px; float:right; margin:75px 15px 0 0; padding:0; font-size:28px; }


/* ..... NAVIGATION */
#navigation { width:960px; float:left; margin:0; padding:0; background:#000000 url(bg-navigation.png) no-repeat; }
#navigation ul { margin:0; padding:0; }
#navigation ul li { display:inline; padding:0 15px; }
#navigation a { display:inline; height:40px; line-height:40px; font-size:13px }

#navigation a:link, #navigation a:visited  { color:#CCCCCC; }
#navigation a:hover, #navigation a:focus, #navigation a:active { color:#d00015; }


/* ..... FOOTER */
#footer { width:960px; float:left; margin:20px 0; background:url(bg-footer.jpg) repeat-x; height:75px; }
#footer p { color:#0b0b0b; }
#footer-left { float:left; display:inline; width:380px; margin-left:15px; text-align:left; line-height:75px; }
#footer-right { float:right; display:inline; width:540px; text-align:right; margin-right:15px; line-height:75px; }
#footer-right ul li { display:inline; padding:0 0 0 15px; }
#footer a:link, #footer a:visited  { text-decoration:none; color:#0b0b0b; }
#footer a:hover, #footer a:focus, #footer a:active { color:#323232;}
#credits { float:left; display:inline; text-align:right; width:920px; margin:0 20px; font-size:10px; text-transform:uppercase; color:#323232; }


/* ..... CONTENT */
#container { width:960px; margin:0 auto; }
#content-wrapper { width:960px; float:left; margin-top:20px; padding-bottom:25px; background:url(opaque.png) !important; background:url(opaque.gif); }
.content-full { width:920px; float:left; display:inline; margin:0 20px; }
#content { width:690px; float:left; display:inline; margin:0 10px 20px 20px; }

.box-2-wrapper { border-width:1px 0 0 0; border-color:#9f9f9f; border-style:dotted; padding:15px 0; margin:20px 0 0 0; float:left; display:inline; }
.box-2-wrapper h3 { margin-top:0; }

.box-2 { width:440px; float:left; display:inline; margin:0 20px; } 
.box-3 { width:280px; float:left; display:inline; margin:0 20px 20px 20px; } 
.box-4 { width:220px; float:left; display:inline; margin:0 10px 20px 10px; }

.box-4 h3 { margin:0 10px 10px 10px; } 

.box-4 p { margin:5px 10px; text-align:left; } 

.collezioni { width:200px; float:left; display:inline; margin:0 20px 20px 20px; background:url(opaque.png ) !important; background:url(opaque-black.gif); height:150px; position:relative; overflow:hidden;  }
.collezioni div {  position:absolute; top:25px; left:10px; width:180px; z-index:1;}
.collezioni img { position:absolute; top:0; left:0; z-index:2;}
.collezioni p { text-align:right; line-height:100px; }


/* ...... SIDEBAR */
#sidebar { width:220px; float:right; display:inline; margin:25px 0 20px 0; background:url(opaque.png ) !important; background:url(opaque-black.gif); } 
ul.side-nav { width:100%; float:left; border-top:1px dotted #323232; margin:50px 0; text-align:left; }
ul.side-nav li { padding:0; border-bottom:1px dotted #323232; float:left; width:100%; }
ul.side-nav a:link, ul.side-nav a:visited { display:block; padding:10px 5px 10px 40px; background:url(bullet-black.gif) no-repeat 15px 50%; color:#CCCCCC; }
ul.side-nav a:hover, ul.side-nav a:focus, ul.side-nav a:active { background:url(bullet-red.gif) no-repeat 15px 50%; color:#FFFFFF; }


/* .......... NOTIZIE - ARTICOLO */
.articolo {  margin:0 0 20px 0; float:left; }
.testo-articolo, .foto-articolo { display:inline; float:left; text-align:left; }
.testo-articolo { width:450px; margin:0 10px 0 0; } 
.foto-articolo { width:220px; margin:0 0 5px 10px; }
.footer-articolo { text-align:right; margin-top:5px; font-size:11px; clear:left; border-top:1px dotted #9f9f9f; }
.footer-articolo p { padding:5px 10px; margin-bottom:0; }

.nav-bar-articolo { text-align:right; border-bottom:1px dotted #9f9f9f; margin-bottom:15px; }
.nav-bar-articolo p { font-size:11px; }

.read { background:url(detail.gif) no-repeat; padding-left:20px; margin-left:15px; }
.gallery { background:url(gallery.gif) no-repeat; padding-left:20px; margin-left:15px; }
.video { background:url(video.gif) no-repeat; padding-left:20px; margin-left:15px; }

.pagination { clear:both; padding-top:10px; text-align:center; }

.testo { text-align:left; }

#gallery { border-top:1px dotted #9f9f9f; padding:20px 0; margin-top:20px; float:left; width:100%;}
#gallery div { width:200px; float:left; display:inline; margin:0 20px 20px 20px; } 


/* ..... PROTOFADE */
#protofade { position:relative; width:940px; height:300px; margin:10px auto; padding:0; overflow:hidden; }
#protofade div { position:absolute; top:0; left:0; margin:0; padding:0; background:none;}


/* ..... CAROUSEL */
#carousel-wrapper { width:690px; margin:10px 0; background:url(opaque.png) !important; background:url(opaque.gif); float:left;border-width:1px 0; border-color:#9f9f9f; border-style:dotted; position:relative; }
#carousel { width:660px; height:150px; margin:10px auto; overflow:hidden; }
#carousel-inner { width:2500px; }
#carousel img { float:left; display:inline; padding:0 10px; }
#carousel-wrapper a.next, #carousel-wrapper a.prev { position:absolute; top:10px; width:15px; height:150px; font-size:24px; line-height:150px; }
#carousel-wrapper a.prev { left:0; text-align:right; }
#carousel-wrapper a.next { right:0; text-align:left; }


/* ..... MISSION */
#blockquote { margin-top:20px; border-width:1px 0 0 0; border-color:#9f9f9f; border-style:dotted; }
#blockquote-inner { padding:15px 20px 0 20px;}
p.blockquote { font-weight:bold; line-height:24px; font-size:12px; color:#FFFFFF; text-align:center; margin:0; padding:0; }
p.blockquote img { vertical-align:middle; padding: 0 10px;}
p.blockquote strong {  font-size:24px; color:#9f9f9f; }
#blockquote em { color:#9f9f9f; }


/* ..... TRATTAMENTI +  LISTINO */
table.listino { width:920px; margin:5px auto 35px auto; border-collapse:collapse; }
table.listino tr.zebra { background:url(opaque.png) !important; background:url(opaque.gif); }
table.listino td, table.listino th { padding:5px 10px; font-weight:normal; text-align:left; border-bottom: 1px dotted #9f9f9f; }
table.listino th { text-transform:uppercase; font-size:12px; color:#9f9f9f; }
table.listino th.prezzo { text-align:right; }  
table.listino td.prezzo { font-weight:bold; text-align:right; color:#FFFFFF; white-space:nowrap; }  

/* ..... SALONI */
div.large-list { border-top: 1px dotted #9f9f9f; float:left; width:100%; color:#9f9f9f; padding:10px 0; }
div.large-list.last { border-bottom: 1px dotted #9f9f9f; }
div.large-list a:link, div.large-list a:visited  { color:#CCCCCC; }
div.large-list a:hover, div.large-list a:focus, div.large-list a:active { color:#d00015; }
div.large-list em { color:#d00015; font-style:normal; }
div.large-list div.fleft { float:left; display:inline; width:50%; clear:left; text-align:left; background:url(opaque.png ) !important; background:url(opaque-black.gif); }
div.large-list div.fright { float:right; display:inline; width:50%; text-align:right; }
div.fleft p { margin:5px 10px; }
div.fright p { padding:5px 0; font-size:10px; text-transform:uppercase; }
div.fright img { vertical-align:middle; padding-left:5px; }

#staff { margin-top:15px; padding-top:10px; border-top:1px dotted #9f9f9f; width:690px; float:left; }
div.staff { position:relative; width:200px; height:150px; float:left; display:inline; margin:15px; background:url(opaque.png ) !important; background:url(opaque-black.gif); }
div.staff a:link, div.staff a:visited  { color:#FFFFFF; }
div.staff a:hover, div.staff a:focus, div.staff a:active { color:#CCCCCC; }

div.staff img { position:absolute; z-index:2; top:20px; left:25px; } 
div.staff span { position:absolute; z-index:3; left:0; bottom:0; width:200px; height:30px; line-height:30px; text-align:center; cursor:pointer; }



/* .......... APPUNTAMENTI, NEWSLETTER, JOB */
#form { width:680px; margin:20px 0; }
#form div { padding:10px 0; float:left; display:inline; width:340px; border-top:1px dotted #9f9f9f;}
#form label { padding-right:10px; width:100px; display: block; float:left; text-align:right; }
#form legend { font-size:20px; color:#ffffff; margin:0; padding-bottom:5px; width:100%; }
#form input, #form select, #form textarea { border:1px solid #CCCCCC; padding:2px; width:200px; background:#9f9f9f; font-size:12px; font-family: Arial, Helvetica, sans-serif; }
#form select { width:540px; }
#form textarea { overflow:auto; width:540px; }
#form div.textarea { clear:both; width:680px; float:left; }
#form div.textarea input { width:680px;}
#form div.button {clear:both; width:680px; float:left; padding-top:10px; margin-bottom:40px; }
#form .button input { font-size:12px; margin-left:35px; padding:4px 0; height:auto; float:left; width:65px; cursor:pointer; color:#d00015; }
.button p { margin:0; padding-right:15px; float:right;  }
input#privacy_Req { width:auto; float:left; display:inline; margin-left:15px; padding:0; background:none; border:none; }
#form input.hoverfocus, #form select.hoverfocus, #form textarea.hoverfocus { border:1px solid #d00015;}

#error { border-top:1px dotted #9f9f9f; border-bottom:1px dotted #9f9f9f; margin:20px auto 0 auto; padding:5px 0; text-align:left; }
#error li { margin:0; padding:0 0 5px 15px; background:url(bullet-red.gif) no-repeat left 3px; }



/* ..... CLEAR RULES*/
html body div.clear, html body span.clear { background:none; border:0; clear:both; display:block; float:none; font-size:0; margin:0; padding:0; overflow:hidden; visibility:hidden; width:0; height:0; }



/* ..... COMMON RULES */
h2.title { margin:25px; font-size: 30px; }
div#content h2.title { margin-left:0;}
div.box-3 h3 { margin-top:0; }
h2.section { margin-left:25px; margin-bottom:0; font-size:28px; }
.articolo h3, .box-4 h3 { margin-top:0; }
h3 a:link, h3 a:visited { color:#ffffff; display:block; }
h3 a:hover, h3 a:focus, h3 a:active { color:#d00015;}



.small { font-size:11px; }
.italic { font-style:italic; }
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.justify { text-align:justify;}
.hidden { display: none; }
.img-left { float:left; margin-right:10px; }
.img-right { float:right; margin-left:10px; }
.last { margin-right:0; }
.first { margin-top:10px; }



/* ..... 960 MEMO */
.grid_1 { width:60px; }
.grid_2 { width:140px; }
.grid_3 { width:220px; }
.grid_4 { width:300px; }
.grid_5 { width:380px; }
.grid_6 { width:460px; }
.grid_7 { width:540px; }
.grid_8 { width:620px; }
.grid_9  { width:700px; }
.grid_10 { width:780px; }
.grid_11 { width:860px; }
.grid_12 { width:940px; }
#sb-container, #sb-wrapper { text-align:left; }
#sb-container, #sb-overlay { position:absolute; top:0; left:0; width:100%; margin: 0;
  padding: 0;
}
#sb-container {
  height: 100%;
  display: none;
  visibility: hidden;
  z-index: 999;
}
body > #sb-container {
  /* use position:fixed in modern browsers */
  position: fixed;
}
#sb-overlay {
  /* needed in IE6 where sb-container uses position:absolute */
  height: expression(document.documentElement.clientHeight + 'px');
}
#sb-container > #sb-overlay {
  /* use for sb-container position:fixed */
  height: 100%;
}


#sb-wrapper {
  position: relative;
}
#sb-wrapper img {
  border: none;
}


#sb-body {
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #303030;
}
#sb-body-inner {
  position: relative;
  height: 100%;
}
#sb-content.html {
  height: 100%;
  overflow: auto; /* make html content scrollable */
}

#sb-loading {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 10px;
  background:transparent url(shadowbox/loading.gif) no-repeat scroll 50% 50%;
}
#sb-body, #sb-loading {
  background-color: #060606; /* should match loading image background color */
}


#sb-title, #sb-info {
  position: relative;
  margin: 0; /* these must have no vertical margin or padding */
  padding: 0;
  overflow: hidden;
}
#sb-title-inner, #sb-info-inner {
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 12px;
}
#sb-title, #sb-title-inner {
  height: 26px;
}
#sb-title-inner {
  font-size: 12px;
  padding: 5px 0;
  color: #fff;
}
#sb-info, #sb-info-inner {
  height: 20px;
}
#sb-info-inner {
  font-size: 12px;
  color: #fff;
}


#sb-nav {
  float: right;
  height: 16px;
  padding: 2px 0;
  width: 45%;
}
#sb-nav a {
  display: block;
  float: right;
  height: 16px;
  width: 16px;
  margin-left: 3px;
  cursor: pointer;
}
#sb-nav-close {
  background-image: url(shadowbox/close.png);
  background-repeat: no-repeat;
}
#sb-nav-close:hover{ background-image:url(shadowbox/close_hover.png); }
#sb-nav-next {
  background-image: url(shadowbox/next.png);
  background-repeat: no-repeat;
}
#sb-nav-next:hover{ background-image:url(shadowbox/next_hover.png); }
#sb-nav-previous {
  background-image: url(shadowbox/previous.png);
  background-repeat: no-repeat;
}
#sb-nav-previous:hover{background-image:url(shadowbox/previous_hover.png);}
#sb-nav-play {
  background-image: url(shadowbox/play.png);
  background-repeat: no-repeat;
}
#sb-nav-play:hover{ background-image:url(shadowbox/play_hover.png); }
#sb-nav-pause {
  background-image: url(shadowbox/pause.png);
  background-repeat: no-repeat;
}
#sb-nav-pause{ background-image:url(shadowbox/pause_hover.png); }

#sb-counter {
  float: left;
  padding: 2px 0;
  width: 45%;
}
#sb-counter a {
  padding: 0 4px 0 0;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
}
#sb-counter a.sb-counter-current {
  text-decoration: underline;
}


div.sb-message {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding: 10px;
  text-align: center;
}
div.sb-message a:link, div.sb-message a:visited {
  color: #fff;
  text-decoration: underline;
}