/****************************** Stili CESOS ******************************/
/********************************* Stili generici ********************************/
html,body{
margin:0;
padding:0;
}

body{
font: 76% arial,sans-serif;
}

p{
margin:0 10px 10px;
}

a{
color:#548912;
}

a:hover{
color:#76c21a;
}

.invisibile{
display:none;
}

.corsivo{
font-style:italic;
font-size:11px;
}

div#contenuti ul.senza_puntatore{
list-style-image:none;
list-style-type:none;
}

/********************************* icone ********************************/
.icona_ppt{
background-image:url(../img/icona_powerpoint.png);
background-position:left center;
background-repeat:no-repeat;
padding:6px 0 6px 25px;
}

.icona_mail{
background-image:url(../img/icona_mail.png);
background-position:left center;
background-repeat:no-repeat;
padding:8px 0 8px 20px;
margin-left:5px;
}

.icona_sito_web{
background-image:url(../img/icona_sito_web.png);
background-position:left center;
background-repeat:no-repeat;
padding:8px 0 8px 23px;
margin-left:5px;
}

/********************************* Testata ********************************/
div#testata{
height:130px;
margin:0;
padding-left:10px;
color:#79B30B;
border-top:1px solid #87b9d2;
background-image:url(../layout/testata_cesos.jpg);
background-position:left top;
background-repeat:no-repeat;
}

div#logo_cesos{
text-align:right;
margin:-10px 20px 0 0;
}

div#logo_cesos img{
border:0px solid #000;
}

/********************************* Testata ********************************/
div#navigazione_principale{
background-image:url(../layout/testatine.jpg);
background-position:left top;
background-repeat:repeat-x;
font-size:1.1em;
border-top:2px solid #548912;
}

div#navigazione_principale ul{
padding:10px 0 10px 13px;
margin:0;
}

div#navigazione_principale li{
display:inline;
padding:0 30px 0px 20px;
background-image:url(../layout/puntatore_navigazione.gif);
background-position:left center;
background-repeat:no-repeat;
}

div#navigazione_principale li a{
color:#fff;
text-decoration:none;
font-weight:bold;
}

div#navigazione_principale li a:hover{
color:#ffff33;
text-decoration:underline;
}

/********************************* Contenuti ********************************/
div#contenitore_contenuti{
float:left;
width:100%;
margin-left:-250px;
}

div#contenuti{
margin-left:250px;
padding:15px 0 5px 5px;
}

div#contenuti ul{
list-style-image:url(../layout/puntatore_lista.gif);
}

div#contenuti li{
margin-bottom: 10px;
}

div#contenuti ol.lista_lettere{
list-style-type:lower-alpha;
}

div#contenuti h2{
font-size:18px;
margin:15px 10px 10px 10px;
border-bottom:1px dotted #25536A;
color:#25536A;
padding-bottom:5px;
}

div#contenuti h3{
font-size:15px;
margin:25px 10px 10px 10px;
padding-bottom:5px;
}

div#contenuti p{
line-height:1.4;
}

/********************************* Navigazione Laterale ********************************/
div#navigazione_laterale{
float:right;
width:225px;
margin:20px 10px 0 0;
border:1px solid #548912;
background-color:#fcfcfc;
/*width:220px;*/
}

div#navigazione_laterale h2{
font-size:1em;
padding:5px;
margin:0px;
color:#fff;
background-image:url(../layout/testatine.jpg);
background-position:left top;
background-repeat:no-repeat;
}

div#navigazione_laterale ul{
padding:0 10px 0 10px;
margin-top:10px;
}

div#navigazione_laterale li{
background-image:url(../layout/puntatore_menu_laterale.gif);
background-position:3px 8px;
background-repeat:no-repeat;
list-style-image:none;
list-style-type:none;
padding:5px 0 5px 25px;
}

div#navigazione_laterale li a{
color:#548912;
font-weight:bold;
}

div#navigazione_laterale li a:hover{
color:#76C21A;
}

div#navigazione_laterale li.icona_piu{
background-image:url(../layout/puntatore_menu_laterale_piu.gif);
background-position:left 5px;
background-repeat:no-repeat;
list-style-image:none;
list-style-type:none;
padding-left:25px;
}

div#navigazione_laterale ul ul li{
margin-left:-20px;
}

div#navigazione_laterale ul ul{
margin-top:10px;
}

/********************************* Loghi ********************************/
div#loghi{
margin:20px 10px 0 0;
padding:0 0 0 0;
float:right;
clear:right;
width:225px;
}

div#loghi img{
border:0px solid #000;
padding:0;
margin:0 1px 0 0;
}

.frase_sotto_loghi{
margin:20px 0 0 0;
text-align:center;
font-weight:bold;
color:#25536A;
border:1px solid #548912;
padding:10px 0 10px 0;
}

.frase_sotto_loghi a{
color:#548912;
}

.frase_sotto_loghi a:hover{
color:#76c21a;
}


/********************************* Footer ********************************/
div#footer{
clear:both;
width:100%;
background:#ececec;
color:#333;
border-top:1px solid #333;
}

div#footer p{
margin:0;
padding:5px 10px;
text-align:center;
}

/********************************* tabelle ********************************/
.tabella_partner {
margin:0px auto 0 auto;
font-size:16px;
color:#006600;
}

.tabella_partner td{
background-color:#C1E199;
text-align:center;
padding:7px;
width:150px;
height:80px;
}

/********************************* servizi ********************************/
.box_servizi_azienda_persona{
background-image:url(../img/box_servizi_azienda_persona.jpg);
background-position:center top;
background-repeat:no-repeat;
float:left;
width:730px;
height:315px;
margin:0 0 20px 10px;
}

