body
{
    background-position: center top;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0 auto;
    background-color: #196956;
    background-image: url(../images/1x1.gif);
    background-repeat: no-repeat;
}


/* Menu Top */

.menu_top
{
    background-position: center top;
    width: 943px;
    height: 36px;
    background-image: url(../images/fondo_menu.png);
    background-repeat: no-repeat;
    padding-right: 20px;
    padding-left: 7px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-top: 12px;
}
.menu_top_sx
{
    float: left;
    width: 120px;
    text-align: left;
    padding: 0px;
}
.menu_top_dx
{
    float: right;
    width: 650px;
    text-align: right;
    padding: 0px;
}
.link_home_on
{
    background-image: url('../images/pulsanti/home.png');
    background-repeat: no-repeat;
    background-position: left top;
}
.link_home_on:hover
{
    background-position: left bottom;
}
.link_home_off
{
    background-image: url('../images/pulsanti/home.png');
    background-repeat: no-repeat;
    background-position: left bottom;
}
.link_profilo_on
{
    background-image: url('../images/pulsanti/profilo.png');
    background-repeat: no-repeat;
    background-position: left top;
    margin-left: 12px;
}
.link_profilo_on:hover
{
    background-position: left bottom;
}
.link_profilo_off
{
    background-image: url('../images/pulsanti/profilo.png');
    background-repeat: no-repeat;
    background-position: left bottom;
    margin-left: 12px;
}
.link_clienti_on
{
    background-image: url('../images/pulsanti/clienti.png');
    background-repeat: no-repeat;
    background-position: left top;
    margin-left: 12px;
}
.link_clienti_on:hover
{
    background-position: left bottom;
}
.link_clienti_off
{
    background-image: url('../images/pulsanti/clienti.png');
    background-repeat: no-repeat;
    background-position: left bottom;
    margin-left: 12px;
}
.link_contatti_on
{
    background-image: url('../images/pulsanti/contatti.png');
    background-repeat: no-repeat;
    background-position: left top;
    margin-left: 12px;
}
.link_contatti_on:hover
{
    background-position: left bottom;
}
.link_contatti_off
{
    background-image: url('../images/pulsanti/contatti.png');
    background-repeat: no-repeat;
    background-position: left bottom;
    margin-left: 12px;
}
.link_ap_on
{
    background-image: url('../images/pulsanti/ap.png');
    background-repeat: no-repeat;
    background-position: left top;
    margin-left: 12px;
}
.link_ap_on:hover
{
    background-position: left bottom;
}
.link_ap_off
{
    background-image: url('../images/pulsanti/ap.png');
    background-repeat: no-repeat;
    background-position: left bottom;
    margin-left: 12px;
}
/* -------------------------------------- */


/* Testata */

.testata
{
    width: 970px;
    margin-top: 7px;
    overflow: auto;
}
.logo
{
    float: left;
    width: 542px;
    height: 182px;
    padding-top: 50px;
    background-image: url('../images/testata_payoff.png');
    background-repeat: no-repeat;
    background-position: left top;
    text-align: center;
}
.spot
{
    float: right;
    width: 424px;
}

/* -------------------------------------- */



/* Lanci home */

.lanci
{
    width: 970px;
    height: 193px;
    background-image: url(../images/fondo_lanci.png);
    background-position: left top;
    background-repeat: no-repeat;
    margin-top: 7px;
    
}
.blocco_lanci
{
    float: left;
    width: 154px;
    color: #a9c1bb;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 76px;
    text-align: left;
}
.blocco_lanci_end
{
    float: left;
    width: 154px;
    color: #a9c1bb;
    padding-left: 20px;
    padding-top: 76px;
    text-align: left;
}
.read
{
    background-image: url('../images/pulsanti/leggi.png');
    background-repeat: no-repeat;
    background-position: left top;
    margin-top: 13px;
    float: right;
}
.read:hover
{
    background-position: left bottom;
}
/* -------------------------------------- */


/* Corpo */

