* {margin: 0; padding: 0; border: 0; font-family: Tahoma; color: #2d2d2d; font-size: 11px; }
input { border: 1px solid gray; }
body { width: 100%; background-color: white; }
#snowWrapper { width: 100%; height: 100%; }
#BodyWrapper { width: 100%; height: 100%; background-image: url('../img/header_bg.jpg'); background-repeat: repeat-x;}

#wrapper { width: 980px; margin: auto; position: relative; border: 0px solid gray;}
#puzel { position: absolute; top: 0px; left: 0px; }
#logo { width: 297px; height: 88px; background: url('../img/logo.jpg') no-repeat; position: absolute; top: 26px; left: 190px; }

#ofirmie { position: absolute; top: 94px; left: 600px; }
#oferta { position: absolute; top: 94px; left: 700px; }
#portfolio { position: absolute; top: 94px; left: 800px; }
#kontakt { position: absolute; top: 94px; left: 900px; }

#HeaderRow { height: 229px; width: 980px;}
#ztl { float: left; width: 14px; height: 14px; background: url('../img/htl.gif') no-repeat; }
#ztc { float: left; width: 952px; height: 14px; border-top: 1px solid #d9e9f2; }
#ztr { float: left; width: 14px; height: 14px; background: url('../img/htr.gif') no-repeat; }
#zml { float: left; height: 201px; width: 14px; border-left: 1px solid #d9e9f2; }
#zmc { float: left; width: 950px; height: 201px;  border: 0; position: relative; }
#zmr { float: left; height: 201px; width: 14px; border-right: 1px solid #d9e9f2; }
#zbl { float: left; width: 14px; height: 14px; background: url('../img/hbl.gif') no-repeat; }
#zbc { float: left; width: 952px; height: 14px; border-bottom: 1px solid #d9e9f2; }
#zbr { float: left; width: 14px; height: 14px; background: url('../img/hbr.gif') no-repeat; }

#headerImage { position: absolute; top: -5px; left: -3px; }
#headerLogin { position: absolute; top: -5px; right: -14px; width: 180px; height: 190px; background: url('../img/zaloguj_img.jpg') no-repeat 5px 10px;}
#headerLogin form { position: relative; }
#headerLogin .submitButton { width: 73px; height: 23px; border: 0; position: absolute; top: 170px; left: 50px; background: url('../img/zaloguj.gif') no-repeat; cursor: pointer; }
#headerLogin .loginImage { position: absolute; top: 80px; left: 5px; }
#headerLogin .hasloImage { position: absolute; top: 120px; left: 5px; }
#headerLogin .loginInput { position: absolute; top: 74px; left: 40px; width: 121px; height: 14px; background: url('../img/input.gif') no-repeat; border: 0; padding: 5px; padding-top: 7px; }
#headerLogin .hasloInput { position: absolute; top: 114px; left: 40px; width: 121px; height: 14px; background: url('../img/input.gif') no-repeat; border: 0; padding: 5px; padding-top: 7px; }

#mainrow { position: relative; margin-top: 10px; border-left: 1px solid #828282; width: 979px; min-height: 300px; padding-bottom: 15px; }
#mainrow .kreska { position: absolute; top: -20px; left: -1px; }
#leftmenu { width: 200px; position: absolute; top: 0px; left: -1px; }
#leftmenu li { list-style: none; height: 22px; width: 185px; background: url('../img/menuLeftBg.gif') no-repeat 0px 0px; border-left: 2px solid #ff7301; border-bottom: 1px solid #ff9742; padding-left: 10px; padding-top: 10px; margin-bottom: 1px; cursor: pointer; }
#leftmenu li a { text-decoration: none; }
#leftmenu li.active { height: 22px; width: 185px; background: url('../img/menuLeftBg.gif') no-repeat 0px -43px; border-left: 2px solid #007800; border-bottom: 1px solid #4cb100; padding-left: 10px; padding-top: 10px; margin-bottom: 1px; cursor: pointer; }

#leftColumn { width: 200px; float: left; padding-top: 300px; }

#content { width: 770px; float: right; }

#footerRow { width: 980px; background: url('../img/footer.gif') no-repeat 0px 0px; padding-top: 15px; padding-bottom: 15px; }
#footerRow .copyright { color: #66889c; float: left; width: 350px; padding-left: 10px; }
#footerRow .menu { color: #a4a4a4; float: right; }
#footerMenu { list-style: none; }
#footerMenu li { float: left; list-style: none; margin-right: 15px; text-indent: 18px; color: #a4a4a4; background: url('../img/kropa.gif') no-repeat 0% 5px; }
#footerMenu li.first { background: transparent; }

#footerMenu li a { text-decoration: none; color: #a4a4a4; }
#footerRow .mejl { color: #acc4d3; padding-left: 10px; width: 960px; padding-top: 5px; margin-bottom: 10px; }

br.clear { height: 0px; clear: both; }

#spacer { height: 157px; }

#MainPageRow { height: 297px; width: 770px; margin-bottom: 40px; }
#mtl { float: left; width: 14px; height: 14px; background: url('../img/htl.gif') no-repeat; }
#mtc { float: left; width: 742px; height: 14px; border-top: 1px solid #d9e9f2; }
#mtr { float: left; width: 14px; height: 14px; background: url('../img/htr.gif') no-repeat; }
#mml { float: left; height: 269px; width: 14px; border-left: 1px solid #d9e9f2; }
#mmc { float: left; width: 740px; height: 269px;  border: 0; position: relative; }
#mmr { float: left; height: 269px; width: 14px; border-right: 1px solid #d9e9f2; }
#mbl { float: left; width: 14px; height: 14px; background: url('../img/hbl.gif') no-repeat; }
#mbc { float: left; width: 742px; height: 14px; border-bottom: 1px solid #d9e9f2; }
#mbr { float: left; width: 14px; height: 14px; background: url('../img/hbr.gif') no-repeat; }

#mpTXT { width: 310px; padding-right: 18px; float: left; color: #828282; }
#mpTXT p { margin-top: 10px; text-indent: 15px; text-align: justify; font-size: 13px;}
#mpImage { width: 406px; float: left;  }

#serversWrapper { width: 772px; height: 327px; position: relative; }
#basicServer { position: absolute; top: 25px; left: 0px; width: 256px; background: url('../img/basic.jpg') no-repeat; height: 260px; }
#largeServer { position: absolute; top: 25px; left: 257px; width: 256px; background: url('../img/large.jpg') no-repeat; height: 260px; }
#businessServer { position: absolute; top: 25px; left: 514px; width: 256px; background: url('../img/business.jpg') no-repeat; height: 260px; }

#basicClick { width: 82px; height: 24px; background: url('../img/szczegoly.gif') no-repeat; position: absolute; top: 261px; left: 144px; text-align: center;  padding-top: 6px; cursor: pointer;}
#largeClick { width: 82px; height: 24px; background: url('../img/szczegoly.gif') no-repeat; position: absolute; top: 261px; left: 402px; text-align: center;  padding-top: 6px; cursor: pointer;}
#businessClick { width: 82px; height: 24px; background: url('../img/szczegoly.gif') no-repeat; position: absolute; top: 261px; left: 660px; text-align: center; padding-top: 6px; cursor: pointer;}

#basicClick a, #largeClick a, #businessClick a { font-size: 14px; color: white; text-decoration: none; }

#firstButton { width: 131px; height: 24px; background: url('../img/button_blue.gif') no-repeat; position: absolute; top: 268px; left: 15px; text-align: center;  padding-top: 6px; }
#secondButton { width: 131px; height: 24px; background: url('../img/button_blue.gif') no-repeat; position: absolute; top: 268px; left: 161px; text-align: center;  padding-top: 6px; }
#thirdButton { width: 131px; height: 24px; background: url('../img/button_blue.gif') no-repeat; position: absolute; top: 268px; left: 307px; text-align: center;  padding-top: 6px; }
#fourthButton { width: 131px; height: 24px; background: url('../img/button_blue.gif') no-repeat; position: absolute; top: 268px; left: 453px; text-align: center;  padding-top: 6px; }
#fifthButton { width: 131px; height: 24px; background: url('../img/button_blue.gif') no-repeat; position: absolute; top: 268px; left: 599px; text-align: center;  padding-top: 6px; }

#firstButton a, #secondButton a, #thirdButton a, #fourthButton a, #fifthButton a { font-size: 14px; color: white; text-decoration: none; } 

#BasicRow, #LargeRow, #BusinessRow { height: 232px; width: 770px; margin-bottom: 40px; }

div.htl { float: left; width: 14px; height: 14px; background: url('../img/htl.gif') no-repeat; }
div.htc { float: left; width: 742px; height: 14px; border-top: 1px solid #d9e9f2; }
div.htr { float: left; width: 14px; height: 14px; background: url('../img/htr.gif') no-repeat; }
div.hml { float: left; height: 203px; width: 14px; border-left: 1px solid #d9e9f2; }
div.hmc { float: left; width: 740px; height: 203px;  border: 0; position: relative; }
div.hmr { float: left; height: 203px; width: 14px; border-right: 1px solid #d9e9f2; }
div.hbl { float: left; width: 14px; height: 14px; background: url('../img/hbl.gif') no-repeat; }
div.hbc { float: left; width: 742px; height: 14px; border-bottom: 1px solid #d9e9f2; }
div.hbr { float: left; width: 14px; height: 14px; background: url('../img/hbr.gif') no-repeat; }
#BasicRow .serverImage { width: 152px; height: 10px; position: absolute; top: 0px; right: -14px; background: url('../img/oferta_basic_serwer.gif') no-repeat; font-size: 8px; color: gray; padding-top: 200px; text-align: right; padding-right: 5px; }
#LargeRow .serverImage { width: 180px; height: 10px; position: absolute; top: 0px; right: -14px; background: url('../img/oferta_large_serwer.gif') no-repeat; font-size: 8px; color: gray; padding-top: 200px; text-align: right; padding-right: 5px; }
#BusinessRow .serverImage { width: 194px; height: 10px; position: absolute; top: 0px; right: -14px; background: url('../img/oferta_business_serwer.gif') no-repeat; font-size: 8px; color: gray; padding-top: 200px; text-align: right; padding-right: 5px; }

h1 { font-size: 24px; color: #8daf1d; font-family: Trebuchet; margin-bottom: 10px; }
h2 { font-size: 20px; color: #ff5100; font-family: Trebuchet; margin-bottom: 10px; }
p.nice { padding-top: 10px; padding-bottom: 5px; text-align: justify; font-size: 12px; line-height: 17px; }
p.nice:first-letter { font-size: 20px; color: #8daf1d; font-family: Trebuchet; }

div.hmc p, div.hmc p:first-letter { font-weight: bold; padding-top: 5px; padding-bottom: 5px; width: 558px; text-align: justify; color: #2d2d2d }

div.List { float: left; width: 279px; }
div.List ul { list-style: none; margin-top: 5px; }
div.List li { width: 279px; background: url('../img/tick.gif') no-repeat 90% 50%; height: 18px; border-bottom: 1px dotted gray; vertical-align: middle; padding-top: 5px; }

div.folio { border-top: 1px solid #dddddd; margin-bottom: 10px; margin-top: 10px; width: 770px; padding-top: 10px; }
div.folio div.image { float: left; width: 200px; margin-right: 20px; border: 1px solid gray; }
div.folio div.title { float: left; color: #ff5100; font-weight: bold; font-size: 18px; width: 540px; }
div.folio div.opis { float: left; padding-top: 10px; text-align: justify; width: 540px; }
div.folio div.link { float: left; padding-top: 10px; color: #bbbbbb; width: 540px; }
div.folio div.link a { color: #bbbbbb; }
div.nawigacja { width: 770px; text-align: right; }

input.bluebutton { width: 131px; height: 24px; background: url('../img/button_blue.gif') no-repeat; text-align: center;  padding-top: 6px; color: white; border: 0; }

table.tabela { border-collapse: collapse; border: 1px solid #8daf1d; margin: auto; width: 600px; }
table.tabela td { border: 1px solid #8daf1d; padding: 5px; font-size: 12px; }
table.tabela input { width: 300px; padding: 4px; border: 1px solid gray; background: #eeeeee; }
table.tabela textarea { width: 300px; padding: 4px; border: 1px solid gray; background: #eeeeee; overflow: auto; }
table.tabela select { width: 310px; padding: 4px; border: 1px solid gray; background: #eeeeee; }

table.tabela input.bluebutton { width: 131px; height: 30px; background: url('../img/button_blue.gif') no-repeat; text-align: center;  padding-top: 6px; color: white; border: 0; }

div.message { width: 600px; padding: 10px; margin: auto; margin-top: 10px; margin-bottom: 10px; text-align; center; color: red; font-size: 20px; }

ul.ul { margin-left: 20px; font-size: 12px; line-height: 16px; }
ul.ul li { font-size: 12px; }
p.bold { font-weight: bold; margin-top: 5px; margin-bottom: 5px; font-size: 13px; }

div.kontaktowe { margin-top: 10px; margin-bottom: 10px; font-weight: bold; font-size: 12px; line-height: 18px; }

div.serverDescription p { line-height: 15px; }

ol { margin-left: 20px; margin-top: 5px; margin-bottom: 5px; }
ol li { line-height: 16px; }
h3 { margin-top: 5px; margin-bottom: 5px; color: #ff5100; font-family: Trebuchet; font-size: 14px; }
h3 b { color: #ff5100; }

table td input.rej { height: 16px; padding: 2px; font-size: 12px; }
input.rej { height: 16px; padding: 2px; font-size: 12px; }