/*////// begin of ELEMENTS //////*/

html, BODY{
height:100%;
color:#ffffff;
font-family: Arial, Verdana, Tahoma;
font-size:12px;
line-height:90%;
margin:0px;
padding:0px;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-arrow-color: #ffffff;
scrollbar-base-color:#ECECE3;
scrollbar-darkshadow-color:#4D4A41;
scrollbar-face-color:#DADABE;
scrollbar-highlight-color:#fffffff;
scrollbar-shadow-color:#4D4A41;
background-image:url(../img/background_6.jpg);
background-color:#000000;
}

A,A:LINK,A:ACTIVE,A:FOCUS,A:VISITED{
color: #b09c57;
text-decoration: none;
}

A:HOVER{
color: #b09c57;
text-decoration: underline;
}


H1{
/*font-family:Arial,Tahoma,Verdana,Helvetica,sans-serif;*/
font-size:180%;
font-weight: normal;
margin-left:0px;
margin-bottom : 2px;
margin-top : 0px;
line-height : 110%;
color: #FFFFFF;
}

H2{
/*font-family:Arial,Tahoma,Verdana,Helvetica,sans-serif;*/
font-size:130%;
font-weight: normal;
margin-top : 1px;
margin-bottom : 4px;
line-height : 115%;
color: #FFFFFF;
}

H3{
/*font-family:Arial,Tahoma,Verdana,Helvetica,sans-serif;*/
font-size:10px;
color: #ffffff;
margin: 0px;
line-height:14px;
}

H4{
font-size:90%;
color: #000000;
margin-top : 0px;
margin-bottom : 0px;
line-height : 100%;
}

H5{
font-size:10px;
color: #ffffff;
margin: 0px;
line-height:14px;
}

H6{
font-size:10px;
color: #B3A59F;
margin: 0px;
line-height:10px;
}

LI{
color:#4D4A41;
font-family:Arial,Tahoma,Verdana,Helvetica,sans-serif;
font-size:80%;
margin: 0px;
}

P{
color:#FFFFFF;
font-size:12px;
line-height:16px;
margin-top : 0px;
margin-bottom : 0px
}
/*////// end of ELEMENTS //////*/



/*////// begin of COMMON CLASSES //////*/
.golden{
background-color:#b09c57;
}

A.menu,A.menu:LINK,A.menu:ACTIVE,A.menu:FOCUS,A.menu:VISITED{
color: #ffffff;
text-decoration: none;
}

A.menu:HOVER{
color: #b09c57;
text-decoration: none;
}

A.Gorricho,A.Gorricho:LINK,A.Gorricho:ACTIVE,A.Gorricho:FOCUS,A.Gorricho:VISITED{
color: #666666;
text-decoration: none;
}

A.Gorricho:HOVER{
color: #b09c57;
text-decoration: underline;
}

#footer{
width:100%;
background-color:#000000;
position:absolute;
left:0;
vertical-align:bottom;
z-index:1;
}

.pie{
font-family:Arial, Helvetica, sans-serif;
padding-top:9px;
font-size:9px;
line-height:12px;
color:#888;
z-index:10;
}

.pie P{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
line-height:12px;
color:#888;
}


.pie a{
color:#888;
text-decoration:none;
}

.pie a:hover{
color:#888;
text-decoration:underline;
}

.pie_titulo{
font-size:11px;
line-height:14px;
}

.textodestacado{
color:#b09c57;
}

#lightbox{
	position: absolute;
	left: 0;
	right:0;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
position:relative;
	background-color: #000000;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0px;
	height: 25%;
    right:0px;
	line-height: 0;
	}
#hoverNav{
	left: 0;
	height: 100%;
	margin:0px;
	position: absolute;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { background: url(../images/prev-white.gif) left 15% no-repeat;left: 0; float: left;}
#nextLink { background: url(../images/next-white.gif) right 15% no-repeat;right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prev-white.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/next-white.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #000000;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
		}

#imageData{	padding:0 10px; }
#imageData #imageDetails{  color: #ffffff;width: 70%; float: left; text-align: left; }	
#imageData #caption{  color: #ffffff; font-weight: normal; padding-top:0px;}
#imageData #numberDisplay{ color: #555555; display: block; clear: left;}			
#imageData #bottomNavClose{ float:right; clear:right;}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	height: 500px;
	background-color: #000;
	}

