/* CSS Document */

@ Font-face {
font-family: QTAvanti Regular, "Trebuchet MS";
src: url('QTAvanti Regular.ttf'); 
} 
a:focus { outline: 0; }

a{ text-decoration:none; color:#FFF;}
a:hover{ text-decoration:none; color:#CCC;}

html, body{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}
#sfondo-css{
	position:absolute;
	/*height:100%;
	width: 100%;*/
	background-attachment: fixed;
	margin: 0;
	padding: 0;
	z-index: 1;
	}
#all{
	position: absolute;
	z-index: 2;
	top:0;
	left:0;
	overflow:inherit;
	width: 100%;
	height:100%
	}

div.briciole{
font-family: QTAvanti Regular, "Trebuchet MS";
font-size:12px;
color:#FFF;
padding-left:100px; padding-top:45px;
}
a.link_bri{
text-decoration:none;
font-family: QTAvanti Regular, "Trebuchet MS";
color:#FFF;
font-size:12px;
}
a.link_bri:hover{
text-decoration:none;
font-family: QTAvanti Regular, "Trebuchet MS";
color:#cc66cc;
font-size:12px;
}


div.image{
padding-top:70px;
}
div.image2{
padding-top:25px;
}
/* HOMEPAGE */

/*div.corpoHo{
	width:1004px;
	height:568px;
	background-image:url(bgHO.jpg);
	}
	div.homeTop{
	height:458px;
	}
	div.homeBot{
	height:110px;
	}*/
	
	
