/*
COLORI

verde chiaro:
	#A3CD83
	
verde medio:   
	#7BBE52
	
verde scuro:   
	#49A54A
	
verde scurissimo:
	#1b826a
	
giallo:   
	#F1D142
	
quote:
	#bbdaa4
	
	formattazione dei link
a { color: green;
	text-decoration: none;
	border-bottom-style: solid;
	border-bottom-width: 1px }

a:link { border-bottom-color: blue }
a:visited { border-bottom-color: purple } 
a:hover { border-bottom-color: green }
a:active { border-bottom-color: red } 

	

Character    Unicode    HTML    Name    How to type in manually
“    8220    “     double open quote    Option-[
‘    8216    ‘     single open quote    Option-]
”    8221    ”     double close     Option-Shift-[
’    8217    ’     single close     Option-Shift-]



RULES FOR CROSS COMPATIBILITY
    * Always use strict doctype and standards-compliant HTML/CSS
    * Always use a reset at the start of your css
    * Use -moz-opacity:0.99 on text elements to clean up rendering in Firefox, and text-shadow: #000 0 0 0 in Safari
    * Never resize images in the CSS or HTML
    * Check font rendering in every browser. Don't use Lucida
    * Size text as a % in the body, and as em's throughout
    * All layout divs that are floated should include display:inline and overflow:hidden
    * Containers should have overflow:auto and trigger hasLayout via a width or height
    * Don't use any fancy CSS3 selectors
    * Don't use transparent PNG's unless you have loaded the alpha



/*--------------reset degli stili - per migliorare cross compatibility--------------------*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	/*font-size: 100%;*/
	vertical-align: center;
	/*background: transparent;*/
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles!*/
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

img {
       -ms-interpolation-mode: bicubic;
}

/*------------------fine reset-------------------------------------*/

.closer {
	clear: both;
	height: 0px;
	overflow: hidden;	/*----importantissimo, altrimenti closer ha un suo spessore!!!! ------*/
}

.container {
	text-align: center; /* sostituisce l'impostazione text-align: center nell'elemento body. Eccezione: l'home capigruppo, dove questo comando non ha effetto (??perchè??)*/
	width: 850px;	/* questo garantisce anche che il container abbia haslayout - migliora visualizzazione IE*/
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

body {
	text-align: center;	/*per la cross compatibility*/
	font-size: 100.01%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#apice {
		font-size: 0.6em
}
/*--------------INDEX-accueil---------------------------------------------------------------------------------------------*/
#index-body {
	width: 700px;
	height: 474px;
	text-align: center;
	line-height: 60%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #7bbe52;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#index-body a{
	border: 0px;
}

#introimg {
	width: 100%;	

	border: 0px;
}

#index-content {
	/*position: relative;
	top: 0px;*/
	text-align: center;
	margin: 0px;
	padding: 10px 10px 10px 10px;
	background-color: #7bbe52;
	width: auto;
	/*height: auto;*/
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#index-body h3{
	font-size: 1.4em;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#index-content p {
	font-size: 0.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}

#index-content a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: white;
	font-size: 1em;
	font-weight: bold;/* questo comando lo vede solo IE*/
}

#index-content h3 {font-size: 0.9em;}

/*--------------HOME PAGE pubblica---------------------------------------------------------------------------------------------*/

/*--------------HEADER----------------------------------------------*/
.header {
	text-align:left;
	background: white;	
	position: relative;
	top: 0px;
	bottom: 0px;
	left: 0px;	
	right: 0px;
}

.header .scritte_up {
	margin-left: 10px;
	margin-bottom: 5px;
	margin-top: 3px;
	font-size: 0.75em;
	text-align: left;
}

.scritte_up img{
	width: 35px;
	position: relative;
	top: 7px;
}

.header p {
	color: #49A54A;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.header #cb a{
	font-size: 3em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.spacer {
	background-color: white;
	height: 16px;
	width: auto;
}

/*--------------TOPLIST---------------------------------------------------------------------------------------------*/

#navcontainer {
	background-color: #A3CD83;	
	padding: 0px;
	margin: 0px;
	border: 0px;
	width: 100%; 		/*per dargli haslayout - cross compatibility IE*/
	height: 25px;
	overflow: hidden;	/*chrome lo faceva più spesso del dovuto. Necessità di nasconderlo imponendo 2 volte height: 20px;*/
	z-index: 2;			/*sembra non funzionare*/
}

