/*
// Ristorante Pizzeria L'Amalfitana (C)
//
// CSS principale
//
*/

.hideme { display: none;}  /* impedisce la visualizzazione della voce */

#splashcont { margin: auto; text-align: center; vertical-align: middle; padding: 1em 0;}

#splash { border: 2px solid #333333; vertical-align:  middle;}

#splashit { vertical-align: middle; border: 0; padding: 1em 0;}
#splashuk { vertical-align: middle; border: 0; padding: 1em 0;}

.centered {
  text-align:     center;
  margin-left:    auto;
  margin-right:   auto;
  clear:          both;
}

body {
  margin:0;
  padding: 0.1em;
  background-color: white;
  /* background-image: url("../img/back_pan.gif"); */
}

#splashcont a:link, a:visited {
  text-decoration: none;
}
#splashcont a:hover, a:active {
  background-color: #FFFFCC;
  color:            black;
  text-decoration: underline;
}

/* voci di menu */
#menubar {
  text-align: center;
  list-style-type: none;
  padding: 5px 0 5px 0;
  width: 95%;
  border-top: solid 1px #000099;
  border-bottom: solid 1px #000099;
  margin: 0 auto 0 auto;
  background-color:  #CCCCCC;
  font-family: sans-serif;
}

#menubar li {
  display: inline;
  padding: 0;
  margin: 0;
  white-space: nowrap;
}

#menubar li a {
  padding: 1px 5px 1px 5px;
  text-align: center;
}

#menubar li a:link, #menubar li a:visited {
  text-decoration: none;
  border: 1px solid #CCCCCC;
  color: black;
}

#menubar li a#selected:link, #menubar li a#selected:visited {
  text-decoration: none;
  background-color: #EEEEEE;
  color: black;
  border-left: 1px solid #BBBBBB;
  border-top: 1px solid #BBBBBB;
  border-bottom: 1px solid #DDDDDD;
  border-right: 1px solid #DDDDDD;
}

#menubar li a:hover {
  text-decoration: underline;
  background-color: #EEEEEE;
  color: #003366;
  border-left: 1px solid #BBBBBB;
  border-top: 1px solid #BBBBBB;
  border-bottom: 1px solid #DDDDDD;
  border-right: 1px solid #DDDDDD;

}

#menubar li a:active {
  background-color: #ffffff;
  color: #003399;
}

#menubar .acckey {
  font-weight:     bold;
  font-style:      normal;
  text-decoration: none;
}


div.box {
  color : #DD0000;
  border: 1px dotted #333366;
  width: 85%;
  margin: auto;
  text-align: center;
  padding: 0.5em;
  background-image: url("../img/back_pan_g.gif");  
  /* background: white url("../img/santa2.jpg"); commentata per le feste */
  font-size: 105%;
  /* font-weight: bold; */
  font-weight: bolder;
}

div.box p.info {
  color : black;
  padding: 5px;
  margin:  0;
}


p, ul {
  margin-left: 1em;
  margin-right: 1em;
}

* html ul {   /* this selector recognized by IE only */
  margin-left : 2em;
  padding-left: 2em;
  margin-righht: 2em;
  padding-right: 2em;
}

div.intestazione {
  text-align: center;
  padding: 0.5em 0.5em 0 0.5em;
  margin: 0;
  font-family: serif;
  letter-spacing: 0.05em;
}

div.intestazione h1 {
  color: #0000CC;
  padding: 0;
  margin: 0;
}

div.intestazione h2 {
  color: #000000;
  font-size: 90%;
  padding: 0;
  margin: 0;
}

div.indirizzo {
  background-color: #CCFFCC;
  margin:0;
  padding: 1px 1px 1px 5px;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  letter-spacing: 0.05em;
  font-weight: bold;
}

br.clear {
  clear: both;
}

div.main {
  padding: 0.5em;
}

div.gallery {
 margin: 0 auto 0 auto;
 text-align: center;
}

div.gallery img {
  padding: 5px;
  border:2px solid #333333;
  vertical-align:  middle;
}

div.address {
  font-size: smaller;
  margin: 0 0 2em 0;
}

div.address #top{
  text-align: left;
  padding-left: 1em;
}


div.address #botleft{
  float: left;
  text-align: left;
  padding-left: 1em;
}

div.address #botright{
  text-align: right;
  padding-right: 1em;
}


a:link, a:visited {
  color: #0000CC;
  text-decoration: none;
}

a:hover, a:active {
  background-color: #FFFFCC;
  color: #000066;
  text-decoration: underline;
}

.acckey {
  text-decoration: underline;
}

.nowrap {
  white-space: nowrap;
}