/* CSS Document */

body {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-decoration: none;
	font-weight: normal;
	font-family:  Arial, Verdana,Helvetica, sans-serif;
	font-size:11px;
	color:#8d8d8d;
	background-color:#000000;


	
}
img{ border:0px;}


input{ 
	border:#707070 1px solid;
	height:15px;
	background-color: #000000;
	filter:alpha(opacity=35); /* IE's opacity*/
	opacity: 0.35;
	color:#ffffff;
 }
 .inputDistr{ 
	border:#555555 1px solid;
	width:80px;
	color:#8d8d8d;
	background-color:transparent;
 }
  .inputSubmit{ 
	 border:#000000 1px solid;
	 height:18px;
 }
#containerPre { 

	width: 950px;
	height: auto !important;
	height: 500px;
	min-height: 500px;
	margin: auto;
	margin-top:200px;
	background-color:#000000;
	text-align:center;
	
}
#disclaimer{
	margin:auto;
	margin-top:150px;
	width:484px;
	text-align:justify;

}
#entra{
	margin:auto;
	margin-top:10px;
	width:484px;
	text-align:right;
	color:#FFFFFF;
}
#container { 

	width: 970px;
	height: auto !important;
	height: 700px;
	min-height: 700px;
	margin: auto;
	background-color:#000000;
	
}

#contentDx{ 
	height:700px;
	width: 699px;
	float:left;
	
}





#colLeft{ 
	margin-top:100px;
	width: 270px;
	float:left;
	text-align:right;
	height: 600px;
}



#logoPre{
	width: 484px;
	height: 100px;
	margin:auto;
	}
#logo{
	width: 169px;
	height: 52px;
	float:right;
	margin-right:50px;
	}
	#zoom{
	margin:auto;
	width: 1200px;
	}
#logoZoom{
	margin-top:30px;
	width: 169px;
	height: 52px;
	float:left;
	/*margin-right:100px;*/
	}
#menuLeft{
margin-top:30px;
	float:right;
	width: 205px;
	height: 125px;
	margin-right:54px;
	line-height:18px;

}

/*
#submenuLeft{
	float:right;
	width: 165px;
	height: 120px;
	margin-right:54px;
	line-height:18px;

}*/

#submenuLeft{
	float:right;
	width: 270px;
	margin-top: 40px;
	height: 120px;
	line-height:18px;

}
#submenuLeftModel{
margin-top:40px;
	float:right;
	width: 270px;
line-height:18px;
}
a{
color:#AFAFAF;
font-weight:normal;
text-decoration: none;



}
a:hover{
font-weight:bold;
text-decoration: none;
	color: #ffffff;
}
a:visited{
color:#AFAFAF;
font-weight:normal;
	text-decoration: none;
	
}

a:link{
color:#AFAFAF;
font-weight:normal;
	text-decoration: none;
	
}

a.menuLeft{
color:#AFAFAF;
font-weight:normal;
text-decoration: none;
font-size:12px;



}
a.menuLeft:hover{
font-weight:bold;
text-decoration: none;
	color: #ffffff;
font-size:12px;
}
a.menuLeft:visited{
color:#AFAFAF;
font-weight:normal;
	text-decoration: none;
	font-size:12px;
}

a.menuLeft:link{
color:#AFAFAF;
font-weight:normal;
	text-decoration: none;
	font-size:12px;
}
a.voceVisited{
font-weight:bold;
text-decoration: none;
	color: #ffffff;

}

a.link1{

	font-size:11px;
	text-decoration: none;
	color: #ffffff;
	font-weight:normal;

}
a.link1:hover{
	font-size:11px;
	text-decoration: none;
	color: #ffffff;
	font-weight:normal;

}


a.modelli{
color:#ffffff;
font-weight:normal;
text-decoration: none;
padding-right:50px;
padding-left:5px;

}
a.modelli:hover{
text-decoration: none;
	color: #ffffff;
	background-image:url(../immagini/cursore.jpg);
	background-repeat:no-repeat;
	background-position:right;
	background-color:#47432f;
	padding-left:5px;
}



a.modelli_selected{
text-decoration: none;
	color: #ffffff;
	background-image:url(../immagini/cursore.jpg);
	background-repeat:no-repeat;
	background-position:right;
	background-color:#47432f;
	padding-right:50px;
	padding-left:5px;

}
a.modelli_selected:hover{
text-decoration: none;
	color: #ffffff;
	background-image:url(../immagini/cursore.jpg);
	background-repeat:no-repeat;
	background-position:right;
	background-color:#47432f;
	padding-right:50px;
	padding-left:5px;
	font-weight:normal;

}

