body { font: normal 11px "Verdana",sans-serif; background-color: #d9d9d9; line-height: 100%; }
a:link { color: #f00; text-decoration: none; }
a:visited { color: #c00; text-decoration: none; }
a:hover { color: #c00; text-decoration: underline; }
a:active { color: #F00; }
br.clear { clear: both; display: block; height: 1px; }
div.clear { clear: both; display: block; height: 1px; margin: 0; padding: 0; margin-bottom: -1px; }

/* PULSANTI */
button { color: black; padding: 2px 8px; margin: 0; background: transparent;  border: 1px solid #666; font: bold 10px "Verdana", sans-serif; }
button:hover { cursor: pointer; background: #999; color: white; }
button.small, a.button { padding: 0px; font-weight: normal; }
button.strong { border: 2px solid #c00; }
input { border: 1px solid #ccc; font: normal 11px "Verdana", sans-serif; }
a.button { color: black; padding: 2px 4px; font-weight: normal ! important; margin: 0 20px; background: transparent;  border: 1px solid #666; font: bold 10px "Verdana", sans-serif; text-decoration: none; }
a.button:hover { cursor: pointer; background: #999; color: white; text-decoration: none  ! important; }

#layout-page {  }
#layout-header {  }
#layout-main { }
#layout-footer { clear: both; padding: 8px 0; }
#layout-body {  }
#layout-left { background-color: #d9d9d9; }
#layout-right { background-color: #d9d9d9; }

#service { margin: 0; margin-left: 8px; background: white; height: 28px; padding: 4px; position: relative; }

#tools {  }
#header { padding: 34px 8px 24px 8px; background-color: #e40e1B; margin-bottom: 8px; }
#testata { width: 200px; height: 40px; font: normal 24px "Verdana", sans-serif; }
#banner { background: #ccc url(../img/banner.gif); width: 478px; height: 60px; position: absolute; left: 322px; top: 64px;  }
#banner iframe { position: absolute; top: 5px; left: 44px; }

#utente { position: absolute; /*width: 350px*/; top: 10px; right: 10px; text-align: right; }
#cerca { position: absolute; width: 440px; top: 8px; left: 10px; text-align: left; }
#cerca form { display: inline; margin: 0; }
#cerca input { background: white url(../img/lente.gif) top left no-repeat; padding-left: 20px; width: 200px; border: 1px solid #999; font: normal 11px "Verdana"; }
#cerca button { border: 1px solid black; padding: 0; width: 18px; height: 17px; margin: 0; vertical-align: bottom; margin-left: 3px; margin-right: 10px;  background: white; cursor: pointer; font: normal 14px "Verdana"; }
#cerca button:hover { background-color: #eee; cursor: pointer; }
#cerca a { color: #666; font-weight: bold; text-decoration: underline; }
#cerca a:hover { color: #900; text-decoration: underline; }

#menu { margin: 8px; margin-top: 0; }
#servizio { margin: 0 0 0px 8px; }
#presentazione { margin: 0 0 8px 8px; }

#breadcrumbs { background-color: #eef; padding: 4px; margin: 0 10px; color: #889; }
#breadcrumbs a { color: #667; text-decoration: none; }
#breadcrumbs a:hover { color: #c00; }

#links { background-color: #fcc; }
#note { margin: 20px; }


/* MAIN MENU */

ul.vmenu { margin: 0; padding: 0; }
ul.vmenu li { list-style: none; display: table; padding: 0; margin: 0 0 8px 0; width: 100%; height: 28px; }
ul.vmenu li a { display: table-cell; vertical-align: middle; padding: 2px 4px 2px 38px; font-weight: bold; text-decoration: none; background-color: #e40e1B; color: white; }
ul.vmenu li a:hover   { background-color: #333; color: white; }
ul.vmenu li a:active  { background-color: #333; color: white; }

li#P24 a { background: #2B6C55 url(../imgbank/collane/menu/saggPicc.gif) 4px 4px no-repeat; }
li#P24 a:hover { background: #E40E1B url(../imgbank/collane/menu/saggPicc.gif) 4px 4px no-repeat; }

li#P29 a { background: #076FB0 url(../imgbank/collane/menu/normPicc.gif) 4px 4px no-repeat; }
li#P29 a:hover { background: #E40E1B url(../imgbank/collane/menu/normPicc.gif) 4px 4px no-repeat; }

li#P25 a { background: #B61824 url(../imgbank/collane/menu/annuPicc.gif) 4px 4px no-repeat; }
li#P25 a:hover { background: #E40E1B url(../imgbank/collane/menu/annuPicc.gif) 4px 4px no-repeat; }

li#P28 a { background: #A1185B url(../imgbank/collane/menu/trPicc.gif) 4px 4px no-repeat; }
li#P28 a:hover { background: #E40E1B url(../imgbank/collane/menu/trPicc.gif) 4px 4px no-repeat; }

li#P27 a { background: #61798C url(../imgbank/collane/menu/manuPicc.gif) 4px 4px no-repeat; }
li#P27 a:hover { background: #E40E1B url(../imgbank/collane/menu/manuPicc.gif) 4px 4px no-repeat; }

li#P33 a { background: #000000 url(../imgbank/collane/menu/vnpicc.gif) 4px 4px no-repeat; }
li#P33 a:hover { background: #E40E1B url(../imgbank/collane/menu/vnpicc.gif) 4px 4px no-repeat; }

li#P32 a, li#P0 a { background: #F06908 url(../imgbank/collane/menu/rifiuPicc.gif) 4px 4px no-repeat; }
li#P32 a:hover, li#P0 a:hover { background: #E40E1B url(../imgbank/collane/menu/rifiuPicc.gif) 4px 4px no-repeat; }

li#P67 a { background: #019934 url(../imgbank/collane/menu/vnpicc.gif) 4px 4px no-repeat; }
li#P67 a:hover { background: #E40E1B url(../imgbank/collane/menu/vnpicc.gif) 4px 4px no-repeat; }

li#P68 a { background: #98B630 url(../imgbank/collane/menu/archPicc.gif) 4px 4px no-repeat; }
li#P68 a:hover { background: #E40E1B url(../imgbank/collane/menu/archPicc.gif) 4px 4px no-repeat; }

li#P70 a { background: #7BA7C9 url(../imgbank/collane/menu/tascpicc.gif) 4px 4px no-repeat; }
li#P70 a:hover { background: #E40E1B url(../imgbank/collane/menu/tascpicc.gif) 4px 4px no-repeat; }

li#P72 a { background: #7F926B url(../imgbank/collane/menu/vnpicc.gif) 4px 4px no-repeat; }
li#P72 a:hover { background: #E40E1B url(../imgbank/collane/menu/vnpicc.gif) 4px 4px no-repeat; }


/* STANDARD MENU */

ul.menu { margin: 0; padding: 0; }
ul.menu li { list-style: none; display: block; padding: 0; margin: 0 0 2px 0; width: 100%; height: 28px; }
ul.menu li a { display: block; margin: 0; padding: 2px 0px 2px 26px; font-weight: normal; text-decoration: none; background-color: white; color: #666; }
ul.menu li a:hover   { color: #e40e1B; background-color: white; }
ul.menu li a:active  { color: #e40e1B; background-color: white; }

/* HORIZONTAL MENU */

ul.hmenu { margin: 0; padding: 0; }
ul.hmenu li { list-style: none; display: inline; color: #999; padding: 0; margin: 0 5px; }
ul.hmenu li a { font-weight: normal; text-decoration: underline; color: #666; }
ul.hmenu li a:hover   { color: #900; }
ul.hmenu li a:active  { color: #F00; }

h1 { font: normal 20px "Verdana", sans-serif; margin-top: 0; color: #333; }
p  { font: normal 10pt "Verdana", sans-serif;; margin: 10px 0; color: #333; }
p.sommario { font: normal 10pt "Verdana"; margin: 10px 0 40px 0; color: #666; }

#servizio ul.menu li a { color: #666; background-color: white; padding-left: 16px; font-weight: bold; height: 24px; line-height: 24px; }
#servizio ul.menu li a:hover   { color: black; background-color: #eee; }
#presentazione ul.menu li { height: auto; }
#presentazione ul.menu li a { color: #666; background-color: white; padding: 16px 4px 8px 16px; font-weight: normal; }
#presentazione ul.menu li a:hover  { color: black; background-color: #eee; }

dt { clear: both; margin-top: 8px; font-size: 12px; }

/* GENERICI */

h1.sezione { height: 28px; padding-left: 4px; font: bold 12px "Verdana", sans-serif; color: white; background: #999;
	text-transform: lowercase; letter-spacing: 2px; margin-bottom: 8px; line-height: 28px; margin-top: 0; }
div.pagina { background: white; padding: 8px; font: normal 11px "Verdana"; }
div.pagina p { margin: 0 0 0px 0; font: normal 11px "Verdana"; }
div.pagina p.sommario { margin: 0 0 16px 0; }

/* BODY */
.img-left, .img-right, .img-center { font: normal 10px "Verdana", sans-serif; color: #666; }
.img-left { float: left; margin: 0 8px 8px 0; }
.img-right { float: right; margin: 0 0 8px 8px; }
.img-center { text-align: center; margin: 8px 0; }
div.list-closer { position: relative; background: #999; margin: 8px 0 0 0; height: 20px; clear: both; }

/* PAGER */
div.pager-top { position: absolute; right: 10px; top: 10px; width: 290px; }
div.pager-bottom { position: relative; padding: 1px; padding-left: 300px; padding-right: 50px; }
div.pager-bottom3c { background: #999; padding: 4px; padding-left: 100px; margin: 8px 0; clear: both; }

div.pager { font: normal 10px "Verdana"; color: #fff; position: relative; }
div.pager div.pager-gauge { float: left; padding: 2px 6px; }
div.pager div.pager-prevnext { float: right; padding: 2px 6px; white-space: nowrap; }
div.pager div.pager-pages { text-align: center; padding: 2px 6px; }
div.pager a, div.pager a:visited,div.pager a:link { color: #eee; text-decoration: underline; }
div.pager a:hover { color: #000; text-decoration: underline; }
div.pager div.pager-next-disabled, div.pager div.pager-prev-disabled { color: #ccc; }
div.pager div.pager-pages a { margin: 0 3px; }
div.pager div.pager-pages span.pager-current { padding: 0 3px; color: white; font-weight: bold; }
div.pager div.pager-prevnext div.pager-prev-disabled,
div.pager div.pager-prevnext div.pager-next-disabled,
div.pager div.pager-prevnext div.pager-prev,
div.pager div.pager-prevnext div.pager-next { display: inline; }
div.pager div.pager-prevnext div.pager-prev-disabled,
div.pager div.pager-prevnext div.pager-prev { padding-right: 3px; border-right: 1px solid #ccc; margin-right: 3px; }
.top { position: absolute; right: 8px; top: 4px; }
.top a img { border: none; background-color: transparent; }
.top a:hover img { border: none; background-color: #c00; }

/* CALENDARIO */

table.cal { float: right; margin-left: 10px; margin-bottom: 5px; border: 1px solid #999; padding: 0px; }
table.cal td { padding: 0px; }
td.cal-working { border: solid 1px; border-color: white; font: normal 10px Arial; background-color: #e8e8ee; text-align: center; }
td.cal-holiday { border: solid 1px; border-color: white; font: normal 10px Arial; background-color: #ffdddd; text-align: center; }
td.cal-event { border: solid 1px; border-color: #039; font: bold 10px Arial; background-color: #039; text-align: center; color: white; }
td.cal-empty { border: 0px; font: normal 10px Arial; background-color: white; text-align: center; }
table.APcalendar div.APcalendar-today { border: 1px solid black; }

/* UTENTE */

div#utente a { color: #e40e1B; text-decoration: none; }
div#utente a:hover { text-decoration: underline; }
div#utente a img.cart { border: none; background-color: white; }
div#utente a:hover img.cart { background-color: #e40e1B; }

/* CLIPPERS */

div.download { margin: 10px 30px; border: 1px inset #ccc; background-color: white; padding: 6px; }
div.download-button { float: right; margin: 8px; }
div.download-button a img { border: none; background-color: #999; }
div.download-button a:hover img { background-color: #090; }
div.download-icon { float: left; margin-right: 10px; }
div.download-icon img { border: none; }
div.download h4 { margin: 0; margin-bottom: 4px; }
div.download div.download-dati p { margin: 0; color: #333; font: normal 12px "Arial",sans-serif; }
div.download div.download-dati p.download-tecnici { color: #999; font-size: 11px; margin-top: 3px; }

/* FOOTER */

div#footer { margin-left: 8px; font-size: 10px; position: relative; }
div#footer .service { background: #808080; height: 48px; }
div#footer .service ul { margin: 0px; padding: 0; padding-top: 24px; }
div#footer .service ul li { list-style: none; display: inline; color: #bbb; padding: 0; margin: 0; background: url(../img/footer/linea.gif) top left no-repeat; padding-left: 18px; margin-right: 14px;  }
div#footer .service ul li:first-child { background: none; }
div#footer .service ul li a { font-weight: normal; text-decoration: none; color: #ddd; }
div#footer .service ul li a:hover   { color: #fff; text-decoration: underline; }
div#footer .service ul li a:active  { color: #fff; }
div#footer .legal { margin-top: 4px; text-align: right; padding-right: 80px; }
div#footer .legal ul.hmenu li { padding-left: 16px;  }
div#footer .legal ul.hmenu li a { text-decoration: none; }
div#footer .legal ul.hmenu li a:hover   { text-decoration: underline; }

/* BANNER */

div.banner-block div.banner { margin: 8px; margin-right: 0; width: 152px; height: 60px; overflow: hidden;}
#layout-right div.banner-block div.banner { background-color: #FFF; margin-bottom:0; border-top: 8px solid #d9d9d9; text-align:center; padding: 8px 0; }

a.top { display: block; float: right; background: #ccc; color: white; text-decoration: none; font-size: 14px; font-family: Arial; font-weight: normal; padding: 2px 2px 0 2px; }
ul.chapter-index { display: block; float: right; padding: 4px; padding-left: 16px; border: 1px solid #999; margin-left: 10px; }

h2 { color: #666; font-size: 14px; line-height: 16px; margin: 8px 0; height: auto; background-color: transparent; padding: 0; }
h3 { color: #666; font-size: 12px; margin: 8px 0 8px 0; padding: 0; }

/* NETWORK */
#network {
	height: 34px;
	margin-left: 0;
	background: url(../img/network/sfondo.gif);
}
#network img {border:none;}