.toplist {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.65em;
	width: 100%;
	padding: 0px;
	margin: 0px;
	border: 0px;
	border-collapse: collapse; 	/* per eliminare lo spazio tra i bordi della cella e il margine del div contenitore */
	z-index: 2;				/*sembra non funzionare*/
	vertical-align:middle;
}

#navcontainer table a {
	color: #FFFFFF;
	text-decoration: none;
	margin-left:auto;
	margin-right:auto;	
	z-index: 2;
}

#notcurrent a:hover {
	color: #49A54A;
	z-index: 2;
}

#current a:hover {
	color: #F1D142;
	z-index: 2;
}

#navcontainer .cell{ 
	text-align: center;
	width: auto;	/*larghezza celle*/
	height: 25px;
	margin: 0px;
	border: 0px;
	overflow: visible;
	text-align: center;
	white-space:nowrap;
	z-index: 2;
	vertical-align:middle;
}

#navcontainer #current {
	background-color: #49A54A;	
	z-index: 2;
}

/*--------------COLONNA DESTRA - NEWS---------------------------------------------------------------------------------------------*/
.sidebar {
	float: right;
	display: inline;	/*crosscomp*/
	overflow: hidden;	/*crosscomp*/
	width: 250px;
	height: 1000px;
	margin-left: 10px;
	background-color:#F1D142;
	padding-top: 15px;
	border-top: 0px;
	padding-bottom: 3%;
	z-index: 0;
	margin-top: 0px;
	margin-bottom: 0px;
}

.sidebar-cg {
	_position: relative;	
	_top: -16px;
	float: right;
	display: inline;	/*crosscomp*/
	overflow: hidden;	/*crosscomp*/
	width: 250px;
	height: 854px;
	margin-left: 10px;
	background-color:#F1D142;
	padding-top:20px;
	border-top: 0px;
	padding-bottom: 3%;
	z-index: 0;
	margin-top: 0px;
	margin-bottom: 0px;
}

.news {
	background-color:#49A54A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 18px;
	margin-left: 10px;
	margin-right: 10px;
	padding:  0px 5px 10px 5px;
	overflow: hidden;
	text-align: center;
}

.news .news-text {
/*	font-size: 0.6em;	anche se lo tolgo i testi si visualizzano a prescindere dai tag <small> presenti nell'html*/
	line-height: 1.3;	/*per permettere che il lineheight si dimesioni in modo proporzionale alla dimensione del font utilizzato*/
	z-index: 0;
	color: white;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 20px;
	margin-right: 20px;
}

.news .news-image {
	/*float: right;
	diplsay: inline;
	overflow: hidden;*/
	width: auto;
	margin-right: 20px;
	margin-left: 20px;
	text-align: center;
}

.news img {
	width: 150px;
	/*height: auto;*/
}

.news .news-title {
	position: static;
	color: white;
	font-size: large;
	font-weight: bold;
	z-index: 2;
	margin-top: 0px;
	padding-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	display: inline-block;	/*affinche il div assuma la proprietà haslayout e si risolva dunque il peek-a-boo bug di IE6 e precedenti*/
}	
	
.news .news-attach {
	z-index: 3;
	margin-top: 10px;
	line-height: 1em;
	font-style: italic; 
}

.news .news-attach a{
	color: white;
	text-align: center;
	font-size: 0.7em;
}

.news .news-attach2 a{
	color: white;
	text-align: center;
	font-size: 0.85em;
}

.news .news-text a{
	color: white;
	text-align: center;
	font-style: italic; 
}

/*--------------COLONNA SINISTRA---------------------------------------------------------------------------------------------*/
.left {
	float: left;
	/*display: inline;*/
	overflow: hidden;
	width: 250px;
	height: 1041px;
	text-align: left;
	background-color: #7BBE52;
	font-size: 0.7em;
	font-weight: bold;
	color: white;
	line-height: 2em;
	z-index: 1;
}

.left-cont{		
	margin-left: 20px;
	margin-right: auto;
	overflow: visible;
	width: 210px
}	
	

#logo-cb{
	width: 100%;
	height: 150px;
}

