/* ---------------- wspólne ustawienia dla wszystkich stron master -------------------*/
body
{
    font-size: 12px;
    color: #666666;
    font-family: Verdana;
    margin: 0px;
    background-color: #f2f2f2;
    text-align: justify;
}
.zaloba
{
    background-color: Silver;
    height: 108px;
}
#top_header
{
    width: 778px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
}
#baner
{
    position: relative;
    top: 6px;
    left: 9px;
}
#header
{
    width: 778px;
    height: 187px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(images/header.jpg);
}

#menu_tlo
{
    width: 778px;
    height: 31px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(images/menutlo.jpg);
}
#menu
{
    width: 758px;
    height: 31px;
    margin-left: auto;
    margin-right: auto;
}
.poczta
{
    color: Black;
    cursor: hand;
    text-decoration: none;
}
#main
{
    width: 778px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    background-image: url(images/backgrund_repeater.jpg);
}
#main_tlo
{
    height: 100%;
    width: 753px;
    background-color: #ffffff;
    margin-left: 15px;
}
#stopka
{
    width: 778px;
    height: 31px;
    background-image: url(images/foother.jpg);
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 8px;
    font-size: 10px;
    text-align: center;
}

hr
{
    border: 0;
    border-top: 1px solid #444445;
    height: 1px;
    width: 100%;
}
h1
{
    font-size: 14px;
}
h2
{
    font-size: 13px;
    line-height: 14px;
    margin-bottom: 12px;
    margin-top: 22px;
}

/* ---------------- galeria ----------------------------------*/
.galeria
{
    margin: 0px;
}
.galeria a .img_l
{
    margin: 10px;
    float: left;
}
.galeria .img_r
{
    margin: 10px;
    float: right;
}
.galeria a img
{
    border: 1px solid #999999;
    text-decoration: none;
    padding: 4px;
    background-color: #F8F8F8;
}
.galeria a:hover img
{
    border: 3px solid #ED6D00;
    padding: 2px;
    text-decoration: none;
    background-color: #F8F8F8;
}
/* ---------------- ustawienia dla strony sprzedaż odręczna ----------------------------------*/
.sprzedaz_kontakt
{
    margin-left: 30px;
    font-weight: bold;
}
.sprzedaz_kontakt tr td
{
    text-align: left;
}

/* ---------------- ustawienia dla strony firma - master ----------------------------------*/
#main_firma_tlo
{
    width: 778px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(images/backgrund_repeater.jpg);
}
#main_firma
{
    width: 752px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    left: 3px;
    border-top: dimgray 1px solid;
    border-left: dimgray 1px solid;
    border-bottom: dimgray 1px solid;
}
#menu_lewe
{
    width: 180px;
    height: 100%;
    background-color: #f5f5f5;
    vertical-align: top;
}
.menu_lewe_item
{
    text-align: left;
}
.okno_prawe
{
    text-align: justify;
    vertical-align: top;
    line-height: 20px;
    vertical-align: top;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
    padding-top: 30px;
    min-height: 480px;
}

/* -------------------------    ustawienia dla 1 strony ---------------------------- */
.str1_new
{

}
.str1_ul
{
    text-align: left;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    list-style-type: none;
}
.str1_ul li
{
    margin-top: 20px;
    line-height: 12px;
}
.str1_ul a
{
    color: #000000;
    text-decoration: none;
}
.str1_ul a:hover
{
    color: #0000ff;
    text-decoration: underline;
}
.str1_new a
{
    color: #000000;
    text-decoration: none;
}
.str1_new a:hover
{
    color: #0000ff;
    text-decoration: underline;
}
.str1_left
{

    text-align: left;
    line-height: 18px;
    width: 180px;
    min-height: 450px;
}
.str1_left_txt
{
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
}
.str1_txt_bb
{
    text-align: left;
    color: black;
    font-weight: bold;
}
.str1_informacje
{
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 11px;
    text-align: justify;
}
.str1_informacje a
{
    color: #000000;
    text-decoration: none;
}
.str1_informacje a:hover
{
    color: #0000ff;
    text-decoration: underline;
}

