/*LAYOUT*/

body {
font-family: Arial;
background-color: #FFFFFF;
background-color: #FFF;
}
a{
outline:none;
cursor:hand;
}

li a.selected{
display:block;
font-weight:bold;
color:#008643;
text-decoration:none;
border-bottom:2px solid #008643;
}

#main{
width: 960px;
height:600px;
margin:auto;
padding-top:30px;
}
.bg1 {
margin-top:4px;
background-image: url(./immagini/bg1.gif);
background-position:0px 0px 0px 0px;
background-repeat: repeat-x;
}
		
		
.bg2 {
background-image: url(./immagini/bg2.gif);
background-position:0px 0px 0px 0px;
background-repeat: repeat-x;
border: 1px solid  #008C46;
}
		
		
.bg3 {
background-image: url(./immagini/bg3.gif);
background-position:0px 0px 0px 0px;
background-repeat: repeat-y;
}
		

.bg4 {
background: url(./immagini/bg4.png);
background-position:60px 56px;
background-repeat: repeat-x;
}
	

.verde{
padding-left: 10px;
padding-bottom:0px;
font-family: Arial;
background-color: #008C46;
font-size: 10px;
color: #FFFFFF;
}
.fondo{
font-size: 10px;
color: #FFFFFF;
padding: 0px;
}

/*HEADING*/

h1 {
padding-top:5px;
padding-bottom:4px;
  display:block;
	font-size: 13px;
	word-spacing: 2px;
	background-color: #008C46;
	color: #FFFFFF;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
	padding-left: 4px;
}

h2 {
margin-top:2px;
margin-bottom:2px;
	font-size: 13px;
	font-weight: normal;
	letter-spacing: 1px;
	word-spacing: 2px;
	color: #FFFFFF;
	line-height: 13px;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0px;
	word-spacing: 0px;
	color: #008C46;
	line-height: 17px;
}

h4 {
  margin:0px;
	font-size: 11px;
	font-weight: bold;
	color: #008C46;
}

h5 {
	font-size: 10px;
	font-weight: normal;

}

a:hover{
color:#444;
}

a:link {
color:#008C46;
}
a:active {
color:#008C46;
}
a:visited {
color:#008C46;
}

.elencomoduli{
color:#008C46;
}

h6 {
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
  line-height: 15px;
}

p {
	font-size: 10px;
	line-height: 13px;
	margin:0px;
}

.scroll-dati ul {
margin-top:4px;
padding-top:4px;
	margin-left:14px;
	padding-left:0px;
}

.scroll-dati LI {
  list-style-image: url(immagini/q_verde.gif);
	font-size: 10px;
	line-height: 13px;
	margin-left:0px;
	padding-left:0px;
	text-indent: 0;
}

.scroll-dati-medio ul {
margin-top:4px;
padding-top:4px;
	margin-left:14px;
	padding-left:0px;
}

.scroll-dati-medio LI {
  list-style-image: url(immagini/q_verde.gif);
	font-size: 10px;
	line-height: 13px;
	margin-left:0px;
	padding-left:0px;
	text-indent: 0;
}
/*MENU DI PRIMO LIVELLO*/		
		
#generazione0 {
margin-left:5px;
margin-bottom:0px;
}
#generazione0 ul{
margin-left:0px;
margin-bottom:0px;

}		
		
#generazione0 li{
display: inline; 
float:left;
width:84px;
padding-left: 1px;
margin-left:0px;
}

#generazione0 li.spazio{
display: inline; 
float:left;
width:2px;
border:1px solid #FFF;
}

#generazione0 a{
font-family: Arial;
display: block; 
width:70px;
color: #FFFFFF;
font-size: 11px;
line-height:14px;
padding-top: 5px;
padding-bottom: 3px;
padding-left: 16px;
text-decoration: none;
background-image: url(./immagini/v.gif);
background-position:0px;
background-repeat: no-repeat;
}


#generazione0  a.azzurro{
font-family: Arial;
display: block; 
width:70px;
color: #FFFFFF;
font-size: 11px;
line-height:14px;
padding-top: 5px;
padding-bottom: 3px;
padding-left: 16px;
text-decoration: none;
background-image: url(./immagini/a.gif);
background-position:0px;
background-repeat: no-repeat;
}



/*MENU DI SECONDO LIVELLO*/

.generazione1{
border:1px solid #C9C9C9;
background-color: #C9C9C9;
margin-top:0px;
margin-left:0px;
}

.generazione1 ul {
background-color: #C9C9C9;
margin-top:0px;
margin-left:0px;
}

.generazione1 li { 
float:left;
display: inline; 
}

.generazione1 li a{
clear:both;
display: block; 
border-right:1px solid #444444;
text-decoration: none;
color: #444444;
font-family: Arial;
font-size: 10px;
line-height:16px;
margin-top: 0px;
padding-top: 0px;
padding-left: 12px;
padding-right: 12px;
}