#quote-code-open{
	font-size: 170px;
	line-height: 0.4em;
	font-family: arial black, arial;
	color: #bbdaa4;
	z-index: 2;
	padding: 0px;
	margin: 50px 0px 0px 0px;
}

#quote-code-close-home{
	font-size: 170px;
	line-height: 1em;
	font-family: arial black, arial;
	color: #bbdaa4;
	z-index: 2;
	margin: 0px;
	padding: 0px;
}

#quote-up-home{
	height: 100px;
	overflow: hidden;
	margin-bottom: 20px;
}

#quote{
	width: 140px;
	/*height: auto;*/
	position: relative;
	right: 10px;
}

.left img {
	width: 100%;
}

.left a{
	color: white;
	font-style: italic;
}

#quote-text{
	font-family: Arial-Black, Verdana;
	font-size: xx-large; 			/*PIU' GRANDE DI COSI'*/
	color: #A3CD83;
}

/*--------------COLONNA CENTRALE-----------------------*/
.main {
	margin-top: 5px;
	text-align:left;
	float: right;
	overflow: hidden;
	width: 37%;
	color: #49A54A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.785em;
	font-weight: bold;
	line-height: 1.5em;
}

.main a {
	color: #49A54A;
	font-style: italic;
}

.main #main-img1 { 
	float: left; 
	width: 40%;	
}

.main #main-img2 { 
	float: right; 
	display: inline;
	width: 25%;
	border: 0px;
	margin-right: 30px;
	margin-top: 40px;
}

.main-scritte { 
	padding-top: 20px;
	padding-right: 10px;
	height: 800px;
	font-size: 0.9em;
}

.main-scritte h3 {
	font-size: 2em;
	color: #1b826a;
}

#evidenzia {
	font-size: 130%;
	color: #1b826a;
}

#evidenzia a{
	color: #1b826a;
}

#map{
	font-size: 1.2em;
}
/*--------------RETTANGOLO PER ACCESSO CONTROLLATO-----------------------------------------------------------------------------*/

.link-login {
	width: 290px;
	height: 40px;
	background-color:#F1D142;
	text-align: center;
	padding-top: 20px;
	margin-top: 20px;
	overflow: hidden;
	position: relative;
	top: 128px;
}

.link-login a {
	color: white;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1em;
}


/*--------------FOOTBAR-----------------------------------------------------------------------------------------*/
.footbar {
	text-align: center;
}
	
.footbar2 {
	text-align: center;
	position: relative;
	top: -10px;
	z-index:1;
/*	background-color: #49A54A;*/
}

.footbar3 {
	text-align: center;
	position: relative;
	top: -30px;
	z-index:1;
}

.footbar4 {
	text-align: center;
	position: relative;
	top: -85px;
	z-index:1;
}

.footbar5 {
	text-align: center;
	position: relative;
	top: -45px;
	z-index:1;
}

.footbar-coll {
	text-align: center;
	position: relative;
	top: -1300px;
	z-index:1;
}

#white-backgr {
	background-color: white;
	height: 350px;
}

#bottom-address-coll {
	z-index: -1;
	/*position:relative;
	top: -10px;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	width: auto;
	height: 30px;
	color: white;
	text-align: center;
	background-color: #7BBE52;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-top: 10px;
}

#bottom-address-coll a {
	color: white;
}

#bottom-address {
	z-index: -1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	width: auto;
	color: white;
	text-align: center;
	background-color: #7BBE52;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-top: 10px;
/*	margin-bottom: 20px;*/
}

#bottom-address a {
	color: white;
}

/*------------LOGIN-----------------*/
#body-login{
	background-color: black;
	color: white;
	text-align: center;
}


#table-login {
	background-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	position: relative;
	top: 70px;
	margin-left: auto;
	margin-right: auto;
	width: 370px;
	height: 220px;
	border-collapse: collapse;
}


#col-sx{
	background-color: #7BBE52;
	position: absolute;
	left: 0px;
	width: 150px;
	height: 220px;
	text-align: right;
	float: left;
	overflow: hidden;
	display: inline;
}

#col-dx {
	background-color: #F1D142;
	position: absolute;
	right: 0px;
	width: 220px;
	height: 220px;
	text-align: left;
	float: right;
	overflow: hidden;
	display: inline;
}

#login-title{
	margin: 10px 0px 0px 10px;
	color: white;
}


