/*!
 *  Krystian Dominiec
 *  krystian@dominiec.pl
 *  kdominiec@bsczechowice.com.pl
 */

* {
	font-size: 12px;
	font-family: Verdana, Sans-Serif;
}
html {
	background: #226352
}
body {
	font-size: 12px;
	font-family: Verdana, Sans-Serif;
	margin: 0 auto;
	background: #fff
}
a {
		transition: 0.7s;
		color: #008564
}
.clr {
	clear: both
}
.cl td {text-align: left !important}
.cr td {text-align: right !important}

#qr {
	float: right;
	background: url(https.png) no-repeat top right;
	width: 198px;
	height: 202px;
}
#qr>b {
	display: block;
	padding: 186px 0 0 60px;
	font-size: 9px;
}

header {
	max-width: 1200px;
	margin: 20px auto
}
header a {
	background: none
}
header img {
	margin: 0 10px;
	width: 320px;
}
header div {
	float: right;
	padding: 20px;
}
header div a i {
	color: #008564
}
header div a {
	text-decoration: none;
	color: #666;
	padding: 10px
}
header div a:hover {
	color: #008564
}
header a.login {
	white-space: nowrap;
	text-decoration: none;
	color: #fff;
	font-size: 16px;
	margin-top: 5px;
	padding: 10px 20px;
	float: right;
	trasition: 1s;
	background: #008564 url(sli.png) -300px 0 no-repeat;
}
header a.login i {
	margin-left: 10px
}
header a.login:hover {
	background: url(sli.png) 0 0 no-repeat;
	color: #000;
}
a.phone {
	display: none;
	text-decoration: none;
	color: #fff;
	font-size: 16px;
	text-align: center;
	padding: 20px;
	background: #008564;
}
a.phone i {
	margin-left: 10px
}

nav {
	background: #C9D417;
	margin: 10px 0;
}
nav>a {
	background: #226352;
	color: #fff;
	padding: 5px 5px 4px 5px;
	font-size: 30px;
	display: none;
	float: right;
}
nav>b {
	color: #666;
	display: none;
	padding: 15px;
}
nav>ul {
	clear: both;
	margin: 0;
	padding: 0;
	background: url(start.png) bottom left no-repeat;
	background-size: 20px
}
nav>ul>li {
	display: inline-table;
	padding: 0px;
}
nav>ul>li>a {
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	color: #226352;
	padding: 15px;
	display: block;
	transition: 0.7s
}
nav>ul>li:hover>a {
	/* fallback */
	background-color: #ccc;
	/* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ccc), to(#efefef));
	/* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #efefef, #ccc);
	/* Firefox 3.6+ */ background: -moz-linear-gradient(top, #efefef, #ccc);
	/* IE 10 */ background: -ms-linear-gradient(top, #efefef, #ccc);
	/* Opera 11.10+ */ background: -o-linear-gradient(top, #efefef, #ccc);
}
nav>ul>li>a>i {
	margin-left: 10px
}
nav>ul>li>ul {
	display:none;
	background: #efefef;
	position: absolute;
	list-style: none;
	margin: 0;
	transition: 0.7s;
	padding: 0px;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.7);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.7);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.7);
	z-index: 999
}
nav>ul>li:hover>ul {
	display:block;
}
nav>ul>li>ul>li {
	background: #efefef;
	margin: 0;
	padding: 0;
}
nav>ul>li>ul>li>a {
	text-transform: uppercase;
	color: #666;
	padding: 10px 20px;
	text-decoration: none;
	display: block
}
nav>ul>li>ul>li>a:hover {
	background: #ccc;
	color: #000
}

nav>ul>li>a.start {
	background: none;
	padding-left: 25px !important;
}