.MenuSide{
padding-left: 0px;
padding-top: 0px;
font-size: 90%;
font-weight:normal;
}

.registrado{
font-size: 8px;
font-family: Arial, Helvetica, sans-serif;
vertical-align: text-top;
position:relative;
font-weight: bold;
text-decoration: none;
}

.margen_cero{
margin-bottom:0px;
}

.oro{
color: #b09c57;
}

.list{
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
}


/*////// end of COMMON CLASSES //////*/


/**************************************************************

	Image Menu
	v 2.2

**************************************************************/


#Notte {
	margin: 0px;
	height: 575px;
	width: 116px;
	overflow: hidden;
	text-decoration:none;
}



#Notte ul {
	list-style:none;
	padding: 0px;
	margin:0px;
	text-decoration:none;
	
	}

#Notte ul li {
	margin: 0px;
	float: left;
	text-decoration:none;
}

#Notte ul li a {
	margin: 0px;
	text-indent:5px;
	color:#FFFFFF;
	font-size:11px;
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:#000000;
	border-bottom: 2px solid #000000;
	cursor:pointer;
	display:block;
	overflow:hidden;
	height:50px;
	width:135px;
	text-decoration:none;

}

#Notte ul li.acero a {
	background: url(../images/ctlg_acero.jpg) repeat scroll 0%;

}

#Notte ul li.tramonto a {
	background: url(../images/ctlg_tramonto.jpg) repeat scroll 0%;

}

#Notte ul li.marrone_foresta a {
	background: url(../images/ctlg_foresta.jpg) repeat scroll 0%;

}

#Notte ul li.rojo a {
	background: url(../images/ctlg_rojo.jpg) repeat scroll 0%;

}

#Notte ul li.marrone_habano a {
	background: url(../images/ctlg_habano.jpg) repeat scroll 0%;

}

#Notte ul li.cemento a {
	background: url(../images/ctlg_cemento.jpg) repeat scroll 0%;

}

#Notte ul li.verde_ceniza a {
	background: url(../images/ctlg_verde.jpg) repeat scroll 0%;

}

#Notte ul li.gris_topo a {
	background: url(../images/ctlg_topo.jpg) repeat scroll 0%;

}

#Notte ul li.negro_fumo a {
	background: url(../images/ctlg_gfumo.jpg) repeat scroll 0%;

}

#Notte ul li.azul_noche a {
	background: url(../images/ctlg_azulnoche.jpg) repeat scroll 0%;

}

#Notte ul li.tostado a {
	background: url(../images/ctlg_tostado.jpg) repeat scroll 0%;
	height:50px;
}

#Luce {
	margin: 0px;
	height: 575px;
	width: 116px;
	overflow: hidden;
	text-decoration:none;
}



#Luce ul {
	list-style:none;
	padding: 0px;
	margin:0px;
	text-decoration:none;
	
	}

#Luce ul li {
	margin: 0px;
	float: left;
	text-decoration:none;
}

#Luce ul li a {
	margin: 0px;
	text-indent:5px;
	color:#FFFFFF;
	font-size:11px;
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:#000000;
	border-bottom: 2px solid #000000;
	cursor:pointer;
	display:block;
	overflow:hidden;
	height:50px;
	width:135px;
	text-decoration:none;

}

#Luce ul li.mantecato a {
	background: url(../images/ctlg_mantecato.jpg) repeat scroll 0%;

}

#Luce ul li.blanco_roto a {
	background: url(../images/ctlg_bianco.jpg) repeat scroll 0%;

}

#Luce ul li.ceniza a {
	background: url(../images/ctlg_ceniza.jpg) repeat scroll 0%;

}

#Luce ul li.perla a {
	background: url(../images/ctlg_perla.jpg) repeat scroll 0%;

}

#Luce ul li.sabbia a {
	background: url(../images/ctlg_sabbia.jpg) repeat scroll 0%;

}

#Luce ul li.rosa_antico a {
	background: url(../images/ctlg_rosaantico.jpg) repeat scroll 0%;

}

