/********************/
/* Aspetto generale */ 
/********************/

BODY {
	margin: 0px;
	background-repeat: repeat-x;
	background-color: #004486;
	background-image: url(/img/bg00.jpg);
}         

SELECT
{
    FONT-FAMILY: Arial;
    FONT-SIZE: 11px
    
}   

INPUT
{
    FONT-FAMILY: Arial;
    FONT-SIZE: 11px;
}

TEXTAREA
{
    FONT-FAMILY: Arial;
    FONT-SIZE: 11px;
}

P {
	margin-top: 1px;
	margin-bottom: 7px;  
}

UL,
OL { margin: 2px 0px 5px 20px; padding: 0px 0px 0px 5px;}


/* Titolo largo blu (About us) */
        
A:link       ,
A:visited    ,
A:active     { text-decoration:none; }
A:hover      { text-decoration:underline; }

.down { clear: both; }
.note { 
	font-family: arial;
	color: #505050;
	font-size: 10;
}	



/*****************/
/* Layout pagina */ 
/*****************/

#mainExt { 
	width: 934px; 
	text-align: left;    
	position:relative;
}

#main {
	left: 0px; 
	top: 0px; 
	width: 934px; 
	position: relative;
}

#topLeft {
	float: left; 
	width: 12px; background-image: url(/img/bg_left.gif); 
	background-repeat: repeat-y;
}

#topRight {
	float: left; 
	width: 12px; background-image: url(/bg_right.gif); 
	background-repeat: repeat-y;
}


#middleContainer {
	float: left; 
	width: 910px; 
	background-color: #FFFFFF;
	padding-bottom: 5px; 
	position:relative;
}	

#footerExt {
	left: 0px; 
	top: 0px; 
	width: 934px; 
	position: relative;
}	      

#footer {
	left: 0px; 
	top: 0px; 
	position: absolute; 
	z-index: 20; 
	width: 460px;
}

#homeMiddleBase {
	width: 910px;
	background-image: url(/img/base_home.gif); 	
	background-repeat: repeat-y; 
	position: relative;
}	  

#intMiddleBase {
	width: 910px;
	background-image: url(/img/base_int.gif); 	
	background-repeat: repeat-y; 
	position: relative;
}	


/* Home */

#homeColMin {
	float:left; 
	width: 0px; 
	height: 205px;
}

#homeCol1 {
	float:left; 
	width: 242px; 
	padding: 10px;     	
	padding-top: 8px;     	
}

#homeCol2 {
	float:left; 
	width: 364px; 
	padding: 11px;
}

#homeCol3 {
	float:left; 
	width: 242px; 
	padding: 10px;     
}


/* Interno */            


#intColMin {
	float:left; 
	width: 7px; 
	height: 205px; 
	display: inline;    
}

#intCol1 {
	float:left; 
	width: 220px; 
	padding-bottom: 30px;
    display: inline;
}

#intCol2 {
	float:left; 
	width: 469px; 
}

#intCol23 {
	float:left; 
	width: 673px;
	display: inline;
}

#intCol3 {
	float:left; 
	width: 204px; 
}


#percorso{
	font-family: Verdana;
	color: #ffffff;
	font-size: 11px;
	position:absolute;
	left:10px;
	top:210px;
	width: 600px;
	z-index: 1000;
	/*background-color:red;*/
}

#percorso A{
	font-weight:bold;
	color: #ffffff; 
	text-decoration: none;
}




/*************/
/* Left Menu */
/*************/     

#intMenuTop {
	background-image: url(/img/lmenu_top.gif); 
	position: relative; 
	height: 35px; 
	width: 220px
}	

/** OFF **/

.voceOff, 
.voceOff A {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #505050;
	text-decoration: none;
	width: 220px;   
	background-color: #f2f2f2;
}