#content {
	max-width: 1200px;
	margin: 0 auto;
	line-height: 150%
}
#content #navi {
	padding: 10px;
	font-size: 11px;
	color: #666
}
#content #navi a {
	text-decoration: none;
	color: #333;
	font-size: 11px
}
#content #navi i {
	color: #008564
}
#content #navi div {
	float: right;
}
#content #navi div a {
	display: inline-block;
	width: 32px;
	height: 32px;
	margin: 5px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border: 1px solid #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px;
	text-indent: -1200px;
}
#content #navi div a.am {
	background-color: #fff;
	background-image: url(A.png);
	background-size: 18px;
}
#content #navi div a.ap {
	background-color: #fff;
	background-image: url(AA.png);
	background-size: 18px;
}
#content #navi div a.ak {
	background-color: #000;
	background-image: url(AAA.png);
}
#content h1 {
	font-weight: normal;
	color: #333;
	padding: 10px;
	line-height: 105%;
	text-align: left;
}
#content h2 {
	font-weight: normal;
	color: #333
}
#content h3 {
	font-weight: normal;
	color: #333
}
#content h4 {
	font-size: 16px;
	font-weight: normal;
	color: #333;
	text-align: left;
	border-bottom: 1px solid #efefef
}
#content #submcont li {
	margin: 10px;
	text-align: left
}
#content #jednostki {

}
#content #jednostki li {
	margin: 20px 10px;
	text-align: left
}
#content #jednostki li b {
	color: #666
}
#content #txt table {
	border: 1px solid #ccc;
    border-spacing: 0px;
    border-collapse: separate;
}
#content #txt table tr:first-child td{
	background: #ddd;
	font-weight: bold
}
#content #txt table td{
	padding: 5px;
	border: 1px solid #ccc;
}
#sliders {
	margin: 0 5px;
	padding: 0;
	width: 805px;
	height: 330px;
overflow: hidden;
position: relative;
}
.animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.animate-input{transition:width 0.4s ease-in-out}.animate-input:focus{width:100%!important}
.opacity,.hover-opacity:hover{opacity:0.60}.opacity-off,.hover-opacity-off:hover{opacity:1}
.opacity-max{opacity:0.25}.opacity-min{opacity:0.75}
#rrso {
	font-size: 10px;
	padding: 10px;
	text-align: justify
}
.lim {
	padding: 0 !important;
	margin: 0px 0 -3px 0;
	display: block;
	text-align: center;
}
.lim a img{
	max-width: 360px
}
#cku {
	padding-bottom: 20px
}
ul.bjqs {
position: relative;
list-style: none;
padding: 0;
margin: 0;
overflow: hidden;
display: none;
}
li.bjqs-slide {
display: none;
position: absolute;
overflow: hidden;
background: none;
padding: 0;
margin: 0;
}
ul.bjqs-controls {
list-style: none;
margin: 0;
padding: 0;
z-index: 999;
}
ol.bjqs-markers {
display: none
}
p.bjqs-caption {
display: none;
}
.actdocs {
	list-style: none;
	margin: 10px;
	padding: 0;
}
.actdocs li {
	margin: 0;
	padding: 5px 10px;
	text-align: left
}
.actdocs a {
	font-size: 12px;
	text-decoration: none;
	border-bottom: 1px solid #efefef;
	trasition: 0.5s
}
.actdocs a:hover {
	text-decoration: none;
	border-bottom: 1px solid #666;
	color: #666
}
.actdocs a:hover i {
}
.actdocs a i {
	trasition: 0.5s;
	font-size: 14px;
	padding: 5px 10px;
	margin-right: 5px;
	margin-left: -7px;
	color: #fff;
	background: url(dott.png) center no-repeat;
	background-size: 32px
}

#news {
	list-style: none;
	padding: 0;
	margin: 20px 0px;
}
#news li {
	padding: 10px;
	margin: 0;
}
#news span {
	color: #ccc;
}
#news a {
	text-decoration: none;
	text-align: left;
	display: inline-block
}
#news div {
	color: #666;
	padding: 5px
}


hr {
	background: none;
	border: none;
	border-bottom: 1px solid #ccc;
	margin: 20px 10px
}

