/* CSS Ristorante svizzero */

*{
	margin:0;
	padding:0;
	border:0;
}
body{
	color:#333333;
	font-size:.8em;
	font-family: Trebuchet, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}
html{
	background-color:#1A1A1A;
}

#container{
	position:absolute;
	background-color:#FFFFFF;
	top:50%;
	left:50%;
	width:700px;
	height:400px;
	margin-left:-350px;
	margin-top:-200px;
}	




.clearer{
	clear:both;
	height:0px;
}

#contenuto{
	margin-left:1.5em;
	margin-right:1em;
	margin-bottom:1em;
	font-size:1em;
	line-height:1.2em;
	
}

#contenuto p{
	margin-bottom:1em;
}

#contenuto a{
	text-decoration:none;
	color:#333333;
}
#contenuto a:hover{
	text-decoration:underline;
}



/* ------------------------------ CSS CONTENT --------------------------- */

#content{
	height:370px;
	overflow:hidden;
}
#right{
	float:right;
	width:300px;
}

#left{
	float:left;
	width:400px;
}




/* ------------------------------ CARTA E SPECIALITA --------------------------- */
.pietanza{
	margin:0 !important;
	font-weight:bold;
	margin-bottom:.3em !important;
	padding:.1em;
	padding-left:.2em;
	background-color:#cccccc;
}
table{
	margin-left:1em;
	margin-right:1em;
	margin-bottom:.4em;
	border-collapse:collapse;
}
td{
	border-style:none;
	padding:.1em;
	padding-left:.5em;
}
.descrizione{
	width:400px;
}
.descrizione:first-letter{
	text-transform:capitalize;
}
.CHF{
	width:25px;
	text-align:right;
}
.prezzo{
	text-align:right;
	width:35px;
}


.desc_periodo{
	font-weight:bold;
	margin:.5em 2em;	
}



/* ------------------------------ PREZZI CAMERE --------------------------- */

.descrizione_prezzi{
	width:170px;
}
.CHF_prezzi{
	width:25px;
	text-align:right;
}
.prezzo_prezzi{
	text-align:right;
	width:35px;
}



/* ------------------------------ CSS NAVIGATION --------------------------- */

#navigation{
	height:30px;

}

#navigation ul{
	list-style-type:none;
}
#navigation li{
	float:left;
	line-height:30px;
}
#navigation a{
	display:block;
	width:100px;
	height:32px;
}



/* ----------------------------menu italiano normal-------------------------------- 	*/
.benvenuti{
	background-image:url(../immagini/b_benvenuti_normal.jpg);
}
.albergo{
	background-image:url(../immagini/b_albergo_normal.jpg);
}
.cucina{
	background-image:url(../immagini/b_la_cucina_normal.jpg);
}
.camere{
	background-image:url(../immagini/b_le_camere_normal.jpg);
}
.dove{
	background-image:url(../immagini/b_dove_siamo_normal.jpg);
}
.contatto{
	background-image:url(../immagini/b_contattaci_normal.jpg);
}


.lingua_ita{
	background-image:url(../immagini/italiano.jpg);
}
.lingua_ted{
	background-image:url(../immagini/deutch.jpg);
}



/* ----------------------------menu italiano hover-------------------------------- 	*/
.benvenuti_hover{
	background-image:url(../immagini/b_benvenuti_hover.jpg);
}
.albergo_hover{
	background-image:url(../immagini/b_albergo_hover.jpg);
}
.cucina_hover{
	background-image:url(../immagini/b_la_cucina_hover.jpg);
}
.camere_hover{
	background-image:url(../immagini/b_le_camere_hover.jpg);
}
.dove_hover{
	background-image:url(../immagini/b_dove_siamo_hover.jpg);
}
.contatto_hover{
	background-image:url(../immagini/b_contattaci_hover.jpg);
}
.lingue_hover{
	background-image:url(../immagini/b_lingue_hover.jpg);
}




