/*dichiarazione valida per tutti gli elementi della pagina*/
* {
	margin:0;
	border:0;
	padding:0;
}
/************ for all browser***********/
html, body{
	overflow: hidden;
	height: 100%; /*altezza per IE 5.5 e 6*/
	font: normal normal 500 12px/150% trebuchet, verdana, geneva, arial, helvetica, sans-serif, georgia;
	background-color: #DBCDB1;
	background-image: url(img/body.jpg);
	background-repeat: repeat-x; 
}
/************ for all browser***********/
#container{
	position: absolute; /* specificare relative se si vuole centrare nella pagina */
	top:0px;
	left:0px;
	width: 670px;
	height: 100%; /* 99.999% */
	margin: 0 0 0 0;
	z-index:1;
}
/**************for ie5.5 e 6*************/
* html #container{
/* serve per distanziare  il div#box 120px dall'alto del div#container e 30px dal basso */
	padding:96px 0 30px 0;
}

#header{
	width: 550px; /*per IE*/
	height: 97px;
	position: absolute;
	top: 0;
	right: 0;
	left: 120px;
	z-index:2;
}


#sfLingua01 {
	position: absolute;
	top:0px;
	left:0px;
	width:221px;
	height:446px;
	background: url(img/01.jpg);
	z-index:1;
}

#sfLingua02 {
	position: absolute;
	top:0px;
	left:0px;
	width:221px;
	height:446px;
	background: url(img/02.jpg);
	z-index:1;
}

#sfLingua03 {
	position: absolute;
	top:0px;
	left:0px;
	width:221px;
	height:446px;
	background: url(img/03.jpg);
	z-index:1;
}

#logo{
	width: 381px; /*per IE*/
	height: 65px;
	position: absolute;
	top: 10px;
	right: 0;
	left: 0;
	background-color: #FFF;
	z-index:3;
}

#pulsanti {
	width: 169px; /*per IE*/
	height: 65px;
	position: absolute;
	top: 10px;
	right: 0;
	left: 381px;
	background-color: #FFF;
	z-index:3;
}

#barraNavigaz {
	width: 550px; /*per IE*/
	height: 20px;
	position: absolute;
	left: 0px;
	top: 75px;
	background-color: #FFFFFF;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: #C6B490;
	z-index:3;
}

#barraNavigaz p {
	margin: 0px 0px 0px 8px;
	font-family: Verdana, Arial, Helvetica;
	color: #666666;
	font-size: 7pt;
	/* font-weight: bold; */
}

#barraNavigaz a {
	font-size: 7pt;
	text-decoration: none;
}

#barraNavigaz a:link {
	color: #666666;
}

#barraNavigaz a:visited {
	color: #666666;
}

#barraNavigaz a:hover {
	color: rgb(255,0,0);
}

#titolo{
	width: 550px; /*per IE*/
	height: 51px;
	position: absolute;
	top: 120px;
	right: 0;
	left: 350px;
	/* padding: 20px 0 5px 28px; */
	background-image: url(img/000000.gif); 
	z-index:3;
	background-color: #006600;
}

/*** for ie5.5 e 6 ***/
* html #box{
	height: 100%; /*important*/
	position: static; /*important*/
	z-index:3;
}

/***** for ff, opera, mozilla, netscape e ie7 *****/
html>body #box{
	position: absolute;
	top: 97px; /*distanza dal top pari all' altezza del div#header*/
	right: 0;
	bottom: 30px; /* spazio per il footer in ff */
	left: 0;
	z-index:4;
}

/**** for all browser****/
#internal_box{
	height: 100%; /*important*/
	position: relative; /*for ie5.5 e 6*/
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index:5;
}

/***** for ff, opera, mozilla, netscape e ie7 *****/
html>body #internal_box{
	position: absolute; /*sovrascrivo la posizione relative  per  ff, opera, mozillae ie7*/
	height: auto; /*sovrascrivo l'altezza per  ff, opera, mozillae ie7*/
}

/***** for all browser ****/
#menu{
	width: 120px;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	overflow: auto; /*important*/
	z-index: 6;
}

/*****  for all browser ****/
 /*
 important !! il div#content non deve avere ne padding ne margin;
 eventuali margin e padding devono essere dati solamente agli elementi interni alla pagina
 */