.generazione1 li a.selezionato{
display: block;
background-color: #80C6A3;
color: #FFFFFF;
display: block;
}


.generazione1 li a:hover{
background-color: #80C6A3;
color: #FFFFFF;
}

.generazione1 li a:active{
display: block;
background-color: #80C6A3;
color: #FFFFFF;
display: block;
}


#login h3{
color:#FFF;
}
#banca{
display:none;
}
#prodotti{
display:none;
}
#soci{
display:none;
}
#servizi{
display:none;
}
#comunicazione{
display:none;
}


div#tratree_titolo{margin-left:300px; width:420px; padding:10px; color:#FFF; background:#008C46}
div#tratree{margin-left:300px; width:440px; height:460px; overflow:auto; background:#FFF; opacity: .8; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
.php-file-tree{font-family:Arial; font-size:11px;}

/*NAVIGATORE ORIZZONTALE***************************************************************************/
ul#topnav {top: 4px; left:5px; margin-left: 10px; padding:0; float: left; width:690px; list-style: none; position: relative; font-size: 1.2em;}
ul#topnav li {float:left; margin:1px; width:84px; height:20px; padding:0;  background: #008C46;}
ul#topnav li.selezionato {float:left; margin:1px; width:84px; padding:0;  background:#BEC1C0;}
ul#topnav li.azzurro {float:left; margin:1px; width:84px; padding:0;  background:#324789;}
ul#topnav li a {padding:4px 10px; display: block; color: #FFF; text-decoration: none; font-size:11px;}
ul#topnav li  {color:#FFF;}
ul#topnav li span {float: left; [if lt IE 8]margin-top: 3px; padding:0px 0;position: absolute;left: 0; top:18px; height:14px; display: none; width: 690px; color: #444;}
ul#topnav li span a { display: inline; color: #444; height:14px; font-size: 10px; padding-top:1px;}
ul#topnav li span a:hover {color: #FFF; background:#80C6A3; height:14px;}
ul#topnav span .selezionato{color:#FFF; background:#80C6A3; font-size: 10px;}
/**************************************************************************************************/


div#flash_home{height:260px;width:790px;background:#FFF;}
div#pesce{height:90px;width:790px;background:#FFF; clear:left; margin:0px;}
div#pesceleft{float:left; width:130px; bottom:0px;}
div#pesceright{margin-left:130px; margin-left:130px; width:630px; height:92px; padding:0px; border:1px solid #FFF; }
div#pesceright a{color:#CB0F22}
#slide{z-index:-300;height:210px; width:180px; }
div#pesceright h3{color:#CB0F22; font-size:11px; margin-top:0px; font-family:Verdana;}
div#rigarossa{ height:30px; width:790px; background:#CB0F22; border:1px solid #CB0F22;}
div#rigarossa h3{color:#FFF; font-size:15px; font-family:Verdana; padding:0px 7px; font-weight:normal; line-height:15px; font-weight: bold; margin-top: 7px;  margin-bottom: 4px;}
div#rigarossa h3 a{color:#FFF;text-decoration:none;}
div#boxcontainer{height:200px;width:790px;background:#FFF; clear:left;}

.boxgrid{ width: 180px; height: 210px; margin:6px 6px 0px 6px;  float:left; background:#FFF; border: solid 1px #BBB; overflow: hidden; position: relative;}
.boxgrid h4{margin:3px 8px;color:#008c46;font:15pt Arial, sans-serif;letter-spacing:-1px; font-weight: bold;}
.boxgrid p{ color:#4C4C4C; font-size:12px; margin-left:10px;}
.boxgrid a{ color:#4C4C4C; text-decoration:none;}
.boxgrid img{position: absolute; top: 0; left: 0; border: 0;}
.boxcaption{z-index:1000;float: left; position: absolute; background: #CB0F22; height: 100px; width: 100%; opacity: .6; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}
.boxcaption h3{margin: 10px 10px 0 10px;color:#FFF;font:12pt Verdana, sans-serif; font-weight: bold;}
.boxcaption p{ color:#FFF; font-size:12pt; line-height:1.6em; margin-left:7px; font-weight:normal; margin-top:5px;}
.boxcaption h4{ color:#FFF; font-size:45%; line-height:1em; margin-left:10px; font-weight:bold;}
.boxcaption h5{ color:#FFF; font-size:40%; line-height:0.9em; margin-left:10px; font-weight:bold;}
.boxcaption a{margin: 0px;}
.captionfull .boxcaption{top: 110;left: 0;}
.caption .boxcaption{top: 170;left: 0;}


/*DIV LINK*****************************************************************************************/
.linked{cursor:pointer;}
.linked p {padding: 3px}
.hovering {cursor:pointer;}
/**************************************************************************************************/