body {
	margin: 0px;
	padding: 0px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	background-color: #ffffff;
	width:100%;
	height:100%;
	min-width:860px;
	background-image:url(../img/faitasicilia/sfondo.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

a:active {
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
}
:focus {
	outline-style:none;
}

.clear{
	clear:both;
}

#ombra{
	z-index:3;
	width:840px;
	background-image: url(../img/ombra.png);
	background-repeat:no-repeat;
	background-position:top center;
	margin:auto;	
	position:relative;
	margin-top:5px;
    height:730px;
}

/*

#fascia_big{
	z-index:1;
	margin-top:130px;
	height:117px;
	width:100%;
	background-color:;	
}
	
#fascia_small{
	z-index:2;
	height:13px;
	width:100%;
	background-color:#ff7300;	
}

#fascia_trasp_container{
	z-index:6;
	margin:auto;
	height:117px;
	width:826px;	
}
#fascia_big_container{
	z-index:7;
	margin:auto;
	height:117px;
	width:826px;
	background-color:;	
}
	
#fascia_small_container{
	z-index:8;
	margin:auto;
	height:13px;
	width:826px;
	background-color:#ff7300;	
}

*/


#container{
	z-index:5;
	width:840px;
	height:475px;
}

#main{
	z-index:10;
	width:800px;
	padding:20px;
	padding-top:7px;
	height:auto;
	position:absolute;
	margin:0px;
	margin-top:25px;
}

#testata{
	width:800px;
	height:95px;
}

#logo{
	width:61px;
	height:61px;
	background-image:url(../img/logo.png);
	background-repeat:no-repeat;
	margin-left:15px;
	margin-top:-83px;
}
.logo{
	color:#ff7300;
	font-size:40px;
	padding-left:80px;
	width:auto;
	height:auto;
}
#flag {
    float:right;
    height:50px;
    margin-top:-50px;
    position:absolute;
    right:30px;
    text-align:right;
    width:400px;
}
/*
#flag{
	width:400px;
	height:12px;
	float:right;
	text-align:right;
	margin-top:-70px;
    margin-right:5px;
}*/
#flag img{
	margin-left:10px;
}

#menu{
	margin-top:3px;
	color:#FFF;
	font-size:16px;
    height:39px;
}
.sfondo_colorato{
	width:100%;
	height:39px;
	background-color:#ff7300;	
}
.sfondo_dark{
	width:100%;
	height:39px;
	background-color:#333333;	
}
.sfondo_dark{	
    color:#fff
}
.sfondo_light{
	width:100%;
	height:39px;
	background-color:#e9e9ea;	
}
.sfondo_light{	
    color:#000 !important;
}

.sx{
	width:15px;
	height:39px;
	background-image:url(../img/menu_sx.png);
	float:left;
}
.sx_light{
	background-image:url(../img/menu_sx_light.png);
}
.sx_dark{
	background-image:url(../img/menu_sx_dark.png);
}
.dx{
	width:15px;
	height:39px;
	background-image:url(../img/menu_dx.png);
	float:left;
}
.dx_light{
	background-image:url(../img/menu_dx_light.png);
}
.dx_dark{
	background-image:url(../img/menu_dx_dark.png);
}
.cx{
	width:690px;
	height:39px;
	background-image:url(../img/menu_pat.png);
	background-repeat:repeat-x;
	float:left;
	padding-left:80px;
	font-size:16px;
	color:#fff;
}

.icona{
	width:25px;
	height:39px;
	background-image:url(../img/menu_pat.png);
	background-repeat:repeat-x;
	float:left;
}

.btn_menu_selezionato{
	cursor:pointer;
	float:left;
	width:auto;
	color:#ff7300;
}
.btn_menu_selezionato a{
	color:#ff7300 !important;
	text-decoration:none;
}
.btn {
	cursor:pointer;
	float:left;
	width:auto;
	color:#ffffff;
}
.sx_btn{
	width:10px;
	height:39px;
	background-image:url(../img/btn_sx.png);
	background-position:bottom;
	float:left;
}

.dx_btn{
	width:10px;
	height:39px;
	background-image:url(../img/btn_dx.png);
	background-position:bottom;
	float:left;
}
.cx_btn{
	width:auto;
	height:31px;
	background-image:url(../img/btn_pat.png);
	background-repeat:repeat-x;
	background-position:bottom;
	float:left;
	padding-top:8px;
}