#label1{
	color: white;	
	position: absolute;
	top: 65px;
	left: 10px;
}

#label2{ 	/*scritta codice di accesso*/
	color: white;	
	padding-right: 10px;
	position: absolute;
	top: 95px;
	left: 10px;
}

#stag1{
	background-color: white;
	position: absolute;
	top: 60px;
	left: 0px;
	width: 180px;
	height: 25px;
	border: 0px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1 em;
	font-weight: bold;
}

#stag2{
	background-color: white;
	position: absolute;
	top: 90px;
	left: 0px;
	width: 180px;
	height: 25px;
	border: 0px;
	text-align: center;
	font-size: 1 em;
}


#stag3{
	background-color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #7BBE52;
	position: absolute;
	top: 170px;
	left: 0px;
	width: 180px;
	height: 25px;
	border: 0px;
	border-color: #F1D142;
}


#stag4{
	background-color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #7BBE52;
	position: absolute;
	top: 170px;
	left: 20px;
	width: 128px;
	height: 25px;
	border: 0px;
	border-color: #F1D142;
}

/*-----------------FILTER--------------------*/

#filter{
	background-color:#49A54A;
	position: relative;
	margin-top: -40px;
	margin-left: 60%;
	padding-top: 5px;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
}
#filter table {
	margin-left: auto;
	margin-right: auto;
}
#filter td {
	padding-left: 1px;
	padding-right: 1px;
}

#filter input {
	border: 1px solid #fff;
}
#filter select{
	border: 1px solid #fff;
}
#filter .filter-button {
	border: 0px;
	margin-top: 4px;
}
#pdf{
	position: relative;
	top: 30px;
	margin-top: -25px;
}
/*-----------------SUBMENU--------------------*/
#submenu{
	background-color:#49A54A;
	position: relative;
	float: left;
	z-index: 2;	
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-moz-border-radius-bottomright: 20px;
}
#submenu-sep{
	background-color:#ffffff;
	position: relative;
	float: left;
	z-index: 2;
	vertical-align: middle;
}
#submenu input{
	vertical-align: middle;
}
#submenu-text{
	text-align: center;
	vertical-align: middle;
	float: right;
	margin-top: 10px;
}

/*-----------------colonne ordine--------------------*/

td .col_ord_1 {
	width:0px;
}
td .col_ord_2 {
	width:9%;
}
td .col_ord_3 {
	width:12%;
}
td .col_ord_4 {
	width:7%;
}
td .col_ord_5 {
	width:5%;
}
td .col_ord_6 {
	width:5%; 
	text-align: right;
	padding-right: 10px;
}

td .col_ord_7 {
	width:53%;
}
td .col_ord_8 {
	width:7%;
}

.col_ord_6 input{
	text-align: right;
	width: 30px;
}

/* .col_ord_6 table,input {
	text-align: right;
	position: relative;
	right: 10px;
} */
/*-----------------le altre pagine statiche------tutte le greenline---------*/
#greenline-right{
	text-align: left;
	background-color:#49A54A;
	height: 3px;
	margin-top: -20px;
	position: relative;
	right: -5%;
	margin-right: 20%;
}


#greenline{
	background-color:#49A54A;
	border: 0px;
	height: 10px;
	height: 3px;
	/*width: 500px;
	padding: 0px;*/
	overflow: hidden;	/*altrimenti IE& pensa che ci sia dentro del contenuto e lo fa spesso una ventina di px*/
}

#greenline-hr2{
	background-color:#49A54A;
	color:#49A54A;
	border: 0;
	height: 3px;
	position: relative;
	top: -15px;
	right: 10px;
	width: 450px;
	margin-bottom: -5px;
}

#greenline-hr3{
	background-color:#49A54A;
	color:#49A54A;
	border: 0;
	height: 3px;
/*	position: relative;
	top: -15px;
	right: 40px;*/
	width: 700px;
	margin: -15px 0px 5px -35px;
}

#greenline-hr4{
	background-color:#49A54A;
	color:#49A54A;
	border: 0;
	height: 3px;
	position: relative;
	top: -20px;
	right: -15px;
	width: 500px;
	margin-bottom: 5px;
}

