h1 {
    padding: 0px 0px 0px 5px;
    margin: 0px;
    width: 100%;
    /*font-family: Arial;*/
    font-family: 'Lato', sans-serif;
    text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
    font-size: 16px;
    font-weight: bold;
    vertical-align: middle;
}

h2 {
    border-width: 0px;
    padding: 0px;
    width: 100%;
    margin: 0px;
    font-family: Verdana;
    font-size: 12px;
}

h4 {
    border-width: 0px;
    padding: 4px 0px 0px 0px;
    text-align: left;
    width: 100%;
    font-family: Arial;
    height: auto;
    font-size: 11px;
    margin: 0px;
    vertical-align: bottom;
}

    h4 a {
        color: #0000FF;
        text-decoration: none;
    }

        h4 a:hover {
            text-decoration: underline;
            color: #FF0000;
        }
/* Link do grupy tego towaru */
.GT {
    border-width: 0px;
    background-image: url('../Img/NFR/GTr.jpg');
    padding: 0px;
    margin: 0px;
    width: auto;
    clear: both;
    height: 100%;
    display: table-row;
    float: right;
}

.GTl {
    background-image: url('../Img/NFR/GTl.jpg');
    border-width: 0px;
    padding: 0px;
    margin: 0px;
    width: 27px;
    float: left;
    background-repeat: no-repeat;
    display: table-cell;
    height: 18px;
}

.GTr {
    border-width: 0px;
    padding: 0px 5px 0px 0px;
    margin: 0px;
    width: auto;
    background-repeat: repeat-x;
    display: table-cell;
    float: right;
}

    .GTr a {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #000080;
    }

.GTrS a {
    color: #008000;
}

.gtrpromo {
    background-color: gold;
    border-color: red;
    border-radius: 3px;
    border-width: 1px;
    border-style: solid;
    padding: 2px 5px 0px 5px;
    margin: 0px;
    width: auto;
    display: table-cell;
    float: right;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .gtrpromo a {
        color: red;
        font-family: 'Lato', sans-serif;
        font-size: 11px;
        vertical-align:top;
    }

#cs {
    padding: 0px;
    margin: 0px;
    height: auto;
    width: 740px;
    overflow: hidden;
}

.hproduct {
    padding: 0px;
    margin: 0px;
    width: 740px;
    float: left;
}
/* Obraz.master */
.phome {
    display: inline;
    float: left;
    width: auto;
    padding: 5px;
}
/* Obraz.master End*/
.pnav {
    display: inline-block;
    width: 100%;
}

#_del_rtop {
    border-width: 1px 0px 1px 0px;
    border-style: solid;
    padding: 1px;
    margin: 0px 2px 1px 2px;
    vertical-align: middle;
    background-color: #F7F7EF;
    width: 734px;
    float: left;
    border-top-color: #F7F7F7;
    border-bottom-color: #A2CDD5;
}

#dwyst {
    float: right;
    border: 1px solid #FF00FF;
    width: auto;
    padding: 0px 5px 0px 2px;
    text-align: right;
    vertical-align: middle;
    background-color: #00FFFF;
    bottom: auto;
    top: 0px;
}

.SearchInfo {
    border-width: 0px;
    padding: 0px;
    float: left;
    margin-right: 30px;
    width: auto;
    height: 18px;
    font-size: x-small;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #FF0000;
    font-weight: bold;
}

.SearchText {
    vertical-align: 5px;
    padding-right: 4px;
}

.SearchBtn {
    height: 18px;
    width: 29px;
    border-width: 0px;
}

.LblWyst {
    margin-right: 30px;
    font-size: xx-small;
    color: #000080;
    font-family: Arial, Helvetica, sans-serif;
}

#rbrand {
    width: 740px;
    height: auto;
    float: left;
    clear: both;
    background-color: #FFFFFF;
}

#dbrand {
    float: left;
    width: 646px;
    padding: 0px 2px 0px 2px;
    text-align: left;
    vertical-align: middle;
    height: auto;
}

#hbrand {
    float: left;
    width: auto;
    padding: 5px;
    vertical-align: middle;
}

