* {padding:0;margin:0;}

html {width:100%;height:100%;}
body {font-family:Verdana, Arial, Helvetica, Sans-serif;font-size:14px;line-height:1.5;font-weight:400;color:#434343;background-color:#fff;
/*background:url(pict/tloss2.jpg) no-repeat; 	
        background-size:cover; 
		background-position: bottom;
        background-attachment:fixed;*/
		}
.ttop{position: absolute; width:10px; margin: 0 auto;z-index:0;}

h1
{
color:#888;
font-size:23px;
font-weight: 100;
}
div 
{
text-align:center;	
}
p, ul, li
{
font-size:14px;
margin:5px;
}
ul li
{
margin-left:-10px;
margin-right:40px;
}
.srodek
{
text-align:center;	
margin: 0 auto;
}
.start{margin:0 auto;position:absolute;top:0px;z-index:99;width:17%;height:100%;float:left;}
.topmenu1 {margin:0 auto;background:#FFF;position:relative;top:0px;z-index:95;}
.container {height:auto;background-color:#FFF;margin:0 auto;padding:0px 0px 0px 0px;margin-bottom:50px;}
.szukacz {padding:0px;position:absolute;z-index:88;top:80px;text-align:right;margin-right:0;}
header {margin:0px 0;}
header img {margin:0;width:100%;border-radius:0px;}
nav {text-align:right;}
article{padding-left:20px;text-align:left;display:block;width:95%;border-bottom:1px solid #CCC;}
section {margin-top:5px;margin-bottom:10px;}
section #main {clear:both;top:200px;position:relative;z-index:95;padding:10px;}
/*footer {margin:0 auto;width:70%;clear:both;color:#121212;background:#222;padding:40px;margin-top:20px;margin-bottom:20px;border-radius:8px;}*/

.skroty
{
	width:100%;
	clear:both;
	position:relative;
}

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

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

A:hover
{
color:#c5c5c5;
}

.stopka {
	vertical-align:bottom;
    margin-bottom:0px;
    text-align:center;
    width:100%;
    min-height:330px;
	text-align: center;
	color: #FFF;
	margin-top:30px;
	margin-bottom:0px;
	background:#bbb;
	border-radius:0px;/*??*/
}

.colst {
    min-width:260px;
    height:auto;
	height:260px;
	margin-top:30px;
    float: left;
    padding-top:15px;
    width: 31%;
	background:#bbb;
    border-right: 1px dotted #555;
    color: #FFF;
}

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

.colst a{
color:#999;
}

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

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

.img_gal
{
    border-radius:2px;
	border: 1px solid #ccc;
	/*box-shadow: 1px 1px 1px;*/
	float:left;
	padding:5px;
	margin:10px;
	width:180px;
	min-height:120px;
	box-shadow: 1px 1px 2px #CCC; /*#3ea689;*/
}

.fbox
{display:none;}

.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%);
}
.ico3
{
padding:5px;     	
width:45px;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
}
.ico3:hover
{
width:47px;
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-o-filter: grayscale(0%);
-ms-filter: grayscale(0%);
filter: grayscale(0%);
}

.icof
{
border-radius:5px;
margin:5px; 	
height:30px;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
}
.icof:hover
{
height:32px;
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-o-filter: grayscale(0%);
-ms-filter: grayscale(0%);
filter: grayscale(0%);
}


a#tomenu {
	padding:1px;
	text-align:center;
   position: fixed;
   bottom: 14px;
   right: 14px;
  text-shadow: 1px 1px 1px #333;
   color:#3ea689;
}

/*
#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;
}

/*Galeria*/
.prev
{
float:left;	
padding:2px;
margin:0;
min-width:1%;
}

.next
{
float:left;	
padding:2px;
margin:0;
min-width:1%;
}


.galeria                   
{
width:45%;
float:left;	
margin:5px;
padding:0;
border-radius:2px;
}

.img_proj
{
width:100%;
border-radius:2px;
box-shadow: 1px 1px 2px #CCC;/* #3ea689;*/
}

.mini_l
{
width:7%;
float:left;
margin:5px;
margin-left:15px;
margin-top:10px;
}
.mini
{
width:60px;
margin-bottom:2px;
margin-top:3px;
border-radius:2px;
box-shadow: 1px 1px 2px #CCC;/* #3ea689;*/
}

