/* generated by darek */ 
body{ 
background-image: url(pic/bg_belka_top.jpg);
background-position: top left;
background-repeat: repeat-x;
 margin:0; 
 padding:0; 
 text-align:center; 
 background-color: #ededed;
 font-family: Verdana, Arial, sans-serif;

} 


/* ogólne */

div.czysz {
clear:both;
}

h1, h2, h3, h4 {
	/* font-family: Georgia, "Times New Roman", Times, serif; */
	font-weight: bold;
	color: #000088;

}








span.uwaga {
color: #ee0000;
}

span.g {
color: #008800;
}

span.gb {
color: #008800;
font-weight: bold;
}


span.b {
color: #000088;
}



/* gazetowe sprawy  gazetowe sprawy  gazetowe sprawy  gazetowe sprawy  gazetowe sprawy  gazetowe sprawy  gazetowe sprawy  gazetowe sprawy  */
span.gazeta_sz
{
float:left;
width: 1.0em;
font-size:300%;

line-height: 38px;
}

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

line-height: 38px;
}


span.gazeta_ch
{
float:left;
width: 0.5em;
font-size:300%;

line-height: 38px;
}

span.gazeta_ch_i
{
float:left;
width: 0.4em;
font-size:300%;

line-height: 38px;
}


p.akapit {
text-indent: 1.5cm;
text-align: justify;
/* font-size: 16px;*/
margin: 0px 0px 0px 0px;

}









/* strona */

#topten{ 
 
 width:1010px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
 height: 38px;
 border: none;
} 



#topten p {
 margin: 3px 0px 0px 0px;
 padding-left: 12px;
 padding-top: 5px;
 font-size: 10px;
 border: none;

}

#topten a:link 
{
color: #4d5e9c;
font-family: sans-serif;
text-decoration: none;
font-weight: normal;
font-size: 12px;
}
#topten a:visited 
{
color: #4d5e9c;
font-family: sans-serif;
text-decoration: none;
font-weight: normal;
font-size: 12px;
}
#topten a:hover 
{
color: #ff0000;
font-family: sans-serif;
text-decoration: underline;
font-weight: normal;
font-size: 12px;
}

#topten a:active 
{
color: #0000FF;
font-family: sans-serif;
text-decoration: none;
font-weight: normal;
font-size: 12px;
}




 
#pagewidth{ 

 background-color: #fff;
 width:1010px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
 border: none;
} 
 

#topnie{ 
   background-image: url(pic/topnie.gif);
 background-position: top left;
 background-repeat: repeat-x;
 width:1010px; 
 text-align:center;  
 margin-left:auto; 
 margin-right:auto;  
 border: none;

} 

#topnie h1 { 
 margin-top: 0px;
 color: #888;
 font-size: 18px;

}

#header {
 position:relative; 
 height: 90px; 
 background-image: url(pic/bghead2.gif);
 background-position: bottom left;
 background-repeat: repeat-x;
 width:100%;
 border: none;
} 

div.logo{
/*border: solid 2px #000; */
float: left;
margin-left: 8px;

}


img.logo {
float:none;
}

#header p {
float: right;
width: 200px;
height: 78px;
text-align: center;
padding: 5px 8px 0px 8px;
margin: 0px 8px 0px 0px;
/* border: solid 1px #aa0000; */

}



/* lewa   lewa  lewa  lewa  lewa  lewa  lewa  lewa  lewa  lewa  lewa  lewa  lewa  lewa  lewa  lewa  lewa  lewa  */
#leftcol{
 width: 296px; 
 float:left; 
 position:relative; 
 background-color:#fff; 
/* border: solid 1px #aa0000;   */
 padding: 0px 0px 0px 0px;
 }

div.lewax {
/* border: solid 1px #aaa; */
text-align: left;
 margin: 0px 0px 0px 0px;

}

div.box1 {
 width: 290px; 
 margin: 8px 0px 0px 8px;
/* border: solid 1px #aa0000; */  
}