#dinfo {
    float: left;
    width: auto;
    font-size: 10px;
    color: #C0C0C0;
    font-family: Arial;
    font-style: italic;
    padding: 0px 2px 0px 2px;
    text-align: left;
    vertical-align: middle;
    clear: both;
}

#wsteczlogo {
    width: 87px;
    height: auto;
    margin: 1px;
    float: right;
    padding: 1px 1px 1px 0px;
    border-width: 0px;
    background-image: url( '../Img/NFR/JotSysBack.png' );
    background-repeat: repeat-y;
}

.imgLogoGT {
    padding: 0px;
    margin: 0px 0px 0px 0px;
    float: right;
    height: auto;
    width: auto;
    text-align: right;
}

.rimg {
    margin: 0px;
    border-width: 0px;
    float: left;
    width: 186px;
    padding: 0px;
    text-align: left;
    vertical-align: middle;
}

.rprop {
    float: right;
    width: 530px;
    margin-left: 3px;
}

.divProp {
    padding: 3px 0px 2px 0px;
    border: 1px solid #F7F7E7;
    width: 525px;
    height: auto;
    float: right;
}

.divPropList {
    width: 100%;
    height: auto;
    float: left;
    display: table;
    overflow: auto;
}






.LblInfo {
    vertical-align: middle;
    text-align: left;
}

#nav {
    border-color: #FFFFFF;
    border-width: 0px 1px 1px 1px;
    margin: 0px 1px 1px 1px;
    border-style: solid;
    float: left;
    width: 180px;
    height: 24px;
    padding: 0px;
    text-align: left;
    vertical-align: middle;
    clear: left;
}

#btnm {
    height: 22px;
    width: 4px;
    background-image: url( '../Img/NFR/butm.png' );
    float: left;
}

#btnrn {
    height: 22px;
    width: 11px;
    background-image: url( '../Img/NFR/butr.png' );
    float: left;
}

#btnlp {
    height: 22px;
    width: 11px;
    background-image: url( '../Img/NFR/butl.png' );
    float: left;
}

#navp {
    padding: 4px 0px 0px 0px;
    float: left;
    width: 77px;
    height: 18px;
    background-image: url('../Img/NFR/butm.png' );
    margin: 0;
    text-align: left;
    background-repeat: repeat-x;
}

    #navp a, #navn a {
        color: #FFFFFF;
        margin: 0;
        font-size: 10px;
        padding: 0px;
        background-color: transparent;
    }

#navn {
    border-width: 0px;
    padding: 4px 0px 0px 0px;
    float: left;
    width: 77px;
    height: 18px;
    background-image: url('../Img/NFR/butm.png' );
    margin: 0;
    text-align: right;
    background-repeat: repeat-x;
    vertical-align: top;
}

#navx a {
    color: #FFFFFF;
    margin: 0;
    font-size: 10px;
}

.rop {
    padding: 1px;
    margin: 1px 5px 1px 1px;
    border-width: 0px;
    width: 526px;
    height: auto;
    vertical-align: middle;
    background-color: #F8F8EF;
    float: left;
}

#op {
    padding: 1px;
    margin: 1px;
    border-width: 0px;
    width: 250px;
    height: auto;
    vertical-align: middle;
    float: left;
}

.opwie {
    border-width: 0px;
    width: 250px;
    height: auto;
    vertical-align: middle;
    display: table-row;
}

#opis, #opis1 {
    padding: 3px 0px 3px 0px;
    margin: 0px;
    border-width: 0px;
    width: 250px;
    height: auto;
    vertical-align: middle;
    background-color: #F7F3EF;
    float: left;
}

/* Styl obrazka - logo grupy towarowej */

.xlblBrand {
    margin: 0px;
    text-align: right;
    width: 100%;
    height: 12px;
    font-family: verdana;
    font-size: 12px;
    padding: 0px;
    vertical-align: middle;
}

#imgtw {
    border-width: 0px;
    padding: 0px;
    border-color: #C0C0C0;
    height: 182px;
    width: 182px;
    float: left;
    margin-top: 1px;
    margin-right: 1px;
    margin-left: 1px;
}

