/*
COLORI

verde chiaro:
	color:rgb(145,191,120)
	#A3CD83
	
verde medio:   
	color:rgb(145,191,120);
	#7BBE52
	
verde scuro:   
	color:rgb(102,161,72);
	#49A54A
	
giallo:   
	color:rgb(235,209,86);
	#F1D142
	
quote:
	#bbdaa4
	
	

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-]
*/




.closer {
	clear: both;
}

.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;
	margin-left: auto;
	margin-right: auto;
}

body {
	text-align: center;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/*--------------HEADER---------------------------------------------------------------------------------------------*/
.header {
	text-align:left;
	background: white;			
}

.header .scritte_up {
	margin-left: 10px;
	margin-bottom: -3px;
	font-size: small;
}

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

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

.header .welcome {	/*da eliminare*/
	float: right;
	text-align: right;	
	position: relative;
	top: 30px;
	right: 5px;
}
/*-----------header CG-----------------------*/
.header-cg {
	text-align:left;
	background: #F1D142;
	width: 100%;
	height: 50px;			
}

.header-cg .scritte_up {
	margin-left: 10px;
	margin-bottom: -3px;
	font-size: small;
}

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

.header-cg #cb a{
	font-size: 32px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.header-cg .welcome {
	float: right;
	text-align: right;	
	position: relative;
	top: 30px;
	right: 5px;
}
/*--------------TOPLIST---------------------------------------------------------------------------------------------*/

#navcontainer {
	/*margin-right: auto;*/
	margin-bottom: 20px;
	background-color: #A3CD83;	
	padding: 0px;
	margin: 0px;
	border: 0px;
	overflow: visible;
}


.toplist {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: x-small;
	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 */
	margin-left:auto;
	margin-right:auto;	
}

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

#notcurrent a:hover {
	color: #49A54A;
}

#current a:hover {
	color: #F1D142;
}

#navcontainer .cell{ 
	text-align: center;
	width: auto;	/*larghezza celle*/
	background: #A3CD83;
	height: 25px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	overflow: visible;
	text-align: center;
	white-space:nowrap;
}

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

/*--------------COLONNA DESTRA - NEWS---------------------------------------------------------------------------------------------*/
.sidebar {
	position: relative;
	top: 0px;
	float: right;
	width: 250px;
	height: 1000px;
	margin-left: 2%;
	background-color:#F1D142;
	z-index: -1;
	padding-top:20px;
	margin-top: -30px;
	border-top: 0px;
	padding-bottom: 3%;

}

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

.news .news-text {
	float: left;
	font-size: x-small;
	width: 100px;
	z-index: 0;
	color: white;
}

.news .news-image {
	float: right;
	width: 110px;
}

.news img {
	width: 100px;
	height: auto;
}

.news .news-title {
	color: white;
	font-size: x-large;
}

.news .news-attach a{
	color: white;
	text-align: center;
	font-size: small;

}
/*--------------COLONNA SINISTRA---------------------------------------------------------------------------------------------*/
.left {

	float: left;
	width: 250px;
	height: 1015px;
	text-align: left;
	background-color: #7BBE52;
	font-size: x-small;
	font-weight: bold;
	color: white;
	line-height: 200%;
	z-index:-1;
}

.left .left-abitright{
	margin-left: 15%;
	margin-right: 5%;
	margin-top: 15%;
	margin-bottom: 20%;
}

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

}

#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;
/*	padding: 5px 5px 5px 5px;   -*/
	text-align:left;
	float: right;
	width: 37%;
	color: #49A54A;
}

.main p {		/*main p*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	line-height: 130%;
}

.main a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #49A54A;
}

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

.main #main-img2 { 
	float: right; 
	width: 25%;
	border: 8px solid #49A54A;
	margin-right: 5%;
	margin-top: 10%;
}

.main-scritte { 
	padding-right: 15%;
}

/*--------------FORMATTAZIONE DEI LINK---------per ora non serve-----------------------

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 } 
-------------------------------------------------------------*/


/*--------------RETTANGOLO PER ACCESSO CONTROLLATO-----------------------------------------------------------------------------*/

.link-login {
	width: 70%;
	background-color:#F1D142;
	text-align: left;
	padding-top: 7px;
	padding-left: 15px;
	padding-bottom: 15px;
	margin-top: 30px;
}

.link-login a {
	color: white;
	font-weight: bold;		/*attenzione qui*/
	font-size: x-small;
}


/*--------------FOOTBAR-----------------------------------------------------------------------------------------*/
.footbar {
	text-align: center;
/*	background-color: #49A54A;*/
}

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

.footbar3 {
	text-align: center;
	position: relative;
	top: -30px;
	z-index:1;
/*	background-color: #49A54A;*/
}

.footbar4 {
	text-align: center;
	position: relative;
	top: -85px;
	z-index:1;
/*	background-color: #49A54A;*/
}

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

#bottom-address {
	z-index: -1;
	position:relative;
	top: -10px;
	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 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: small;
	font-weight: bold;
/*	position: absolute;
	left: 300px;
	top: 200px;*/
	/*width: 400px;
	height: 220px;*/
	border-collapse: collapse;
}


