/* container for slides */
.images {
	position:relative;	
	height:179px;
	text-align:center;
	width:auto;
	cursor:pointer;
	float:right;
	
	/* CSS3 tweaks for modern browsers */

}

/* single slide */
.images div {
	display:none;
	position:absolute;
	top:0;
	right:0;		
	height:120px;
	font-size:12px;
	width:auto;
	
}

* html .images div {padding:0;margin:0px;display:block;width:auto;}
* html .images {
	position:relative;	
	height:179px;	
	width:204px;
	float:left;	
	margin:2px;
	cursor:pointer;
	text-align:center;
}

/* header */
.images h3 {
	font-size:22px;
	font-weight:normal;
	margin:0 0 20px 0;
	color:#456;
}

/* tabs (those little circles below slides) */
.slidetabs {
	clear:both;
	margin-left:43px;
	width:250px;
	display:none;
}

/* single tab */
.slidetabs a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(++resource++plonetheme.sebastia.images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;		
}

/* mouseover state */
.slidetabs a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.slidetabs a.current {
	background-position:0 -16px;     
} 	


/* prev and next buttons */
.forward, .backward {
	float:left;
	margin-top:140px;
	background:url(++resource++plonetheme.sebastia.images/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;	
}

/* next */
.forward 				{ background-position: 0 -30px; clear:right; }
.forward:hover 		{ background-position:-30px -30px; }
.forward:active 	 	{ background-position:-60px -30px; } 


/* prev */
.backward:hover  		{ background-position:-30px 0; }
.backward:active  	{ background-position:-60px 0; }

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}

* html #thumbnails {
float:left;
height:130px;
margin:10px 30px;
overflow:hidden;
position:relative;
width:700px;
}

#thumbnails {
float:left;
height:130px;
margin:6px 6px 0;
overflow:hidden;
position:relative;
width:736px;
}
#thumbnails .items {
clear:both;
position:absolute;
width:20000em;
}

#images2 .items {
clear:both;
position:absolute;
width:20000em;
height:418px;
}

#thumbnails .items div {
float:left;
padding:0 5px;
cursor:pointer;
}
.navi {
background-image:url(++resource++plonetheme.sebastia.images/hori_large.png);
float:left;
height:30px;
margin-top:55px;
width:30px;
}
* html .navi {
background-image:url(++resource++plonetheme.sebastia.images/hori_large.gif);
float:left;
height:30px;
margin-top:55px;
width:30px;
}
.navi:hover {
background-position:-30px 0;
}
.navi:active {
background-position:-60px 0;
}
.next {
background-position:0 -30px;
clear:right;
}
.next:hover {
background-position:-30px -30px;
}
.next:active {
background-position:-60px -30px;
}
.navi.disabled {
visibility:hidden;
}

#box2 .prev {
left:44px;
}

#box2 .next {
left:580px;
}

#box2,
#box {
background-image:url(++resource++plonetheme.sebastia.images/black.png);
display:none;
height:524px;
position:absolute;
width:656px;
}

* html #box2,
* html #box {
background-image:url(++resource++plonetheme.sebastia.images/black.gif);
display:none;
height:524px;
position:absolute;
width:656px;
}



#box2 .close,
#box .close {
cursor:pointer;
height:35px;
left:8px;
position:absolute;
text-decoration:none;
top:8px;
width:35px;
display:block;
padding:10px;
display:block;
z-index:1000;
}
#images2,
#images {
height:418px;
margin:46px 39px 0;
overflow:hidden;
position:absolute;
width:574px;

}
#images2 .items div,
#images .items div {
float:left;
height:400px;
margin-right:30px;
width:557px;
}

#box2 .navi,
#box .navi {
bottom:26px;
position:absolute;
}


/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(++resource++plonetheme.sebastia.images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
	z-index:100000;
}

.simple_overlay_afegit {
-moz-box-shadow:0 0 90px 5px #000000;
background-color:#333333;
border:0 solid #666666;
display:none;
height:470px;
min-height:200px;
padding:1px 1px 3px;
width:639px;
z-index:10000;
}

.simple_overlay_googlemaps {
-moz-box-shadow:0 0 90px 5px #000000;
background-color:#333333;
border:0 solid #666666;
display:none;
height:466px;
min-height:200px;
padding:1px 1px 3px;
width:630px;
z-index:10000;
}