* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-image: url('img/tlo.gif');
}
a {color:#6B8E23 ; text-decoration:none;}
a:hover { text-decoration:none; color:white;}
a:active { text-decoration:none; color:white;}
a:visited { text-decoration:none; color:#6B8E23;}

h4
{ text-align: center; margin: 0; font-size: 11px; color: #C1CDCD; letter-spacing: 0.2em; }

ul
{list-style-type: none;}

p {
 color: #EBECE4;
 font-size: 12px;
 line-height: 135%;
 font-family: Verdana, sans-serif;
 padding: 10px;
 text-align: justify;
}

b {
 color: #aece2d;
 font-size: 12px;
 line-height: 135%;
 font-family: Verdana, sans-serif;
 text-decoration:none;
}

#wrapper { 
 margin: 0 auto;
 width: 998px;
}
#header {
 color: #9e9e9e;
 width: 996px;
 float: left;
 padding: 0px;
 border: 0px;
 height: 163px;
 margin: 0;
}
#leftcolumn {
 color: #9e9e9e;
 border: 1px solid #5e5e5e;
 background: #3a3a3a;
 margin: -63px 10px 0px 0px;
 padding: 5px;
 min-height: 350px;
 width: 136px;
 float: left;
}
#content { 
 float: left;
 color: #707070;
 border-left: 1px;
 border-right: 1px;
 border-top: 0px;
 border-bottom: 0px;
 border-style: solid;
 border-color: #5e5e5e;
 background: #3a3a3a;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 min-height: 350px;
 width: 658px;
 display: inline;
}
#rightcolumn 
{color: #9e9e9e;
 border: 1px solid #5e5e5e;
 background: #3a3a3a;
 margin: -63px 0px 0px 10px;
 padding: 5px;
 min-height: 350px;
 width: 136px;
 float: left;
 text-align: center;}
#footer 
{width: 678px;
 clear: both;
 color: #9e9e9e;
 border: 1px solid #5e5e5e;
 background: #3a3a3a;
 margin: 0px 150px 0px 150px;
 padding: 10px;}
div#header img.top 
{vertical-align: top;
 margin: 0 158px;}
h3.newspaper
{ margin: 0; font-size: 2em; color: white; letter-spacing: 0.3em; }

/* tabulatory ajaxa*/

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 658px; /*width of featured content slider*/
height: 306px;
margin: 0;
padding: 0;
}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
margin: 0;
padding: 5px;
width: 648px; /*width of content DIVs within slider. Total width should equal slider's inner width (648+5+5=658) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
width: 400px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: center;
background-color: #2a2a2a;
padding: 5px 10px;
margin: 0px 0px -2px 6px;
}

.pagination a{
line-height: 135%;
font-family: Verdana, sans-serif;
padding: 2px 10px;
text-decoration: none; 
font-size: 16px;
font: bold;
color: #6B8E23;
background-color: #2a2a2a;
}

.pagination a:hover, .pagination a.selected{
 background-color: #838B8B;
 color:white;
}

/* box okraglak */
.okraglak{display:block}
.okraglak *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#2a2a2a}
.okraglak1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #333333;
  border-right:1px solid #333333;
  background:#2e2e2e}
.okraglak2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #383838;
  border-right:1px solid #383838;
  background:#2d2d2d}
.okraglak3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #2d2d2d;
  border-right:1px solid #2d2d2d;}
.okraglak4{
  border-left:1px solid #333333;
  border-right:1px solid #333333}
.okraglak5{
  border-left:1px solid #2e2e2e;
  border-right:1px solid #2e2e2e}
.okraglakfg{
  background:#2a2a2a}

h1.menus
{ text-align: center; margin: 0; font-size: 1em; color: #C1CDCD; letter-spacing: 0.3em; }
div#mainmenu a
{margin: 10px; color: #F0FFFF}
div#mainmenu a:hover
{margin: 10px; color: #838B8B}
div#newsletter
{ text-align: center; margin: 20px 0 0 0 ; font-size: 1em; color: #C1CDCD; letter-spacing: 0.3em; }
a.moreinfo
{ font-size: 1em; letter-spacing: 0.1em; margin-left: 500px; }
div.rekrutacja
{}
div.rekrutacja input
{border: 1px solid rgb(206, 206, 206); font-family: verdana; font-size: 8pt; color: rgb(72, 72, 72); background-image: url(http://www.e-mucha.info/images/news/formularze/inputtext.gif);}
div#konkursy img
{margin: 50px 250px; border: 2px solid #2d2d2d}
