@import url("reset.css");
@import url("contact.css");



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

	css theme name: wwsse
	author: cuttie.pl

	created: jan 20, 2011


*/


@font-face {
	font-family: 'MyriadProRegular';
	src: url('fonts/myriadpro-regular-webfont.eot');
	src: local('☺'), url('fonts/myriadpro-regular-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal; }

@font-face {
	font-family: 'MyriadProBold';
	src: url('fonts/myriadpro-bold-webfont.eot');
	src: local('☺'), url('fonts/myriadpro-bold-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal; }




/*------------------------------------------------      Basic Structure      ------------------------------------------------*/

article {
	float: right;
	position: relative;
	width: 695px; min-height: 400px;
	margin-bottom: -20px;
	margin-top: 25px;
	padding: 0 20px 0 0; }

	.start article {
		float: left;
		width: 580px; }


aside {
	float: left;
	width: 250px;
	margin-top: 25px; }

	aside h3.redbox {
		background: url(../images/menu-back.png) repeat-x 0 -44px;
		width: 240px;
		padding: 10px 0 10px 10px; }

	.start aside {
		float: right;
		width: 364px;
		padding: 0 0 0 25px; }


body {
	background: url(../images/backt.jpg) no-repeat center 0;
	font: 12px/1.43em Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased; }

	body, indput, textarea { color: #1e1e1e; }



body, html { width: 100%;  height: 100%; }


html {
	background: url(../images/backc.png) repeat-y center;
	overflow: auto; }


input[type="text"] {
	width: 176px; height: 24px;
	padding: 0 5px;
	background: #f5f5f5;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 1px solid #b4b4b4; }


button {
	height: 26px;
	background: #34315c;
	padding: 0 10px;
	font-family: 'MyriadProBold';
	font-size: 13px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	color: white; }

button:hover { background: #48456b; }


footer {
	float: left;
	width: 100%;
	background: #2f2c52 url(../images/footer.png) no-repeat center top;
	padding: 85px 0 40px 0;
	color: white; }


/* p {
	padding-bottom: 1em; } */


textarea {
	color: #333;
	overflow: auto;
	behavior: url(css/PIE.htc); }


ul {
	clear: both;
	list-style: disc;
	margin: 0 0 25px 20px; }

	ul li ul { list-style: none; }
	ul li ul li:before { content: "- "; }





/*------------------------------------------------      Typography      ------------------------------------------------*/

	a { color: #ae0a0a; }
	a:hover { text-decoration: underline; }

	blockquote p {
		line-height: 20px;
		font-family: 'MyriadProBold';
		font-size: 16px; }

		blockquote p a.more { font-size: 14px; }


	cite {
		float: left;
		border-left: 4px solid #e6e6e6;
		margin-bottom: 25px;
		padding: 0 0 0 20px;
		font-style: italic; }

	h1, h2, h3, h4, h5 { font-family: 'MyriadProBold'; }

	h1 {
		margin-bottom: 20px;
		font-size: 24px; }

	h2 {
		margin-bottom: 15px;
		font-size: 20px; }

	h3 {
		font-size: 18px;
		color: white; }

	h4 {
		clear: both;
		font-size: 16px;
		margin-bottom: 10px; }

	h5 {
		clear: both;
		margin-bottom: 10px;
		font-size: 14px; }




/*------------------------------------------------       Navigate      ------------------------------------------------*/


	#horiz { position: absolute; left: 0; top: 272px; z-index: 20; }



	#vert {
		float: left;
		width: 240px; }

		#vert ul li:before { content: ""; }

		#vert ul li a,
		#vert ul li span {
			float: left;
			color: #1e1e1e; }

		#vert ul li a:hover,
		#vert ul li span:hover {
			background: #efefef;
			text-decoration: none;
			cursor: pointer; }

		#vert > ul > li > a,
		#vert > ul > li > span {
			width: 240px;
			border-bottom: 1px solid #eae9ed;
			padding: 6px 0 6px 10px; }

		#vert ul li span {
			background: url(../images/arrow3.png) no-repeat 230px 7px;
			font-weight: bold; }

		#vert ul li span:hover { background: #efefef url(../images/arrow3.png) no-repeat 230px 7px; }


		#vert ul {
			list-style: none;
			margin: 0; }

			#vert .lvl1 > li > a {font-weight: bold; background: #e9e9e9 /* #dddced */; border-bottom:1px solid #c5c5c5;}
			#vert .lvl1 > li > span {border-bottom:1px solid #c5c5c5; background: #e9e9e9 /* #dddced */ url(../images/arrow3.png) no-repeat 230px 10px; !important;}
			#vert .lvl1 > li > span:hover {background: #e9e9e9 /* #d0cfe7 */ url(../images/arrow3.png) no-repeat 230px 10px; !important;}

			#vert .lvl2 li {background: #f5f5f5;}

			#vert .lvl2 > li > a,
			#vert .lvl2 > li > span {
				padding: 4px 0 4px 20px !important;
				width: 230px !important; }

			#vert .lvl3 li,
			#vert .lvl4 li { background: #fff !important; }

			#vert .lvl3 > li > span {
				text-indent: 20px;
				background: #fff; }

			#vert .lvl2 > li > span {
				padding: 4px 0 4px 10px;
				font-size: 11px;
				border-bottom: 1px solid #EAE9ED;
				width: 240px; }

			#vert .lvl3 > li > span,
			#vert .lvl4 > li > span { padding: 3px 0; width:100%;}

			.onlyhit > span,
			.onlyhit > a,
			.onlyhit > span:hover,
			.onlyhit > a:hover {
				color: #fff !important;
				font-weight:bold;
				background: #322F5A !important; }

			#vert .lvl3 > li > span,
			#vert .lvl4 > li > span { font-size: 11px; }

				#vert .lvl3 > li > span {
					background: #fff url(../images/arrow3.png) no-repeat 230px 7px;
					padding-left: 8px;
					width: 242px; }


			#vert .lvl3 li a {
				padding: 0 5px 0 28px;
				width: 217px; }

			#vert .lvl4 li a {
				padding: 0 5px 0 38px;
				width: 207px;}

			#vert ul li {
				float: left;
				width: 250px; }

				#vert ul li ul li a {
					width: 240px;
					border-bottom: 1px solid #eae9ed;
					padding: 4px 0 4px 10px;
					font-size: 11px; }

				#vert .lvl2 > li a:before,
				#vert .lvl2 > li > span:before,
				#vert .lvl3 > li a:before,
				#vert .lvl3 > li > span:before,
				#vert .lvl4 > li a:before,
				#vert .lvl4 > li > span:before { content: "- "; }

		#vert li.hit > a {
			background: #322F5A !important;
			color: white !important; }





	#path {
		float: left;
		width: 100%;
		margin-top: 340px;
		font-size: 11px; }



