<br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>/var/www/vhosts/villapaolabb.it/httpdocs/css/style.php</b> on line <b>16</b><br />
body{
  font-family: Verdana;
  font-size: 12px;
  color: white;
  /*background: #f4f6f6;*/
  overflow: hidden;
}  

.menu2{
  position: absolute;
  top: 20px; left: 20px;
  list-style: none; display: block; width: 255px; height: 135px; }
  
  .menu2 li{
    width: 85px; height: 45px; float: left; }
    
    .menu2 li a{
      text-indent: -9999px;
      overflow: hidden;
      display: block; width: 100%; height: 100%; }

  .menu2 a.page-faro{ top: 0px; left: 0px; background: url("../images/btn-s-camera-faro.png") no-repeat; background-position: 0px 0px; }
  .menu2 a.page-timone{ top: 0px; left: 362px; background: url("../images/btn-s-camera-timone.png") no-repeat; }
  .menu2 a.page-stella{ top: 0px; left: 720px; background: url("../images/btn-s-camera-stella.png") no-repeat; }
  
  .menu2 a.page-eventinews{ top: 200px; left: 0px; background: url("../images/btn-s-eventinews.png") no-repeat; }
  .menu2 a.page-home{ top: 200px; left: 362px; background: url("../images/btn-s-home.png") no-repeat; }
  .menu2 a.page-casapaese{ top: 200px; left: 720px; background: url("../images/btn-s-casapaese.png") no-repeat; }
  
  .menu2 a.page-listino{ top: 400px; left: 0px; background: url("../images/btn-s-listino.png") no-repeat; }
  .menu2 a.page-dovesiamo{ top: 400px; left: 362px; background: url("../images/btn-s-dovesiamo.png") no-repeat; }
  .menu2 a.page-contatti{ top: 400px; left: 720px; background: url("../images/btn-s-contatti.png") no-repeat; }

.menu{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } 
.menu a{
  position: absolute;
  display: block;
  width: 240px; height: 150px; /*background: yellow;*/
  text-indent: -9999px;
  overflow: hidden;}
    
  .menu a.page-faro{ top: 0px; left: 0px; background: url("../images/btn-camera-faro.png") no-repeat; background-position: 0px 0px; }
  .menu a.page-faro:hover{ background-position: 0px -150px; }
  .menu a.page-timone{ top: 0px; left: 362px; background: url("../images/btn-camera-timone.png") no-repeat; }
  .menu a.page-stella{ top: 0px; left: 720px; background: url("../images/btn-camera-stella.png") no-repeat; }
  
  .menu a.page-eventinews{ top: 200px; left: 0px; background: url("../images/btn-eventinews.png") no-repeat; }
  /*.menu a.page-home{ top: 200px; left: 362px; background: url("../images/btn-home.png") no-repeat; }*/
  .menu a.page-casapaese{ top: 200px; left: 720px; background: url("../images/btn-casapaese.png") no-repeat; }
  
  .menu a.page-listino{ top: 400px; left: 0px; background: url("../images/btn-listino.png") no-repeat; }
  .menu a.page-dovesiamo{ top: 400px; left: 362px; background: url("../images/btn-dovesiamo.png") no-repeat; }
  .menu a.page-contatti{ top: 400px; left: 720px; background: url("../images/btn-contatti.png") no-repeat; }

#wrapper-window{
  position: relative;
  width: 100%; height: 100%;
  overflow: hidden; }
  
  #wrapper-window #setup-intro{
    position: absolute;
    top: 0px; left: 0px;
    width: 100%; height: 100%;
    background: white; }
    
