﻿body { margin: 0 auto; padding: 0px; width: 100%; text-align: center; color: #000; background: #fff; background: url('images/top_body_bg.jpg') top left repeat-x; min-height: 380px; }

#page { margin: 0 auto; padding: 0; width: 990px; }
#top_part { width: 990px; height: 380px; background: url('images/top_part_bg.jpg') top left no-repeat; float: left; position: relative; }
#top_menu { position: absolute; top: 15px; right: 0px; margin: 0; padding: 0; background: none; }
#top_menu li { float: left; list-style-type: none; padding: 0 15px; border-right: 1px dotted #515151; background: none; }
#top_menu li#last { border-right: none; }
#top_menu li a { font-family: Trebuchet MS; text-transform: uppercase; text-decoration: none; color: #515151; font-size: 14px; }
#top_menu li a:hover, #top_menu li a.selected { color: #ff6600; }
a.top_link { position: absolute; font-size: 16px; font-family: Verdana; text-decoration: none; color: #ff6600; text-align: center; }
a.top_link:hover { text-decoration: underline; }
a#buy_sellsmart_button { text-shadow: #ccc 1px 1px; font-weight: bold; }
#demo { top: 331px; left: 446px; }
#panel { top: 331px; left: 670px; }
#top_h1 { position: absolute; top: 36px; left: 313px; }

#logo_part { width: 260px; height: 338px; top: 4px; left: 40px; position: absolute; } 
#logo_part a { display: block; width: 260px; height: 338px; }

#main_menu { width: 990px; height: 40px; float: left; position: relative; }
#main_top_menu { margin: 12px 0 0 5px; padding: 0; float: left; }
#main_top_menu li { list-style-type: none; float: left; background: none; padding: 0 8px; border-right: 1px dotted #515151; }
#main_top_menu li.last { border-right: none; }
#main_top_menu li a { font-family: Trebuchet MS; text-transform: uppercase; text-decoration: none; color: #515151; font-size: 14px; }
#main_top_menu li a:hover, #main_top_menu li a.selected { color: #ff6600; }

.main_style { float: left; width: 990px; padding: 60px 0 0 0; }
#integracji { background: url('images/integracje.jpg') top left no-repeat; }
#integracji #int1 { float: left; width: 990px; height: 222px; background: url('images/int1.jpg') top left no-repeat; }
#integracji #int2 { float: left; width: 990px; height: 286px; background: url('images/int2.jpg') top left no-repeat; }
#integracji #int3 { float: left; width: 990px; height: 378px; background: url('images/int3.jpg') top left no-repeat; }

#wybrane { background: url('images/wybrane.jpg') top left no-repeat; }
#wybrane_main { float: left; width: 990px; height: 333px; background: url('images/wybrane_main.jpg') top left no-repeat; position: relative; margin: 30px 0; }
#wybrane_main .port_links { position: absolute; display: block; }
#wybrane_main #link1 { top: 80px; left: 44px; width: 168px; height: 214px; }
#wybrane_main #link2 { top: 25px; left: 214px; width: 171px; height: 214px; }
#wybrane_main #link3 { top: 82px; left: 386px; width: 214px; height: 214px; }
#wybrane_main #link4 { top: 25px; left: 600px; width: 180px; height: 214px; }
#wybrane_main #link5 { top: 80px; left: 780px; width: 175px; height: 214px; }

ul.wybrane_projekty {width:30%; float:left; }
ul.wybrane_projekty a {font-weight:bold; color: #94c300;}
ul.wybrane_projekty a:hover {color: #ff6600;}

#funkcje { background: url('images/funkcje.jpg') top left no-repeat; }
ul { font-size: 11px; font-family: Verdana; margin: 10px 0 0 15px; padding: 0; text-align: justify; }
ul li { list-style-type: none; margin: 0 0 5px 0; padding: 0 0 0 15px; background: url('images/ul_dot.jpg') top left no-repeat; }
#funkcje ul li { padding: 0 0 0 35px; background-position: 19px 0px; }
#funkcje ul li.add { background: url('images/new.png') top left no-repeat; padding: 0 0 0 35px; background-position: 0 0; }
#funkcje ul li.prem { background: url('images/prem.png') top left no-repeat; padding: 0 0 0 35px; background-position: 0 0; }
h1 { border-bottom: 1px solid #ccc; color: #000; font-size: 15px; font-family: Verdana; margin: 0; padding: 5px 0 0; text-align:left; width: 467px; }
.left_funk { float: left; width: 467px; padding: 0 10px 0 18px; }
.right_funk { float: right; width: 467px; padding: 0 18px 0 10px; }

#add_info { margin: 10px 0 0 0; background: url('images/co_zysk.jpg') top left no-repeat; text-align: justify; }
#add_info h3 { border: none; color: #828282; font-family:"verdana"; font-size:14px;}
#add_info span.red { color: #ff6600; }
#add_info p { font-size: 11px; font-family: Verdana; }
#add_info #functions_ul li { width: 210px; float: left; font-weight: bold; }

#screens { background: url('images/o_nas.jpg') top left no-repeat; text-align: center; }
#screens img { margin: 0 0 0 0; border: 1px dotted #000; }
#screens p { margin: 0 0 20px 0; font-family: Verdana; font-size: 12px; font-style: italic; }

#o_nas { background: url('images/dlaczego.jpg') top left no-repeat; text-align: justify; }
#o_nas p { font-size: 11px; font-family: Verdana; }
#o_nas a { font-family: Vedana; color: #FF6600; font-size: 13px; text-decoration: none; }
#o_nas a:hover { text-decoration: underline; }

#dla_partnerow { background: url('images/partnerzy.jpg') top left no-repeat; text-align: justify; }
#dla_partnerow p { text-align: justify; font-size: 12px; font-family: Verdana; margin: 0 20px 10px 20px; }
#dla_partnerow img {float:right;}
#dla_partnerow a { color: #FF6600; text-decoration: none; font-weight:bold;}
#dla_partnerow a:hover { text-decoration: underline; }
#dla_partnerow ul {margin:20px 0 0 20px;}

#wymagania_techniczne{ background: url('images/wymagania_techniczne.jpg') top left no-repeat; text-align: justify; }
#wymagania_techniczne p { text-align: justify; font-size: 12px; font-family: Verdana; margin: 0 20px 10px 20px; }
#wymagania_techniczne img {float:right;}
#wymagania_techniczne a { color: #FF6600; text-decoration: none; font-weight:bold;}
#wymagania_techniczne a:hover { text-decoration: underline; }
#wymagania_techniczne ul {margin:20px 0 0 20px;}

#glowna { background: url('images/glowna.jpg') top left no-repeat; }
#glowna p { text-align: justify; font-size: 12px; font-family: Verdana; margin: 0 20px 10px 20px; }

#buy_sellsmart { background: url('images/buy_sellsmart.jpg') top left no-repeat; }
#buy_sellsmart p.prawa { color: #777; text-align: center; clear: both; }
#buy_sellsmart h1 { margin: 0 0 10px 259px; }
#kup_info p {font-size:12px; font-family:verdana; width:700px; margin:10px auto; color:red;}

}
#warto { background: url('images/warto.jpg') top left no-repeat; }
#warto p { font-size: 11px; font-family: Verdana; text-align: justify; }
#warto ul a { text-decoration: none; color: #FF6600; }
#warto ul a:hover, #warto ul a.selected { text-decoration: underline; color: #2886C6; }
#warto h2 { color: orange; font-family:'Arial Narrow'; font-size: 15px; margin: 0; padding: 0; text-align: left; }

#kontakt { background: url('images/kontakt.jpg') top left no-repeat; }
#kontakt p.prawa { color: #777; text-align: center; clear: both; }
#kontakt h1 { margin-bottom: 10px; }
#kontakt .right_funk { font-family: Verdana; font-size: 12px; }
#kontakt .right_funk a { color: #fa6600; text-decoration: none; }
#kontakt .right_funk a:hover { text-decoration: underline; }
#kontakt .dane { margin-top: 120px; }

#legenda { float: left; width: 954px; padding: 0 18px; margin: 0 0 15px 0; }
#legenda h1 { width: 954px; }

#dlaczego { background: url('images/o_nas.jpg') top left no-repeat; }
#dlaczego_main { float: left; width: 990px; height: 538px; background: url('images/dlaczego_main.jpg') top left no-repeat; position: relative; }
#dlaczego_main .sub { position: absolute; overflow: hidden; width: 168px; height: 115px; }
#dlaczego_main .sub p { margin: 0; padding: 0; font-family: Verdana; font-size: 11px; color: #565656; text-align: justify; }
#dlaczego_main #sub1 { top: 130px; left: 94px; }
#dlaczego_main #sub2 { top: 130px; left: 308px; }
#dlaczego_main #sub3 { top: 130px; left: 523px; }
#dlaczego_main #sub4 { top: 130px; left: 741px; }
#dlaczego_main #sub5 { top: 395px; left: 94px; }
#dlaczego_main #sub6 { top: 395px; left: 308px; }
#dlaczego_main #sub7 { top: 395px; left: 523px; }
#dlaczego_main #sub8 { top: 395px; left: 741px; }

.submit { cursor: pointer; }
#formularz_zamowienia { width: 942px; float: left; font-family: Verdana; font-size: 11px; text-align: left; margin: 0 0 0 61px; }
#formularz_zamowienia td {width:712px;}
#formularz_zamowienia td.lewa { width: 230px; font-weight: bold; }
#formularz_zamowienia input { border:1px solid #bbb; width:650px; }
#formularz_zamowienia input.submit {width:200px;}
#formularz_zamowienia select { border:1px solid #bbb; width:653px; }
#formularz_zamowienia textarea { border:1px solid #bbb; height:100px; width:600px; }
#formularz_zamowienia a { color: #fa6600; text-decoration: none; }
#formularz_zamowienia a:hover { text-decoration: underline; }

#formularz_kontaktowy { width: 462px; float: left; font-family: Verdana; font-size: 11px; text-align: left; margin: 0; }
#formularz_kontaktowy td.lewa { width: 230px; font-weight: bold; }
#formularz_kontaktowy input { border:1px solid #bbb; width:220px; }
#formularz_kontaktowy select { border:1px solid #bbb; width:223px; }
#formularz_kontaktowy textarea { border:1px solid #bbb; height:100px; width:220px; }

#bottom_wrapper { width: 100%; height: 532px; background: url('images/bottom_body_bg.jpg') top left repeat-x; }
#bottom_part { width: 990px; height: 532px; margin: 0 auto; padding: 0; background: url('images/bottom_part_bg.jpg') top left no-repeat; position: relative; }
#bottom_part p { margin: 0 0 16px 0; padding: 0; color: #fff; font-size: 12px; font-family: Verdana; line-height: 15px; }
#bottom_part a { color: #fff; text-decoration: none; }
#bottom_part a:hover { text-decoration: underline; }
#bottom_part #box1 { position: absolute; top: 337px; left: 20px; text-align: justify; }
#bottom_part #box2 { position: absolute; top: 337px; left: 259px; text-align: justify; }
#bottom_part #box3 { position: absolute; top: 384px; left: 511px; color: #ff6600; font-size: 12px; font-family: Verdana; text-align: center; }

#links_exchange { position: absolute; bottom: 10px; left: 0px; color: #303030; font-family: Verdana; font-size: 9px; text-align: left; width: 495px; }
#links_exchange a { color: #303030; }
#links_exchange a:hover { text-decoration: none; }

#copyright { position: absolute; text-align: right; font-size: 10px; color: #fff; bottom: 10px; right: 30px; height: 26px; font-family: Verdana; padding: 0 30px 0 0; background: url('images/logo_labsql.png') top right no-repeat; }
#copyright a { color: #FF6600; }