#greenline-hr5{
	background-color:#49A54A;
	color:#49A54A;
	border: 0;
	height: 3px;
	width: 500;
	margin: 0px auto 0px 10px;
	position:relative;
	top: -5px;
	right: 10px;
}
/*-----------------le altre PAGINE STATICHE----chi siamo--------------------------------*/
.main-left {
	text-align: left;
	padding-right: 20px;
	line-height: 1.4em;
}

.main-left ul{ 
	list-style-image: url(square4list8x8.jpg);
	/*font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: left;
	color: black;
	padding-left: 5%;
	line-height: 150%;*/
	position: relative;
	left: 20px;
	width: 450px;
}

.main-left li{
	/*list-style-type: disc;*/
	list-style-position: outside;
}

.main-left a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 0.8em;*/
	text-align: left;
	color: black;
	padding-left: 20px;
	line-height: 1.5em;

}

#greenline-left{
	text-align: left;
	background-color:#49A54A;
	width: auto;
	height: 4px;
	margin-left: 5%;
	margin-right: 35%;
	margin-top: -2%;
}

#intro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	text-align: left;
	color: #49A54A;
	padding-left: 20px;
	padding-top: 20px;
	line-height: 1.5em;
}

#title{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	line-height: 1.5em;
	text-align: left;
	color: black;
	padding-left: 20px;
	margin-top: 30px;
}

#testo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align: left;
	color: black;
	padding-left: 20px;
	margin-top: 20px;
	line-height: 1.5em;
}

#testo-bold {	/*serve in main panel*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.5em;
	font-weight: bold;
	text-align: left;
	color: black;
	padding-left: 20px;
	line-height: 150%;
}

#bolder {
	/*font-size: medium;*/
	font-weight: bold;
	/*text-decoration: underline;*/
	font-style: italic;
}

/*----------------le altre pagine statiche ----- left right columns-----*/
.left-consum {			/*la colonna verde sulla sinistra*/
	float: left;
	width: 250px;
	height: 750px;
	text-align: left;
	background-color: #7BBE52;
	font-size: 0.7em;
	color: white;
	line-height: 1.5em;
	z-index:-1;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	display: inline;
}

.left-consum img{
	width: 200px; /* larghezza immagini nella colonna verde scuro a sinistra delle pagine statiche*/
	/*height: auto;*/
	z-index: -1;
}

.left-prodotti {			/*la colonna verde sulla sinistra*/
	float: left;
	width: 250px;
	height: 1380px;
	text-align: left; 
	background-color: #7BBE52;
	font-size: 0.7em; 
	color: white;
	line-height: 1.5em;
	z-index:-1;
	margin: 0px;
	padding: 0px;
}

.left-produtt {			/*la colonna verde sulla sinistra*/
	float: left;
	width: 250px;
	height: 850px;
	text-align: left; 
	background-color: #7BBE52;
	font-size: 0.7em;
	color: white;
	line-height: 1.5em;
	z-index:-1;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	display: inline;
}

.left-produtt img{
	width: 200px; /* larghezza immagini nella colonna verde scuro a sinistra delle pagine statiche*/
	/*height: auto;*/
}

.right-chisiamo {
	float: right;
	background-color: #7BBE52;
	width: 250px;
	height: 1100px;
	text-align: center;
	z-index:-1;
	margin-left: 5%;
	padding-top: 20px;
}

.right-chisiamo img{
	width: 200px;
	padding: 10px;
	margin-top: 10px;
}

.left3-cen {			/*la colonna verde sulla sinistra*/
	float: left;
	width: 250px;
	height: 1000px;
	text-align: center;
	background-color: #7BBE52;
	font-size: x-small;
	font-weight: bold;
	color: white;
	line-height: 150%;
	z-index: 0;
	margin: 0px;
	padding-top: 20px;
}

.left2cont{		/*valuta se cambiare nome a questo*/
	padding-left: 25px;
	padding-right: 25px;
}	

/*-----------------da qui in poi forse inutili---------------------------*/
.left2 {			/*la colonna verde sulla sinistra*/
	float: left;
	width: 250px;
	height: 850px;
	text-align: left;
	background-color: #7BBE52;
	font-size: x-small;
	font-weight: bold;
	color: white;
	line-height: 150%;
	z-index:-1;
	position: relative;	/*per inflilarlo sotto il menu di navigazione*/
	top: -20px;
	margin: 0px;
	padding: 0px;
}

