*{margin:0; padding:0;}

html, body{
height:100%;
background:#fff;
}

body {
font-family: Tahoma, Verdana, Arial, 'trebuchet ms', trebuchet, serif;
font-size:100%;
color:#000;
text-align:center;
background: url(../immagini/bgpage.jpg) left top repeat-x;
}

a img{ border:none; margin:0; padding:0;}

hr{
position: absolute;
top: -9999px;
left:-9999px;
}


div.clear{
clear: left;
height:0;
border:none;
}

div.clean{
clear: both;
height:0;
border:none;
}

#wrapper{
margin:0 auto;
width:773px;
background: url(../immagini/bgwrapper.jpg) left top no-repeat transparent;
text-align: center;
}


#container{
margin: 0 auto;
width:765px;
background: transparent;
color: #000;
min-height:733px;
height:auto!important;	

text-align: center;
}


#head{
width:765px;
height:77px;
background:  url(../immagini/bghead.jpg) left top repeat-y #ecf8d1;
position:relative;
text-align:left;
}




#head h1 span, #head h2 span,#content h3.il_casale span,#content h3.tariffe span,#content h3.riffa span,#content h3.camere span, #menu h3.imen span,#content h3.servizi span,#content h3.contatti span,#content h3.prenotazioni span,  #head2 h3 span, #news h3.news span, #news h3.newsletter span,#content h3.itinerari span, #content h3.la_fenice span, #content h3.privacy span, #content h3.newsletter span, #content h3.contatti span, #content h3.servizi span, #content h3.prezzi span, #content h3.news span, #content h3.booking span, #content h3.itinerari span, #content h3.camere span{
display: block;
width: 0; 
height: 0; 
overflow: hidden; 
clip: rect(0,0,0,0);  
}

#head2{
width:765px;
height:252px;
}
.obg0{background: transparent url(../immagini/fenice0.jpg) no-repeat;}
.obg1{background: transparent url(../immagini/fenice1.jpg) no-repeat;}
.obg2{background: transparent url(../immagini/fenice2.jpg) no-repeat;}
.obg3{background: transparent url(../immagini/fenice3.jpg) no-repeat;}
.obgprenotazioni{background: transparent url(../immagini/bgheadprenotazioni.jpg) no-repeat;}
.obgservizi{background: transparent url(../immagini/bgheadservizi.jpg) no-repeat;}
.obgtariffe{background: transparent url(../immagini/bgheadtariffe.jpg) no-repeat;}
.obgil_casale{background: transparent url(../immagini/bgheadobgil_casale.jpg) no-repeat;}
.obgcamere{background: transparent url(../immagini/bgheadcamere.jpg) no-repeat;}
.obgitinerari{background: transparent url(../immagini/bgheaditinerari.jpg) no-repeat;}
.obgcontatti{background: transparent url(../immagini/bgheadcontatti.jpg) no-repeat;}
.obgriffa{background: transparent url(../immagini/bgheadriffa.jpg) no-repeat;}


div.lang{
position:absolute;
top:55px;
right:12px;
background: transparent;
color:#3b4a12;
line-height:13px;
text-align:left;
height:15px;
}


div.lang p{
margin:0;
padding:0;
background: transparent;
font-size:.7em;
color:#3b4a12;
}

div.lang a:link, div.lang a:visited{
font-weight:bold;
text-decoration:none;
color:#3b4a12;
}

div.lang a:hover, div.lang a:focus, div.lang a:active{text-decoration:underline;}

div.lang img{vertical-align:middle;}



#corpo{
margin: 8px 0 20px 0;
float:left;
display:inline;
background: url(../immagini/bgcorpo.gif) left top repeat-y;
width:765px;
}

/*==============================================MENU*/

#menu{
width:128px;
float:left;
text-align:left;
background: url(../immagini/bg_menu.jpg) left top no-repeat;
height:500px;


}