/*------------------------------------------------    Page Elements    ------------------------------------------------*/


	#center {
		position: relative;
		width: 990px;
		margin: 0 auto; }



	#actions {
		float: left;
		width: 100%;
		border-top: 1px solid #cbcad4;
		margin-top: 25px;
		padding: 5px 0 0 0; }

		#actions a {
			float: left;
			font-size: 11px;
			padding: 0 0 0 20px;
			color: #666; }

			#actions a.like {
				background: url(../images/ico-like.gif) no-repeat left;
				margin-right: 10px;
				padding-right: 10px;
				border-right: 1px solid #cbcad4; }

			#actions a.print { background: url(../images/ico-print.gif) no-repeat left; }

			#actions a.top {
				float: right;
				background: url(../images/arrow-top.gif) no-repeat left; }


	/*---------------      Footer      ---------------*/

	footer .content {
		position: relative;
		width: 990px;
		margin: 0 auto; }

		footer .content a {
			text-decoration: underline;
			color: white; }

		footer .content a:hover { text-decoration: none; }

		footer address {
			float: left;
			width: 340px; }

			footer .content address span {
				float: left;
				width: 60px; }

		footer .content .madeby {
			position: absolute; right: 0; top: 0;
			font-size: 10px;
			text-decoration: none; }

		footer .content .madeby:hover { text-decoration: underline; }




	/*---------------      Newsletter      ---------------*/

	#newsletter {
		float: left;
		width: 260px;
		margin-left: 40px; }

		#newsletter button { background: #ae0a0a; }

		#newsletter button:hover { background: #b71810; }

		#newsletter h3 { margin-bottom: 5px; }

		#newsletter input {
			border: 0 none;
			margin-bottom: 5px; }

		#newsletter p { padding-bottom: 15px; }






	#logo {
		position: absolute; left: 0; top: 3px; z-index: 100;
		width: 600px; height: 65px;
		/* background: url(../images/logo-wwsse.png); */
		text-indent: -10000px; }

	#logo:hover {
		opacity:.2;
		filter:alpha(opacity=20);
		background: #fff;
	}



	/*---------------      Short      ---------------*/

	#short {
		/* position: absolute; top: 6px; right: 0; z-index: 100;
			width: 180px; height: 245px;
			background: url(../images/short.png);
			padding: 20px 20px 0 70px; */

			/*background: url("../images/short.png") right top transparent;*/
			height: 191px;
			/*padding: 20px 20px 0 24px;*/
			position: absolute;
			right: 0;
			top: 60px;
			width: 218px;
			z-index: 100;
		}

		#short p {display: none;}

		#short h3 {
			margin-bottom: 5px;
			padding: 8px 0 6px 10px;
			text-align: left;
			font-size: 14px;
			text-transform: uppercase;
			border:0;
			font-size:
			/*border-bottom: 0px solid #55546d; */

			background: rgb(133,6,6);
