/*-------------------------------- inizio stili tooltip --------------------------------*/
#dhtmltooltip{
position: absolute;
left: -300px;
width: auto;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}
/*-------------------------------- fine stili tooltip --------------------------------*/
/*-------------------------------- stili news rotanti --------------------------------*/
#marqueecontainer{
	position: relative;
	width: 200px; /*marquee width */
	height: 200px; /*marquee height */
	overflow: hidden;
}

/*-------------------------------- fine stili news rotanti --------------------------------*/






/***************** GENERALI *****************/
div.clear {
	clear: both;
}
/***************** MENU ISTITUZIONALE *****************/
div.menu {
	height: 28px;
	width: 700px;
	background: #696969;
	border-top: 4px solid #FFFFFF;
	padding-left: 200px;
}
td.vocemenu {
	height: 28px;
	padding: 0px 18px 0px 18px;
}
td.vocemenu a {
	font: 12px Verdana;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
td.vocemenu a:hover {
	text-decoration: none;
	color: #AFAFAF;
}
/***************** MENU LINGUA *****************/
div.menu2 a {
	font: 12px Verdana;
	color: #FFFFFF;
	text-decoration: none;
}
div.menu2 a:hover {
	text-decoration: underline;
}
div.lingua {
	width: 200px;
	float: left;
	text-align: center;
	padding-top: 5px;
}
div.submenu {
	width: 690px;
	float: right;
	padding-top: 5px;
	padding-left: 10px;
}
/***************** FASCIA COLORATA *****************/


/***************** STRUTTURA *****************/
td.colonna2 {
	width: 650px;
	background: #FFFFFF;
	vertical-align:top;
}
div.contenuto {
	padding: 8px;
	font: 12px Verdana;
	color: #333333;
}
/************* CONTENUTO *************/
div.contenuto ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
div.contenuto ul li {
	border-bottom: 1px dashed #FD8048;
	padding-top: 5px;
	padding-bottom: 5px;
}
div.contenuto ul li a {
	text-decoration: none;
	font: 12px Verdana;
	font-weight: bold;
	color: #333333;
}
div.contenuto ul li a:hover {
	color: #FD8048;
}
/***************** LOGO (COLONNA) *****************/

/************* BOX (COLONNA) *************/
td.boxtitolo {
	font: 11px Verdana;
	font-weight: bold;
	color: #FFFFFF;
	height: 21px;
	background: #696969 url(/images/arrowgrey.gif) center left no-repeat;
	border-bottom: 1px solid #FFFFFF;
	padding: 0px 0px 0px 22px;
}
td.boxbottom {
	background: #B7B7B7 url(/images/angologrey.gif) top right no-repeat;
	border-bottom: 3px solid #FFFFFF;
	height: 18px;
	text-align: center;
}
td.boxbottom a {
	font: 11px Verdana;
	color: #FFFFFF;
	text-decoration: none;
}
td.boxbottom a:hover {
	text-decoration: underline;
}
/***************** NEWS (COLONNA) *****************/
div.news {
	border-top: 7px solid #959595;
}
div.newstesto {
	font: 10px Verdana;
	color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 5px 5px 8px 5px;
	text-decoration: none;
}
div.newstesto:hover {
	text-decoration: underline;
}

div.newstesto img {
	float: left;
	margin-right: 5px;
	margin-top: 3px;
	border: 1px solid #FFFFFF;
}
/***************** ARTICOLI TECNICI (COLONNA) *****************/
div.arttecnici {
	
}
td.grey {
	background: #DFDFDF;	
}
div.arttesto {
	font: 10px Verdana;
	color: #333333;
	border-bottom: 1px solid #FFFFFF;
	padding: 5px 5px 8px 5px;
	text-decoration:none;
}
div.arttesto:hover {
	text-decoration:underline;
}

/***************** GESTIONE BANNER (COLONNA) *****************/
div.banner {
	width:200px;
	height:100%;
	position:relative;
}
div.mascherabanner {
	width:200px;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1000;
	background: url(/images/maschera_banner.png) bottom right no-repeat;
	cursor:pointer;	
}
td.bannimage {
	border-bottom: 1px solid #FFFFFF;
}
/***************** MENU PRODOTTI (COLONNA) *****************/
div.menuprod {
	border-top: 7px solid #959595;
	background: #FE6016;
}
div.menuprod a {
	font: 10px Verdana;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
div.categoria {
	border-bottom: 1px dashed #FFFFFF;
	padding: 10px 0px 10px 5px; 
}
div.prodotto {
	border-bottom: 1px dashed #FFFFFF;
	padding: 10px 0px 10px 10px;
	background: #FD8048;
}
div.prodottosel {
	border-bottom: 1px dashed #FFFFFF;
	padding: 10px 0px 10px 10px;
	background: #FEA67F;
}
div.downarea {
	background: #FD8048;
	padding-top: 10px;
	padding-bottom: 10px;
}
div.downarea a {
	background: url(/images/downico.gif) top left no-repeat;
	padding: 2px 0px 2px 20px;
	margin-left: 20px;
	text-decoration: none;
	font: 12px Verdana;
	font-weight: bold;
	color: #FFFFFF;
}
/*****************  CATEGORIA PRODOTTI (CONTENT) *****************/
table.prodotti {
	width: 100%;
	background: #FFFFFF;
}

table.prodotti td {
	border-bottom: 1px dashed #FD8048;
	background: #FFFFFF;
}
table.prodotti .descrizione{
	font: 11px Verdana;
	color: #333333;
	cursor: pointer;
}
table.prodotti .descrizione .nomeprodotto{
	font: 12px Verdana;
	font-weight: bold;
	color: #333333;
	cursor: pointer;
}
table.prodotti .descrizione img {
	border-bottom: 1px solid #e54900;
}
div.titolo{
	font: 14px Verdana;
	font-weight: bold;
	color: #000000;

}
img.imgprodotto{
	border-top: 1px solid #e54900;
	border-left: 1px solid #e54900;
	border-right: 1px solid #e54900;
	border-bottom: 1px solid #e54900;
}
div.imgprodotto{
	border: 0px;
	background: #e54900;
	width: 100%;
	height:11px;
	text-align:left;
	border-left: 1px solid #e54900;
	border-right: 1px solid #e54900;
}

a.imgprodotto{
	border: 0px;
	background: #e54900;
	width: 100%;
	height:11px;
}
.prodquotation, .prodsalesnetwork {
	float:right;
	width: 200px;
	height: 20px;
	vertical-align: center;
	text-align:right;
	background-image: url(/images/bgrequest.gif);
	background-repeat: no-repeat;
	padding-top: 2px;
	margin-bottom:10px;
}
.prodsalesnetwork a,.prodquotation a{
	font: 11px Verdana;
	color:#FFFFFF;
	text-decoration:none;
	font-weight: bold;
	padding-right:30px;
}


/************* PERCORSO *************/
div.percorso {
	font: 11px Verdana;
	color: #BCBCBB;
	/*text-transform: uppercase;*/
}
div.percorso a {
	font: 11px Verdana;
	color: #BCBCBB;
	text-transform: uppercase;
}
/************* NEWS HOMEPAGE *************/
div.newsgrey {
	background: #959595 url(/images/angologrey2.gif) top left no-repeat;
	border-bottom: 1px solid #FFFFFF;
	height: 18px;
}
div.newsred {
	background: #E54900 url(/images/angolored.gif) top right no-repeat;
	border-top: 1px solid #FFFFFF;
	height: 18px;
}
div.newstxt {
	background: #AEAEAE;
	font: 10px Verdana;
	color: #FFFFFF;
	padding: 8px;
	height: 150px;
	overflow: auto;
	text-decoration:none;
	cursor:pointer;
}
div.newstxt:hover {
	text-decoration:underline;
}
div.newstxt img {
	border: 1px solid #FFFFFF;
	float: left;
	margin-right: 8px;
	margin-bottom: 5px;
}
/************* LINK HOMEPAGE *************/
div.titlink {
	background: url(/images/arrow.gif) top left no-repeat;
	padding: 0px 0px 10px 22px;
	font: 12px Verdana;
	font-weight: bold;
	color: #4F4F4F;
}
td.link {
	font: 10px Verdana;
	color: #FFFFFF;
	padding-left: 10px;
	margin-left: 5px;
}
td.link a {
	font: 10px Verdana;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 8px;
	background: url(/images/arrowwhite.gif) top left no-repeat;
}
td.link a:hover {
	text-decoration: underline;
}
div.bottomlink {
	background: #B7B7B7 url(/images/angologrey.gif) top right no-repeat;
	border-top: 1px solid #FFFFFF;
	border-bottom: 3px solid #FFFFFF;
	height: 18px;
	text-align: center;
}

/***************** CONTATTI NEL MONDO *****************/
.mondo2{
	background: url(/images/bglinkritmomondo2.jpg) bottom left;
	width:259px;
	min-height:300px;
}

.contattimondo {
	padding:0px;
	padding-top:5px;
	width:100%;
	min-height:300px;
	font: 10px Verdana;
	color: #FFFFFF;
	background: url(/images/bglinkritmomondo.jpg) top left no-repeat;
}

.contattimondo .titolo {
	font: 12px Verdana;
	font-weight:bold;
	color: #FFFFFF;
}
.contattimondo a {
	color: #FFFFFF;
	text-decoration: none;
}
.contattiritmo {
	padding:0px;
	width:100%;
	font: 11px Verdana;
	color: #000000;
	background-color: #ffcfb9;
}
.contattiritmo .titolo {
	font: 11px Verdana;
	font-weight:bold;
	color: #000000;
	padding-left: 10px;
}
.contattiritmo a {
	color: #000000;
	text-decoration: none;
}
/***************** login *****************/
.nuovoutente{
	font: 10px Verdana;
	font-weight:bold;
	color: #000000;
	background-color: #fbe04c;
	border:1px solid #1f1c0a;	
}
.invio{
}
.button{
	border:0px solid #ffdfd0;	
	padding-right: 10px;
	background: #ffcfb9 url(/images/invio.gif) top right no-repeat;
}
.textbox{
	color: #000000;
	border:1px solid #1f1c0a;
	font: 10px Verdana;
	height:16px;
	line-height:16px;
	padding:0;
}
.boxbutton{
	border:0px;	
	padding-right: 10px;
	background: #fe6016 url(/images/invio.gif) top right no-repeat;
}
/***************** FOOTER *****************/
div.footleft {
	float: left;
}
div.footleft a {
	font: 10px Verdana;
	color: #FFFFFF;
	text-decoration: none;
}
div.footleft a:hover {
	text-decoration: underline;
}
div.footright {
	float: right;
}
div.footright a {
	font: 10px Verdana;
	color: #FFFFFF;
	text-decoration: none;
}
div.footright a:hover {
	text-decoration: underline;
}
/***-------------Tab Prodotti---***/
.dynamic-tab-pane-control.tab-pane {
	position:	relative;
	width:		100%;		/* width needed weird IE bug */
	margin-right:	-2px;	/* to make room for the shadow */
}

.dynamic-tab-pane-control .tab-row .tab {

	width:				108px;
	height:				21px;
	background-image:	url( "/images/tab/tab.gif" );
	
	position:		relative;
	top:			0;
	display:		inline;
	float:			left;
	overflow:		hidden;
	
	cursor:			Default;

	margin:			1px 1px 1px 2px;
	padding:		6px 0px 0px 0px;
	border:			0;

	z-index:		1;
	font:			11px Verdana;
	white-space:	nowrap;
	text-align:		center;
}

.dynamic-tab-pane-control .tab-row .tab.selected {
	width:				108px !important;
	height:				24px !important;
	background-image:	url( "/images/tab/tab_active.gif" ) !important;
	background-repeat:	no-repeat;
	/*border:1px solid #000000;
	border-bottom-width:	0;*/
	z-index:		3;
	padding:		6px 0 0px 0;
	margin:			1px 1px 0px 2px;
	top:			-2px;
	font:				11px Verdana;
	font-weight:		bold;
	color:			#FFFFFF;
}

.dynamic-tab-pane-control .tab-row .tab.selected a {
	font:				11px Verdana;
	color:				#FFFFFF !important;
	text-decoration:	none;
	cursor:				pointer;
	font-weight:		bold;
}

.dynamic-tab-pane-control .tab-row .tab a {
	font:				11px Verdana;
	color:				#FFFFFF;
	text-decoration:	none;
	cursor:				pointer;
	font-weight:		bold;
}

.dynamic-tab-pane-control .tab-row .tab.hover {
	font:				11px Verdana;
	width:				108px;
	height:				21px;
	background-image:	url( "/images/tab/tab_hover.gif" );
	background-repeat:	no-repeat;
}


.dynamic-tab-pane-control .tab-page {
	clear:			both;
/*	border:			1px solid rgb( 145, 155, 156 );
	border-top:			1px solid #333333;*/

	background:		#FFFFFF;
	background-position: top;
	background-repeat: repeat-x;
	background-image: url("/images/tab/tab_border.gif");
	z-index:		2;
	position:		relative;
	top:			-7px;

	font:				11px Verdana;
	color:				Black;

	filter:			progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#fffcfcfe, EndColorStr=#fff4f3ee, GradientType=0)
					progid:DXImageTransform.Microsoft.Shadow(Color=#ff919899, Strength=2, Direction=135);
	
	/*244, 243, 238*/
	/* 145, 155, 156*/
	
	padding:		20px;
}

.dynamic-tab-pane-control .tab-row {
	z-index:		1;
	white-space:	nowrap;
}

table.download tr  {
		color:black;
	}
	table.download tr.alternatingItem {
		color:white;
	}
	
	table.download a{
		color:black;
	}
	
	table.download tr.alternatingItem a {
		color:white;
	}