html, body {font: 12px Arial, Verdana, sans-serif; height: 100%; color: #fff; overflow: hidden}
body{ margin: 0; height: 100%; padding: 0; background-color: #000; line-height: 18px; }
h2, form {margin: 0; padding: 0}
a {color: #fff; outline: none}
a:active { outline: none }
img {border: 0}
label {padding-bottom: 4px}
:focus { -moz-outline-style: none }

.content-background {color: #fff; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-repeat: no-repeat; background-position: 0 0}
.content-background-gruppo {background-position: 100% 80%}
.content-background-overlay {width: 100%; height: 100%; position: absolute; background-color: #000; top: 0; left: 0; z-index: 2}
.content-background-gruppo #img-content-background {position: absolute; bottom: -40px; right: 0px}
.content {position: relative; margin-top: 90px; zoom: 1; top: 0; left: 0; height: 100%; text-align:center; width: 100%; z-index: 3; overflow: hidden; display: none}
.content-body-container {list-style: none; padding: 0; margin: 0}
.content-body {position: relative; display: block; z-index: 4; height: 100%; margin: 0; text-align: left; *padding-top: 90px}

.logo {position: absolute; left: 50%; top: 35%; width: 709px; margin: -75px 0 0 -246px}
.logo-right {position: absolute; top: 50%; right: 40px; width: 280px; height: 40px; margin-top: -20px; z-index: 97}
.language-selection {text-align: center; margin-top: 35px; width: 495px}
.language-selection .language {display: inline; margin: 0 20px; cursor: pointer; *cursor: hand}
.footer {z-index: 1; color: #dedede; font: 10px Verdana, Arial, sans-serif; margin: 20px 40px; width: 100%; position: absolute; bottom: 0}
.menu {height: 110px; z-index: 9}
.menu-bar {background-color: #000; width: 100%; height: 90px; top: 50%; position: absolute; margin-top: -45px;z-index: 8}
.page-text {padding: 40px 0 0 4px}
.show-hand {cursor: pointer; *cursor: hand}
.loading {width: 100%; position: absolute; top: 0; left: 0; height: 100%; z-index: 998}
.loading-message {width: 220px; height: 20px; z-index: 999;  font: 18px Arial, Verdana; font-weight: bold; top: 50%; left: 50%; padding: 20px; margin: -30px 0 0 -110px; position: absolute; background-color: #000; opacity:0;filter:alpha(opacity=0);}

#home-slogan-container {left: 0; top: 50%; margin-top: -210px; height: 50px; width: 590px; text-align: right; position: absolute}
#choose-country {margin-bottom: 20px}
.collezioni {text-align: center; width: 950px; left: 50%; position: relative; height: 100%; margin: -20px 0 0 -475px }
.collezioni-large-container {float: left; border: 3px solid #fff; width: 765px; overflow: hidden; display: block; height: 90%; background: #000 url(../img/collezioni-bg.gif) }
.collezioni-large {background-position: 50% 0; background-repeat: no-repeat; background-color: transparent}
.collezioni-season {text-align: left; left: 0; height: 14px; width: 300px; padding-bottom: 4px}
.collezioni-prev {text-align: right; float: left}
.collezioni-next {text-align: center; float: right}
.collezioni-description {position: absolute; bottom: 0; left: 0; width: 764px; height: 168px; vertical-align: middle; margin: 0 4px 40px 4px; *margin: 0 0 40px 0; text-align: center; background-color: #000; padding: 0}
.collezioni-description img {padding: 10px 0}
.collezioni-season img {cursor: pointer; *cursor: hand; margin-right: 10px}

.collezioni-selector {float: right; position: relative; width: 160px; list-style: none; margin: 0; padding: 0; height: 70%}
.collezioni-thumbnails {overflow: hidden; height: 395px}
.collezioni-thumbnails ul {list-style: none; height: 100%; width: 150px; margin: 0; padding: 0}
.collezioni-thumbnails ul li img {width: 150px; height: 64px}
.collezioni-thumbnails ul li {border: 3px solid #fff; background-color: #000; margin-bottom: 9px; width: 150px; height: 64px}
.collezioni-thumbnail {cursor: pointer; *cursor: hand}

#comunicazione-band {width: 300%; height: 175px; background-color: #fff; position: absolute; top: 160px; *top: 250px; left: -40px}
#comunicazione-covers {height: 175px; position: absolute; width: 444px; top: 160px; *top: 250px; left: 0; text-align: right}
#comunicazione-page {position: absolute; right: 40px; top: 20px; *top: 100px}
#comunicazione-navigation {height: 12px; clear: both; padding-top: 10px}
#img-comunicazione-back {float: left}
#img-comunicazione-forward {float: right}
.contatti-email {margin: 40px 0 0 0; height: 220px; height: padding: 0; width: 350px}
.contatti-email div {width: 175px; float: left; margin-bottom: 20px}
.contatti-email li h2 {font-size: 14px; font-weight: bold; margin: 0}
#text-contatti {padding-top: 0}

.menu-items { height: 17px; top: 50%; margin: -9px 0 0 40px; padding: 0; position: absolute; z-index: 10}
.menu-items li { margin: 0; padding: 0; list-style: none; height: 17px; float: left; top: 0; padding-right: 20px }
.menu-items a { height: 17px; width: 100%; display: block }

#lavora-modulo {display: none}
.lavora-intro, .lavora-law, .lavora-form, .lavora-thanks {width: 100%; position: relative; clear: right; margin-top: 55px; height: 288px}
.img-text-professional, .img-text-tirocini {position: absolute; top: 40px}
.lavora-buttons {text-align: center; bottom: 0px; position: absolute; width: 100%;}
.legge {height: 240px; width: 500px; overflow-y: scroll}
.img-contatti-lavora-title {float: left}
.close-window {float: right}

.upload-iframe {display: none}
.modulo-text {width: 300px}
.modulo-textarea {width: 500px; height: 60px}
.modulo-text, .modulo-file, .modulo-textarea {clear: both; background-color: #202020; border: 1px solid #fff; color: #fff; font: 14px Arial, Verdana, sans-serif; font-weight: bold;  padding: 3px; margin-bottom: 10px}
.img-modulo-nome, .img-modulo-email, .img-modulo-attach {float: left}
.lavora-form .modulo-error {float: right; padding: 0 0 2px 10px; color: #fa2424; font-weight: bold}
.lavora-form label {display: block; height: 14px}
#menu-concept a, #menu-collezioni a, #menu-comunicazione a, #menu-gruppo a, #menu-contatti  a {background-repeat: no-repeat; background-position: 0 0}
#menu-concept .menu-it {width: 82px}
#menu-collezioni .menu-it {width: 106px}
#menu-comunicazione .menu-it {width: 143px}
#menu-gruppo .menu-it {width: 91px}
#menu-contatti  .menu-it {width: 89px}

#menu-concept .menu-en {width: 82px}
#menu-collezioni .menu-en {width: 106px}
#menu-comunicazione .menu-en {width: 92px}
#menu-gruppo .menu-en {width: 61px}
#menu-contatti  .menu-en {width: 82px}

#menu-concept a:hover, #menu-collezioni a:hover, #menu-comunicazione a:hover, #menu-gruppo a:hover, #menu-contatti a:hover { background-position: 0 -20px }
#menu-concept .menu-selected, #menu-collezioni .menu-selected, #menu-comunicazione .menu-selected, #menu-gruppo .menu-selected, #menu-contatti .menu-selected { background-position: 0 -20px }

div#fancy_overlay{position:fixed; top:0; left:0; width:100%; height:100%; background-color:#000; display:none; z-index:130}
* html div#fancy_overlay{position:absolute; height:expression(document.body.scrollHeight >document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px')}
div#fancy_wrap{text-align:left}
div#fancy_outer{position:absolute;     top:0;     left:0;     z-index:190;     padding:18px 18px 33px 18px;     margin:0;     overflow:hidden;     background:transparent;     display:none}
div#fancy_inner{position:relative; width:100%; height:100%; border:1px solid #BBB; background:#000}
div#fancy_content{margin:0; z-index:200; padding: 10px; position:absolute}
div#fancy_div{background:#000; overflow: hidden; color:#FFF; height:100%; width:100%; *width: 510px; z-index:200}
img#fancy_img{position:absolute; top:0; left:0; border:0; padding:0; margin:0; z-index:200; width:100%; height:100%}
div#fancy_close{position:absolute; top:-12px; right:-15px; height:30px; width:30px; background:url('../img/fancy_closebox.png') top left no-repeat; cursor:pointer; z-index:281; display:none}
a#fancy_left, a#fancy_right{position:absolute; bottom:0px; height:100%; width:35%; cursor:pointer; z-index:211; display:none; background-image:url(data:image/gif; base64,AAAA); outline:none}
a#fancy_left{left:0px}
a#fancy_right{right:0px}
span.fancy_ico{position:absolute; top:50%; margin-top:-15px; width:30px; height:30px; z-index:212; cursor:pointer; display:block}
span#fancy_left_ico{left:-9999px; background:transparent url('../img/fancy_left.png') no-repeat}
span#fancy_right_ico{right:-9999px; background:transparent url('../img/fancy_right.png') no-repeat}
a#fancy_left:hover{  visibility:visible}
a#fancy_right:hover{  visibility:visible}
a#fancy_left:hover span{left:20px}
a#fancy_right:hover span{right:20px}
.fancy_bigIframe{position:absolute; top:0; left:0; width:100%; height:100%; background:transparent}
div#fancy_bg{position:absolute; top:0; left:0; width:100%; height:100%; z-index:170; border:0; padding:0; margin:0;background-color:#000}
div.fancy_bg{position:absolute; display:block; z-index:170; border:0; padding:0; margin:0}
div.fancy_bg_n{top:-18px; width:100%; height:18px; background:transparent url('../img/fancy_shadow_n.png') repeat-x}
div.fancy_bg_ne{top:-18px; right:-13px; width:13px; height:18px; background:transparent url('../img/fancy_shadow_ne.png') no-repeat}
div.fancy_bg_e{right:-13px; height:100%; width:13px; background:transparent url('../img/fancy_shadow_e.png') repeat-y}
div.fancy_bg_se{bottom:-18px; right:-13px; width:13px; height:18px; background:transparent url('../img/fancy_shadow_se.png') no-repeat}
div.fancy_bg_s{bottom:-18px; width:100%; height:18px; background:transparent url('../img/fancy_shadow_s.png') repeat-x}
div.fancy_bg_sw{bottom:-18px; left:-13px; width:13px; height:18px; background:transparent url('../img/fancy_shadow_sw.png') no-repeat}
div.fancy_bg_w{left:-13px; height:100%; width:13px; background:transparent url('../img/fancy_shadow_w.png') repeat-y}
div.fancy_bg_nw{top:-18px; left:-13px; width:13px; height:18px; background:transparent url('../img/fancy_shadow_nw.png') no-repeat}
