/* Powered by Ania i Darek */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background-color:#4084c3; 

 } 
 
div.czysz {
clear:both;
}

div.c {
margin: 0 auto; 
text-align: center;
}

img.news {


padding: 8px 0px 0px 0px;

margin:8px 0px 0px 0px;
border: 0px;

}

/* font  font  font  font  font  font  font  font  font  font  font  font  font  font  font  font  */


h1.glowny {
margin-top: 0px;
text-align: center;
font-size: 20px;
color: #4084c3;
}

span.gazeta
{
float:left;
width: 0.7em;
font-size:300%;

line-height: 38px;
}



p.akapit {
text-indent: 1cm;
text-align: justify;

}

p.linkownia
{
text-align:center;
margin-top: 2px;
margin-bottom: 2px;
padding-bottom: 5px;
border-bottom: dashed 1px #86a0b5;

}


p.news {
text-align: justify;

}

p.srodek
{
text-align:center;
margin-top: 2px;
margin-bottom: 0px;
}
p.srodek_s
{
text-align:center;
margin-top: 5px;
margin-bottom: 5px;

}

h2.srodek  
{
font-family: tahoma, verdana, arial, helvetica,  sans-serif;
text-align:center;
font-size: 20px;

color:#4d5e9c;
margin-top: 0px;
margin-bottom: 0px;

} 

h3.srodek  
{
font-family: tahoma, verdana, arial, helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
text-align:center;

color:#4d5e9c;
margin-top: 5px;
margin-bottom: 2px;


} 


h3.srodek_s 
{
font-family: tahoma, verdana, arial, helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
text-align:center;

color:#4d5e9c;
margin-top: 15px;
margin-bottom: 5px;


} 


h3.lewy  
{
font-family: tahoma, verdana, arial, helvetica, sans-serif;
font-size: 16px;
text-align:left;

color:#000000;
margin-top: 2px;
margin-bottom: 2px;

} 


h4.srodek  
{
font-family: tahoma, verdana, arial, helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
text-align:center;

color:#4d5e9c;
margin-top: 5px;
margin-bottom: 2px;


} 



p.dol_news
{
margin-top: 0px;
text-align: right;
}
p.podpis
{
margin: 0px;
border-top: dashed  1px #e8ebf2; 
text-align: center;
font-size: 10px;
color: #888888;
font-family: arial;
}

p.podpis_back
{
margin: 0px;
 background-image: url("../img/right-box.jpg");
background-position: top right;
background-repeat: repeat-y;
border-top: dashed  1px #e8ebf2; 
text-align: center;
font-size: 10px;
color: #888888;
font-family: arial;
}

p.podpis_wojt
{
font-family: tahoma, verdana, arial, helvetica, sans-serif;
margin-right: 100px;

text-align: right;
font-size: 10px;
font-weight: bold;
color: #000000;

}

p.przetarg_top
{
margin: 5px;
border-top: dashed  1px #e8ebf2; 
text-align: left;
font-size: 12px;
font-weight: bold;
color: #008800;
font-family: arial;
}


ul.wladza
{

list-style-image: url('../img/arrow.gif');
font-size: 110%;
font-weight: bold;
}



a.news:link 
{
color: #4d5e9c;
font-family: sans-serif;
text-decoration: none;
font-weight: normal;
font-size: 11px;
}
a.news:visited 
{
color: #afb0b5;
font-family: sans-serif;
text-decoration: none;
font-weight: normal;
font-size: 11px;
}
a.news:hover 
{
color: #ff0000;
font-family: sans-serif;
text-decoration: none;
font-weight: normal;
font-size: 11px;
}
a.news:active 
{
color: #0000FF;
font-family: sans-serif;
text-decoration: none;
font-weight: normal;
font-size: 11px;
}

/* end of font end of font end of font end of font end of font end of font end of font end of font end of font*/


