body, html{
	background-color: #fff3d7;
	font-family: "Font1", Arial, Helvetica, "sans serif";
	font-size: 16px;
	color: #808080;
	margin: 0;
	height:100% !important;
	overflow: hidden;
}
	
a {
color:#808080;
text-decoration: none;
border:none;}

img{
margin:0;
border:none;
}

a:hover{
color:#F9C289;}	

	
#Container{
	height: 100%;
	width: 100%;
	overflow: auto;

}

#BlackBar{
position: absolute;
top:0;left:0;
z-index: 99;
background-color: #000;
background-image: url(../img/BlackBar_background_500.png);
background-position: bottom;
background-repeat: no-repeat;
width: 475px;
height: 100%;
min-height: inherit;
overflow: hidden;
text-align: center;
}

#BlackBar .InnerBar{
position: absolute;
left:0;
height: 600px;
width: 100%;


}

#BlackBar h1{
font-family: "Georgia", "Times" , Serif;
text-decoration: none;
font-style: normal;
font-weight: 100;
text-align: center;
font-size: 32px;
letter-spacing: 4px;
color: #F9C289;
/*min-height: 180px;*/

}

#BlackBar h2{
font-weight:normal;
text-align: center;
font-size: 19px;
line-height: 16px;
margin-top:0px;
margin-bottom:40px;}


#BlackBar p{
margin: auto;
font-weight: normal;
line-height: 30px;
text-align: left;
height:150px;
/*max-height: 11em;*/
overflow: hidden;
width: 410px;
}




/*
#BlackBar p.longer:hover{
overflow: auto;
padding-right: 27px;
}
*/


#BlackBar img.chotels{
	position: absolute;
	bottom: 40px;
	left:50%;
	margin-left: -75px;
}

#s{
	max-height:250px;
	overflow:hidden;}

#Wrapper, #inWrapper{
margin: 0;padding: 0;
background-image: url(../img/25.gif);
background-repeat: no-repeat;			
background-position:50% 50%;
position: absolute;
top:0;
left: 475px;
overflow: hidden;
height: 100%;
}

#Wrapper .svago{
	background-color: #fff3d7;
	font-size: 12px;
	margin:  auto;
	height: 80%;
	width: 100%;
	max-width: 850px;
	overflow: auto;

}
#Wrapper .svago li{
text-align: center;
padding: 0; margin: 0;
text-decoration: none;
list-style: none;
float: left;
border-top:1px solid #F9C289;
padding:0;margin: 0;
padding-top:15px;
margin-bottom: 15px; 
}

#Wrapper .svago li img{
	margin: 0;padding: 0;
	border: none;
	width: 124px;
	height:46px;
}

#Wrapper .svago ul{
margin-top: 10%;
clear: left;}

#Wrapper .svago li .titoletto{
font-variant: small-caps;
color: #cda273;
font-size: 16px;
font-family: Font3, Times, serif;
}



#MenuBar{
height: 35px;
width: 670px;
font-weight: normal;
font-size: 16px;
z-index: 110;
position: absolute;
bottom:70px;
right:0px;
overflow:hidden;
background-image: url(../img/MenuBar_background.png);
background-position: top left;
}

#MenuBar ul, #SubMenuBar ul{
overflow: hidden;
width: 100%;
margin: 0; padding: 0; 
/*padding-top:7px;padding-bottom:7px;*/
list-style-type: none; list-style-image: none;
 }

#MenuBar li, #SubMenuBar li{
overflow: hidden;
display:inline;
line-height: 35px;
float: left;
text-align: center;
padding: 0;margin:0;
/*border: 1px solid black;*/
}




#MenuBar li a{
margin: 0;
padding: 0;
}

#MenuBar img{
margin:0; padding:0;
position: absolute;
top:0; left:-25px;}

#SubMenuBar{
height: 35px;
width:650px;
font-weight: normal;
font-size: 16px;
color:#000;
z-index: 111;
position: absolute;
bottom:35px;
right:0px;
overflow:hidden;
background-image: url(../img/1px_68.png);

}
#SubMenuBar a{
color:#666;
}
#SubMenuBar a:hover{
color:#F9C289;
}

#SubMenuBar li.prenotaz{
background-image: url(../img/prenotaz.png);
padding-left: 10px;padding-right: 15px;
border: none;
font-weight: bold;
color: white;
background-repeat: no-repeat;
}
#SubMenuBar li.prenotaz a:hover{
color: black !important;
}



.foto{
	height: 100%;
}


.beginning{
	text-transform: uppercase;
	color: #fff3d7;
	margin-right: 3px;
	font-size: 0.9em;
}

.loader{
display: block;
top: 50%;
left: 50%;
}

.push{
clear: both;}

address
{
margin:0;
padding: 0;
width:475px;
text-align: center;
position: absolute;
font-size: 8px;
bottom: 0px;
left: 0px;

}
#frecce{
width: 20px;
height: 150px;
float: right;
border: 1px solid blue;
margin-left: -30px;
z-index: 0;
}


.su,.giu{
margin: auto;
cursor: pointer;
width:16px;
height:6px;
}

.su{
background-image: url(../img/frecciasu.png);
background-position: top;

}

.giu{
background-image: url(../img/frecciagiu.png);
background-position: top;
}

.su:hover,.giu:hover{
background-position: bottom;
}

#CenterBar h2, #LeftBar h2{
font-family: Font3, "Arial Bold", "sans serif";
font-size: 16px;}


/*cresta*/

body.cresta_et_duc, body.cresta_et_duc .svago, body.cresta_et_duc #Wrapper{
background-color: #d3d6ea !important;
}
body.cresta_et_duc .titoletto{
color: #63669e !important;
}

body.cresta_et_duc .svago span {
color:#6f738b !important}

body.cresta_et_duc .beginning{color: #a099a9 !important}

body.cresta_et_duc .svago li{
border-top: 1px solid #bbb5c1 !important;
}

/*miramonti*/


body.miramonti, body.miramonti .svago{
background-color: #F2D5A5 !important;
}
body.miramonti .titoletto{
color: #785824 !important;
}

body.miramonti .svago span{
color: #52362D !important;
}

body.miramonti .svago li{
border-top: 1px solid #EAC08A !important;
}