.sx_btn_sel{
	width:10px;
	height:39px;
	background-image:url(../img/btn_sx.png);
	background-position:top;
	float:left;
}
.dx_btn_sel{
	width:10px;
	height:39px;
	background-image:url(../img/btn_dx.png);
	background-position:top;
	float:left;
}
.cx_btn_sel{
	width:auto;
	height:31px;
	background-image:url(../img/btn_pat.png);
	background-repeat:repeat-x;
	background-position:top;
	float:left;
	padding-top:8px;
}
.cx_btn a, .cx_btn_sel a {
	color:#FFFFFF;
	text-decoration:none;
}



.sx_btn_light{
	width:10px;
	height:39px;
	background-image:url(../img/btn_sx_light.png);
	background-position:bottom;
	float:left;
}

.dx_btn_light{
	width:10px;
	height:39px;
	background-image:url(../img/btn_dx_light.png);
	background-position:bottom;
	float:left;
}
.cx_btn_light{
	width:auto;
	height:31px;
	background-image:url(../img/btn_pat_light.png);
	background-repeat:repeat-x;
	background-position:bottom;
	float:left;
	padding-top:8px;
}
.sx_btn_light_sel{
	width:10px;
	height:39px;
	background-image:url(../img/btn_sx_light.png);
	background-position:top;
	float:left;
}
.dx_btn_light_sel{
	width:10px;
	height:39px;
	background-image:url(../img/btn_dx_light.png);
	background-position:top;
	float:left;
}
.cx_btn_light_sel{
	width:auto;
	height:31px;
	background-image:url(../img/btn_pat_light.png);
	background-repeat:repeat-x;
	background-position:top;
	float:left;
	padding-top:8px;
}
.cx_btn_light a{
	color:#FFFFFF;
	text-decoration:none;
}
.cx_btn_light_sel a {
	color:#000;
	text-decoration:none;
}






.divisore_menu{
	width:2px;
	height:39px;
	background-image:url(../img/menu_div.png);
	margin-left:3px;
	margin-right:3px;
	float:left;
}

#corpo{
	width:auto;
	height:auto;
}

#cover{
	width:530px;
	height:277px;
	float:left;
	position:relative;
	background-image:url(../img/cover_sfondo.png);
}

#cover img {
    position:absolute;
    top:5px;
    left:5px;
    z-index:18;
    opacity:0.0;
}

#cover img.active {
    z-index:20;
    opacity:1.0;
}

#cover img.last-active {
    z-index:19;
}



.btn_big a{
	color:#FFF;
	font-size:16px;
	text-decoration:none;
}
.btn_big a:hover {
	color:#333;
	font-size:16px;
	text-decoration:none;
}
.btn_big_hover {
	color:#333 !important;
	font-size:16px !important;
	text-decoration:none !important;
}


.btn_big_dark a{
	color:#FFF;
	font-size:16px;
	text-decoration:none;
}
.btn_big_dark a:hover {
	color:#ff7300;
	font-size:16px;
	text-decoration:none;
}
.btn_big_hover_dark {
	color:#ff7300 !important;
	font-size:16px !important;
	text-decoration:none !important;
}

.btn_big_light a{
	color:#333;
	font-size:16px;
	text-decoration:none;
}
.btn_big_light a:hover {
	color:#ff7300;
	font-size:16px;
	text-decoration:none;
}
.btn_big_hover_light {
	color:#ff7300 !important;
	font-size:16px !important;
	text-decoration:none !important;
}



.titoletto{
	font-size:16px;
}
.colore{
	color:#ff7300;
}

input{
	border:1px solid #c6c3c3;
	height:16px;
	font-size:12px;
	font-family:Tahoma, Geneva, sans-serif;
	padding-top:4px;
	padding-right:2px;
	padding-left:2px;
	color:#ff7300;
}
textarea{
	border:1px solid #c6c3c3;
	font-size:12px;
	font-family:Tahoma, Geneva, sans-serif;
	padding-top:4px;
	padding-right:2px;
	padding-left:2px;
	color:#ff7300;
}
select{
	border:1px solid #c6c3c3;
	font-size:12px;
	font-family:Tahoma, Geneva, sans-serif;
	height:22px;
	padding-bottom:2px;
	padding-right:2px;
	padding-top:2px;
	cursor:pointer;
	color:#ff7300;
}

.checkbox {
	border: none;
	height:10px;
	cursor:pointer;
	color:#ff7300;
} 
.divisore_corpo{	
	height:1px;
	border-bottom:1px dotted #ff7300;
}
.divisore_corpo_trasp{	
	height:10px;
}



/* BOX BIANCO */

.box_bianco{
	width:260px;
	height:auto;
	float:left;
}

