body {
   margin: 0;
   padding: 0;
   background: #FAFAFA url(../grafika/tlo.gif) repeat-x;
   font: 12px Arial, sans-serif;
   color: #717171;
}

h1 {
   font-size: 24px;
}

form, fieldset {
   margin: 0;
   padding: 0;
   border: 0px none;
}

#container {
   width: 100%;
   margin: auto;
}

#top {
   position: relative;
   width: 1000px;
   height: 440px;
   margin: auto;
   background: transparent url(../grafika/logo.gif) no-repeat 40px top;
}

#nmiddle {
   float: left;
   clear: both;
   width: 100%;
   background: transparent url(../grafika/tlo2.gif) repeat;
}

#middle {
   width: 1000px;
   margin: auto;
}

.kreska {
   clear: both;
   width: 100%;
   height: 7px;
   background: #09B4E2;
   font-size: 0;
}

#bottom {
   width: 1000px;
   height: 17px;
   margin: auto;
}

#menu {
   position: absolute;
   top: 116px;
   left: 40px;
   width: 161px;
   height: 242px;
   margin: 0;
   padding: 0;
   list-style-type: none;
   text-align: left;
   font-size: 0;
}

#menu .linia {
   width: 161px;
   height: 9px;
   background: transparent url(../grafika/linia_menu.gif) repeat-x;
   font-size: 0;
}

#menu1, #menu2, #menu3, #menu4, #menu5, #menu6, #menu7  {
   width: 161px;
   height: 26px;
}

#menu a {
   display: block;
   width: 161px;
   height: 26px;
}

#menu1 a {
   background: transparent url(../grafika/menu_home.gif) no-repeat 0 0;
}

#menu2 a {
   background: transparent url(../grafika/menu_oferta.gif) no-repeat 0 0;
}

#menu3 a {
   background: transparent url(../grafika/menu_klienci.gif) no-repeat 0 0;
}

#menu4 a {
   background: transparent url(../grafika/menu_pomoc.gif) no-repeat 0 0;
}

#menu5 a {
   background: transparent url(../grafika/menu_zaloz.gif) no-repeat 0 0;
}

#menu6 a {
   background: transparent url(../grafika/menu_kontakt.gif) no-repeat 0 0;
}

#menu7 a {
   background: transparent url(../grafika/menu_linki.gif) no-repeat 0 0;
}

#menu1 a:hover {
   background: transparent url(../grafika/menu_home.gif) no-repeat 0 -26px;
}

#menu2 a:hover {
   background: transparent url(../grafika/menu_oferta.gif) no-repeat 0 -26px;
}

#menu3 a:hover {
   background: transparent url(../grafika/menu_klienci.gif) no-repeat 0 -26px;
}

#menu4 a:hover {
   background: transparent url(../grafika/menu_pomoc.gif) no-repeat 0 -26px;
}

#menu5 a:hover {
   background: transparent url(../grafika/menu_zaloz.gif) no-repeat 0 -26px;
}

#menu6 a:hover {
   background: transparent url(../grafika/menu_kontakt.gif) no-repeat 0 -26px;
}

#menu7 a:hover {
   background: transparent url(../grafika/menu_linki.gif) no-repeat 0 -26px;
}

#monitor {
   position: absolute;
   top: 47px;
   right: 39px;
   width: 338px;
   height: 393px;
   background: transparent url(../grafika/monitor.jpg) no-repeat;
}

#monitor object {
   margin: 17px 0 0 17px;
}

#powitanie {
   position: absolute;
   top: 113px;
   left: 236px;
   width: 370px;
   height: 279px;
   text-align: left;
}

#powitanie h1 {
   margin: 0;
   color: #000;
   font-weight: normal;
}

#powitanie p {
   margin-top: 14px;
   line-height: 20px;
}

#powitanie a {
   background: transparent url(../grafika/btn_wiecej.gif) no-repeat;
   padding: 2px 0px 2px 20px;
   font-size: 11px;
   color: #0CB4E2;
   text-decoration: none;
}

#powitanie a:hover {
   color: #F00;
}

#middle h1 {
   margin: 22px 0 28px 44px;
   color: #FFF;
   font-weight: normal;
}

#bigbtns, #bigbtns li {
   display: block;
   margin: 0;
   padding: 0;
   list-style: none;
}

#bigbtns {
   float: left;
   width: 100%;
   margin-bottom: 29px;
   padding-left: 34px;
}

#bigbtns li {
   float: left;
}

#bigbtns a {
   display: block;
   width: 294px;
   height: 89px;
   margin-left: 18px;
}

#bigbtn1 a {
   background: transparent url(../grafika/big_btn1.png) no-repeat;
}

#bigbtn2 a {
   background: transparent url(../grafika/big_btn2.png) no-repeat;
}

#bigbtn3 a {
   background: transparent url(../grafika/big_btn3.png) no-repeat;
}

#panel_tresc {
   clear: both;
   width: 920px;
   height: 299px;
   margin-left: 50px;
   border-top: 1px solid #262626;
}

#panel_tresc h1 {
   margin: 10px 0 18px 0;
}