a.collezioni{
color:#555555;
font-weight:normal;
text-decoration: none;
padding-right:50px;


}
a.collezioni:hover{
text-decoration: none;
	color: #ffffff;
	

}


a.collezioni_selected{
text-decoration: none;
	color:#8d8d8d;
	border:1px solid #444135;
	border-right:none;
	padding-right:50px;
	padding-left:5px;

}
a.collezioni_selected:hover{
text-decoration: none;
font-weight:normal;
	color:#8d8d8d;
	border:1px solid #444135;
	border-right:none;
	padding-right:50px;
	padding-left:5px;

}
#colRight{ 
	width: 699px;
	float:left;
	text-align:justify;
	border-left: 1px solid #454545;
	height: auto !important;
	height: 700px;
	min-height: 700px;
}

#content{ 
	height:700px;
	width: 530px;
	float:left;
	margin-left:40px;
	border-right: 1px solid #454545;
}

#contentzoom{ 
	height:960px;
	width: 914px;
	float:left;

}

#contentModel{ 
	height:700px;
	width: 570px;
	float:left;
	border-right: 1px solid #454545;
}

#altreVersioni{
height:115px;
	width: 430px;
	float:left;

	
}
#fotoModello{
margin-top:10px;
height:480px;
	width: 570px;
text-align:center;
	
}
#divBackZoom{
width:570px;
margin:auto;
height:20px;
border-bottom: 1px solid #454545;
text-align:right;
}
#schedaTecnica{

height:115px;
	width: 570px;
	border-bottom: 1px solid #454545;
}
#linkTecnica{
padding-top:3px;
width:99px;
padding-left:20px;
padding-right:20px;
height:110px;
float:left;
 line-height:18px;
 background-color:#141414;
border-left: 1px solid #454545;	
}
#thumbFoto{
height:115px;
width:142px;
border-left: 1px solid #454545;
float:left;
text-align:center;
}
#descrizioni{
height:80px;
	width: 550px;
	float:left;

	
}

#thumbStrap{
width:30px; 
height:30px;
margin-left:5px;
margin-bottom:5px;
float:left;
}
#descrizioniStrap{
margin-top:10px;
height:120px;
	width: 400px;
	float:left;
	margin-left:20px;
	
}
#flash{ 
	height:700px;
	width: 250px;
	float:left;
	border-right: 1px solid #454545;
}
#flashHome{ 
	height:700px;
	width: 490px;
	float:left;
	border-right: 1px solid #454545;
}
#menuRight{ 
	margin-top:282px;
	width: 100px;
	float:left;
	text-align:left;
	margin-left:25px;
	line-height:18px;
	


}








#divPress{ 
	height:280px;
	width:430px;
	margin-left:120px;
	float:left;
	margin-bottom:20px;
}
#divPressFoto{ 
	height:280px;
	width:200px;
	float:left;
}
#divTitoloFoto{ 
margin-left:30px;
	height:280px;
	width:190px;
	float:left;
	height:80px;
}
#divTitoloFotoimg{ 
float:left;
margin-top:70px;
margin-left:30px;
border: #4f4949 1px solid;
height:130px;
width:97px;
border: #969696 1px solid;
overflow:hidden;
	
}

#divTestate{ 
	height:220px;
	float:left;
}

#divArchivio{ 
	width: 100px;
	text-align:center;
	margin:auto;
}






#thumbEvento{

width:66px;
height:66px;
margin-right:20px;
margin-top:20px;
float:left;
background-color:#0f0f0f;
}
#thumbEventoLast{

width:66px;
height:66px;
margin-top:20px;
float:left;
background-color:#0f0f0f;}
#contentAreaRis{ 
	height:600px;
	width: 530px;
	float:left;
	margin-left:40px;
	margin-top:100px;
	border-right: 1px solid #454545;
}

#label{
width:145px;
float:left;
margin-bottom:5px;
margin-right:5px;
font-size:10px;
}

#boxtesto{
width:360px;
float:left;
margin-bottom:5px;
}
#boxtesto2{
width:300px;
float:left;
margin-bottom:5px;
}
#labelReg{
width:145px;
float:left;
margin-bottom:2px;
margin-right:5px;
font-size:10px;
}
#label1{
width:100px;
float:left;
margin-bottom:2px;
font-size:10px;
}

#boxtesto1{
width:200px;
float:left;
margin-bottom:2px;
}
#footer{
	width: 950px;
	height: 30px;
	padding-top:10px;
	margin:auto;
	color:#FFFFFF;
	font-size:11px;
	

}

