@font-face {
	font-family: 'GoudyBookletter1911Regular';
	src: url('goudy_bookletter_1911.eot');
	src: local('Goudy Bookletter 1911 Regular'), local('GoudyBookletter1911'), url('goudy_bookletter_1911.ttf') format('truetype');
	}
@font-face {
	font-family: 'SteinemRoman';
	src: url('STEINEM_.eot');
	src: local('Steinem Roman'), local('Steinem'), url('STEINEM_.ttf') format('truetype');
}

@font-face {
	font-family: 'SteinemRomanItalic';
	src: url('STEINEMI.eot');
	src: local('Steinem RomanItalic'), local('Steinem-Italic'), url('STEINEMI.ttf') format('truetype');
}

@font-face {
	font-family: 'SteinemBold';
	src: url('STEINEMB.eot');
	src: local('Steinem Bold'), local('Steinem-Bold'), url('STEINEMB.ttf') format('truetype');
}

@font-face {
	font-family: 'SteinemBoldItalic';
	src: url('STEINBI_.eot');
	src: local('Steinem BoldItalic'), local('Steinem-BoldItalic'), url('STEINBI_.ttf') format('truetype');
}


body {
	background-color: #EFC557;
	background-image: url(../images/bg.jpg);
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: left top;
}


#wrapper {
	height: 530px;
	left: 50%;
	margin-left: -570px;

	overflow: visible;
	position: absolute;
	top: 15%;
	width: 1012px;
}
#footerleft {
	display: block;
	float: left;
	margin-top: 5px;
	width: 200px;
	margin-left:140px;
	font: 0.9em 'GoudyBookletter1911Regular', Arial, sans-serif;
	text-shadow: #666 1px 1px 2px;

}
#footerleft a {
	color: #57341E;
	text-decoration:none;
}
#footerleft a:hover {
	color: #000;
	text-decoration:none;
}
#footerright {
	display: block;
	float: left;
	margin-top: 5px;
	width: 648px;
	text-align:right;
	font: 0.9em 'GoudyBookletter1911Regular', Arial, sans-serif;
	text-shadow: #666 1px 1px 2px;
	color: #57341E;

}
#footerright a {
	color: #57341E;
	text-decoration:none;

}
#footerright a:hover {
	color: #000;
	text-decoration:none;

}

#footerCentroSotto {
	display: block;
	float: left;
	margin-top: 17px;
	width: 600px;
	margin-left:260px;
	text-align:center;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: x-small;

}

h1 {
	display: block;
	position: absolute;
	top: -74px;
	margin: 5px;
	text-align:center;
	font: 3.5em 'GoudyBookletter1911Regular', Arial, sans-serif;
	color:#FFF;
	text-shadow: #333 2px 2px 2px;
	left: 147px;

}

h2 {
	display: block;
	position: absolute;
	top: -42px;
	margin: 5px;
	text-align:center;
	font: 1.3em 'GoudyBookletter1911Regular', Arial, sans-serif;
	color:#FFF;
	text-shadow: #333 2px 2px 2px;
	left: 479px;

}

h1 a:hover {
	border: 0;
	color:#FFF;
	text-shadow: #000 2px 2px 2px;
}
h1 a {
	color:#FFF;
	border: 0;
	text-decoration:none;
	text-shadow: #333 2px 2px 2px;
}

#logoitafj {
	display: block;
	position: absolute;
	top: -40px;
	margin: 5px;
	text-align:center;
	width:96px;
	left: 894px;

}
#fiore {
	display: block;
	position: absolute;
	top: -15px;
	left:100px;
	margin: 0px;
	width:108px;
	height:101px;
	z-index:-200;
}
#seasonal {
	display: block;
	position: absolute;
	top: -65px;
	left:425px;
	margin: 0px;
	width:50px;
	height:68px;
	z-index:400;	

}
#content {
	background-color: #fff;
	float: right;
	min-height: 450px;
	margin-left: 126px;
	margin-right: 23px;
    overflow:visible;
	top: 44px;
	width: 849px;
}

#cosacerchi {
	font-family:SteinemRomanItalic, Geneva, sans-serif; 
	font-size: 1em; 
    text-shadow: #57341E 1px 1px 1px;
	color:#fff;
	display: block;
	float: left;
	width: 819px;
	overflow:visible;
	margin-left:10px;
	margin-bottom:10px;
	padding:5px;
	background-color: #F4D88D;
	background-image:url(../images/cosa_cerchi_bg.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}

#cosacerchi img {
	padding-left:4px;
	
}

#testohome {
	font-family: Tahoma, Geneva, sans-serif; 
	font-size: 0.7em; 
	color:#57341E;
	display: block;
	float: left;
	width: 819px;
	height:140px;
	overflow:auto;
	margin-left:10px;
	margin-bottom:10px;
	padding:5px 5px 5px 5px;
	background-image:url(../images/testo_bg.jpg);
	background-attachment: scroll;
	background-position:left;
	background-repeat:repeat-x;
box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}

#testohome a {
	color:#301C10;
	text-decoration:none;
}
#testohome a:visited {
	color:#975833;
	text-decoration:none;
}
#testohome a:hover {
	color:#975833;
	text-decoration:none;
	text-shadow: #fff 1px 1px 1px;
	
}