#content{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 550px;
	/* overflow: auto; */ /*important*/
	overflow: hidden;  /* hidden */ /*important*/
	color: #141414;
	background-image: url(img/000000.gif);
	background-color: #FFFFFF;
	/* overflow-y: scroll; */
}
/**** for ie5.5 e 6 ****/
* html #content{
	height: 100%; /*important*/
	padding: 0 0 0 0;
}


#PRINCIPALE
{
    overflow: Auto;
    width: 550px;
    color: #000000;
    font: Normal 12px Verdana;
    height: 100%;
    /* margin: 0px; */
    /*padding-left: 10px; */
    /*padding-right: 10px; */
    /*padding-top: 10px; */
	/*padding-bottom: 0px; */
	z-index:99;
	
	/* per risolvere il problema della barra di scorrimento in IE7 serve la riga sottostante */
	position: absolute;
}

#primopiano
{
    width: 510px;
    color: #000000;
    font: Normal 12px Verdana;
    margin: 10px 0px 0px 20px;
	z-index:99;
}

#sommario
{
    width: 510px;
    color: #000000;
    font: Normal 12px Verdana;
    margin: 10px 0px 0px 20px;
	z-index:99;
	background-color: #FFFF00;    
}

#foot{
	position: absolute;
	width: 550px; /*per IE*/
	height: 20px;
	bottom: 10px;
	right: 0;
	left: 120px;
	border-top: 1px solid;
	border-color: #C6B490; 
	z-index:20;
	background-color: #FFFFFF;
}

#foot p {
	padding: 0px 0px 0px 8px;
	font-family: Verdana, Arial, Helvetica;
	color: #000000;
	font-size: 7pt;
}

#speciale{
	width: 300px; /*per IE*/
	height: 400px;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 30;
}


/* stili degli elementi */

img.imgApertura {
	border: 1px dashed #563200;
	vertical-align:top;
	margin: 20px 0 20px 0;
}

h1 {
	font-family: Verdana, Arial, Helvetica;
	font-size: 18pt;
	color: #A31111; 
	font-weight: bold;
}

#primopiano p {
	margin: 0px 0px 20px 0px;
	font-family: Verdana, Arial, Helvetica;
	color: #000000;
	font-size: 10pt;
}

h3 {
	font-family: Verdana, Arial, Helvetica;
	font-size: 14pt;
	color: #A31111; 
	font-weight: normal;
}

h5, h6{
	padding: .5em;
	color: #000;
	background-color: #FFB646;
	width:80%;
	margin: 0 auto;
}

tbody {
	font-size: 10pt;
	font-family: Verdana, Arial, Helvetica
}

table.thome th, table.thome td {
	font-size: 10pt;
	font-family: Verdana, Arial, Helvetica
}

table.thome td.titoletto {
	background-color: #DBCDB1;
	font-size: 10pt;
	font-family: Verdana, Arial, Helvetica;
	color: #563200;
}

/* menu di navigazione */


#menunav
{
    width: 100px;
    margin: 10px 0px 0px 10px;
	background-image: url(img/freccia.gif);
	background-repeat: no-repeat;
}

#menutxt
{
    width: 85px;
    font-family: Verdana, Arial, Helvetica;
    margin: 0px 0px 0px 10px;
}

#menutxt a {
	font-size: 9pt;
}

#menutxt a:link {
	color: #A31111;
}

#menutxt a:visited {
	color: #563200;
}

#menutxt a:hover {
	color: rgb(255,0,0);
}

#menuspace
{
    width: 90px;
    margin: 10px 0px 0px 20px;
    font-size: 10pt;
    font-family: Verdana, Arial, Helvetica;
    color: #A31111;
}


.esteso {
		color: #A31111;
		padding-left: 10px;
   		background: transparent url(img/freccia.gif) no-repeat center left;
}


#carta h2 {
margin: 0.5em auto 0.3em;
color: #693;
font: lighter normal 250% Cambria,Georgia,Times,serif;
text-align:center;
}

#carta {
width:30em;
overflow:auto;
margin: 1em auto;
padding: 1.5em;
background: #FEF3D7;
border: 1px solid #D7C596;
font: 110% Calibri,"Lucida Sans",Arial,sans-serif;
text-align:left;
}

