/* ========================== CSS Reset ========================== */
* {
	border: 0 none;	
	font-family:Arial, "Helvetica", sans-serif;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	overflow: auto; 
	overflow-x: hidden;
}

body{
	background-attachment: fixed;
	background-color: #B8D3E1;
	background-image: url(../img/bg_grunge.jpg);
	background-repeat: repeat;
}

/* ========================== General Styles ========================== */
.wrapper {
	margin: 0 auto;
	width: 930px;
}

a {
	color: Rosybrown;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

em {
	font-style: italic;
}

h1,h2, h3 {
	font-weight: bold;
	font-style: italic;	
}

h2 {
	color: #f5f2eb;
	font-size: 40px;
	font-family:"Times New Roman", Times, serif;
	text-align:center;
}

h4 {
    color: slategray;
    font-family: georgia;
    font-size: 18px;
    font-style: italic;
    font-weight: bold;
    margin-bottom: 20px;
    text-shadow: 0 1px 1px #FFFFFF;
}

h5 {
	font-size: 12px;
}

img {

}

p {
	margin-bottom: 0px;
	font-size: 12px;
	line-height:18px;
	text-indent:0em;
}

strong {
	font-weight: bold;
}

ul {
	list-style: none;
	margin-bottom: 30px;
	margin-top: 15px;
	padding-left:13px;
}

.paragraph{letter-spacing:0px; text-align:justify;}
.paragraph:first-letter{font-size:25px;}	
.p_first:first-letter{font-size:25px;}
.p_first{ float:left; width:47%; margin-right:30px;}
.p_second{ float:left; width:47%; text-indent:0;}

/*hack cross broweser*/
.win p, li, .gecko p, li {
	font-size: 12px;
	letter-spacing:0;
}/*hack cross broweser*/

.abouttext{
	width: 500px;
	height: 300px;
	/*-moz-column-count: 2;
    -moz-column-gap: 30px;
    -moz-column-rule: 1px dotted #BC8F8F;
	-webkit-column-count: 2;
    -webkit-column-gap: 30px;*/
    font-size: 12px;
	line-height: 18px;
	float:left;
}

.abouttext a{color: Slategrey;
	text-decoration: underline;
	font-style:italic;
	text-shadow: 0 1px 1px #FFFFFF;
	}
	
.abouttext a:hover{color: RosyBrown;
	text-decoration: none;
	font-style:italic;}

.abouttext ul{
	list-style: square outside none;
    padding: 20px;
	margin-top:0px;
	}

.abouttext li{
	font-variant: small-caps;
	font-weight: bold;
	font-style: italic;
	line-height: 22px;
}

/* ========================== Blockquote span ========================== */
/*hack cross broweser*/
.win.webkit .blockquote{ 
    margin-left: 180px;
    margin-top: 260px;;
}
.webkit .blockquote{ 
    margin-top: 310px;
}
.win.ie .blockquote{ 
    margin-left: 180px;
    margin-top: 260px;
}
/*hack cross broweser*/

.blockquote{ 
    left: 50%;
    margin-left: 180px;
    margin-top: 260px;
    position: absolute;
    width: 200px;
	display:block;
}

.blockquote a{
    border-bottom: 1px dashed RosyBrown;
    border-top: 1px dashed RosyBrown;
    padding: 5px 10px;
	font-family: "Times New Roman", Times, serif;
    font-size: 20px;
    font-style: italic;
    font-weight: bold;
	color: Rosybrown;
	text-decoration: none;
}

.blockquote a:hover{
	text-decoration: underline;
}

/* ========================== Avatar rollover css for FF-Chorme-Safari ========================== */
/*hack cross broweser*/
.win .avatar {
	background-position:9px 0px;
}/*hack cross broweser*/

.avatar{
	width: 300px;
	height: 345px;
	position:absolute;
	top: 100px;
	right: 35px;
}

.avatar img {
	-moz-transition: all 1s ease-in-out 0s;
	-webkit-transition: all 1s ease-in-out 0s;
    left: 0;
    position: absolute;
}

.avatar img.top {
    -moz-transform: scale(0, 0);
	-webkit-transform: scale(0, 0);
    opacity: 0;
}

.avatar:hover img.bottom, .avatar.hover_effect img.bottom {
    -moz-transform: scale(0, 0);
    -moz-transform-origin: left bottom;
	-webkit-transform: scale(0, 0);
    -webkit-transform-origin: left bottom;
	cursor:pointer;
}
.avatar:hover img.top, .avatar.hover_effect img.top {
    -moz-transform: scale(1, 1);
    -moz-transform-origin: right bottom;
	-webkit-transform: scale(1, 1);
    -webkit-transform-origin: right bottom;
	opacity:1;
	cursor:pointer;
}
/* ========================== resoconti rollover css for FF-Chorme-Safari ========================== */
.resoconti{
    margin-top: -170px;
    position: relative;
    width: 210px;
	margin-left:400px;
}

.resoconti img {
	-moz-transition: all 1s ease-in-out 0s;
	-webkit-transition: all 1s ease-in-out 0s;
    left: -8;
    position: absolute;
}

.resoconti img.top {
    -moz-transform: scale(0, 0);
	-webkit-transform: scale(0, 0);
    opacity: 0;
}

.resoconti:hover img.bottom, .resoconti.hover_effect img.bottom {
    -moz-transform: scale(0, 0);
    -moz-transform-origin: left bottom;
	-webkit-transform: scale(0, 0);
    -webkit-transform-origin: left bottom;
	cursor:pointer;
}
.resoconti:hover img.top, .resoconti.hover_effect img.top {
    -moz-transform: scale(1, 1);
    -moz-transform-origin: right bottom;
	-webkit-transform: scale(1, 1);
    -webkit-transform-origin: right bottom;
	cursor:pointer;
	opacity:1 !important;
	-moz-opacity:1 !important;
	-webkit-opacity:1 !important;
}



/* ========================== Form Elements Styles ========================== */
input, textarea {
	background-color: transparent;
	color: slategrey;
	font-size: 14px;
	width:100%;
}
textarea {
	height:110px;
	}

input:focus, textarea:focus {
	box-shadow: 0 0 10px -4px slategrey inset;
}
/*hack cross broweser*/
.webkit input:focus, .webkit textarea:focus {
	box-shadow: 0 0 10px -4px slategrey inset;
}
/*hack cross broweser*/

form > div {
}

label {	
	display: block;
	font-size: 13px;
	color: slategrey;
	letter-spacing:1px;
	margin-bottom: 3px;
	font-family: "Times New Roman", Times, serif;
}

button{
	width: 67px;
	height:76px;
	color:#fff;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	font-style:italic;
	text-transform: lowercase;
	font-size:20px;
	background:transparent;
	background-image: url(../img/butt_invia.png);
	background-repeat: no-repeat;
	background-position: center center;
}

button:hover{
	cursor:pointer;
	background-image: url(../img/butt_invia_hov.png);
}

.butt_invia{ float:right;}

.form_width {
	width: 380px;
	height:215px;
	text-shadow: 0 1px 1px #FFFFFF;
	background-image: url(../img/form_bg_bv.png);
	background-repeat: no-repeat;
	padding: 30px 40px 40px 40px;
	float:right;
}

.name {
	float: left;
	width:45%;
	margin-bottom:25px;
}
.email{
	float: right;
	width:45%;
	margin-bottom:25px;
}

.message{
	
}
/* ====== upgrade del 100802 - Privacy checkbox ===== */
.privacy-box {
    width: 300px;
    float: left;
    margin-top: 5px;
}
input#chkControllo {
    width: 20px;
    float: left;
}
.privacy-box p {
    line-height: 14px;
}
/* ========================== Info conttti ========================== */
.info{
	width:310px;
	float:left;
}
.info ul {
	margin-top:50px;
	padding:0;
}
.info ul li{
	list-style-type: none;
	font-size:13px;
	padding-bottom:15px;
}
.info ul li a{
	color: slategrey;
}
.info ul li img{
	vertical-align:middle;
	margin-right: 12px;
}
.info h3{
	font-family:"Times New Roman", Times, serif;
	font-weight: bold;
	font-style:italic;
	font-size:19px;
	color:slategrey;
	margin-top: 15px;
	text-shadow:0 1px 1px #FFFFFF;
}



