html, body, form, input, img, ul, li, a, div, h1, h2, h3, h4, h5, h6 { margin:0; padding:0; border:0; }
body { background:#bcebff url(../img/bg.jpg) repeat-x top left; font-family:Verdana, Arial, Helvetica, sans-serif; color:#263755; font-size:11px; }

#wrapper { width:940px; }
#header { height:193px; }
#logo { width:218px; height:193px; margin-left:20px; display:inline; }
#info { width:210px; height:20px; padding-top:7px; margin-left:460px; }
#sidebar { width:252px; display:inline; }
#siamo-qui { width:211px; margin:0px 0px 20px 24px; }

#footer { height:80px; background-color:#164fb4; clear:both; padding:15px 20px; color:#85d9ff; font-size:10px; }

#home { width:620px; height:350px; background:url(../img/bg-home.jpg) no-repeat top right; margin-top:-20px; position:relative; padding:30px 0px 0px 30px; }
#home h2 { color:#2574d3; font-size:12px; font-weight:normal; position:absolute; top:350px; left:100px; }

/* ________________________________________________________________________________ content */
#content { margin:40px 0px 0px 0px; width:668px; font-size:12px; line-height:16px; padding-bottom:20px; }
#content h1 { margin:0px; padding:0px; margin-bottom:20px; height:25px; }

#ul { list-style-type:none; margin:10px 0px 0px 20px; }
#ul li { margin:0px 0px 7px 0px; background:url(../img/dot.gif) no-repeat 0px 2px; padding-left:18px; }

#listino01 { width:285px; height:108px; margin-right:20px; background:url(../img/box-listino01.gif) no-repeat top left; padding:20px; color:#002ca9; }
#listino02 { width:252px; height:220px; margin-right:20px; background:url(../img/box-listino02.gif) no-repeat top left; color:#fff; }
#listino03 { width:350px; height:200px; margin-right:20px; background:url(../img/box-listino03.gif) no-repeat top left; color:#fff; padding:10px; }

.line { width:280px; height:16px; margin-bottom:8px; clear:both; }
#listino01 h4 { width:220px; color:#00882a; font-size:12px; font-weight:normal; float:left; }
#listino01 h5 { width:57px; padding-left:3px; font-size:12px; float:left; }

/* ________________________________________________________________________________ menu */
ul#menu { width:212px; height:212px; background:url(../img/bg-menu-hotel-mion.jpg) no-repeat top left; margin:4px 20px 5px 10px; list-style-type:none; padding:50px 0px 0px 30px; }
ul#menu li { width:180px; height:18px; display:block; margin:0; padding:0; margin:0px 0px 8px 0px; }

#presentazione a:link, #presentazione a:visited { width:123px; height:18px; display:block; background:url(../img/mn-presentazione.gif) no-repeat left top; }
#presentazione a:hover { background-position:0 -18px; }
#presentazione-attivo a:link, #presentazione-attivo a:visited, #presentazione-attivo a:hover { width:123px; height:18px; display:block; background:url(../img/mn-presentazione.gif) no-repeat 0 -18px; }

#roseto a:link, #roseto a:visited { width:172px; height:18px; display:block; background:url(../img/mn-roseto.gif) no-repeat left top; }
#roseto a:hover { background-position:0 -18px; }
#roseto-attivo a:link, #roseto-attivo a:visited, #roseto-attivo a:hover { width:172px; height:18px; display:block; background:url(../img/mn-roseto.gif) no-repeat 0 -18px; }

#abruzzo a:link, #abruzzo a:visited { width:136px; height:18px; display:block; background:url(../img/mn-abruzzo.gif) no-repeat left top; }
#abruzzo a:hover { background-position:0 -18px; }
#abruzzo-attivo a:link, #abruzzo-attivo a:visited, #abruzzo-attivo a:hover { width:136px; height:18px; display:block; background:url(../img/mn-abruzzo.gif) no-repeat 0 -18px; }

#dove a:link, #dove a:visited { width:96px; height:18px; display:block; background:url(../img/mn-dove.gif) no-repeat left top; }
#dove a:hover { background-position:0 -18px; }
#dove-attivo a:link, #dove-attivo a:visited, #dove-attivo a:hover { width:96px; height:18px; display:block; background:url(../img/mn-dove.gif) no-repeat 0 -18px; }

#gallery a:link, #gallery a:visited { width:108px; height:18px; display:block; background:url(../img/mn-gallery.gif) no-repeat left top; }
#gallery a:hover { background-position:0 -18px; }
#gallery-attivo a:link, #gallery-attivo a:visited, #gallery-attivo a:hover { width:108px; height:18px; display:block; background:url(../img/mn-gallery.gif) no-repeat 0 -18px; }

#listino a:link, #listino a:visited { width:113px; height:18px; display:block; background:url(../img/mn-listino.gif) no-repeat left top; }
#listino a:hover { background-position:0 -18px; }
#listino-attivo a:link, #listino-attivo a:visited, #listino-attivo a:hover { width:113px; height:18px; display:block; background:url(../img/mn-listino.gif) no-repeat 0 -18px; }

#contatti a:link, #contatti a:visited { width:76px; height:18px; display:block; background:url(../img/mn-contatti.gif) no-repeat left top; }
#contatti a:hover { background-position:0 -18px; }
#contatti-attivo a:link, #contatti-attivo a:visited, #contatti-attivo a:hover { width:76px; height:18px; display:block; background:url(../img/mn-contatti.gif) no-repeat 0 -18px; }




/* ________________________________________________________________________________ form */
.input { border:1px solid #6cccfe; background-color:#dff7ff; height:19px; font-size:12px; }
.invia { border:1px solid #004882; background-color:#146ccd; font-size:13px; font-weight:bold; cursor:pointer; color:#fff; padding:4px; }

/* ________________________________________________________________________________ varie */
.inline { display:inline; }
.fl { float:left; }
.fr { float:right; }
.img-fl { float:left; margin:5px 8px 5px 0px; }
.img-fr { float:right; margin:5px 0px 5px 8px; }
.border { border:1px solid #164fb4; }


.clear { clear:both; }
.margin-top { margin-top:10px; }
.margin-left { margin-left:10px; }
.img-border { border:5px solid #156cd0; }

img { border:0px; }
form { margin:0px; padding:0px; }

.bold { font-weight:bold; }
.italic { font-style:italic; }
.center { text-align:center; }
.right { text-align:right; }
.space { letter-spacing:1px; }

.small { font-size:11px; }
.big { font-size:14px; }

.blu { color:#004177; }
.orange { color:#c54100; }
.bianco { color:#fff }

.last { margin-right:0px; }

h1 { }
h2 { } 
h3 { font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,sans-serif; font-size:15px; color:#0750a9; font-weight:normal; margin-bottom:10px; }
h5 { font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,sans-serif; font-size:13px; color:#0750a9; }
blockquote { padding:10px; font-size:11px; font-style:italic; font-weight:normal; color:#4b4b4b; }

a:link, a:visited { text-decoration:none; color:#002f6b; }
a:hover { text-decoration:none; color:#2867b7; }


a.red:link, a.red:visited { text-decoration:none; color:#cf2200; }
a.red:hover { text-decoration:none; color:#812400; }

a.white:link, a.white:visited { text-decoration:none; color:#fff; }
a.white:hover { text-decoration:none; color:#eee; }

a span, h1 span { display:none; }


#google-map { margin:0px 20px 0px 0px; width:330px; height:380px; }