.tytulm2
{
padding-top:20px;
color:#3ea689;	
font-size: 16px;
font-weight:100;
text-shadow:1px 1px 1px #ccc;
text-indent:0px;
}

.opis
{
width:40%;
float:left;
text-align:left;
margin:5px;
}

.popis
{
margin-top:10px;
font-size: 1em;
font-style:italic;	
color:#ccc;
display:block;width:90%;border-bottom:1px solid #ddd;
margin-bottom:10px;
}

.stopka_proj
{
display:block;width:95%;border-top:1px solid #CCC;
width:100%;
clear:both;
}




/*NEWS*/
.news {max-width:99%;margin:0 auto;margin-top:2px;margin-bottom:2px;min-height:430px;}

.temat_news
{
border-radius:0px;
margin: 0 auto;
margin-top:5px;
padding:5px;
background:#333;
color:#FFF;
}
.tematm
{
border-radius:8px;
margin: 0 auto;
margin-top:10px;
padding:2px;
background:#333;
width:95%;
color:#FFF;
}

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

.stopka_news
{
margin: 0 auto;
padding:2px;
width:100%;
text-align: center;
}

.tresc_news
{
min-height:150px;
margin:20px;
text-align:justify;
padding:2px;
width:90%;
color:ddd;
}

.tresc_news ul
{
margin-left:20px;
text-align:justify;
padding-left:20px;
width:95%;
color:ddd;
}

.odczytpe
{
margin: 0 auto;
padding-top:5px;
width:1050px;
min-height:600px;
text-align:left;
background:#FFF;
color:#000;
}

.odczyt
{
padding-top:5px;
width:100%;
min-height:600px;
text-align:left;
color:#000;
}

.img_pods
{
	padding: 5px;
    border-radius:2px;
	border: 1px solid #555;
	box-shadow: 1px 1px 1px #CCC;
}


/*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:#3ea689; 
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;
background: #ccc;
padding: 1px 1px 1px 1px;
	width: 16px;
	height: 16px;
border-radius: 3px 3px 3px 3px;
	margin-left:3px;
}



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

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

.form2
{
	font-size: 16px;
	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;
background: #3ea689; 

}

.blok
{	
    margin-top: 20px;
	margin:0 auto;
	width:60%;
	border:#3ea689 1px solid; 
	border-radius:3px;
	padding:8px;
	margin-bottom: 20px;
	box-shadow: 1px 1px 2px #CCC; /*#3ea689;*/
}


.wyr
{
color:#3ea689;	
font-size:20px;
position:relative;
z-index:99;
float:right;
}

.wyr2
{
color:#CCC;	
font-size:14px;
}

.wyr3
{
padding-top:30px;
color:#3ea689;	
font-size:15px;
}


.mala
{
padding-left:30px;
color:#9d9d9d;
font-size:10px;
}


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

.tytulm
{
padding-top:20px;
color:#3ea689;	
font-size: 20px;
font-weight:100;
text-shadow:1px 1px 1px #ccc;
text-indent:0px;
font-variant:small-caps;
}

/*Responsive*/
	
