/* ---------------------------------------------------- */  

/* SLIDESHOW 

/* ---------------------------------------------------- */  

#slideshow {
	width: 100%;
	height: 90px;
	padding: 0px;
	/*background-image: url(background.png);
	background-repeat: no-repeat;
	background-position: center;*/
	position: relative;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0;
	
}



#slideshow ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 1%; /* IE fix */
	
}  



#slideshow ul:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	
}             

/* ---------------------------------------------------- */  

/* SLIDESHOW > SLIDES 

/* ---------------------------------------------------- */  

#slideshow .slides {
	width: 100%;
	
	overflow: hidden;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
		
} 



#slideshow .slides ul {

}



#slideshow .slides li {
	width: 100%;
	height: 70px;
	float: left;
	padding: 0px 0 0 0;
	background-image: none;	
} 

#slideshow .slides h2 {
	margin: 0 0px 5px 0;	
}

#slideshow .slides .introtext {
	height: 26px;
	width: 106px;
	position: absolute;
	left: 350px;
	top: 50px;
	visibility: visible;
	right: 0px;
	bottom: 0px;
	z-index: 5000;
}

#slideshow .slides p {
	width: 100%;
	line-height: 20px;
}

#slideshow .slides .introtext a:link, #slideshow .slides .introtext a:visited {

	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	color: #253e4b;
	color: #5C552E;
	/*background-image: url(../images/Button_up.jpg);*/
	text-decoration: none;
	height: 26px;
	width: 106px;
	display: block;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: -10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: right;
	
}
#slideshow .slides .introtext a:hover {
	background-image: url(http://www.epa.org.gr/templates/new_epa/images/Button_up.jpg);
}


#slideshow .slides img {

	float: left;

	margin: 0 15px 0 0;

}  

/* ---------------------------------------------------- */  

/* SLIDESHOW > NAVIGATION 

/* ---------------------------------------------------- */  

#slideshow .slides-nav {
	width: 100%;
	/*padding: 10px 0 10px 0;*/

	/*border-top: 1px solid #FFF;
	border-color: DarkOrange;*/
	position: absolute;
	left: 0px;
	top: 70px;
	color:black;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 5px;

}



#slideshow .slides-nav li {
	border: 1px solid #FFF;
	border-color: #BDB698;
	float: left;
	background-image: none;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
}



#slideshow .slides-nav li a {
	display: block;
	/*color: #FFF;*/

	text-decoration: none;
	color: #BDB698;
	padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 0px;
}



.js #slideshow .slides-nav li.on,

.js #slideshow .slides-nav li.on a {

	/*background-color: #252525;*/

	background-color: white;

/*	background-color: red;*/

}



.js #slideshow .slides-nav li.on a {



}



.js #slideshow #cycle_prev{

	height: 40px;

	width: 39px;

	position: absolute;

	left: 5px;

	top: 160px;

	background-image: url(http://joomla.jansangill.dk/images/slideshow/control_left.gif);

	background-repeat: no-repeat;

	text-indent: -9999px;

	cursor: pointer;

}



.js #slideshow #cycle_next{

	height: 40px;

	width: 39px;

	position: absolute;

	right: 5px;

	top: 160px;

	background-image: url(http://joomla.jansangill.dk/images/slideshow/control_right.gif);

	background-repeat: no-repeat;

	text-indent: -9999px;

	cursor: pointer;

}



.js #slideshow #cycle_pause{

	margin: -12px 0 0 490px;

	color: #FFF;

	cursor: pointer;

	float: left;

}



.js #slideshow #cycle_resume{

	margin: -12px 0 0 10px;

	color: #FFF;

	cursor: pointer;

	float: left;

}



#cycle_resume.resume,#cycle_pause.pause {

	text-decoration: underline;

} 