#txt {
	width: 800px;
	float: left;
	text-align: justify
}
#txt img {
	max-width: 100%;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
}
#txt img.no_shadow {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
#col {
	width: 360px;
	padding: 20px 0px 0px 0px;
	float: right;
	border-left: #ccc 1px solid;
	background: #efefef;
	display: inline-table;
	font-size: 11px;
}
#col div {
	font-size: 11px;
	margin: 0 20px;
}
#col td {
	font-size: 11px;
	text-align: right
}
#col .th {
	border-bottom: 1px solid #fff
}
#col b {
	text-transform: uppercase;
	font-weight: bold;
	color: #666;
	font-size: 14px;
	padding: 5px 0px 15px 0px;
	display: block;
}
#col #subm {
	margin: 0;
	padding: 0;
	list-style: none;
}
#col #subm li {
	margin: 0;
	padding: 0;
}
#col #subm li a{
	text-decoration: none;
	padding: 5px 0;
	margin-left: 40px;
	display: block;
	text-indent: -20px
}
#col #subm li a i {
	margin-right: 5px;
	margin-left: 0px;
	transition: 0.7s
}
#col #subm li a:hover i {

}
#cont {
	margin: 10px;
}

.inf {
	display: block;
}

#sum {
	text-align: center;
	margin: 20px auto;
	background: #008564;
	color: #fff;
	float: left;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	clear: both
}
#sum span {
	padding: 10px 20px;
	display: inline-block
}
#sum b {
	padding: 10px 20px;
	display: inline-block;
	background: #C9D417;
	color: #333;
	margin-right: -3px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

footer {
	background: #008564;
	padding: 10px;
}
footer * {
	color: #fff
}
footer div {
	font-size: 11px;
	color: #ffffff;
	max-width: 1200px;
	margin: 0 auto
}
footer>div>ul {
	list-style: none;
	padding: 0;
	margin: 20px;
}
footer>div>ul>li {
	display: inline-table;
	margin-right: 20px;
	max-width: 160px
}
footer>div>ul>li>a {
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #008564;
}
footer>div>ul>li>a:hover {
	border-bottom: 1px solid #fff;
	trasition: 0.7s
}
footer>div>ul>li>ul {
	margin: 0;
	padding: 0;
	border-left: 1px solid #226352
}
footer>div>ul>li>ul>li {
	list-style: none;
	margin: 10px;
	padding: 0;
	font-size: 11px
}
footer>div>ul>li>ul>li>a {
	text-decoration: none;
	font-size: 11px;
	border-bottom: 1px solid #008564;
	trasition: 0.7s
}
footer>div>ul>li>ul>li>a:hover {
	border-bottom: 1px solid #fff
}

#foot {
	background: #226352;
	padding: 20px 10px ;
}
#foot * {
	color: #fff
}
#foot>div {
	font-size: 12px;
	color: #ffffff;
	max-width: 1200px;
	margin: 0 auto
}
#foot>div>span {
	font-size: 12px;
}

#foot div i {
	float: right;
	font-size: 9px
}

#foot div>div {
	font-size: 11px;
}
#foot div>div>span {
	text-align: right;
	float: right;
	font-size: 11px;
}
#foot div>span>a {
	font-size: 11px;
	text-decoration: none;
	display: inline-block;
	margin: 10px 0px 10px 10px
}
#foot h4 {
	font-size: 18px;
	font-weight: normal
}
#foot h4>i {
	font-size: 18px;
	float: none;
	margin-left: 20px;
	color: #C9D417
}
#foot h4>i:first-child {
	margin-left: 0;
}



#external {
	margin: 0 auto;
	max-width: 1200px;
	border-top: 1px solid #efefef;
	margin-top: 20px;
	text-align: center
}
#external a img {
	margin: 10px;
	height: 56px;
	transition: 0.7s
}
#external:hover a img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}
#external a:hover img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
#external a:after {
   content: " ";
   display: inline-block;
   height: 50px;
   margin: 25px 10px;
   border-left: 1px solid #efefef
}
#external a:last-child:after {
   content: "";
   display: none
}

#col #kapital {
	margin: -20px 0 20px 0;
	padding: 0px 0px;
	background: #fff;
	max-width: 100%;
	text-align: center
}
#col #kapital img {
	width: 360px;
	max-width: 100%;
}

