/* 
    CSS Document
    ------------ 
    Creation date:  02/04/2008
    Last edit:      07/04/2008
    Company name:   Onlime s.n.c
*/

body{
  margin: 0;
  margin-bottom: 10px;
  padding: 0;
  background: #880412;                          /* Quando lo sfondo che non si ripete verticalmente finisce tengo un colore uniforme */
  background-image: url(http://www.encanthica.com/images/bg_body.jpg);    /* E' lo sfondo sfumato*/
  background-repeat: repeat-x;
  text-align: center;
  
  font-size: 15px;
  font-family: Garamond,Georgia,Times,sans-serif;
}

/* Sezione contenitore*/

#center{
  width: 671px;
  background-image: url(http://www.encanthica.com/images/bg_border.jpg);  /* Metto i bordi al box principale*/
  background-repeat: repeat-y;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

/* Sezione intestazione */

#header{
  width: 671px;
  height: 87px;
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
  border:0px;
}

#header a img{
  border:0px;
}

/* Sezione immagine welcome */

#welcome{
  width: 671px;
  height: 232px;
  margin: 0;
  padding: 0;  
  background-image: url(http://www.encanthica.com/images/welcome.jpg);    /* Immagine principale */
}

#welcome_sx{
  width: 270px;         /* Imposto la dimensione dell'area di testo nell'header*/
  margin: 0;
  padding: 0;
  padding-top: 65px;    /* Indico la posizione rispetto all'immagine (dall'alto)  */
  padding-left: 50px;   /* Indico la posizione rispetto all'immagine (da sinistra)*/
}

#welcome_sx p{          /* Definisco il paragrafo interno all'intestazione */
  color: white;
  font-size: 12px;
  /*font-family: comic;*/
  font-family: "Lucida Grande","Arial","sans-serif";
  
  margin: 0;
  padding: 0;
  padding-top: 10px;
}

#welcome_sx p.welcome_reduce{ /* Questa classe riduce la lunghezza del paragrafo dell'header. Da usare se ad un certo punto la scritta si sovrappone alla foto */
  color: white;
  font-size: 12px;
  /*font-family: comic;*/
  font-family: "Lucida Grande","Arial","sans-serif";
  width: 200px;
}

/* Sezione contenitore menu */

#menu_cen{        /* Definisce il colore di sfondo del menu che si ripete orizzontalmente*/
  width: 671px;
  height: 34px;
  background-image: url(http://www.encanthica.com/images/menu.jpg);
}

#menu_sx{         /* Aggiunta del bordo sinistro al menu */
  width: 671px;
  height: 34px;
  background-image: url(http://www.encanthica.com/images/menu_sx.jpg);
  background-repeat: no-repeat;
  background-position: left 0;
}

#menu_dx{         /* Aggiunta del bordo destro al menu */
  width: 671px;
  height: 34px;
  background-image: url(http://www.encanthica.com/images/menu_dx.jpg);
  background-repeat: no-repeat;
  background-position: right 0;
}

/* Sezione pagina principale del documento */

#bg_page{         /* Definisce lo sfondo della parte principale, compreso di bordi laterali e divisione in 2 colori */
  width: 671px;
  margin: 0;
  padding: 0;
  background-image: url(http://www.encanthica.com/images/bg_double.jpg);
}

#bg_single_page{         /* Definisce lo sfondo della parte principale, compreso di bordi laterali singolo colore (monocolonna) */
  width: 671px;
  margin: 0;
  padding: 0;
  background-image: url(http://www.encanthica.com/images/bg_single.jpg);
}

#bg_single_page input             /* spazio tra form in contatti */
{
margin-bottom:2px;
margin-top:2px;
}

#bg_single_page select            /* spazio tra form in contatti */
{
margin-bottom:2px;
}

#bg_two_coloum_different{         /* Definisce lo sfondo della parte principale, compreso di bordi laterali e divisione in 2 colori */
  width: 671px;
  margin: 0;
  padding: 0;
  background-image: url(http://www.encanthica.com/images/bg_gallery.jpg);
}