/* ========================== Header Styles ========================== */
#header {
	left: 0;
	height: 167px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 5;
	background-image: url(../img/topbar.png);
	background-repeat: repeat;
	background-position: center top;
}

#header h1 {
	float: left;
	margin-top: 30px;
	text-indent: -9999px;
}

#header h1 a {
	background: url("../img/logo_ok.png") no-repeat top center;
	display: block;
	height: 70px;
	width: 270px;
}

#header ul {
	float: right;
	margin-top: 70px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 15px;
}

#header ul li {
	float: left;
	margin-left: 20px;
	font-weight: 500;

}

#header ul li:hover, #header ul li.active a{
	font-weight: 500;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	color: #FFF;
}

#header ul li a {
	color: #B8D3E1;
	font-size: 13px;
	letter-spacing:1px;
	font-weight: 500;
	font-style: italic;
	font-variant: small-caps;
}

#header ul li a:hover {
	text-decoration: none;
}

/* ========================== Content Styles ========================== */
.content {
	margin: 135px auto 0;
	padding: 0;
	position: relative;
	width: 930px;
	border-radius: 0 0 30px 30px;
	height:458px;
}

.content p, .content li{
	color: slategray;
	text-shadow:0 1px 1px #FFFFFF;
}
.content h1{
	color: Rosybrown;
	text-shadow:0 1px 1px #FFFFFF;
	margin-bottom:50px;
}
.content h2{
	color: Rosybrown;
	text-shadow:0 1px 1px #FFFFFF;
	margin-bottom:50px;
}