div.boxg {
 padding: 0px 0px 0px 0px;
 background-color: #eeffea;
 background-image: url(pic/box1.jpg);
 background-position: bottom left;
 background-repeat: repeat-x;
 border: solid 1px #2fab2f;
 margin: 0px 0px 0px 0px;
}


div.boxo {
 padding: 0px 0px 0px 0px;
 background-color: #fffeea;
 background-image: url(pic/boxo.jpg);
 background-position: bottom left;
 background-repeat: repeat-x;
 border: solid 1px #ff8400;
 margin: 0px 0px 0px 0px;
}

div.boxb {
 padding: 0px 0px 0px 0px;
 background-color: #e3f5ff;
 background-image: url(pic/boxb.jpg);
 background-position: bottom left;
 background-repeat: repeat-x;
 border: solid 1px #0059ff;
 margin: 0px 0px 0px 0px;
}




div.boxs {
 padding: 0px 0px 0px 0px;
 background-color: #fafafa;
 background-image: url(pic/boxs.jpg);
 background-position: bottom left;
 background-repeat: repeat-x;
 border-top: solid 1px #aaa;
 border-left: solid 1px #aaa;
 border-right: solid 1px #aaa;
 border-bottom: solid 2px #aaa;
 margin: 0px 0px 0px 0px;
}




h2.box_g {
 margin: 0px 0px 0px 0px;
 padding-bottom: 3px;
 width:100%;
 text-align: center;
 background: #87dcad;


 color: #24551a;
 font-size: 20px;
}


h3.box1 {
margin: 0px 0px 0px 0px;
padding-left: 28px;
color: #268926;
 font-size: 14px;
}


h2.box2 {
margin: 0px 0px 0px 0px;
text-align: center;
 background: #ffcd35;
color: #c55800;
height: 25px;
 font-size: 20px;
}


h3.box2 {
margin: 0px 0px 0px 0px;
padding-left: 28px;
color: #e08004;
 font-size: 14px;
}



h2.box3 {
margin: 0px 0px 0px 0px;
text-align: center;
 background: #83d2fb;
height: 28px;
 font-size: 20px;
color: #fff;
}


h3.box3 {
margin: 0px 0px 0px 0px;
padding-left: 28px;
color: #04629d;
 font-size: 14px;
}

h2.box4 {
margin: 0px 0px 0px 0px;
text-align: center;
background-color: #aaa;
height: 25px;
color: #fff;
 font-size: 20px;
}

h3.box4 {
margin: 0px 0px 0px 0px;
padding-left: 28px;
color: #bbb;
 font-size: 14px;

}

p.box1 {
margin: 0px 0px 0px 0px;
padding-left: 5px;
 font-size: 12px;
}


div.dol_boxg{
position: relative; bottom: 0;

margin: 15px 0px 0px 0px;
background-color: #3cd63c;
color: #fff;
text-align: center;
font-weight: bold;
padding: 3px 0px 3px 0px;
 font-size: 12px;
}



div.dol_boxo{
position: relative; bottom: 0;
width: 100%;
margin: 15px 0px 0px 0px;
background-color: #ffcd35;
color: #fff;
text-align: center;
font-weight: bold;
padding: 3px 0px 3px 0px;
 font-size: 12px;
}

div.dol_boxb{
position: relative; bottom: 0;
width: 100%;
margin: 15px 0px 0px 0px;
 background-color: #83d2fb;
color: #fff;
text-align: center;
font-weight: bold;
padding: 3px 0px 3px 0px;
 font-size: 12px;
}

div.dol_boxs{
position: relative; bottom: 0;
width: 100%;
margin: 15px 0px 0px 0px;
 background-color: #aaa;
color: #fff;
text-align: center;
font-weight: bold;
padding: 3px 0px 3px 0px;
 font-size: 12px;
}
/* klendarz  klendarz  klendarz  klendarz  klendarz  klendarz  klendarz  klendarz */
#okienko {
border: dotted 1px #8e8e91;

font-size: 15px;
text-align: center;
background-color: #ffffef;

}