#Luce ul li.ossido a {
	background: url(../images/ctlg_ossido.jpg) repeat scroll 0%;

}

#Luce ul li.caramelato a {
	background: url(../images/ctlg_caramelato.jpg) repeat scroll 0%;

}

#Luce ul li.rosso_cotto a {
	background: url(../images/ctlg_rossocotto.jpg) repeat scroll 0%;

}

#Luce ul li.trigo a {
	background: url(../images/ctlg_trigo.jpg) repeat scroll 0%;

}

#Viva {
	margin: 0px;
	height: 575px;
	width: 116px;
	overflow: hidden;
	text-decoration:none;
}



#Viva ul {
	list-style:none;
	padding: 0px;
	margin:0px;
	text-decoration:none;
	
	}

#Viva ul li {
	margin: 0px;
	float: left;
	text-decoration:none;
}

#Viva ul li a {
	margin: 0px;
	text-indent:5px;
	color:#FFFFFF;
	font-size:11px;
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:#000000;
	border-bottom: 2px solid #000000;
	cursor:pointer;
	display:block;
	overflow:hidden;
	height:50px;
	width:135px;
	text-decoration:none;

}

#Viva ul li.verde_limon a {
	background: url(../images/ctlg_verdelimon.jpg) repeat scroll 0%;
	
}

#Viva ul li.amarillo a {
	background: url(../images/ctlg_amarillo.jpg) repeat scroll 0%;
}

#Viva ul li.naranja a {
	background: url(../images/ctlg_naranja.jpg) repeat scroll 0%;
}

#Viva ul li.rojo_intenso a {
	background: url(../images/ctlg_rojointenso.jpg) repeat scroll 0%;

}

#Viva ul li.azul_profundo a {
	background: url(../images/ctlg_azulprofundo.jpg) repeat scroll 0%;
}

#Viva ul li.agua_marina a {
	background: url(../images/ctlg_aguamarina.jpg) repeat scroll 0%;
}

#Viva ul li.verde_musgo a {
	background: url(../images/ctlg_verdemusgo.jpg) repeat scroll 0%;
}

#Viva ul li.verde_ingles a {
	background: url(../images/ctlg_verdeingles.jpg) repeat scroll 0%;
}

#Viva ul li.malva a {
	background: url(../images/ctlg_malva.jpg) repeat scroll 0%;
}

#Viva ul li.purpura a {
	background: url(../images/ctlg_purpura.jpg) repeat scroll 0%;
}

#Metalicos {
	margin: 0px;
	height: 575px;
	width: 116px;
	overflow: hidden;
	text-decoration:none;
}

#Metalicos ul {
	list-style:none;
	padding: 0px;
	margin:0px;
	text-decoration:none;
	
	}

#Metalicos ul li {
	margin: 0px;
	float: left;
	text-decoration:none;
}

#Metalicos ul li a {
	margin: 0px;
	text-indent:5px;
	color:#FFFFFF;
	font-size:11px;
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:#000000;
	border-bottom: 2px solid #000000;
	cursor:pointer;
	display:block;
	overflow:hidden;
	height:50px;
	width:135px;
	text-decoration:none;

}

#Metalicos ul li.negro_metal a {
	background: url(../images/ctlg_negrometal.jpg) repeat scroll 0%;
	
}

#Metalicos ul li.oro a {
	background: url(../images/ctlg_oro.jpg) repeat scroll 0%;
}

#Metalicos ul li.plata a {
	background: url(../images/ctlg_plata.jpg) repeat scroll 0%;
}

#Metalicos ul li.bronce a {
	background: url(../images/ctlg_bronce.jpg) repeat scroll 0%;

}

.clear {
	clear: both;
}

.grey {
color:#CCCCCC;
}

A.grey,A.grey:LINK,A.grey:ACTIVE,A.grey:FOCUS,A.grey:VISITED{
color: #CCC;
text-decoration: none;
}

A.grey:HOVER{
color: #CCC;
text-decoration: underline;
}

#banderola {
	width:75px;
	top:0;
	left:95%;
	padding-left:0px;
	text-align:right;
	position:absolute;
	clear:both;
	z-index:5;
}

#top {
	position:relative;
	z-index:2;
	}

