/* CSS Document */
body {
	background: url(../img/back-body-x.gif) top repeat-x #fdfcf8;
	text-align: center;
	font-family: 'Trebuchet MS';
	color:#5d4655;
	padding: 0 0 10px 0;
}
a {
	text-decoration:none;
	color:#5d4655;
}

.preload { display: none; }
.arrow { font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 130%}
strong { font-weight: bold; }
address { font-style: normal; }
/*a:hover { text-decoration:underline;}*/

#Conteiner {
	width: 977px;
	background: url(../img/back-conteiner-left-y.gif) left repeat-y;
	margin: 0 auto;
	text-align: left;
}


/* SPLASH PAGE */
#LanguageSelection { position: relative; top: -40px; text-transform: uppercase; width: 500px; margin: 0 auto; font-size: 70% }
#LanguageSelection li { float: left; width: 250px; text-align: center }
#LanguageSelection li a:hover { color: #9f3a61; }

/*HEADER*/
#MainMenu 
{
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
	background: url(../img/back-menu-x.jpg) repeat-x;
	height: 115px;
	position: relative;
	z-index: 50;
}
#Logo {
	position: relative;
	top: 22px;
	left: 22px;
	width: 508px;
	height: 43px;
}
.login {
	float: right;
	margin:10px 5px 0 0;
}
.login li {
	float: left;
	padding: 0 5px;
	font-size:0.7em;
}
.login li.flag, .login li.flag-ita, .login li.barra {
	border-left: 1px solid #ad8380;
}

.login li.flag a {
	display: block;
	background: url(../img/GB-ico.jpg) no-repeat;
	width: 20px;
	height: 15px;
}
.login li.flag-ita a {
	display: block;
	background: url(../img/italy.png) no-repeat;
	width: 20px;
	height: 15px;
}
.login span {
	display: none;
}
.menu-top {
	margin: 53px 0 0 140px;
}
.menu-top li {
	float: left;
	color: #860038;
	font-size: 0.8em;
	font-weight: bold;
	padding:0;
	text-transform:uppercase;
	position: relative;
}
.menu-top li.witha {
	padding: 4px 15px 0;
}

.menu-top li span {
	color: #5d4655;
	display: block;
	padding: 4px 15px;

}
/* / HEADER*/


/*CONTENT*/
#MainContent1 {
	height: 443px;
	
}


#MainContent1 .inside { background: url("../img/back-body-inside.jpg") repeat-x bottom left; height: 444px; }
#MainContent1 .padder { padding: 40px 30px; }
#MainContent1 .inside .padder { padding-top: 70px; position: relative; }
#MainContent1 #Backstage { background: url("../img/video_background.jpg") no-repeat top left; width: 968px; height: 385px; position: absolute; top: 57px; left: 0; }
#MainContent1 #Backstage #video { /*position: absolute; top: 10px; left: 225px;*/ width: 480px; height: 368px; margin-top: 8px; margin-left: 238px; }

#MainContent1 #Map { background: url("../img/mappa_background.jpg") no-repeat top left; width: 968px; height: 385px; position: absolute; top: 57px; left: 0; }

#MainContent1 #Login { background: url("../img/login_background.jpg") no-repeat -1px top; width: 967px; height: 385px; position: absolute; top: 57px; left: 0; }


#MainContent1 h2 { position: relative; margin-bottom: 15px; }
#MainContent1 h3 { position: relative; }


#tit-contatti { background: #FBF9F3 url("../img/tit-contatti-104x27.png") no-repeat top left; width: 104px; height: 27px; }
#tit-contatti span { display: none; }

#tit-ierieoggi { background: url("../img/tit-iserieoggi-131x27.png") no-repeat top left; width: 131px; height: 27px; }
#tit-ierieoggi-en { background: url("../img/tit_ierioggi_ENG-183x24.png") no-repeat top left; width: 183px; height: 24px; }
#tit-ierieoggi span, #tit-ierieoggi-en span { display: none; }

#tit-servizio { background: url("../img/tit-servizio-90x27.png") no-repeat top left; width: 90px; height: 27px; }
#tit-servizio-en { background: url("../img/tit_servizio_eng_84x24.png") no-repeat top left; width: 84px; height: 27px; }
#tit-servizio span, #tit-servizio-en span { display: none; }


#tit-dove, #tit-come, #tit-dove-en, #tit-come-en {  width: 63px; height: 21px; }
#tit-dove { display: block; background: url("../img/stit_dove-63x21.png") no-repeat left top; width: 63px; height: 21px; }
#tit-come { display: block; background: url("../img/stit_come-63x21.png") no-repeat left top; width: 63px; height: 21px; }
#tit-dove-en { display: block; background:  url("../img/stit_dove_eng-65x21.png") no-repeat left top; width: 65px; height: 21px; }
#tit-come-en { display: block; background:  url("../img/stit_come-eng-65x21.png") no-repeat left top; width: 65px; height: 21px; }
#tit-dove span, #tit-come span, #tit-dove-en span, #tit-come-en span { display: none; }

#tit-fiere { background:  url("../img/tit-fiere-59x27.png") no-repeat top left; width: 59px; height: 27px; }
#tit-fiere-en { background: url("../img/tit_fiere_eng-154x24.png") no-repeat top left; width: 154px; height: 24px; }
#tit-fiere span, #tit-fiere-en span { display: none; }

#tit-packaging { background:  url("../img/tit-packaging-134x27.png") no-repeat top left; width: 134px; height: 27px; }
#tit-packaging span { display: none; }

#MainContent1 #tit-diamanti, #MainContent1 #tit-diamanti-en { width: 121px; height: 27px; margin-bottom: 0; }
#tit-diamanti { display: block; font-size: 0; background:  url("../img/tit_diamanti-121x27.png") no-repeat left top; width: 121px; height: 27px; }
#tit-diamanti-en { display: block; background: url("../img/tit_diamanti_eng-112x24.png") no-repeat left top; width: 112px; height: 24px; }
#tit-diamanti span, #tit-diamanti-en span { display: none; }

#MainContent1 #tit-qualitasecondonoi, #MainContent1 #tit-qualitasecondonoi-en { width: 214px; height: 24px }
#tit-qualitasecondonoi { display: block; background:  url("../img/tit_senzacompromessi-214x24.png") no-repeat left top; width: 214px; height: 24px; }
#tit-qualitasecondonoi-en { display: block; background:  url("../img/tit_senzacompromessi_eng-182x24.png") no-repeat left top; width: 182px; height: 24px; }
#tit-qualitasecondonoi span, #tit-qualitasecondonoi-en span { display: none; }

#MainContent1 #tit-backstage { z-index: 10; position: absolute; top: 30px; left: 30px; width: 224px; height: 27px }
#tit-backstage { display: block; background: #FBF8F1 url("../img/tit_video-224x27.png") no-repeat left top; width: 224px; height: 27px; }
#tit-backstage span { display: none; }

#tit-mappa { z-index: 10; position: absolute; background: url("../img/tit_mappa-197x27.png") no-repeat left top; width: 197px; height: 27px; }
#tit-mappa-en {  z-index: 10; position: absolute; background: url("../img/tit_mappa_eng-100x24.png") no-repeat left top; width: 100px; height: 24px; }
#tit-mappa span, #tit-mappa-en span { display: none; }

#MainContent1 #tit-accessibilita, #MainContent1 #tit-accessibilita-en { width: 163px; height: 27px }
#tit-accessibilita { display: block; background:  url("../img/tit_accessibilita-163x27.png") no-repeat left top; width: 163px; height: 27px; }
#tit-accessibilita-en { display: block; background:  url("../img/tit_accessibilita_eng-138x24.png") no-repeat left top; width: 138px; height: 24px; }
#tit-accessibilita span, #tit-accessibilita-en span { display: none; }

