body, html {
  background-color:#3b3b3b;
  color:#433c35;
  font-family:verdana;
  font-size:9px;
}

p,h1,ul {
  margin:0;
  padding:0;
}


#main {
  position:relative;
  height:auto;
  margin:auto;
  width:928px;
}

#top {
  position:relative;
  width:100%;
  height:auto;
}

#menu_ver {
  background-color:#433c35;
  height:25px;
}

#form_kontakt {
  position:relative;
  background:url('img/naglowek.jpg') no-repeat;
  height:367px;
}

#form_kontakt .header {
  color:white;
  font-size:41px;
  left:90px;
  position:absolute;
  top:150px;
}


#logo{
  position:absolute;
  top:40px;
  left:330px;
  color:black;
  font-size:40px;
  font-weight:normal;
}

#logo a 
{
color:black;
font-weight:normal;
text-decoration:none;
}

#haslo {
  position:absolute;
  top:90px;
  right:450px;
  color:black;
  font-size:15px;
}

#haslo a{
color:black; 
text-decoration:none;
}

.row {
  height:30px;width:100%;
}
.b_submit {
  background:url('img/b_kontakt.png');border:0;width:130px;height:44px;
  color:white;
  font-weight:bold;
}
.b_submit:hover {
  color:orange;
  cursor:pointer;
  opacity:0.7;
}


#menu_h {
  position:absolute;right:-10px;bottom:0;width:625px;height:30px;line-height:30px;
  font-weight:bold;
}
#menu_h ul li {
  margin:0 1px;
  display:inline;
}
#menu_h ul li a {
  color:white;
  text-decoration:none;
}
#menu_h ul li a:hover {
  color:black;
}






#body {
  float:left;
  background:#e9eced;
  padding:50px 0;
}

#left {
  abackground:url('img/line.jpg') repeat-y;
  float:left;
  width:686px;
  
  border-right:1px solid #929191;
}

#right {
  float:right;
  width:240px;
}





.art {
  font-family:verdana;
  font-size:11px;
  color:black;
  margin:15px 30px 25px 40px;
  border-bottom:1px solid #929191;
  float:left;
  width:600px;
}



.art .header {
  color:white;
  padding-left:10px;
  background:#2287CF url('img/znaczek.png') no-repeat 0 4px;
  font-size:15px;
  margin-bottom:15px;
}

.art .header a {
color:white;
text-decoration:none;

}


.art .content {
  margin-left:4px;
  /* font-weight:bold; */
  font-size:11px;
  overflow:hidden;
  min-height:100px;
  text-align:justify;
} 

.ocena{
margin-top:15px;
margin-bottom:5px;
margin-left:4px;
color:blue;
}

.art .pager {
  padding-left:20px;
  margin:15px 0;
  text-align:right;
}

.art .pager div {
  position:relative;
  background:url('img/b1.png') no-repeat;
  width:19px;
  height:19px;
  margin:10px  10px 40px 0;
  float:right;
}

.art .pager div:hover {
  background:url('img/b2.png') no-repeat;
}

.art .pager a {
  width:19px;
  height:19px;
  position:absolute;
  right:-5px;
  top:2px;
  margin:0 10px;
  color:white;
  text-decoration:none;
}


.content a img {
float:left;
margin-right:10px;
margin-bottom:5px;
  border:none;
}

#kontakt{
margin-left:50px;
}

#kontakt ul, #kontakt ul li{
list-style:none;
}




#form_login {
  background:url('img/gradient_logowanie.png') repeat-y;
  height:150px;
  text-align:center;
  font-weight:bold;
  font-size:12px;
  color:#FC5D01;
}

#form_login input[type=text] {
  margin:5px;
}

#form_login input[type=submit] {
  width:100px;
}




#footer {
  background-color:#cbcccd;
  float:left;
  height:16px;
  width:100%;
  margin-bottom:40px;
  margin-top:5px;
  font-size:10px;
  text-align:center;
  padding-top:4px;
}


.tlist {background:#fff; margin:10px auto;}
.tlist td {background:#fff; padding:5px}
.tlist td a {color:#000; padding:5px; text-decoration:none; border:0}
.tlist th {background:#000; padding:5px; color:#fff}

#pager_div {background:#ed5c0c; padding:5px; text-align:center; margin-bottom:15px}
#pager_div a {color:#fff; font-weight:bold; font-size:16px}
#pager_div a.pager_sel {text-decoration:none}