#coookie {
	color: #fff;
	background: #226352 url(start.png) top left no-repeat;
	line-height: 20px;
	max-width: 1200px;
	margin: 10px auto;
}
#coookie>div>div {
	padding: 10px;
	font-size: 11px;
	text-align: left
}
#coookie>div>i {
	font-size: 40px;
	float: left;
	margin: 10px 30px;
}
#coookie>div>div>a {
	font-size: 11px;
	color: #C9D417;
	text-decoration: none
}
#coookie div>a>i {
	color: #fff;
	font-size: 24px;
	float: right;
	margin: 10px;
}
#nav {
	cursor: pointer
}


@media (min-device-width:769px) and (max-device-width:1024px){

}

@media (min-width:769px) and (max-width:1024px){
	header, #content {
		width: 100%;
	}
	footer div {
		width: 100%;
	}
	#foot div {
		width: 100%;
	}
	nav>a,
	nav>b {
		display: inline-block;
	}
	nav>ul {
		display: none
	}
	#newsline > span {
		margin: 100px
	}
	#qr {
		display: none
	}
	#slider,
	#external {
		width: 100%;
	}
	#txt, #col {
		width: auto;
		float: none
	}
	#coookie {
		background: #226352;
		width: auto
	}
	.lim a img{
		max-width: 100%
	}
				.setnav {
				position: absolute;
				top: 20px;
				left: 0;
				margin: 0;
				padding: 0;
				display: block;
			-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.7);
			-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.7);
			box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.7);
			}
			.setnav {
				background: #efefef;
				display: block;
				width: 100%;
				z-index: 999
			}
			.setnav > li {
				display: block;
				width: 100%;
				border-bottom: 1px solid #ccc
			}
			.setnav > li a {
				padding: 20px
			}
			.setnav li i {
				display: none
			}
			.setnav li:first-child {
				display: none
			}
			.setnav:hover li ul,
			.setnav li ul {
				position: relative;
				display: none
			}
}

@media (max-width:1024px){
	#txt { width: 670px; float: left }
	#col { width: 310px; float: right }
	#slider { width: 670px !important }
	#bjqs { width: 670px !important }
	#bjqs img { width: 670px !important }
}
@media(max-width:767px) {
	header, #content {
		width: 100%;
	}
	footer div {
		width: 100%;
	}
	#foot div {
		width: 100%;
	}
	nav>a,
	nav>b {
		display: inline-block;
	}
	nav>ul {
		display: none
	}
	#newsline > span {
		margin: 100px
	}
	#qr,
	#foot div div {
		display: none
	}
	#foot div i {
		display: none
	}
	#slider,
	#external {
		width: 100%;
	}
	#external a::after { border: none}
	#txt, #col {
		width: auto;
		float: none
	}
	#coookie {
		background-image: none;
		width: auto
	}
	#coookie>div>i {
		display: none
	}
	#col {
		width: 100%;
		float: none;
		border-left: none
	}
	#cont {
		margin-bottom: 50px
	}
	#content #txt {
		overflow: scroll
	}
			.setnav {
				position: absolute;
				top: 20px;
				left: 0;
				margin: 0;
				padding: 0;
				display: block;
			-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.7);
			-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.7);
			box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.7);
			}
			.setnav {
				background: #efefef;
				display: block;
				width: 100%;
				z-index: 999
			}
			.setnav > li {
				display: block;
				width: 100%;
				border-bottom: 1px solid #ccc
			}
			.setnav > li a {
				padding: 20px
			}
			.setnav li i {
				display: none
			}
			.setnav li:first-child {
				display: none
			}
			.setnav:hover li ul,
			.setnav li ul {
				position: relative;
				display: none
			}
	iframe {
		width: 100%;
		height: 320px
	}
}

