body{margin: 0px auto; padding: 0px auto; text-align: center; background: #f4f4f4; font-family: verdana, sans-serif; font-size: 12px}
div, table{text-align: left; font-family: verdana, sans-serif; font-size: 12px}
p{text-indent: 1em}
a {color: #3399FF; text-decoration: none;}
a:hover{color: white; background: #3399FF; text-decoration: underline;}
a img {border: 0}
table{border: 0px; margin: 0px; padding: 0px}
h1 {font-family: verdana, sans-serif; font-weight: bold; font-size: 12pt; color: #0063AE; text-indent: 1em; text-decoration: underline}
h2 {font-family: verdana, sans-serif; font-size: 12pt; color: #0063AE; text-indent: 2em; margin-top: 2em}


#wrapper{width: 900px; margin: 0px auto; margin-top: 10px; padding: 0px; text-align: left; background-color: #FFFFFF}

#header{text-align: right; position: relative}

  #header_area-banner{height: 90px; background: #0063AE}
    #header_area-banner_logo{float: left}
    #header_area-banner_bannerDVI{float: right; width: 728px; background: transparent}

  #header_area-link-DVI {position: relative; text-align: center; width: 900px; padding-top: 10px; padding-bottom: 10px; background: #0063AE}
    a.link-DVI:hover{background: #66CCFF}

  #header_area-navigazione{position: relative; height: 40px; background: #0063AE; text-align: left}
    #header_area-navigazione_bandiere{float: left; width: 166px; height: 40px; background: white; text-align: center; vertical-align: center}
    #header_area-navigazione_barra {float: right; text-align: right; width: 708px; height: 40px; background: transparent}
    #header_area-navigazione_barra ul {list-style: none; width: 700px; text-align: center; margin: 0 0 0 0; padding: 10px 10px 10px 10px}
    #header_area-navigazione_barra li {display: inline; margin: 5px 5px 5px 5px}
    #header_area-navigazione_barra li a {font-size: 12px; font-weight: bold; color: white}
    #header_area-navigazione_barra li a:hover {background: none}

  #header_area-percorso{position: relative; background: white; width: 900px; height: 45px; font-size: 10px}
    #header_area-percorso_blu{background: #0063AE; width: 166px; float: left; font-size: 10px}
    #header_area-percorso_percorso{background: transparent; width: 730px; float: right; font-size: 10px}


#area-menu{position: relative; width: 900px; background: white; z-index:1000}

  #menu_natura{Position: absolute; top: -55px; left: 320px; overflow: auto; display: none; z-index:1000}
  #menu_cultura{Position: absolute; top: -55px; left: 380px; overflow: auto; display: none; z-index:1000}
  #menu_informazioni{Position: absolute; top: -55px; left: 635px; overflow: auto; display: none; z-index:1000}
  #menu_vacanze{Position: absolute; top: -55px; left: 485px; overflow: auto; display: none; z-index:1000}
  
  #menu_vacanze_cagliari{Position: absolute; top: -25px; left: 600px; overflow: auto; display: none; z-index:1000}
  #menu_vacanze_gallura{Position: absolute; top: -0px; left: 600px; overflow: auto; display: none; z-index:1000}
  #menu_vacanze_nuoro{Position: absolute; top: 50px; left: 600px; overflow: auto; display: none; z-index:1000}
  #menu_vacanze_sassari{Position: absolute; top: 115px; left: 600px; overflow: auto; display: none; z-index:1000}
  #menu_vacanze_sulcis{Position: absolute; top: 140px; left: 600px; overflow: auto; display: none; z-index:1000}
  
  
    
  .stile_menu{width: 150px; margin: 0px; background: #0063AE; text-align: left; color: white; font-family: verdana; font-size: 10pt}
  .stile_menu ul {list-style: none; text-align: left; margin: 0px; padding: 0px}
  .stile_menu li {text-indent: 3px; border: 2px outset #0063AE}
  .stile_menu li a {display: block; padding: 3px; font-size: 12px; font-weight: normal; color: white}
  .stile_menu li a:hover {background: #0083CE}

  .stile_sub-menu{width: 150px; margin: 0px; background: #0083CE; text-align: left; color: white; font-family: verdana; font-size: 10pt}
  .stile_sub-menu ul {list-style: none; text-align: left; margin: 0px; padding: 0px}
  .stile_sub-menu li {text-indent: 3px; border: 2px outset #0083CE}
  .stile_sub-menu li a {display: block; padding: 3px; font-size: 12px; font-weight: normal; color: white}
  .stile_sub-menu li a:hover {background: #00A3EE}


#container{position: relative; width: 900px; z-index:10}

#contenuto{position: relative; top: 0px; left: 182px; width: 708px; z-index:10; background: white}

#div_sinistro {position: absolute; top: 0px; left: 0px; width: 166px; background: white}
  #div_sinistro .banner {width: 166px; background: transparent; padding: 0; margin-bottom: 8px; text-align: center; font-size: 10px}
  #div_sinistro .banner a{font-weight: bold}


.tabella_villa-A{background: lavender; width: 100%}
.tabella_villa-B{background: #F4F4F4; width: 100%}




#footer {position: relative; width: 100%; clear: both; text-align: center; padding-top: 20px}

.tabella_footer td{padding: 5px; border: 1px solid #0063AE; font-size: 11px}
.parte_finale{text-align: center}