﻿/* *********************************************************** */
/* ***************   INIZIO VOCI SKIN ARTMEDIA XHTML ********* */
/* *********************************************************** */

/* ******************  VOCI DI PORTAL.CSS in SKIN  *************************** */
body {
	font-family: Arial, Verdana, sans-serif;
	margin: 0;
	padding: 0;
 	text-align: center; /* IE */ 
}
#container {
	width: 920px;
	margin: 20px auto;
	text-align: left;
}
/* ======= TOP ====== */
#top {
	width:100%;
	height: 90px;
	margin: 0;
	padding: 0;
	float:left;
	clear:both;
}
#left {
	width: 200px;
	height: 90px;
	margin: 0;
	padding: 0;
	float:left;

	background-image: url('images/logo.gif');
	background-position: 0 0;
	background-repeat: no-repeat;
}
#right {
	width: 500px;
	height: 90px;
	margin: 0;
	padding: 0;
	float: right;
	text-align:right;
}
#spacertop {
	width: 100%;
	height: 54px;;
	margin: 0;
	padding: 0;
	text-align:right;
	top:70px;
	clear:both;
}
#paneMenuContainer {
	text-align:right;
}
.paneMenuLINKSML,
.paneMenuLINKSML p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	text-transform:uppercase;
	color: #666666;
	text-align:right;
}

.paneMenuLINKSML a:link,
.paneMenuLINKSML a:visited,
.paneMenuLINKSML p a:link,
.paneMenuLINKSML p a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#666666;
}
.paneMenuLINKSML a:hover,
.paneMenuLINKSML a:active,
.paneMenuLINKSML p a:hover,
.paneMenuLINKSML p a:active{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color: #333333;
}
#languageselector {
	height:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
	color:#999999;
}
#languageselector a:link,
#languageselector a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
	color:#999999;
}
#languageselector a:hover,
#languageselector a:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
	color:#999999;
}

.selectedlang {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	color: white;
	background-color:#333333;
}
.clear {	
	clear:both;
	height:0px;
}

/* ======= footer ====== */
#footer {
	background-image: url('images/grigio1x1.jpg');
	background-position: 0 0;
	background-repeat: repeat-x;
	
	width:920px; 
	margin: 0;
	padding: 0;
	/*padding-top:5px;*/
	float:left;
	clear:both;
	text-align: center;
}
.footerText {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;

}
.footerright {
	text-align:right;
}

/* ======= Colonne ==== */
.singlecolumn {
	width: 100%; 
	padding: 0; 
	margin: 0;
	text-align:left;
}
.columnleft{
	float:left;
	width:50%; 
	padding: 0;
	margin: 0;
}
.columnright {
	float:right;
	width:49%;
	padding: 0;
	margin: 0 auto;
	text-align:center;	
}

/* ======= MenuVoci =====  */
.MenuVoci {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	
	margin: 0;
	padding: 0;	

	height: 20px;
}

.MenuVoci a,
.MenuVoci a:link,
.MenuVoci a:visited {
	color: #666666;
	text-decoration: none;
	
	height:20px;
	display:block;
}
.MenuVoci a:hover,
.MenuVoci a:active {
	color: #333333;
	text-decoration: none;

	height:20px;
	display:block;
}
.vspacer {
	font-family: Arial, Helvetica, sans-serif; 
	font-size:3px; 
	height:3px
}


/* ====== Tabella Menu =====  */
#MenuRiga0 {
	width:920px;
	height: 9px;
	margin: 0;
	padding: 0;
	/*padding-top:5px;*/
	float:left;
	clear:both;
	
	border-top-style:solid;
	border-top-color:#666666;
	border-top-width:1px;

}
#MenuRiga1 {
	width:920px;
	height: 25px;
	margin: 0;
	padding: 0;
	/*padding-top:5px;*/
	float:left;
	clear:both;
	
	background-image: url('images/grigio1x1.jpg');
	background-position: 0 100%;
	background-repeat: repeat-x;
}
#MenuRiga2 {
	width:920px;
	height: 8px;
	margin: 0;
	padding: 0;
	/*padding-top:5px;*/
	float:left;
	clear:both;
}
#MenuRiga3 {
	width:920px;
	height: 24px;
	margin: 0;
	padding: 0;
	/*padding-top:5px;*/
	float:left;
	clear:both;
}
#MenuRiga4 {
	width:920px;
	height: 2px;
	margin: 0;
	padding: 0;
	/*padding-top:5px;*/
	float:left;
	clear:both;
	
	border-bottom-style:solid;
	border-bottom-color:#666666;
	border-bottom-width:1px;
}
.MenuColonnaLR {
	width:300px;
	height: 20px;
	margin: 0;
	padding: 0;
	float: left;
	

}
.MenuColonnaC {
	width:160px;
	height: 20px;
	margin: 0;
	padding: 0;
	float: left;
	
/* background-color:orange; */
}