.lewa {
    border-style: none;
    border-width: 0px;
    border-color: inherit;
    margin: 0px 0px 3px 0px;
    text-align: right;
    width: 100%;
    height: 12px;
    font-family: verdana;
    font-size: 12px;
    vertical-align: middle;
    float: left;
    padding-right: 5px;
    padding-left: 0px;
    color: #000000;
    display: table-cell;
}

.lewapromo {
    border-left: 1px solid;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: orange;
    border-color: brown;
    margin: 0px 0px 3px 0px;
    text-align: right;
    width: auto;
    height: 12px;
    font-family: verdana;
    font-size: 12px;
    vertical-align: middle;
    padding-right: 5px;
    padding-left: 5px;
    color: #000000;
    display: table-cell;
}

.prawa {
    font-family: Verdana;
    font-size: 12px;
    font-weight: bolder;
    border: 0px;
    padding-left: 5px;
    margin: 3px 0px 3px 0px;
    text-align: left;
    width: auto;
    height: auto;
    vertical-align: middle;
    display: table-cell;
}

.prawapromo {
    border-right: 1px solid;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: orange;
    border-color: brown;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bolder;
    padding-left: 5px;
    padding-right: 5px;
    margin: 3px 0px 3px 0px;
    text-align: left;
    width: auto;
    height: auto;
    vertical-align: middle;
    display: table-cell;
}

.photo {
    padding: 0px;
    margin: 0px;
    border-style: solid;
    border-color: #C0C0C0;
    width: 180px;
    height: 180px;
}

.brand {
}

.xxbrand {
    border-width: 0px;
    padding: 0px;
    margin: 0px;
    float: right;
    text-align: left;
}



/* Link do poprzedniego towaru */
.HypP {
    font-family: tahoma;
    font-size: 11px;
    text-align: left;
    color: #FFFFFF;
    vertical-align: top;
}
/* Link do nastepnego towaru */
.HypN {
    font-family: tahoma;
    font-size: 11px;
    text-align: right;
    color: #FFFFFF;
    vertical-align: top;
}

.LnkGT0 {
    margin: 0px;
    padding: 0px;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #000080;
    width: 30px;
}

/*  Panel z kolorystyką wyrobu */

.divColor {
    padding: 3px;
    margin: 0px;
    height: auto;
    float: right;
}


/*  Panel na którym są zgrupowane Item No. i cena z jm */
#PanelNrKatCena {
    display: inline;
    width: 100%;
    height: auto;
}

#TableTop {
    table-layout: auto;
    display: inline;
    width: 100%;
}

#TableNazwaCenaLogo {
    table-layout: auto;
    display: inline;
    width: 100%;
}

#TableLogoNrKat {
    table-layout: auto;
    width: 100%;
}

/* Styl tekstu - nazwa towaru - WARTOŚĆ */

/* Styl tekstu - indeks katalogowy - OPIS */
#LabelIndeksKat {
    font-size: 12px;
    font-family: Arial;
}


#xLabelIndeksKatWart /* Styl tekstu - indeks katalogowy - WARTOŚĆ */ {
    font-weight: bold;
    font-size: 12px;
    font-family: Arial;
}

/*  Styl tekstu - cena wyrobu - OPIS */
.LblPrice {
    font-size: 12px;
    font-family: Arial;
}
/*  Styl tekstu - cena detaliczna wyrobu gdy nie ma promocji - WARTOŚĆ  */
/*  i Styl tekstu - nowa cena promocyjna */
.LblPriceValue {
    font-weight: bold;
    font-size: 12px;
    font-family: Verdana;
}

/*  Styl tekstu - cena detaliczna wyrobu gdy jest promocja - WARTOŚĆ  */
.LblPricePromo {
    font-weight: bold;
    font-size: 11px;
    color: red;
    font-family: Verdana;
}

.LblPriceValuePromo {
    font-weight: bold;
    font-size: 12px;
    color: gray;
    font-family: Verdana;
    text-decoration: line-through;
}

.hopis {
    padding: 0px;
    margin: 0px;
    width: 740px;
    clear: both;
}


