html,body{margin:0 auto;padding:0; }
body{font: 76% arial,sans-serif;text-align:center; background: #f8f8f8;}
div#container{ text-align:left; margin: 0 auto; float: center; background: #fff;}
/*titoli link e mneu */
h2 { font-size: 13px; font-weight: bold; font-family: 'Trebuchet MS', Trebuchet, Arial, sans-serif; color: #9a0a1f; }
h2 a { text-decoration: underline; color: #FF3300; font-weight: bold; } h2 a:hover { text-decoration: none; }
/* testi */
h3 { font-size: 13px; font-weight: normal; font-family: 'Trebuchet MS', Trebuchet, Arial, sans-serif; }
h3 a { text-decoration: underline; color: #FF3300; font-weight: bold; } h3 a:hover { text-decoration: none; }
/*header in alto e contenuto al centro*/
div#header { position: relative; height: 300px; width: 100%; float: center; background: url("../img/sf/bg-livello2l.gif"); border-bottom: 1px solid #000; }
div.wrapper { width: 970px; margin: 0 auto; }
div#gallery { position: relative; width: 100%; float: center; }
/*menu in alto */
div#header-menu { position: relative; height: 50px; width: 100%; float: center; background: #000; border-bottom: 1px solid #fff; }
#header-menu h2 { text-align: right; margin-top: 0px; padding: 13px 10px; color: #000; font-size: 18px; font: font-family: 'Trebuchet MS', Trebuchet, Arial, sans-serif; }
#header-menu h2 a { color: #fff; text-decoration: none; } #header-menu h2 a:hover { color: yellow; text-decoration: none; border-bottom: 2px solid yellow; } #header-menu h2 a:active { text-decoration: none; border-bottom: 3px solid #000; }
.flag { margin: 0; padding: 8px 40px; float: left; } .flag img { border: none; padding: 0px 1px; }
/* colonna centrale + grande*/
.colonna560 h2 { text-align: right; margin-top: 0px; padding: 12px 10px; color: #000; font-size: 20px; font: font-family: 'Trebuchet MS', Trebuchet, Arial, sans-serif; }
.colonna560 { float:left; width: 720px; margin-left:30px; margin-top: 12px; }
/* colonna a sinistra */
.colonna200 { float:left; width:220px; margin-top: 20px; }
.colonna200 h3 { font-weight: bold; margin: 0 auto; padding: 0; } .colonna200 h3 a { font-weight: bold; text-decoration: none; color: red; } .colonna200 h3 a:hover { text-decoration: underline; }
.menu_title2 { margin: 5px auto; padding: 5px; font-size: 125%; text-align: center; background: #ff8000; border: 1px solid #000;} .menu_title2 h3 { color: #000; }
.menu_navigation2 { margin: 0; padding: 5px; border-bottom: 1px dotted #f8f8f8; }
/* vado a capo */
.clear {clear: both;}
.clearall { display: block; clear: both; height: 1px; margin: 0; font-size: 1px; line-height: 1px; }
/*indirizzo in fondo*/
#footer { position: relative; clear:both; width: 100%; float: center; padding: 1px; background: #ccc; }
/*slidewshow foto */
#mySlideShow {width: 550px !important; height: 300px !important; } .foto { width: 550px; margin: 10px auto 10px auto; padding:5px; background: #fff; }
/* logo */
.foto4 { width: 300px; height: 121px; margin: 10px auto 0px auto; padding:5px; background: red; }
/*galleria foto piccole */
table.foto { float: left; margin: 0; padding: 0; } tr.foto { height: 175px; }
td.foto1 { padding: 0 10px; margin: 0px auto; }
td.foto1 img { padding: 4px; background: #000; border: none; width: 165px; }
td.foto1 a:hover img { padding: 4px; background: #fff; }
td.foto2 { padding: 0 10px; margin: 0px auto; }
td.foto2 img { padding: 4px; background: #ff0000; border: none; width: 165px; }
td.foto2 a:hover img { padding: 4px; background: #fff; }
td.foto3 { padding: 0 10px; margin: 0px auto; }
td.foto3 img { padding: 2px; background: #ff0000; border: none; width: 100px; }
td.foto3 a:hover img { padding: 2px; background: #000; }
/* per i testi */
td.scritta { padding: 0 10px; margin: 0px auto; width: 350px; background: #fff; }
/*tabella info form online*/
table.info { width: 500px; margin: 0 auto; padding: 0; font-size: 13px; font-weight: normal; font-family: 'Trebuchet MS', Trebuchet, Arial, sans-serif;}
td.info { text-align: right; font: bold 12px; padding: 3px; color: #000; }
td.selezione { text-align: left; color : #000; padding: 3px;}
td.info a { color: #000;}
input.testo { width: 300px; padding: 2px; border: 2px solid #ddd; color: #777; background: #f9f9f9; font-size: 125%; font-family: Arial, Verdana, sans-serif; }
input.testo a:hover { border: 2px solid blue; }
input.testo2 { width: 95px; padding: 2px; border: 2px solid #ddd; color: #777; background: #f9f9f9; font-size: 110%; font-family: Arial, Verdana, sans-serif; }
select.testo { width: 250px; padding: 2px; border: 2px solid #ddd; color: #777; background: #f9f9f9; font-size: 110%; font-family: Arial, Verdana, sans-serif; }
input.pulsante {width: 100px; padding: 2px; }
textarea {width: 300px; height: 120px; padding: 2px; border: 2px solid #ddd; color: #777; background: #f9f9f9; font-size: 110%; font-family: Arial, Verdana, sans-serif; }
/* riga rossa*/
.riga { border-bottom: 2px dotted #000; text-align: left; padding: 0px; color: #cc3300; margin: 2px 0px 2px 0px; }
ul.spot { list-style-type: square; color: #000; margin-top: 0px; }
ol { margin: 0 0 0 25px; padding: 0;}
/* bottone claudio maggioli */
#cm {position: relative; clear:both; text-align: center: margin: 0 auto; color: #000; padding: 4px; font-size: 13px; font-weight: normal; font-family: 'Trebuchet MS', Trebuchet, Arial, sans-serif; }
#cm a {color: #000; text-transform: capitalize;text-decoration: none;}
#cm a:visited, #cm a:active { color: #000;text-decoration: none; }
#cm a:hover {color: red;text-decoration: none;}