#MainContent1 #tit-privacy { width: 182px; height: 27px }
#tit-privacy { z-index: 10; position: absolute; display: block; background :url("../img/tit_privacy-182x27.png") no-repeat left top; width: 182px; height: 27px; }
#tit-privacy span, #tit-privacy span { display: none; }

#MainContent1 #tit-experience { width: 205px; height: 27px }
#tit-experience { display: block; background:  url("../img/tit_experienced-205x27.png") no-repeat left top; width: 205px; height: 27px; }
#tit-experience span { display: none; }

#MainContent1 #tit-emozioni, #MainContent1 #tit-emozioni-en { width: 238px; height: 24px; }
#tit-emozioni { display: block; background:  url("../img/tit_emozioni-238x24.png") no-repeat left top; width: 238px; height: 24px; }
#tit-emozioni-en { display: block; background:  url("../img/tit_emozioni_eng-210x24.png") no-repeat left top; width: 210px; height: 24px; }
#tit-emozioni span, #tit-emozioni-en span { display: none; }

#tit-pretaporter, #tit-pretaporter-en { z-index: 10; position: absolute; top: 40px; left: 30px; width: 302px; height: 27px; }
#tit-pretaporter { display: block;  background: #FBF9F3 url("../img/tit_pretaporter-302x27.png") no-repeat top left; width: 302px; height: 27px; }
#tit-pretaporter-en { display: block;  background: #FBF9F3 url("../img/tit_pretaporter_eng-264x24.png") no-repeat top left; width: 264px; height: 24px; }
#tit-pretaporter span, #tit-pretaporter-en span { display: none; }


#tit-altagioielleria, #tit-altagioielleria-en { z-index: 10; position: absolute; top: 40px; left: 30px; width: 180px; height: 27px;  }
#tit-altagioielleria { display: block; background: #FBF9F3 url("../img/tit_altagioielleria-180x27.png") no-repeat top left; width: 180px; height: 27px; }
#tit-altagioielleria-en { display: block; background: #FBF9F3 url("../img/tit_altagioielleria_eng-195x24.png") no-repeat top left; width: 195px; height: 24px; }
#tit-altagioielleria span, #tit-altagioielleria-en span { display: none; }

#MainContent1 #tit-business24 { width: 136px; height: 24px; }
#tit-business24 { display: block; background:  url("../img/tit_business24-136x24.png") no-repeat left top; width: 136px; height: 24px; }
#tit-business24 span { display: none; }

#MainContent1 #tit-login { width: 64px; height: 24px }
#tit-login { z-index: 10; position: absolute; display: block; background: url("../img/tit_login-64x24.png") no-repeat left top; width: 64px; height: 24px; }
#tit-login span { display: none; }

#tit-offerta, #tit-offerta-en { z-index: 10; position: absolute; top: 40px; left: 30px; width: 180px; height: 27px;  }
#tit-offerta { display: block; background: #FBF9F3 url("../img/tit_offerta-167x24.png") no-repeat top left; width: 167px; height: 24px; }
#tit-offerta-en { display: block; background: #FBF9F3 url("../img/tit_offerta_ENG-175x24.png") no-repeat top left; width: 175px; height: 24px; }
#tit-offerta span, #tit-offerta-en span { display: none; }

#tit-opportunita, #tit-opportunita-en { z-index: 10; position: absolute; top: 40px; left: 30px; width: 180px; height: 27px;  }
#tit-opportunita { display: block; background: #FBF9F3 url("../img/tit_opportunita-151x24.png") no-repeat top left; width: 151px; height: 24px; }
#tit-opportunita-en { display: block; background: #FBF9F3 url("../img/tit_opportunita_ENG-151x24.png") no-repeat top left; width: 151px; height: 24px; }
#tit-opportunita span, #tit-opportunita-en span { display: none; }



.experienced { font-size: 80%; line-height: 1.5 }


.shadow {
	background: url(../img/back-shadow.png) top right no-repeat;
	height: 24px;
}
/* / CONTENT*/

/*FOOTER*/
#footer {
	height: 15px;
	font-size:0.8em;
	padding-top: 7px;
}
#footer ul 
{
	clear: both;
	float: right;
	margin-right: 5px;
}
#footer li {
	float: left;
	border-left: 1px solid #ad8380;
	padding:2px 5px 2px;
	font-size:0.8em;
}
#footer li.first {
	border: none;
}
#footer p {
	padding-left: 10px;
	font-size:0.8em;
}
#footer a:hover, #footer a.sel, .menu-top li.witha a:hover, .menu-top li a.sel {
	color: #9f3a61 !important;
}
/* / FOOTER*/


/*SUBMENU*/
.menu-top li:HOVER .SubMenu {
	display:block;
}

