﻿html {background-color:black;}
body {font: 11px sans-serif, Helvetica, Verdana; color: white; background: white url(./bg.jpg) repeat-x; }
body,a,div,ul,li,img,p,span,h2,h1,form,input{margin:0px;padding:0px;}
img {border:none;}
a{color:white; font-weight:bold;text-decoration:none;}
ul,li {list-style:none;}

#container{width:1073px;  min-height:550px; margin:0px auto 0px auto;}
#pre_top{width:899px; margin-left:87px;  padding-top:20px; height:61px; text-align:right; color:#9e9fa1; background: url(./krpip.jpg) 5px 30px no-repeat;}
#pre_top p{ float:right; padding-top:40px;/* border: 1px solid green;*/}
#pre_top #logo {float:left; /*border:1px solid red; */width:210px; height:50px; display:block;}
#pre_top a{color:#9e9fa1;  margin:0px 2px; font-size:12px;}
#pre_top a:hover{text-decoration:underline; color:black;}

#top {width:899px; padding-left:87px;  height:295px;}
#login_box { float:right; height:250px; width:331px; padding:45px 0px 0px 10px; background: #2b2b2b url(./centrum.jpg) no-repeat; }
#login_box input { width:180px; height:22px; margin:5px 0px 0px 0px; padding:0px; font-size: 10px; color:#94afca; background:#404040; border:0px; }
#login_box img {height:22px; margin-top:0px; margin-top:5px }
#login_box ul {padding-top:10px;}
#login_box li a {font-size: 11px; color:#6a6a6a;}
#login_box #btn_login{width:60px; height:24px; background: url(./zaloguj.jpg) no-repeat; text-align:left; color:white;  }

#search_box { margin-top:53px; color:#8a8a8a; }
#search_box div.check_box {width: 162px; float:left; margin-right:3px;}
#search_box div.check_box input {float:left;  width:10px; margin:-4px 0px 0px 0px; background:none;}

#InfoBox{position:relative; width:558px; height:295px;  background: url(./bg_banner.jpg);}

#menu1 {width:899px; padding:10px 87px 0 87px; height:46px; text-align:center; background: white url(./menu_bg.jpg) no-repeat;  }
#menu1 img {margin:0px 4px 0px 4px;}

#Banner {position:absolute; width:406px; left:79px; top:16px; height:100%; overflow:visible; }
#Banner #arrow_left { position:absolute;  left: -55px; top: 90px; width:42px; height:61px; background: url(./arrow_left.png) repeat-y; }
#Banner #arrow_right { position:absolute;  left: 420px; top: 90px; width:42px; background:black; height:61px; background: url(./arrow_right.png) repeat-y;}
#Banner img { position:absolute; width:406px; height:229px;}
#banner_navigator { position:absolute; width:406px; top:235px; height:55px;}
#banner_navigator .nav_descr {float:left; width:398px; height:28px; padding-left:7px; color:white; font-size:12px; background:#cacaca; color:#626262; border:1px solid white;}
#banner_navigator #nav_pager {float:left; width:111px; height:40px; padding-top:0px;}
#banner_navigator #nav_pager div {float:left; width:28px;  height:28px; margin-right: 7px;line-height:28px; font-size:15px; font-weight:bold; color:#929292; background:#cacaca;  text-align:center; border:1px solid white;}
#banner_navigator #nav_pager a:hover div,#banner_navigator #nav_pager a.selected div {color:#bbbbbb; background:#929292; }

#center{width:986px; padding-left:87px; background: url(./center_bg.jpg) repeat-y;}
#right {float:right; width:208px; min-height:830px;  padding:5px 15px 5px 0px; }

.infoBox{position:absolute; left: 780px; top:-100px; width:200px; height:90px; margin:5px;  border-top: 1px solid #dedede; }
.infoBox h2{margin:10px 0px; font-size:12px; text-align:center;}

#left  {float:left;  width:172px; min-height:500px; /*background:#e4e4e4;*/}

.menu2{width:162px; margin: 5px 0px 0px 5px;}
.menu2 ul{width:100%;}
.menu2 li{width:152px; border-bottom:1px solid #bcbcbc; padding-left:10px;}
.menu2 li a {line-height: 24px; font-size:12px; color: black; }
.menu2 li:hover {background:#8a8a8a;}
.menu2 li:hover a,.menu2 li:hover span{color:white;}
.menu2 li.hot a {color:#950000;}
.menu2 li.hot:hover {background:#950000;}
.menu2 li.hot:hover a,.menu2 li.hot:hover span{color:white;}
.menu2 .first_menu_item{ border-top:1px solid #bcbcbc;}

.left_reklama { width: 156px; height:80px; color:black; background:white; margin: 8px 0px 0px 8px;}

.newsletter  {width:162px; background:#cdcdcd; margin: 5px 0px 0px 5px;}
.newsletter .title { border-bottom:1px solid #bcbcbc; height:24px; }
.newsletter .title {line-height: 24px; font-size:12px; font-weight:bold; color: #8a8a8a; padding-left:10px;}
.newsletter .description{ color: #8a8a8a; padding-left:10px;}
.newsletter .input_div {padding-left:10px; margin-top:5px; height:30px;}
.newsletter input {border:0px; float:left; height:24px; width:100px; background:#f2f2f2; color: #8a8a8a; }
.newsletter .input_div img{width:19px; height:24px;}

#middle{float:left; width:700px; padding: 0px 5px 0px 5px;  /*border:1px solid #dadada;*/  border-right:1px solid #dadada;}
#middle h2{font-size:15px;  color:black; border-bottom:3px solid #009999;}
#middle p{color: black; text-align:justify;}
.akapit {margin: 10px 10px; width:330px; float:left;}
.akapit .more {width:100%; text-align:right;}
.akapit .more a{font-size: 10px ; color:#566874; font-weight:bold; text-transform:uppercase;}
.akapit .body {font-size: 10px;  padding:5px; color: black; text-align:justify;}
.akapit .akapit_header {border-bottom:3px solid #009999; height:28px;}
.akapit .akapit_title  {font-size:15px; line-height:33px; color: black; font-weight:bold; }
.akapit .akapit_menu  {float:right;}
.akapit .akapit_menu  img{margin:0px 3px;}

#footer{ position:relative; width:100%; height: 200px; padding-top:10px;  border-top:1px solid #999999; background:black ;}
#menu3_reflex{width:899px; text-align:center; margin:0px auto; padding-bottom:56px; background:black url(./footer_mirror.jpg) 0px 106px no-repeat;}

#footer p {width:100%; text-align:center; color:#777777; text-transform:uppercase; font-weight:bold; }
.separator{clear:both; width:100%; height:1px; }