.corpo_home
{
    width: 970px;
    height: 425px;
    margin-top: 7px;
    margin-bottom: 15px;
    background-image: url(../images/fondo_corpo_home.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-color: #FFFFFF;
}
.corpo_home a:link, .corpo_home a:visited
{
    color: #25574d;
	text-decoration: none;
}
.corpo_home a:hover, .corpo_home a:active
{
    color: #9db6b0;
	text-decoration: underline;
}
.corpo_pagine
{
    width: 930px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    margin-bottom: 0px;
    background-image: url(../images/fondo_corpo_pagine.png);
    background-position: left top;
    background-repeat: repeat;
    text-align: left;
    color: #444444;
    overflow: auto;
    background-color: #FFFFFF;
}
.corpo_pagine a:link, .corpo_pagine a:visited
{
    color: #25574d;
	text-decoration: none;
}
.corpo_pagine a:hover, .corpo_pagine a:active
{
    color: #9db6b0;
	text-decoration: underline;
}
.corpo_pagine_1colonna
{
    width: 930px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    margin-bottom: 0px;
    background-image: url(../images/fondo_corpo_pagine_clienti.png);
    background-position: left top;
    background-repeat: repeat;
    text-align: left;
    color: #444444;
    overflow: auto;
    background-color: #FFFFFF;
}
.corpo_pagine_1colonna a:link, .corpo_pagine_1colonna a:visited
{
    color: #25574d;
	text-decoration: none;
}
.corpo_pagine_1colonna a:hover, .corpo_pagine_1colonna a:active
{
    color: #9db6b0;
	text-decoration: underline;
}
.aree
{
    height: 181px;
}
.aree_pagine
{
    background-image: url( '../images/fondo_menu_aree.png' );
    background-repeat: no-repeat;
    background-position: left top;
    height: 67px;
    margin-top: 7px;
    width: 970px;
    background-color: #FFFFFF;
}
.colonna_testatina
{
    float: left;
    width: 150px;
    text-align: left;
}
.colonna_contenuto
{
    float: left;
    width: 450px;
    text-align: left;
    margin-right: 100px;
}
.colonna_contenuto_clienti
{
    float: left;
    width: 740px;
    text-align: left;
}
.colonna_contenuto_clienti_sx
{
    background-position: left top;
    float: left;
    width: 310px;
    text-align: left;
    margin-right: 75px;
    padding-top: 50px;
    background-image: url(../images/testatina_enti.png);
    background-repeat: no-repeat;
}
.colonna_contenuto_clienti_dx
{
    background-position: left top;
    float: left;
    width: 310px;
    text-align: left;
    padding-top: 50px;
    background-image: url(../images/testatina_aziende.png);
    background-repeat: no-repeat;
}
.colonna_menu
{
    float: left;
    width: 200px;
}
.colonna_contenuto_sx
{
    width: 220px;
    float: left;
    text-align: left;
} 
.blocco_testo
{
    width: 100%;
    margin-bottom: 20px;
}
.pannello_allegati
{
    margin-top: 20px;
}
.foto_pagina
{
    width: 230px;
    text-align: left;
    float: right;
    margin-bottom: 10px;
    margin-left: 10px;
}
.link_internet
{
    background-image: url('../images/pulsanti/internet.png');
    background-repeat: no-repeat;
    background-position: left top;
    margin-left: 12px;
    margin-top: 12px;
    margin-right: 8px;
    float: left;
}
.link_internet:hover
{
    background-position: left bottom;
}
.link_internet_off
{
    background-image: url('../images/pulsanti/internet.png');
    background-repeat: no-repeat;
    background-position: left bottom;
    margin-left: 12px;
    margin-top: 12px;
    margin-right: 8px;
    float: left;
}
.link_internet:hover
{
    background-position: left bottom;
}
.link_grafica
{
    background-image: url('../images/pulsanti/grafica.png');
    background-repeat: no-repeat;
    background-position: left top;
    margin-top: 12px;
    margin-right: 8px;
    float: left;
}
.link_grafica:hover
{
    background-position: left bottom;
}
.link_grafica_off
{
    background-image: url('../images/pulsanti/grafica.png');
    background-repeat: no-repeat;
    background-position: left bottom;
    margin-top: 12px;
    margin-right: 8px;
    float: left;
}
.link_sistemi
{
    background-image: url('../images/pulsanti/sistemi.png');
    background-repeat: no-repeat;
    background-position: left top;
    margin-top: 12px;
    margin-right: 8px;
    float: left;
}
.link_sistemi:hover
{
    background-position: left bottom;
}
.link_sistemi_off
{
    background-image: url('../images/pulsanti/sistemi.png');
    background-repeat: no-repeat;
    background-position: left bottom;
    margin-top: 12px;
    margin-right: 8px;
    float: left;
}
.blocco_internet
{
    float: left;
    width: 275px;
    padding: 10px 20px 20px 31px;
    color: #7f7f7f;
    text-align: left;
    margin-right: 27px;
}
.blocco_grafica
{
    float: left;
    width: 273px;
    padding: 10px 20px 20px 0px;
    color: #7f7f7f;
    text-align: left;
    margin-right: 27px;
}
.blocco_sistemi
{
    float: left;
    width: 265px;
    padding: 10px 20px 20px 0px;
    color: #7f7f7f;
    text-align: left;
}
.percorso
{
    background-position: left bottom;
    width: 955px;
    padding-left: 15px;
    background-color: #e9e9e9;
    padding-top: 3px;
    padding-bottom: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    background-image: url( '../images/fondo_percorso.png' );
    background-repeat: no-repeat;
    text-align: left;
    color: #888888;
}
.percorso a:link, .percorso a:visited
{
    color: #888888;
	text-decoration: none;
}
.percorso a:hover, .percorso a:active
{
    color: #000000;
	text-decoration: underline;
}
.menu_pagina 
{	
	background-position: left 2px;
    padding-left: 14px;
    background-image: url('../images/freccia_lavoro.png' );
    background-repeat: no-repeat;
    text-align: left;
    color: #858585;
    margin-bottom: 7px;
}
.filetto_separatore
{
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #808080;
    height: 2px;
    margin-top: 10px;
    margin-bottom: 20px;
}
.lavoro_home
{
    float: left;
    margin-right: 13px;
    width: 217px;
    overflow: hidden;
    font-family: Arial, Helvetica, sans-serif;
}
.lavoro
{
    width: 217px;
    overflow: hidden;
    font-family: Arial;
}
.dida_lavoro_home 
{	
	font-size: 11px;		
	background-position: left 2px;
    margin-top: 10px;
    padding-left: 14px;
    background-image: url('../images/freccia_lavoro.png' );
    background-repeat: no-repeat;
    text-align: left;
    color: #747171;
}
.dida_lavoro 
{	
	font-size: 11px;		
	background-position: left 2px;
    margin-top: 10px;
    padding-left: 14px;
    background-image: url('../images/freccia_lavoro.png' );
    background-repeat: no-repeat;
    text-align: left;
    color: #747171;
    padding-bottom: 5px;
}

/* -------------------------------------- */

/* Galleria dei lavori */

#contenitore_galleria {
    width: 950px;
    margin-top: 55px;
    margin-bottom: 20px;
    margin-left: 30px;
    font-family: Arial;
} 
div.scrollable  {
    float: left; 
	position: relative;
	overflow: hidden;
	width: 910px;	 
	height: 150px;	
	margin-right: 7px;
}
#thumbs {	
	position: absolute;
	width: 20000em;	
	clear: both;
}
#thumbs div {
	float: left;
	width: 217px;
    padding-right: 14px;	
	color: #666666;
	cursor: pointer;
}
#thumbs div.active {
	cursor: default;
}
#thumbs p {	
	font-size: 11px;		
	background-position: left 2px;
    margin-top: 10px;
    padding-left: 14px;
    background-image: url('../images/freccia_lavoro.png' );
    background-repeat: no-repeat;
    text-align: left;
    color: #747171;
}
a.prev  {    
	display: block;
	width: 18px;
	height: 18px;
	margin-top: 40px;
	margin-right: 7px;	
	background: url('../images/pulsanti/left.png') no-repeat;
	float: left;
	cursor: pointer;
	font-size: 1px;
}
a.next {
	display: block;
	width: 18px;
	height: 18px;
	margin-top: 40px;
	background-image: url('../images/pulsanti/right.png');
	float: left;
	cursor: pointer;
	font-size: 1px;
	clear: right;
}
a.prev:hover, a.next:hover {
	background-position: 0px -18px;		
}
div.navi {
	margin-left:328px;
	width:200px;
	height:20px;
}
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url('../images/pulsanti/navigator.png') 0 0 no-repeat;
	display:block;
	font-size:1px;
}
div.navi a:hover {
	background-position:0 -8px;      
}
div.navi a.active {
	background-position:0 -16px;     
} 
a.disabled {
	visibility:hidden !important;		
}	