#okienkoa {
border-top: dotted 1px #8e8e91;
border-left: dotted 1px #8e8e91;
border-right: dotted 1px #8e8e91;
font-size: 15px;
text-align: center;
background-color: #efffef;
padding-bottom: 5px;

}

#okienkob {
border-top: dotted 1px #8e8e91;
border-left: dotted 1px #8e8e91;
border-right: dotted 1px #8e8e91;
border-bottom: dotted 1px #8e8e91;
font-size: 15px;
text-align: center;
background-color: #efefff;
padding-bottom: 5px;
}

div.kalendarz {

width: 200px;

text-align:center;
color: #888;
background-color:#ededed;
font-weight: bold;
padding-bottom: 5px;
}

h3.kalendarz {
margin: 5px 0px 5px 0px;
}

/* chmura */
#atractor {
border: none;

}

/* koniec chmury */

/* lewa archiwum  lewa archiwum  lewa archiwum  lewa archiwum  lewa archiwum  lewa archiwum */
div.garchiwum {
width: 200px;

border-bottom: none;
text-align:center;
color: #fff;
background-color:#8e8e91;
font-weight: bold;
}
div.archiwum {
 background-color: #fafafa;
 background-image: url(pic/boxs.jpg);
 background-position: bottom left;
 background-repeat: repeat-x;
border-top: solid 1px #8e8e91;
border-left: solid 1px #8e8e91;
border-right: solid 1px #eee;
border-bottom: solid 1px #eee;
padding: 3px 0px 3px 5px;
margin-bottom: 0px;
text-align: center;
}

h3.archiwum {
margin: 0px 0px 5px 0px;
padding-left: 2px;
color: #bbb;
 font-size: 14px;
text-align: center;
}

p.archiwum_podpis {
font-size: 10px;
font-weight: bold;
border-bottom: 1px dotted #aaa;
text-align: center;
color: #888;
}




p.archiwum_link {
padding-right: 8px;
text-align: right;
margin-top: 0px;
}



p.podpis {
font-size: 10px;
font-weight: bold;
border-top: 1px dotted #aaa;
text-align: center;
color: #888;
}


/* dwie   dwie dwie dwie dwie dwie dwie dwie dwie dwie dwie dwie dwie dwie dwie dwie dwie dwie dwie dwie dwie dwie */
#twocols{
 width:696px; 
 float:right; 
 position:relative; 
/* border: solid 1px #aa0000;  */
  }
/* prawa  prawa  prawa  prawa  prawa  prawa  prawa  prawa  prawa  prawa  prawa  prawa  prawa  prawa  prawa */

#rightcol{

 width:295px; 
 float:right; 
 position:relative; 
 background-color:#fff;
 margin: 0px 8px 0px 0px;
 }

div.gsprawejo {
width: 200px;

border-bottom: none;
text-align:center;
color: #fff;
background-color:#eb6000;
font-weight: bold;
}


div.gsprawejgy {
width: 200px;

border-bottom: none;
text-align:center;
color: #fff;
background-color:#8e8e91;
font-weight: bold;
}
div.sprawejgy {

border-top: solid 1px #8e8e91;
border-left: solid 1px #8e8e91;
border-right: solid 1px #eee;
border-bottom: solid 1px #eee;
padding: 3px 0px 3px 5px;
margin-bottom: 0px;
}

p.prawy_news {
margin: 0px 0px 2px 0px;
padding:  0px 0px 2px 0px;

}



/* środek   środek  środek  środek  środek  środek  środek  środek  środek  środek  środek  środek  środek  środek  środek  środek  */
#maincol{
 background-color: #FFFFFF;  
 float: left; 
 display:inline; 
 position: relative; 
 width:380px; 
/*   border: solid 1px #aa0000; */
 }

#nowosti {
 position:relative;
/*border: solid 1px #aa0000; */

width: 678px;
margin: 8px;
}


#nowosti1 {
 position:relative;
/*border: solid 1px #aa0000; */