.content .wrapper {
	background: url("../img/contentbg.png") no-repeat;
	overflow: hidden;
	padding: 0px;
	width: 930px;
	height: 450px;
	border-radius: 0 0 30px 30px;
	border: 1px solid #D2B48C;
	box-shadow: 0px 0px 15px -9px rgba(0,0,0,1);
	-moz-box-shadow: 0px 0px 15px -9px rgba(0,0,0,1);
	-webkit-box-shadow: 0px 0px 15px -5px rgba(0,0,0,1);	
}

.contentWrapper {
	float: left;
	max-height: 900px;
	overflow: hidden;
}

#scrollWrapper {
	width: 15000px;
}

.mainContent, .about li {
	padding: 0px;
	width: 272px;
}

.mainContent {
	width: 800px;
	height: 395px;
	margin:auto;
	padding: 28px 0;
	overflow: hidden;
	background-image: url("../img/divisor.png");
    background-position: center 85px;
    background-repeat: no-repeat;
}




/* ========================== Slider Styles ========================== */
#slider {
	width: 800px;
	height: 390px;
	margin:40px auto 20px;
	overflow: hidden;
	background-image: url(../img/shadow_box.png);
	background-position: center 352px;
	background-repeat: no-repeat;
}



/* ========================== Footer Styles ========================== */
#footer {
	bottom: 0;
	height: 75px;
	position: relative;
	width: 100%;
	top:25px;
	z-index:-99;
}

#footer ul {
	margin: 5px 0;
	text-align: center;
}

#footer li {
	border-right: 1px solid #f5f2eb;
	color: slategray;
	display: inline;
	font-size: 13px;
	padding: 0 8px;
	font-weight: 500;
}

#footer li a {
	color: slategray;
}