/* imagi imagi imagi imagi imagi imagi imagi imagi imagi imagi imagi imagi imagi imagi */
img.prawa {
float: right;
margin: 3px;
border: 0px;
}

img.top_l {
float: left;
margin-top: 2px;
margin-right: 2px;
margin-bottom: 0px;
margin-left: 2px;
border: 0px;

}

img.top_p {
float: right;
margin-top: 2px;
margin-right: 2px;
margin-bottom: 0px;
margin-left: 2px;
border: 0px;

}


img.left_menu {
margin-top: 2px;
margin-right: 2px;
margin-bottom: 0px;
margin-left: 2px;
border: 0px;

}
img.news {


padding: 8px 0px 0px 0px;

margin:8px 0px 0px 0px;
border: 0px;

}




/* imag po lewej z podpisem width:120px; */
p.ilustracja {

width:100%;
margin:15px 0 15px 20px;
padding:15px;
border:0px ;
text-align:center;

}

img.ilustracja {
float: left;
border:0px ;
vertical-align: text-top;
margin:0px 5px 2px 0px;

}
/* imag po lewej z podpisem */

/* koniec imagi imagi imagi imagi imagi imagi imagi imagi imagi imagi imagi imagi imagi imagi */


/* tabelka */

table {

table-layout: auto; 
width: 98%;

border-collapse: collapse;

}



	td, th {

		border: 1px solid #999;
border-collapse: collapse;
padding-left: 5px;
	}

th {
text-align: center;
}

caption
{
font-style:italic;
text-align:center;
}

/* koniec tabelka */


#pagewidth{ 

 width:98%; 
 text-align:left; 
margin-left:auto; 
 margin-right:auto;   
 background-color:#ffffff; 
}
 
#header{
 position:relative; 
 height:80px; 
 background-color:#ffffff; 
/* background-color:#d5e7f6;  */
 background-image: url("../img/panorama.jpg");
 width:100%;
} 


/* now power ranger 2 */

/* header */



#logo
{

 background-color:#eeeeee; 
 background-image: url("../img/bg_top.jpg");
background-position: top left;
 background-repeat: no-repeat; 
text-align: left;
 margin:0; 
 padding:0; 
}



#top_menu
{
 width:100%;	
 height: 23px;
 background-color:#ffffff; 
 background-image: url("../img/top.jpg");
 border-top:#a3a5c4 1px solid;
 text-align: center;
}




#top_menu a:link 
{
color: #4d5e9c;
font-family: tahoma, verdana, arial, helvetica, sans-serif;
text-decoration: none;
font-weight: bold;
font-size: 12px;
}
#top_menu a:visited 
{
color: #afb0b5;
font-family:  tahoma, verdana, arial, helvetica, sans-serif;
text-decoration: none;
font-weight: bold;
font-size: 12px;
}
#top_menu a:hover 
{
color: #ff0000;
font-family:  tahoma, verdana, arial, helvetica, sans-serif;
text-decoration: none;
font-weight: bold;
font-size: 12px;
}
#top_menu a:active 
{
color: #0000FF;
font-family:  tahoma, verdana, arial, helvetica, sans-serif;
text-decoration: none;
font-weight: bold;
font-size: 12px;
}

/* koniec now power ranger 2 */ 


/* gdzie jesteś */
#gdzie{
	
 height: 23px;

 text-align: center;
border-bottom: dashed  1px #4d5e9c; 
}

/* koniec gdzie jesteś */



#leftcol{
 width:24%; 
 float:left; 
 position:relative; 
 background-color:#FFFFFF; 

 }





/* niebieski */

h3.niebieski {
font-family: tahoma, verdana, arial, helvetica,  sans-serif;
text-align: center;
padding: 3px;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 5px;
color: #4d5e9c;
font-size: 18px;
font-weight: bold;
background: #d5e7f6;
border: 1px solid #80caff;
}