width: 678px;
margin: 8px;
}

div.nowosti2 {
 position:relative;
/*border: solid 1px #aa0000; */

width: 678px;
margin: 8px;
}

#komunikat {

 position:relative;
background-color: #eee;
border: solid 1px #ccc; 
font-size: 0.9em;
text-align: center;

width: 675px;
margin: 8px;

}

div.news{
background-image: url(pic/t.jpg);
background-position: top left;
background-repeat: repeat-x;
width: 660px;
margin: 0px 0px 0px 0px;
padding: 8px;
border-left: solid 1px #dedede;
border-top: solid 1px #ccc;
border-right: solid 1px #dedede;
border-bottom: solid 1px #fff;
}

div.dol_g {
position: absolute; bottom: 0;
width: 100%;
height:14px;
margin: 0px 0px 0px 0px;
background-color: #fff;
background-image: url(pic/n.gif);
background-position: top left;
background-repeat: no-repeat;
color: #aaa;
text-align: center;
font-weight: bold;
padding: 3px 0px 3px 0px;
 font-size: 8px;
}


div.dol_m {
/* border: solid 1px #aaa; */
width: 100%;
height:14px;
margin: 0px 0px 0px 0px;
background-color: #fff;
background-image: url(pic/l.gif);
background-position: top left;
background-repeat: no-repeat;
color: #aaa;
text-align: center;
font-weight: bold;
padding: 3px 0px 3px 0px;
 font-size: 8px;
}





#nowosti h1 {


color: #000088;
font-size: 22px;
margin-top: 2px;
width: 100%;
text-align: center;
}

div.obrazek {
background-image: url(pic/anim.jpg);
background-position: top left;
background-repeat: no-repeat;
float:left;
width:150px;
height: 113px; 
margin: 0px 8px 0px 0px;
background-color: #dedede;

}

div.avatar {
background-image: url(pic/anim.jpg);
background-position: top left;
background-repeat: no-repeat;
float:left;
width:150px;
height: 113px; 
margin: 0px 8px 0px 0px;
background-color: #dedede;

}



div.obrazek2 {
float:left;
/* width:250px
height: 200px; 
border:solid 1px #000; */
margin: 0px 8px 0px 0px;

}



img.nowost {
float: none;
border: solid 3px #dedede;

}

p.pod {
border: solid 1px #dedede;
margin: 0px;
padding: 0px 3px 0px 8px;
font-size: 10px;
text-align: center;
background-color: #dedede;
}


div.innynews {

 border: solid 1px #fff; 
 


}

div.trescinny {
border: solid 1px #aaa;
background-image: url(pic/t.jpg);
background-position: top left;
background-repeat: repeat-x;
margin: 0px 8px 0px 8px;
padding: 0px 0px 0px 5px;
}


div.dol_inny {
position: relative; bottom: 0;
width: 100%;
height:14px;
margin: 0px 0px 0px 8px;
background-color: #fff;
background-image: url(pic/n2.gif);
background-position: top left;
background-repeat: no-repeat;
color: #aaa;
text-align: center;
font-weight: bold;
padding: 3px 0px 3px 0px;
 font-size: 8px;
}



h1.innynews {
color: #000088;
font-size: 18px;
margin-top: 2px;
width: 100%;
text-align: center;
}




/* stopka   stopka  stopka  stopka  stopka  stopka  stopka  stopka  */
#footer{
 height:80px; 
 background-image: url(pic/stopa.gif);
 background-position: bottom left;
 background-repeat: repeat-x;
 font-size: 10px;
 text-align: center;
 clear:both;
 } 

#footer p {
padding-top: 8px;
}
 
#koniec {
   background: #fff url(pic/koniec.gif);
 background-position: bottom left;
 background-repeat: no-repeat;
 width:1010px; 
 height:12px;
 text-align:center;  
 margin-left:auto; 
 margin-right:auto;
 margin-bottom: 0px; 
 text-align: center;
 color: #aaa;
 font-size: 8px;
 font-weight: bold;
}