/* Na tym panelu są umieszczone obiekty od opisu wyrobu */
/* Na tym panelu są umieszczone obiekty od opcjonalnego wyposażenia */
.popis, .popwyp {
    margin: 0px;
    float: left;
    height: 26px;
    width: 738px;
    padding-top: 1px;
    padding-right: 1px;
    padding-left: 1px;
}

#popisol, #popwypl, #popgwypl {
    float: left;
    width: 42px;
    height: 100%;
    background-image: url( '../Img/NFR/btnOl.jpg' );
}

#popisom, #popwypm, #popgwypm {
    padding: 3px;
    margin: 0px;
    float: left;
    width: 648px;
    height: 20px;
    background-image: url('../Img/NFR/btnOm.jpg' );
    background-repeat: repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bolder;
    color: #424963;
}

#popisor, #popwypr, #popgwypr {
    float: right;
    width: 42px;
    height: 100%;
    background-image: url( '../Img/NFR/btnOr.jpg' );
}

.prop {
    border-width: 0px;
    width: 738px;
    height: auto;
    float: left;
    padding: 0px;
    margin: 0px;
}

.PRTpw {
    border-width: 0px;
    padding: 1px;
    margin: 0px;
    list-style-type: none;
    font-family: Arial;
    font-size: 12px;
    color: #003366;
    overflow: visible;
    text-align: left;
}







/* Na tym panelu są umieszczone obiekty od właściwości wyrobów */

/*  Tabelka właściwości towaru */
.DataGridWlasc {
    padding: 2px 3px 2px 3px;
    margin: 0px;
    border: 1px solid #AED7FF;
    width: 100%;
    height: auto;
    overflow: auto;
}

/*  Tabelka właściwości towaru - nie parzyste wiersze */
.DataGridWlascItemStyle {
}

/*  Tabelka właściwości towaru - parzyste wiersze */
.DataGridWlascAlternatingItemStyle {
    background-color: #F0F8FF;
}

.dgwbold {
    font-weight: bold;
}
/*  Tabelka właściwości towaru - kolumna symbol właściwości */
.DataGridWlascColSymbolWlascItemStyle {
    /*font-weight: normal;*/
    width: auto;
    font-size: 12px;
    color: #000066;
    font-family: Arial;
    text-align: right;
    padding-right: 3px;
    padding-left: 3px;
}

.DataGridWlascColSymbolWlascHeaderStyle {
    padding-right: 3px;
    padding-left: 3px;
    font-size: 11px;
    font-family: Arial;
    text-align: right;
    color: #003366;
    background-color: #99CCFF;
    font-weight: bolder;
}


/*  Tabelka właściwości towaru - kolumna wartość właściwości */
.DataGridWlascColWartoscItemStyle {
    width: 100px;
    font-size: 12px;
    color: #000066;
    font-family: Arial;
    text-align: center;
    padding-right: 3px;
    padding-left: 3px;
}

/*  Tabelka właściwości towaru - nagłowek kolumny wartość właściwości */
.DataGridWlascColWartoscHeaderStyle {
    font-size: 11px;
    font-family: Arial;
    text-align: center;
    color: #003366;
    background-color: #99CCFF;
    font-weight: bolder;
    padding-right: 3px;
    padding-left: 3px;
}

/*  Tabelka właściwości towaru - kolumna jednostka miary właściwości */
.DataGridWlascColJednMiaryItemStyle {
    padding-right: 3px;
    padding-left: 3px;
    width: 50px;
    font-size: 12px;
    color: #000066;
    font-family: Arial;
    text-align: left;
}
/*  Tabelka właściwości towaru - nagłówek kolumny jednostka miary właściwości */
.DataGridWlascColJednMiaryHeaderStyle {
    padding-right: 3px;
    padding-left: 3px;
    font-size: 11px;
    font-family: Arial;
    text-align: left;
    color: #003366;
    background-color: #99CCFF;
    font-weight: bolder;
}
/* Koniec grid od właściwości */