#wrapper{
  position: relative;
  width: %page_wx3%px; height: %page_hx3%px;
  background: white; }

  #wrapper .page-wrap{
    float: left;
    overflow: scroll;
    width: %page_w%px; height: %page_h%px;}
    
    #wrapper .page{
      float: left;
      position: relative;
      width: %page_w%px; height: %page_h%px;}
    
    #wrapper .page .container{
      position: absolute;
      width: %page_w%px; height: %page_h%px;
      left: 0px; top: 0px;
      }
    #wrapper .page .container-center{
      left: 50%; top: 50%;
      margin-left: -%page_w_2%px; margin-top: -%page_h_2%px;
      }
    #wrapper .page .container .ctop{ width: 525px; height: 123px; padding:30px 45px 10px 390px; background: url('../images/bg-carta.png') no-repeat top right; }
    #wrapper .page .container .csx{ width: 340px; height: 427px; float: left; }
    #wrapper .page .container .cdx{ width: 620px; height: 427px; float: left; background: url('../images/shadow-foto.png')}
  
    #wrapper #page-faro.page .container .csx { background: url('../images/logo-faro.png') no-repeat top; }
    #wrapper #page-timone.page .container .csx { background: url('../images/logo-timone.png') no-repeat top; }
    #wrapper #page-stella.page .container .csx { background: url('../images/logo-stella.png') no-repeat top; }
    #wrapper #page-eventinews.page .container .csx { background: url('../images/logo-eventinews.png') no-repeat top; }
    #wrapper #page-casapaese.page .container .csx { background: url('../images/logo-casapaese.png') no-repeat top; }
    #wrapper #page-listino.page .container .csx { background: url('../images/logo-listino.png') no-repeat top; }
    #wrapper #page-listino.page .container .cdx, #wrapper #page-contatti.page .container .cdx { background: url('../images/bg-listino.png') no-repeat top; }
    #wrapper #page-dovesiamo.page .container .csx { background: url('../images/logo-dovesiamo.png') no-repeat top; }
    #wrapper #page-contatti.page .container .csx { background: url('../images/logo-contatti.png') no-repeat top; }


    #wrapper .page .container .gallery {
      padding: 20px;
      width: 580px; height: 385px;
      /*overflow: hidden;*/
      overflow: scroll; /* Changed to hidden if javascript enabled */ 
    }
      #wrapper .page .container .gallery ul {
        width: auto;
      }
    
      #wrapper .page .container .gallery ul li {
        float: left;
        overflow:hidden;
      }
      
      #wrapper .page .container .gallery .prev{ position: absolute; top: 190px; left: 30px; width: 24px; height: 51px; display: block; z-index: 1000; display: none;}
      #wrapper .page .container .gallery .next{ position: absolute; top: 190px; left: 570px; width: 24px; height: 51px; display: block; z-index: 1001; display: none;}       
      
      #wrapper #page-faro .container .gallery .prev { background: url('../images/arrow-faro-sx.png'); }
      #wrapper #page-faro .container .gallery .next{ background: url('../images/arrow-faro-dx.png'); } 
      #wrapper #page-timone .container .gallery .prev { background: url('../images/arrow-timone-sx.png'); }
      #wrapper #page-timone .container .gallery .next{ background: url('../images/arrow-timone-dx.png'); } 
      #wrapper #page-stella .container .gallery .prev { background: url('../images/arrow-stella-sx.png'); }
      #wrapper #page-stella .container .gallery .next{ background: url('../images/arrow-stella-dx.png'); } 
      #wrapper #page-eventinews .container .gallery .prev { background: url('../images/arrow-eventinews-sx.png'); }
      #wrapper #page-eventinews .container .gallery .next{ background: url('../images/arrow-eventinews-dx.png'); } 
      #wrapper #page-casapaese .container .gallery .prev { background: url('../images/arrow-casapaese-sx.png'); }
      #wrapper #page-casapaese .container .gallery .next{ background: url('../images/arrow-casapaese-dx.png'); } 

           
  /* PAGINA IL FARO*/
  #wrapper #page-faro{ float: left; background: #96cbe7; }
  #wrapper #page-timone{ float: left; background: #adc574; }
  #wrapper #page-stella{ float: left; background: #c5b3d1; }
  
  #wrapper #page-eventinews{ float: left; background: #ecd2bd; }
    #wrapper #page-eventinews a.eventi{
      position: relative;
      display: block;
      width: 580px; height: 385px;
      text-decoration: none; }
    
      #wrapper #page-eventinews a.eventi p.legend {
        z-index: 15;
        width: 580px; height: 80px;
        position: absolute;
        bottom: 0px;
        left: 0px;
        /*background: #575757;*/
        background: #fff;
        filter: alpha(opacity=75);
        -khtml-opacity: 0.75;
        -moz-opacity: 0.75;
        opacity: 0.75;    
        padding: 5px;
        color: black;
        font-size: 11px; }
    
    #wrapper #page-eventinews a img{ position: absolute; top: 0px; left; 0px;}
    
  /* PAGINA HOME*/
  #wrapper #page-home{ float: left; background: #eba178; }
    #wrapper #page-home .container{ background: url("../images/bg-home.jpg"); }
    #wrapper #page-home h2 { display: block; width: 440px; height: 130px; margin: 200px auto 0px; background: url("../images/home-logo.png"); text-indent: -9999px;}
    #wrapper #page-home p { margin: 0px auto; width: 440px; text-align: center; color: white; }
  #wrapper #page-casapaese{ float: left; background: #92b780; }
  
  #wrapper #page-listino{ float: left; background: #d5cebc; }
    #wrapper #page-listino a{
      color: #cea489; text-decoration: none;
    }
    #wrapper #page-listino a:hover{ text-decoration: underline; }
  #wrapper #page-contatti{ float: left; background: #d5cebc; }    
  #wrapper #page-dovesiamo{ float: left; background: #e1c681; }

  
  /* tipografia */
  h2 { font-size: 20px; font-weight: bold;}
  h2 { font-size: 18px; font-weight: bold;}
  p { font-size: 12px; font-style: italic; color: #959696;}
  
  #page-faro h2{ color: #96cbe7; }
  #page-timone h2{ color: #adc574; }
  #page-stella h2{ color: #c5b3d1; }
  #page-eventinews h2{ color: #ecd2bd; }
  #page-casapaese h2{ color: #adc574; }
  
  .inline-lettera {font-size: 14px; color: #999;}
  
  #page-listino h2, #page-dovesiamo h2, #page-contatti h2 { color: #bdbebf; }
  #page-faro h3, #page-timone h3, #page-stella h3, #page-eventinews, #page-casapaese { color: #959696; }
  #page-listino h3, #page-dovesiamo h3, #page-contatti h3 { font-size: 16px; color: #cea489; }
  #page-listino p, #page-dovesiamo p, #page-contatti p {font-size: 16px; line-height: 18px; }
  #page-dovesiamo p{font-size: 14px; line-height: 16px; }
  
  h2 span{ display: block; text-indent: -9999px; }
  #page-faro h2 span {width: 120px; height: 31px; background: url('../images/h2-faro.png');}
  #page-timone h2 span {width: 167px; height: 30px; background: url('../images/h2-timone.png');}
  #page-stella h2 span {width: 170px; height: 49px; background: url('../images/h2-stella.png');}
  
  #page-eventinews h2 span {width: 92px; height: 31px; background: url('../images/h2-eventinews.png');}
  #page-casapaese h2 span {width: 86px; height: 31px; background: url('../images/h2-casapaese.png');}

  #page-listino h2 span {width: 100px; height: 53px; background: url('../images/h2-prezzi.png');}
  #page-dovesiamo h2 span {width: 171px; height: 31px; background: url('../images/h2-dovesiamo.png');}
  #page-contatti h2 span {width: 186px; height: 53px; background: url('../images/h2-prenotazioni.png');}