.voceOff A:hover { text-decoration: none; color: #000000; }

.voceOff .bull {          
	float: left;
	background-image: url(/img/lmenu_voce_off.gif);
	background-repeat: no-repeat;
	background-position: 10px 8px;
	position: relative;
	width: 24px;
	height: 20px;
}

.voceOff .item {
	float: left;
	width: 190px;      
	padding-top: 4px;
}

.voceOff .footer {
	height: 2px;
	border-bottom: 1px solid #d7d7d7;
}  

.voceOff .sublevel,
.voceOff .sublevel A {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #505050;
	text-decoration: none;
	width: 220px;   
	background-color: #FFFFFF;
}    

.voceOff .sublevel A:hover {
	text-decoration: none; color: #000000;
}

.voceOff .sublevel .bull {          
	float: left;
	background-image: url();
	width: 24px;
	height: 20px;
}

.voceOff .sublevel .item {
	float: left;
	width: 190px;      
	padding-top: 4px;
}

.voceOff .sublevel .footer {
	height: 2px;
	border-bottom: 1px solid #d7d7d7;
}           

/** terzo livello **/

.voceOff .subsublevel,
.voceOff .subsublevel A {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #505050;
	text-decoration: none;
	width: 220px;  
	background-color: #FFFFFF; 
}    

.voceOff .subsublevel A:hover {
	text-decoration: none; color: #000000;
}

.voceOff .subsublevel .bull {          
	float: left;
	background-image: url();
	width: 24px;
	height: 20px;
}

.voceOff .subsublevel .item {
	float: left;
	width: 180px;      
	padding-top: 4px; 
	padding-left: 10px;
}

.voceOff .subsublevel .footer {
	height: 2px;
	border-bottom: 1px solid #d7d7d7;
}  


/** ON **/

.voceOn {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	width: 220px;   
	border-top: 1px solid #FFFFFF;
}               

/**************************************/
/** voce primo livello per ogni area **/

.voceOn .sel,
.voceOn .sel A,
.voceOn .sel A:hover {
	text-decoration: none; 
}    

.voceOn .sel .bull {          
	float: left;
	background-repeat: no-repeat;
	background-position: 10px 7px;
	position: relative;
	width: 24px;
	height: 20px;
}

/** Aree **/

.voceOn .sel .area0,
.voceOn .sel .area0 A,
.voceOn .sel .area0 A:hover {
	color: #FFFFFF;                                
	background-color: #FF0000;
}    

.voceOn .sel .area0 .bull {	
	background-image: url(/img/lmenu_voce0_on1.gif); 
}
.voceOn .sel .area1,
.voceOn .sel .area1 A,
.voceOn .sel .area1 A:hover {
	color: #0053A9;                                
	background-color: #CFE0F3;
}    

.voceOn .sel .area1 .bull {	
	background-image: url(/img/lmenu_voce1_on1.gif); 
}

.voceOn .sel .area2,
.voceOn .sel .area2 A,
.voceOn .sel .area2 A:hover {
	color: #d56d06;                                
	background-color: #ffdfc0;
}    

.voceOn .sel .area2 .bull {          
	background-image: url(/img/lmenu_voce2_on1.gif);
}

.voceOn .sel .area3,
.voceOn .sel .area3 A,
.voceOn .sel .area3 A:hover {
	color: #5a891d;                                
	background-color: #d7e5c4;
}    

.voceOn .sel .area3 .bull {          
	background-image: url(/img/lmenu_voce3_on1.gif);
}

.voceOn .sel .area4,
.voceOn .sel .area4 A,
.voceOn .sel .area4 A:hover {
	color: #e8a30e;                                
	background-color: #fdf4d6;
}    

.voceOn .sel .area4 .bull {          
	background-image: url(/img/lmenu_voce4_on1.gif);
}

.voceOn .sel .area5,
.voceOn .sel .area5 A,
.voceOn .sel .area5 A:hover {
	color: #be0000;                                
	background-color: #fbe0e0;
}    

.voceOn .sel .area5 .bull {          
	background-image: url(/img/lmenu_voce5_on1.gif);
}



/** fine aree **/


/*************************************************************************/
/** voce primo livello per ogni area, quando l'area contiene altre aree **/

.voceOn .sel2,
.voceOn .sel2 A,
.voceOn .sel2 A:hover {
	text-decoration: none; 
	background-color: #D7D7D7;	
}         

.voceOn .sel2 .bull {
	float: left;
	background-repeat: no-repeat;
	background-position: 10px 7px;
	position: relative;
	width: 24px;
	height: 20px;
}

/** Aree **/

.voceOn .sel2 .area0,
.voceOn .sel2 .area0 A,
.voceOn .sel2 .area0 A:hover {
	color: #000000;                                
}         

.voceOn .sel2 .area0 .bull  {
	background-image: url(/img/lmenu_voce0_on2.gif);
}

.voceOn .sel2 .area1,
.voceOn .sel2 .area1 A,
.voceOn .sel2 .area1 A:hover {
	color: #0053A9;                                
}         

.voceOn .sel2 .area1 .bull  {
	background-image: url(/img/lmenu_voce1_on2.gif);
}

.voceOn .sel2 .area2,
.voceOn .sel2 .area2 A,
.voceOn .sel2 .area2 A:hover {
	color: #d56d06;                                
}         

.voceOn .sel2 .area2 .bull  {
	background-image: url(/img/lmenu_voce2_on2.gif);
}

.voceOn .sel2 .area3,
.voceOn .sel2 .area3 A,
.voceOn .sel2 .area3 A:hover {
	color: #5a891d;                                
}         

.voceOn .sel2 .area3 .bull  {
	background-image: url(/img/lmenu_voce3_on2.gif);
}

.voceOn .sel2 .area4,
.voceOn .sel2 .area4 A,
.voceOn .sel2 .area4 A:hover {
	color: #FFFFFF;                                
}         

.voceOn .sel2 .area4 .bull  {
	background-image: url(/img/lmenu_voce4_on2.gif);
}

.voceOn .sel2 .area5,
.voceOn .sel2 .area5 A,
.voceOn .sel2 .area5 A:hover {
	color: #be0000;                                
}         

.voceOn .sel2 .area5 .bull  {
	background-image: url(/img/lmenu_voce5_on2.gif);
}

/** fine aree **/


.voceOn .item {
	float: left;
	width: 190px;      
	padding-top: 3px;
}

.voceOn .footer {
	height: 1px;
	border-bottom: 1px solid #d7d7d7;
	background-color: #FFFFFF;
}     

/*************************************************************************/
/** voce secondo livello per ogni area, quando l'area contiene altre aree **/

.voceOn .sublevel .sel {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	width: 220px;   
}      

.voceOn .sublevel .sel,
.voceOn .sublevel .sel A,
.voceOn .sublevel .sel A:hover {
	color: #000000;                               
	text-decoration: none; 
}    

.voceOn .sublevel .sel .bull {          
	float: left;
	background-image: url();
	width: 24px;
	height: 20px;
}

.voceOn .sublevel .sel .item {
	float: left;
	width: 190px;      
	padding-top: 3px;
}

.voceOn .sublevel .sel .footer {
	height: 1px;
} 

/** Aree **/

.voceOn .sublevel .sel {
	color: #000000;                                
	text-decoration: none; 
}      

.voceOn .sublevel .sel .area1,
.voceOn .sublevel .sel .area1 A,
.voceOn .sublevel .sel .area1 A:hover {
	background-color: #CFE0F3;
}        

.voceOn .sublevel .sel .area0,
.voceOn .sublevel .sel .area0 A,
.voceOn .sublevel .sel .area0 A:hover {
	background-color: #FF0000;
	color: #FFFFFF;
}        

.voceOn .sublevel .sel .area2,
.voceOn .sublevel .sel .area2 A,
.voceOn .sublevel .sel .area2 A:hover {
	background-color: #ffdfc0;
}   
    

.voceOn .sublevel .sel .area3,
.voceOn .sublevel .sel .area3 A,
.voceOn .sublevel .sel .area3 A:hover {
	background-color: #d7e5c4;
}   

.voceOn .sublevel .sel .area4,
.voceOn .sublevel .sel .area4 A,
.voceOn .sublevel .sel .area4 A:hover {
	background-color: #fdf4d6;
}    

.voceOn .sublevel .sel .area5,
.voceOn .sublevel .sel .area5 A,
.voceOn .sublevel .sel .area5 A:hover {
	background-color: #fbe0e0;
}  



/*************************************************************************/
/** voce terzo livello per ogni area, quando l'area contiene altre aree **/

.voceOn .subsublevel .sel {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	width: 220px;     
}      

.voceOn .subsublevel .sel .area1,
.voceOn .subsublevel .sel .area1 A,
.voceOn .subsublevel .sel .area1 A:hover {
	background-color: #EBF2FA; 
}	

.voceOn .subsublevel .sel .area2,
.voceOn .subsublevel .sel .area2 A,
.voceOn .subsublevel .sel .area2 A:hover {
	background-color: #F0F0F0;  /* TODO */
}	

.voceOn .subsublevel .sel .area3,
.voceOn .subsublevel .sel .area3 A,
.voceOn .subsublevel .sel .area3 A:hover {
	background-color: #EDF3E4; 
}	

.voceOn .subsublevel .sel .area4,
.voceOn .subsublevel .sel .area4 A,
.voceOn .subsublevel .sel .area4 A:hover {
	background-color: #FEFAED;
}  

.voceOn .subsublevel .sel .area5,
.voceOn .subsublevel .sel .area5 A,
.voceOn .subsublevel .sel .area5 A:hover {
	background-color: #F0F0F0; /* TODO */
}	

.voceOn .subsublevel .sel,
.voceOn .subsublevel .sel A,
.voceOn .subsublevel .sel A:hover {
	color: #000000;                               
	text-decoration: none; 
}    

.voceOn .subsublevel .sel .bull {          
	float: left;
	background-image: url();
	width: 24px;
	height: 20px;
}

.voceOn .subsublevel .sel .item {
	float: left;
	width: 180px;      
	padding-top: 3px;
	padding-left: 10px; 
}

.voceOn .subsublevel .sel .footer {
	height: 1px;
} 
.voceOn .subsublevel .sel,
.voceOn .subsublevel .sel A,
.voceOn .subsublevel .sel A:hover {
	color: #000000;
}
 



/*********************/
/* Elementi generici */ 
/*********************/

.navTop  {
	float: left;
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	color:#646464;
	text-decoration: none;
	padding-right: 7px;
	padding-left: 7px;
	position: relative;
} 

.navTop A { color:#646464; text-decoration: none; }
.navTop A:hover { text-decoration: none; color: #000000;}

.textSize {               
	left: 760px; 
	top: 12px; 
	position: 
	absolute; 
	z-index: 20;
	font-family: verdana;
	font-size: 9px;
	font-weight: bold;
	color:#646464;
	text-decoration: none;
}	

.textSize A {                 
	color:#646464;
	text-decoration: none;
}	

.textSize A:hover { text-decoration: none; color: #FF0000;}

.textSize A#A1 { font-size: 10px; }
.textSize A#A2 { font-size: 12px; }
.textSize A#A3 { font-size: 14px; }


.textSizeIt {               
	left: 770px; 
	top: 12px; 
	position: 
	absolute; 
	z-index: 20;
	font-family: verdana;
	font-size: 9px;
	font-weight: bold;
	color:#646464;
	text-decoration: none;
}	

.textSizeIt A {                 
	color:#646464;
	text-decoration: none;
}	

.textSizeIt A:hover { text-decoration: none; color: #FF0000;}

.textSizeIt A#A1 { font-size: 10px; }
.textSizeIt A#A2 { font-size: 12px; }
.textSizeIt A#A3 { font-size: 14px; }

.print  {
	left: 860px; 
	top: 12px; 
	position: absolute; 
	z-index: 20;
	font-family: verdana;
	font-size: 9px;
	font-weight: bold;
	color:#646464;
	text-decoration: none;
} 

.print A 		{ color:#646464; text-decoration: none; }
.print A:hover 		{ color:#000000; text-decoration: none; }

.printIt  {
	left: 850px; 
	top: 12px; 
	position: absolute; 
	z-index: 20;
	font-family: verdana;
	font-size: 9px;
	font-weight: bold;
	color:#646464;
	text-decoration: none;
} 

.printIt A 		{ color:#646464; text-decoration: none; }
.printIt A:hover 	{ color:#000000; text-decoration: none; }

.lang  {
	left: 833px; 
	top: 43px; 
	position: absolute; 
	z-index: 20;
	font-family: Arial;
	font-size: 9px;
	font-weight: normal;
	color:#000000;
	text-decoration: none;
} 

.lang A 		{ color:#FFFFFF; text-decoration: none; }
.lang A:hover 	{ color:#000000; text-decoration: none; }  

.cerca  {
	left: 610px; 
	top: 86px; 
	position: absolute; 
	z-index: 20;
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	color:#878787;
	text-decoration: none;
	width: 300px;
	}    

.menu  {
	left: 20px; 
	top: 230px; 
	position: absolute; 
	z-index: 20;
	width: 896px;
}   

#copy {
	left: 25px; 
	top: 15px; 
	position: absolute; 
	z-index: 30;	
	position: absolute; 
	font-family: verdana;
	font-size: 9px;
	font-weight: normal;
	color:#FFFFFF;
	text-decoration: none;
}   

#menuBottom {
	left: 200px; 
	top: 16px; 
	position: absolute; 
	z-index: 30;	
	font-family: verdana;
	font-size: 9px;
	width: 700px;
}   

.navBot {
	float: left;
	font-family: Verdana;
	font-size: 9px;
	font-weight: bold;
	color:#002E5A	;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
	position: relative;
} 

.navBot A { color:#002E5A; text-decoration: none; }
.navBot A:hover { text-decoration: none; color: #FFFFFF}

.separatore {
	width: 1px;
	background-color: #bbbfc1;
	border-right: 1px solid #ffffff;
	height: 9px;
	margin-top: 2px;
}	


/*******/
/* Box */
/*******/


.boxTit {
	font-family: Arial; 	
	color: #ffffff; 
	font-size: 13px; 
	font-weight: bold; 
	line-height: 1.0em; 
	padding-top: 3px;
	padding-bottom: 4px;
}

.box {
	font-family: verdana;
	font-size: 10px;
	color: #505050;
}

.box .data {
	font-weight: bold;
	font-family: verdana;
	color: #828282;
}

.box .titolo, 
.box .titolo A {    
	font-weight: bold;
	font-family: verdana;
	color: #505050;
	text-decoration: none;
}   

.box .titolo A:hover {    
	text-decoration: underline;
}

.box .kb {
	font-family: arial;
	color: #000000;
}

.box .more {
	padding-top: 0px;
	font-family: verdana, helvetica;
	font-weight: bold;
	text-align: right;
}	

.box .more .giallo A  		{ color: #E69D00; text-decoration: none; }
.box .more .giallo A:hover  { text-decoration: underline; color: #000000;}

.box .more .arancio A  		{ color: #F18315; text-decoration: none; }
.box .more .arancio A:hover  { text-decoration: underline; color: #000000;}

.box .more .blu A  		{ color: #0053A9; text-decoration: none; }
.box .more .blu A:hover  { text-decoration: underline; color: #000000;}

.box .more .verde A  		{ color: #73AF25; text-decoration: none; }
.box .more .verde A:hover  { text-decoration: underline; color: #000000;}


.box .blu A  		{ color: #0053A9; font-weight: bold; text-decoration: none; }
.box .blu A:hover  { text-decoration: underline; color: #000000;}

.box .content

.box .content {
	margin-top: 12px;
	margin-left: 18px;
	width: 170px;
}

.box .content .bull {
	float: left;     
	margin-top: 3px;
	background-image: url(/img/bull_nero.gif);
	background-repeat: no-repeat;
	width: 7px;
	height: 10px;
}	

.box .content .item {   
	float: left;  
	margin-left: 5px;
	font-family: verdana;
	font-size: 10px;
	width: 150px;
}	

.box .content .item .data {   
	font-weight: bold;
	color: #828282;
}	

.box .content .item .titoloInt,
.box .content .item .titoloInt A {   
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}	

.box .content .item .titoloInt {
	padding-bottom: 10px;
}

.box .content .item .titoloInt A:hover { text-decoration: underline; color: #DC0000 }

.kb {
	font-family: arial;
	color: #505050;
}

.didascalia {  
	padding: 5px 5px 5px 10px;
	font-style: italic;
	color: #777777;
}

.didascalia A,
.didascalia A:active,
.didascalia A:link,
.didascalia A:visited {  
	font-style: normal;
}
           
H1 {
	font-family: arial;
	font-size: 20px;
	font-weight: normal;
	padding: 3px 5px 0px 0px;
	margin: 0px 5px 7px 0px;
}

H2 {
	font-family: arial;
	font-size: 13px;
	font-weight: bold;
	margin: 13px 0px 3px 0px;
	padding: 0px;
}

H3 {
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
}

H4 {
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
	color: #777777;
}

/* TENDER TRASPORTI 2009  */

#tender {
	margin: 14px 7px 10px 0px;
	background-image: url(/img/tender_base.gif);
	width: 204px;
	height: 80px;
}

#tender .titolo {
	font-family: Arial;
	font-weight: bold;
	color: #0053a9;
	font-size: 13px;
	width: 170px;
	margin-left: 15px;
	padding-top: 15px;
	border-bottom: 1px solid #0053a9;
}

#tender .testo {
	color:#5A5A5A;
        font-family:verdana,helvetica;
        font-size:10px;
        font-weight:normal;
        padding-left:15px;
        padding-top:10px;
}

#tender .more A { 
        color:#0053a9; 
        font-family:verdana,helvetica;
        text-decoration: none; 
        font-weight:bold;
        padding-left:170px;
        font-size:10px;
}

#tender .more A:hover { 
        text-decoration: none; 
        color: #FFFFFF;
}  


#tender .moreENG A { 
        color:#0053a9; 
        font-family:verdana,helvetica;
        text-decoration: none; 
        font-weight:bold;
        padding-left:158px;
        font-size:10px;
}

#tender .moreENG A:hover { 
        text-decoration: none; 
        color: #FFFFFF;
}  

/* BANNER STAKEHOLDER*/

#stakeholder {
	margin: 14px 7px 10px 7px;
	background-image: url(/it/img/stakeholder_base.gif);
	width: 228px;
	height: 88px;
}

#stakeholderENG {
	margin: 14px 7px 10px 7px;
	background-image: url(/en/img/stakeholder_base.gif);
	width: 228px;
	height: 68px;
}

#stakeholder .titolo {
	font-family: Arial;
	font-weight: bold;
	color: #629320;
	font-size: 13px;
	width: 200px;
	margin-left: 15px;
	padding-top: 8px;
	border-bottom: 1px solid #629320;
}

#stakeholderENG .titolo {
	font-family: Arial;
	font-weight: bold;
	color: #629320;
	font-size: 13px;
	width: 200px;
	margin-left: 15px;
	padding-top: 8px;
	border-bottom: 1px solid #629320;
}

#stakeholder .more A { 
        color:#629320; 
        font-family:verdana,helvetica;
        text-decoration: none; 
        font-weight:bold;
        padding-left:157px;
        font-size:10px;
}

#stakeholderENG .moreENG A { 
        color:#629320; 
        font-family:verdana,helvetica;
        text-decoration: none; 
        font-weight:bold;
        padding-left:146px;
        font-size:10px;
}

#stakeholder .more A:hover { 
        text-decoration: none; 
        color: #629320;
}  


#stakeholderENG .moreENG A:hover { 
        text-decoration: none; 
        color: #629320;
}