/*  ==== MENU DROP DOWN ===== */
#MenuImage_fullworkstation .menuDD ul li ul li a:link,
#MenuImage_fullworkstation .menuDD ul li ul li a:visited, 
#MenuImage_fullworkstation .menuDD ul li ul li a:active {
background-image: none;
padding-right:0px;
}
.menuDD {
	/* border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	*/
	}
.menuDD ul{
	height:20px;
	list-style:none !important;
	margin:0;
	padding:0;
	}
	.menuDD li{
		float:right; 
		padding:0px;
		}
	.menuDD ul li ul li a:link,
	.menuDD ul li ul li a:visited{
		color:white;
		line-height:20px;
		}
	.menuDD li a{
		/* background:#333333 url("images/seperator.gif") bottom right no-repeat; 
		color:#cccccc;
		display:block;
		font-weight:normal;
		line-height:35px;
		margin:0px;
		padding:0px 25px;
		text-align:center;
		text-decoration:none; */
		}
		.menuDD li a:hover, 
		.menuDD ul li:hover a{
			/*
			background: #cccccc url("images/hover.gif") bottom center no-repeat;
			color:#FFFFFF;
			text-decoration:none;
			*/
			}
	.menuDD li ul{
		background:#64AFD6;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:170px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menuDD li:hover ul{
		display:block;
		
		}
	.menuDD li li {
		/* background:url('images/sub_sep.gif') bottom left no-repeat; */
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:170px;
		}
	.menuDD li:hover li a{
		background:none;
		}
	.menuDD li ul a{
		display:block;
		height:20px;
		line-height:20px;
		font-size:10px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menuDD li ul a:hover, 
		.menu li ul li:hover a{
			/* background:#2580a2 url('images/hover_sub.gif') center left no-repeat; */
			background-color:#B1D4EA;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
	.menuDD p{
		clear:left;
		}	
/* ==========  FINE MENU DROP DOWN ================= */ 


/* @@@@@@@@@@@@@@@@@@ INIZIO PRODOTTI @@@@@@@@@@@@@@@@ */

/* ======= partyline =====  */
#MenuImage_partyline {
	width: 300px;
	height: 20px;
	margin: 0;
	padding: 0;
}
#MenuImage_partyline a:link, 
#MenuImage_partyline a:visited, 
#MenuImage_partyline a:active {
	background-image: url('images/MenuImage_partyline.jpg');
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 30px;
}
#MenuImage_partyline a:hover {
	background-image: url('images/MenuImage_partyline.jpg');
	background-position: 0 -20px;
	background-repeat: no-repeat;
	padding-left: 30px;
}

/* ======= partyline =====  */
#MenuImage_mixline {
	width: 160px;
	height: 20px;
	margin: 0;
	padding: 0;
}
#MenuImage_mixline a:link, 
#MenuImage_mixline a:visited, 
#MenuImage_mixline a:active {
	background-image: url('images/MenuImage_mixline.jpg');
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 30px;
}
#MenuImage_mixline a:hover {
	background-image: url('images/MenuImage_mixline.jpg');
	background-position: 0 -20px;
	background-repeat: no-repeat;
	padding-left: 30px;
}
/* ======= bartenderline =====  */
#MenuImage_bartenderline {
	width: 160px;
	height: 20px;
	margin: 0;
	padding: 0;

	float:right;
	text-align:right;
}
#MenuImage_bartenderline a:link, 
#MenuImage_bartenderline a:visited, 
#MenuImage_bartenderline a:active {
	background-image: url('images/MenuImage_bartenderline.jpg');
	background-position: 100% 0;
	background-repeat: no-repeat;
	padding-right: 30px;
}
#MenuImage_bartenderline a:hover {
	background-image: url('images/MenuImage_bartenderline.jpg');
	background-position: 100% -20px;
	background-repeat: no-repeat;
	padding-right: 30px;
}

