* {padding:0;margin:0;}

html {width:100%;height:100%;}
body {font-family:Arial, Helvetica, Sans-serif;font-size:14px;line-height:1.5;font-weight:400;color:#ccc;background:#000;background:url(pict/tlo.jpg) no-repeat; 	
        background-size:cover; 
		background-position: top;
        background-attachment:fixed;}

h1
{
color:#888;
font-size:20px;
font-weight: 100;
}

p
{
color:#ccc;
}

.srodek
{
margin: 0 auto;
text-align:center;	
}
.container {background:#000; opacity:0.9;  margin:0 auto; padding:5px;}
.topmenu {position:fixed;top:0px;z-index:99;}
.topimg {margin:0 20 20 0 auto;width:100%;}
.znacznik{padding-bottom:50px;}
header {margin:0px 0;}
header img {margin:0;width:100%;}

aside {float:left;margin:0 0 10px;}

#main {float:right;margin:0 0 0px;padding-right:5px;}

footer {clear:both;color:#111;background:#555;padding:20px;border-radius:8px;margin:0 auto;margin-bottom:20px;}


A:link 	
{
color:#333;
text-decoration: none;
text-align: left;
}

A:visited
{
color:#c5c5c5;
text-decoration: none;
}

A:hover
{
color:#FFF;
}

.szukacz {
	position: relative;top: 20px; bottom:20px;
	}

.stopka {
        margin-bottom:0px;
        vertical-align:bottom;
        text-align:center;
        width:100%;
        height:260px;
        padding-top: 0px;
	text-align: center;
	background:#121212;
	color: #FF6600;
}

.colst {
    min-width:250px;
    height:220px;
    float: left;
    padding-top:15px;
    width: 30%;
    border-right: 2px dotted #555;
    background:#121212;
}

.colst ul li{
list-style:none;
marker-offset:20px;
}

.colst a{
color:#999;
}


@media (min-width: 1100px) {
	.container {width:1050px;}
	aside {width:30%;}
	header img {margin:0;margin-top:70px;width:100%;}
	#main {width:68%;}
}
@media (max-width: 1100px) and (min-width: 1000px) {
	.container {width:950px;}
	aside {width:30%;}
	#main {width:65%;}
	.topimg {width:950px;}
}
@media (max-width: 1000px) and (min-width: 800px) {
	.container {width:780px;}
	aside {width:30%;}
	header img {margin:0;margin-top:55px;width:100%;}
	#main {width:65%;}
	 .colst {min-height:220px;padding:0px;border-bottom: 0px dotted #555;border-right: 2px dotted #555;}
     .stopka {width:100%;margin:0 auto;background:#121212;}
	 .topimg {width:780px;}
	 }
@media (max-width: 800px) and (min-width: 500px) {
	.container {width:480px;}
	header img {margin:0;margin-top:35px;width:100%;}
	aside {width:100%;}
	#main {width:95%;}
	 .colst {margin:0 auto; width:100%;min-height:220px;padding:0px;padding-top:15px;border-bottom: 2px dotted #555;border-right: 0px dotted #555;}
	 .stopka {width:480px;height:720px;padding:5px;margin:0 auto;}
     .img_pods {	max-width: 400px;margin:0 auto;padding: 5px;} 
	 .topimg {width:480px;}
	  }

@media (max-width: 500px) {
	.container {width:95%;}
	header img {margin:0;margin-top:35px;width:100%;}
	aside,
	#main {width:95%;padding:5px;}
     .colst {margin:0 auto; width:100%;min-height:220px;padding:0px;padding-top:15px;border-bottom: 2px dotted #555;border-right: 0px dotted #555;}
	 .stopka {width:98%;margin:0 auto;}
	 .img_pods {max-width: 300px;margin:0 auto;padding: 5px;}
	.znacznik{padding-bottom:10px;}	 
	  }


.imgt
{
    border-radius:10px;
	border: 1px solid #555;
	box-shadow: 2px 2px 2px;
}

.img_gal
{
    border-radius:10px;
	border: 1px solid #555;
	box-shadow: 2px 2px 2px;
	float:left;
	padding:5px;
	margin:20px;
}

.img_2
{
    border-radius:10px;
	border: 1px solid #555;
	box-shadow: 1px 1px 1px;
	padding:2px;
	margin:20px;
}

.ico
{
padding:5px;     	
width:40px;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
}
.ico:hover
{
width:42px;
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-o-filter: grayscale(0%);
-ms-filter: grayscale(0%);
filter: grayscale(0%);
}

.ico2
{
border-radius:10px;
padding:5px;     	
width:35px;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
}
.ico2:hover
{
	border-radius:10px;
width:36px;
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-o-filter: grayscale(0%);
-ms-filter: grayscale(0%);
filter: grayscale(0%);
}



a#tomenu {
   position: fixed;
   bottom: 9px;
   right: 9px;
   padding: 0;
   width: 40px;
   height: 40px;
   background: url(pict/top.jpg) no-repeat center center;
   border-radius:10px;
   border: 1px solid #555;
   box-shadow: 2px 2px 2px;
}

/*
#topp {
position: relative;z-index:6;
      width: 45px;
   height: 190px;top: 9px;
   left: 9px;
}

#topp ul {

list-style:none;
}
    */
#m {
	position: absolute; left: 0px; top: 25px; z-index: 4;
	width: 50px;
        height:200px;
        border:1px;
}

/*NEWS*/
.tematm
{
border-radius:8px;
align:left;
margin: 0 auto;
margin-top:10px;
padding:10px;
width:95%;
background:#121212;
color:#FFF;
}

.temat2
{
text-align: right;
margin: 0 auto;
margin-top:2px;
width:80%;
color:#888;
}

.stopka_news
{
margin: 0 auto;
padding:2px;
width:60%;
color:ddd;
}

.tresc_news
{
margin:20px;
text-align:left;
padding:2px;
width:90%;
color:ddd;
}
.odczyt
{
background:#FFF;
text-align:left;
padding:5px;
width:98%;
color:#000;
}

.img_news
{
	float:left;
	padding: 5px;
	margin: 30px;
        border-radius:2px;
	border: 1px solid #555;
	box-shadow: 2px 2px 2px;
}


/*STRONICOWAMIE*/


.strony
{
margin: 0 auto;
margin-top:35px;
padding:2px;
width:100%;
}

.stronicowanie
{
color:#FFF;
text-decoration: none;
font-style: none;
font-size:11px;
float: left;
display: block;
padding: 1px 1px 1px 1px;
width: 16px;
height: 16px;
border-radius: 3px 3px 3px 3px;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.01) 1%, rgba(173,173,173,0.53) 37%, rgba(255,255,255,0.3) 54%, rgba(255,255,255,0.06) 71%, rgba(255,255,255,0) 99%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(1%,rgba(0,0,0,0.01)), color-stop(37%,rgba(173,173,173,0.53)), color-stop(54%,rgba(255,255,255,0.3)), color-stop(71%,rgba(255,255,255,0.06)), color-stop(99%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(173,173,173,0.53) 37%,rgba(255,255,255,0.3) 54%,rgba(255,255,255,0.06) 71%,rgba(255,255,255,0) 99%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(173,173,173,0.53) 37%,rgba(255,255,255,0.3) 54%,rgba(255,255,255,0.06) 71%,rgba(255,255,255,0) 99%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(173,173,173,0.53) 37%,rgba(255,255,255,0.3) 54%,rgba(255,255,255,0.06) 71%,rgba(255,255,255,0) 99%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(173,173,173,0.53) 37%,rgba(255,255,255,0.3) 54%,rgba(255,255,255,0.06) 71%,rgba(255,255,255,0) 99%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */	
margin-left: 3px;
}

.stronicowanie2
{
color:#FFF;
font-size:12px;
float: left;
display: block;
margin: 0 0 0 0;
padding: 1px 1px 1px 1px;
	width: 10px;
	height: 12px;
	margin-left: 3px;
}


.stronicowanie3
{
color:#FFF;
font-size:11px;
float: left;
display: block;
margin: 0 0 0 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e20404+0,b20303+44,ed0000+100 */
background: rgb(226,4,4); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(226,4,4,1) 0%, rgba(178,3,3,1) 44%, rgba(237,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(226,4,4,1) 0%,rgba(178,3,3,1) 44%,rgba(237,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(226,4,4,1) 0%,rgba(178,3,3,1) 44%,rgba(237,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e20404', endColorstr='#ed0000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
padding: 1px 1px 1px 1px;
	width: 16px;
	height: 16px;
border-radius: 3px 3px 3px 3px;
	margin-left:3px;
}


/*Formularze*/
.form1
{
	font-size: 12px;
	border-radius:5px;
	border: 1px solid #555;
	background-color: #FFF;
	padding:2px;
}

.form1a
{
	font-size: 12px;
	border-radius:5px;
	border: 1px solid #555;
	background-color: #ffd9d9;
	padding:2px;
}

.form2
{
	font-size: 14px;
	border-radius:2px;
	border: 0px solid #555;
    color:#FFF;
	padding-top:7px;
	padding-bottom:7px;	
	padding-left:15px;
	padding-right:15px;
	box-shadow: 1px 1px 1px;
	margin-left: 0px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e20404+0,b20303+44,ed0000+100 */
background: rgb(226,4,4); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(226,4,4,1) 0%, rgba(178,3,3,1) 44%, rgba(237,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(226,4,4,1) 0%,rgba(178,3,3,1) 44%,rgba(237,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(226,4,4,1) 0%,rgba(178,3,3,1) 44%,rgba(237,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e20404', endColorstr='#ed0000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.wyr
{
color:#FF0000;	
font-size: 18px;
}



.mala
{
color:#9d9d9d;
font-size:11px;
}


.dd
{
color:#c5c5c5;
font-size:11px;
}

.tytulm
{
padding-top:30px;
color:#eee;	
text-shadow:0 0 2px #ff0000;
font-size: 25px;
font-weight:100;
}