@media(max-width:480px) {
  .rwdhr {display: block;height: 10px;}
	header {
		text-align: center
	}
	header img {
		max-width: 80%;
		margin-bottom: 20px
	}
	header div {
		float: none;
		padding: 30px 5px
	}
	header a.login {
		float: none
	}
	#navi {
		display: none
	}
	footer {
		text-align: center
	}
	footer ul {
		text-align: left;
	}
	footer span {
		display: block;
	}
	#foot {
		text-align: center
	}
	#foot ul {
		text-align: left;
	}
	#foot span {
		display: block;
	}
	footer>div>ul>li {
		display: block
	}
	#external a::after { border: none}
	#sum b {
		display: block;
		margin: 0;
		margin-bottom: -3px;
	}
	#col {
		width: 100%;
		float: none;
		border-left: none
	}
	a.phone {
		display: block
	}
	#sline {
		display: none
	}
	#sliders {
		display: none
	}
}






#sline {
	background: #333;
}
#sline>div {
	margin: 0 auto
}

#newsline {
	position:relative;
	width:100%;
	height:30px;
	line-height:20px;
	font-size: 20px;
	margin: 10px auto;
	overflow:hidden;
	padding: 0;
	background: #fff;
	background: -webkit-linear-gradient(left,#ffffff,#efefef);
	background: -o-linear-gradient(right,#ffffff,#efefef);
	background: -moz-linear-gradient(right,#ffffff,#efefef);
	background: linear-gradient(to right, #ffffff, #efefef);
}

#newsline div a {
	text-decoration: none;
	color: #666;
	padding: 10px
}
#newsline div a:hover {
	color: #008564
}


#newsline > div {
	position:absolute;
	margin:0;
	padding: 0;
	font-size: 26px;
	color: #C9D417;
	white-space:nowrap;
	animation:przesun 50s linear infinite;
	-webkit-animation:przesun 50s linear infinite; /* dla Google Chrome, Safari, Opera 15+ */
}

#newsline i {
	color: #ffffff
}
#newsline > b {
	position:absolute;
	top: 0; left: 0;
	background: #333;
	color: #fff;
	display: block;
	font-size: 11px;
	height:30px;
	padding: 5px 20px 5px 15px;
}
#newsline > b > img {
	position:absolute;
	top: 0; right: -20px;
	width: 32px
}

#newsline > span {
	position:absolute;
	top: 0; right: 0;
	background: #333;
	color: #fff;
	display: block;
	font-size: 11px;
	height:30px;
	padding: 5px 15px 5px 20px;
}
#newsline > span > a {
	color: #fff;
	font-size: 11px;
	text-decoration: none
}
#newsline > span > img {
	position:absolute;
	top: 0; left: -20px;
	width: 32px
}

#newsline > div:hover {
	animation-play-state:paused;
	-webkit-animation-play-state:paused;
}

@keyframes przesun
{
	0% { transform:translateX(0); padding-left:110%; }
	100% { transform:translateX(-100%); padding-left:110%; }
}

@-webkit-keyframes przesun /* dla Google Chrome, Safari, Opera 15+ */
{
	0% { -webkit-transform:translateX(0); padding-left:110%; }
	100% { -webkit-transform:translateX(-100%); padding-left:110%; }
}


kbd { display: none }


/* fade slider */
#slides {
    height:330px;
    overflow:hidden;
    position:relative;
    width:100%;
}
#slides ul {
	margin: 0;
	padding: 0;
    list-style:none;
    position:relative;
}

/* keyframes #anim_slides */
@-webkit-keyframes anim_slides {
    0% {
        opacity:0;
    }
    6% {
        opacity:1;
    }
    24% {
        opacity:1;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes anim_slides {
    0% {
        opacity:0;
    }
    6% {
        opacity:1;
    }
    24% {
        opacity:1;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}

#slides ul li {
	margin: 0;
	padding: 0;
    opacity:0;
    position:absolute;
    top:0;

    /* css3 animation */
    -webkit-animation-name: anim_slides;
    -webkit-animation-duration: 24.0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: anim_slides;
    -moz-animation-duration: 24.0s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
}

/* css3 delays */
#slides ul  li:nth-child(2), #slides ul  li:nth-child(2) div {
    -webkit-animation-delay: 6.0s;
    -moz-animation-delay: 6.0s;
}
#slides ul  li:nth-child(3), #slides ul  li:nth-child(3) div {
    -webkit-animation-delay: 12.0s;
    -moz-animation-delay: 12.0s;
}
#slides ul  li:nth-child(4), #slides ul  li:nth-child(4) div {
    -webkit-animation-delay: 18.0s;
    -moz-animation-delay: 18.0s;
}
#slides ul li img {
    display:block;
}

