body {margin:0;padding:0;top:0;text-align:center;font-size:0.7em;}
div, ul, ol, form, tr, td {margin:0;padding:0;border:0;}
div, a, p, td, input, textarea, label {font-family: Verdana, Arial, Helvetica, sans-serif;}
img {border:none;margin:0;padding:0;}
fieldset {border:none;padding:0;margin:20px 0 10px 35px;}
fieldset p {margin-bottom:0;}
label {display:block;}
input, textarea {border:1px solid #999;padding:1px 4px;color:#666;}
input {width:400px;}
input.medium {width:120px;}
input.medium_right {width:120px;text-align:right;}
input.xxs {width:13px;border:none;}
input.small {width:60px;}
input.small_right {width:60px;text-align:right;}
input.check {width:15px;vertical-align:middle;}
select {border:1px solid #999;padding:1px 5px 1px 0;}
select {font-size:0.93em;}
textarea {width:90%;padding:4px;font-size:1em;}
button {background:none;border:none;color:#005766;cursor:pointer;border-bottom:1px solid #005766;padding:0;}
/* classes */
div.clear {clear:both;height:1px;}
/* breadcrumb
#breadcrumb {width:900px;height:34px;margin:0 auto;background: url(../public/style/filo_arianna.jpg) top left no-repeat;text-align:left;}
#breadcrumb p {margin:0;padding:10px 0 0 100px;color:#333;}
#breadcrumb a {font-weight:bold;}
*/
h1 {color:#075e6f;font-family: "Times New Roman", Times, serif;text-transform:uppercase;font-size:21px;margin:10px 0 5px 0;}
h2 {color:#666;font-size:1em;margin:0 0 5px 0;}
h3 {color:#444;font-size:1em;margin:10px 0 0 0;}
h4 {font-size:0.95em;margin:0 0 5px 0;color:#a00;text-decoration:underline;}
h5 {color:#333;font-size:0.8em;margin:0 0 5px 0;}
h6 {color:#222;font-size:0.75em;margin:0 0 5px 0;}
p, label {color:#444;margin-top:3px;}
em {font-weight:normal;}
a {color:#005766;text-decoration:underline;}
ul, ol {margin-left:15px;}
ul {list-style:square;}
#page {width:1000px;margin:0 auto;text-align:left;color:#7e7e7e;}
#menu {position:absolute;top:8px;width:550px;margin-left:450px;height:24px;color:#005766;z-index:20;}
#menu a {color:#005766;text-decoration:none;text-transform:uppercase;font-size:11px;}
#main {position:relative;width:1000px;background: url(../public/style/stripe.gif) top left repeat-y;z-index:10;}
#header {position:relative;width:1000px;background: url(../public/style/top.jpg) top left no-repeat;}
#topic {position:relative;width:1000px;}
#head {float:left;width:703px;height:167px;}
#logo {position:absolute;top:50px;margin-left:247px;width:140px;height:95px;z-index:100;}
#button_news{position:absolute;top:100px;width:134px;height:63px;z-index:100;margin-left:569px;}
#box {position:absolute;top:65px;right:0;width:260px;z-index:50;}
/*#box img {width:180px;}*/
#left {float:left;width:703px;background: url(../public/style/gray.gif) top left repeat-x;}
#left h1 {margin-bottom:20px;}
#content {margin:0 20px 0 35px;}
#content img {margin:0 10px 10px 10px;border:0;}
#right {float:right;width:260px;margin:65px 0 70px 0;z-index:50;}
#pfoot {position:relative;width:1000px;height:218px;background:#fff url(../public/style/pfoot.jpg) top left no-repeat;}
#foot {text-align:left;font-size:1em;color:#005766;padding:195px 0 0 0;}
#foot a {color:#005766;text-decoration:none;}
#foot img {vertical-align:middle;}
#credits {position:relative;margin:20px 0;color:#666;font-size:0.9em;text-align:center;line-height:20px;}
.xcenter {text-align:center;}
.xright {text-align:right;font-weight:normal;}
.xsmall {font-size:0.9em;color:#666;}
.fright {float:right;}
.fleft {float:left;}
.block {display:block;}
.middle {vertical-align:middle;}
.tnews {font-size:11px;font-weight:normal;}
table {width:100%;}
table td.bt {padding:6px;background-color:#dff0f3;vertical-align:middle;border: solid 1px #fff;}
table td.bt p {margin:0;}
table td.x_td_row{text-align:left;font-weight:normal;}
table td.x_row1{text-align:left;font-weight:normal;}
table td.x_row2{text-align:left;font-weight:normal;}
table.collection td {vertical-align:bottom;padding:5px;}
table.collection_dettagli td {vertical-align:middle;padding:5px;background-color:#dff0f3;}
/*
License:
MIT-style license.
Copyright:
Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
HTML:
Notes:
These next four rules are set by the Slideshow script.
You can override any of them with the !important keyword but the slideshow probably will not work as intended.
*/
#show {width:620px;margin:0 auto 65px auto;}
.slideshow {display: block;position: relative;z-index: 0;}
.slideshow-images {display: block;overflow: hidden;position: relative;}
.slideshow-images img {display: block;position: absolute;z-index: 1;}
.slideshow-thumbnails {overflow: hidden;}
/**
HTML:
Notes:
The images div is where the slides are shown.
Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/
.slideshow-images {height: 300px;width: 540px;}
.slideshow-images-visible {opacity: 1;}
.slideshow-images-prev {opacity: 0;}
.slideshow-images-next {opacity: 0;}
.slideshow-images img {float: left;left: 0;top: 0;}
/**
Notes:
These are examples of user-defined styles.
Customize these classes to your usage of Slideshow.
*/
.slideshow {height: auto;margin: 0 auto;width:620px;}
.slideshow a img {border: 0;}
/**
HTML:
...
Notes:
Customize the hidden / visible classes to affect the captions animation.
*/
.slideshow-captions {background:#d3e6ea;bottom: 0;color:#075e6f;font: bold 12px/22px Arial, sans-serif;left: 0;overflow: hidden;
position: absolute;text-indent: 10px;width: 100%;z-index: 10000;}
.slideshow-captions-hidden {height: 0;opacity: 0;}
.slideshow-captions-visible {height: 22px;opacity: .7;}
/**
HTML:
Notes:
Customize the hidden / visible classes to affect the controller animation.
*/
.slideshow-controller {background: url(../public/style/controller.png) no-repeat;height: 42px;left: 50%;margin: -21px 0 0 -119px;overflow: hidden; position: absolute;top: 50%;width: 238px;z-index: 10000;}
.slideshow-controller * {margin: 0;padding: 0;}
.slideshow-controller-hidden {opacity: 0;}
.slideshow-controller-visible {opacity: 1;}
.slideshow-controller a {cursor: pointer;display: block;height: 18px;overflow: hidden;position: absolute;top: 12px;}
.slideshow-controller a.active {background-position: 0 18px;}
.slideshow-controller li {list-style: none;}
.slideshow-controller li.first a {background-image: url(../public/style/controller-first.gif);left: 33px;width: 19px;}
.slideshow-controller li.last a {background-image: url(../public/style/controller-last.gif);left: 186px;width: 19px;}
.slideshow-controller li.next a {background-image: url(../public/style/controller-next.gif);left: 145px;width: 28px;}
.slideshow-controller li.pause a {background-image: url(../public/style/controller-pause.gif);left: 109px;width: 20px;}
.slideshow-controller li.play a {background-position: 20px 0;}
.slideshow-controller li.play a.active {background-position: 20px 18px;}
.slideshow-controller li.prev a {background-image: url(../public/style/controller-prev.gif);left: 65px;width: 28px;}
.slideshow-loader {height: 28px;right: 0;position: absolute;top: 0;width: 28px;z-index: 10001;}
.slideshow-loader-hidden {opacity: 0;}
.slideshow-loader-visible {opacity: 1;}
.slideshow-thumbnails {bottom: -65px;height: 65px;left: 0;position: absolute;width: 100%;}
.slideshow-thumbnails * {margin: 0;padding: 0;}
.slideshow-thumbnails ul {height: 65px;left: 0;position: absolute;top: 0;width: 10000px;}
.slideshow-thumbnails li {float: left;list-style: none;margin: 5px 5px 5px 0;position: relative;}
.slideshow-thumbnails a {display: block;float: left;padding: 0; position: relative;}
.slideshow-thumbnails a:hover {background-color:#fff !important;opacity: 1 !important;}
.slideshow-thumbnails img {display: block;}
.slideshow-thumbnails-active {background-color: #fff;opacity: 1;}
.slideshow-thumbnails-inactive {background-color: #FFF;opacity: .5;}