#col-sx{
	background-color: #7BBE52;
	position: absolute;
	top: 200px;
	left: 300px;
	width: 150px;
	height: 220px;
	text-align: right;
	float:left;
}

#col-dx {
	background-color: #F1D142;
	position: absolute;
	top: 200px;
	left: 450px;
	width: 220px;
	height: 220px;
	text-align: left;
}

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


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

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

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

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


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


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

/*------------MESSAGGI DELLE PAGINE (SUBHEADER) DELLE PAGINE ACCESSO RISERVATO-----------------*/
.menu {
	text-align:center;
	width:100%;
	font-size: medium;
	color: red;
}

.message {
	text-align:center;
	width:500px;
	height: 20px;
	/*align: top;*/
	font-size: large;
	font-weight: bold;
	color: red;
}	

#mess {
	position: absolute;
	top: 100px;
	left: 12%;	
}

.menuActive {
	font-weight: bold;
}


/*-----------------STYLE DELLE TABELLE (LISTUSER,LISTNEWS ETC.)------------------------------------*/
/*
.title {
	color: black;
	font-family: "Arial Black", sans-serif;
	font-size: 1.2em;
	text-align: left;
}
*/

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

.mainTable {
	text-align: center;
	padding:15px;
}

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

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

.col {
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-top: 0px;
	text-align: center;
}

.row {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-top: 0px;
}

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

/*-----------------le altre PAGINE STATICHE------------------------------------*/
.main-left {
	text-align: left;
	color:#49A54A;
}

#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: small;
	font-weight: bold;
	text-align: left;
	color:#49A54A;
	padding-left: 5%;
	line-height: 150%;
}

#title{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-large;
	text-align: left;
	color: black;
	padding-left: 5%;
	margin-top: 30px;
}



#testo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: left;
	color: black;
	padding-left: 5%;
	line-height: 150%;
	position: relative;
	top: -20px;
}

.chisiamo-right {
	float: right;
	background-color: #7BBE52;
	width: 30%;
	height: 1000px;
	text-align: center;
	position: relative;
	top: -50px;
	z-index:-1;
	margin-left: 5%;
	padding-top: 40px;
}

.chisiamo-right img{
	width: 85%;
	padding: 3%;
	margin-top: 2%;
}



.scritte_up img{
	width: 30px;
}

.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 inflilarso sotto il menu di navigazione*/
	top: -20px;
	margin: 0px;
	padding: 0px;
}

.left2cont{
	padding-left: 30px;
	padding-right: 30px;
}	
	
#left-intro{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
}

.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;
}

#bufalo {
	z-index: 0;
	background-color: #49A54A;
	padding: 10px 10px 10px 10px ;
	text-align: right;
	width: 190px;
}

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

.left2 img{
	width: 160px; /* larghezza immagini nella colonna verde scuro a sinistra delle pagine statiche*/
	height: auto;
}

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

#quote2close {
	width: 130px;
	height: auto;
	position: absolute;
	top: 320px;
}

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

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

#quote2close-produt {
	width: 130px;
	height: auto;
	position: absolute;
	top: 440px;
}

.quote-up-prodot{
	position: relative;
	top: -80px;
}

.quote-up-produt{
	position: relative;
	top: -130px;
}

.quote-up-consum{
	position: relative;
	top: -70px;
}

/*
#quote3 {
	width: 130px;
	z-index: +2;
	position: relative;
	top: -185px;
	right: 15px;
}

#quote4 {
	width: 140px;
	z-index: +2;
	position: relative;
	top: -100%;
	right: 15px;
}

#quote5 {
	width: 140px;
	height: auto;
	z-index: +2;
	position: absolute;
	top: 400%;
	right: 15px;
}
*/


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

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

#quote-code-close{
	font-size: 170px;
	font-family: arial black, arial;
	color: #bbdaa4;
	z-index: 2;
	padding: 0px;
	margin: 0px;
}
.quote-up170{
	position: relative;
	top: -170px;
}
	
#greenline-right{
	text-align: left;
	background-color:#49A54A;
	height: 3px;
	margin-top: -20px;
	position: relative;
	right: -5%;
	margin-right: 20%;
}