.ramka
{
    margin-top: 15px;
    background-position: left top;
    background-repeat: no-repeat;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #999999;
    padding: 0px;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #999999;
    font-size :12px;
}
.img_box
{
    display: block;
    width: 110px;
    height: 99px;
    padding: 0px;
    float: left;
    background-image: url(images/str1/box.jpg);
    background-repeat: no-repeat;
    margin-left: 60px;
    margin-top: 10px;
}

.img_box:hover
{
    background-position: 0 -99px;
}
.od_reki
{
    margin-left: 50px;
    margin-bottom: 10px;
}
.od_reki .magazyny
{
    background-image: url(images/str1/strzala.jpg);
    background-repeat: no-repeat;
    float: left;
    width: 150px;
    height: 80px;
    padding-left: 30px;
    padding-top :10px;
}

.realizacje
{
    border: 1px solid #999999 !important;
    text-decoration: none;
    padding: 4px;
    background-color: #F8F8F8;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 15px;
}
.realizacje:hover
{
    border: 3px solid #ED6D00 !important;
    padding: 2px;
    text-decoration: none;
    background-color: #F8F8F8;
}
.slaski
{
    border: 1px solid #999999 !important;
    text-decoration: none;
    padding: 4px;
    background-color: #F8F8F8;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 15px;
}

.slaski:hover
{
    border: 3px solid #ED6D00 !important;
    padding: 2px;
    text-decoration: none;
    background-color: #F8F8F8;
}
/* ------------------------- ustawienia dla strony kontaktów ---------------------- */
.k_bold
{
    font-weight: bold;
}
.k_menegers
{
    background-color: #f8f8f8;
    border: solid 1px silver;
    margin-top: 5px;
    padding-bottom: 10px;
}

.k_menegers .k_biuro
{
    background-color: #ffffff;
    margin-left: 20px;
    margin-right: 20px;
}
.k_menegers_temat
{
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 14px;
}
.k_menegers_temat div
{
    height: 20px;
    width: 20px;
    margin-right: 10px;
    float: left;
    background-image: url('images/kontakty/kratka.jpg');
}
.k_biuro
{
    background-color: #f8f8f8;
    padding: 10px;
    border: solid 1px silver;
    margin-top: 5px;
}
.k_osoba
{
    margin-top: 10px;
    padding-left: 30px;
}
.k_kontakt
{
    margin-left: 20px;
    width: 300px;
}
/* -------------------------------- AJAX ------------------------------------------ */
.acordion_header
{
    border-right: gainsboro 1px solid;
    border-top: gainsboro 1px solid;
    border-left: gainsboro 1px solid;
    border-bottom: gainsboro 1px solid;
    background-color: whitesmoke;
    cursor: hand;
    padding-right: 5px;
    padding-left: 5px;
    margin-top: 5px;
    font-weight: bold;
    margin-bottom: 0px;
    padding-bottom: 3px;
    padding-top: 3px;
}
.acordion_content
{
    border-right: gainsboro 1px dotted;
    border-top: gainsboro 1px dotted;
    border-left: gainsboro 1px dotted;
    border-bottom: gainsboro 1px dotted;
    background-color: #fbfbfb;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
}