@media (min-width: 1100px) {
	.container  {width:1100px;}
	.szukacz  {width:1100px;}
	.znacznik{padding-bottom:0px;}
	header {margin-top:0px;}
	header img {margin:0 auto;width:100%;}
	#main {width:100%;}
	.stopka {clear:both;width:100%;margin:0 auto;margin-top:15px;}
	 .colst {min-height:200px;padding:0px;border-bottom: 0px dotted #555;}
		.img_gal {float:left;margin: 10px;padding: 5px;max-width: 850px;}
}
@media (max-width: 1099px) and (min-width: 1000px) {
	.container {width:950px;height:auto;}
	.szukacz  {width:950px;}
	.znacznik{padding-bottom:0px;}/*80px*/
	header {margin-top:0px;}
	aside {width:100%;}
	header img {width:100%;}
	#main {width:100%;}
	.topimg {width:950px;}
	 .stopka {clear:both;width:100%;margin:0 auto;margin-top:15px;}
	 .colst {min-height:200px;padding:0px;border-bottom: 0px dotted #555;}
	 		.galeria{width:45%;margin:0 auto;float:left;z-index:66;}
		 .img_proj {margin-left:20px;width:100%;border-radius:2px;}
			.mini_l{width:5%;margin-left:40px;} /*!*/
			 .opis {width:42%;float:right;text-align:left;margin:5px;margin-left:20px;}
			 .prev {padding:2px;margin:0;position:absolute;top:300px;z-index:99;right:0;}
	    .next {padding:2px;margin:0;position:absolute;top:300px;z-index:99;left:0;}

}
@media (max-width: 1000px) and (min-width: 800px) {
	.container {width:780px;height:auto;}
	.szukacz  {width:780px;top:60px;}
	.znacznik{padding-bottom:0px;}
	header {margin-top:0px;}
	header img {width:100%;}
	#main {width:100%;}
	 .stopka {clear:both;width:100%;margin:0 auto;margin-top:15px;}
	 .colst {min-height:200px;padding:0px;border-bottom: 0px dotted #555;}
     .topimg {width:780px;}
		.galeria{width:45%;margin:0 auto;float:left;z-index:66;}
		 .img_proj {margin-left:20px;width:100%;border-radius:2px;}
			 .mini_l{margin-left:28px;width:7%;text-align:center;} 
			 .opis {width:40%;float:left;text-align:left;margin:5px;margin-right:20px;}
			 .prev {padding:0px;margin:0;position:absolute;top:250px;z-index:99;right:0;}
	    .next {padding:0px;margin:0;position:absolute;top:250px;z-index:99;left:0;}
	 }
@media (max-width: 799px) and (min-width: 500px) {
	.container {width:480px;height:auto;margin-bottom:30px;}
	.szukacz  {width:480px;}
	.znacznik{padding-bottom:0px;}/*100px*/
	header {margin-top:0px;}
	header img {width:100%;}
	#main {width:100%;}
	 .colst {margin:0 auto; width:100%;min-height:200px;padding:0px;padding-top:15px;border-bottom: 1px dotted #555;border-right: 0px dotted #555;}
	 .stopka {clear:both;width:480px;margin:0 auto;margin-top:15px;}
     .img_pods {	max-width: 400px;margin:0 auto;padding: 5px;} 
	 .img_news {	max-width: 400px;margin:0 auto;padding: 5px;} 
	 .topimg {width:480px;}
	 .img_gal {margin:10px;}
	 .blok {width:95%;}
	 .galeria, .opis, .stopka_proj{width:100%; clear:both;}
	 .mini_l{width:100%; clear:both;margin: 0 auto;padding-left:40px;}
	 .img_proj {width:90%;border-radius:2px;}
	 .mini {width:60px;float:left;margin:3px;}
	.prev {padding:5px;margin:0;position:absolute;top:200px;z-index:99;right:0;}
	.next {padding:5px;margin:0;position:absolute;top:200px;z-index:100;left:0;}
	  }

@media (max-width: 499px) {
	.container {width:100%;height:auto;margin-bottom:60px;}
	section {margin-top:0px;}
	.szukacz  {width:100%;text-align:center;}
	.znacznik{padding-bottom:40px;}
	header {margin-top:0px;}
	header img {width:100%;}
	#main {width:95%;padding:5px;}
     .colst {margin:0 auto; width:100%;min-height:200px;padding:0px;padding-top:5px;border-bottom: 1px dotted #555;border-right: 0px dotted #555;}
	 .stopka {clear:both;width:95%;margin:0 auto;margin-top:30px;}
	 .img_pods {width:95%;margin:0 auto;padding: 5px;}
	 .topimg {width:100%;}
	.img_gal {margin:4px;width:42%;}
	.blok {width:95%;}
	.galeria{width:100%;margin:0 auto;clear:both;position:relative;z-index:66;}
	.img_proj {width:92%;border-radius:2px;}
	.opis, .stopka_proj{width:100%;margin:0 auto;clear:both;position:relative;z-index:66;}
	.mini_l{width:100%;clear:both;margin: 0 auto;padding-left:10px;padding-top:10px;}
	.mini {width:16%;float:left;margin:2px;}
	.prev {padding:2px;padding-left:0px;margin:0;position:absolute;top:200px;z-index:100;right:0px;}
	.next {padding:2px;padding-right:0px;margin:0;position:absolute;top:200px;z-index:100;left:0px;}
	  }