background: -moz-linear-gradient(left,  rgba(133,6,6,1) 0%, rgba(194,5,5,1) 100%);
background: -webkit-linear-gradient(left,  rgba(133,6,6,1) 0%,rgba(194,5,5,1) 100%);
background: linear-gradient(to right,  rgba(133,6,6,1) 0%,rgba(194,5,5,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#850606', endColorstr='#c20505',GradientType=1 );

		}

		#short ul {
			list-style: none;
			margin: 0 0 20px;
			padding: 2px 0; }

			#short ul li {
				display: block;
				padding: 0; }

			#short ul li a { color: white; }

			#short ul li a:hover { text-decoration: underline; }

			#short ul li a:before { content: "» "; }





	/*---------------      Search form      ---------------*/

	#search-form { position: absolute; top: 326px; right: 0; z-index: 20; }

		#search-form {
			float: left;
			padding-left: 3px; }






	/*---------------      Slider      ---------------*/


	#slider li {list-style: none;}

	#slider span {

		background: #2C2954 url('../images/mouse.png') right 6px no-repeat;
		width:98%;
		display:block;
		color: #fff;
		margin:0 0 5px 0;
		text-indent: 13px;
		padding:5px 0 5px 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		font-size:16px;
		font-family: 'MyriadProRegular';
		cursor: pointer;
	}

	#slider span:hover {background: #433e7d url('../images/mouse.png') right 6px no-repeat;}


	#slider span strong {

		text-transform: uppercase;
		font-family: 'MyriadProBold', sans-serif;
		}

	#slider {

		border:1px solid #d1d1d1;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		padding: 15px;
		margin-left:0;
		background: #e8e8e8;
		min-height: 327px;

	}

	#slider li ul {

		margin:10px 0;
		background: #f4f4f4;
		border:1px solid #d1d1d1;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
	#slider li ul li {

		padding:5px;
		border-bottom:1px solid #d1d1d1;
	}

	#slider li ul li.last {border:0;}







	/*---------------      News      ---------------*/

	#news {
		float: left;
		width: 345px; }

		#news .item {
			float: left;
			width: 345px;
			margin-bottom: 20px; }

			#news .item img {
				float: left;
				margin: 0 10px 10px 0;
				padding: 3px;
				border: 1px solid #d3d3d3; }

			#news .item .more {
				float: right;
				width: 141px; height: 20px;
				background: url(../images/btn-czytaj.gif);
				margin: 15px -19px 0 0;
				text-indent: -10000px; }

			#news .item .title {
				display: block;
				width: 100%;
				margin-bottom: 5px;
				font-family: 'MyriadProBold';
				font-size: 15px; }




	/*---------------      Banners      ---------------*/

	.baners {
		float: left;
		width: 100%; }

		.baners a {
			float: left;
			margin-right: 8px; }

		.baners a:last-child { margin: 0; }





	/*---------------      Gallery      ---------------*/

	#gallery {
		clear: both;
		width: 100%; }

		#gallery a {
			float: left;
			margin: 4px 7px 0 0; }

			#gallery a img {
				padding: 3px;
				border: 1px solid #ccc; }







	/*---------------      Gallery      ---------------*/

/* 	#slideshow {
	position: absolute; right: 224px; top: 6px; z-index: 10;
	width: 800px; height: 265px; } */

#slideshow {
    height: 201px;
    overflow: hidden;
    position: absolute;
    right: 224px;
    top: 70px;
    width: 765px;
    z-index: 10;
}

		#slideshow img { position: absolute; top: 0; left: 0; z-index: 8; }

		#slideshow img.active { z-index: 10; }

		#slideshow img.last-active { z-index: 9; }











