/*
LISA spa
by Studio FM milano
*/

/*centred content -----------------------------------------------------------------------------------------------------------------------------------------*/
* {
	margin:0;
	padding:0;
}
html, body {
	height:100%;
}
#distance {
	width:1px;
	height:50%;
	margin-bottom:-270px; /* half of container's height */
	float:left;
}
a {
	outline:none;
}
#container {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:556px;
	width:100%;
	clear:left;/*border:black 1px dotted;*/
	z-index: 28;

	
}

/*centred content end-----------------------------------------------------------------------------------------------------------------------------------------*/

html, body{
	font-family: Georgia, "Times New Roman", Times, _serif;
	letter-spacing: .6px;
	color: #767676;
	margin: 0px;
	padding: 0px;
	
	background: #F9F9F7;
}
body{
    margin: 0px;
	padding: 0px;
	}

a{	
	outline: none;
}

#bkgs{
background-color:transparent;
background-position: center center;
background-repeat: no-repeat;
position: absolute;
top:0px;
left: 0px;
width: 100%;
height: 100%;
float: left;
z-index: 1;
}
#lang{
	position: absolute;
	right: 0px;
	top:0px;
	padding: 20px;
	z-index: 35;
	width: 160px;
}
/*flags*/
#lang a.language{
text-transform: uppercase;
	text-decoration: none;
	text-indent: -3000px;
	float: left;
	width: 27px;
	background: transparent url("../img/flagsc.png") no-repeat 0 0;
	margin-left: 4px;
	height: 32px;
	color: #767676;
	padding-top: 20px;
	font-size: 11px;
}

#lang a.en{
	background: transparent url("../img/flagsc.png") no-repeat -32px 0;
}

#lang a.es{
	background: transparent url("../img/flagsc.png") no-repeat -64px 0;
}

#lang a.fr{
	background: transparent url("../img/flagsc.png") no-repeat -96px 0;
}

#lang a.de{
	background: transparent url("../img/flagsc.png") no-repeat -128px 0;
}

/*hover*/

#lang a.language:hover{
	
	text-indent: 0px;
	background: transparent url("../img/flagsc.png") no-repeat 0 -74px;

}
#lang a.en:hover{
	background: transparent url("../img/flagsc.png") no-repeat -32px -74px;
}

#lang a.es:hover{
	background: transparent url("../img/flagsc.png") no-repeat -64px -74px;
}

#lang a.fr:hover{
	background: transparent url("../img/flagsc.png") no-repeat -96px -74px;
}

#lang a.de:hover{
	background: transparent url("../img/flagsc.png") no-repeat -128px -74px;
}

#payoff{
	display: none;
}

#logo{
	position: absolute;
	left: 40px;
	top:0px;
	z-index: 35;
}

#menu{

	position: absolute;
	top:0px;
	left: 0px;
	width: 100%;
	z-index: 28;
		
}
#navigation li{
list-style: none;


}
#navigation {

margin: 0px;
margin-top: 58px;
z-index: 30;
	
}
#navigation li{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
#navigation li a{

	text-decoration: none;
	width: 100%;
	height:33px;
	float: left;
	color: #7f7f7f;
	font-size: 22px;
	margin: 0px;

}
/*
#navigation li a img{
	
	margin-left: 38px;
	padding-top: 3px;
	border-top: 1px dashed #999;

}
*/

#navigation li a .pad{
	
	margin-left: 38px;
	padding-top: 3px;
	border-top: 1px dashed #999;
	float: left;

}

#navigation li a .pad:hover{
	
	color: #222;
}


#navigation li a:hover{
	
	background-color: #fff;
	color: #222;
	text-decoration: none;
}
#navigation li a.active,
#navigation li a.active:hover{
	color: #FD330B;
	text-decoration: none;
}

#seo, .websitemap{
display: none;
}

#zero{
position: absolute;
float: left;
top: 0px;
left: 261px;
right: 0px;
bottom: 0px;
z-index: 3;
background: #ddd url(/img/loading.gif) center center no-repeat;