.right2 {
	_position: relative;	/*filtro utilizzato affinchè solo in IE6 e precedenti il div venga traslato verso l'alto*/
	_top: -20px;
	float: right;
	background-color: #7BBE52;
	width: 250px;
	height: 950px;
	text-align: center;
	z-index:-1;
	margin-left: 5%;
	padding-top: 20px;
}

.right2 img{
	width: 200px;
	padding: 10px;
	margin-top: 10px;
}


	
#left-intro{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.3em;
	line-height: 120%;
}



.left-darksquare{
	background-color: #49A54A;
	width: auto;
	height: 220px;
	margin-right: 5px;

}

.align-right img {
	z-index: 0;
	width: 220px;
}

.align-right {
	text-align: left;
	position: absolute;
	top: 440px;
}

#prodimg {
	padding: 30px 0px 20px 0px ;
	text-align: left;
	width: 200px;
	position: relative;
	top: 30px;
	z-index: 0;
}

#prodimg img {
	padding-top: 20px;
	width: 200px;
	z-index: 0;
}

#consumimg {
	z-index: 0;
	background-color: #49A54A;
	padding: 40px 10px 10px 10px ;
	text-align: right;
}

#produttimg {
	z-index: 1;
	background-color: #49A54A;
	padding: 70px 10px 10px 10px ;
	text-align: right;
	margin-top: 20px;
}

.left2 img{
	width: 160px; /* larghezza immagini nella colonna verde scuro a sinistra delle pagine statiche*/
	z-index:1;
}

#quote2 {
	width: 130px;
	/*height: auto;*/
	position: absolute;
	top: 50px;
}

.quote-up-prodot{	/*questa serve*/
	position: relative;
	top: -1035px;
	z-index: +2;
}

.quote-up-produt{		/*questa serve*/
	position: relative;
	top: -50px;
}

.quote-up-consum{		/*questa serve*/
	position: relative;
	top: -220px;
}

#quote-code-close{
	font-size: 170px;
	line-height: 1em;
	font-family: arial black, arial;
	color: #bbdaa4;
	padding: 0px;
	margin: 0px;
	height: 100px;
	z-index: +2;
	overflow: hidden;
}

/*le altre quote sono nella sezione della home page pubblica*/

.quote-up170{
	position: relative;
	top: -170px;
}

.main-right{
	text-align: left;
	/*margin-left: 270px;*/
	margin-left: 33%;
	margin-right: 20px;
	line-height: 130%;
}

#testo a{
	color: black;
}

#prodotti-table{
	width: 500px;
	margin-left: 25px;
	margin-top: 20px;
	/*margin-right: 2%;*/
	text-align: left;
}

#prodotti-table tr{
	/*height: auto;*/
	margin: 100px 0px 50px 0px;
}

#table-prodotti-left{
	font-weight: bold;
	font-size: medium;
	width: 30%;
	vertical-align: top;
	text-align: left;
}

/*-----------------le altre PAGINE STATICHE: organizzazione e pubblicazioni------------------------------------*/

.left3-org {			/*la colonna verde sulla sinistra*/
	float: left;
	width: 250px;
	height: 1820px;
	text-align: center;
	background-color: #7BBE52;
	font-size: x-small;
	font-weight: bold;
	color: white;
	line-height: 150%;
	z-index: 0;
	margin: 0px;
	padding-top: 20px;
}

.org-left{
	float: left;
	width: 250px;
	height: 1100px;
	text-align: center; /*questa è la differenza*/
	background-color: #7BBE52;
	color: white;
	z-index:-1;
	position: relative;
	top: -50px;
}

.org-left img{
	width: 200px;
	position:relative;
	top: 70px;
}

.main-right ul{ 
	list-style-image: url(square4list8x8.jpg);
	position: relative;
	left: 20px;
	width: 450px;
}

.main-right li{
	list-style-position: outside;
}

#organizzazione-table{
	width: 560px;
	margin-left: 20px;
	text-align: left;
	_width: 450px;
	margin-top: 20px;
}

#mail{
	font-size: 0.7em;
	font-style: italic;
}

#table-organizzazione tr{
	height: 50px;
}

#table-organizzazione-left{
	vertical-align: text-top;
	font-weight: normal;
	font-size: 0.8em;
	width: 80px;
	text-align: left;
	margin-left: 0px;
	padding-left: 0px;
}

