

body {
    background-color: #0a0a0a;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width:100%;
    height:100%;
    font-family: Georgia;
    line-height:1.1em;
}

a{
    text-decoration: none;
    color: White;
    border-width: 0px;
}
a:active { outline: none; }
a:focus { -moz-outline-style: none; }


#wrapper 
{
    width: 925px;
    height: 580px;
    background-color:#0a0a0a;
    color:White;
    margin: 30px auto auto auto;
}

/* COLUMN LEFT */
#left-column {
    width: 140px;
    padding: 0 auto 0 auto;
    background: inherit;
    float:left;
    height: 550px;
    border-right: solid 1px #222;
}
#left-column img {
    border:0;
}
#menu {
}
#menu ul {
    margin-top: 20px;
}
#menu img {
    margin-top: 30px;
}
#menu li {
    list-style-type:none;
    text-align:right;
    margin: 10px 15px 0 0;
}
#menu a {
    font-size: 0.65em;
}
#comunicazioni-left 
{
    margin: 50px 12px 0 0;
    font-size: 0.7em;
    border:solid 1px #222;
    padding: 8px;
    height: 130px;
    color: #bbb;
    
}
#comunicazioni-left a
{
    font-size: 0.95em;
    color: #ddd;
}
#comunicazioni-left p
{
    margin: 0px 0 0px 0;
}
/* END LEFT COLUMN */

#content {
    width: 760px;
    margin: 0 auto 20px auto;
    background: inherit;
    height: 550px;
    float:right ;
    border: solid 1px #999;
    padding: 5px 5px;
}

#footer {
    margin-left: 300px;
    color: White;
    font-size: 0.6em;
    height: 100%;
    
}

/* contenitore testo nelle pagine, basato su opacity dello sfondo */
#box {
   width:442px;
   /*height: 99%;*/
   position:relative;
   font-family: Georgia;
   font-size: 0.75em;
   float:left;
   margin: 5px;
}
.box-bg {
   background:#000;
   opacity:0.6;   
   filter:alpha(opacity=60);
   position:absolute;
   width:100%;
   height:100%;}
.box-content {
   padding:10px;
   position:relative;
}
* html .box-bg {   height:expression(document.getElementById("box").offsetHeight);
}

/* Spalla destra*/
#gallery {
   width:200px;
   height: 100%;
   float:right;
   padding: 0px;
   margin: 0px; 
   border-left: solid 5px #000;
}



/* CSS singole pagine */

/* HOME */
#content-home {
    display:none;
}


/* ACCOGLIENZA */
#content-accoglienza {
    background: #0a0a0a url('../img/back-accoglienza.jpg') top left no-repeat;
    height: 100%;
}

/* PROPOSTE */
#content-proposte {
    background: #0a0a0a url('../img/proposte.jpg') top left no-repeat;
    height: 100%;
}
#content-proposte h5{
    margin: 10px 0 0px 0;
    border-top: solid 1px white;
    padding-top: 10px;
    font-size: 1em;
}
#content-proposte a:link, a:visited{
    color: #eee;
}
#content-proposte a:hover{
    color: White;
}
#content-proposte hr
{
    height:1px;
    border-style:solid;
    margin: 0px;
}
.portate {
    margin:0px 0px 0px 18px;
    padding: 0px 0 0px 0px;
    }
.portate ul 
{
  list-style-type:square;
  padding: 0px;
  margin: -5px 0 -5px 0;
  }
.portate li {
  margin: 0px 0 0px 0;
  padding: 0px;
  font-size: 1em;
  }
.portate p {
  padding: 0px;
  margin: 0px;
  }
  
/* POSIZIONE */
#content-posizione {
    background: #0a0a0a url('../img/back-posizione.jpg') top left no-repeat;
    height: 100%;
}
#content-posizione img {
    border:0;
}

/* CONTATTI */
#content-contatti {
    background: #0a0a0a url('../img/back-contatti.jpg') top left no-repeat;
    height: 100%;
}

/* COMUNICAZIONI */
#content-comunicazioni {
    background: #fff;
    height: 98%;
    color: #111;
    margin-left: 100px;
    width: 500px;
    padding: 10px 10px 0 10px;
}
#content-comunicazioni p{
margin: 0px 0 0px 0;
}
#content-comunicazioni h4{
font-size: 0.9em;
}
#content-comunicazioni img 
{
display: block;
margin: 0 auto 0 auto;
}
#content-testo-comunicazioni
{
font-size: 0.8em;
}


#ristorante-dolceacqua 
{
    display:none}