.corpoHo{
	/*width:1004px;*/
	/*height:568px;*/
	height:100%;
	}
	div.homeTop{
	/*height:458px;*/
	
	
	}
	div.homeBot{
	width:100%;
	position:absolute;
	bottom:29px;	
	}
	div.hbL{
	float:left;
	}
	div.hbR{
	float:right;
	width:404px;
	text-align:right;
	color:#FFF;
	}
	div.lang{
		/*background-image:url(bgLang.gif);*/
		/*width:234px;*/
		position:absolute;
		bottom:0;
		right:0;
		height:30px;
		background-color:#000;
		}
		div.langL{
		float:left;
		/*width:80px;*/
		position:relative;
		text-align:right;
		}
		#langR{
		width:160px;
		height:30px;
		float:right;
		text-align:left;
		padding-left:5px;
		padding-top:4px;
		background-color:#000;
		position:relative;
		}
		
		
	a.la{
	font-family: QTAvanti Regular, "Trebuchet MS";
	text-decoration:none;
	color:#FFF;
	font-size:11px;
	line-height:14px;
	margin:0;
	}
	a.la:hover{
	font-family: QTAvanti Regular, "Trebuchet MS";
	text-decoration:none;
	color:#FF6699;
	font-size:11px;
	line-height:14px;
	margin:0;
	}
	.la-stat{ color:#cc66cc;font-size:11px; }
	
/* BOX EVENTI */
div.evento{
width:450px;
padding:20px;
height:70px;
margin-left:30px;
color:#FFF;
font-size:14px;
line-height:20px;
background-image:url(bgEvent.png);
}
div.contEvento{
font-family: QTAvanti Regular, "Trebuchet MS";
}
/*.titleEv{
color:#cc66cc;
font-size:28px;
display:block;
padding-bottom:10px;
}*/
a.titleEv{
	text-decoration:none;
	font-family: QTAvanti Regular, "Trebuchet MS";
	color:#cc66cc;
	font-size:28px;
	display:block;
	padding-bottom:10px;
	}
a.titleEv:hover{
	text-decoration:none;
	font-family: QTAvanti Regular, "Trebuchet MS";
	color:#cc66cc;
	font-size:28px;
	display:block;
	padding-bottom:10px;
	}

/* FOOTER */
/*div.footer{
width:1004px;
padding:4px 0 5px 0;
background-color:#4b4545;
color:#CCC;
float:left;
clear:both;
font-size:11px;
}*/


div.footer{
font-family: QTAvanti Regular, "Trebuchet MS";
position:absolute;
bottom:0px;
padding:4px 0 5px 0;
width:100%;
background-color:#4b4545;
z-index:999999;
color:#CCC;
font-size:11px;
}

div.fooL{
float:left;
padding-left:50px;
}
div.fooR{
float:right;
padding-right:50px;
padding-top:5px;
}
a.fooLink{
font-family: QTAvanti Regular, "Trebuchet MS";
	text-decoration:none;
	color:#CCC;
	font-size:11px;
	}
a.fooLink:hover{
font-family: QTAvanti Regular, "Trebuchet MS";
	text-decoration:none;
	color:#FFF;
	font-size:11px;
	}



/** MENU **/
div.menu{
width:50px;
/*height:65px;*/
background-color:#4b4545;
margin-left:34px;
color:#FFF;
}

/** INTERNO 01**/
div.page01{
	width:100%;
	
	}
	div.top01{
	width:100%;
	height:180px;
	}
	div.mid01{
	position:absolute;
	width:100%;
	height:100%;
	background-image:url(bgSch.png);
	}
	div.scheda{
	width:100%;
	height:100%;
	float:left;
	}
	div.cont_gallery{
		position:absolute;
		z-index:3;
		width:100%;
		height:100%;
		text-align:center;
		background-image:url(bgGallery.jpg);
		top:82px;
		bottom:0;
		}
	div.gall{
		width:100%;
		float:left;
		bottom:0;
		}
	div.newSlider{
		height:100%;
		}

	div.cont_video{
	position:absolute;
	width:60%;
	padding:0 20% 0 20%;
	height:86%;
	background-image:url(bgGallery.jpg);
	top:82px;	
	}
	div.video{
	width:592px;
	height:465px;
	margin-top:20px;
	margin-left:15%;
	text-align:center;
	}

/** PRESENTAZIONE + STYLIST **/
div.demo{
width:100%;
float:left;
}
H2.titleStyle{
	font-family: QTAvanti Regular, "Trebuchet MS";
	font-size:14px;
	
	margin:0;
	display:inline;
	}
a.titleStyle2{
	text-decoration:none;
	font-family: QTAvanti Regular, "Trebuchet MS";
	font-size:16px;	
	padding:0 0 8px 0;
	font-weight:bold;
	color:#FFF;
	}
a.titleStyle2:hover{
	text-decoration:none;
	font-family: QTAvanti Regular, "Trebuchet MS";
	font-size:16px;	
	padding:0 0 8px 0;
	color:#FFF;
	font-weight:bold;
	}
	
/*div.contSty{ background-color:#6633FF; display:block; float:left; width:100%}*/
a.style{
	background-color:#d084ce; color:#4d424a; display:block; float:left; width:100%;  margin-bottom:5px; padding:5px;}

/** INTERNO 02**/	
	div.layIndice_on{
	width:100%;
	height:118px;
	margin-bottom:6px;
	}
	/* indice*/
	div.indiFlora_on{
	width:100%;
	height:104px;
	background-color:#22201c;
	text-align:right;
	margin-bottom:5px;
	clear:left;
	}
	div.indiZefiro_on{
	width:100%;
	height:104px;
	background-color:#22201c;
	text-align:right;
	margin-bottom:5px;
	clear:left;
	}
	div.indiCloris_on{
	width:100%;
	height:104px;
	background-color:#22201c;
	text-align:right;
	margin-bottom:5px;
	clear:left;
	}
	/**/
	div.icon_indice{
	padding:0px 0 0 95px;
	}
	div.icon_indice2{
	padding:0;
	}
	img.icon{
	float:left;
	margin-right:10px;
	}
	
/** SCHEDA**/

	div.layIndice{
	width:1004px;
	height:82px;
	background-color:#22211c;
	text-align:right;
	}
	/**/
	div.top_sch{
	width:100%;
	height:184px;
	background-color:#22211c;
	}
	div.top_sch_bis{
	width:100%;
	height:120px;
	background-color:#22211c;
	}
	div.page_sch{ /*** livello in trasparenza ****/
	position:absolute;
	width:100%;
	height:100%;
	background-image:url(bgSch.png);
	
	}
	div.cont_sch{
	width:100%;
	float:left;
	}
		/*div.sch_L{
		width:394px;
		height:310px;
		padding:20px 40px 35px 96px;
		background-color:#CCC;
		float:left;
		}
		div.sch_R{
		width:474px;
		height:345px;
		padding:20px 0 0 0;
		background-color:#EEE;
		float:right;
		}*/
		div.sch_L{
		width:42%;
		padding:0 0 20px 9%;
		float:left;
		}
		div.sch_R{
		width:48%;
		/*padding:20px 2% 20px 2%;*/
		float:right;
		vertical-align:top
		
		}
		div.sch_R3{
		width:45%;
		/*padding:20px 2% 20px 2%;*/
		float:right;
		vertical-align:top;
		
		}
		/** nuovi css per gallery **/
		div.sch_R2{
		width:56%;
		float:right;
		padding-right:20px;
		position:fixed;
		right:40px;
		}
		div.slid{
		position:absolute;
		z-index:1;
		top:50px;
		right:40px;
		}
		/***/
		.sch_txt{
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
		text-align:justify;
		color:#FFF;
		}
	
	/**/
	H2.title{
	font-family: QTAvanti Regular, "Trebuchet MS"; 
	color:#FFF;
	font-size:22px;
	margin:0 0 32px 0;
	padding:0;
	font-weight:normal;
	letter-spacing:-1px;
	}
	
	/**/
	

	div.chiudi{
	text-align:right;
	padding:16px 75px 5px 0;

	}
	div.chiudi2{
	float:right;
	text-align:right;
	padding:16px 0 5px 0;
	}




/* CODICE PER EFFETTI SUL MENU*/
#sliderWrap {
margin:0 0 0 24px;
} 
#slider {
position: absolute;
z-index:100;
/*background-image:url(slider.png);
/*background-repeat:no-repeat;
background-position: bottom;*/
background-color:#4b4545;
margin:0 0 0 0;
margin-top: -220px;
}
#slider img {
border:0;
}
#sliderContent {
/*display: none;*/
margin:0;
width:615px;
position:absolute;
/*background-color:#4b4545;*/
color:#FFF;
font-style:normal;
padding: 0 10px 0 10px;
text-align:left;
}

