body { vertical-align: top; margin: 25px auto 25px auto; background-color: #336699; }
div#contenitore { width: 750px; margin: 0px auto 0px auto; padding: 20px 0px 20px 0px; background-color: #fff; }
div#container { width: 714px; margin: 0px auto 0px auto; }

div#logo { margin: 0px 0px 20px 0px; width: auto; }
div#image { border: 1px solid #B1B1B1; width: auto; display: block !important; display: inline; }
div#middle { width: auto; margin: 12px 0px 20px 0px; height: auto;  }
div#foot { border-top: 1px solid #B1B1B1; width: auto; padding-top: 10px; }
div#boxleft { width: 395px; vertical-align: top; }
div#boxright { width: 300px; float: right; vertical-align: top; }
div#boxleftbig { width: 475px; vertical-align: top; }
div#boxrightmini { width: 220px; float: right; vertical-align: top; }

img { border: none; margin: 0px; padding: 0px; }
img#bordo { border: 1px solid #B1B1B1; margin-right: 8px; padding: 0px; }
img#gallery { border: 1px solid #B1B1B1; margin-left: 2px; margin-right: 2px; padding: 0px; }
.left { float: left; } .right { float: right; }
.flag { position: relative; top: -40px; float: right; border: 0px; }

table#prezzi { text-transform: uppercase; border-collapse: collapse; width: 100%; font: normal 11px tahoma, arial, sans-serif; color: #333; text-align: center; margin: 10px 0px 10px 0px; }
table#prezzi thead td { border: 1px solid #333; background: #ccc; font: bold 11px arial, sans-serif; color: #333; padding: 2px; margin: 0px; }
table#prezzi tbody td { border: 1px solid #333; padding: 2px; margin: 0px; vertical-align: top; }

/**** MENU ****/
ul#nav { list-style-type: none; border: 1px solid #B1B1B1; border-top: none; width: 715px; height: 45px; padding: 0px 0px 30px 0px; margin: 0px 0px 12px 0px; }
ul#nav li { display: block; float: left; }
ul#nav a { display: block; text-decoration: none; text-indent: -2100px; width: 143px; height: 45px; }
li#nav01 a { background: transparent url(image/menu_homepage.gif) no-repeat left top; }
li#nav02 a { background: transparent url(image/menu_serviziofferti.gif) no-repeat left top; }
li#nav03 a { background: transparent url(image/menu_prezziemodalita.gif) no-repeat left top; }
li#nav04 a { background: transparent url(image/menu_prenotazioni.gif) no-repeat left top; }
li#nav05 a { background: transparent url(image/menu_comearrivare.gif) no-repeat left top; }
li#nav01_en a { background: transparent url(image/menu_en_homepage.gif) no-repeat left top; }
li#nav02_en a { background: transparent url(image/menu_en_serviziofferti.gif) no-repeat left top; }
li#nav03_en a { background: transparent url(image/menu_en_prezziemodalita.gif) no-repeat left top; }
li#nav04_en a { background: transparent url(image/menu_en_prenotazioni.gif) no-repeat left top; }
li#nav05_en a { background: transparent url(image/menu_en_comearrivare.gif) no-repeat left top; }
ul#nav a:hover { background-position: 0 -45px; }
body#nav01 li#nav01 a, body#nav02 li#nav02 a, body#nav03 li#nav03 a, body#nav04 li#nav04 a, body#nav05 li#nav05 a { background-position: 0 -90px; }
body#nav01_en li#nav01_en a, body#nav02_en li#nav02_en a, body#nav03_en li#nav03_en a, body#nav04_en li#nav04_en a, body#nav05_en li#nav05_en a { background-position: 0 -90px; }

/**** TESTO ****/
h1 { font: oblique 20px georgia, garamond, serif; color: #336699; margin-bottom: 10px; }
h2 { font: oblique 17px garamond, georgia, serif; color: #999; margin-bottom: 10px; padding-bottom: 4px; width: auto; border-bottom: 1px solid #999; }
h3 { font: bold 11px georgia, garamond, serif; color: #336699; margin-bottom: 4px; }

p { font: normal 11px arial, tahoma, sans-serif; color: #666; margin: 0px; }
p a { text-decoration: none; color: #336699; } p a:hover { text-decoration: underline; color: #336699; }

h6 { font: normal 10px tahoma, arial, sans-serif; color: #999; margin: 0px; }
h6 a { text-decoration: none; color: #999; } h6 a:hover { text-decoration: none; color: #699BCD; }

/******** MAPPA GOOGLE *********/
#map { border: 1px solid #B1B1B1; width: auto; height: 300px; display: block; }
#mapbox { width: 350px; font: normal 11px tahoma, arial, sans-serif; color: red; margin: 0px; padding: 0px; }
#mapbox form p { float: left; padding-bottom: 20px; }

/******** FORM *********/
form { display: inline; margin: 0px; padding: 0px; }
input, select, textarea { font: normal 10px tahoma, arial, sans-serif; color: #666; padding-left: 3px; margin: 0px 2px 1px 0px; width: auto; }