.box_bianco_sx_top{
	width:15px;
	height:15px;
	background-image:url(../img/bianco_sx_top.png);
	float:left;
}
.box_bianco_cx_top{
	width:auto;
	height:15px;
	background-image:url(../img/bianco_cx_top.png);
	background-repeat:repeat-x;
	float:left;
}
.box_bianco_dx_top{
	width:15px;
	height:15px;
	background-image:url(../img/bianco_dx_top.png);
	float:left;
}

.box_bianco_sx_centro{
	width:15px;
	height:auto;
	background-image:url(../img/bianco_sx_pat.png);
	background-repeat:repeat-y;
	float:left;
}
.box_bianco_cx_centro{
	width:auto;
	height:auto;
	background-color:#FFF;
	color:#000;
	float:left;
}
.box_bianco_dx_centro{
	width:15px;
	height:auto;
	background-image:url(../img/bianco_dx_pat.png);
	background-repeat:repeat-y;
	float:left;
}

.box_bianco_sx_footer{
	width:15px;
	height:15px;
	background-image:url(../img/bianco_sx_footer.png);
	float:left;
}
.box_bianco_cx_footer{
	width:230px;
	height:15px;
	background-image:url(../img/bianco_cx_footer.png);
	background-repeat:repeat-x;
	float:left;
}
.box_bianco_dx_footer{
	width:15px;
	height:15px;
	background-image:url(../img/bianco_dx_footer.png);
	float:left;
}


/* BOX GRIGIO CHIARO */

.box_grigiochiaro{
	width:260px;
	height:auto;
	float:left;
}

.box_grigiochiaro_sx_top{
	width:15px;
	height:15px;
	background-image:url(../img/grigiochiaro_sx_top.png);
	float:left;
}
.box_grigiochiaro_cx_top{
	width:auto;
	height:15px;
	background-image:url(../img/grigiochiaro_cx_top.png);
	background-repeat:repeat-x;
	float:left;
}
.box_grigiochiaro_dx_top{
	width:15px;
	height:15px;
	background-image:url(../img/grigiochiaro_dx_top.png);
	float:left;
}

.box_grigiochiaro_sx_centro{
	width:15px;
	height:auto;
	background-image:url(../img/grigiochiaro_sx_pat.png);
	background-repeat:repeat-y;
	float:left;
}
.box_grigiochiaro_cx_centro{
	width:auto;
	height:auto;
	background-color:#e9e9ea;
	color:#000;
	float:left;
}
.box_grigiochiaro_dx_centro{
	width:15px;
	height:auto;
	background-image:url(../img/grigiochiaro_dx_pat.png);
	background-repeat:repeat-y;
	float:left;
}

.box_grigiochiaro_sx_footer{
	width:15px;
	height:15px;
	background-image:url(../img/grigiochiaro_sx_footer.png);
	float:left;
}
.box_grigiochiaro_cx_footer{
	width:230px;
	height:15px;
	background-image:url(../img/grigiochiaro_cx_footer.png);
	background-repeat:repeat-x;
	float:left;
}
.box_grigiochiaro_dx_footer{
	width:15px;
	height:15px;
	background-image:url(../img/grigiochiaro_dx_footer.png);
	float:left;
}



/* BOX GRIGIO CHIARO */

.box_grigioscuro{
	width:260px;
	height:auto;
	float:left;
}

.box_grigioscuro_sx_top{
	width:15px;
	height:15px;
	background-image:url(../img/grigioscuro_sx_top.png);
	float:left;
}
.box_grigioscuro_cx_top{
	width:auto;
	height:15px;
	background-image:url(../img/grigioscuro_cx_top.png);
	background-repeat:repeat-x;
	float:left;
}
.box_grigioscuro_dx_top{
	width:15px;
	height:15px;
	background-image:url(../img/grigioscuro_dx_top.png);
	float:left;
}

.box_grigioscuro_sx_centro{
	width:15px;
	height:auto;
	background-image:url(../img/grigioscuro_sx_pat.png);
	background-repeat:repeat-y;
	float:left;
}
.box_grigioscuro_cx_centro{
	width:auto;
	height:auto;
	background-color:#333;
	color:#fff;
	float:left;
}
.box_grigioscuro_dx_centro{
	width:15px;
	height:auto;
	background-image:url(../img/grigioscuro_dx_pat.png);
	background-repeat:repeat-y;
	float:left;
}

.box_grigioscuro_sx_footer{
	width:15px;
	height:15px;
	background-image:url(../img/grigioscuro_sx_footer.png);
	float:left;
}
.box_grigioscuro_cx_footer{
	width:230px;
	height:15px;
	background-image:url(../img/grigioscuro_cx_footer.png);
	background-repeat:repeat-x;
	float:left;
}
.box_grigioscuro_dx_footer{
	width:15px;
	height:15px;
	background-image:url(../img/grigioscuro_dx_footer.png);
	float:left;
}


