/* --------------------------------------- */
/* CITCLOPS sliderkit css */
/* --------------------------------------- */

/* core */
.sliderkit {display:none;position:relative;overflow:hidden;text-align:left;}
.sliderkit a,
.sliderkit a:hover {text-decoration:none;}
.sliderkit a:focus {outline:1px dotted #000;}
.sliderkit img {border:0;}
.sliderkit .sliderkit-nav {z-index:10;position:absolute;text-align:center;}
.sliderkit .sliderkit-nav-clip {position:relative;overflow:hidden;margin:0 auto;}
.sliderkit .sliderkit-nav-clip ul {position:relative;left:0;top:0;list-style:none;margin:0;padding:0;}
.sliderkit .sliderkit-nav-clip ul li {float:left;}
.sliderkit .sliderkit-nav-clip ul li a {display:block;overflow:hidden;}
.sliderkit .sliderkit-btn {z-index:10;}


#sliderkit {
	background-color: #fff;
	border: 1px solid #a6d0e7;
	width: 942px;
	height: 162px;
	margin: 18px 0px 18px 0px;
	}

/* Navbar */
#sliderkit .sliderkit-nav		{ left: 0; bottom: 0; width: 942px; height: 162px; padding: 0; background: none; }
#sliderkit .sliderkit-nav-clip ul li { position: relative; float: left; width:213px; margin: 18px 14px 0 0; text-align:left; }
#sliderkit .sliderkit-nav-clip ul li > a { display:block; width:213px; height:126px; overflow:hidden; margin:0; }
#sliderkit .sliderkit-nav-clip ul li > a:hover {opacity:1;}
#sliderkit .sliderkit-nav-clip ul li h3 {
	position: absolute;
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0.7);
	font-size:1em;
	line-height: 30px;
	width: 92%;
	height: 30px;
	padding: 0px 10px 0px 10px;
	bottom: 0px;
	left: 0px;
	overflow: hidden;
	}

#sliderkit .sliderkit-nav-clip ul li h3 a {
	color: #007ba0;
	}

#sliderkit .sliderkit-nav-clip ul li h3 a:hover {
	text-decoration: underline;
	}

/* Buttons */
#sliderkit .sliderkit-nav .sliderkit-nav-btn {position:absolute;top:70px;}
#sliderkit .sliderkit-nav .sliderkit-nav-btn span {display:none;}
#sliderkit .sliderkit-nav .sliderkit-nav-btn a {display:block;width:26px;height:31px;background:transparent url(/grfx/arrows-h-btn.png) no-repeat 0 0; }
#sliderkit .sliderkit-nav .sliderkit-nav-prev {left:0px;}
#sliderkit .sliderkit-nav .sliderkit-nav-next {right:0px;}
#sliderkit .sliderkit-nav .sliderkit-nav-prev a {background-position:0 0;}
#sliderkit .sliderkit-nav .sliderkit-nav-next a {background-position:0 -31px;}
#sliderkit .sliderkit-nav .sliderkit-nav-prev a:hover,
#sliderkit .sliderkit-nav .sliderkit-nav-prev a:focus {background-position:-26px 0;}
#sliderkit .sliderkit-nav .sliderkit-nav-next a:hover,
#sliderkit .sliderkit-nav .sliderkit-nav-next a:focus {background-position:-26px -31px;}
#sliderkit .sliderkit-nav .sliderkit-btn-disable a {cursor:default;}
#sliderkit .sliderkit-nav .sliderkit-nav-prev.sliderkit-btn-disable a {background-position:-52px 0;}
#sliderkit .sliderkit-nav .sliderkit-nav-next.sliderkit-btn-disable a {background-position:-52px -31px;}


/* --------------------------------------- */
/* TABLET - mediaqueries css */
/* --------------------------------------- */

/* notebooks, tablets */
@media only screen and (max-width: 1024px) {

	#sliderkit						{ width: 100%; }
	#sliderkit .sliderkit-nav		{ max-width: 100%; }
	#sliderkit .sliderkit-nav-clip	{ max-width: 93%; }

}

/* tablets */
@media only screen and (max-width: 768px) {

	#sliderkit .sliderkit-nav-clip	{ max-width: 90%; }

}

/* tablets, mobiles */
@media only screen and (max-width: 480px) {

	#sliderkit .sliderkit-nav-clip	{ max-width: 88%; }
	#sliderkit .sliderkit-nav-clip ul li { width:140px; }
	#sliderkit .sliderkit-nav-clip ul li > a { width:140px; }
	#sliderkit .sliderkit-nav-clip ul li h3 { width: 120px; font-size:0.75em; }

}

/* mobiles */
@media only screen and (max-width: 360px) {

	#sliderkit .sliderkit-nav-clip	{ max-width: 86%; }
	#sliderkit .sliderkit-nav-clip ul li { width:120px; }
	#sliderkit .sliderkit-nav-clip ul li > a { width:120px; }
	#sliderkit .sliderkit-nav-clip ul li h3 { width: 100px; }

}