/* -------------------------------------- */


/* Piede */

.piede
{
    width: 950px;
    padding-bottom: 25px;
    overflow: auto;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    font-family: Arial;
} 
.piede_pagine
{
    background-position: left top;
    width: 950px;
    padding-bottom: 25px;
    overflow: auto;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 25px;
    font-size: 12px;
    font-family: Arial;
    background-image: url( '../images/fondo_piede_pagine.png' );
    background-repeat: no-repeat;
} 
.piede a:link, .piede a:visited
{
    color: #8abdb1;
	text-decoration: none;
}
.piede a:hover, .piede a:active
{
    color: #ffffff;
	text-decoration: none;
} 
.piede_pagine a:link, .piede_pagine a:visited
{
    color: #8abdb1;
	text-decoration: none;
}
.piede_pagine a:hover, .piede_pagine a:active
{
    color: #ffffff;
	text-decoration: none;
}
.piede_sx
{
    float: left;
    width: 550px;
    text-align: left;
    color: #8abdb1;
}
.piede_dx
{
    float: right;
    width: 380px;
    text-align: right;
    color: #8abdb1;
}
.corpo11
{
    font-size: 11px;
}

/* -------------------------------------- */


/* Input, combo, .... */

.input
{
    border: 1px solid #808080;
    width: 200px;
    padding: 4px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #808080;
    margin-top: 2px;
}
.input2
{
    border: 1px solid #808080;
    width: 420px;
    padding: 4px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #808080;
    margin-top: 2px;
}
.combo
{
    border: 1px solid #808080;
    width: 430px;
    padding: 4px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #808080;
    margin-top: 2px;
}
.button {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 11px;
    font-weight : normal;
    padding : 2px;
    border : 1px #999999 solid;
    cursor : pointer;
    color : #000000;
    background : #dddddd;
}	

/* -------------------------------------- */


/* Font e titoli */

.titolo_pagina
{
    font-family: Georgia;
    font-size: 22px;
    color: #666666;
    font-style: italic;
}
.piccolo
{
    font-size: 10px;
}