/* ========================== homepage tabslide ========================== */
#slogan{
	height:105px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 800px;
}
	#slogan li {
		position: absolute;
		display: none;
		width: 800px;
		height: 95px;
		list-style: none;
		text-align: center;
	}
#slogan li h1 {
			font-size: 50px;
			color: slategray;
			font-weight: bolder;
			font-family:"Times New Roman", Times, serif;
			margin-bottom:10px;
			background:none;
}
#slogan li h2 {
			font-size: 50px;
			color: slategray;
			font-weight: bolder;
			font-family:"Times New Roman", Times, serif;
			margin-bottom:10px;
			background:none;
		}
		
#slogan li p {
	border: none;
	clear: right;
	color: #fff;
	float: right;
	font-size: 19px;
	margin: 0;
	padding: 0;
	position: relative;
	text-transform: none;
	color: RosyBrown;
	margin-top: 0px;
	padding: 0px;
	width: 800px;
}

#slogan li p span {
	line-height:24px;
	font-size:12px;
}
		

#thumbnails {
	background-image: url("../img/divisor.png");
    background-position: center 20px;
    background-repeat: no-repeat;
    height: 220px;
    overflow: hidden;
    padding: 60px 0 30px;
}
#thumbnails li {
		display: block;
		float: left;
		width: 200px;
		height: 220px;
		margin: 0 0px;
		text-indent: -9999px;
		overflow: hidden;
		/*opacity: 0.4;*/
		-webkit-transition:All 1s ease;
		-moz-transition:All 1s ease;
		-o-transition:All 1s ease;
	}

#thumbnails li.pager-active {
		/*opacity: 1;*/
		-webkit-transform:  translatey(-15px);
		-moz-transform:  translatey(-15px);
		-o-transform:  translatey(-15px);
		
		margin-left: -3px\9; 
   	    margin-top: -18px\9;
}
#thumbnails img{display:block;}

#thumbnails li{float:left; list-style:none;}

	
	
	
/* ========================== tabcontent servizi ========================== */	
#nav_servizi{
	margin-bottom:25px;
	display:inline-block;
	background-image: url(../img/divisor_nav_all.png);
	background-repeat: no-repeat;
	background-position: 1px center;
}
#nav_servizi li{
	float:left;
	padding: 4px 9px 0;
	list-style:none;
	width:180px;
	height:52px;
	text-align:center;
	background-repeat: no-repeat;
	background-position: right;
	background-image:url(../img/butt_select_nav2.png);
}
#nav_servizi li .vertical_align{
	display: block;
    margin-top: 10px;
}
#nav_servizi a{
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	font-style:italic;
	font-variant:small-caps;
	font-weight:bold;
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
	color:rosybrown;
	line-height:20px;
}
#nav_servizi a:hover{
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

#current a{color: slategray; opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */}
#current {
background-image:none !important;
}

#current_mio {
background-image:url(../img/butt_select_nav2.png);
}
#current_mio a{color: slategray !important; opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */}


/* ========================== Servizi ========================== */	
#servizi_wrap a{
	font-style: italic;
}
#servizi_wrap a img{
    background-color: whitesmoke;
    border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
    padding: 5px;
}
#servizi_wrap img:hover{ 
	opacity:0.5; 
	-webkit-opacity:0.5; 
	-moz-opacity:0.5; 
	filter:alpha(opacity=70); /* For IE8 and earlier */
}
#servizi_wrap p{
	line-height: 19px;
	letter-spacing:0px;
}
.win.ie #servizi_wrap p{
	letter-spacing:0px;
}
#servizi_wrap a{color: Slategrey;
	text-decoration: underline;
	font-style:italic;
	text-shadow: 0 1px 1px #FFFFFF;
}	
#servizi_wrap a:hover{color: RosyBrown;
	text-decoration: none;
	font-style:italic;
}	
#servizi_wrap div div{
	display: block !important
}
#servizi_wrap ul{
	list-style:square;

}
#servizi_wrap li{
	font-variant: small-caps;
	font-weight: bold;
	font-style: italic;
	line-height: 25px;
	font-size:12px;
}
#servizi_wrap .indicazioni-elenco li{
	line-height: 22px;
}
.video{
	float:right;
	background-color: whitesmoke;
    border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
    padding: 5px;
	}	