#menu h3.imen {
width:100px;
height: 50px;
background: url(../immagini/h3_menu.gif) left top no-repeat;
text-align:left;
padding:5px 0px 0px 0px; 
margin:0px 0px 0px 5px; 
}

.menuNavigazione{
width:121px;
margin:0;
padding:0;
list-style:none;
}


.menuNavigazione li{
	color: #3b4a12;
	display:block;
	background: #fff;
	font-weight:bold;	
	padding:2px 5px;
	margin:0;
	
  
	
	}
	
.menuNavigazione a{
display:block;
vertical-align:middle;
text-decoration:none;
background:#E6F1D8;
color: #3b4a12; 
font-size: .7em;
font-weight:bold;
height:20px;
padding:5px 0px 0px 5px;

}

.menuNavigazione a:link, .menuNavigazione a:visited{
background:#E6F1D8;
color: #3b4a12; 
}


.menuNavigazione a:hover,
.menuNavigazione a:focus,
.menuNavigazione a:active{
background:#EEF5E2;
color: #2BA029;

}


.menuNavigazione li.active{
    
    color: #2BA029;
	display:block;
	background: #fff;
	margin: 5px 5px 0 5px;
	font-size: .7em;
	font-weight:bold;
	height:20px;
	
	}

/*=======================================FINE MENU*/



/*=============================================================CONTENT*/
#content{
float:left;
width:430px;
text-align:left;
background: transparent;
}

.campiform {
border-style: solid; 
border-color: #216147; 
border-width: 1px; 
background: #F3F9F7;
 }
 
 .menuNavigazionecont{
margin:0;
padding:0;
list-style:none;
}

.menuNavigazionecont li{
	color: #3b4a12;	
	background: #fff;
	font-weight:bold;	
	padding:0px 0px;
	margin:0;
	
	}
	
#content h3.camere {
width:430px;
height: 50px;
background: url(../immagini/h3_camere.gif) left top no-repeat;
text-align:left;
margin: 0 auto;
}
#content h3.riffa {
width:430px;
height: 50px;
background: url(../immagini/h3_riffa.gif) left top no-repeat;
text-align:left;
margin: 0 auto;
}


	
#content h3.tariffe {
width:430px;
height: 50px;
background: url(../immagini/h3_tariffe.gif) left top no-repeat;
text-align:left;
margin: 0 auto;
}

#content h3.la_fenice {
width:430px;
height: 50px;
background: url(../immagini/h3_la_fenice.gif) left top no-repeat;
text-align:left;
margin: 0 auto;
}

#content h3.itinerari {
width:430px;
height: 50px;
background: url(../immagini/h3_itinerari.gif) left top no-repeat;
text-align:left;
margin: 0 auto;
}


#content h3.servizi {
width:430px;
height: 50px;
background: url(../immagini/h3_servizi.gif) left top no-repeat;
text-align:left;
margin: 0 auto;
}

#content h3.contatti {
width:430px;
height: 50px;
background: url(../immagini/h3_contatti.gif) left top no-repeat;
text-align:left;
margin: 0 auto;
}


#content h3.il_casale {
width:430px;
height: 50px;
background: url(../immagini/h3_il_casale.gif) left top no-repeat;
text-align:left;
margin: 0 auto;
}


#content h3.prenotazioni {
width:430px;
height: 50px;
background: url(../immagini/h3_prenotazioni.gif) left top no-repeat;
text-align:left;
margin: 0 auto;
}


#content h3.news {
width:430px;
height: 50px;
background: url(../immagini/h3_offerte.gif) left top no-repeat;
text-align:left;
margin: 0 auto;
}

#content ul{
margin:10px 0 0 10px;
padding:0;
list-style-image: url(../immagini/bullet.gif);
}
#content ul li{
line-height:1.5;
margin: 3px  10px  5px 15px!important;
color:#444;
font-size:.7em;
}
#content ul li a:link, #content ul li a:visited {
color:#2BA029;
text-decoration:none; 
font-weight:bold;
}
#content ul li a:hover,
#content ul li a:focus,
#content ul li a:active{text-decoration:underline; color: #3b4a12;
}