#bg_single_page h2, 
#bg_single_page p,
#bg_two_coloum_different h2,
#bg_two_coloum_different p
{
  margin: 0;
  padding-left: 60px;
  padding-right: 60px;
}

#bg_single_page p,
#bg_two_coloum_different p,
#bg_page p,
#bg_two_coloum_different ul,
#bg_single_page ul
{
  font-size: 15px;
  font-family: Garamond,Georgia,Times,sans-serif;
  text-align: justify;
}

#bg_two_coloum_different ul,
#bg_single_page ul
{
  margin: 0;
  padding-left: 70px;
  padding-right: 60px;
}

#bg_single_page a,
#bg_two_coloum_different a,
#bg_page a{
  text-decoration: underline;
}


#bg_single_page a:link,
#bg_two_coloum_different a:link,
#bg_page a:link,
#bg_single_page a:visited,
#bg_two_coloum_different a:visited,
#bg_page a:visited
{
  color:#000;
  text-decoration: underline;
}

#bg_single_page a:hover,
#bg_two_coloum_different a:hover,
#bg_page a:hover,
#bg_single_page a:focus,
#bg_two_coloum_different a:focus,
#bg_page a:focus,
#bg_single_page a:active,
#bg_two_coloum_different a:active,
#bg_page a:active
{
  color:#000;
  text-decoration: underline;
}

p.err{
  color: red;
  font-style: oblique;
}

p.right{
  text-align:right;
  
}

#bg_chef{         /* Serve per aggiungere la foto dello chef in basso a destra */
  width: 671px;
  margin: 0;
  padding: 0;
  background-image: url(http://www.encanthica.com/images/cappello_cuoco.jpg);
  background-repeat: no-repeat;
  background-position: 516px bottom; /* 490px bottom (riferito a chef.jpg )*/
}

#bg_circle1{      /* Aggiungiamo la prima foto nel circoletto. In alto e al centro */
  width: 671px;
  background-image: url(http://www.encanthica.com/images/circle1.jpg);
  background-repeat: no-repeat;
  background-position: 268px 0;
}

#bg_circle2{      /* Aggiungiamo la prima foto nel circoletto. In basso e al centro */
  width: 671px;
  background-image: url(http://www.encanthica.com/images/circle2.jpg);
  background-repeat: no-repeat;
  background-position: 317px bottom;

}

#bg_circle2 p{
  margin: 0;
  padding: 5px;
}

/* Sezione footer */

#footer{
  clear:left;
  margin: 0;
  padding: 0;
  width: 671px;
  height: 8px;
  background-image: url(http://www.encanthica.com/images/footer.jpg);
  background-repeat: repeat-x;
  font-size: 0;
}

#footer2{
  margin: 0;
  padding: 0;
  font-size: 12;
  font-family: "Lucida Grande","Arial","sans-serif";
  color: white;
}

/* Sezione colonna di sinistra */

#colonna1{  
  width: 335px;
  float: left;
  background-image: url(http://www.encanthica.com/images/dett1.jpg);
  background-repeat: no-repeat;
  background-position: 8px 0;
  padding-bottom: 20px;
  
}

#greca{
  width: 671px;
  background-image: url(http://www.encanthica.com/images/dett1.jpg);
  background-repeat: no-repeat;
  background-position: 8px 0;
  /*padding-left:10px;
  padding-right:20px;  Sistemo il rientro da destra (chiedere a Bonf) */
  padding-top:50px;  /* Gli elementi saranno disposti sotto la greca */
  margin:0px;
  
}

#colonna1 img{                /* Definisco la posizione dei titoli della colonna */
  border: 0;
  margin-left: 35px;
}

#colonna1 img.title_imm1{     /* Da associare al primo elemento della colonna per realizzare il margina alto */
  margin-top: 85px;
}

#colonna1 img.line{           /* Definisce la posizone del separatore ( la linea ) */
  margin-left: 60px;
  margin-top: 15px;
  margin-bottom: 15px;
}

#colonna1 p{                  /* Definisco i paragrafi della prima colonna */
  width: 210px;
  padding-left: 40px;
  color: black;
  /*font-size: 12px;*/
  
}