/* ========================== Blockquote servizi ========================== */	
.blockquote-servizi {
    color: slategray;
    float: left;
    font-family: georgia;
    font-size: 15px;
    font-style: italic;
    font-weight: bold;
    line-height: 23px;
    margin: 12px 15px 5px 0;
    text-shadow: 0 1px 1px #FFFFFF;
    width: 57%;
}
.blockquote-servizi span {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 51px;
    line-height: 0;
    vertical-align: middle;
}
.blockquote-servizi span.start {
      margin-right: 8px;
}
.blockquote-servizi span.end {
    margin-left: 5px;
    padding-top: 25px;
	display:inline-block;
	width:35px;
}




/* ========================== tabcontent singoli servizi ========================== */	
.example-links {
    float: right;
    margin-right: 1opx;
    text-align: center;
    width: 161px;
}
.example-links a {
    border-bottom: 1px dashed rosybrown;
    display: block;
    font-family: georgia;
    font-size: 14px;
    font-weight: bolder;
    text-decoration: none !important;
	text-align:left;
	padding:10px 0;
}
.example-links a:focus {
    outline: 0;
}
.example-links a:hover {
	text-decoration:none;
	color:rosybrown;
}
.example-content-container {
    height: 232px;
    overflow: hidden;
    width: 604px;
}
.example-content{
	text-align:justify;
}
.example-content div {
    height: 225px;
    padding: 0px 0 40px 0;
	overflow:hidden;
}

.colonne {
    border-right: 1px dashed rosybrown;
    float: left;
    height: auto;
    margin-top: 48px;
    padding: 0 15px;
    text-align: center;
    width: 169px;
}
.colonne p {
    font-size: 13px;
    line-height: 23px !important;
    margin-top: -43px;
}
.colonne span{margin: 0px 0 30px 0; display:block; font-size:30px; color:rosybrown; font-style:italic; position:relative; z-index:9999;}
.colonne span img:hover{opacity:1 !important; -moz-opacity:1 !important; -webkit-opacity:1 !important;}


/* ========================== tool tip ========================== */	
img.tTip { margin: 8px 15px 8px 0px; float: left; }

.tTip						{
	font-style: italic;
	text-decoration: underline;
	cursor:pointer;
}
.lightTip						{ }
.lightTip .content				{
	width: 310px;
	height:auto;
	padding: 15px;
	border: 2px solid #3A6EAA;
	border-radius: 10px !important;
	-moz-border-radius: 10px !important;
	-webkit-border-radius: 10px !important;
	background: #ffffff;
	color: slategrey;
	font-size:12px;
	line-height:18px;
	font-style: italic;
}
.lightTip .bottom				{ height: 14px; background: url(../images/notch-white.png) top center no-repeat; }