/* ======= fullworkstation =====  */
#MenuImage_fullworkstation {
	width: 300px;
	height: 20px;
	margin: 0;
	padding: 0;

	float:right;
	text-align:right;
}
#MenuImage_fullworkstation a:link, 
#MenuImage_fullworkstation a:visited, 
#MenuImage_fullworkstation a:active {
	background-image: url('images/MenuImage_fullworkstation.jpg');
	background-position: 100% 0;
	background-repeat: no-repeat;
	padding-right: 30px;
}
#MenuImage_fullworkstation a:hover {
	background-image: url('images/MenuImage_fullworkstation.jpg');
	background-position: 100% -20px;
	background-repeat: no-repeat;
	padding-right: 30px;
}

/* @@@@@@@@@@@@@@@@@@ PRODOTTI RIGA 2 @@@@@@@@@@@@@@@@ */

/* ======= mixerblendercrusher =====  */
#MenuImage_mixerblendercrusher {
	width: 300px;
	height: 20px;
	margin: 0;
	padding: 0;
}
#MenuImage_mixerblendercrusher a:link, 
#MenuImage_mixerblendercrusher a:visited, 
#MenuImage_mixerblendercrusher a:active {
	background-image: url('images/MenuImage_mixerblendercrusher.jpg');
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 30px;
}
#MenuImage_mixerblendercrusher a:hover {
	background-image: url('images/MenuImage_mixerblendercrusher.jpg');
	background-position: 0 -20px;
	background-repeat: no-repeat;
	padding-left: 30px;
}

/* ======= sourline =====  */
#MenuImage_sourline {
	width: 160px;
	height: 20px;
	margin: 0;
	padding: 0;
}
#MenuImage_sourline a:link, 
#MenuImage_sourline a:visited, 
#MenuImage_sourline a:active {
	background-image: url('images/MenuImage_sourline.jpg');
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 30px;
}
#MenuImage_sourline a:hover {
	background-image: url('images/MenuImage_sourline.jpg');
	background-position: 0 -20px;
	background-repeat: no-repeat;
	padding-left: 30px;
}
/* ======= glassline =====  */
#MenuImage_glassline {
	width: 160px;
	height: 20px;
	margin: 0;
	padding: 0;

	float:right;
	text-align:right;
}
#MenuImage_glassline a:link, 
#MenuImage_glassline a:visited, 
#MenuImage_glassline a:active {
	background-image: url('images/MenuImage_glassline.jpg');
	background-position: 100% 0;
	background-repeat: no-repeat;
	padding-right: 30px;
}
#MenuImage_glassline a:hover {
	background-image: url('images/MenuImage_glassline.jpg');
	background-position: 100% -20px;
	background-repeat: no-repeat;
	padding-right: 30px;
}

/* ======= prodottipersonalizzabili =====  */
#MenuImage_prodottipersonalizzabili {
	width: 300px;
	height: 20px;
	margin: 0;
	padding: 0;

	float:right;
	text-align:right;
}
#MenuImage_prodottipersonalizzabili a:link, 
#MenuImage_prodottipersonalizzabili a:visited, 
#MenuImage_prodottipersonalizzabili a:active {
	background-image: url('images/MenuImage_prodottipersonalizzabili.jpg');
	background-position: 100% 0;
	background-repeat: no-repeat;
	padding-right: 30px;
}
#MenuImage_prodottipersonalizzabili a:hover {
	background-image: url('images/MenuImage_prodottipersonalizzabili.jpg');
	background-position: 100% -20px;
	background-repeat: no-repeat;
	padding-right: 30px;
}

/* @@@@@@@@@@@@@@@@@@@@@ / PRODOTTI  @@@@@@@@@@@@@@@@@@@@@@@@@@ */