/* Sezione colonna di destra */

#colonna2{
  float: left;
  width: 335px;
  background-image: url(http://www.encanthica.com/images/dett2.jpg);
  background-repeat: no-repeat;
  background-position: center 5px;
}

#colonna2 img{                /* Definisco la posizione dei titoli della colonna */
  border: 0;
  margin-left: 15px;
}

#colonna2 img.title_imm1{     /* Da associare al primo elemento della colonna per realizzare il margina alto */
  margin-top: 100px;
}

#colonna2 p{                  /* Definisco i paragrafi della prima colonna */
  width: 270px;
  padding-left: 23px;
  color: white;
  /*font-size: 12px;*/
  margin-bottom: 170px;       /* Questo padding ci dā l'altezza minima. O meglio consente di non scrivere sopra l'immagine tonda. Perchč obbliga un certo marigne tra testoe  fondo pagina. Va modificato quando c'č il testo finale */
}

.clear{                       /* Classe per adattare la lunghezza del contenitore al contenuto in caso di float */
  clear: left;
  height: 0;
  font-size: 0;               /* Correzione per ie. Elimina le altezze del div */
  overflow: hidden;
}


/* Menu */

#menulist{                    /* Definizione dei caratteri della lista <ul> */
  margin: 0;
  padding: 0;
  padding-top: 5px;
  text-align: center;
}

#menulist li{                 /* Definizione di oggni singolo elemento della lista */
  display: inline;
  margin: 0;
  height: 0;
  background-image: url(http://www.encanthica.com/images/barra.jpg);
  background-repeat: no-repeat;
  background-position: right 0;
  padding: 0 1.2em 0 0.8em;   /* Il divisorio č fatto con l'immagine. Per questo devo adattare i margini in modo che risulti bilanciato lo spazio tra le parole e la barra */
}

#menulist li.ultimavoce{      /* Elimino l'immagine della barra nell'ultima voce */
  background-image: url();
}

/* Definisco le proprietā dei link tramite il solito schema */

#menulist a{                
  color: white;
  font-size: 13px;
  font-family: "Tahoma";
  text-decoration: none;
}

#menulist a:link,
#menulist a:visited{
  text-decoration: none;
}

#menulist a:hover,
#menulist a:focus
{
  text-decoration: underline;
}

/* -------------------------- contenuti style --------------------------------*/
#menu_ristorante
{
  /*border:1px solid red;*/
  width:150px;
  height:500px;
  background-image: url(http://www.encanthica.com/images/pg/Edera.jpg);
  background-repeat: no-repeat;
  background-position: left bottom;
}

#menu_ristorante p
{
  text-align:right;
  padding:0px;
  padding-right:10px;
  margin:0px;
}

#menu_ristorante a{
  /*              
  color: white;
  font-size: 13px;
  font-family: "Tahoma";
  */
  text-decoration: none;
  border-right: 3px solid #716A58;
  padding-right: 10px;
}

#menu_ristorante a:link,
#menu_ristorante a:visited{
  text-decoration: none;
  border-right: 3px solid #716A58;
}

#menu_ristorante a:hover,
#menu_ristorante a:focus
{
  text-decoration: underline;
  border-right: 3px solid #FFF;
}

div.center{
  text-align:center;
}

.imm{
  border: 5px solid rgb(113,106,88);
}

.left{
  float:left;
  margin:0;
  margin-right:5px;
  padding:0;
}

.right{
  float:right;
  margin:0;
  margin-left:5px; 
  padding:0;
}

.title{
  padding-bottom:10px;
}

.title img{
  margin-left:-10px;
}

h3.archivio_titolo
{
  margin:0;
  margin-bottom:5px;
  margin-right:10px;
  padding:0px;
  line-height:1em;
  display:block;
  font-family: "Lucida Grande","Arial","sans-serif";
  font-size:15px;
  /*font-variant: small-caps;
  font-family: fantasy;*/
	font-style: normal;
	font-weight: normal;
	color:rgb(113,106,88);
	border-bottom:1px solid rgb(113,106,88);
}