/* ------------------------ STRONY ----------------------------------------------------------- */
.obrazek
{
    border: 1px solid #000000;
}
.temat
{
    font-weight: bold;
    font-size: 14px;
}
.tematcenter
{
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}
.podtemat
{
    font-weight: bold;
    font-size: 12px;
}
.txt_just
{
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: justify;
}
.txt_left
{
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: left;
    font-weight: normal;
}
.lista1
{
    list-style-type: disc;
    list-style-position: outside;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.lista1_bold
{
    list-style-type: disc;
    list-style-position: outside;
    margin-bottom: 0px;
    padding-bottom: 0px;
    font-weight: bold;
}
.lista1:ListItem
{
    list-style-type: disc;
    list-style-position: outside;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.lista2
{
    list-style-type: square;
    list-style-position: outside;
    margin-left: 60px;
}
.punkt
{
    vertical-align: middle;
}
.tabela
{
    font-size: 10px;
}
.tabela_all
{
    font-size: 10px;
    vertical-align: middle;
    text-align: center;
    background-color: dimgray;
    width: 100%;
    line-height: 12px;
}
.tabela_naglowek
{
    background-color: whitesmoke;
    font-weight: bold;
    line-height: 12px;
}
.tabela_item
{
    background-color: #ffffff;
}
.tabela_item1
{
    background-color: #d3d3d3;
}
.tabela_center
{
    font-size: 10px;
    vertical-align: middle;
    text-align: center;
}
.tabela_right
{
    font-size: 10px;
    vertical-align: middle;
    text-align: right;
}
.tabela_left
{
    font-size: 10px;
    vertical-align: middle;
    text-align: left;
}
.logo_left
{
    float: left;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 0px;
}

.doradcy_handlowi
{
    margin-left: 20px;
}
/* obrazki --------------------------------------- */
.obr_right
{
    border-right: dimgray 1px solid;
    border-top: dimgray 1px solid;
    float: right;
    margin: 0px;
    border-left: dimgray 1px solid;
    border-bottom: dimgray 1px solid;
}
.obr_left
{
    border-right: dimgray 1px solid;
    border-top: dimgray 1px solid;
    float: left;
    margin: 0px;
    border-left: dimgray 1px solid;
    border-bottom: dimgray 1px solid;
}

/* ------------------------ stowarzyszenie ----------------------------------------------------- */
.sprh_master
{
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: whitesmoke;
}
.sprh_center
{
    width: 990px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: whitesmoke;
}
.sprh_prawy
{
    margin: 5px;
    background-color: whitesmoke;
    width: 250px;
    float: right;
}
.sprh_lewy
{
    margin: 5px;
    background: #ffffff;
    width: 670px;
    float: left;
    padding: 20px;
    text-align: justify;
    border-right: lightgrey 1px solid;
    border-top: lightgrey 1px solid;
    border-left: lightgrey 1px solid;
    border-bottom: lightgrey 1px solid;
    line-height: 20px;
}
.sprh_list
{
    font-style: italic;
    font-family: 'Times New Roman';
    font-size: 16px;
}
.sprh_okienko
{
    background: #ffffff;
    border-right: lightgrey 1px solid;
    border-top: lightgrey 1px solid;
    border-left: lightgrey 1px solid;
    border-bottom: lightgrey 1px solid;
}
.sprh_okienko_temat
{
    background: #fd8c00;
    padding: 5px;
    padding-left: 15px;
    color: Black;
    text-align: left;
    font-weight: bold;
}
.sprh_tresc
{
    padding: 25px;
    line-height: 20px;
}
.katalog_legenda
{
    line-height: 14px;
}
/* ---------------------------------- testowe style ---------------------------------------------------*/
.div1
{
    background-color: #ffff00;
    width: 150px;
    height: 200px;
}
.div2
{
    background-color: #ffcc66;
    width: 150px;
    height: 200px;
}
.div3
{
    background-color: #99ccff;
    width: 150px;
    height: 200px;
}
/*------------------------------ kondolencje -------------------------------------------------------------- */

.kondolencje
{
    border-right: black 2px groove;
    border-top: black 2px groove;
    border-left: black 2px groove;
    width: 500px;
    border-bottom: black 2px groove;
    height: 600px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}


/* --------------------------- ustawienia dla katalogu wyrobów 2008 --------------------------------------- */
.katalog_link
{
    margin-left: 40px;
}
.katalog_link a
{
    text-decoration: none;
}
.tabela_all
{
    background-color: #ffffff;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}

.tabela_AlternatingRow
{
    background-color: #ededed;
}
.tabela_AlternatingRow td
{
    border-right: #dcdcdc 1px solid;
    border-top: #dcdcdc 1px solid;
    border-left: #dcdcdc 1px solid;
    border-bottom: #dcdcdc 1px solid;
}
.tabela_Row
{
}
.tabela_Row td
{
    border-right: #dcdcdc 1px solid;
    border-top: #dcdcdc 1px solid;
    border-left: #dcdcdc 1px solid;
    border-bottom: #dcdcdc 1px solid;
}

.tabela_header
{
    background-color: #ededed;
    border-right: #dcdcdc 1px solid;
    border-top: #dcdcdc 1px solid;
    border-left: #dcdcdc 1px solid;
    border-bottom: #dcdcdc 1px solid;
    padding: 5px;
}
.tabela_parametry
{
    background-color: #dcdcdc;
    width: 100%;
}
.tabela_parametry tr
{
    background-color: #ededed;
    vertical-align: middle;
    text-align: center;
    font-size: 10px;
    line-height: 14px;
}
.katalog
{
}
.katalog ul ul
{
    list-style-type: none;
}
.mosty
{
    clear: both;
}

.katalog .mosty .mosty_txt
{
    float: left;
    width: 300px;
}
.katalog .mosty .mosty_image
{
    float: right;
}
.katalog .spawanie
{
    clear: both;
}

.katalog table tr td
{
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: left;
}

.katalog hr
{
    border-bottom: lightgrey 1px solid;
}
.katalog_right
{
    width: 200px;
    float: right;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    padding-top: 0px;
}
.katalog_left
{
    width: 320px;
    float: left;
}

.obrazek_right
{
    clear: right;
    float: right;
    padding: 20px;
}
.obrazek_right1
{
    clear: right;
    float: right;
    padding-left: 20px;
    padding-bottom: 20px;
}
.link_email
{
    clear: both;
    float: left;
    width: 300px;
}
/* --------------------------- ustawienia dla katalogu wyrobów 2008 --------------------------------------- */
.hutnik2008
{
    width: 610px;
    height: 427px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    background-image: url(images/hutnik_2008_zaproszenie.jpg);
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    border-left: silver 1px solid;
    border-bottom: silver 1px solid;
}

.hutnik2008_kl
{
    padding-right: 10px;
    padding-bottom: 10px;
    margin-top: 365px;
}
.hutnik2008_kl_end
{
    padding: 5px;
}
.hr_extra
{
    font-weight: bold; /*color: #fd8c00;*/
    line-height: 0px;
}
.hr_extra hr
{
    border: 0;
    color: #666666;
    height: 2px;
    width: 100%;
}
.treeview_selected
{
    background-color: #fd8c00;
    padding-right: 5px;
    padding-left: 5px;
}

/*------------------- ramka obrazka --------------------------*/
.w1_1
{
    height: 12px;
    width: 12px;
    background-image: url(images/ramka/foto_01.jpg);
}
.w1_2
{
    height: 12px;
    background-image: url(images/ramka/foto_02.jpg);
}
.w1_3
{
    height: 12px;
    width: 12px;
    background-image: url(images/ramka/foto_03.jpg);
}
.w2_1
{
    width: 12px;
    background-image: url(images/ramka/foto_04.jpg);
}
.w2_2_obrazek
{
    border: #dcdcdc 1px solid;
}
.w2_3
{
    width: 12px;
    background-image: url(images/ramka/foto_06.jpg);
}

.w3_1
{
    height: 22px;
    width: 12px;
    background-image: url(images/ramka/foto_07.jpg);
}
.w3_2
{
    height: 22px;
    background-image: url(images/ramka/foto_08.jpg);
}
.w3_3
{
    height: 22px;
    width: 22px;
    background-image: url(images/ramka/foto_09.jpg);
}

.obrazek_left
{
    float: left;
}
.gora_menu_dynamic1
{
    z-index: 666;
}

.gora_menu_dynamic2
{
    z-index: 667;
}

.lewe_menu_StaticMenuItemStyle
{
    height: 25px;
    text-align: left;
}
/* HBK interakcja -------------------------------------------------------------------- */
.panel_hbk
{
    width: 500px;
    height: auto;
    overflow: auto;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.panel_hbk_left
{
    width: 187px;
    float: left;
    padding: 30px;
    border-right: #ED6F01 2px solid;
}
.panel_hbk_right
{
    width: 190px;
    float: right;
    padding: 30px;
}
.hbk_hr
{
    border-top: #ED6F01 2px solid;
}
.hbk_hale
{
    width: 580px;
    height: auto;
    overflow: auto;
    line-height: 12px;
}
.hbk_hala
{
    width: 135px;
    height: 300px;
    float: left;
    text-align: center;
}
.hbk_hala_image1
{
    width: 125px;
    height: 120px;
    background-image: url(images/hbk/hala15.jpg);
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    font-weight: bold;
    vertical-align: bottom;
}
.hbk_hala_image2
{
    width: 125px;
    height: 120px;
    background-image: url(images/hbk/hala24.jpg);
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    font-weight: bold;
}
.hbk_hala_image3
{
    width: 125px;
    height: 120px;
    background-image: url(images/hbk/hala30.jpg);
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    font-weight: bold;
}
.hbk_hala_image4
{
    width: 125px;
    height: 120px;
    background-image: url(images/hbk/hala48.jpg);
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    font-weight: bold;
}
.rama
{
    border-right: #a9a9a9 1px solid;
    border-bottom: #a9a9a9 1px solid;
    text-align: left;
    width: 70px;
}
.pdf
{
    text-align: center;
    border-bottom: #a9a9a9 1px solid;
}
.opis
{
    text-align: left;
    border-right: #a9a9a9 1px solid;
}
.hbk_tabela
{
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 125px;
    margin-bottom: 20px;
}
.hbk_tabela1
{
    margin-left: auto;
    margin-right: auto;
    width: 125px;
}
.panel_email
{
    width: 300px;
    height: auto;
    background-color: #f8f8f8;
    border-bottom: #ED6F01 3px solid;
    border-left: #ED6F01 3px solid;
    border-top: #ED6F01 3px solid;
    border-right: #ED6F01 3px solid;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    padding: 20px;
    margin-bottom: 20px;
}

.panel_email input[type=text]
{
    border-bottom: #ED6F01 1px solid;
    border-left: #ED6F01 1px solid;
    border-top: #ED6F01 1px solid;
    border-right: #ED6F01 1px solid;
}
.dwg_checkbox
{
    text-align: left;
}
.hale_mini
{
    width: 580px;
    height: 110px;
    overflow: auto;
}
.hale_mini div
{
    float: left;
    width: 80px;
    line-height: 12px;
    text-align: center;
    font-size: 10px;
    color: #000000;
    margin-left: 9px;
    margin-right: 9px;
    height: 27px;
    padding-top: 50px;
    vertical-align: middle;
    margin-top: 14px;
}

.hale_mini .img_calc_mini
{
    display: block;
    width: 180px;
    height: 106px;
    padding: 0px;
    margin: 0px;
    background-image: url(images/HBK/mini_kalkulator.jpg);
    background-repeat: no-repeat;
}
.hale_mini .img_calc_mini:hover
{
    background-position: 0 -106px;
}
.image_link_calc
{
    display: block;
    width: 150px;
    height: 162px;
    background-image: url(images/HBK/kalkulator.jpg);
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
}

.image_link_calc:hover
{
    background-position: 0 -162px;
}
.image_link_rys
{
    display: block;
    width: 200px;
    height: 147px;
    background-image: url(images/HBK/rysunek_tech.jpg);
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
}

.image_link_rys:hover
{
    background-position: 0 -147px;
}
.hbk_kontener
{
    width: 580px;
    height: auto;
    overflow: auto;
}
.hbk_kontener_temat
{
    width: 140px;
    float: left;
}
.hbk_kontener_txt
{
    float: left;
    width: 440px;
}
.hbk_rzad
{
    width: 100%;
    overflow: auto;
    height: auto;
    margin-top: 5px;
}
.hbk_kol
{
    float: left;
}
.calc_label
{
    font-weight: bold;
}
.hbk_kontener a
{
    text-decoration: none;
}
.hbk_button
{
    margin-right: 50px;
    margin-left: 50px;
}
/*---------------- swięta ---------------------------- */
.swieta2009
{
    position: absolute;
    width: 100%;
    height: 100%;
    height: 1024px;
    z-index: 100;
    text-align: center;
    background-image: url(images/swieta/tlo.png);
}
.kartka
{
    margin-top: 200px;
    z-index: 120;
    width: 640px;
    height: 452px;
    margin-left: auto;
    margin-right: auto;
}
/*-------------- certyfikaty ----------------------------------*/
.uznania
{
    background-position: right top;
    padding-right: 200px;
    background-image: url('images/uznania.jpg');
    background-repeat: no-repeat;
}

/*-------------- EK realizacje  ----------------------------------*/

.ek
{
}
.ek hr
{
    height: 0 !important;
    height: 1px; /* wysokosc pod ie */
    color: #f8f8f8; /* kolor pod ie */
    background: transparent;
    border-width: 1px 0 0 0;
    border-color: #f8f8f8;
    border-style: solid;
    clear: both;
}
.ek .img_prawy
{
    float: right;
    margin: 0px 0px 0px 10px;
    padding: 1px;
    background-color: #666666;
}
.ek .img_lewy
{
    float: left;
    margin: 0px 10px 0px 0px;
    padding: 1px;
    background-color: #666666;
}