#wrd {
margin: 0 auto;
width: 600px;
padding: 10px;
}
#openCloseWrap {
position:absolute;
left:34px;
/*margin:0 0 0 34px;*/
}

a.topMenuAction{
/*display:block;*/
text-align:right;
padding:0;
border:0;
}

/* CODICE PER STILE MENU */
H1.voceM{
font-size:11px;
font-family: QTAvanti Regular, "Trebuchet MS";
color:#FFF;
margin:0 15px 10px 0;
padding:0;
}

a.voce{
	font-family: QTAvanti Regular, "Trebuchet MS";
	text-decoration:none;
	color:#FFF;
	font-size:12px;
	display:block;
	padding:0 0 5px 10px;
	}
a.voce:hover{
	font-family: QTAvanti Regular, "Trebuchet MS";
	text-decoration:none;
	color:#ff99ff;
	font-size:12px;
	display:block;
	padding:0 0 5px 10px;
	}
.voce-sel{
color:#ff99ff;
font-size:12px;
display:block;
padding:0 0 5px 0;
}

/**/
a.voceNew{
	font-family: QTAvanti Regular, "Trebuchet MS";
	text-decoration:none;
	color:#FFF;
	font-size:14px;
	display:block;
	padding:0 0 5px 10px;
	}
a.voceNew:hover{
	font-family: QTAvanti Regular, "Trebuchet MS";
	text-decoration:none;
	color:#ff99ff;
	font-size:14px;
	display:block;
	padding:0 0 5px 10px;
	}


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

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 580px;
	height:120px;
	background-color:#33CCFF;

	/* custom decorations */
	background:url(/img/global/gradient/h300.png) repeat-x;
}


.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

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

.scrollable img {

}

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


input.backImg{
background-image:url(back.png);
background-color:transparent;
cursor:hand;
width:51px;
height:25px;
border:0;
}
/**  COLOR&FINISH **/
div.color{
background-image:url(bgpop.png);
font-family:"Trebuchet MS";
font-size:12px;
padding:10px;
position:absolute;
width:392px;
margin-top:24px;
color:#FFF;
}