h4.niebieski {
font-family: tahoma, verdana, arial, helvetica,  sans-serif;
text-align: center;
padding: 3px;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 5px;
color: #4d5e9c;
font-size: 16px;
font-weight: bold;
background: #d5e7f6;
border: 1px solid #80caff;
}
p.niebieski {
text-align: left;
padding: 3px;
margin-top: 0px;
margin-right: 5px;
margin-bottom: 2px;
margin-left: 5px;
color: #4d5e9c;
font-size: 16px;
background: #d5e7f6;
border-top: 1px solid #ffffff;
border-right: 1px solid #80caff;
border-bottom: 1px solid #80caff;
border-left: 1px solid #80caff;
}



a.niebieski:link 
{
color: #4d5e9c;
font-family: sans-serif;
text-decoration: none;
font-weight: bold;
font-size: 12px;
}
a.niebieski:visited 
{
color: #afb0b5;
font-family: sans-serif;
text-decoration: none;
font-weight: bold;
font-size: 12px;
}
a.niebieski:hover 
{
color: #ff0000;
font-family: sans-serif;
text-decoration: none;
font-weight: bold;
font-size: 12px;
}
a.niebieski:active 
{
color: #0000FF;
font-family: sans-serif;
text-decoration: none;
font-weight: bold;
font-size: 12px;
}
/*koniec niebieski */

/* zielony */
h3.zielony {
font-family: tahoma, verdana, arial, helvetica,  sans-serif;
text-align: center;
padding: 3px;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 5px;
color: #6f8479;
font-size: 18px;
font-weight: bold;
background: #d5f6e5;
border: 1px solid #80ffc8;
}

p.zielony {
text-align: left;
padding: 3px;
margin-top: 0px;
margin-right: 5px;
margin-bottom: 2px;
margin-left: 5px;
color: #6f8479;
font-size: 16px;
background: #d5f6e5;
border-top: 1px solid #ffffff;
border-right: 1px solid #80ffc8;
border-bottom: 1px solid #80ffc8;
border-left: 1px solid #80ffc8;
}

a.zielony:link 
{
color: #6f8479;
font-family: sans-serif;
text-decoration: none;
font-weight: bold;
font-size: 12px;
}
a.zielony:visited 
{
color: #afb0b5;
font-family: sans-serif;
text-decoration: none;
font-weight: bold;
font-size: 12px;
}
a.zielony:hover 
{
color: #ff0000;
font-family: sans-serif;
text-decoration: none;
font-weight: bold;
font-size: 12px;
}
a.zielony:active 
{
color: #0000FF;
font-family: sans-serif;
text-decoration: none;
font-weight: bold;
font-size: 12px;
}
/* koniec zielony */

/*zloty */
h3.zloty {
font-family: tahoma, verdana, arial, helvetica,  sans-serif;
text-align: center;
padding: 3px;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 5px;
color: #9a5a2b;
font-size: 18px;
font-weight: bold;
background: #FFE9CF;
border: 1px solid #ffd88a;
}

p.zloty {
text-align: left;
padding: 3px;
margin-top: 0px;
margin-right: 5px;
margin-bottom: 2px;
margin-left: 5px;
color: #9a5a2b;
font-size: 16px;
background: #FFE9CF;
border-top: 1px solid #ffffff;
border-right: 1px solid #ffd88a;
border-bottom: 1px solid #ffd88a;
border-left: 1px solid #ffd88a;
}


a.zloty:link 
{
color: #9a5a2b;
font-family: sans-serif;
text-decoration: none;
font-weight: bold;
font-size: 12px;
}
a.zloty:visited 
{
color: #afb0b5;
font-family: sans-serif;
text-decoration: none;
font-weight: bold;
font-size: 12px;
}
a.zloty:hover 
{
color: #ff0000;
font-family: sans-serif;
text-decoration: none;
font-weight: bold;
font-size: 12px;
}
a.zloty:active 
{
color: #0000FF;
font-family: sans-serif;
text-decoration: none;
font-weight: bold;
font-size: 12px;
}
/* koniec zloty */