/* ELENCO CAMPEGGI */

#elenco_campeggi{
	width:530px;
	height:auto;
	float:left;
}
#cartina{
	width:260px;
	height:477px;
	float:right;
	background-color:#CCC;
}

.fotina{
	background-image:url(../img/foto_small_campeggio_sfondo.png);
	padding-top:10px;
	padding-left:10px;
	width:110px;
	height:85px;
	float:left;
	margin-right:5px;
}

.stelle {
    float:right;
    height:16px;
    text-align:right;
    width:80px;
    margin:0px;
    padding:0px;
}

.testo{
	text-align:left;
	vertical-align:top;
	height:75px;
}
.link a{
	color:#ff7300;
	text-decoration:none;
}
.link a:hover{
	color:#ff7300;
	text-decoration:underline;
}

.link_dark a{
	color:#333 !important;
	text-decoration:none;
}
.link_dark a:hover{
	color:#333 !important;
	text-decoration:underline;
}

.dettagli_sx{
	width:10px;
	height:27px;
	background-image:url(../img/fascia_dettagli_sx.png);
	float:left;
}
.dettagli_dx{
	width:10px;
	height:27px;
	background-image:url(../img/fascia_dettagli_dx.png);	
	background-position:-5px;
	float:left;
}
.dettagli_cx{
	width:auto;
	height:21px;
	background-image:url(../img/fascia_dettagli_cx.png);
	background-repeat:repeat-x;
	float:left;
	font-size:12px;
	color:#FFF;
	font-weight:bold;
	padding-top:6px;
}

.dettagli_cx a{
	margin-left:10px;
	margin-right:10px;
	color:#ffffff;
	text-decoration:none;
}
.dettagli_cx a:hover{
	color:#ffffff;
	text-decoration:underline;
}



#footer{
	width:800px;
	height:auto;
	background-color:#e9e9ea;
	color:#333;
	font-size:10px;
    position:relative;
}
#footer a{
	color:#333;
	text-decoration:none;
}
#footer a:hover{
	color:#333;
	text-decoration:underline;
}
#footer_sx_top{
	width:15px;
	height:15px;
	background-image:url(../img/footer_top_sx.png);
	float:left;
}
#footer_cx_top{
	width:770px;
	height:15px;
	float:left;
}
#footer_dx_top{
	width:15px;
	height:15px;
	background-image:url(../img/footer_top_dx.png);
	float:left;
}


#footer_dati{
	width:770px;
	height:auto;
	float:left;
	padding-left:15px;
}
#footer_powered{
	bottom:15px;
	right:0px;
	position:absolute;
	width:200px;
	height:auto;
	float:right;
	text-align:right;
	padding-right:15px;
}

#footer_sx_footer{
	width:15px;
	height:15px;
	background-image:url(../img/footer_bottom_sx.png);
	float:left;
}
#footer_cx_footer{
	width:770px;
	height:15px;
	float:left;
}
#footer_dx_footer{
	width:15px;
	height:15px;
	background-image:url(../img/footer_bottom_dx.png);
	float:left;
}

#nav li {
float:left;
list-style-type:none;
margin-top:0;
padding-left:1px;
text-align:center;
width:82px;
}

#nav li a{
text-decoration:none;
cursor: pointer;
}

#panes {
height:255px;
margin-bottom:-20px;
padding-bottom:20px;
position:relative;
width:500px;
}

#panes>div {
display:none;
left:5px;
position:absolute;
top:20px;
width:490px;
}


/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 460px;
	height:23px;

	/* custom decorations */

	
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items>div {
	float:left;
	width:680px;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:20px 5px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	width:100px;
	height:75px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #ff7300;
	position:relative;
	cursor:default;
}


#tagCloud { 
    width:220px; 
    text-align:left; 
    overflow:auto; 
    font-size:65%; 
    font-family:arial;
    overflow:hidden;
    height: 93px;
}
#tagCloud h2 { 
    color:#ff7300; 
    font-size:2.0em; 
    margin:0 0 2px 0;    
}

#tagList { 
    margin:0; 
    padding:0; 
}
#tagList li { 
    list-style-type:none; 
    /*float:left; */
    margin:1px 5px; 
    /*height:35px;*/
}
#tagList li a { 
    text-decoration:none; 
    color:#ff7300; 
}
#tagList li a:hover { 
	text-decoration:underline; 
}




.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}
.ac_over {
	background-color: #ff7300;
	color: white;
}