.left3-pubbl {			/*la colonna verde sulla sinistra*/
	float: left;
	width: 250px;
	height: 800px; /*-- da modificare per allungare barra verde --*/
	text-align: center;
	background-color: #7BBE52;
	font-size: 0.6em;
	font-weight: bold;
	color: white;
	line-height: 1.5em;
	z-index: 0;
	margin: 0px;
	padding-top: 20px;
}


/*-----------------le altre PAGINE STATICHE: collegamenti------------------------------------*/
.container-coll {
	text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body. */
	width: 850px;
	height: 1500px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;

}

.main-right-coll{
	text-align: left;
	padding-left: 70px;
	line-height: 10em;
	position: relative;
	top: -1330px;	/*uguale all'altezza di left2-coll -70   */
	right: 40px;
}

.left2-coll{
	float: left;
	width: 250px;	/*larghezza banda colorata verde*/
	height: 1350px;	/*altezza body*/
	background-color: #7BBE52;
	font-size: small;
	font-weight: bold;
	color: white;
	line-height: 200%;
	z-index: 0;
}

#collegamenti-table{
	width: 700px;	/*larghezza tabella*/
	/*margin-right: 2%;*/
	text-align: left;
	z-index: 1;
}

#collegamenti-table p{
	text-align: left;
	font-family: Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 130%;
}

#collegamenti-table a{
	color: black;
}

#collegamenti-table tr{
	height: 80px;
	overflow: hidden;
}

#table-collegamenti-left{
	width: 210px;	/*larghezza colonna delle foto*/
	text-align: right;
	padding-right: 0px;
	margin-right: 0px;
}

#table-collegamenti-left img{
	width: 100px;	/*larghezza colonna delle foto*/
	margin-left: 0px;
}

.main-right-coll {	/*larghezza body*/
	width: 600px;
}

#testo-coll {
	text-align: right;
	font-size: 0.8em;
	padding: 20px 0px 0px 30px;
	vertical-align: top;
}

#title-white{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 2em;
	line-height: 1.5em;
	text-align: left;
	color: white;
}

#left-central{
	width: 185px;
	/*height: auto;*/
	margin: 15px;
}

/*-----------------HOME CAPIGRUPPO------------------------------------*/
/*-----------header CG-----------------------*/

.header-cg {
	background-color: #F1D142;
	text-align: left;
	width: 100%;
	height: 50px;	/* è necessario fissare questa altezza perchè il div welcome è fissato in modo relativo, quindi bisogna essere sicuri che non sbordi in basso*/
	padding-top: 5px;
	padding-left: 10px;
}

.header-cg .scritte_up {
	margin-left: 10px;
	margin-bottom: 5px;
	margin-top: 3px;
	font-size: 0.75em
}

.header-cg p {
	color: white;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.header-cg .welcome {
	float: right;
	text-align: right;	
	display: inline;
	overflow: visible;
}

.header-cg #cb a{	/*formattazione della scritta grossa*/
	font-size: 3em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.header-cg .welcome {
	float: right;
	font-size: 0.7em;
	text-align: right;	
	position: relative;
	top: 30px;
	right: 15px;
	color: white;
}

.toplist-private {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	width: 100%;
	padding: 0px;
	margin: 0px;
	border: 0px;
	border-collapse: collapse; /* per eliminare lo spazio tra i bordi della cella e il margine del div contenitore */
}

.toplist-private td {
	font-size: 0.65em;
	text-align: center;
	width: 9%;	/*larghezza celle*/
	background-color: #A3CD83;
	height: 25px;
	padding: 5px 0px 3px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px;
}

.toplist-private td:hover {
	background-color: #49A54A;
}

#welcomelink {
	color: white;
	font-weight: bold;
	font-size: medium;
}

#ordine-cg{
	position: relative;
	left: 100px;
	background-color: #49A54A;
	width: 110px;
	/*height: auto;*/
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 20px;
}

#ordine-cg a{
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
	text-decoration: none;
}

#bottom-address-cg {
	z-index: -1;
	position:relative;
	top: -40px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	width: auto;
	color: white;
	text-align: center;
	background-color: #7BBE52;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-top: 4px;
}

#bottom-address-cg a {
	color: white;
}