/* linki  linki  linki  linki  linki  linki  linki  linki  linki  linki  linki */

a.g:link 
{
color: #2fab2f;
font-family: sans-serif;
text-decoration: none;
font-weight: normal;
font-size: 14px;
}
a.g:visited 
{
color: #2fab2f;
font-family: sans-serif;
text-decoration: none;
font-weight: normal;
font-size: 14px;
}
a.g:hover 
{
color: #ff0000;
font-family: sans-serif;
text-decoration: none;
font-weight: normal;
font-size: 14px;
}
a.g:active 
{
color: #0000ff;
font-family: sans-serif;
text-decoration: none;
font-weight: normal;
font-size: 14px;
}


a.o:link 
{
color: #ffb049;
font-family: sans-serif;
text-decoration: none;
font-weight: normal;
font-size: 14px;
}
a.o:visited 
{
color: #ffb049;
font-family: sans-serif;
text-decoration: none;
font-weight: normal;
font-size: 14px;
}
a.o:hover 
{
color: #ff0000;
font-family: sans-serif;
text-decoration: none;
font-weight: normal;
font-size: 14px;
}
a.o:active 
{
color: #0000ff;
font-family: sans-serif;
text-decoration: none;
font-weight: normal;
font-size: 14px;
}


/* blau */

a.b:link 
{
color: #4974ff;
font-family: sans-serif;
text-decoration: none;
font-weight: normal;
font-size: 14px;
}
a.b:visited 
{
color: #4974ff;
font-family: sans-serif;
text-decoration: none;
font-weight: normal;
font-size: 14px;
}
a.b:hover 
{
color: #ff0000;
font-family: sans-serif;
text-decoration: none;
font-weight: normal;
font-size: 14px;
}
a.b:active 
{
color: #0000FF;
font-family: sans-serif;
text-decoration: none;
font-weight: normal;
font-size: 14px;
}


/* dalej */

a.dalej:link 
{
color: #eb5000;
 background-image: url(pic/dalej.gif); 
 background-position: center right;
 background-repeat: no-repeat;
padding-right: 13px;
font-family: sans-serif;
text-decoration: none;
font-weight: bold;
font-size: 14px;
}
a.dalej:visited 
{
color: #eb5000;
 background-image: url(pic/dalej.gif); 
 background-position: center right;
 background-repeat: no-repeat;
padding-right: 13px;
font-family: sans-serif;
text-decoration: none;
font-weight: bold;
font-size: 14px;
}
a.dalej:hover 
{
 background-image: url(pic/dalej2.gif); 
 background-position: center right;
 background-repeat: no-repeat;
padding-right: 13px;
color: #3f85bd;
font-family: sans-serif;
text-decoration: none;
font-weight: bold;
font-size: 14px;
}
a.dalej:active 
{
color: #eb5000;
 background-image: url(pic/dalej.gif); 
 background-position: center right;
 background-repeat: no-repeat;
padding-right: 13px;
font-family: sans-serif;
text-decoration: none;
font-weight: bold;
font-size: 14px;
}






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



img.l {
float: left;
margin: 3px 3px 3px 3px;
padding: 2px 2px 2px 2px;
}

img.p {
float: right;
margin: 3px 3px 3px 3px;
padding: 2px 2px 2px 2px;
}

img.n {
float: none;
margin: 3px 3px 3px 3px;
padding: 2px 2px 2px 2px;
}

img.linkus {
border: none;
}

img.galeria {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
}



img.o {
float: none;
margin: 3px 3px 3px 3px;
padding: 2px 2px 2px 2px;
border: none;
}


/* tabelki  tabelki  tabelki  tabelki  tabelki  tabelki  tabelki  tabelki  tabelki  tabelki  tabelki  tabelki  tabelki  tabelki  tabelki  tabelki */
table {
table-layout: auto; width: 100%;
}
tr.ciem {
background-color: #b6e7b6;
}

tr.ciemb {
background-color: #88d4f8;
}


 
 /* *** latające kontenerki:
 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 */