/* layout grafico */
html, body { margin: 0 auto; background: #f7780d; text-align: center; }
body { font: 75%/170% Arial, Helvetica, sans-serif; background: url("../img/sf1.jpg") #f7780d; background-position:top center; background-repeat: no-repeat; width: 100%; }
#logo { position: relative; background-image: url("../img/sopra4.png"); background-repeat: no-repeat; width: 760px; height: 66px; margin: 0px auto 0 auto; padding: 0; }
#sopra { position: relative; background-image: url("../img/mezzo4.png"); width: 760px; margin: 0 auto; padding: 0; }
#sinistra { position: absolute; top: 0px; left: 30px; width: 200px; margin: 0; padding: 0; text-align: center; }
#destra { position: relative; margin: 0 33px 0 230px; padding: 0px; background: #ffefb2; }
#sotto {position: relative; background-image: url("../img/sotto4.png"); background-repeat: no-repeat; width: 760px; height: 17px; margin: 0 auto 0 auto;}
/* foto */
#foto{ padding: 7px; background: #fff; border: 1px solid #000; display: block; width: 450px; height: 360px; margin: 0 0 0 25px; text-align: center;}
#foto img { border: 1px solid #000;}
/* menu alto */
#menu { position: absolute; top: 38; right: 35; padding: 0; font: bold 10px verdana, arial; text-transform: uppercase; color: #000; /*background: #ccc;*/ }
#menu a { color: #000; text-decoration: none;}
#menu a:hover { color: #5388ad; text-decoration: none; }
.menutit { margin: 0px 2px; }
/* menu a sinistra */
#menusn { font: bold 10px verdana, arial; text-transform: uppercase; color: #000; width: 200px; /*background: #ED9E42;*/ padding: 5px; text-align: left; margin: 0 auto; }
#menusn a { color: #000; text-decoration: none; }
#menusn a:hover { color: #fff; text-decoration: none; }
/* visualizza */
#visua { border-top: 2px solid #fff; border-bottom: 2px solid #fff; margin: 0 auto; padding: 0;}
/* galleria foto */
.float {padding: 10px; margin: 10px;width: 20%;float: left;background: #fff;border: 1px solid #000; }
/* titolo pagina */
h3 {font-weight: bold; font-size: 135%; text-transform: uppercase; text-align: left; color : #ed1c24; margin: 0 auto; margin-left: 30px; margin-bottom: 20px; border-bottom: 1px dotted #ccc; }
/* testo */
h2 { font: normal 100% Arial, Helvetica, sans-serif; text-align: left; color : #000;padding: 1px 10px; margin: 0 auto 0 25px; line-height: 2em; }
h2 a {color : red;text-decoration: none;font-weight: bold;}
/* immagini anteprima spiaggia */
td.spiaggia img { width: 200px; margin: 0 10; padding: 7px; background: #cae9fd; border: 1px solid #75a461; }
td.spiaggia2 img { width: 450px; margin: 0 auto; padding: 7px; background: #cae9fd; border: 1px solid #75a461; }
/* scritte a sinistra */
.tit {font: normal 9px verdana, arial, sans-serif;/*background: #fff;*/margin: 0px;text-align: left;color : #000;padding: 5px;width: 450px;}
/* pagina bimbi */
td.bimbi {font: normal 75% Arial, Helvetica, sans-serif; text-align: left; color : #000;padding: 1px 10px; margin: 0 auto; line-height: 1.6em; }
td.parchi { margin: 0; padding: 0; background: #ccc;}
/* prezzi ed offerte */
table.prezzi {width: 480px;margin: 0 auto; padding: 0; font: normal 13px georgia, Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: center; }
th.periodo {background: #007dc0;padding: 6px; color: #fff;} th.camera1 {background: #f6891f;padding: 6px;color: #fff;}th.camera2{background: #00874d; padding: 6px;color: #fff;}
td.periodo {background: #c8ebff;padding: 6px; font-weight: bold;} td.camera1 {background: #fad6c0;padding: 6px; font-weight: bold;} td.camera2{background: #a7dbb7; padding: 6px; font-weight: bold;}
div#box1 { background: #cae9fd; margin: 20px auto; width: 400px; padding: 15px; text-align: left; background: url("../img/gradient-box4.jpg");}
div#box3 { background: #cae9fd; margin: 20px auto; width: 400px; padding: 15px;text-align: left; background: url("../img/gradient-box4.jpg"); }
div#box4 { background: #cae9fd; margin: 20px auto; width: 400px; padding: 15px;text-align: left; }
div#box5 { background: #cae9fd; margin: 20px auto; width: 400px; padding: 15px;text-align: left;}
div.box6 { float: left; margin: 5px auto; width: 210px; padding: 15px; text-align: left; background: url("../img/gradient-box3.jpg") }
div.box2 { float: left; margin: 5px auto; width: 210px; padding: 15px; background: #599a7a; text-align: left; background: url("../img/gradient-box2.jpg") }
div.box7 { float: left; margin: 5px auto; width: 210px; padding: 15px; text-align: left; background: url("../img/gradient-box1.jpg") }
div#box8 { background: #ffdc50; margin: 20px auto; width: 400px; padding: 15px 5px 15px 15px;text-align: left;}
div#box9 { background: #cfda7f; margin: 20px auto; width: 400px; padding: 15px;text-align: left;}
div#box10 { background: #cae9fd; margin: 10px auto; padding: 10px; text-align: left; }
div#box11 { background: #ffdc50; margin: 10px auto; padding: 10px; text-align: left; }
div#box12 { background: #599a7a; margin: 10px auto; padding: 10px; text-align: left; }
table.box {font: 100% Arial, Helvetica, sans-serif; }
/* offerte last */
h1 { font: bold 14px Verdana, arial, san-serif; color: #000; margin: 0; padding: 0px 5px;}
h4 {font: normal 10px verdana, arial, sans-serif;text-align: left;color : #336699; margin: 0 50px 25px 5px;padding: 0px 5px; }
/* tabella last minute */
table.last { margin: 9px; padding: 0 auto; width: 350px; }
td.last {font: normal 9pt georgia;margin: 0px;text-align: left; color : #336699;padding: 4px; width: 200px;}
td.lastdlg {font: normal 9pt georgia;margin: 0;text-align: left;float: center;color : #336699;padding: 4px;}
/* form */
input.text { color: #000; background: #E4EAEA; text-align:left; border: 1px solid #000; width: 200px;}
input.required { color: #000; background: #E4EAEA; text-align:left; border: 1px solid #000; width: 200px;}
.pulsante { color: #000; background: #E4EAEA; text-align:center; border: 1px solid #000; width: 160px;}
.select { color: #000; background: #E4EAEA; text-align:left; border: 1px solid #000; width: 200px;}
.innerError {
background-image: url(../images/invalid.gif);
background-position: left top;
background-repeat: no-repeat;
padding-left: 20px;
}
textarea.required {
height: 90px;
width: 200px;
background: #E4EAEA;
border-bottom: 1px solid #9AA19F;
border-right: 1px solid #9AA19F;
}
form {
margin: 0 auto; padding: 0;
text-align: left;
background-image: url("../img/sfondo.gif");
background-repeat: no-repeat;
border : 0px solid #000;
}
/* legge privacy */
h6 {
font: normal 10px verdana, arial, sans-serif;
text-align: justify;
color : #000;
padding: 12px;
margin: 30px auto;
}
ul { margin: 0; padding: 0; }
li { margin: 0 auto 0 20px; padding: 0; list-style-image: url(../img/corretto.gif); }
/* link sotto */
#link { margin: 10px auto; color: yellow; width: 600px; }
#link a { color: #fff; text-decoration: none; }
#link a:hover {text-decoration: underline; }
/* 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}