overflow: hidden;
display: none;

}

#zero .pics{
height: 100%;
width: 100%;

float: left;
background-color:transparent;
background-position: center center;
background-repeat: no-repeat;
cursor: pointer;
}
#uno{

position: absolute;
float: left;
left: -280px;
top: 0px;
height: 326px;
width: 263px;
background: url(/img/bkg1.gif) repeat-y top left;
z-index: 30;

}


#due{
position: absolute;
float: left;
left: -500px;
top: 0px;
height: 326px;
width: 397px;
background: url(/img/bkg2.png) repeat-y top left;
z-index: 9;
padding-left: 42px

}
#tre{
position: absolute;
float: left;
left: -100px;
top: 0px;
height: 326px;
width: 90px;
z-index: 8;
}
#quattro{
position: absolute;
float: left;
left: -500px;
top: 0px;
height: 326px;
width: 438px;
background: url(/img/bkg2.png) repeat-y top left;
z-index: 8;
}
#navitre{
float: left;
margin-top: 236px;
height: 90px;
width: 90px;
/*background: url(/img/bkg3.gif) repeat-y top left;*/
background: url(/img/bkg2.png) repeat-y top left;
text-align: right;
}

.mini{
float: left;
margin-top: 34px;
margin-left: 15px;
width:400px;
height:200px;
}
.mini img{
cursor: pointer;
}

#due .scroll-pane {
float:left;
height:192px;
overflow:auto;
padding-right:20px;
width:362px;
font-size: 12px;
}
#due .scroll-pane a{
color: #666;
}
#due .scroll-pane a:hover{
color: #FD330B;
}

#due .news .scroll-pane {
height:275px;
}
#due .news {
padding-top: 20px;
}

#due h2 {
border-bottom:1px dashed #999999;
color:#FD330B;
font-size:14px;
font-weight:normal;
height:17px;
margin-bottom:34px;
padding-bottom:23px;
padding-top:18px;
width:375px;
}
#due .news h2 {
padding-top:0px;
width:353px;
}
.news_item{
padding-bottom: 18px;
}
#gallery,
#gallerym,
#galleryl,
#gallerys{
display: none;
}
#next,#prev{
font-size: 21px;
z-index: 20;
color: #666;
text-decoration: none;
float: left;
padding: 15px 0 15px 25px;

}
#next:hover,
#prev:hover{
color: #FD330B;
}
.selector{
margin: 0;
padding: 0;
margin-left: 40px;
margin-top: 34px;
}

.selector li{
list-style: none;
}

.selector li a {
color: #999;
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px dashed #999;
width: 200px;
font-size:14px;
text-decoration: none;
float: left;
}
.selector li a.active {
color: #FD330B;
}
.selector li a:hover{
color: #171717;
}
.hidden{
display:none;
}

.jScrollPaneDrag {
border-left:4px solid #FD330B;
left:-4px;
}
.jScrollPaneTrack {
border-left:1px solid #ccc;
}

#listpager {
margin: 0;
padding: 0;
top: 244px;
left: 175px;
position: absolute;

}

#listpager li{
	list-style: none;
	display:inline;
	float:left;
	margin-right:10px;
	margin-top:10px;
}

#listpager li a img{
	margin-bottom:10px;
}
#listpager li a {
    float: left;
	border-bottom: 2px solid #999;
}
#listpager li a.activeSlide{
	border-bottom: 2px solid #FD330B;
}
#listpager li a:hover{
	border-bottom: 2px solid #666;
}
#map{
position: absolute;
float: left;
top: 0px;
left: 261px;
right: 0px;
bottom: 0px;
z-index: 4;
overflow: hidden;
}
#close{
position: absolute;
float: left;
right:22px;
top:21px;
}
#close a{
text-decoration: none;
color: #666;
font-family: Arial;
}

#close a:hover{
color: #FD330B;
}

#legal{
position: absolute;
z-index: 999;
bottom: 0px;
right: 0px;
float: left;
color: #999;
font-family: Arial,sans;
font-size: 11px;
padding: 5px;
display: none;
}