.menu-top li:hover a { color: #FFF; }
.menu-top li.witha:hover a { color: #9f3a61; }

.menu-top li:hover .SubMenuActive a { color: #5d4655; }
.menu-top li:hover .SubMenuActive a:hover { color: #9f3a61; }

.menu-top li.witha:hover .SubMenuActive a { color: #5d4655; }
.menu-top li.witha:hover .SubMenuActive a:hover { color: #9f3a61; }

.SubMenu {
	font-weight:normal;
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
	color: #fff;
	display:none;
	position: absolute;
	z-index: 50;
	top: 18px;
	left: -12px;
}
.SubMenu div.top 
{
	background: url(../img/back-submenu-top.png) no-repeat;
	height: 97px;
	text-align:left;
	width: 244px;
}
.SubMenu div.bottom 
{
	background: url(../img/back-submenu-bottom-1.png) no-repeat bottom left;
	height: 99px;
	text-align: left;
	padding: 10px 0 0 25px !important;
	width: 244px;
}
.SubMenu div.bottom1 {
	background: url(../img/back-submenu-bottom-2.png) no-repeat;
	height: 66px;
	text-align: left;
	padding: 14px 0 0 25px !important;
	width: 244px;
}
.SubMenu div.bottom2 {
	background: url(../img/back-submenu-bottom-3.png) no-repeat;
	height: 46px;
	text-align: left;
	padding: 14px 0 0 25px !important;
	width: 244px;
}
.SubMenu div.all {
	background: url(../img/back-submenu-all.png) no-repeat;
	height: 106px;
	text-align: left;
	width: 244px;
	
}
div.bottom li, div.bottom1 li, div.bottom2 li {
	background: url(../img/back-dot.gif) left 4px no-repeat;
	padding-bottom: 5px !important;
	padding-left: 7px !important;
	padding-top:0px;
	padding-bottom:0px;
	margin:0px;
	float:none;
	text-transform: none !important;
}
.SubMenu a {
	font-weight:normal;
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
	color: #fff;
	font-size: 1.2em !important;
}

.SubMenu a.noLink { font-size: 1em !important; }
.SubMenu a.noLink:hover { color: #FFF }

.SubMenuActive { position: absolute; }
.SubMenuActive div.top { display: none; }
.SubMenuActive div.bottom, .SubMenuActive div.bottom1  { background: none; width: 500px; }
.SubMenuActive div.bottom2 { width: 200px; }
.SubMenuActive ul { position: relative; top: 2px; left: 0px; list-style-type: none }
.SubMenuActive ul li { float: left; list-style-type: none; background: none;  margin-left: 15px; padding-top: 6px; text-transform: none }
.SubMenuActive ul li a  { color: #5d4655; font-size: 90% }
.SubMenuActive ul li a:hover, .SubMenuActive ul li a.sel { color: #9f3a61; }
.SubMenuActive ul .primo { margin-left: 0px; background: url("../img/menu-connector.png") no-repeat left 0; padding-left: 15px; }
.SubMenuActive ul .primo a { padding-left: 2px; }


/*
.SubMenuActive { position: absolute; top: 18px; left: -12px; padding-top: 0px; height: 17px; width: 967px; background: url("../img/back-secondlevel.jpg") no-repeat top left;}
.SubMenuActive #MenuInside { height: 16px;  padding-left: 0px; }
.SubMenuActive #MenuInside li { float: left; margin-left: 20px;  padding-top: 6px; text-transform: none  }
.SubMenuActive #MenuInside li a { color: #5d4655; }
.SubMenuActive #MenuInside li a:hover { color: #9f3a61; }
.SubMenuActive #MenuInside .primo { margin-left: 0; background: url("../img/menu-connector.png") no-repeat left 0; padding-left: 15px;}
.SubAzienda {left: -225px; top: 20px; padding-left: 240px; }
*/


div.bottom ul li, div.bottom1 ul li, div.bottom2 ul li {
	font-size: 0.9em !important;
}
.year {
	background: url(../img/year.gif) 19px 23px no-repeat;
}
.ring {
	background: url(../img/ring.gif) 16px 16px no-repeat;
}
.diamond {
	background: url(../img/diamond.png) left 2px no-repeat;
}
.earth 
{
	margin: 0;
	display: block;
	background: url(../img/earth.png) 10px 10px no-repeat;
	height: 81px !important;
	padding: 25px 5px 0 100px !important;
	font-size: 0.9em !important;
	text-transform: none !important;
	line-height: 1.2!important;
}
.women {
	background: url(../img/collabora_131x82px_.gif) 1px 23px /*left bottom*/ no-repeat;
	height: 76px !important;
	padding: 30px 10px 0 130px !important;
	display: block;
	font-size:0.9em !important;
	line-height: 1.2!important;
	text-transform: none !important;	
}
.year, .ring, .diamond {
margin:0px;
	display: block;
	height: 63px;
	padding: 25px 10px 0 105px !important;
	font-size:0.9em !important;
	line-height: 1.2!important;
	text-transform: none !important;
}
.str {
	background: url(../img/str-ico.gif) right 6px no-repeat;
	padding-left: 9px;
}
.menu-top li .SubMenu a:hover {
	color: #DDCFDD;
}
/* / SUBMENU*/
/*OTHERS*/
.ramka1 {
	background: url(../img/back-conteiner-right-y.gif) right repeat-y;
}
.ramka2 {
	background: url(../img/back-bottom.jpg) bottom no-repeat;
}
.ramka3 {
	background: url(../img/back-top.jpg) top no-repeat;
	padding: 23px 5px 0;
}

.ramka4 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.ramka4:hover {
	background: url(../img/back-menu-x.gif) repeat-x;
}
.ramka5 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.ramka5:hover {
	background: url(../img/coner-1of1.gif) left top no-repeat;
}

.ramka6 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.ramka6:hover {
	background: url(../img/coner-2of1.gif) right top no-repeat;
	padding: 4px 15px 0;
	height: 16px;
	color:#fff !important;
}
.ramka4, .ramka5 {
	padding: 0 !important;
}

.ramka3-bis {
	padding: 23px 5px 0;
}



.notab .ramka4:hover { background: none; }
.notab .ramka5:hover { background: none; }
.notab .ramka6:hover { background: none; }


.sel span {
	background: url(../img/back-menu-x.gif) repeat-x;
}
.sel span span {
	background: url(../img/coner-1of1.gif) left top no-repeat;
}
.sel span span span {
	background: url(../img/coner-2of1.gif) right top no-repeat;
	padding: 4px 15px 0;
	height: 16px;
	color:#fff !important;
}

/* / OTHERS*/
#GMap { border: 1px solid #CCC; width: 630px; height: 330px; float: left; background: #CCC; margin-left: 8px; margin-right: 30px }
#ContactInformations { margin-top: 37px; font-size: 90%; }
#ContactInformations a:hover { color: #9F3A61; }
#ContactInformations strong, #ContactInformations address strong  {  font-size: 110%; display: block; margin-bottom: 4px }
#ContactInformations address { font-size: 85%; line-height: 1.2 }
#ContactInformations p { margin-bottom: 20px; }
#ContactInformations address  { margin-bottom: 14px; }

#AziendaLeft { width: 330px; float: left; } 
#AziendaLeft .flashAzienda { width: 326px; height: 326px; }

#AziendaRight { font-size: 80%; line-height: 1.5; width: 540px; margin-left: 360px; }
#AziendaRight.servizio { line-height: 1.2; }

#AziendaRight p { margin-bottom: 10px; }

/* COLLECTIONS */
#Gallery { position: absolute; width: 967px; height: 443px; margin-top: 24px; }
#Gallery .buttons span{ cursor: pointer; }
#Gallery .mask { position: relative; top: 0px; width: 967px; height: 419px; overflow: hidden; }

#ContElements{ position: absolute; }
#ContElements div{ width: 967px; float: left; }

#next { position: absolute; width: 26px; height: 24px; background: url("../img/arrow_coll_off.png") no-repeat top left; top: 209px; right: 3px; }
#next:hover { background: url("../img/arrow_coll_on.png") no-repeat top left; }
#next.temp { background: url("../img/arrow_coll_home_off_dx.png") no-repeat top left; }
#next.temp:hover { background: url("../img/arrow_coll_home_on_dx.png") no-repeat top left; } 

#prev { position: absolute; width: 35px; height: 42px; background: url("../img/arrow_coll_left_off.png") no-repeat top left; top: 209px; left: 3px; }
#prev:hover { background: url("../img/arrow_coll_left_on.png") no-repeat top left; }

.timeless0, .timeless0-en { position: relative; margin-top: 0; background: url("../img/cop_pret_a_porter.jpg") no-repeat bottom left; height: 419px }
.timeless0 #collection0 { position: absolute; top: 380px; left: 460px; }
.timeless0 .collezione, .timeless0-en .collezione  { position: absolute; top: 380px; left: 525px; }
.timeless0 .collezione h3, .timeless0-en .collezione h3 { font-size: 90%; color: #EEEADB; font-weight: bold;  margin-bottom: 4px }
.timeless0 .collezione h3 input { vertical-align: middle; }
.timeless0 .collezione p, .timeless0-en .collezione p { font-size: 75%; }

.timeless1, .timeless1-en { position: relative; margin-top: 0; background: url("../img/col_swing.jpg") no-repeat bottom left; height: 419px }
.timeless1 #poesia1, .timeless1-en #poesia1 { font-size: 90%; position: absolute; top: 40px; left: 45px; line-height: 1.4 }
.timeless1 #poesia1 .img, .timeless1-en #poesia1 .img { float: left; height: 1px; overflow: hidden }
.timeless1 #poesia1 .img  span { display: block; position: absolute; top: 110px; left: 30px; background: url("../img/col_swing_suoni-317x171.png") no-repeat top left; height: 171px; width: 317px; }
.timeless1-en #poesia1 .img  span { display: block; position: absolute; top: 110px; left: 30px; background: url("../img/col_swing_suoni_eng-576x151.png") no-repeat top left; height: 171px; width: 576px; }
.timeless1 .collezione, .timeless1-en .collezione  { position: absolute; top: 320px; left: 500px; }
.timeless1 .collezione h3, .timeless1-en .collezione h3 { font-size: 90%; font-weight: bold; text-transform: uppercase; margin-bottom: 4px }
.timeless1 .collezione p, .timeless1-en .collezione p { font-size: 75%; }

.timeless2, .timeless2-en { position: relative; margin-top: 0;  background: url("../img/col_mosaico.jpg") no-repeat bottom left; height: 419px }
.timeless2 #poesia2, .timeless2-en #poesia2 { font-size: 90%; position: absolute; top: 30px; left: 45px; line-height: 1.3 }
.timeless2 #poesia2 .img, .timeless2-en #poesia2 .img  { float: left; height: 1px; overflow: hidden }
.timeless2 #poesia2 .img  span { display: block; position: absolute; top: 120px; left: 5px; background: url("../img/col_mosaico_tessere-855x170.png") no-repeat top left; height: 170px; width: 855px; }
.timeless2-en #poesia2 .img  span { display: block; position: absolute; top: 120px; left: 5px; background: url("../img/col_mosaico_tessere_eng-832x151.png") no-repeat top left; height: 151px; width: 832px; }
.timeless2 .collezione, .timeless2-en .collezione { position: absolute; top: 310px; left: 480px; }
.timeless2 .collezione h3, .timeless2-en .collezione h3 { font-size: 90%; font-weight: bold; text-transform: uppercase; margin-bottom: 4px }
.timeless2 .collezione p, .timeless2-en .collezione p { font-size: 75%; }

.timeless3, .timeless3-en { position: relative; margin-top: 0;  background: url("../img/col_circle.jpg") no-repeat bottom left; height: 419px }
.timeless3 #poesia3, .timeless3-en #poesia3 { font-size: 90%; position: absolute; top: 30px; left: 45px; line-height: 1.3 }
.timeless3 #poesia3 .img, .timeless3-en #poesia3 .img  { float: left; height: 1px; overflow: hidden }
.timeless3 #poesia3 .img  span { display: block; position: absolute; top: 130px; left: 50px; background: url("../img/col_circle_miavvolgo-645x167.png") no-repeat top left; height: 167px; width: 645px; }
.timeless3-en #poesia3 .img  span { display: block; position: absolute; top: 145px; left: 0px; background: url("../img/col_circle_miavvolgo_eng-912x151.png") no-repeat top left; height: 151px; width: 912px; }
.timeless3 .collezione, .timeless3-en .collezione { position: absolute; top: 320px; left: 485px; }
.timeless3 .collezione h3, .timeless3-en .collezione h3 { font-size: 90%; font-weight: bold; text-transform: uppercase; margin-bottom: 4px }
.timeless3 .collezione p, .timeless3-en .collezione p { font-size: 75%; }

.timeless4, .timeless4-en { position: relative; margin-top: 0;  background: url("../img/col_talismano.jpg") no-repeat bottom left; height: 419px }
.timeless4 #poesia4, .timeless4-en #poesia4 { font-size: 90%; position: absolute; top: 30px; left: 45px; line-height: 1.5 }
.timeless4 #poesia4 .img, .timeless4-en #poesia4 .img  { float: left; height: 1px; overflow: hidden }
.timeless4 #poesia4 .img  span { display: block; position: absolute; top: 135px; left: 25px; background: url("../img/col_talismano_suggestioni-641x170.png") no-repeat top left; height: 170px; width: 641px; }
.timeless4-en #poesia4 .img  span { display: block; position: absolute; top: 135px; left: 25px; background: url("../img/col_talismano_suggestioni_eng-532x151.png") no-repeat top left; height: 151px; width: 532px; }
.timeless4 .collezione, .timeless4-en .collezione { position: absolute; top: 310px; left: 485px; }
.timeless4 .collezione h3, .timeless4-en .collezione h3 { font-size: 90%; font-weight: bold; text-transform: uppercase; margin-bottom: 4px }
.timeless4 .collezione p, .timeless4-en .collezione p { font-size: 75%; }

.timeless5, .timeless5-en { position: relative; margin-top: 0;  background: url("../img/col_pois.jpg") no-repeat bottom left; height: 419px }
.timeless5 #poesia5, .timeless5-en #poesia5 { font-size: 90%; position: absolute; top: 30px; left: 45px; line-height: 1.5 }
.timeless5 #poesia5 .img, .timeless5-en #poesia5 .img  { float: left; height: 1px; overflow: hidden }
.timeless5 #poesia5 .img  span { display: block; position: absolute; top: 135px; left: 85px; background: url("../img/col_pois_magia-468x179.png") no-repeat top left; height: 179px; width: 468px; }
.timeless5-en #poesia5 .img  span { display: block; position: absolute; top: 135px; left: 85px; background: url("../img/col_pois_magia_eng-578x151.png") no-repeat top left; height: 151px; width: 578px; }
.timeless5 .collezione, .timeless5-en .collezione { position: absolute; top: 330px; left: 485px; }
.timeless5 .collezione h3, .timeless5-en .collezione h3 { font-size: 90%; font-weight: bold; text-transform: uppercase; margin-bottom: 4px }
.timeless5 .collezione p, .timeless5-en .collezione p { font-size: 75%; }

.timeless6, .timeless6-en { position: relative; margin-top: 0;  background: url("../img/col_planet.jpg") no-repeat bottom left; height: 419px }
.timeless6 #poesia6, .timeless6-en #poesia6 { font-size: 90%; position: absolute; top: 1px; left: 45px; line-height: 1.5 }
.timeless6 #poesia6 .img, .timeless6-en #poesia6 .img  { float: left; height: 1px; overflow: hidden }
.timeless6 #poesia6 .img  span { display: block; position: absolute; top: 145px; left: 45px; background: url("../img/col_planet_gravita-751x169.png") no-repeat top left; height: 169px; width: 751px; }
.timeless6-en #poesia6 .img  span { display: block; position: absolute; top: 145px; left: 45px; background: url("../img/col_planet_gravita_eng-831x151.png") no-repeat top left; height: 151px; width: 831px; }
.timeless6 .collezione { position: absolute; top: 310px; left: 485px; }
.timeless6-en .collezione { position: absolute; top: 310px; left: 465px; }
.timeless6 .collezione h3, .timeless6-en .collezione h3 { font-size: 90%; font-weight: bold; text-transform: uppercase; margin-bottom: 4px }
.timeless6 .collezione p, .timeless6-en .collezione p { font-size: 75%; }

.timeless7, .timeless7-en { position: relative; margin-top: 0;  background: url("../img/col_charms.jpg") no-repeat bottom left; height: 419px }
.timeless7 #poesia7, .timeless7-en #poesia7 { font-size: 90%; position: absolute; top: 20px; left: 45px; line-height: 1.5 }
.timeless7 #poesia7 .img, .timeless7-en #poesia7 .img  { float: left; height: 1px; overflow: hidden }
.timeless7 #poesia7 .img  span { display: block; position: absolute; top: 190px; left: 75px; background: url("../img/col_charms_mia-487x158.png") no-repeat top left; height: 158px; width: 487px; }
.timeless7-en #poesia7 .img  span { display: block; position: absolute; top: 210px; left: 55px; background: url("../img/col_charms_mia_eng_693x151.png") no-repeat top left; height: 158px; width: 693px; }
.timeless7 .collezione, .timeless7-en .collezione { position: absolute; top: 330px; left: 485px; }
.timeless7 .collezione h3, .timeless7-en .collezione h3 { font-size: 90%; font-weight: bold; text-transform: uppercase; margin-bottom: 4px }
.timeless7 .collezione p, .timeless7-en .collezione p { font-size: 75%; }

.timeless8, .timeless8-en { position: relative; margin-top: 0;  background: url("../img/col_segreti.jpg") no-repeat bottom left; height: 419px }
.timeless8 #poesia8, .timeless8-en #poesia8 { font-size: 90%; position: absolute; top: 30px; left: 45px; line-height: 1.5 }
.timeless8 #poesia8 .img, .timeless8-en #poesia8 .img  { float: left; height: 1px; overflow: hidden }
.timeless8 #poesia8 .img  span { display: block; position: absolute; top: 157px; left: 65px; background: url("../img/col_segreti_svelano-542x158.png") no-repeat top left; height: 158px; width: 542px; }
.timeless8-en #poesia8 .img  span { display: block; position: absolute; top: 137px; left: 15px; background: url("../img/col_segreti_svelano_eng-912x151.png") no-repeat top left; height: 151px; width: 912px; }
.timeless8 .collezione, .timeless8-en .collezione { position: absolute; top: 310px; left: 485px; }
.timeless8 .collezione h3, .timeless8-en .collezione h3 { font-size: 90%; font-weight: bold; text-transform: uppercase; margin-bottom: 4px }
.timeless8 .collezione p, .timeless8-en .collezione p { font-size: 75%; }

.timeless9, .timeless9-en { position: relative; margin-top: 0;  background: url("../img/col_essenza.jpg") no-repeat bottom left; height: 419px }
.timeless9 #poesia9, .timeless9-en #poesia9 { font-size: 90%; position: absolute; top: 30px; left: 45px; line-height: 1.5 }
.timeless9 #poesia9 .img, .timeless9-en #poesia9 .img  { float: left; height: 1px; overflow: hidden }
.timeless9 #poesia9 .img  span { display: block; position: absolute; top: 115px; left: 75px; background: url("../img/col_essenza_anima-584x168.png") no-repeat top left; height: 168px; width: 584px; }
.timeless9-en #poesia9 .img  span { display: block; position: absolute; top: 115px; left: 75px; background: url("../img/col_essenza_anima_eng-552x151.png") no-repeat top left; height: 151px; width: 552px; }
.timeless9 .collezione, .timeless9-en .collezione { position: absolute; top: 310px; left: 485px; }
.timeless9 .collezione h3, .timeless9-en .collezione h3 { font-size: 90%; font-weight: bold; text-transform: uppercase; margin-bottom: 4px }
.timeless9 .collezione p, .timeless9-en .collezione p { font-size: 75%; }

.timeless10, .timeless10-en { position: relative; margin-top: 0;  background: url("../img/col_sahara.jpg") no-repeat bottom left; height: 419px }
.timeless10 #poesia10, .timeless10-en #poesia10 { position: absolute; top: 30px; left: 45px; line-height: 1.5 }
.timeless10 #poesia10 .img, .timeless10-en #poesia10 .img  { float: left; height: 1px; overflow: hidden }
.timeless10 #poesia10 .img  span { display: block; position: absolute; top: 135px; left: 0px; background: url("../img/col_sahara_incantesimi-755x168.png") no-repeat top left; height: 168px; width: 755px; }
.timeless10-en #poesia10 .img  span { display: block; position: absolute; top: 145px; left: 0px; background: url("../img/col_sahara_incantesimi_eng-727x151.png") no-repeat top left; height: 151px; width: 727px; }
.timeless10 .collezione, .timeless10-en .collezione { position: absolute; top: 310px; left: 485px; }
.timeless10 .collezione h3, .timeless10-en .collezione h3 { font-size: 90%; font-weight: bold; text-transform: uppercase; margin-bottom: 4px }
.timeless10 .collezione p, .timeless10-en .collezione p { font-size: 75%; }

.timeless11, .timeless11-en { position: relative; margin-top: 0;  background: url("../img/col_primavera.jpg") no-repeat bottom left; height: 419px }
.timeless11 #poesia11, .timeless11-en #poesia11 { font-size: 90%; position: absolute; top: 30px; left: 45px; line-height: 1.5 }
.timeless11 #poesia11 .img, .timeless11-en #poesia11 .img  { float: left; height: 1px; overflow: hidden }
.timeless11 #poesia11 .img  span { display: block; position: absolute; top: 135px; left: 85px; background: url("../img/col_primavera_rugiada-567x168.png") no-repeat top left; height: 168px; width: 567px; }
.timeless11-en #poesia11 .img  span { display: block; position: absolute; top: 135px; left: 85px; background: url("../img/col_primavera_rugiada_eng-376x151.png") no-repeat top left; height: 151px; width: 376px; }
.timeless11 .collezione, .timeless11-en .collezione { position: absolute; top: 310px; left: 485px; }
.timeless11 .collezione h3, .timeless11-en .collezione h3 { font-size: 90%; font-weight: bold; text-transform: uppercase; margin-bottom: 4px }
.timeless11 .collezione p, .timeless11-en .collezione p { font-size: 75%; }

.timeless12, .timeless12-en { position: relative; margin-top: 0;  background: url("../img/col_man.jpg") no-repeat bottom left; height: 419px }
.timeless12 #poesia12, .timeless12-en #poesia12 { font-size: 90%; position: absolute; top: 30px; left: 45px; line-height: 1.5 }
.timeless12 #poesia12 .img, .timeless12-en #poesia12 .img  { float: left; height: 1px; overflow: hidden }
.timeless12 #poesia12 .img  span { display: block; position: absolute; top: 155px; left: 25px; background: url("../img/col_man_istante-825x168.png") no-repeat top left; height: 168px; width: 825px; }
.timeless12-en #poesia12 .img  span { display: block; position: absolute; top: 155px; left: 25px; background: url("../img/col_man_istante_eng-719x151.png") no-repeat top left; height: 151px; width: 719px; }
.timeless12 .collezione { position: absolute; top: 310px; left: 485px; }
.timeless12-en .collezione { position: absolute; top: 330px; left: 425px; }
.timeless12 .collezione h3, .timeless12-en .collezione h3 { font-size: 90%; font-weight: bold; text-transform: uppercase; margin-bottom: 4px }
.timeless12 .collezione p, .timeless12-en .collezione p { font-size: 75%; }



.altagioielleria12 { position: relative; margin-top: 0px;  background: url("../img/cop_alta_gioielleria.jpg") no-repeat bottom left; height: 419px }
.altagioielleria12 .collezione { position: absolute; top: 380px; left: 460px; }
.altagioielleria12 .collezione { font-size: 90%; font-weight: bold; color: #EEEADB; margin-bottom: 4px }
.altagioielleria12 .collezione input { vertical-align: middle; }

.altagioielleria13, .altagioielleria13-en { position: relative; margin-top: 0px;  background: url("../img/col_primapag.jpg") no-repeat bottom left; height: 419px }
.altagioielleria13 #contenuto13, .altagioielleria13-en #contenuto13 { font-size: 90%; position: absolute; top: 20px; left: 45px; line-height: 1.5 }
.altagioielleria13 #contenuto13 .img,.timeless13-en #contenuto13 .img  { float: left; height: 1px; overflow: hidden }
.altagioielleria13 #contenuto13 .img  span { display: block; position: absolute; top: 100px; left: 25px; background: url("../img/col_primapag-837x239.png") no-repeat top left; height: 239px; width: 837px; }
.altagioielleria13-en #contenuto13 .img  span { display: block; position: absolute; top: 100px; left: 25px; background: url("../img/col_primapag_eng.png") no-repeat top left; height: 239px; width: 837px; }

.altagioielleria14 { position: relative; margin-top: 0px;  background: url("../img/timeless_01.jpg") no-repeat bottom left; height: 419px }
.altagioielleria14 .collezione { position: absolute; top: 150px; left: 370px; }
.altagioielleria14 .collezione h3 { font-size: 90%; font-weight: bold; text-transform: uppercase; margin-bottom: 4px }
.altagioielleria14 .collezione p { font-size: 75%; }

.altagioielleria15 { position: relative; margin-top: 0px;  background: url("../img/timeless_02.jpg") no-repeat bottom left; height: 419px }
.altagioielleria15 .collezione { position: absolute; top: 170px; left: 360px; }
.altagioielleria15 .collezione h3 { font-size: 90%; font-weight: bold; text-transform: uppercase; margin-bottom: 4px }
.altagioielleria15 .collezione p { font-size: 75%; }

.altagioielleria16 { position: relative; margin-top: 0px;  background: url("../img/timeless_03.jpg") no-repeat bottom left; height: 419px }
.altagioielleria16 .collezione { position: absolute; top: 130px; left: 230px; }
.altagioielleria16 .collezione h3 { font-size: 90%; font-weight: bold; text-transform: uppercase; margin-bottom: 4px }
.altagioielleria16 .collezione p { font-size: 75%; }


/* FIERE */
#MainContent1 .fiera { min-height: 25px; height: auto !important; height: 25px; margin-bottom: 5px; background: url("../img/Fiere_lineadiv.jpg") no-repeat bottom left;  }
#MainContent1 .last { background: none  }
#MainContent1 .fiera h3 { font-weight: bold; float: left; width: 350px; padding-left: 10px }
#MainContent1 .fiera span { font-weight: normal;  display: inline; position: absolute; left: 170px }


/* RESERVED AREA */
#HeaderReserved { position: relative; background: url("../img/b24/header-back.jpg") repeat-x top left; height: 66px; }
#HeaderReserved h2 { position: relative; height: 46px; }
#HeaderReserved h2 span { display: block; position: absolute; top: 0; left: 0; width: 291px; height: 66px; background: url("../img/b24/area-riservata-291x66.jpg") no-repeat top left; }
#HeaderReserved h2#tit-areariservata-eng span { background: url("../img/b24/en-US/area-riservata-291x66_eng.jpg") no-repeat top left; }
#HeaderReserved #ReservedMenu { position: absolute; top: 20px; left: 295px; background: url("../img/b24/barra-menu.jpg") no-repeat bottom right; width: 380px; padding-left: 150px; padding-bottom: 5px }
#HeaderReserved #ReservedMenu li { float: left; font-size: 70%; text-transform: uppercase; margin-right: 15px; font-weight: bold; }
#HeaderReserved #ReservedMenu ul { position: absolute; top: 16px; background: url("../img/menu-connector.png") no-repeat left 0; padding-left: 15px; padding-top: 7px; height: 23px; }

#HeaderReserved #ReservedMenu ul li { font-size: 100%; text-transform:none; font-weight: normal }
#HeaderReserved #ReservedMenu a:hover, #HeaderReserved #ReservedMenu li.active a   { color: #9E3762; }
#HeaderReserved .public { position: absolute; top: 0; right: 10px; height: 66px; width: 134px; }
#HeaderReserved .public input { display: block; margin-top: 7px }

#InsideReservedPage { margin-top: 20px; padding: 10px; position: relative; height: 337px; }
#Wizard { position: relative; height: 378px; }
.b24hpublic {  border: 3px solid #885878; height: 371px; }

.btnZoom1 { width: 108px; height: 60px; position: absolute; top: 0; left: 157px; }
.btnZoom2 { width: 108px; height: 60px; position: absolute; top: 0; left: 266px; }
.btnZoom3 { width: 108px; height: 60px; position: absolute; top: 0; left: 374px; }
.btnZoom4 { width: 108px; height: 60px; position: absolute; top: 0; left: 483px; }
.btnZoom5 { width: 108px; height: 60px; position: absolute; top: 0; left: 591px; }
.btnZoom6 { width: 108px; height: 60px; position: absolute; top: 0; left: 699px; }
.btnZoom7 { width: 108px; height: 60px; position: absolute; top: 0; left: 807px; }

#Step1 { position: relative; background: #FFF; height: 145px; background: url("../img/b24/slide1-bg.jpg") repeat-x top left; padding-top: 30px; }
#Step1 legend span { text-transform: uppercase; display: block; position: absolute; top: -25px; left: 10px; margin: 0; padding: 0; }
#Step1 .slide { position: relative; top: 40px; width: 870px; margin: 0 auto; }
/*
#Step1 .slide .sx { position: absolute; top: 0px; left: -55px; width: 55px; height: 22px; background: url("../img/b24/track-1-sx.jpg") no-repeat top left; }
#Step1 .slide .dx { position: absolute; top: 0px; right: -55px; width: 55px; height: 22px; background: url("../img/b24/track-1-dx.jpg") no-repeat top left; }
#Step1 ul { width: 910px; position: absolute; top: -5px; left: -60px; }
#Step1 ul li { float: left; margin-right: 0;  }
#Step1 ul li a { display: block; width: 130px; height: 20px; padding-top: 100px; text-align: center; font-weight: normal;  font-size: 80%; text-transform: uppercase; }
#Step1 ul .b24-1 a { background: url("../img/b24/1.jpg") no-repeat center top; }
#Step1 ul .b24-2 a { background: url("../img/b24/2.jpg") no-repeat center top; }
#Step1 ul .b24-3 a { background: url("../img/b24/3.jpg") no-repeat center top; }
#Step1 ul .b24-4 a { background: url("../img/b24/4.jpg") no-repeat center top; }
#Step1 ul .b24-5 a { background: url("../img/b24/5.jpg") no-repeat center top; }
#Step1 ul .b24-6 a { background: url("../img/b24/6.jpg") no-repeat center top; }
#Step1 ul .b24-7 a { background: url("../img/b24/7.jpg") no-repeat center top; }
*/
#Step1 .container { position: relative; height: 50px; padding-top: 30px }

#Step2 { position: relative; top: -30px; height: 114px; width: 745px; border-top: 1px solid #897882; border-right: 1px solid #84747F }
#Step2 legend span { background: transparent; text-transform: uppercase; display: block; position: absolute; top: 5px; left: 10px; margin: 0; padding: 0; }

#Step2 .slide2 { position: relative; top: -20px; margin: 0 auto; width: 600px;  }
/*
#Step2 .slide2 .sx { position: absolute; top: 0px; left: -55px; width: 55px; height: 22px; background: url("../img/b24/track-1-sx.jpg") no-repeat top left; }
#Step2 .slide2 .dx { position: absolute; top: 0px; right: -55px; width: 55px; height: 22px; background: url("../img/b24/track-1-dx.jpg") no-repeat top left; }
*/

#Step2 .container {  position: relative; width: 745px; height: 45px; margin: 0 auto; padding-top: 70px }

#Step3 { position: relative; top: -30px; height: 115px; width: 745px; border-top: 1px solid #897882; border-right: 1px solid #84747F }
.b24hpublic #Step3 { height: 110px; }
#Step3 legend span { background: transparent; text-transform: uppercase; display: block; position: absolute; top: 5px; left: 10px; margin: 0; padding: 0; }
#Step3 .slide3 { position: relative; top: -20px; width: 600px; margin: 0 auto;  }
/*
#Step3 .slide3 .sx { position: absolute; top: 0px; left: -55px; width: 55px; height: 22px; background: url("../img/b24/track-1-sx.jpg") no-repeat top left; }
#Step3 .slide3 .dx { position: absolute; top: 0px; right: -55px; width: 55px; height: 22px; background: url("../img/b24/track-1-dx.jpg") no-repeat top left; }
*/
#Step3 .container {  position: relative; width: 745px; height: 45px; margin: 0 auto; padding-top: 70px }

#Step4 { position: absolute; top: 145px; right: 0; width: 222px; height: 231px;  border-top: 1px solid #897882; }


#Step4 legend span { background: transparent; text-transform: uppercase; display: block; position: absolute; top: 5px; left: 10px; margin: 0; padding: 0; }
#Step4 .container {  position: relative; width: 207px; height: 210px; margin: 0 auto; padding-top: 30px; padding-left: 15px; font-size: 70%; line-height: 1.5 }

#Step4 .addToCart { position: absolute; bottom: 5px; right: 11px; }
.b24hpublic #Step4 .addToCart { right: 7px; bottom: 10px; }

#Step4 .value { text-transform: uppercase; color: #7D1240; font-weight: bold }
#Step4 .prezzi { height: 40px; }
#Step4 .prezzi .list { margin-left: 45px; position: absolute; top: 80px  }
#Step4 #Prezzo { background: url("../img/b24/back-prezzo.jpg") no-repeat top left; text-align: center; font-size: 130%; font-weight: bold; text-transform: uppercase; margin-top: 10px; padding-top: 10px; }

/* TABELLA CARRELLO */
.cart { width: 100%; font-size: 72%; }
.cart th { padding: 10px; font-weight: bold; }
.cart td { padding: 0px 10px; line-height: 1.2;  }
.cart tbody td { vertical-align: middle; }
.cart tr.pari { background: #F5F3F4;  }
.cart tr.dispari { background: #EFEDEE; }
.cart td input { text-align: center; }
#CartButtons { position: absolute; width: 877px; left: 50px; bottom: 5px; padding-top: 10px; background: url("../img/riga_sezioni_footer.jpg") no-repeat top left; }
#CartButtons .cartNext { position: absolute; right: 0; }
#box {  height: 300px; overflow: auto; position: relative; font-size: 80%; line-height: 1.5; padding-right: 20px }
#box h3 { font-weight: bold; margin-bottom: 5px; margin-top: 10px; }
#boxcarrello { height: 200px; overflow: auto; padding-bottom: 10px;  }
#boxResoconto { height: 300px; overflow: auto; padding-bottom: 10px;   }

.pnlPagamento { margin-bottom: 10px; }
#Shipping { margin: 20px 0 0 20px; }
#Shipping td { padding: 5px; font-size: 80%; }
#Shipping input { width: 300px; }
#Shipping label { font-weight: bold; }
/* SITEMAP */

#Map .main { position: absolute; width: 966px; height: 310px; top: 39px; left: 0; }
#Map ul ul { font-size: 70%; }
#Map ul ul li { margin-bottom: 10px; text-align: center; }
#Map a  { color: #5d4655; }
#Map a:hover { color: #9f3a61; }

#Map .home { position: absolute; top: 14px; left: 40px; text-transform: uppercase; font-weight: bold; font-size: 70% }
#Map .azienda { position: absolute; top: 14px; left: 185px; text-transform: uppercase; font-weight: bold; font-size: 70% }
#Map .collezioni { position: absolute; top: 14px; left: 315px; text-transform: uppercase; font-weight: bold; font-size: 70% }
#Map .qualita { position: absolute; top: 14px; left: 460px; text-transform: uppercase; font-weight: bold; font-size: 70% }
#Map .business { position: absolute; top: 14px; left: 585px; text-transform: uppercase; font-weight: bold; font-size: 70% }
#Map .collabora { position: absolute; top: 14px; left: 705px; text-transform: uppercase; font-weight: bold; font-size: 70% }
#Map .contatti { position: absolute; top: 14px; left: 870px; text-transform: uppercase; font-weight: bold; font-size: 70% }
#Map .log { position: absolute; top: 218px; left: 260px; text-transform: uppercase; font-weight: bold; font-size: 70% }
#Map .access { position: absolute; top: 218px; left: 375px; text-transform: uppercase; font-weight: bold; font-size: 70% }
#Map .privacy { position: absolute; top: 218px; left: 510px; text-transform: uppercase; font-weight: bold; font-size: 70% }
#Map .experience { position: absolute; top: 218px; left: 650px; text-transform: uppercase; font-weight: bold; font-size: 70% }

#Map .ulazienda { position: absolute; left: 165px; top: 45px; }
#Map .ulcollezioni { position: absolute; left: 285px; top: 45px; }
#Map .ulqualita { position: absolute; left: 439px; top: 45px; }
#Map .ulcollabora { position: absolute; left: 725px; top: 45px; }

/* LOGIN */
#Login fieldset { width: 141px; margin-left: 417px; margin-top: 200px; text-align: center; }
#Login label { font-size: 80%; color: #999; }
#Login input { margin-top: 5px; }
#Login .txtbx { margin-top: 0; margin-bottom: 0; font-family: 'Trebuchet MS', Verdana, Arial; color: #999; border: 1px solid #C7BDBC; width: 141px }

/* COLLABORA CON NOI - REGISTRAZIONE */
#Offerta { font-size: 80%; position: relative; min-height: 400px;}
#RegistrazioneB24 { position: relative;  min-height: 330px; }
#Passi {height: 42px; width: 750px; margin: 0 auto;  margin-top: 50px; position: relative;  } 
#Passi li { float: left; font-size: 80%; }
#Passo1, #Passo1-en { padding-left: 25px; padding-top: 5px; width: 328px; height: 37px; position: relative; }
#Passo2, #Passo2-en { padding-left: 25px; padding-top: 5px; width: 249px; height: 37px; position: absolute; left: 328px; }
#Passo3, #Passo3-en { padding-left: 25px; padding-top: 5px; width: 145px; height: 37px; position: absolute; left: 576px; }
#Passo1 span, #Passo2 span, #Passo3 span { display: block; position: absolute; z-index: 10; top: 0; left: 0; }
#Passo1-en span, #Passo2-en span, #Passo3-en span { display: block; position: absolute; z-index: 10; top: 0; left: 0; }
#Passo1 span, #Passo1-en span { width: 353px; height: 42px; }
#Passo2 span, #Passo2-en span { width: 274px; height: 42px; }
#Passo3 span, #Passo3-en span { width: 170px; height: 42px; }
#Passo1.on span { background: url("../img/Step01_B.png") no-repeat top left; }
#Passo1-en.on span { background: url("../img/Step01_B_ENG.png") no-repeat top left; }
#Passo1.off span { background: url("../img/Step01_C.png") no-repeat top left; }
#Passo1-en.off span { background: url("../img/Step01_C_ENG.png") no-repeat top left; }
#Passo2.tobe span { background: url("../img/Step02_A.png") no-repeat top left; } 
#Passo2-en.tobe span { background: url("../img/Step02_A_ENG.png") no-repeat top left; } 
#Passo2.on span { background: url("../img/Step02_B.png") no-repeat top left; } 
#Passo2-en.on span { background: url("../img/Step02_B_ENG.png") no-repeat top left; } 
#Passo2.off span { background: url("../img/Step02_C.png") no-repeat top left; } 
#Passo2-en.off span { background: url("../img/Step02_C_ENG.png") no-repeat top left; } 
#Passo3.tobe span { background: url("../img/Step03_A.png") no-repeat top left; } 
#Passo3-en.tobe span { background: url("../img/Step03_A_ENG.png") no-repeat top left; } 
#Passo3.on span { background: url("../img/Step03_B.png") no-repeat top left; } 
#Passo3-en.on span { background: url("../img/Step03_B_ENG.png") no-repeat top left; } 
#Passo3.off span { background: url("../img/Step03_C.png") no-repeat top left; }
#Passo3-en.off span { background: url("../img/Step03_C_ENG.png") no-repeat top left; } 
#Offerta .next { position: absolute; right: 30px; bottom: 10px }
#Offerta .prev { position: absolute; left: 30px; bottom: 10px }
#RegistrazioneB24 .next { position: absolute; right: 5px; bottom: 10px }
#RegistrazioneB24 .prev { position: absolute; left: 30px; bottom: 10px }

.tbNote { width: 100%; }

#Offerta input, #Offerta textbox, #Offerta select, #Offerta textarea,
#RegistrazioneB24 input, #RegistrazioneB24 textbox, #RegistrazioneB24 select, #RegistrazioneB24 textarea,
#Shipping input, #Shipping textbox, #Shipping select, #Shipping textarea
{ border: 1px solid #C7BDBC; font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif }

#Offerta fieldset { width: 90%; margin: 0px auto; }

#Offerta fieldset.primo { margin-top: 10px; padding-bottom: 20px; background: url("../img/riga_sezioni.jpg") no-repeat bottom left; }
#Offerta fieldset.secondo { margin-top: 10px; padding-bottom: 30px; background: url("../img/riga_sezioni_footer.jpg") no-repeat bottom left; }
#Offerta fieldset p, #RegistrazioneB24 p { margin-bottom: 5px; }

#Offerta legend, #RegistrazioneB24 legend { font-weight: bold; font-size: 110%; font-weight: bold; margin-bottom: 5px }
#Offerta label.block, #RegistrazioneB24 label.block { display: block; float: left; width: 150px; text-align: right; padding-right: 10px; }

#Offerta .provincia { position: absolute; top: 121px; left: 450px; }
#Offerta .stato { position: absolute; top: 148px; left: 450px; }
#Offerta .partitaIva { position: absolute; top: 175px; left: 450px; }

#RegistrazioneB24 .password { position: absolute; top: 26px; left: 278px; }
#RegistrazioneB24 .password .block { width: 140px;  }
#RegistrazioneB24 .citta { position: absolute; top: 106px; left: 338px; }
#RegistrazioneB24 .lingua { position: absolute; top: 187px; left: 321px; }
#RegistrazioneB24 .valuta { position: absolute; top: 214px; left: 277px; }
#RegistrazioneB24 .password label { width: 70px; }
#RegistrazioneB24 .citta label { width: 50px; }
#RegistrazioneB24 .lingua label { width: 120px; }

.menu-top a.temp { cursor: default; }


#ResocontoLeft { float: left; width: 222px; height: 377px; border-right: 1px solid #B5AFB3; background: url(../img/b24/sfondo_resoconto.jpg) repeat-x top left; } 
#ResocontoLeft ul { padding: 10px; }
#ResocontoLeft ul li { font-weight: bold; padding: 5px; font-size: 90%; }
#ResocontoLeft ul ul { display: none; }
#ResocontoLeft ul ul.active { display: block; }
#ResocontoLeft ul ul li { font-weight: normal; font-size: 80%; padding: 2px; padding-left: 10px; margin-left: 10px; }
#ResocontoLeft ul ul li.active { background: url("../img/catalog/small-arrow.jpg") no-repeat left center; }
#ResocontoLeft ul ul li.active a { color: #982A59 }
#ResocontoLeft ul li.current a { color: #9F3A61; }


#ResocontoMiddle { margin: 0 20px 0 223px; padding: 20px; }
#ResocontoMiddle table { font-size: 72%; width: 100%; }
#ResocontoMiddle table th { padding: 10px; font-weight: bold; }
#ResocontoMiddle table td { padding: 0px 10px; line-height: 1.2; }
#ResocontoMiddle table tbody td { vertical-align: middle; }
#ResocontoMiddle table tr.pari { background: #F5F3F4; }
#ResocontoMiddle table tr.dispari  { background: #EFEDEE; }
#ResocontoMiddle table td.center { text-align: center; }
#ResocontoMiddle table tfoot tr { background: #96808F;  }
#ResocontoMiddle table tfoot td { padding: 5px 10px; line-height: 1.2; font-weight: bold; color:#FFF; }

/* CATALOG RESERVED AREA */
#CatalogLeft { float: left; width: 222px; height: 377px; border-right: 1px solid #B5AFB3; } 
#CatalogLeft ul#CategoryBrowse { width: 202px; background: url(../img/catalog/back-category-list.jpg) repeat-x top left; height: 288px; padding: 10px; border-bottom: 1px solid #ECEBE9 }
#CatalogLeft ul#CategoryBrowse li { font-weight: bold; padding: 5px; font-size: 90%; }
#CatalogLeft ul#CategoryBrowse ul li { font-weight: normal; font-size: 80%; padding: 2px; padding-left: 10px; margin-left: 10px; }
#CatalogLeft ul#CategoryBrowse ul li.active { background: url("../img/catalog/small-arrow.jpg") no-repeat left center; }
#CatalogLeft ul#CategoryBrowse ul li.active a { color: #982A59 }
#CatalogLeft .btnPdf { }
#CatalogLeft .btnPdf a { display: block; background: url("../img/catalog/pdf_logo.gif") no-repeat top left; min-height: 50px; height: auto !important; height: 50px; margin: 10px; padding-left: 53px; padding-top: 10px; font-size: 90%; padding-right: 20px }

#CatalogRight { float: right; width: 158px; height: 377px; border-left: 1px solid #B5AFB3; }
#CatalogRight .lightbox { height: 99px; background: url("../img/catalog/background_preventivo_catalogo.jpg") repeat-x top left; }
#CatalogRight .lightbox h3 { height: 12px; width: 158px; padding-top: 10px; text-align: center; text-transform: uppercase; font-size: 80%; font-weight: bold; }
#CatalogRight .lightbox .cnt {font-size: 70%; font-weight: bold; padding: 10px; line-height: 2 }
#CatalogRight .lightbox .count { color: #8E0F44 }
#CatalogRight .lightbox input { margin: 5px 0 0 10px; }
#CatalogRight .btns { height: 193px; text-align: center; padding: 8px 0; }
#CatalogRight .btns input.spaced { margin-bottom: 5px; }
#CatalogRight .pager { height: 48px; padding: 10px; border-top: 1px solid #ECEBE9; text-align: center; font-size: 70%; font-weight: bold; }
#CatalogRight .number { font-size: 300%; display: block; margin-top: 7px }

#CatalogMiddle { margin: 0 159px 0 223px; }
#CatalogMiddle .imgBig { border-bottom: 1px solid #ECEBE9; height: 308px; overflow: hidden  }

#ImgGallery { position: absolute; width: 527px; height: 54px; padding: 8px 30px; }
#ImgGallery .mask { position: relative; top: 0px; width: 425px; height: 54px; margin-left: 53px; overflow: hidden; }
#ImgGallery .buttons span { cursor: pointer; }

#ContElementsImgGallery { position: absolute; }
#ContElementsImgGallery input { float: left; margin-right: 5px }

#ImgGallery #next { position: absolute; width: 26px; height: 24px; background: url("../img/arrow_coll_off.png") no-repeat top left; top: 23px; right: 10px; }
#ImgGallery #next:hover { background: url("../img/arrow_coll_on.png") no-repeat top left; }

#ImgGallery #prev { position: absolute;  width: 35px; height: 42px; background: url("../img/arrow_coll_left_off.png") no-repeat top left; top: 23px; left: 10px; }
#ImgGallery #prev:hover { background: url("../img/arrow_coll_left_on.png") no-repeat top left; }


/* PREVENTIVI */
#FormPreventivo { font-size: 80%; }
#FormPreventivo .importLightbox  { padding: 10px; margin-bottom: 10px; border: 1px solid #ECEBE9; line-height: 1.5; text-align: center  }
#FormPreventivo textarea { display: block; width: 100%; height: 90px; margin-bottom: 5px }

#FormPreventivo table { width: 90%; margin: 5px auto; border-collapse: collapse; }
#FormPreventivo th, #FormPreventivo  td { padding: 5px; border: 1px solid #FFF }
#FormPreventivo thead { background: #764565; color: #FFF; }
#FormPreventivo thead th { font-weight: bold }
#FormPreventivo tr.pari { background: #F5F3F4; }
#FormPreventivo tr.dispari { background: #FCFBF6; }
#FormPreventivo #LightBoxBox { height: 80px; overflow: auto; position: relative; line-height: 1.5; }
#FormPreventivo .btns { position: absolute; bottom: 30px; margin-top: 20px; width: 100%;  }
#FormPreventivo .btns input { margin: 0 10px; }
#FormPreventivo .btns .next { position: absolute; right: 0; }
#FormPreventivo .center { text-align: center; }


#Profilo { font-size: 90%; }
#Profilo label { display: block; float: left; width: 200px; font-weight: bold; }
	
	
.backBrochure { position: relative; background: url("../img/Brochure_01.png") no-repeat bottom left; min-height: 377px; height: auto !important; height: 377px; }
.backBrochure .arrow { position: relative; top: 4px; background: url("../img/arrow_coll_off.png") no-repeat top left; margin-left: 20px; padding-right: 26px; line-height: 24px; }
.backBrochure .arrow span { display: none }
.backBrochure a:hover .arrow { background: url("../img/arrow_coll_on.png") no-repeat top left; padding-right: 26px; line-height: 24px; }

.backBrochure .brochure-pdf { position: absolute; left: 445px; top: 115px;}
.backBrochure .brochure-online { position: absolute; left: 485px; top: 270px; }
.backBrochure .brochure-pdf .backico { position: absolute; top: -100px; left: 275px; display: block; width: 211px; height: 174px; background: url("../img/Brochure_02.png") no-repeat top left;  }
.backBrochure .brochure-online .backico { position: absolute; top: -70px; left: 220px; display: block; width: 262px; height: 173px; background: url("../img/Brochure_03.png") no-repeat top left;   }

