html,body{margin:0 auto;padding:0; font-family: 'Trebuchet MS', Trebuchet, Arial, sans-serif; }
body{font: 76% arial,sans-serif;text-align:center; }
div#container{ text-align:left; margin: 0 auto; float: center; background: url("../img/sf4.jpg") fixed #52a4d1; background-position:top center; width: 100%; }
div.wrapper { width: 970px; margin: 0 auto; }
/*titoli link e menu di sinistra e destra*/
h2 { font-size: 18px; font-weight: bold; text-align: center; } h2 a {color: #fff; }
/* titolo grande al centro */
h1 { margin: 5px auto auto 5px; padding: 2px; font: bold 25px 'Trebuchet MS', Trebuchet, Arial, sans-serif; text-align: left; color: #52a4d1; }
/* testi */
h3 { font-size: 13px; font-weight: normal; font-family: 'Trebuchet MS', Trebuchet, Arial, sans-serif; /*color: #0000FF;*/ }
h3 a { text-decoration: underline; color: #3f7592; font-weight: bold; } h3 a:hover { text-decoration: none; }
.colonna560 h3 { font-weight: normal; font-size: 13px; margin: 5px auto 5px auto; padding: 0px 15px; }
/* testi footer e header */
h4 { font-size: 13px; font-weight: normal; font-family: 'Trebuchet MS', Trebuchet, Arial, sans-serif; color: #fff; }
h4 a { text-decoration: underline; color: #fff; font-weight: bold; } h4 a:hover { text-decoration: none; }
/*header in alto */
div#header { position: relative; width: 100%; float: center; margin: 0 auto;}
div#content { position: relative; width: 100%; float: center; margin-top: 10px; margin-bottom: 10px; }
div#logo { height: 70px; width: 970px; clear: both; background: #52a4d1; margin: 0px auto 0px auto;}
/* bandiere */
.flag { margin: 0; padding: 0px 30px; float: left; display: inline; } .flag img { border: none; padding: 3px 0px; }
/*slideshow */
#slideshow2 {width: 960px !important; height: 340px !important; margin: 0px auto 20px auto; padding: 5px; background: #fff; }
/* colonna centrale + grande*/
.colonna560 { float:left; width:550px; /*background: #efc; */ background: #fff; margin: 0px 10px 15px 10px; }
/*prima e terza colonna */
.colonna200 { float:left; width:200px; }
/* ultima colonna a destra */
.colonna200 last {margin-right: 0 !important;}
/*galleria foto piccole */
table.foto { float: left; margin: 0; padding: 0; } tr.foto { height: 125px; }
td.foto1 { padding: 0 6px; margin: 0px auto; }
td.foto1 img { padding: 3px; background: #000; border: none; width: 150px; height: 100px;}
td.foto1 a:hover img { padding: 3px; background: #fff; }
/* vado a capo */
.clear {clear: both;}
.clearall { display: block; clear: both; height: 1px; margin: 0; font-size: 1px; line-height: 1px; }
/*indirizzo in fondo*/
div#footer { position: relative; clear:both; width: 970px; float: center; margin: 0px auto; }
div.wrapper2 { width: 970px; margin: 0 auto; background: #ccc; padding: 2px 10px; }
/* 3 hotel */
div#extra{clear:both;width:100%; /*background: #3f7592; */ margin: 0px auto 0px auto; border-top: 0px solid #000; border-bottom: 0px solid #3f7592; }
.hotel { float: left; width: 30%; margin: 10px 10px; text-align: center; }
.hotel img { padding: 5px; background: #000; border: none; width: 175px; } .hotel a:hover img { padding: 5px; background: #fff; }
.separatore { width: 10px; background: #000; }
/* footer 2 */
#footer2 { padding: 0px 7px; margin: 0 auto; background: #3f7592; }
/* menu di navigazione a destra */
.menu_title { margin: 0px auto 0px auto; width: 190px; padding: 5px; background: #3f7592; border-bottom: 1px solid #fff; }
.menu_title h3 { color: white; }
.menu_navigation { margin: 0; width: 190px; padding: 5px; background: #fff; }
.menu_navigation img {width: 125px; }
.colonna200 h3 { font-weight: bold; margin: 0; padding: 0px 7px; text-align: left; } .colonna200 h3 a { font-weight: bold; text-decoration: underline; color: #3f7592; } .colonna200 h3 a:hover { text-decoration: none; color: #52a4d1; }
/* menu di navigazione a sinistra */
.menu_title2 { margin: 0px auto 0px auto; width: 190px; padding: 5px; /*background: #bc8c37; */ background: #3f7592; border-bottom: 1px solid #fff; } .menu_title2 h3 { color: white; }
.menu_navigation2 { margin: 0; width: 190px; padding: 5px; /*background: #eaca5d;*/ background: #fff; }
/*tabella catalogo prodotti */
table.catalogo {width: 540px;margin: 0 auto; padding: 0; font: normal 13px georgia, Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: center; }
td.periodo {background: #c8ebff;padding: 6px; font-weight: bold; text-align: center; } td.camera1 {background: #fad6c0;padding: 6px; font-weight: bold;} td.camera2{background: #a7dbb7; padding: 6px; font-weight: bold;} td.camera3 {background: #f8f8f8; padding: 6px; font-weight: bold;}
td.offerte { margin: 0; padding: 0; text-align: left; } td.offerte h2 { margin: 0; padding: 2px auto 2px 10px; }
/*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: 250px; padding: 2px; border: 2px solid #ddd; color: #777; background: #f9f9f9; font-size: 110%; font-family: Arial, Verdana, sans-serif; }
/* offerta */
.offerta { width: 400px; border: 2px solid #ff9933; background: #c0e569; padding: 5px;}
/* skype */
.skype { font-size: 12px; font-weight: normal; font-family: 'Trebuchet MS', Trebuchet, Arial, sans-serif; color: #077f40; font-weight: bold; }
.skype a {color: #077f40; text-decoration: none;}
/* riga rossa*/
.riga { border-bottom: 2px dotted #000; text-align: left; padding: 0px; color: #cc3300; margin: 2px 0px 2px 0px; }
/*tabella prezzi */
table.prezzi {width: 450px;margin: 0 auto; padding: 0; font: normal 13px georgia, Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: center; }
table.prezzi2 {width: 750px;margin: 0 auto; padding: 0; font: normal 13px georgia, Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: center; }
th {background: #52a4d1;padding: 6px; color: #fff;}
td.periodo {background: #c8ebff;padding: 6px; font-weight: bold; text-align: center; }
td.camera1 {background: #7271aa;padding: 6px; font-weight: bold;}
td.camera2{background: #f8b307; padding: 6px; font-weight: bold;}
td.camera3 {background: #6d9729; padding: 6px; font-weight: bold;}
td.camera4 {background: #0ac06b; padding: 6px; font-weight: bold;}
td.camera5 {background: #f9f2a6; padding: 6px; font-weight: bold;}
/* box offerte */
div#box1 { margin: 20px auto; width: 450px; padding: 5px;text-align: left; background: #52a4d1; border: 3px solid #3f7592;}
div#box3 { margin: 20px auto; width: 450px; padding: 5px;text-align: left; background: #F8C0C0; border: 3px solid #F28280;}
div#box2 { margin: 20px auto; width: 450px; padding: 5px;text-align: left; background: #ffdc50; border: 3px solid #FFCC00;}
div#box4 { margin: 20px auto; width: 450px; padding: 5px;text-align: left; background: #cae9fd; border: 3px solid #000BFD;}
div#box5 { margin: 20px auto; width: 450px; padding: 5px;text-align: left; background: #B6CB94; border: 3px solid #6d9729;}
div#box6 { margin: 20px auto; width: 450px; padding: 5px;text-align: left; background: #f19c17; border: 3px solid #b71f11;}
div#box7 { margin: 20px auto; width: 500px; padding: 5px;text-align: left; /*background: #f19c17; border: 3px solid #b71f11;*/}
/* bottoni linkati 2 */
ul.postnav2,ul.postnav2 li{margin:15px auto;padding:0;list-style-type:none}
ul.postnav2 li{ width: 300px;font-size:140%; margin: 15px auto 15px auto;}
ul.postnav2 a{display:block;width: 300px; padding:5px 0; font: bold 100% Verdana,Arial,sans-serif; text-transform:uppercase;background: #FF9900;color: #fff; text-decoration:none;text-align:center}
ul.postnav2 a:hover{background: #A8E52F;color:#FFF}
/* 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;}
/*slide panel*/
#top-panel{ background:#e8f3c6; border-bottom:3px solid #a6c34e; padding: 5px auto; text-align:right; height: 190px;}
#maraldi { width: 960px; background: #fff; float: center; margin: 0 auto;}
#sub-panel{ text-align:center;}
#sub-panel a{ width:250px; float:right; color:#FFFFFF; text-decoration:none; font-weight:bold; margin-right: 30px; background:url(img/sub-left.png) bottom left no-repeat #a6c34e;}
#sub-panel a span{ padding:6px; background:url(img/sub-right.png) right bottom no-repeat; display:block;}
/*tabella info*/
table.info { margin: 0; padding: 0; width: 600px; }
td.info { text-align: right; padding: 3px; width: 150px; }
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.required { width: 300px; padding: 2px; border: 2px solid #ddd; color: #777; background: #f9f9f9; font-size: 125%; font-family: Arial, Verdana, sans-serif; }
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; }
/* serie foto */
.foto-gallery { padding: 0px; margin: 5px 15px 5px 5px; float: left; }
.foto-gallery img { border: 1px solid #ccc; padding: 5px; background: #fff; width: 150px; height:100px; }
#sezione-gallery { float: center; margin: 0 auto; }
/* liste */
ul.icona {margin:0; padding:0;text-align:left;}
li.icona1{margin:0;padding:0;list-style-type:none;list-style-image:url("../img/icona1.png");list-style-position:inside;}
li.icona2{margin:0;padding:0;list-style-type:none;list-style-image:url("../img/icona2.png");list-style-position:inside;}
li.icona3{margin:0;padding:0;list-style-type:none;list-style-image:url("../img/icona3.png");list-style-position:inside;}
ul a { text-decoration: underline; color: #cc0000; font-weight: bold; } ul a:hover { text-decoration: none; }