.yellowTip						{  }
.yellowTip .content				{ width: 310px; padding: 10px; border: 6px solid #f9e98e; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fbf7aa; color: #020202; }
.yellowTip .bottom				{ height: 14px; background: url(../images/notch-yellow.png) top center no-repeat; }

.orangeTip						{  }
.orangeTip .content				{ width: 310px; padding: 10px; border: 6px solid #f9cd8e; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fbe3aa; color: #020202; }
.orangeTip .bottom				{ height: 14px; background: url(../images/notch-orange.png) top center no-repeat; }

.redTip							{  }
.redTip .content				{ width: 310px; padding: 10px; border: 6px solid #ce6f6f; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #f79992; color: #020202; }
.redTip .bottom					{ height: 14px; background: url(../images/notch-red.png) top center no-repeat; }

.greenTip						{  }
.greenTip .content				{ width: 310px; padding: 10px; border: 6px solid #a9db66; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #cae8a2; color: #020202; }
.greenTip .bottom				{ height: 14px; background: url(../images/notch-green.png) top center no-repeat; }

.blueTip						{  }
.blueTip .content				{ width: 310px; padding: 10px; border: 6px solid #36a4d9; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #90d8f0; color: #020202; }
.blueTip .bottom				{ height: 14px; background: url(../images/notch-blue.png) top center no-repeat; }

.purpleTip						{  }
.purpleTip .content				{ width: 310px; padding: 10px; border: 6px solid #8671de; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #a290f0; color: #020202; }
.purpleTip .bottom				{ height: 14px; background: url(../images/notch-purple.png) top center no-repeat; }

.darkTip						{  }
.darkTip .content				{ width: 310px; padding: 10px; border: 6px solid #303030; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #505050; color: #f8f8f8; }
.darkTip .bottom				{ height: 14px; background: url(../images/notch-dark.png) top center no-repeat; }


/* ========================== css scrollbarjpane ========================== */
.jspContainer{
	overflow: hidden;
	position: relative;
}
.jspPane{
	position: absolute;
}
.jspPane > div{
	border-bottom: 1px dashed rosybrown;
    padding: 14px 0 15px 0;
    width:800px;
	display:inline-block;
}
.jspPane .img-link {
	display:block;
}
.jspPane a {
    color: Slategrey;
    font-style: italic;
    text-decoration: underline;
    text-shadow: 0 1px 1px #FFFFFF;
}
.jspPane a:hover{
	color: RosyBrown;
	text-decoration: none;
}
.jspPane a img{
    background-color: whitesmoke;
    border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
    padding: 5px;
	float: left;
	margin: 0px 16px 0 0;
    height: 111px;
    width:86px;	
}
.jspPane a img:hover{
	opacity:0.5; 
	-webkit-opacity:0.5; 
	-moz-opacity:0.5; 
	filter:alpha(opacity=70); /* For IE8 and earlier */
}
.thumb_none{
	display:none;
}/*in modo che non si visualizzano le thumb di pagelime photo gallery*/
.jspPane h4{
    float: left;
    margin-bottom: 0;
    width: 685px;
	height:21px;
	overflow: hidden;
}
.jspPane p {
    float: left;
    font-size: 12px;
    margin-top: 0;
    width: 685px;
	height:54px;
	overflow:hidden;
}
.jspPane p.date-venue{
	color:rosybrown;
	font-size:13px;
	font-weight:bold;
	font-style:italic;
	text-shadow: 0 1px 1px #FFFFFF;
	line-height: 13px;
    margin: 17px 0;
	width: 685px;
	float: left;
	overflow:hidden;
	height:13px;
}
.jspPane p.date-venue a{
	color:rosybrown;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.jspPane h4{
		font-size:11px;
		}
	.jspPane p{
		font-size:7px;
		line-height:10px;
		}
	.jspPane p.date-venue{
		font-size:7px;
		line-height: 8px
		}
}
.jspScrollable{
	position:absolute;
	width:825px !important;
	}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #F0CFC3;
	position: relative;
}

.jspDrag
{
	background: #BC8F8F;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}



/* ========================== undercostruction img ========================== */
.undercostruction{
	position:absolute;
	left:50%;
	width: 355px;
	margin-left:-180px;
	margin-top:-62px;
}



/* ========================== integrazione feed facebbok ========================== */
.fb_iframe_widget {
    background-color: #fff;
   /* height: 305px;
    overflow: hidden;*/
}
.pam {
    display: none !important;
}
.container-like{overflow: hidden;float:left;border-bottom: 1px solid #e5e5e5;border-top: 1px solid #fff;}
.fb-like-box{margin-top:-70px;border:none!important}