.ul_servizi_persona{
padding-left:29px;
}

.ul_servizi_azienda{
padding-left:50px;
}

.ul_servizi_persona, .ul_servizi_azienda{
float:left;
width:310px;
padding-top:35px;
font-size:11px;
}

/********************************* fondamenti culturali ********************************/
#punto_elenco_rating, #punto_elenco_miglioramento_continuo, #punto_elenco_procedure_controllo,
#punto_elenco_monitoraggio_valutazione, #punto_elenco_qualita, #punto_elenco_orientamento,
#punto_elenco_erogazione_processo{
background-position:left center;
background-repeat:no-repeat;
padding:20px 0 20px 90px;
}

#punto_elenco_rating{
background-image:url(../img/punto_elenco_rating.jpg);
}

#punto_elenco_miglioramento_continuo{
background-image:url(../img/punto_elenco_miglioramento_continuo.jpg);
}

#punto_elenco_procedure_controllo{
background-image:url(../img/punto_elenco_procedure_controllo.jpg);
}

#punto_elenco_monitoraggio_valutazione{
background-image:url(../img/punto_elenco_monitoraggio_valutazione.jpg);
}

#punto_elenco_qualita{
background-image:url(../img/punto_elenco_qualita.jpg);
}

#punto_elenco_orientamento{
background-image:url(../img/punto_elenco_orientamento.jpg);
}

#punto_elenco_erogazione_processo{
background-image:url(../img/punto_elenco_erogazione_processo.jpg);
}

/********************************* dispositivo programmazione ********************************/
#punto_elenco_strategie, #punto_elenco_obiettivi, #punto_elenco_attivita{
background-position:left center;
background-repeat:no-repeat;
padding:22px 0 22px 100px;
}

#punto_elenco_strategie{
background-image:url(../img/punto_elenco_strategie.jpg);
background-position:13px center;
}

#punto_elenco_obiettivi{
background-image:url(../img/punto_elenco_obiettivi.jpg);
background-position:10px center;
padding:28px 0 22px 100px;
}

#punto_elenco_attivita{
background-image:url(../img/punto_elenco_attivita.jpg);
padding:15px 0 15px 100px;
}

/********************************* dispositivo programmazione ********************************/
#punto_elenco_composizione_utenza, #punto_elenco_realizzazione_obiettivi, 
#punto_elenco_tasso_successo, #punto_elenco_aggiornamento_operatori,
#punto_elenco_costo_totale, #punto_elenco_tasso_investimento{
background-position:left center;
background-repeat:no-repeat;
padding:13px 0 13px 50px;
}

#punto_elenco_composizione_utenza{
background-image:url(../img/punto_elenco_composizione_utenza.jpg);
}

#punto_elenco_realizzazione_obiettivi{
background-image:url(../img/punto_elenco_realizzazione_obiettivi.jpg);
}

#punto_elenco_tasso_successo{
background-image:url(../img/punto_elenco_tasso_successo.jpg);
}

#punto_elenco_aggiornamento_operatori{
background-image:url(../img/punto_elenco_aggiornamento_operatori.jpg);
}

#punto_elenco_costo_totale{
background-image:url(../img/punto_elenco_costo_totale.jpg);
}

#punto_elenco_tasso_investimento{
background-image:url(../img/punto_elenco_tasso_investimento.jpg);
}

.tabella_verde{
border:0px solid #000;
margin:10px 0 10px 0;
padding:15px 40px 20px 30px;
background-image:url(../img/sfondo_tabella_verde.jpg);
background-position:center top;
background-repeat:no-repeat;
}

.tabella_verde th{
text-align:left;
padding:10px 0 5px 0;
}

.tabella_verde td{
padding:0 0 8px 30px;
background-image:url(../layout/puntatore_lista.gif);
background-position:18px 5px;
background-repeat:no-repeat;
vertical-align:top;
}

/********************************* tipologia utenze ********************************/
#tipologia_utenze{
background-image:url(../img/tipologie_utenze.jpg);
background-position:center top;
background-repeat:no-repeat;
width:538px;
height:326px;
font-size:11px;
margin:20px auto 0 auto;
}

ul#utenza_persone, ul#utenza_datore_lavoro{
float:left;
width:220px;
margin:115px 0 0 25px;
padding:0 0 0 0;
}

ul#utenza_datore_lavoro{
margin-left:65px;
}

/********************************* caratteristiche funzionali ********************************/
#tabella_caratteristiche_funzionali{
margin:10px 0 10px 0;
}

#tabella_caratteristiche_funzionali td{
font-size:13px;
padding-left:10px;
}

#tabella_caratteristiche_funzionali td img{
padding:0 10px 10px 0;
}

/********************************* homepage ********************************/
#punto_elenco_collegamento, #punto_elenco_facile_apprendere, #punto_elenco_facile_usare{
background-position:left center;
background-repeat:no-repeat;
padding:13px 0 13px 55px;
}

#punto_elenco_collegamento{
background-image:url(../img/icona_collegamento.png);
}

#punto_elenco_facile_apprendere{
background-image:url(../img/punto_elenco_facile_apprendere.png);
}

#punto_elenco_facile_usare{
background-image:url(../img/punto_elenco_facile_usare.png);
}

#box_come_nasce{
background-image:url(../img/box_come_nasce.jpg);
background-position:center top;
background-repeat:no-repeat;
padding:10px 20px 18px 20px;
margin:10px 0 20px 0;
}

div#contenuti div#box_come_nasce h2{
border-bottom:0px solid #000;
color:#499d01;
}