#top_menu {
	position:relative;
	z-index:20;
	}

.catalogo_on{
	border:0px hidden #000;
	padding:1px;
}

.catalogo_on:hover{
	border:1px solid #b09c57;
	padding:0px;
}

#menusetcountry{

clear:both;

}

/* ############### CSS MENU ####################*/

ul.cssMenu ul{display:none}
ul.cssMenu li:hover>ul{display:block}
ul.cssMenu ul{position: absolute;left:0;top:100%;}
ul.cssMenu ul ul{position: absolute;left:100%;top:0px;}
ul.cssMenu,ul.cssMenu ul {
	margin:0px;
	list-style:none;
	padding:0px;
	background-color:#333;
	background-repeat:repeat;
	border:none;
}
ul.cssMenu table {border-collapse:collapse}ul.cssMenu {
	display:block;
	zoom:1;
	float: left;
}
ul.cssMenu ul{
	width:111.30000000000001px;
	
}
ul.cssMenu li{
	display:block;
	margin:0px;
	font-size:0px;
}
ul.cssMenu a:active, ul.cssMenu a:focus {
outline-style:none;
}
ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	background-color:#333;
	border:none;
	text-align:left;
	text-decoration:none;
	padding:3px;
    padding-left:4px;
	font:10px Verdana;
	color: #FFF;
	text-decoration:none;
	cursor:default;
}
ul.cssMenu span{
	overflow:hidden;
}
ul.cssMenu li {
	float:left;
}
ul.cssMenu ul li {
	float:none;
}
ul.cssMenu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.cssMenu li.sep{
	text-align:center;
	padding:0px;
	line-height:0;
	height:100%;
}
ul.cssMenu li.sep span{
	float:none;
	padding:0;
	width:5;
	height:16;
	display:inline-block;
	background-color:#AAAAAA;	background-image:none;}
ul.cssMenu ul li.sep span{
	width:80%;
	height:3;
}
ul.cssMenu li:hover{
	position:relative;
}
ul.cssMenu li:hover>a{
	background-color:#444;
	border:none;
	font:10px Verdana;
	color: #ffffff;
	text-decoration:none;
}
ul.cssMenu li a:hover{
	position:relative;
	background-color:#444;
	border:none;
	font:10px Verdana;
	color: #ffffff;
	text-decoration:none;
}
ul.cssMenu li.dis a {
	color: #AAAAAA !important;
}
ul.cssMenu img {border: none;float:left;_float:none;margin-right:4px;width:16px;
height:16px;
}
ul.cssMenu ul img {width:16px;
height:16px;
}
ul.cssMenu img.over{display:none}
ul.cssMenu li.dis a:hover img.over{display:none !important}
ul.cssMenu li.dis a:hover img.def {display:inline !important}
ul.cssMenu li:hover > a img.def  {display:none}
ul.cssMenu li:hover > a img.over {display:inline}
ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover ul img.def,ul.cssMenu a:hover a:hover img.over,ul.cssMenu a:hover a:hover a:hover img.over{display:inline}
ul.cssMenu a:hover img.def,ul.cssMenu a:hover ul img.over,ul.cssMenu a:hover a:hover ul img.over,ul.cssMenu a:hover a:hover img.def,ul.cssMenu a:hover a:hover a:hover img.def{display:none}
ul.cssMenu a:hover ul,ul.cssMenu a:hover a:hover ul{display:block}
ul.cssMenu a:hover ul ul{display:none}
ul.cssMenu span{
	display:block;
	background-image:url(../img/down.gif);
	background-position:right center;
	background-repeat: no-repeat;
	padding-right:15px;}
ul.cssMenu li:hover>a>span{background-image:url(../img/down.gif);}
ul.cssMenu a:hover span{_background-image:url(../img/right.gif)}
ul.cssMenu ul span,ul.cssMenu a:hover table span{background-image:url(../img/right.gif)}
ul.cssMenu ul li:hover > a span{background-image:url(../img/right.gif);}
ul.cssMenu table a:hover span,ul.cssMenu table a:hover a:hover span{background-image:url(../img/right.gif)}
ul.cssMenu table a:hover table span{background-image:url(../img/right.gif)}