* { margin:0; padding:0; border:0;}

html, body {height: 100%;}
body {font-family: Verdana, "Trebuchet MS", Trebuchet, sans-serif; font-size: 10px; color:#575652; background: #fff url(../img/bg.jpg) repeat-x top;}
img { border:0; display: block;}
a {color: #575652; text-decoration: none;}
a:hover {text-decoration: underline;}
.clear {clear: both; font-size: 0px; }
.hide {visibility: hidden; font-size: 0;}
p {line-height: 1.25em; margin-bottom:10px; margin-top: 10px; font-size: 10px; color: #2C2C2C;}
em {text-decoration: underline;}

#container {background: url(../img/bg_wrapper.jpg) repeat-x bottom;}

#bottom_bg_index {background: url(../img/bottom_bg.jpg) no-repeat left bottom; width: 972px; margin: 0 auto; overflow: hidden; min-height:800px; height:auto !important;}
#bottom_bg {background: url(../img/bottom_bg.jpg) no-repeat left bottom; width: 972px; margin: 0 auto; overflow: hidden; min-height:800px; height:auto !important; padding-bottom:274px;}

#bottom_bg_firma {background: url(../img/bottom_bg.jpg) no-repeat left bottom; width: 972px; margin: 0 auto; overflow: hidden; min-height:800px; height:auto !important; padding-bottom:194px;}
#bottom_bg_klienci {background: url(../img/bottom_bg.jpg) no-repeat left bottom; width: 972px; margin: 0 auto; overflow: hidden; min-height:800px; height:auto !important; padding-bottom:114px;}
#bottom_bg_mapa {background: url(../img/bottom_bg.jpg) no-repeat left bottom; width: 972px; margin: 0 auto; overflow: hidden; min-height:800px; height:auto !important; padding-bottom:132px;}
#bottom_bg_kontakt {background: url(../img/bottom_bg.jpg) no-repeat left bottom; width: 972px; margin: 0 auto; overflow: hidden; min-height:800px; height:auto !important; padding-bottom:139px;}

#bottom_bg_pogotowie {background: url(../img/bottom_bg.jpg) no-repeat left bottom; width: 972px; margin: 0 auto; overflow: hidden; min-height:800px; height:auto !important; padding-bottom:134px;}
#bottom_bg_obsluga {background: url(../img/bottom_bg.jpg) no-repeat left bottom; width: 972px; margin: 0 auto; overflow: hidden; min-height:800px; height:auto !important; padding-bottom:134px;}
#bottom_bg_sprzet {background: url(../img/bottom_bg.jpg) no-repeat left bottom; width: 972px; margin: 0 auto; overflow: hidden; min-height:800px; height:auto !important; padding-bottom:266px;}

#top {width: 972px; background: url(../img/top_bg.jpg) no-repeat left top; height: 211px; position: relative;}
  #top h1 {float: left; position: absolute; left: 5px; bottom: 25px;}
  #top ul {float: right; margin-right:10px;}
    #top ul li {float: left; list-style: none; background: url(../img/menu_border.jpg) no-repeat right bottom; padding-right: 2px;}
      #top ul li span {visibility: hidden; font-size: 0;}
      #top ul li a {display: block; height: 211px; width: 103px;}
        #top ul li a:hover {text-decoration: none;}
    #top ul li.ofirmie a {background: url(../img/menu_ofirmie.jpg) no-repeat left bottom;}
    #top ul li.uslugi a {background: url(../img/menu_uslugi.jpg) no-repeat left bottom;}
    #top ul li.klienci a {background: url(../img/menu_klienci.jpg) no-repeat left bottom;}
    #top ul li.cennik a {background: url(../img/menu_cennik.jpg) no-repeat left bottom;}
    #top ul li.kontakt a {background: url(../img/menu_kontakt.jpg) no-repeat left bottom;}
/* Menu overs */
      #top ul li.ofirmie a:hover {background: url(../img/menu_ofirmie_over.jpg) no-repeat left bottom;}
      #top ul li.uslugi a:hover {background: url(../img/menu_uslugi_over.jpg) no-repeat left bottom;}
      #top ul li.klienci a:hover {background: url(../img/menu_klienci_over.jpg) no-repeat left bottom;}
      #top ul li.cennik a:hover {background: url(../img/menu_cennik_over.jpg) no-repeat left bottom;}
      #top ul li.kontakt a:hover {background: url(../img/menu_kontakt_over.jpg) no-repeat left bottom;}
    
#content_wrapper {background: url(../img/content_wrapper.jpg) repeat-y left top;}
  #content {background: url(../img/content_bg.jpg) no-repeat left top;}
    #content_bottom {background: url(../img/content_bottom.jpg) no-repeat left bottom; padding: 0 6px 6px; overflow: hidden;}
    
#services {}
  #services li {float: left; list-style: none;}
    #services li h2 a {padding-bottom: 55px; display: block;}
      #services li h2.sprzet a {background: url(../img/button_sprzet.jpg) no-repeat left bottom;}
        #services li h2.sprzet a:hover {background: url(../img/button_sprzet_over.jpg) no-repeat left bottom;}
      #services li h2.obsluga a {background: url(../img/button_obsluga.jpg) no-repeat left bottom;}
        #services li h2.obsluga a:hover {background: url(../img/button_obsluga_over.jpg) no-repeat left bottom;}
      #services li h2.pogotowie a {background: url(../img/button_pogotowie.jpg) no-repeat left bottom;}
        #services li h2.pogotowie a:hover {background: url(../img/button_pogotowie_over.jpg) no-repeat left bottom;}

#bg_subpage {background: #F4F6F5 url(../img/bg_subpage.jpg) no-repeat left top; overflow: hidden;}

#main_customers {width: 960px; float: left;}
  #main_customers h2 {float: left; background: url(../img/h2_bg.jpg) no-repeat left top; color: #fff; font-size: 14px; font-family: Tahoma; text-transform: uppercase; width: 290px; height: 15px; text-align: right; padding: 14px; margin-bottom: 5px;}
  #main_customers h3 {color: #971E49; font-size: 10px; font-weight: bold; background: url(../img/line_h3.jpg) repeat-x left bottom; padding-bottom: 10px; margin-bottom: 15px;}
  #main_customers h4 {color: #2C2C2C; font-size: 10px; font-weight: bold; margin-bottom: 15px;}
    #main_customers h3 span {background: url(../img/pt.jpg) no-repeat left 3px; padding-left: 13px; margin-left: 5px;}

.customer_list {overflow: hidden; background: url(../img/line_h3.jpg) repeat-x left bottom; padding-bottom: 1px;}
  .customer_list li {float: left; list-style-type: none; background: url(../img/line_vertical.jpg) repeat-y right top; padding-right: 1px;}
  .customer_list li.last {background: none;}
  
ul.last {background: none;}

#main {width: 640px; float: left;}
  #main h2 {float: left; background: url(../img/h2_bg.jpg) no-repeat left top; color: #fff; font-size: 14px; font-family: Tahoma; text-transform: uppercase; width: 290px; height: 15px; text-align: right; padding: 14px; margin-bottom: 5px;}
  #main h3 {color: #971E49; font-size: 10px; font-weight: bold; background: url(../img/line_h3.jpg) repeat-x left bottom; padding-bottom: 10px; margin-bottom: 15px;}
  #main h4 {color: #2C2C2C; font-size: 10px; font-weight: bold; margin-bottom: 15px;}
    #main h3 span {background: url(../img/pt.jpg) no-repeat left 3px; padding-left: 13px; margin-left: 5px;}
  
#right_options {float: right; color: #A0A0A0; width: 294px; padding: 14px;}
  #right_options a {color: #A0A0A0; font-size: 10px; background: url(../img/printer.jpg) no-repeat left; padding-left: 15px;}

#subpage_holder {padding: 10px;}
  #subpage_holder ul {overflow: hidden; margin-bottom: 10px;}
  #subpage_holder li {list-style: none; background: url(../img/pt.jpg) no-repeat left 5px; margin-left: 5px; padding: 3px 0 3px 13px;}

#subpage_holder_kontakt {padding: 10px;}

#left_map {width: 320px; float: left;}
  #left_map h2 {float: left; background: url(../img/h2_bg.jpg) no-repeat left top; color: #fff; font-size: 14px; font-family: Tahoma; text-transform: uppercase; width: 290px; height: 15px; text-align: right; padding: 14px; margin-bottom: 25px;}
  #left_map h3 {color: #971E49; font-size: 10px; font-weight: bold; background: url(../img/line_h3.jpg) repeat-x left bottom; padding-bottom: 10px; margin-bottom: 15px;}
  #left_map h4 {color: #2C2C2C; font-size: 10px; font-weight: bold; margin-bottom: 15px;}
    #left_map h3 span {background: url(../img/pt.jpg) no-repeat left 3px; padding-left: 13px; margin-left: 5px;}
    
#left_map ul {background: url(../img/map_ul_bg.jpg) repeat-y left top; padding-bottom: 50px; margin-bottom: 20px; margin-left: 20px;}
  #left_map li {background: url(../img/map_li_bg.jpg) no-repeat left 12px; padding: 6px 6px 6px 12px; list-style: none;}
    #left_map ul ul {margin: 10px 0 0; background: url(../img/map_ul_ul_bg.jpg) no-repeat left top; padding-bottom: 0; margin-bottom: 0; margin-left: 10px;}
    #left_map li li {background: url(../img/map_li_bg.jpg) no-repeat left 7px; padding: 2px 6px 7px 12px;}
      #left_map li.last {background:transparent url(../img/map_li_bg.jpg) no-repeat scroll left 8px; padding:2px 6px 5px 12px;}

#left_map a {}
  #left_map a:hover {font-weight: bold; color: #8D234B; text-decoration: none;}

#main_map {float: right; width: 640px;}

#flash_map {margin: 60px auto 0; width: 584px;}

#print {float: left; color: #A0A0A0; width: 294px; padding: 14px;}
  #print a {color: #A0A0A0; font-size: 10px; background: url(../img/printer.jpg) no-repeat left; padding-left: 15px;}

.columns {overflow: hidden; margin-bottom: 0px;}
  .columns li {float: left; margin:0 10px 0 0 !important; padding:0 11px 0 0 !important; width:185px; list-style-type: none; background: url(../img/line_vertical.jpg) repeat-y right top !important; height: 100px; overflow: hidden; position: relative;}
  .columns li.last {background: none !important; margin-right: 0px; padding-right: 0px; margin-left: 0px !important;}
    .columns li a {background: url(../img/more.jpg) no-repeat left top; width: 83px; height: 14px; display: block; position: absolute; bottom: 0px; right: 16px;}
    .columns li a:hover {background: url(../img/more_over.jpg) no-repeat left top;}

table {border: 1px #fff solid; border-collapse: collapse;}
  tr {}
  thead tr.header {background: url(../img/header_bg.jpg) repeat-x left top;}
  thead th.long_column {width:486px; text-align: left;}
  thead th.short_column {width: 85px;}
  thead th.ctxt {text-align: center !important;}
  tbody tr {background: #F2F2F2;}
  tbody tr.dark {background: #E7E7E7;}
  tbody tr.over {background: #4B4B4B; color:#fff;}
  tbody th {text-align: right;}
    td, th {padding: 10px; border-left: 1px #DFDFDF solid; border-right: 1px #fff solid;}

form {margin-bottom: 10px; overflow: hidden;}
  form ul {overflow: hidden;}
    form ul li {float: left; list-style: none;}
      form ul li input {background: #fff; width: 287px; height: 20px; border: 1px #A0A0A0 solid;}
      form ul li label {margin: 10px 0; display: block;}
      form ul li textarea {background: #fff; border: 1px #A0A0A0 solid; margin-bottom: 20px; width: 615px;}
      form ul li select {width: 289px; background: url(../img/select_bg.jpg) no-repeat right top; height: 20px; border: 1px #A0A0A0 solid;}

.leftside {margin-right:40px;}
.submit {float: right;}

.data_contact {padding: 5px 15px 0;}
  .data_contact ul {margin-bottom: 15px;}
    .data_contact li {width: 145px;}
  .data_contact span {color: #ACACAC; visibility: visible !important; font-size: 10px !important;}
  .data_contact a {width: auto !important; height: auto !important; font-weight: bold; color: #971D4C;}
  .data_contact h3 {background: #3F3E39; color: #fff; width: 310px; margin-left: -15px; height:45px; padding: 0 5px;}
    .data_contact h3 span {color: #fff; line-height:45px; height: 45px;}
    .data_contact h3 strong {background: url(../img/tel.jpg) no-repeat left center; font-size:17px; margin-left:6px; padding-left:18px;}

#sub {width: 320px; float: right;}
  #sub ul {overflow: hidden;}
    #sub ul li {list-style: none; float: left;}
      #sub ul li a {display: block; width: 320px; height: 134px;}
      #sub ul li span {visibility: hidden; font-size: 0;}
    #sub ul li.sprzet {background: url(../img/sprzet_sub.jpg) no-repeat left top;}
    #sub ul li.obsluga {background: url(../img/obsluga_sub.jpg) no-repeat left top;}
    #sub ul li.pogotowie {background: url(../img/pogotowie_sub.jpg) no-repeat left top;}
      #sub ul li.sprzet a {background: url(../img/button_sprzet_sub.jpg) no-repeat left bottom;}
        #sub ul li.sprzet a:hover {background: url(../img/button_sprzet_sub_over.jpg) no-repeat left bottom;}
      #sub ul li.obsluga a {background: url(../img/button_obsluga_sub.jpg) no-repeat left bottom;}
        #sub ul li.obsluga a:hover {background: url(../img/button_obsluga_sub_over.jpg) no-repeat left bottom;}
      #sub ul li.pogotowie a {background: url(../img/button_pogotowie_sub.jpg) no-repeat left bottom;}
        #sub ul li.pogotowie a:hover {background: url(../img/button_pogotowie_sub_over.jpg) no-repeat left bottom;}
        
    #sub ul li.sprzet_big {background: url(../img/sprzet_big.jpg) no-repeat left top;}
    #sub ul li.obsluga_big {background: url(../img/obsluga_big.jpg) no-repeat left top;}
    #sub ul li.pogotowie_big {background: url(../img/pogotowie_big.jpg) no-repeat left top;}
      #sub ul li.sprzet_big a {background: url(../img/button_sprzet_big.jpg) no-repeat left bottom;}
        #sub ul li.sprzet_big a:hover {background: url(../img/button_sprzet_big_over.jpg) no-repeat left bottom;}
      #sub ul li.obsluga_big a {background: url(../img/button_obsluga_big.jpg) no-repeat left bottom;}
        #sub ul li.obsluga_big a:hover {background: url(../img/button_obsluga_big_over.jpg) no-repeat left bottom;}
      #sub ul li.pogotowie_big a {background: url(../img/button_pogotowie_big.jpg) no-repeat left bottom;}
        #sub ul li.pogotowie_big a:hover {background: url(../img/button_pogotowie_big_over.jpg) no-repeat left bottom;}

.services li a {height: 402px !important;}

#footer {position: relative; padding: 7px 0; overflow: hidden;}
  #footer ul {float: left; margin-left: 6px;}
    #footer ul li {float: left; list-style: none; margin-right: 13px;}
      #footer ul li span {visibility: hidden; font-size: 0;}
      #footer ul li a {display: block; height: 12px;}
        #footer ul li a:hover {text-decoration: none;}
    #footer ul li.mainpage a {background: url(../img/main.jpg) no-repeat left top; width: 78px;}
    #footer ul li.map a {background: url(../img/map.jpg) no-repeat left top; width: 71px;}
    #footer ul li.contact a {background: url(../img/contact.jpg) no-repeat left top; width: 82px;}
      #footer ul li.mainpage a:hover {background: url(../img/main_ov.jpg) no-repeat left top; width: 78px;}
      #footer ul li.map a:hover {background: url(../img/map_ov.jpg) no-repeat left top; width: 71px;}
      #footer ul li.contact a:hover {background: url(../img/contact_ov.jpg) no-repeat left top; width: 82px;}

.warski {float: right; margin-right: 7px; margin-top: 5px;}

.select_box {position: relative;}
input.selectbox {background: url(../img/select_bg.jpg) no-repeat; cursor: pointer;}
.selectbox-wrapper {position: absolute; left: 0; top:54px}
.selectbox-wrapper ul {overflow: visible;}
.selectbox-wrapper li {background:#FFFFFF none repeat scroll 0 0; border:1px solid #A0A0A0; height:20px; width:287px; cursor: pointer;}