@charset "utf-8";
@font-face {font-family: ACaslonPro-Bold; src: url('font/ACaslonPro-Bold.eot')}
@font-face {font-family: ACaslonPro-BoldItalic; src: url('font/ACaslonPro-BoldItalic.eot')}
@font-face {font-family: ACaslonPro-Italic; src: url('font/ACaslonPro-Italic.eot')}
@font-face {font-family: ACaslonPro-Regular; src: url('font/ACaslonPro-Regular.eot')}
@font-face {font-family: ACaslonPro-Semibold; src: url('font/ACaslonPro-Semibold.eot')}
@font-face {font-family: ACaslonPro-SemiboldItalic; src: url('font/ACaslonPro-SemiboldItalic.eot')}
@font-face {font-family: ACaslonPro-Bold; src: url('font/ACaslonPro-Bold.ttf')}
@font-face {font-family: ACaslonPro-BoldItalic; src: url('font/ACaslonPro-BoldItalic.ttf')}
@font-face {font-family: ACaslonPro-Italic; src: url('font/ACaslonPro-Italic.ttf')}
@font-face {font-family: ACaslonPro-Regular; src: url('font/ACaslonPro-Regular.ttf')}
@font-face {font-family: ACaslonPro-Semibold; src: url('font/ACaslonPro-Semibold.ttf')}
@font-face {font-family: ACaslonPro-SemiboldItalic; src: url('font/ACaslonPro-SemiboldItalic.ttf')}

html, body, h1, h2, h3, h4, h5, h6, p, ul, li, img, table, tr, td, form {border:0px; padding:0px; margin:0px;}

h1 {font-size:18px;}
h2 {font-size:15px;}
h3 {font-size:12px;}
h4 {font-size:10px;}

a {color:#036; text-decoration:none;}
a:hover {color:#a00; text-decoration:underline;}
input, select, textarea {color:#333; font:14px Arial, Helvetica, sans-serif;}
/* input, select, textarea {color:#333; font:14px ACaslonPro-Regular, Arial, Helvetica, sans-serif;} */
.clear {clear:both;}

html {background:url('img/nav.gif') 0px 150px repeat-x;}

body {width:900px; margin:auto; font:12px Arial, Helvetica, sans-serif;}
/* body {width:900px; margin:auto; font:14px ACaslonPro-Regular, Times New Roman, Arial, Helvetica, sans-serif;} */

body div#header {width:900px; height:150px;}
body div#header img {float:left;}
body div#header ul {height:12px; margin-top:130px; float:right;}
body div#header ul li {height:12px; line-height:15px; border-right:1px solid #000; padding:0px 10px; list-style:none; text-transform:uppercase; float:left;}
body div#header ul li a {color:#000;}
body div#header ul li.en {border:0px;}
body div#header ul li.en a {color:#036;}

body div#nav {background:#06c url('img/nav.gif'); height:250px;}
body div#nav div.nav-dx {background:#06c url('img/nav-dx.gif'); width:20px; height:250px; margin-left:180px; position:absolute;}
body div#nav ul {width:200px; padding-top:9px; font-size:12px; font-style:italic; position:absolute;}
body div#nav ul li {height:24px; line-height:30px; padding-right:30px; list-style:none; text-transform:uppercase; text-align:right;}
body div#nav ul li a {color:#fff;}
body div#nav ul li.residence {border-bottom:1px solid #0073d4;}
body div#nav ul li.camere {border-top:1px solid #036; border-bottom:1px solid #006ecb;}
body div#nav ul li.giardino {border-top:1px solid #036; border-bottom:1px solid #0068bf;}
body div#nav ul li.bar {border-top:1px solid #036; border-bottom:1px solid #0061b2;}
body div#nav ul li.servizi {border-top:1px solid #036; border-bottom:1px solid #005ba4;}
body div#nav ul li.promozioni {border-top:1px solid #036; border-bottom:1px solid #005498;}
body div#nav ul li.tariffe {border-top:1px solid #036; border-bottom:1px solid #004e8c;}
body div#nav ul li.galleria {border-top:1px solid #036; border-bottom:1px solid #004982;}
body div#nav ul li.territorio {border-top:1px solid #036;}
body div#nav div.anteprima {margin-left:200px;}
body div#nav div.anteprima iframe {width:700px; height:250px; border:0px; padding:0px; margin:0px;}

body div#flags {width:500px; padding:5px 0px; margin-left:200px;}

body div#page {width:500px; border-right:1px solid #eee; padding:10px 10px 0px 0px; margin:0px 10px 0px 200px; float:left;}
body div#page h1 {margin-bottom:10px; font-style:italic;}
body div#page img {width:200px; height:150px; border:5px solid #eee; margin:0px 10px 5px 0px; float:left;}
body div#page p {margin:0px 0px 20px 0px; font-size:12px;}
body div#page a.modifica {background:url('/img/pencil.png') no-repeat; padding-left:20px; float:right;}
body div#page form#modifica textarea {width:495px; height:500px; font-size:15px;}
body div#page form#modifica2 textarea {width:495px; height:500px; font-size:15px;}
body div#page div#prenok {background-color:#efe; color:#0a0; padding:5px 10px; margin-bottom:10px;}
body div#page div#prenko {background-color:#fee; color:#a00; padding:5px 10px; margin-bottom:10px;}

body div#page div#page-servizi img {width:30px; height:30px; margin:0px 10px 0px 0px; float:none;}
body div#page div#page-galleria img {width:100px; height:75px; margin:0px 5px 5px 0px;}
body div#page div#page-galleria h2 {margin-top:10px; clear:both;}

body div#page div#page-tariffe table {width:500px; margin-bottom:20px;}
body div#page div#page-tariffe table tr td {border:1px solid #eee; padding:5px; text-align:center;}
body div#page div#page-tariffe table tr td small {color:#777;}
body div#page div#page-tariffe table tr td input {width:120px;}
body div#page div#page-tariffe table tr.new td input {color:#0a0;}
body div#page div#page-tariffe table tr#title td {background-color:#eee; border:1px solid #ddd; font-style:italic;}
body div#page div#page-dovesiamo iframe {width:500px; height:500px; margin-top:20px;}

body div#page div#page-prenotazioni table tr td {padding:2px;}
body div#page div#page-prenotazioni form table tr td textarea {width:400px;}
body div#page div#page-login table tr td {padding:2px;}

body div#sidebar {width:179px; padding-top:10px; float:left;}
body div#sidebar img.facebook {border:5px solid #eee;}
body div#sidebar img.prenotazione {border:5px solid #eee;}
body div#sidebar img.contatti {border:5px solid #eee;}
body div#sidebar form {margin:0px 0px 30px 0px;}
body div#sidebar form input {width:160px; padding:0px 5px;}
body div#sidebar form textarea {width:160px; height:100px; padding:0px 5px;}
body div#sidebar form input.submit {width:100px; padding:0px; margin-top:10px;}

body div#footer {padding:20px; text-align:center; clear:both;}