/* SERVIZI
------------ */
.servizi {width: 100%; height: auto; overflow: auto; margin: 20px 0px 20px 0px;}
.servizi .servizio {float: left; width: 190px; height: 305px; border: 1px solid #e3e3e3; margin: 0px 2px 0px 2px;}
.servizio .s-top {width: 100%; height: 120px;}
.servizio .s-bottom {width: 100%; height: 184px; background-color: #fafafa; border-top: 1px solid #e3e3e3; position: relative;}
.servizio .s-top img {margin-left: 61px; margin-top: 30px;}
.servizio .s-bottom h1 {font-size: 14px; color: #484848; padding-top: 10px; margin-left: 10px; font-weight: bold;}
.servizio .s-bottom ul {padding-top: 10px; margin: 0px 10px 0px 10px;}
.servizio .s-bottom ul li {font-size: 12px; color: #484848; line-height: 20px;}
.servizio .s-bottom ul li a {text-decoration: none; color: #484848;}
.servizio .s-bottom ul li a:hover {text-decoration: underline; color: #1bc0e9;}
.servizio .s-bottom a.open {display: block; width: 150px; position: absolute; bottom: 10px; left: 0px; margin: 10px 10px 0px 10px; background-color: #6280AC; font-size: 14px; color: #FFF; text-align: center; padding: 10px; text-decoration: none;}

/* INDICE
----------- */
.indice {width: 100%; height: auto; overflow: auto; margin: 20px 0px 20px 0px;}
.indice-col {float: left; width: 460px; height: auto; margin: 10px;}
.indice-col .col-left, .indice-col .col-right {float: left; width: 210px; height: auto; margin: 20px 10px 0px 10px;}

.indice-col h1 {font-size: 22px; color: #484848; padding-bottom: 5px; border-bottom: 1px solid #1bc0e9;}
.indice-col ul {list-style-type: disc; margin-left: 15px;}
.indice-col ul li {line-height: 21px;}
.indice-col ul li a {text-decoration: none; color: #484848;}
.indice-col ul li a:focus, .indice-col ul li a:hover, .indice-col a.hover {text-decoration: underline; color: #1bc0e9;}

/* CAPTIOLI
------------- */
.capitoli {width: 100%; height: auto; overflow: auto; margin: 20px 0px 20px 0px;}
.capitoli .capitolo {width: 960px; height: auto; overflow: auto; margin: 20px 0px 20px 0px; overflow: hidden;}
/* paginazione: avanti e dietro */
.capitolo .cont-f {float: left; width: 960px; overflow: hidden;}
.capitolo .freccia-l {float: left; width: 260px; height: 35px; background-color: #fafafa; border-right: 8px solid #1bc0e9; margin-right: 5px; margin-left: 220px;}
.capitolo .freccia-r {float: left; width: 260px; height: 35px; background-color: #fafafa; border-left: 8px solid #1bc0e9;}
.freccia-l a:link, .freccia-l a:visited, 
.freccia-r a:link, .freccia-r a:visited {display: block; width: 260px; height: 35px; text-decoration: none;}
.freccia-l a:focus, .freccia-l a:hover, 
.freccia-r a:focus, .freccia-r a:hover {text-decoration: none;}
.freccia-l a:link span, .freccia-l a:visited span {display: block; font-size: 18px; color: #484848; text-align: right; padding-right: 20px; padding-top: 8px;}
.freccia-r a:link span, .freccia-r a:visited span {display: block; font-size: 18px; color: #484848; text-align: left; padding-left: 20px; padding-top: 8px;}
.freccia-l a:focus span, .freccia-l a:hover span,
.freccia-r a:focus span, .freccia-r a:hover span {color: #484848;}

/* formattazione testi */
.capitolo .cont-i-t {float: left; width: 960px; margin-top: 15px; overflow: hidden; background-color: #fafafa;}
.capitolo .immagine {float: left; width: 600px; height: auto; margin-right: 10px;}
.capitolo .immagine img {padding: 2px; background-color: #fafafa; border: 1px solid #e3e3e3;}
.capitolo .testi {float: left; width: 340px; height: auto; padding: 5px;}
.capitolo .testi h1 {color: #1bc0e9; font-size: 20px; padding: 15px 10px 15px 0px;}
.capitolo .testi p {color: #000; font-size: 14px; line-height: 23px; padding: 15px 10px 15px 0px; text-align: justify;}