* {padding:0;margin:0;}
@font-face

{
font-family: zegar;
src:url(zegar.ttf);
}
@font-face

{
font-family: digital;
src:url(digital.TTF);
}
html {width:100%;height:100%;}
body {font-family:Arial, Helvetica, Sans-serif;font-size:14px;line-height:1.5;font-weight:400;color:#434343;background:#FFF;}

.container {margin:0 auto; position: relative; z-index: 2; }
h1 {
	font-family: digital;
	background-image : url('../images/srodek.png');
	 background-repeat: repeat-x;
	border-radius:15px 15px 0 0;
	height: 47px;
	text-align: center;
text-shadow: 0px 0px 1px #fff;
color: #fff;
font-weight:bold;
padding-top: 10px;
	}
aside .data {
z-index : 1;
height : 36px;
width : 499px;
margin-top : 2px;

background-image : url('../images/pasek.png');
background-repeat : no-repeat;

}

p {

text-align: justify;
}
 aside .data .info {
text-shadow : 0.1em 0.1em black;
font-size : 12px;
font-family: Tahoma, Arial, Helvetica, Sans-serif;
color : white;
padding-top:5px;
margin : 5px 0 0 0px;
}

	#bg {
            position: fixed;
            left: 0px;
            top: 0px;
            min-width: 100%;
            min-height: 100%;
            width: auto;
            height: auto;
            overflow: hidden;
            z-index: 1;
        }	



		
header {margin:65px 0; width:50%; z-index:0px; }
header img {width:100%; float:left;}

aside {float:right;margin:0 0 25px;}
aside1 {float:left;margin:0 0 15px;}
aside2 {float:right;margin:0 0 15px;}
#main {float:right;margin:0 0 25px; color:#ffffff; }
#main1 {float:left;margin:0 0 25px; color:#ffffff; }
#main2 {float:left;margin:0 0 25px; color:#ffffff; }
#main3 {float:left;margin:0 0 25px; color:#ffffff; }
	#news {background: url('../images/panel.png'); color#ffffff; padding:10px 20px 10px 20px; margin-top:-10px; border-radius:0 0 15px 15px;}
footer {clear:both;color:#FFF;background:#121212; height: 63px;
background:url('../images/stopka.png') no-repeat;
padding-top: 15px;
padding-left:10px;
margin-top:25px;
width: 100%;
border-radius: 15px;
}
#pozdro {
    width: 100%;
    height: 41px;
    margin-left: 1px;
}
.pozdro1 {
    width: 100%;
    height: 26px;
    background: url('../images/pozdro1.png') no-repeat;
    padding: 5px 5px;
    float: left;
    border-radius:5px;
    margin-top: 7px;
    font-size: 14px;
    font-family: "Myriad";
    text-shadow: 0px 0px 1px #000;
	margin-bottom:20px;
}

 .clear {
clear: both;
}

 #slide_box {

margin-top:25px;
width:542px;
height:162px;
}
 
 #slideshow {
margin:0;
padding:0;
position:relative;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

 #slideshow li img {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
	 
 #slideshow ul {
position:relative;
overflow:hidden;
margin:0;
padding:0;
}

 #slideshow ul li {
position:absolute;
top:0;
left:0;
margin:0;
padding:0;
list-style:none;
}
 #pagination {
clear:both;
width:75px;
margin:25px auto 0;
padding:0;
position:absolute;
right:10px;
top:110px;
}

#pagination li {
list-style:none;
float:left;
margin:0 2px;
}

#pagination li a {
display:block;
width:10px;
height:10px;
text-indent:-10000px;
background:url('../images/pagination.png');
}

#pagination li a.active {
background-position:0 10px;
}
.caption {
width:527px;
margin:0;
padding:10px;
position:absolute;
left:0;
font-family: Arial, sans-serif;
font-size:14px;
font-weight:normal;
color:#fff;
border-top:1px solid #000;
background:rgba(0,0,0,0.7);
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
 #player {

background-repeat:no-repeat;
width:403px;
height:162px;
border-radius:10px;
margin-top:25px;

}

 #name-player{
color:#ffffff;
font-family: Night;
margin:25px 0px 0px 0px;
}

 

@media (min-width: 1000px) {
	.container {width:980px;}
	aside {width:50%;}
	#main1 {width:28%;}
	#main2 {width:28%;}
	#main3 {width:28%;}
	#main {width:70%;}
	
}
@media (max-width: 980px) and (min-width: 960px) {
	.container {width:940px;}
	aside {width:50%;}
	aside1 {width:100%;} 
	aside2 {width:100%;}
	#main1 {width:28%;}
	#main2 {width:28%;}
	#main3 {width:28%;}
	#main {width:70%;}
	
	
}
@media (max-width: 940px) and (min-width: 840px) {
	.container {width:830px;}
	aside {width:100%;}
	aside1 {width:100%;}
	aside2 {width:100%;}
	#main1 {width:28%;}
	#main2 {width:28%;}
	#main3 {width:28%;}
	#main {width:70%;}
	
	
	
}
@media (max-width: 840px) and (min-width: 500px) {
	.container {width:450px;}
	aside,
	#main {width:100%;}
	
}
@media (max-width: 500px) {
	.container {width:90%;}
	aside,
	#main {width:100%;}
	
}
@media screen and (max-width: 480px) {
/* Okno przeglądarki o szerokości pomiędzy 0px a 480px */
.mobile-text{ display: block; }
.non-mobile-text{ display: none; position:relative; z-index:99; }
}

@media screen and (min-width: 480px){
/* Okno przeglądarki o szerokości pomiędzy 480px a nieskończoność */
.mobile-text{ display: none; }
.non-mobile-text{ display: block; position:relative; z-index:99; }
}
::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar-track {border-left: 1px solid #0b1f37; background: #0b1f37;}
::-webkit-scrollbar-thumb {background: blue; /* Old browsers */
background: ;
background: url('../images/srodek.png')   ;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7004e', endColorstr='#f14d00',GradientType=0 ); /* IE6-9 */}