/* ----------------------------menu tedesco normal-------------------------------- 	*/
.benvenuti_tedesco{
	background-image:url(../immagini/b_benvenuti_tedesco_normal.jpg);
}
.albergo_tedesco{
	background-image:url(../immagini/b_albergo_tedesco_normal.jpg);
}
.cucina_tedesco{
	background-image:url(../immagini/b_la_cucina_tedesco_normal.jpg);
}
.camere_tedesco{
	background-image:url(../immagini/b_le_camere_tedesco_normal.jpg);
}
.dove_tedesco{
	background-image:url(../immagini/b_dove_siamo_tedesco_normal.jpg);
}
.contatto_tedesco{
	background-image:url(../immagini/b_contattaci_tedesco_normal.jpg);
}



/* ----------------------------menu tedesco hover-------------------------------- 	*/
.benvenuti_tedesco_hover{
	background-image:url(../immagini/b_benvenuti_tedesco_hover.jpg);
}
.albergo_tedesco_hover{
	background-image:url(../immagini/b_albergo_tedesco_hover.jpg);
}
.cucina_tedesco_hover{
	background-image:url(../immagini/b_la_cucina_tedesco_hover.jpg);
}
.camere_tedesco_hover{
	background-image:url(../immagini/b_le_camere_tedesco_hover.jpg);
}
.dove_tedesco_hover{
	background-image:url(../immagini/b_dove_siamo_tedesco_hover.jpg);
}
.contatto_tedesco_hover{
	background-image:url(../immagini/b_contattaci_tedesco_hover.jpg);
}
.lingue_tedesco_hover{
	background-image:url(../immagini/b_lingue_tedesco_hover.jpg);
}






/* ------------------------------------------------------------------- 	*/
/* STILE FORM PAGINA CONTATTO--------------------- 						*/
/* -elaborati a partire dal sorgente originale tratto da constile.org- 	*/
/* ------------------------------------------------------------------- 	*/
#contatto{
	width:700px;
	height:370px;
	overflow:scroll;
	font-size:.9em;
	font-family: Trebuchet, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}


#form_contatto{
	margin:17px;
	margin-top:0px;
}
form p{
	margin:.2em 0;
}
fieldset{
	margin:0.5em auto;
	padding:1em .5em;
	border:1px solid #999999;
}
legend{ 
	padding:2px;
	font-size:12px;
	letter-spacing:.1em;
}



/* dati_personali */

#dati_personali label{
	display:block;
	float:left;
	width:130px;
	text-align:left;
	padding-left:.75em;
}
#dati_personali input{ 
	padding:0 2px;
	width:270px; 
	border:1px solid #999999;
	background:#f9f9f9;
	font-size:11px;
}



/* commenti */

#commenti textarea{
	font-family: Trebuchet, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	width:400px;
	height:100px;
	padding:0 2px;
	margin-left:.75em;
	border:1px solid #999999;
	background:#f9f9f9;
	font-size:11px;
	letter-spacing:0;
}





/* invia */

input#invia {
	width:400px;
	border:1px solid #999999;
	background:#f9f9f9;
	color:#505050;
	margin-right:.5em;
	margin-left:.75em;
}
input#annulla {
	width:60px;
	border:1px solid #999999;
	background:#f9f9f9;
	color:#505050;
}





/* EFFETTI ROLL OVER -- NON supportati da IE ma utili per gli altri browser */

fieldset:hover{ 
	border:1px solid #CCCCCC;
}
#dati_personali input:hover, #commenti textarea:hover, #informazioni_contatto input:hover, #informazioni_riservazione input:hover {
	background:#FFFFFF;
}

input#invia:hover{
	background:#CCCCCC;
	color:#505050;
}
input#annulla:hover{
	background:#CCCCCC;
	color:#505050;
}



/*tile per pagina d'errore o di conferma*/
.segnalazione_errore{
	font-weight:bold;
	color:red;
}
.invio_positivo{
	font-weight:bold;
	color:green;
}
.home{
	margin:.5em;
	padding:.5em;
	border:1px dashed;
}
/* ----------------------------------------------------------------- */
/* ------------------FINE EFFETTI FORM PAGINA CONTATTO---------------*/
/* ----------------------------------------------------------------- */











/* ----------------------------------------------------------------- */
/* ------------------LOGO DI TICH WEB---------------*/
/* ----------------------------------------------------------------- */
#logo{
	height:75px;
	width:75px;
	position:absolute;
	left:100%;
	top:0;
	margin-left:-75px;
}