/* rangers menu */




/* rollover */
div.rolka {
 border: solid 1px #aa0000 ; 
 text-align: center;
 margin: 0 auto; /* można zapisać krócej: margin: 0 auto; */
}


a.rolka_1 {
		display: block;
		 margin: 0 auto;
		width: 151px;
		height: 112px;
		background-image: url(../img/rolka_1.jpg);
		 text-indent: -999em; 
		text-decoration: none;
		margin-top: 5px;
	}





	a.rolka_1:hover {
		background-position: center;
	}
	
	a.rolka_1:active {
		background-position: bottom;
	}

a.rolka_2 {
		display: block;
		 margin: 0 auto;
		width: 151px;
		height: 112px;
		background-image: url(../img/rolka_2.jpg);
		 text-indent: -999em; 
		text-decoration: none;
		margin-top: 5px;
	}





	a.rolka_2:hover {
		background-position: center;
	}
	
	a.rolka_2:active {
		background-position: bottom;
	}
	


/* koniec rollover */


/* transpatent */

div.transbox
  {
 width:98%; 
background-image: url("../img/bg1.jpg");
	background-repeat: repeat-y;
	background-position: top left;
  margin-top: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
  background-color: #ffffff;
  border: 1px solid #4d5e9c;
  padding-bottom: 5px;

/* 1 */
  }

 div.transbox p
  {
font-style: oblique;
  padding-top: 0px;
  padding-right: 5px;
  padding-bottom: 0px;
  padding-left: 5px;
margin: 0px;

text-align: justify;
  color: #000000;
  }





 div.transbox p.akapit
{
margin-top: 0px;
text-indent: 1cm;
}


 div.transbox p.srodek
{
margin-top: 0px;
text-align: center;
}


 div.transbox p.dol
{
margin-top: 0px;
text-align: right;
}




 div.transbox a:link 
{
color: #4d5e9c;

text-decoration: none;
font-weight: bold;
font-size: 12px;
}
 div.transbox a:visited 
{
color: #afb0b5;

text-decoration: none;
font-weight: bold;
font-size: 12px;
}
 div.transbox a:hover 
{
color: #ff0000;

text-decoration: none;
font-weight: bold;
font-size: 12px;
}
 div.transbox a:active 
{
color: #0000FF;

text-decoration: none;
font-weight: bold;
font-size: 12px;
}


/* end transparent */

div.left_menu {
	border: solid 1px #ffffff;

	background-repeat: no-repeat;

	padding-top: 0px;
}









/* rangers menu */
 
#twocols{
 width:75%; 
 float:right; 
 position:relative; 

  }
 
#rightcol{
 width:49%; 
 float:right; 
 position:relative; 
 background-color:#FFFFFF;
 background-image: url("../img/right-box.jpg");

 }
 
img.prawy {
float: left;
border: solid 0px #FFFFFF;
margin: 5px;
}

div.prawa {

padding: 3px;
margin-top: 5px;
margin-right: 3px;
margin-bottom: 10px;
margin-left: 5px;

color: #294254;
font-size: 0.9em;
background: #FFFFFF;
/* taki byl #d5e7f6;*/
border: 1px dotted #80caff;
}

#maincol{ 
background-color:#FFFFFF;  
background-image: url("../img/bg.jpg");
background-repeat: repeat-y;
 float: left; 
 display:inline; 
 position: relative; 
 width:49%; 

}




#footer{
 height:50px; 
  background-color:#eeeff1;
border-top: dashed  1px #e8ebf2; 
text-align: center;
font-size: 11px;
color: #aaaaaa;
font-family: arial;
 clear:both;
 } 
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
/*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#header{display:none;}
#leftcol{display:none;} 
#footer{display:none;} 
/*hide the right column when printing  #rightcol{display:none;}  */ 

#twocols, #maincol, #rightcol {width:100%; float:none;}


}