#panel {
   float: left;
   width: 212px;
   height: 235px;
   margin: 23px 38px 0 0;
   background: #000 url(../grafika/panel.png) no-repeat bottom right;
   line-height: 18px;
}

#panel form label {
   display: block;
   margin-bottom: 6px;
}

#panel form input {
   display: block;
   width: 163px;
   margin-bottom: 8px;
   border-left: 2px solid #3F3F3F;
   border-top: 2px solid #3F3F3F;
   border-bottom: 1px solid #3F3F3F;
   border-right: 1px solid #3F3F3F;
   font-size: 14px;
}

#panel form input.submit {
   width: 94px;
   height: 24px;
   margin-top: 10px;
   margin-bottom: 15px;
   background: transparent url(../grafika/btn_zaloguj.gif) no-repeat;
   border: 0px none;
}

#panel p {
   margin: 0;
   padding: 0;
   font-size: 11px;
   color: #0065B8;
}

#panel p a{
   text-decoration: none;
   color: #0065B8;
}

#tresc {
   float: left;
   width: 665px;
   height: 235px;
   margin: 23px 0 0 0;
   line-height: 18px;
   color: #ABABAB
}

#tresc2 {
   width: 90%;
   margin: 20px auto 20px auto;
   padding-bottom: 30px;
   line-height: 18px;
   color: #ABABAB;
}

#tresc2 h1 {
   margin: 0;
   padding: 10px 0 10px 0;
   font-size: 22px;
   font-weight: bold;
}

.kontakt .komunikat {
   clear: both;
   margin: 0px 0 3px 112px;
   padding-top: 5px;
   color: #69D8F8;
   font: 11px Tahoma, sans-serif;
}

.komunikat-ok {
   text-align: center;
   font-weight: bold;
   color: #FFF;
}

.kontakt label, .kontakt input, .kontakt textarea {
   float: left;
   display: block;
   margin: 3px;
}

.kontakt {
   width: 100%;
   margin: 10px 0 10px 0;
}

.kontakt fieldset {
   width: 530px;
   margin: 10px auto 10px auto;
}

.kontakt label {
   clear: left;
   width: 100px;
   margin: 3px;
}

.kontakt input {
   clear: right;
   background: #333;
   border: 1px solid #0CB4E2;
   color: #FFF;
   font: 12px Arial, sans-serif;
}

.kontakt textarea {
   width: 400px;
   height: 100px;
   background: #333;
   border: 1px solid #0CB4E2;
   color: #FFF;
   font: 12px Arial, sans-serif;
}

.kontakt p, .kontakt img {
   clear: left;
   margin: 0 0 3px 110px;
}

.kontakt .komunikat {
   clear: both;
   margin: 0px 0 3px 112px;
   padding-top: 5px;
   color: #69D8F8;
   font: 11px Tahoma, sans-serif;
}

#bottom_menu, #bottom_menu li {
   display: block;
   margin: 0;
   padding: 0;
   list-style: none;
}

#bottom_menu {
   width: 100%;
}

#bottom_menu li {
   float: left;
}

#bottom_menu a {
   display: block;
   height: 33px;
}

#bottom_menu1 {
   width: 49px;
   background: transparent url(../grafika/menu_home2.gif) no-repeat 0 0;
}

#bottom_menu1:hover {
   background: transparent url(../grafika/menu_home2.gif) no-repeat 0 -33px;
}

#bottom_menu2 {
   width: 91px;
   background: transparent url(../grafika/menu_oferta2.gif) no-repeat 0 0;
}

#bottom_menu2:hover {
   background: transparent url(../grafika/menu_oferta2.gif) no-repeat 0 -33px;
}

#bottom_menu3 {
   width: 105px;
   background: transparent url(../grafika/menu_klienci2.gif) no-repeat 0 0;
}

#bottom_menu3:hover {
   background: transparent url(../grafika/menu_klienci2.gif) no-repeat 0 -33px;
}

#bottom_menu4 {
   width: 113px;
   background: transparent url(../grafika/menu_pomoc2.gif) no-repeat 0 0;
}

#bottom_menu4:hover {
   background: transparent url(../grafika/menu_pomoc2.gif) no-repeat 0 -33px;
}

#bottom_menu5 {
   width: 103px;
   background: transparent url(../grafika/menu_zaloz2.gif) no-repeat 0 0;
}

#bottom_menu5:hover {
   background: transparent url(../grafika/menu_zaloz2.gif) no-repeat 0 -33px;
}

#bottom_menu6 {
   width: 75px;
   background: transparent url(../grafika/menu_kontakt2.gif) no-repeat 0 0;
}

#bottom_menu6:hover {
   background: transparent url(../grafika/menu_kontakt2.gif) no-repeat 0 -33px;
}

#bottom_menu7 {
   width: 59px;
   background: transparent url(../grafika/menu_linki2.gif) no-repeat 0 0;
}

#bottom_menu7:hover {
   background: transparent url(../grafika/menu_linki2.gif) no-repeat 0 -33px;
}

#weblink {
   text-align: right;
}

#weblink a {
   color: #666;
}