/* da qui in poi probabilmente da eliminare*/
#navcontainer li {
	display: inline;
	text-align: left;
	margin: 0 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#navcontainer li a {
	padding: 1px 7px;
	color: white;
	background-color: #A3CD83;
	border: 1px solid #ccc;
	text-decoration: none;
	font-weight: bold;
	font-size: large;
}

#navcontainer li a:hover {
	color: #000;
	border: 1px solid #666;
	border-top: 2px solid #666;
	border-bottom: 2px solid #666;
}

#navcontainer li a#current {
	color: #000;
	border: 1px solid #666;
	border-top: 2px solid #666;
	border-bottom: 2px solid #666;
}

/*------------MESSAGGI DELLE PAGINE (SUBHEADER) DELLE PAGINE ACCESSO RISERVATO-----------------*/
.menu {
	text-align:center;
	width: 100%;
	/*height: auto;*/
	margin: 0px;
	padding: 0px;
}

.message {
	text-align:center;
	/*height: auto;*/
	padding-top: 5px;
	font-size: 0.9em;
	font-weight: bold;
	color: red;
	z-index: 3;
	overflow: visible;
	clear: both;
}	

.menuActive {
	font-weight: bold;
}

/*formattazione newNews*/
#aligncenter {
	width: 150px;
}

#wysiwyg {
	width: 600px;
	height: 200px;
}

/*-----------------STYLE DELLE TABELLE (LISTUSER,LISTNEWS ETC.)------------------------------------*/

.name {
	color: #00755B;
	font-weight: bold;
	text-transform: uppercase;
}

.mainTable {
	overflow: visible;
	text-align: center;
	font-size: 0.85em;
	padding: 30px 15px 60px 15px;
}

.mainTable s {
	margin-right: auto;
	margin-left: auto;
}

.mainTable a {
	color: black;
	font-style: italic;
}

.mainTable table {
	margin-right: auto;
	margin-left: auto;
	word-wrap: break-word;
	overflow: hidden;
}

.mainTable table {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.t_list {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;	
	font-size: 0.8em;
}

.t_list td{
	padding-left: 3px;
	padding-left: 3px;
}

#table-text-large{
	font-weight: bold;
	font-size: 0.9em;
	font-family: Verdana, Tahoma, Arial;
	line-height: 1em;
}

#table-text-small{
	font-weight: medium;
	font-size: 0.7em;
	font-family: Verdana, Tahoma, Arial;
	line-height: 1em;
}

/*i titoli delle tabelle nella pagine dinamiche*/
.col {
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-top: 0px;
	text-align: center;
}
.col td {
	text-align: left;
}

/*il contenuto delle tabelle nella pagine dinamiche*/
td .row {
	padding-left: 10px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-top: 0px;
	height: 10px;	/*attenzione qui*/	
}

.line img {
	width: 90%;
	height: 5px;
}

.container-private{
	text-align: center;
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	overflow: visible;
	font-size: 0.8em;
}

#istruzdiv-left {
	float: left;
	width: 350px;
	margin-left: 0px;
	text-align: left;
}
#istruzdiv-right {
	float: right;
	width: 350px;
	margin-right: 0px;
	text-align: left;
}
#istruz {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align: left;
	color: black;
	padding-left: 20px;
	line-height: 1.5em;
	list-style-position: outside;
}

#istruz li {
	margin-top: 10px;
}

#pulsante {
	position: relative;
	right: 20px;
}

#newusername , #newpassword , #newUser_retype , #newUser_name , #newUser_surname , #newUser_roles , #newUser_mail , #newUser_phone, #newUser_gruppo , #editNews_title , #groupid , #groupname , #newGruppo_regione , #editGruppo_regione{
	width: 200px;
	margin-left: 30px;
	margin-bottom: 5px;
	text-align: center;
}

#newNews_title {
	width: 300px;
}

#listOrd {
	width: 550px;
}

#editOrderUser {
	width: 100%;
}

#newOrder_nome {
	width: 200px;
	margin-bottom: 5px;
}

.wwFormTable td {
	padding-left: 30px;
}

#spostasu {
	position:relative;
	top: -20px;
}

#detail {
	font-size: 1.2em;
}

#confirm_msg {
	font-size: 0.9em;
	text-align: center;
	color: red;
}

/*--------------HEADER---------------------------------------------------------------------------------------------*/
tr .odd{
background-color: #eef;
}
tr .even{
background-color: #dde;
}