
body{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	background: #05081b url(background.jpg) no-repeat scroll center top;
	width:100%;
	text-align:center;
}

.container{
	width:1020px;
	display:block;
	position:relative;
	clear:both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
}

.header{
	background:url(header.png) no-repeat left top;
	width:inherit;
	height:185px;
	position: relative;
}

.content{
	background:url(horizontal.png) repeat-y top left;
	text-align:left;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}

.contentMargin{
  margin:0px 160px;
}

.bottom{
	margin:0px;
	width:inherit;
	height:198px;
	display:block;
	background:url(footer.png) repeat-x top;
	position:relative;
}

.logo{
	position:absolute;
	z-index:2;
	left:120px;
	top:-5px;
	background-image: url(blank.gif);
	width:260px;
	height:183px;
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="styles/img/logo.png" ,sizingMethod="scale");
}
/* IE ignores styles with [attributes], so it will skip the following. */

.logo[class] {
  background-image:url(img/logo.png);
}

.english, .italiano{
	display:block;
	position:absolute;
	top:80px;
	left:760px;
	z-index:2px;
	width:250px;
	height:25px;
	padding-left:25px;
	padding-top:3px;
	background-image: url(img/english.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	color:#fff;
	text-align:left;
}

.english:hover, .italiano:hover{
	color:#fff;
}

.italiano{
	background-image: url(img/italiano.jpg);
}


/*--------------------------------------------------------------   menu link */
.menu{
	position:absolute;
	top:112px;
	left:395px;
}
.menu .divisore{
	display:block;
	width:5px;
	float:left;
	height:27px;
}
.menu #home,.menu #home-sel{
	float:left;
	display:block;
	width:58px;
	height:27px;
	background:url(img/home.jpg) 0 -28px no-repeat;
}
.menu #home span,.menu #home-sel span{
	display:none;
}
.menu #home:hover{
	background-position: 0 -56px ;
}
.menu #home-sel{
	background-position: 0 0px ;
	cursor:default;
}
.menu #loste,.menu #loste-sel{
	float:left;
	display:block;
	width:58px;
	height:27px;
	background:url(img/loste.jpg) 0 -28px no-repeat;
}
.menu #loste span,.menu #loste-sel span{
	display:none;
}
.menu #loste:hover{
	background-position: 0 -56px ;
}
.menu #loste-sel{
	background-position: 0 0px ;
	cursor:default;
}
.menu #corsi,.menu #corsi-sel{
	float:left;
	display:block;
	width:139px;
	height:27px;
	background:url(img/corsi.jpg) 0 -28px no-repeat;
}
.menu #corsi span,.menu #corsi-sel span{
	display:none;
}
.menu #corsi:hover{
	background-position: 0 -56px ;
}
.menu #corsi-sel{
	background-position: 0 0px ;
	cursor:default;
}
.menu #doveSiamo,.menu #doveSiamo-sel{
	float:left;
	display:block;
	width:108px;
	height:27px;
	background:url(img/doveSiamo.jpg) 0 -28px no-repeat;
}
.menu #doveSiamo span,.menu #doveSiamo-sel span{
	display:none;
}
.menu #doveSiamo:hover{
	background-position: 0 -56px ;
}
.menu #doveSiamo-sel{
	background-position: 0 0px ;
	cursor:default;
}
.menu #menu,.menu #menu-sel{
	float:left;
	display:block;
	width:73px;
	height:27px;
	background:url(img/menu.jpg) 0 -28px no-repeat;
}
.menu #menu span,.menu #menu-sel span{
	display:none;
}
.menu #menu:hover{
	background-position: 0 -56px ;
}
.menu #menu-sel{
	background-position: 0 0px ;
	cursor:default;
}

/*----------------------------------------------------------- fine   menu link*/

.colonnaSx,.sottoColonnaSx{
	width:200px;
	float:left;
	display:block;
	position:relative;
	padding-top:0px;
	text-align:center;
}

.colonnaDx,.sottoColonnaDx{
	width:490px;
	float:left;
	display:block;
	position:relative;
	padding-top:0px;
	margin-left:5px;
	/*margin-right: 160px;*/
	text-align: center;
}

.virgoletteMax {
  font-size:2.2em;
}

.virgoletteMin {
  font-size:1.8em;
}
 
.prenota:hover, a, link span{
	color:#ce5f05;
	text-decoration:none;
}

.titoloFoto{
	text-align:center;
	font-size:1.2em;
	color:#ce5f05;
	display:block;
}

.clear{
	clear:both
}

/*--------------------------------------------------------------   footer */
.footer{
	display:block;
	text-align:center;
	width:720px;
	position:absolute;
	left: 160px;
	top: 80px;
	
}

.footer .locale{
	width:180px;
	display:block;
	color:#fff;
	font-size:0.7em;
	text-align:center;
	text-decoration:none;
	float:left;
}

.footer .locale:hover{
	opacity: 0.9;
	filter:alpha(opacity=90);
}