#block-l {
	background-color: #F4D88D;
	display: inline;
	float: left;
	min-height: 435px;
	margin: 10px;
	width: 379px;
	overflow:visible;
	box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;
}
#block-m {
	background-color: #F4D88D;
	display: inline;
	float: left;
	min-height: 435px;
	margin: 10px 0 10px 0;
	width: 202px;
		box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;
}
#block-r {
	background: #57341E;
	display: inline;
	float: left;
	min-height: 393px;
	margin:10px;
	width: 227px;
		box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;

}
#block-rHOME {
	background: #57341E;
	display: inline;
	float: left;
	min-height: 393px;
	margin: 10px;
	width: 227px;
		box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;

}
#block-r table { margin: 0px 3px 0px 3px; display: block; font-family:Tahoma, Geneva, sans-serif; font-size: 0.6em; float:left; padding-left:1px; padding-top:10px; padding-bottom:10px;}
.infoWindow a { color:#9C887B; text-decoration:none;}
.infoWindow a:hover { color:#fff; text-decoration:none; }
#block-r span { position: absolute; left: -999em;}

#block-rADD {
	display: inline;
	float: right;
	min-height: 205px;
	margin-top: 2px;
	margin-right: 24px;
	width: 204px;
	text-align:center;
	z-index: 1000px;
}
#block-rADD span { position: absolute; left: -999em;}

#block-rAltrefoto {
	display: inline;
	float: left;
	min-height: 393px;
	margin: 3px 10px 10px 10px;
	width: 227px;	
		box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;
}
#block-rAltrefoto h4{ font-family:SteinemBoldItalic, Geneva, sans-serif; font-size: 0.8em; display: block; color:#57341E; line-height: 21px; padding-left:8px; margin-top: 0px; margin-bottom: 0px; border-bottom: #FC0 solid 1px; font-weight:bold; text-shadow: #FDF7E3 2px 1px 2px;}
	


#block-rSocial {
	position: absolute;
	float:right;
	height: 430px;
	width: 23px;
	margin-left:849px;

}
#block-main {
	background-color: #fff;
	display: inline;
	float: left;
	min-height: 435px;
	margin: 10px;
	margin-right: 0px;
	width: 592px;
	overflow:visible;

}
#block-main-pagine{
	background-color: #F4D88D;
	display: inline;
	float: left;
	min-height: 435px;
	margin: 10px;
	margin-right: 0px;
	width: 592px;
	overflow:visible;
		box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;
}
#block-main-special{
	background-color: #F4D88D;
	display: inline;
	float: left;
	min-height: 393px;
	margin: 2px 0px 0px 0px;
	margin-right: 0px;
	width: 593px;
	overflow:visible;
		box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;
}
#block-home-special {
	background-color: #fff;
	display: inline;
	float: left;
	min-height: 160px;
	margin: 0px 0px 5px 10px;
	width: 828px;
	overflow:visible;
	padding: 0px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 0.7em;
	color: #CCC;
	text-align: left;
}

.evidenza-title { 
font-family:SteinemBoldItalic, Geneva, sans-serif; 
font-size: 0.7em;
color:#FFF;
margin-top: -16px;
margin-left: 5px;
width:184px;
}

.evidenza-table { margin-left:3px;
width:184px;
}
.evidenza-table img {
	box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;
}
#block-home-special a { color:#8C792A; text-decoration:none; font-weight:bold;}
#block-home-special a:hover { color:#8C792A; text-decoration:underline; font-weight:bold;}