/*  Dla grida od dodatkowego wyposażenia */
.DataGridDodatWypos {
    border-width: 0px;
    padding: 2px 3px 2px 3px;
    margin: 0px;
    width: 100%;
    height: auto;
}

/*  Tabelka dodatkowe wyposażenie - nie parzyste wiersze */
.DataGridDodatWyposItemStyle {
    background-color: #FFFFFF;
}
/*  Tabelka dodatkowe wyposażenie - parzyste wiersze */
.DataGridDodatWyposAlterItemStyle {
    background-color: #F7F7F7;
}

/*  Tabelka dodatkowe wyposażenie - nagłówek kolumny miniatura towaru */
.DataGridDodatWyposColMiniImgHeaderStyle {
}
/*  Tabelka dodatkowe wyposażenie - kolumna miniatura towaru */
.DataGridDodatWyposColMiniImgItemStyle {
    width: 80px;
    height: 80px;
}
/*  Tabelka dodatkowe wyposażenie - tylko obrazek - miniatura towaru */
.DataGridDodatWyposMiniImageObjectStyle {
    width: 80px;
    height: 80px;
    text-decoration: none;
}

/*  Tabelka dodatkowe wyposażenie - nagłowek kolumny indeksu katalogowego */
.DataGridDodatWyposColIndKatHeaderStyle {
}

/*  Tabelka dodatkowe wyposażenie - kolumna indeks katalogowy */
.DataGridDodatWyposColIndKatItemStyle, .DataGridDodatWyposColIndKatItemStyle a {
    width: auto;
    font-size: 12px;
    font-family: Arial;
    text-align: center;
    text-decoration: none;
}

/*  Tabelka dodatkowe wyposażenie - nagówek kolumny nazwa towaru */
.DataGridDodatWyposColNazwaHeaderStyle {
}

/*  Tabelka dodatkowe wyposażenie - kolumna nazwa towaru */
.DataGridDodatWyposColNazwaItemStyle, .DataGridDodatWyposColNazwaItemStyle a {
    width: auto;
    font-size: 12px;
    font-family: Arial;
    text-align: left;
    text-decoration: none;
}

/*  Tabelka dodatkowe wyposażenie - nagłowek kolumny cena towaru */
.DataGridDodatWyposColCenaHeaderStyle {
}
/*  Tabelka dodatkowe wyposażenie - kolumna cena towaru */
.DataGridDodatWyposColCenaItemStyle {
    width: auto;
    font-size: 12px;
    font-family: Arial;
    text-align: center;
}

/* Tabelka Towary-styl kolumny cena towaru*/
.LabelDataGridTowaryColCenaDetDlaPromItemStyle {
    font-size: 12px;
    color: gray;
    font-family: Arial;
    text-align: right;
    text-decoration: line-through;
}

/* Tabelka Towary-styl kolumny cena towaru */
.csspricenorm {
    font-size: 12px;
    font-family: Arial;
    text-align: right;
}
/* Tabelka Towary-styl kolumny cena towaru */
.csspriceprom {
    color: Black;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial;
    text-align: center;
}

.HyperHome {
    padding: 0px;
    margin: 0px;
    width: 100%;
    vertical-align: middle;
    font-family: Arial;
    font-size: 10px;
    font-weight: bolder;
    font-style: italic;
}

#Obraz {
    width: 100%;
}

.fontred {
    color: #FF0000;
}
.fontred a
{ 
    color: red; 
}

.fontbold {
    font-weight: bold;
}

.linimgh {
    background-color: #99CCFF;
    float: left;
    width: auto;
    height: auto;
    padding: 10px 3px 12px 3px;
    text-align: center;
    border-radius: 4px;
    margin-right: 3px;
}

    .linimgh a img {
        padding: 10px 0px 12px 0px;
    }

    .linimgh a {
        text-decoration: none;
        color: #000080;
        font-size: 12px;
        vertical-align: bottom;
        font-family: Arial,sans-serif;
        font-size: 13px;
        font-weight: bold;
        cursor: pointer;
    }

        .linimgh:hover, .linimgh a:hover {
            text-decoration: none;
            color: #FFFFFF;
            background-color: #0066CC;
            font-weight: bold;
        }