.footer .locale .titolo{
	color:#ce5f05;
	display:block;
}

/*-------------------------------------------------------------- fine footer */

/*--------------------------------------------------------------   menu */
.riquadroGrande{
	background:url(img/riquadro.png) no-repeat center center;
	position:relative;
	text-align:center;
	width:480px;
	height:391px;
}

.headerMenu{
	width:inherit;
	height:11px;
	position: relative;
	background-image: url(img/headerMenu.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

.contentMenu{
	text-align:center;
	width:inherit;
	background-image: url(img/contentMenu.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

.bottomMenu{
	margin:0px;
	width:inherit;
	height:11px;
	display:block;
	position:relative;
	background-image: url(img/footerMenu.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
/*--------------------------------------------------------------fine   menu */

/*--------------------------------------------------------------   prenota */
.riquadroPrenota{
	background:url(img/prenotaForm.jpg) no-repeat 330px 20px;
}
#prenota{
	font-size:0.8em;
}
.labelPrenota{
	float:left;
	text-align:right;
	font-size:0.9em;
	width:150px;
	margin-top:5px;
	padding-right:10px;
}
.fieldPrenota, .textareaPrenota, .btnPrenota{
	float:left;
	width:230px;
	text-align:left;
	margin-top:5px;
}
.btnPrenota{
	background:none;
	margin-top:10px;
}
.ui-datepicker{
	z-index: 1003; /* must be > than popup editor (1002) */
}
.ui-widget {
	font-size:1em !important;
}

.formPrenota{
	padding-top:30px;
}
.formPrenota INPUT{
	border:0;
	background:none;	
}
.formPrenota TEXTAREA{
	border:0;
	background:none;
	height:83px;
	width:222px;
}
/*-------------------------------------------------------------- fine prenota */

/*--------------------------------------------------------------  dove siamo */
.riquadroMappa{
	width:440px;
	height:350px;
	margin-top:21px;
}
.linkMappa{
	padding:15px;
	display:block;
	color:#000;
	font-size:0.8em;
	text-align:center;
	text-decoration:none;
}
.linkMappa:hover{
	color:#666666;
}
.linkMappa .titolo{
	color:#ce5f05;
	display:block;
	font-size:1.2em;
}
/*----------------------------------------------------------- fine dove siamo */
#msgBottom{
	position:absolute;
	bottom:40px;
	text-align:left;
	color:#7a7a66;
	font-size:1.8em;
	width:480px;
	left:30px;
	display:none;

}

.testoRado{
	line-height:1.7em;
}

.messaggio{
	position:absolute;
	z-index:2;
	left:720px;
	top:-70px;
	background-image: url(blank.gif);
	width:200px;
	height:152px;
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="styles/img/logo_no_glutine.png" ,sizingMethod="scale");
}
/* IE ignores styles with [attributes], so it will skip the following. */

.messaggio[class] {
  background-image:url(img/logo_no_glutine.png);
}

.polaroid{
	width:150px;
	height:181px;
	background:url(img/polaroid.jpg) center center no-repeat;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
  
.foto {
  float:left;
	position: relative;
	padding:0px;
	margin:0px;
}

.foto li {
	list-style-type: none;
	position: absolute;
	top: 14px;
	left: 12px;
	padding:0px;
	margin:0px;
}

.foto img {
	background-color: #F8F5DF;
	padding:0px;
	margin:0px;
	height:365px
	width:455px;
}

/*---------------------------------------------------- Inizio Corsi di Cucina */
.riquadroCorsi{
	background:url(img/riquadroCorsi.jpg) no-repeat center center;
	position:relative;
	text-align:center;
	width:480px;
	height:1200px;
}

ul {
	padding-left:10px;
}

li {
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-bottom:2px;
	list-style: none;
	background-image: url(img/list.gif);
}

/*---------------------------------------------------- Fine Corsi di Cucina */



.testoDoveSiamo{
	font-size:0.84em;
	display:block;
	line-height:1.2em;
}

.testoDoveSiamo strong{
	color:#ce5f05;
	font-weight:400;
}

.testo{
	font-size:0.84em;
	display:block;
	line-height:1.8em;
}

.center{
	text-align:center;
}

.left{
	text-align:left;
}

.testo strong{
	color:#ce5f05;
	font-weight:400;
}

.testo em{
	color:#7E7E7E;
	margin-top:0.2em;
	margin-bottom::0.5em;
	font-style: italic;	
}

.testo:link, a{
	color:#ce5f05;
	text-decoration: underline;	
}

.rightMargin{
	padding-top:5px;
	padding-left:30px;
	padding-right:30px;
}

.leftMargin{
	padding-top:22px;
	padding-left:5px;
	padding-right:5px;
}

p {
	padding-bottom: 0px;
	margin-bottom:0px;
}	

p.thumb {
		margin: 3px;
}	
	
.thumb img{
	display: inline;
	margin: 5px;
	border: 1px solid #039;
	width:110px;
	height:90px;
	padding: 5px;
	background-color:#FFF;
}