#greenline-hr{
	background-color:#49A54A;
	color:#49A54A;
	border: 0;
	height: 3px;
	position: relative;
	top: -15px;
	right: 10px;
	width: 500px;
/*	margin-bottom: -25px;*/
}

#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;
}

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

#testo a{
	color: black;
}

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

#prodotti-table tr{
	height: 50px;
	margin: 50px 0px 5px 0px;
}

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

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


.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;
}

#organizzazione-table{
	width: 70%;
	margin-left: 5%;
	/*margin-right: 2%;*/
	text-align: left;
}

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

#table-organizzazione-left{
	font-weight: normal;
	font-size: medium;
	width: 30%;
}


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

}

.main-right-coll{
	text-align: left;
	padding-left: 70px;
	line-height: 100%;
	position: relative;
	top: -1030px;
	right: 20px;
}

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

#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: 20px;
}

#table-collegamenti-left{
	width: 300px;	/*larghezza colonna delle foto*/

}

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

}

#title-white{
	left: -30px;
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-large;
	text-align: left;
	color: white;
}

#left-central{
	width: 150px;
	height: auto;
}
/* -----------backup coll
.main-right-coll{
	text-align: left;
	padding-left: 70px;
	margin-right: 50px;
	line-height: 100%;
	position: relative;
	top: 140px;	
	left: 200px;
	margin-left: 20px;
	width: 800px;
}

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

#collegamenti-table a{
	color: black;
}

.left2-coll{
	float: left;
	width: 300px;
	height: 1000px;	
	background-color: #7BBE52;
	font-size: small;
	font-weight: bold;
	color: white;
	line-height: 200%;
	z-index:-1;
	padding-left: 30px;
	padding-top: 30px;
	position: relative;
	top: -30px;
}

#collegamenti-table{
	position: relative;
	width: 700px;	
	margin-right: 2%;
	text-align: left;
}

#collegamenti-table tr{
	height: 20px;
}

#table-collegamenti-left{
	width: 300px;	
	margin-left: 50px;
}

.main-right-coll td {	
	width: 600px;
	margin-left: 100px;
}
	
#greenline-coll{
	position: relative;
	text-align: left;
	background-color:#49A54A;
	margin-left: 20px;
	margin-right: 20px;
	padding-left: 0px;
	padding-right: 0px;
	height: 3px;
	margin-top: -20px;
	margin-bottom: 20px;
	top: 10px;
	left: -50px;
}

#title-white{
	left: -30px;
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-large;
	text-align: left;
	color: black;
}

#left-central{
	width: 150px;
	height: auto;
}
*/

/*-----------------HOME CAPIGRUPPO------------------------------------*/
.header-CG {
	background-color: #F1D142;
	text-align: left;
}



.header-CG .scritte_up {
	color: white;
	margin-left: 5%;
	margin-bottom: -0.5%;
}

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

.header-CG #cb a {
	color: white;
	font-size: 36px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.header-CG .welcome {
	float: right;
	text-align: right;	
}

.header-CG .welcome font {
	color: white;
}

.toplist-private {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: x-small;
	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 */
	/*background: rgb(145,191,120); se metto questo il current ha il margine verde chiaro*/
}

.toplist-private td {
	text-align: center;
	width: 16%;	/*larghezza celle*/
	background: #A3CD83;
	height: 25px;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

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

#ordine-cg{
	position: relative;
	left: 100px;
	background-color: #A3CD83;
	width: 200px;
	height: 35px;
	text-align: center;
	padding-top: 10px;
}

#ordine-cg a{
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: medium;
	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;
}
/*-----------------BANCO PROVA------------------------------------*/

.prova-container{
background-color: black;
z-index: -1;
}

.prova1{
background-color: red;
width: 50px;
height: 50px;
}

.prova2{
background-color: yellow;
text-align:right;
width: 500px;
height: 500px;
position: absolute;
top: 30px;
left: 30px;
z-index: 0;
}

.prova2 p{
color: white;
text-align:right;
float: left;
padding-left: 50px;
background-color: maroon;
}

.allineamento {
background-color: red;
width: 200px;
height: 200px;
float: left;
}

.prova3{
background-color: red;
position:relative;
float:right;
width: 50px;
height: 50px;
top: 30px;
left: 30px;
}
.prova4{
background-color: blue;
text-align:right;
width: 500px;
height: 500px;
z-index: 1;

}

.prova5{
background-color: green;
position:relative;
float:right;
width: 50px;
height: 50px;
top: 30px;
left: 30px;
}

.prova6{
background-color: white;
position:absolute;
float:right;
width: 50px;
height: 50px;
top: 30px;
}

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