h3.hprimopiano { background: #57341E; overflow: hidden; width: 371px; font-family:SteinemBoldItalic, Geneva, sans-serif; font-size: 0.8em; display: block; color:#FFF; line-height: 21px; padding-left:8px; margin-top: 0px; margin-bottom: 0px; border-bottom: #FC0 solid 1px; font-weight:bold; text-shadow: #333 2px 1px 2px;}

h3.hpagine { background: #57341E; overflow: hidden; width: 584px; font-family:SteinemBoldItalic, Geneva, sans-serif; font-size: 0.8em; display: block; color:#FFF; line-height: 21px; padding-left:8px; margin-top: 0px; margin-bottom: 0px; border-bottom: #FC0 solid 1px; font-weight:bold; text-shadow: #333 2px 1px 2px;}


h3.mainpagine { background: #57341E; overflow: hidden; width: 371px; font-family:SteinemBoldItalic, Geneva, sans-serif; font-size: 0.8em; display: block; color:#FFF; line-height: 21px; padding-left:8px; margin-top: 0px; margin-bottom: 0px; border-bottom: #FC0 solid 1px; font-weight:bold; text-shadow: #333 2px 1px 2px;}

h3.titolettiCentro { background: #8C792A; overflow: hidden; width: 194px; font-family:SteinemBoldItalic, Geneva, sans-serif; font-size: 0.78em; display: block; color:#FFF; line-height: 21px; padding-left:8px; margin-top: 0px; margin-bottom: 0px; border-bottom: #FC0 solid 1px; text-shadow: #333 2px 1px 2px;}

h3.titolettiCentro-special { background: #8C792A; overflow: hidden; width: 820px; font-family:SteinemBoldItalic, Geneva, sans-serif; font-size: 1.2em; display: block; color:#FFF; line-height: 21px; padding-left:8px; margin-top: 0px; margin-bottom: 0px; border-bottom: #FC0 solid 1px; text-shadow: #333 2px 1px 2px;}

h3.titolettiSide { background: #8C792A; overflow: hidden; width: 219px; font-family:SteinemBoldItalic, Geneva, sans-serif; font-size: 0.8em; display: block; color:#FFF; line-height: 21px; padding-left:8px; margin-top: 0px; margin-bottom: 0px; border-bottom: #FC0 solid 1px; text-shadow: #333 2px 1px 2px;}
h3.titolettiSide a { color:#FFC; text-decoration:none}

h3.titolettiSide_Offerte { background: #3A414B; overflow: hidden; width: 219px; font-family:SteinemBoldItalic, Geneva, sans-serif; font-size: 0.8em; display: block; color:#FFF; line-height: 21px; padding-left:8px; margin-top: 0px; margin-bottom: 0px; border-bottom: #FC0 solid 1px; text-shadow: #333 2px 1px 2px;}

p.mainpic { margin-top: 0px; margin-bottom: 0px; display: block; border-bottom:solid 1px #57341E; }

h3.AreaCentro { font-family:SteinemBold, Geneva, sans-serif; font-size: 1.7em; display: block; margin:4px 0px 5px 0px; color:#57341E; text-shadow: #ccc 1px 1px 2px; line-height:32px;}

h3.desc { font-family:SteinemBold, Geneva, sans-serif; font-size: 1.1em; display: block; margin-top:3px;}
h3.desc a { text-decoration:none; color:#57341E;}
h3.desc a:hover { text-decoration:underline; }

.desc { margin: 0px 3px 0px 3px; display: block; font-family:Tahoma, Geneva, sans-serif; font-size: 0.7em; padding-top:2px; color:#57341E;}
.desc a { color:#8C792A; text-decoration:none; font-weight:bold;}
.desc a:hover { color:#57341E; text-decoration:underline; }

.descpagine {
	margin: 0px 0px 9px 0px;
	display: block;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 0.7em;
	padding-top:4px;
	padding-left:4px;
	padding-right:3px;
	color:#57341E;
	text-align: left;
}

.descpagine img {
	border:#FFF 3px solid;
	margin: 0px 3px 0px 3px;
	
	}
.descmappa img {
	border: 0px;
	margin: 0px -4px 0px 0px;
	
	}

.descpagine a { color:#8C792A; text-decoration:none; font-weight:bold;}
.descpagine a:hover { color:#57341E; text-decoration:underline; }
.descpagine dl { margin: 10px 3px 3px 3px; display: block; font-family:Tahoma, Geneva, sans-serif; font-size: 12px; padding-top:10px; padding-left:9px; padding-right:4px;color:#57341E;}
.descpagine dt { margin: 0px 3px 0px 3px; display: block; font-family:Tahoma, Geneva, sans-serif; font-size: 11px; padding-top:1px; padding-left:10px; padding-right:4px;color:#57341E;}
.descpagine hr { width:90%; text-align:right; height:1px; background-color:#FFF; border:0px; margin-bottom:15px; margin-top:8px; margin-right:0px}

.descpagineHOTELS {
	margin: 8px 0px 9px 0px;
	display: block;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 0.7em;
	padding-top:4px;
	padding-left:4px;
	padding-right:3px;
	color:#57341E;
	text-align: left;
	border-bottom:#FFF 1px solid;
	border-top:#FFF 1px solid;	
}
.descpagineHOTELS a { color:#8C792A; text-decoration:none; font-weight:bold;}
.descpagineHOTELS a:hover { color:#57341E; text-decoration:none; }

.descpagineCat {
	margin: 0px 0px 9px 0px;
	display: block;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 0.7em;
	padding-top:4px;
	padding-left:0px;
	padding-right:3px;
	color:#57341E;
	text-align: left;
}
.descpagineCat a { color:#8C792A; text-decoration:none; font-weight:bold;}
.descpagineCat a:hover { color:#57341E; text-decoration:underline; }

.descCategorList {
	margin: 0px 0px 0px 0px;
	display: block;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 0.7em;
	padding-top:4px;
	padding-left:4px;
	padding-right:2px;
	color:#57341E;
	text-align: left;
	width:400px;
	border-right:#FFF 1px solid;
}
.descCategorList a { font-family:SteinemBoldItalic, Geneva, sans-serif; font-size: 13px; font-weight:bold; color: #57341E; text-decoration:none; text-shadow: #fff 1px 1px 2px;}
.descCategorList a:hover { color:#fff; text-decoration:none; text-shadow: #57341E 1px 1px 1px;}

.descCategorList h4 { font-family:Tahoma, Geneva, sans-serif; line-height:20px; margin:0px;
}
.descCategorList h4 a { font-family:Tahoma, Geneva, sans-serif; padding-top:0px; color:#8C792A; text-decoration:none; font-weight:bold; font-size:0.9em; text-shadow: #fff 0px 0px 0px;}
.descCategorList h4 a:hover { color:#57341E; text-decoration:underline; text-shadow: #fff 0px 0px 0px;}

.descCategorListPrezzo {
	color:#F60;
	line-height:18px;
	text-shadow: #ccc 1px 1px 2px;
	float:right;
	}

.descCategorList img {
	border:#FFF 3px solid;
	
	}
.descCategorList td {
	border-bottom: #FFF 1px solid;
	padding:5px;
	
	}	

.descCategorListAG {
	margin: 0px 0px 0px 0px;
	display: block;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 0.7em;
	padding-top:4px;
	padding-left:4px;
	padding-right:2px;
	color:#57341E;
	text-align: left;
	width:582px;
	border-right:#FFF 1px solid;
}
.descCategorListAG a { font-family:SteinemBoldItalic, Geneva, sans-serif; font-size: 13px; font-weight:bold; color: #57341E; text-decoration:none; text-shadow: #fff 1px 1px 2px;}
.descCategorListAG a:hover { color:#fff; text-decoration:none; text-shadow: #57341E 1px 1px 1px;}

.descCategorListAG h4 { font-family:Tahoma, Geneva, sans-serif; line-height:20px; margin:0px;
}
.descCategorListAG h4 a { font-family:Tahoma, Geneva, sans-serif; padding-top:0px; color:#8C792A; text-decoration:none; font-weight:bold; font-size:0.9em; text-shadow: #fff 0px 0px 0px;}
.descCategorListAG h4 a:hover { color:#57341E; text-decoration:underline; text-shadow: #fff 0px 0px 0px;}

.descCategorListAGPrezzo {
	color:#F60;
	line-height:18px;
	text-shadow: #ccc 1px 1px 2px;
	float:right;
	}

.descCategorListAG img {
	border:#FFF 3px solid;
	
	}
.descCategorListAG td {
	border-bottom: #FFF 1px solid;
	padding:5px;
	
	}


.descCategorSide {
	text-align: left;
	float:right;
	width:186px;
	
}


.descCategorSideCose {
	margin: 0px 0px 0px 0px;
	display: block;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 0.7em;
	padding-top:4px;
	padding-left:5px;
	padding-right:3px;
	color:#57341E;
	text-align: left;
}

.descCategorSideCose img{
	padding-right:3px;
}

.descCategorSide a { color:#8C792A; text-decoration:none; font-weight:bold;}
.descCategorSide a:hover { color:#57341E; text-decoration:underline; }
.descCategorSidetitoli{
	margin: 0px 0px 0px 0px;
	display: block;
	font-family:SteinemBoldItalic, Geneva, sans-serif; 
	font-size: 0.8em; 
	font-weight:bold; 
	color:#57341E;
	text-align: left;
	padding-left:5px;
	padding-bottom:2px;
	border-bottom:#FFF 1px solid;
	font-weight: bold;

}


.descpagSpecialHeader {
	margin: 0px 0px 0px 0px;
	display: block;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 0.7em;
	padding-top:2px;
	padding-left:3px;
	padding-right:0px;
	color:#57341E;
	text-align: left;
}
.descpagSpecialHeader a { color:#8C792A; text-decoration:none; font-weight:bold;}
.descpagSpecialHeader a:hover { color:#57341E; text-decoration:underline; }
.descpagSpecialHeader img { border: #FC6 solid 1px;}

.descpagSpecialINAGE {
	margin: 0px 0px 0px 0px;
	display: block;
	padding-top:2px;
	padding-left:2px;
	padding-right:2px;
	color:#57341E;
	background-color:#FFF;
	border:#FFF solid 2px;
	text-align: left;
	min-height:230px;
	width:277px;
	position:relative;
		box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	line-height:16px;
}
.foto {box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;}

.nuoveListeTD {
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	background:#FFFFFF;
	margin-bottom:10px;
	margin-left:5px;
	margin-right:5px;
	min-height:89px;
	padding:5px 10px 5px 5px;
	display:block;
	line-height:17px;
	}	
.nuoveListeTD img {
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -webkit-transform: rotate(358deg);
    -moz-transform: rotate(358deg);
	border:#FFF 2px solid;
	clear:both;
	margin:-5px 10px 10px -7px;
	}	
.nuoveListeTD img a:hover { border:#FC0 2px solid;}


h3.desctop { overflow: hidden; width: 98%; font-family:SteinemBoldItalic, Geneva, sans-serif; font-size: 1.3em; display: block; color:#57341E; line-height: 21px; margin-left: 5px; margin-top: 0px; margin-bottom: 0px; border-bottom: #57341E solid 1px; font-weight:bold; text-shadow: #EECD88 1px 1px 2px;}

.descpaginetop { margin: 0px 3px 0px 3px; display: block; float:right; font-family:Tahoma, Geneva, sans-serif; font-size: 0.7em; padding-top:4px; padding-left:4px; padding-right:4px;color:#57341E;}
.descpaginetop a { color:#8C792A; text-decoration:none; font-weight:bold;}
.descpaginetop a:hover { color:#57341E; text-decoration:underline; }

.infoWindow { margin: 0px 3px 0px 3px; display: block; font-family:Tahoma, Geneva, sans-serif; font-size: 0.6em; float:left; width:40%; padding-left:8px; padding-top:10px; padding-bottom:10px;}
.infoWindow a { color:#9C887B; text-decoration:none;}
.infoWindow a:hover { color:#fff; text-decoration:none; }
.pubblicita { margin:0px; text-align:center; padding: 5px 0 5px 0}
.cercaform { padding: 4px 0px 2px 6px; margin:0px; font-family:Tahoma, Geneva, sans-serif; font-size: 0.6em; color:#E9E5E2; }
.cerca {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	color: #57341E;
	background-color: #E9E5E2;
	border-right-color: #9C887B;
	border-bottom-color: #9C887B;
	border-left-color: #9C887B;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #9C887B;
	margin-top:5px;
	padding:0px;
}
.cercaButton {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight:bold;
	font-size: 11px;
	color: #57341E;
	background-color: #E9E5E2;
	border-right-color: #9C887B;
	border-bottom-color: #9C887B;
	border-left-color: #9C887B;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #9C887B;
	margin-top:5px;
}
.fijifeedContainer {
	margin:0px 0px -20px 0px;
	padding: 0px;
}
.fijifeed {
	margin:0px;
	padding: 0px 4px 0px 4px;
	text-align: right;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:0.7em;
	color:#FFF;
}
.fijifeed a { color: #EEEAE7; text-decoration:none;}
.fijifeed a:hover { color: #FFF; text-decoration:non;}
.fijiFrase { width: 226px; float:right; margin: 8px 10px 0 0px; height:34px; color:#57341E; text-shadow: #ccc 1px 1px 2px;}
.fijiFraseBig { font: 2.4em 'GoudyBookletter1911Regular', Arial, sans-serif; width:96px; float:left;}
.fijiFraseSmall { font: 0.8em 'SteinemBoldItalic', Arial, sans-serif; width:130px; float:left; padding-top:6px;}
.specials ul 
{
padding: 0px;
margin: 0px;
list-style:none;
width: 840px;
height: 160px;
float:left;
display:block;
}
.specials li 
{
list-style-type: none;
display:inline;
padding: 0px;
margin: 0px 4px 0px 0px;
float:left;
max-width:184px;
}
.specials img {
	margin-bottom:5px;

}


.vacanzeShortDesc { font-family:SteinemRegular, Geneva, sans-serif; font-size: 0.7em; display: block; margin:1px 0px 10px 0px; color:#8C792A; text-shadow: #ccc 1px 1px 2px;}

#iconeline {
	display:block;
	width:100%;
	margin: 8px 0px 5px 0px;
	}
#iconeline img{
	border: 0px;
	}
#iconeline a{
	color:#8C792A;
	text-decoration:underline;
	}
#bookform tr:nth-child(odd) {
	background-color: #BBA157;
}

.articoli {
	float:left;
	border-bottom: #FC0 solid 1px;
	display: inline;
	overflow:visible;
	width:100%;
	}
.articoli a { color: #EEEAE7; text-decoration:none;}
.articoli a:hover { color: #FFF; text-decoration:non;}	
.articoli h5 {
	font-size:1.2em;
	}
#stampalink {
	width:32px;
	float:right;
	height:32px;
	margin-left:549;
	margin-top:4px;
	}
.stampalink {
	width:32px;
	float:right;
	height:32px;
	margin-left:549;
	margin-top:4px;
	}	
.TextareaReadonly {
	width:292px;
	height:117px;
	overflow:auto;
	background-color:#FFF;
	border:#CCC 1px solid;
	font-family: "Courier New", Courier, monospace;
	font-size: 1.1em;
	margin:2px;
	color:#000;
}
input {
	font-family: "Courier New", Courier, monospace;
	font-size: 1.1em;
	}
textarea {
	font-family: "Courier New", Courier, monospace;
	font-size: 1.1em;
	}
.carosello ul{
	margin:0px;
	}
	
.carosello li{
	width: 379px;
	min-height: 405px;
	}
	
#caroselloButtons {
	width:64px;
	height:27px;
	z-index:90;
	position:absolute;
	left: 456px;
	top: 47px;
	}
	
#Richiesti { border:#8C792A 1px 1px 1px 0px solid; text-shadow: #ccc 1px 1px 2px; margin: 0px 0px 20px 0px; color: #57341E;
	}	
#Richiesti img { border: #FFF 2px solid; margin: 3px 0px 3px 0px;}	

#Richiesti a { color: #8C792A; text-decoration:none;}
#Richiesti a:hover { color: #57341E; text-decoration:none;}	
#Richiesti h3 { background: #57341E; overflow: hidden; font-family:SteinemBoldItalic, Geneva, sans-serif;  display: block; color:#FFF; line-height: 21px; margin-top: 0px; margin-bottom: 0px; border-bottom: #FC0 solid 1px; font-weight:bold; text-shadow: #333 2px 1px 2px;}
	
.notizie { border-bottom:#8C792A 1px solid}

.cartolinaTitle { font: 2em 'GoudyBookletter1911Regular', Arial, sans-serif;
	color:#FFF;
	text-shadow: #000 1px 1px 3px; }
	
	
	
.OltreLeFijiNtions {
	margin: 3px 0 10px 5px;
	font: 3.5em 'GoudyBookletter1911Regular', Arial, sans-serif;
	color:#57341E;
	text-shadow: #000 1px 1px 2px;

}	
	
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin: 0;
	margin-bottom: 25px;
	padding: 0;
	list-style-type: none;
	font-family: SteinemBoldItalic, Geneva, sans-serif;
	font-size: 13px;
	font-weight:bold; 
	text-shadow: #333 1px 1px 2px;
	cursor: default;
	width: auto;
	font-weight:bold;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: SteinemBold, Geneva, sans-serif;
	font-size: 100%;
	font-weight:bold; 
	text-shadow: #333 1px 1px 2px;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 8em;
	float: right;

}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: SteinemBold, Geneva, sans-serif;
	font-size: 100%;
	font-weight:bold; 
	text-shadow: #333 1px 1px 2px;
	z-index: 1020;
	cursor: default;
	width: 8.2em;
	position: absolute;
	left: -1000em;
	background-color: #FFF;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 8.2em;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: -6% 0 0 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	background-color: #C2A142;
	background-image:url(../images/menu-over.jpg)
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	padding: 0.5em 0.75em;
	color: #FFF;
	text-decoration: none;
	
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	text-shadow: #fff 1px 1px 2px;
	color: #57341E;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	text-shadow: #fff 1px 1px 2px;
	color: #57341E;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	

}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{


}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{


}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{


}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: right;
	}
}

/*----------------------------------- spry menu bar finish*/


/* SpryAccordion.css - version 0.4 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main Accordion container. For our default style,
 * we draw borders on the left, right, and bottom. The top border of the Accordion
 * will be rendered by the first AccordionPanelTab which never moves.
 *
 * If you want to constrain the width of the Accordion widget, set a width on
 * the Accordion container. By default, our accordion expands horizontally to fill
 * up available space.
 *
 * The name of the class ("Accordion") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * Accordion container.
 */
.Accordion {
	margin: 10px;
	border-left: solid 1px #8C792A;
	border-right: solid 1px #8C792A;
	overflow: hidden;
}

/* This is the selector for the AccordionPanel container which houses the
 * panel tab and a panel content area. It doesn't render visually, but we
 * make sure that it has zero margin and padding.
 *
 * The name of the class ("AccordionPanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel container.
*/
.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the AccordionPanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.
 *
 * The name of the class ("AccordionPanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel tab container.
 *
 * NOTE:
 * This rule uses -moz-user-select and -khtml-user-select properties to prevent the
 * user from selecting the text in the AccordionPanelTab. These are proprietary browser
 * properties that only work in Mozilla based browsers (like FireFox) and KHTML based
 * browsers (like Safari), so they will not pass W3C validation. If you want your documents to
 * validate, and don't care if the user can select the text within an AccordionPanelTab,
 * you can safely remove those properties without affecting the functionality of the widget.
 */
.AccordionPanelTab {
	background-color: #57341E;
	border-bottom: solid 1px #FFCC66;
	margin: 0px;
	color: #fff;
	padding: 4px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	padding-left: 10px;

}

/* This is the selector for a Panel's Content area. It's important to note that
 * you should never put any padding on the panel's content area if you plan to
 * use the Accordions panel animations. Placing a non-zero padding on the content
 * area can cause the accordion to abruptly grow in height while the panels animate.
 *
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 * Content container.
 *
 * The name of the class ("AccordionPanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel content container.
 */
.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 5px;
	height: 150px;
}
.AccordionPanelContent img {
	border:#FFF;
	border-style:solid;
	border-width:4px;
	margin-bottom:5px;
	margin-right:5px;
}
.AccordionPanelContent table { margin-bottom:7px; }
.AccordionPanelContent td {
	margin-bottom:2px;
	border-bottom:#660 1px solid;
}

.AccordionPanelContent tr:nth-child(1v) { background:#F4D88D;}
.AccordionPanelContent tr:nth-child(even) { background-color:#F7E1A7; }
.AccordionPanelContent tr:nth-child(odd) { background-color:#F7E9A7; }


/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */
.AccordionPanelOpen .AccordionPanelTab {
	background-color: #8C792A;
	color:#fff;
	padding-left: 12px;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover {
	color: #FFCC66;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #fff;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.AccordionFocused .AccordionPanelTab {
	background-color: #57341E;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #8C792A;
}

/*----------------------------------- spry accordion finish*/

/*----------------------------------- spry tabbed menu*/

/* SpryTabbedPanels.css - version 0.4 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* Horizontal Tabbed Panels
 *
 * The default style for a TabbedPanels widget places all tab buttons
 * (left aligned) above the content panel.
 */

/* This is the selector for the main TabbedPanels container. For our
 * default style, this container does not contribute anything visually,
 * but it is floated left to make sure that any floating or clearing done
 * with any of its child elements are contained completely within the
 * TabbedPanels container, to minimize any impact or undesireable
 * interaction with other floated elements on the page that may be used
 * for layout.
 *
 * If you want to constrain the width of the TabbedPanels widget, set a
 * width on the TabbedPanels container. By default, the TabbedPanels widget
 * expands horizontally to fill up available space.
 *
 * The name of the class ("TabbedPanels") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabbedPanels container.
 */
.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold 0.7em sans-serif;
	background-color: #fff;
	list-style: none;
	border-left: 0px;
	border-bottom: solid 0px #614429;
	border-top: 0px;
	border-right: 0px0;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	color:#57341E;
}

/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
.TabbedPanelsTabHover {
	background-color: #8C792A;
	color:#FFF;
}

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
.TabbedPanelsTabSelected {
	background-color: #EECD88;
	border-top: 1px solid #614429;
	border-right: 1px solid #614429;
	border-bottom: 1px solid #EECD88;
    border-left: 1px solid #614429;
}

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a {
	color: #614429;
	text-decoration: none;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #614429;
	border-bottom: solid 1px #614429;
	border-top: solid 1px #614429;
	border-right: solid 1px #614429;
	background-color: #EECD88;
	background-image:url(../images/tabbed_content_bg.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 0.7em;
	color:#57341E;
}
.TabbedPanelsContentGroup img {
	border:#FFF;
	border-style:solid;
	border-width:4px;
	margin-bottom:5px;
	margin-right:5px;
}

.TabbedPanelsContentGroup dd img {
	border-width:0px;
}

.TabbedPanelsContentGroup object {
	border:#FFF;
	border-style:solid;
	border-width:4px;
	margin-bottom:5px;
}

.TabbedPanelsContentGroup h3 { overflow: hidden; width: 100%; font-family:SteinemBoldItalic, Geneva, sans-serif; font-size: 1.3em; display: block; color:#57341E; line-height: 21px; margin-top: 0px; margin-bottom: 0px; border-bottom: #57341E solid 1px; font-weight:bold; text-shadow: #EECD88 1px 1px 2px;}

.TabbedPanelsContentGroup h5 { overflow: hidden; width: 100%; font-family:Tahoma, Geneva, sans-serif; font-size: 1.2em; display: block; color:#57341E; margin-top: 7px; margin-bottom: 4px; font-weight:bold; text-shadow: #EECD88 1px 1px 2px;}

.TabbedPanelsContentGroup p {
padding-left:2px;
}

.TabbedPanelsContentGroup a {
	text-decoration:none;
	font-family:Tahoma, Geneva, sans-serif;
	color:#311D11; 
	text-shadow: #EECD88 1px 1px 2px;
	
	}
.TabbedPanelsContentGroup a:hover {
    text-shadow: #fff 1px 1px 2px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#57341E; 
	}

.TabbedPanelsContentGroup hr {
	margin: 9px 20px 9px 20px;
	color: #8C792A6;
    background-color: #8C792A6;
    height: 1px;
}


/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent {
	padding: 4px;
}

/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {
}

/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */

/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}



/*----------------------------------- spry tabbed menu finish*/


/*----------------------------------- spry text validation*/

/* SpryValidationTextField.css - version 0.4 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	display: inline;
	color: #CC3333;
	border: 1px solid #CC3333;
}



/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the INPUT has a green background applied on it. */
.textfieldValidState input, input.textfieldValidState {
	background-color: #B8F5B1;
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #FF9F9F;
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.textfieldFocusState input, input.textfieldFocusState {
	background-color: #FFFFCC;
}

/* This class applies only for a short period of time and changes the way the text in the textbox looks like.
 * It applies only when the widget has character masking enabled and the user tries to type in an invalid character.
 */
.textfieldFlashText input, input.textfieldFlashText {
	color: red !important;
}

/* When the widget has the hint message on, the hint text can be styled differently than the user typed text. */
.textfieldHintState input, input.textfieldHintState {
	/*color: red !important;*/
}


/*----------------------------------- spry text validation finish*/

/*----------------------------------- spry text area validation*/

/* SpryFormValidation.css - version 0.5 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */



/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textareaRequiredMsg,
.textareaMinCharsMsg,
.textareaMaxCharsMsg,
.textareaValidMsg {
	display:none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textareaRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textareaRequiredState .textareaRequiredMsg,
.textareaMinCharsState .textareaMinCharsMsg,
.textareaMaxCharsState .textareaMaxCharsMsg
{
	display: inline;
	color: #CC3333;
	border: 1px solid #CC3333;
}

/* The next three group selectors control the way the core element (TEXTAREA) looks like when the widget is in one of the states: * focus, required / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the TEXTAREA
 * - the widget id is placed on the TEXTAREA element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the TEXTAREA has a green background applied on it. */
.textareaValidState textarea, textarea.textareaValidState {
	background-color:#B8F5B1;
}

/* When the widget is in an invalid state the TEXTAREA has a red background applied on it. */
textarea.textareaRequiredState, .textareaRequiredState textarea, 
textarea.textareaMinCharsState, .textareaMinCharsState textarea, 
textarea.textareaMaxCharsState, .textareaMaxCharsState textarea {
	background-color:#FF9F9F;
}

/* When the widget has received focus, the TEXTAREA has a yellow background applied on it. */
.textareaFocusState textarea, textarea.textareaFocusState {
	background-color:#FFFFCC;
}

/* This class applies only for a short period of time and changes the way the text in the textarea looks like.
 * It applies only when the widget has enforce max chars enabled and the user tries to type some more.
 */
.textareaFlashState textarea, textarea.textareaFlashState{
	color:red !important;
}
/* When the widget has the hint message on, the hint text can be styled differently than the user typed text. */
textarea.textareaHintState, .textareaHintState textarea{
	/* color: red !important;*/
}
/*----------------------------------- spry text area validation finish*/


/*----------------------------------- spry radio validation */

/* SpryValidationRadio.css - version 0.1 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2007. Adobe Systems Incorporated. All rights reserved. */


/* These are the classes applied on the messages
 * (required message and invalid value message )
 * which prevent them from being displayed by default.
 */
.radioRequiredMsg, .radioInvalidMsg{
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and font color for the error text.
 * The state class (e.g. .radioRequiredState) is applied on the top-level container for the widget, 
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.radioRequiredState .radioRequiredMsg,
.radioInvalidState .radioInvalidMsg{
	display: inline;
	color: #CC3333;
	border: 1px solid #CC3333;
}
/*----------------------------------- spry radio validation finish*/


/*----------------------------------- RSS BOX*/


.rss-box {
	 width: 320px;
	 margin:0px;
	 
}
.rss-items {
	margin-top:0px;
	padding:0.5em;
	margin-left:0px;
	color:#000000;
}
.rss-title {
	text-decoration: none;
	font: 0.7em Tahoma, Geneva, sans-serif;
	color:#000;
	font-weight:bold;
	margin: 0px;
	padding:0em;
	text-align: left;
}

.rss-item  {
  font: 11px 'tahoma', Tahoma, sans-serif;
  color: #9C887B;
  list-style:none;
  padding-bottom:9px;
}

.rss-item a {
	text-decoration : none;
	font-weight:bold;
	color:#9C887B;
	}
.rss-item a:hover {
	text-decoration : none;
	font-weight:bold;
	color:#fff;
	}
	
.rss-item a:visited {
	color:#7D6251;
}

.rss-date {
	font-weight : normal;
	color: #030;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	} 


/*  -------------------------------       TOOL TIP      */



#tooltip{
    width:auto;
    max-width:450px;
    min-width:100px;
    border:1px solid;
    background:#000;
    padding:5px;
    margin-top:4px;
	font-family:Tahoma, Geneva, sans-serif;
    font-size:11px;
    color:#fff;
}

#tooltip #ttimg.top{
    margin-top:-17px;
    margin-left:7px
}
#tooltip #ttimg.bottom{
    bottom:0;
    margin-bottom:-12px;
    margin-left:7px
}


#tooltip.default{
    border:3px solid white;
    background:#000;
    color:#fff;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px; 
    margin-top:2px;
}


#tooltip.default #ttimg.top{
	position:relative;
		margin-top:-8px;
    margin-left:-8px
}
#tooltip.default #ttimg.bottom{
	position:relative;
    bottom:0;
    margin-bottom:-3px;
    margin-left:-8px
}

/* ----------------------------------------------------caption styling */

.caption img {
	margin-top:4px;
	}

.caption-top, .caption-bottom {
	color: #ffffff;	
	padding: 3px;	
	font-size: 11px;	
	font-family: tahoma;	
	cursor: default;
	border: 0px solid #334143;
	background: #000000;
	text-shadow: 1px 1px 0 #202020;
}
.caption-top {
   border-width: 0px 0px 8px 0px;
}
.caption-bottom {
   border-width: 8px 0px 0px 0px;
}
.caption a, .caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0.3em;
}
.caption a:hover, .caption a:hover {
	background: #202020;
}

br.c { clear: both; }

/* -------------------------------------------------------------------------*/

/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
*/


/* Component containers
----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fed22f; background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #ffffff; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_ef8c08_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_228ef1_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_ffd27a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }

.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }/* Resizable
----------------------------------*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Dialog
----------------------------------*/
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }


/* -------------------------------------------------------------------------*/

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Copyright (c) 20010 Janis Skarnelis
 * Examples and documentation at: http://fancybox.net
 *
 * Version: 1.3.0 (02/02/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */
 
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	background: transparent;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('fancybox/fancy_loading.png') no-repeat;
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 32px;
	height: 32px;
	background: url('fancybox/fancy_close.png') top left no-repeat;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background: url('fancybox/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background: transparent url('fancybox/fancy_title_left.png') repeat-x;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background: transparent url('fancybox/fancy_title_main.png') repeat-x;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background: transparent url('fancybox/fancy_title_right.png') repeat-x;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background: transparent url('fancybox/fancy_nav_left.png') no-repeat;
}

#fancybox-right-ico {
	background: transparent url('fancybox/fancy_nav_right.png') no-repeat;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

div.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	z-index: 1001;
}

div#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('fancybox/fancy_shadow_n.png') repeat-x;
}

div#fancy-bg-ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('fancybox/fancy_shadow_ne.png') no-repeat;
}

div#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('fancybox/fancy_shadow_e.png') repeat-y;
}

div#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('fancybox/fancy_shadow_se.png') no-repeat;
}

div#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('fancybox/fancy_shadow_s.png') repeat-x;
}

div#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('fancybox/fancy_shadow_sw.png') no-repeat;
}

div#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('fancybox/fancy_shadow_w.png') repeat-y;
}

div#fancy-bg-nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('fancybox/fancy_shadow_nw.png') no-repeat;
}

/*------------------------------------------------------------------LOADER */



div#page-loader {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0%;
  left: 0;
  right: 0%;
  background-image:url(../images/loader_bg.png);
  background-attachment: scroll;
  background-position:top;
  background-repeat:repeat-x;
  z-index: 99;
  display: none;
  text-align: left;
  width: 100%;
  padding-top: 25px;

}

/*--------------------------------------------------------------END LOADER */


/*--------------------------------------------------------------SLIDE BOX (mappa)*/

/* @override http://samuelgarneau.com/lab/slidebox/slidebox-my-own-style.css */

.slide-button {
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
	color: #4c5153;
	background-color: #333;
}

.slide-button:hover {

}

#workspace {
	padding-top: 50px;
}

#list-1 {
	display: inline;
	float: left;
}

#list-2 {
	display: inline;
	float: left;
}

#list-3 {
	float: left;
}

#list-4 {
	float: left;
}

ul.list {
	line-height: 20px;
	list-style-type: none;
	width: 20%;
	font-size: 0.85em;
}

ul.list li {
	border-bottom: 1px solid rgba(73,81,84,0.49);
	padding-top: 3px;
	padding-bottom: 3px;
	cursor: pointer;
}

ul.list li:hover {
	color: #9f9d8e;
}

ul.list li.header {
	color: #e56f03;
	letter-spacing: 3px;
	padding-bottom: 20px;
	font-variant: small-caps;
	font-size: 1.7em;
	margin-top: 10px;
	cursor: text;
}

ul.list li.header:hover {
	font-size: 1.7em;
}

label {
	display: block;
}

/* @override 
	http://samuelgarneau.com/slidebox.css
	http://samuelgarneau.com/lab/validator/slidebox.css
	http://samuelgarneau.com/lab/slidebox.css
	http://samuelgarneau.com/lab/slidebox/style/slidebox.css
*/



.slide-panel {
	z-index: 25;
	width: 5px;
	position: relative;
}

.bottom {
	bottom: 0;
}

.right {
}

.left {
	position: absolute;
	left: 0;
}

.top {
	top: 0;
}



.content {
	margin-left: auto;
	margin-right: auto;
	z-index: 10;
	overflow: hidden;
	text-align: left;
	background-color: #F4D88D;
	height: 0;
	width: 100%;
	color: #fff;
	border-bottom: #57341E solid 1px;
}

.slide-button {
	margin-left: auto;
	margin-right: 15px;
	position: relative;
	width: 150px;
	z-index: 20;
	cursor: pointer;
	height: 21px;
	padding-top: 1px;
	text-align: center;
	background-image:url(../../../images/mappa_bg.jpg);
	background-repeat:no-repeat;
	font-family:SteinemBoldItalic, Geneva, sans-serif; 
	font-size: 0.8em; 
	color:#FFF; 
	font-weight:bold; 
	text-shadow: #333 2px 1px 2px;
	float:right
}

.slide-button:hover {
	text-shadow: #000 2px 1px 2px;
}
/*-------------------------------------------------------------- END SLIDE BOX (mappa)*/