/*------------------------------------------------    General Classes   ------------------------------------------------*/

	img.right { float: right; }

	.back {
		position: absolute; right: 20px; top: 0; z-index: 10;
		background: url(../images/arrow-right.gif) no-repeat left 4px;
		padding: 0 0 0 15px;
		color: #1e1e1e; }

	.red { color: #ae0a0a; }

	.more {
		font-family: Arial;
		color: #ae0a0a !important;
		white-space: nowrap; }

	.more:before { content: "» "; }








/* mc, update: 10 marca 2011 */


.content table {margin:10px auto;}
.content td {

	padding:5px;
	border:1px solid #e0e0e0;
}



/* mc, update: 25 sie 2011 */

ol li {list-style:decimal; margin-left:35px;}




body.aktualnosci #news {
	width: 100%;
}

body.aktualnosci #news .item {
	width: 100%;
}







/* paginator */

#pages {
  width: 160px;
  float: none;
  margin: 10px auto;
  /*margin: 10px 0 0 173px;*/ }



#pages-container {float: left; width: 100%;}




.jPaginate{
    height:34px;
    position:relative;
    color:#a5a5a5;
    font-size:small;
  width:100%;
}
.jPaginate a {
    line-height:15px;
    height:18px;
    cursor:pointer;
    padding:1px 6px 0;
    margin:1px;
    font-size: 11px;
    float:left;
    color: #333;
}
.jPag-control-back{
  position:absolute;
  left:0;
}
.jPag-control-front{
  position:absolute;
  top:0;
}
.jPaginate span{
    cursor:pointer;
}
ul.jPag-pages {
    float:left;
    /*width:auto !important;*/
    list-style-type:none;
    margin:0;
    padding:0;
}
ul.jPag-pages li {
    float: left;
    padding:0;
    margin:0;
}
ul.jPag-pages li a {
    float: left;
    padding:1px 6px 0;
    color: #777;
}

ul.jPag-pages li a:hover, .jPag-first:hover, .jPag-last:hover {
  background: #ddd;
  opacity:.8;
  filter:alpha(opacity=80);
}

span.jPag-current{
    line-height:15px;
    height:18px;
    cursor:pointer;
    padding: 1px 6px 0 6px;
    margin: 1px;
    font-size: 11px;
    float:left;
    color: white;
    background: #999 !important;
}
ul.jPag-pages li span.jPag-previous,
ul.jPag-pages li span.jPag-next,
span.jPag-sprevious,
span.jPag-snext,
ul.jPag-pages li span.jPag-previous-img,
ul.jPag-pages li span.jPag-next-img,
span.jPag-sprevious-img,
span.jPag-snext-img{
    height:22px;
    margin:0;
    float:left;
    line-height:18px;
}

ul.jPag-pages li span.jPag-previous,
ul.jPag-pages li span.jPag-previous-img{
    margin: 0;
    font-size:12px;
    font-weight:bold;
    width:10px;

}
ul.jPag-pages li span.jPag-next,
ul.jPag-pages li span.jPag-next-img{
    margin:2px 2px 2px 0px;
    font-size:12px;
    font-weight:bold;
    width:10px;
}
span.jPag-sprevious,
span.jPag-sprevious-img{
    margin:0;
    font-size:18px;
    width:15px;
    text-align:right;
    color: #555;
}
span.jPag-snext,
span.jPag-snext-img{
    margin:0;
    font-size:18px;
    width:15px;
    text-align:right;
    color: #555;
}
ul.jPag-pages li span.jPag-previous-img{
    background:transparent url(../images/previous.png) no-repeat center right;
            }
ul.jPag-pages li span.jPag-next-img{
    background:transparent url(../images/next.png) no-repeat center left;
            }
span.jPag-sprevious-img{
    background:transparent url(../images/sprevious.png) no-repeat center right;
            }
span.jPag-snext-img{
    background:transparent url(../images/snext.png) no-repeat center left;
            }





/* Facebook slider - right */

.fb_slider_right {
	position: fixed;
	top: 90px;
	right:-320px;
	z-index: 1000;
	width: 348px;
	height: 100px;
	overflow: hidden;

	transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}

.fb_slider_right:hover {
	right:0;
	height: 100%;
}

.fb_slider_right .button,
.fb_slider_right iframe {
	float: left;
	background: white;
}