/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbar {
width: 36px;
background:  url(../immagini/scrollbar.png) -36px 0px repeat-y;
/* do not forget to put colors for backgrounds for before image(s) can load , this is more important for
the scrollbar itself than the scrollbase, as user can live without an image on the base but cannot see
any scrollbar when images cannot load. */
}
.vscrollerbarbeg {
/* height of this element is normally auto set to fit the scrollbase, to cover the base... */
height: 24px !important;
/* ...unless we force the size using an !important decleration */
/* forcing would not be required if Webkit-Safari did not have a background-repeat bug*/
/* this may be fixed by the time Safari 3.0 is released. */
width: 36px;
background: url(../immagini/scrollbar.png) -108px -32px no-repeat;
}
.vscrollerbarend {
/* height of this element should be set */
height: 24px;
width: 36px;
background: url(../immagini/scrollbar.png) -108px 0px no-repeat;
}

.vscrollerbase {
width: 36px;
background: url(../immagini/scrollbar.png) 0px 0px repeat-y;
}
.vscrollerbasebeg {
/* height of this element is auto set to fit the scrollbase, to cover the base */
/* this element can be used to place a faux top arrow image */
width: 36px;
height: 28px !important; /*Again, the safari fix, normally this line is not needed.*/
background: url(../immagini/scrollbar.png) -72px -28px no-repeat;
}
.vscrollerbaseend {
/* height of this element should be set */
/* this element can be used to place a faux bottom arrow image */
height: 28px;
width: 36px;
background: url(../immagini/scrollbar.png)  -72px 0px no-repeat;
}

/* do not forget to give horizontal scrollbars some color properties even if you don't plan on using them */
.hscrollerbase {
height: 16px; 
}
.hscrollerbar {
height: 16px; 
}

.vscrollerbar, .hscrollerbar {
/* paddings of these elements will decide how far the scrollbar will stop in both ends, and are not actually
used for styling, and are set to 0 by the script, here we will set them the size of our faux arrows */
padding: 28px;
z-index: 2;
}

/* properties for scroller jog box, just in case */
.scrollerjogbox {
width: 36px;
height: 16px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #141414;
}


/* Scroll Bar Master Styling Ends Here */

#mycustomscroll {
	/* Typical fixed height and fixed width example */
width: 520px;
	height: 56px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	
	margin: 0.3em auto;
	padding: 15px;
	float:left;
}

/* Scroll Bar Master Styling Ends Here */

#mycustomscrollPaesi {
	/* Typical fixed height and fixed width example */
width: 180px;
	height: 160px;
	line-height:18px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
position: relative;
	/*margin: 0.3em auto;
	padding: 15px;*/
}
#mycustomscrollPress {
	/* Typical fixed height and fixed width example */
width: 600px;
	height: 280px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
position: relative;
	/*margin: 0.3em auto;
	padding: 15px;*/
}



/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 410px;
	height:115px;
	float:left;

}


/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:1000px;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable img {
	float:left;
	width:110px;
	height:115px;
	padding-left:10px;
	padding-right:10px;
	cursor:pointer;
	/*border-left: 1px solid #454545;*/
	
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}

a.browse {
	margin-top:50px;
	width:10px;
	height:30px;
	float:left;
	cursor:pointer;
	font-size:1px;
	float:left;
}
a.right { background:url(../immagini/frecciadx.jpg) no-repeat;}


/* left */
a.left	{ background:url(../immagini/frecciasx.jpg) no-repeat; } 

a.disabled {
	visibility:hidden !important;		
} 	


#huy-magnifier {
	width:200px;
	height:200px;
	border:1px solid #8d8d8d;
}


#slidemarginleft{
	height:600px;
	width:699px;
	position:relative;
	overflow:hidden;
}
#continente{float:left;margin-left:40px;height:20px;margin-top:20px; color:#FFFFFF;}

#inner{
position:absolute;
top:100px;
width:570px;
height:380px;
left:190px; 
background-image:url(../immagini/trasparenteDistr.png);
border:#707070 1px solid;
z-index:10;
margin-left:570px;
 }
 #listaretailer{margin-left:10px;margin-top:20px;width:270px;height:170px;float:left;text-align:left; line-height:18px;overflow: auto;position:relative;}
 #boutique{margin-left:20px;margin-top:20px;width:180px;height:220px;float:left;text-align:left; line-height:18px;position:relative;overflow: auto;}
 #listadistributori{margin-left:10px;margin-top:10px;width:300px;height:160px;float:left;text-align:left; line-height:18px;overflow: auto;position:relative;}
 #listapaesi{width:170px;height:350px;float:left;margin-left:40px;margin-top:140px; line-height:18px;}