#carta dl {
width: 100%;
float:left;
margin: 0 0 0.3em;
background: url(dot.gif) repeat-x 0 0.8em;
}

#carta dt, #carta dd.price {
background: #FEF3D7;
}

#carta dt {
font-size: 11pt;
float: left;
padding-right: 0.3em;
color: #B7111D;
width: 310px;
}

#carta dd {
font-size: 11pt;
margin:0;
}

#carta dd.price {
width: 50px;
font-size: 9pt;
float: right;
padding: 0 0 0 0.3em;
color: #555;
}

#carta dd.ingredients {
float: left;
text-align: justify;
width: 100%;
padding: 0.1em 0 0.5em;
font: italic 90%/1.15 Cambria,Georgia,Times,serif;
font-size: 10pt;
color: #777;
}

div#fiori {
position: absolute;
top:-30px;
left:-16px;
width:149px;
border: 0px solid #D7C596;
text-align:left;
}

#pasqua {
width:30em;
overflow:auto;
margin: 1em auto;
padding: 1.5em;
background: #FEF3D7;
border: 1px solid #D7C596;
font: 110% Calibri,"Lucida Sans",Arial,sans-serif;
text-align:center;
font-size: 11pt;
color: #B7111D;
}


#scrivi {
	position: absolute;
	margin: 0px 0px 0px 300px;
	width: 150px;
	height: 60px;
	padding-left: 60px;
   	background: transparent url(img/guestbook.gif) no-repeat center left; 
}

#scrivi h3 {
	position:absolute;
	top:15px;
	width: 90px;
	font: Normal 12px Verdana;
	color: #000000;
	text-align:right;
}


#DataMess {
	width: 450px;
	color: #000000;
	font: Normal 10px Verdana;
	margin: 10px 0px 0px 0px;
	padding-left: 10px;
   	background: transparent url(img/freccia.gif) no-repeat center left;    
}

#oggetto {
	width: 450px;
	color: #B7111D;
	font: Normal 24px "Trebuchet MS",Arial,sans-serif,Verdana;
	margin: 10px 0px 0px 0px;
}

#messaggio {
	width: 450px;
	text-align: justify;
	color: #000000;
	font: Normal 16px "Trebuchet MS",Arial,sans-serif,Verdana;
	margin: 10px 0px 0px 0px;
}

#email {
	width: 450px;
	color: #000000;
	font: Normal 10px Verdana;
	margin: 10px 0px 0px 0px;
	background-color: #DBCDB1;    
}

#etichetta {
    width: 90px;
    /* color: #000000; */
    font: bold 12px Verdana;
}

.attenzione {
	color: #ff0000;
}

.linea_orizzontale { 
	border-bottom: 1px dotted #B7111D; 
	width: 450px; 
} 


#FotoG {
    position: relative;
    width: 500px;
    margin: 10px 0px 0px 0px;
}

#CommentoG {
    position: absolute;
    width: 240px;
    color: #000000;
    font: Normal 12px Verdana;
    margin: 0px 0px 0px 260px;
    text-align: justify;

}

#CommentoG h2 {
    color: #A31111;
    font: bold 12px Verdana;
}

#ImmagineG {
    position: relative;
    width: 250px;
    margin: 0px 0px 0px 0px;
    /* border: 1px solid #A31111; */
}


#FotoBox {
    position: relative;
    width: 500px;
    height:44px;
    margin: 10px 0px 0px 0px;
    background: transparent url(img/folderfoto.gif) no-repeat top left;
}

#FotoL {
	height:40px;
	color: #A31111;
	font: Bold 12px Verdana;
	padding-left: 48px;
}

#FotoL a {
	color: #A31111;
}

#CommL {
	color: #000000;
	font: normal 11px Verdana;
	text-decoration: none;
}

a.CommL {
	text-decoration: none;
}

/**** flash sovrapposto a immagine ****/
#underlay-flash {
	position: relative;
	width: 510px;
	height: 225px;
	margin: 20px 0 20px 0;
}
#underlay-inf {
	position: absolute;
	left: 0;
	top: 0;
	width: 510px;
	height: 225px;
	vertical-align:top;
	z-index: 20;
}
#underlay-sup {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 510px;
	height: 225px;
	border: 1px dashed #563200;
	z-index: 40;
	/* background-color: #f00; */
}