#content img {
}
.aleft {
float:left;
margin:13px 10px 0 22px;
}

#content img {
}
.aleft1 {
float:left;
margin:13px 10px 0 0px;
}

#content p {
color:#666;
background: transparent;
font-size: .7em;
text-align:left;
padding: 10px 15px 5px 22px;
line-height: 1.5;
}

#content h4 {
color:#666;
background:transparent;
font-size:1em;
letter-spacing:-1px;
text-align:left;
padding: 10px 15px 5px 22px;
font-family: Georgia, Tahoma, Verdana, Arial, 'trebuchet ms', trebuchet, serif;
}

#content a:link, #content a:visited{
color: #2BA029;
text-decoration:none;
font-weight:bold;
}

#content a:hover, #content a:focus, #content a:active{
text-decoration:underline;
color: #3b4a12;
font-weight:bold
}

/*=====================================================FINE CONTENT*/

/*==================================================================NEWS*/
#news{
width:206px;
float:left;
text-align: center;
}

#news h3.news{
width:204px;
height: 50px;
background: url(../immagini/h3_news.gif) left top no-repeat;
text-align:center;
margin: 0 auto;
}

#news p.data{
padding: 10px 0px 5px;
}

#news p, #news p.data{
color:#666;
background: transparent;
font-size: .7em;

}

#news p.titolo{
color: #2BA029;
text-decoration:none;
font-weight:bold;

font-size: .7em;
background: url(../immagini/ico_news.gif) left top no-repeat;
padding: 0px 0px 5px 15px;
margin: 2px 0px 0px 20px;


}

#news p{
padding-bottom: 10px;
margin: 0 auto;
width:166px;
line-height: 1.5;
background: url(../immagini/bgdashed.gif) left bottom repeat-x;
text-align: left;
}

#news a:link, #news a:visited{
background:#fff;
color: #2BA029;
text-decoration:none;
font-weight:bold;
}

#news a:hover, #news a:focus, #news a:active{
background:#fff;
color: #3b4a12;
font-weight:bold;
text-decoration:none;
}


#news h3.newsletter{
width:204px;
height: 47px;
background: url(../immagini/h3_newsletter.gif) left top no-repeat;
text-align:center;
margin: 25px auto 0 auto;
}





/*=================================================================FINE NEWS*/

/*==========================================FOOTER*/

#footer{
width:765px;
height:78px;
margin-top:0px;
background: url(../immagini/footer.gif) left top no-repeat;
clear:both;
text-align:right; 
}

#footer a:link, #footer a:visited{
color: #999;
text-decoration:none;
}

#footer a:hover, #footer a:focus, #footer a:active{
text-decoration:none;
color: #666;
}


#footer p.policy{
padding: 21px 21px 0 0 ;
color:#666;
font-size: .7em;
}

#footer p.copy{
padding:3px 18px 0 0 ;
color:#999;
font-size: .7em;
}

/*======================================FINE FOOTER*/


table {
background: #fff; 
	border-spacing:1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px; 
	width: 380px; 
	height:550px;
	margin: 20px;
	
	
}

caption {
	font-weight: bold;
	background: #50ADEA no-repeat right top;
	border-bottom:0px solid #1975d7;
	color: #FFF;
	text-transform:uppercase;
	padding:0px;
}



/*==============================================menu tendina*/
#leftcolumn{
width:350px;
height: 50px;
margin-left: 15px;
font-size:.7em;


}

#leftcolumn a{
width: 100%;
text-decoration: none;
font-weight: bold;
}


#rightcolumn{
width:400px;
min-height: 400px;
margin-top: 15px;
}

* html #rightcolumn{ /*IE only style*/
height: 400px;
}