/* keyframes #anim_titles */
@-webkit-keyframes anim_titles {
    0% {
        left:100%;
        opacity:0;
    }
    5% {
        left:10%;
        opacity:1;
    }
    20% {
        left:10%;
        opacity:1;
    }
    25% {
        left:100%;
        opacity:0;
    }
    100% {
        left:100%;
        opacity:0;
    }
}
@-moz-keyframes anim_titles {
    0% {
        left:100%;
        opacity:0;
    }
    5% {
        left:10%;
        opacity:1;
    }
    20% {
        left:10%;
        opacity:1;
    }
    25% {
        left:100%;
        opacity:0;
    }
    100% {
        left:100%;
        opacity:0;
    }
}

#slides ul li div {
    background-color:#000000;
    border-radius:10px 10px 10px 10px;
    box-shadow:0 0 5px #FFFFFF inset;
    color:#FFFFFF;
    font-size:26px;
    left:10%;
    margin:0 auto;
    padding:20px;
    position:absolute;
    top:50%;
    width:200px;

    /* css3 animation */
    -webkit-animation-name: anim_titles;
    -webkit-animation-duration: 24.0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: anim_titles;
    -moz-animation-duration: 24.0s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
}

#slides img {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}



/*!
 *  Krystian Dominiec
 *  krystian@dominiec.pl
 *  kdominiec@bsczechowice.com.pl
 */
@media print {
	#sline { display: none }
	header div { display: none }
	header a.login { display: none }
	nav { display: none }
	#navi div { display: none }
	#col { display: none }
	#external { display: none }
	footer { display: none }
	#foot div { display: none }
	#foot span { display: none }
	#foot i { display: none }
	kbd { display: block; text-align: center; padding: 20px; }
	kbd:before { content: "WYDRUK: " }
	#sum {
		border: #008564 1px solid;
	}
	#sum b {
		border: #C9D417 1px solid;
	}
}



#rsll {max-width: 100%}

/*! http://responsiveslides.com v1.55 by @viljamis */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  box-shadow: none
  }

  .rslides {
  margin: 0 auto;
  }

.rslides_container {
  margin-bottom: 50px;
  position: relative;
  float: left;
  width: 100%;
  }

.centered-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left: 0;
  opacity: 0.7;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.centered-btns_nav:active {
  opacity: 1.0;
  }

.centered-btns_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

.transparent-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 0;
  left: 0;
  display: block;
  background: #fff; /* Fix for IE6-9 */
  opacity: 0;
  filter: alpha(opacity=1);
  width: 48%;
  text-indent: -9999px;
  overflow: hidden;
  height: 91%;
  }

.transparent-btns_nav.next {
  left: auto;
  right: 0;
  }

.large-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  opacity: 0.6;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  background: #000 url("themes.gif") no-repeat left 50%;
  width: 38px;
  }

.large-btns_nav:active {
  opacity: 1.0;
  }

.large-btns_nav.next {
  left: auto;
  background-position: right 50%;
  right: 0;
  }

.centered-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus {
  outline: none;
  }

.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs {
  margin-top: 10px;
  text-align: center;
  }

.centered-btns_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
  }

.centered-btns_tabs a,
.transparent-btns_tabs a,
.large-btns_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #ccc;
  background: rgba(0,0,0, .2);
  display: inline-block;
  _display: block;
  *display: block;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  width: 9px;
  height: 9px;
  }

.centered-btns_here a,
.transparent-btns_here a,
.large-btns_here a {
  background: #222;
  background: rgba(0,0,0, .8);
  }



.lww {
font-size: 10px;
text-decoration: none
}