
/*reset.css*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}

ol, ul {
    list-style: none;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 11px;
    font-weight: normal;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
}

/*fonts.css*/
body * {
    line-height: 16px;
}

/* ========================================================================== */
/* ---------->>>                        BOX CONTROL
/* ========================================================================== */

.aCenter {
    text-align: center;
}

.aRight {
    text-align: right;
}

.aLeft {
    text-align: left;
}

.vCenter {
    vertical-align: middle;
}

.vTop {
    vertical-align: top;
}

.vBottom {
    vertical-align: bottom;
}

.vTopLeft {
    vertical-align: top;
    text-align: left;
}

.clear {
    clear: both;
}

.fLeft {
    float: left;
}

.fRight {
    float: right;
}

.fix {
    display: block;
}

.posab {
    position: absolute;
}

.b {
    font-weight: bold;
}

.pointer {
    cursor: pointer;
}

.noBorder {
    border-color: transparent;
}

.noBG {
    background: transparent;
}


/* ========================================================================== */
/* ---------->>>                        WĘDTH STARTING
/* ========================================================================== */

.w5 {
    width: 5px;
}

.w10 {
    width: 10px;
}

.w15 {
    width: 15px;
}

.w20 {
    width: 20px;
}

.w25 {
    width: 25px;
}

.w30 {
    width: 30px;
}

.w35 {
    width: 35px;
}

.w40 {
    width: 40px;
}

.w45 {
    width: 45px;
}

.w50 {
    width: 50px;
}

.w60 {
    width: 60px;
}

.w70 {
    width: 70px;
}

.w75 {
    width: 75px;
}

.w80 {
    width: 80px;
}

.w90 {
    width: 90px;
}

.w100 {
    width: 100px;
}

.w105 {
    width: 105px;
}

.w125 {
    width: 125px;
}

.w130 {
    width: 130px;
}

.w135 {
    width: 135px;
}

.w140 {
    width: 140px;
}

.w150 {
    width: 150px;
}
.w160 {
    width: 160px;
}
.w165 {
    width: 165px;
}
.w175 {
    width: 175px;
}

.w185 {
    width: 185px;
}


.w190 {
    width: 190px;
}

.w200 {
    width: 200px;
}

.w210 {
    width: 210px;
}

.w215 {
    width: 215px;
}

.w225 {
    width: 225px;
}

.w250 {
    width: 250px;
}

.w275 {
    width: 275px;
}

.w285 {
    width: 285px;
}

.w300 {
    width: 300px;
}
.w320 {
    width: 320px;
}
.w330 {
    width: 330px;
}
.w350 {
    width: 350px;
}
.w370 {
    width: 370px;
}
.w400 {
    width: 400px;
}

.w450 {
    width: 450px;
}

.w500 {
    width: 500px;
}

.w550 {
    width: 550px;
}

.w600 {
    width: 600px;
}

.w700 {
    width: 700px;
}

.w750 {
    width: 750px;
}

.w760 {
    width: 760px;
}

.w900 {
    width: 900px;
}

.wauto {
    width: auto;
}
/*              Width end       */

/* ========================================================================== */
/* ---------->>>                        HEIGHT STARTING
/* ========================================================================== */

.h5 {
    height: 5px;
}

.h10 {
    height: 10px;
}

.h15 {
    height: 15px;
}

.h20 {
    height: 20px;
}

.h25 {
    height: 25px;
}

.h30 {
    height: 30px;
}

.h35 {
    height: 35px;
}

.h40 {
    height: 40px;
}

.h45 {
    height: 45px;
}

.h50 {
    height: 50px;
}

.h75 {
    height: 75px;
}

.h85 {
    height: 85px;
}

.h100 {
    height: 100px;
}

.h125 {
    height: 125px;
}

.h150 {
    height: 150px;
}

.h175 {
    height: 175px;
}

.h200 {
    height: 200px;
}
/*              height end       */

/* ========================================================================== */
/* ---------->>>                        PADDING STARTING
/* ========================================================================== */

/* padding style start */
.nopad {
    padding: 0px;
}

.pad1 {
    padding: 1px;
}

.pad2 {
    padding: 2px;
}

.pad3 {
    padding: 3px;
}

.pad4 {
    padding: 4px;
}

.pad5 {
    padding: 5px;
}

.pad10 {
    padding: 10px;
}

.pad15 {
    padding: 15px;
}
/* padding style end */

/* padding-left style start */
.padL1 {
    padding-left: 1px;
}

.padL2 {
    padding-left: 2px;
}

.padL3 {
    padding-left: 3px;
}

.padL4 {
    padding-left: 4px;
}

.padL5 {
    padding-left: 5px;
}

.padL10 {
    padding-left: 10px;
}

.padL15 {
    padding-left: 15px;
}

.padL20 {
    padding-left: 20px;
}
/* padding-left style end */

/* padding-right style start */
.padR1 {
    padding-right: 1px;
}

.padR2 {
    padding-right: 2px;
}

.padR3 {
    padding-right: 3px;
}

.padR4 {
    padding-right: 4px;
}

.padR5 {
    padding-right: 5px;
}

.padR10 {
    padding-right: 10px;
}

.padR15 {
    padding-right: 15px;
}

.padR20 {
    padding-right: 20px;
}
/* padding-right style end */

/* padding-top style start */
.padT1 {
    padding-top: 1px;
}

.padT2 {
    padding-top: 2px;
}

.padT3 {
    padding-top: 3px;
}

.padT4 {
    padding-top: 4px;
}

.padT5 {
    padding-top: 5px;
}

.padT7 {
    padding-top: 7px;
}

.padT10 {
    padding-top: 10px;
}

.padT15 {
    padding-top: 15px;
}

.padT20 {
    padding-top: 20px;
}
/* padding-top style end */

/* padding-bottom style start */
.padB1 {
    padding-bottom: 1px;
}

.padB2 {
    padding-bottom: 2px;
}

.padB3 {
    padding-bottom: 3px;
}

.padB4 {
    padding-bottom: 4px;
}

.padB5 {
    padding-bottom: 5px;
}

.padB10 {
    padding-bottom: 10px;
}

.padB15 {
    padding-bottom: 15px;
}
/* padding-bottom style start */

/* PADDING END */

/* ========================================================================== */
/* ---------->>>                        MARGIN STARTING
/* ========================================================================== */

/* margin style start */
.marLRauto {
    margin-left: auto;
    margin-right: auto;
}

.nomar {
    margin: 0px;
}

.mar1 {
    margin: 1px;
}

.mar2 {
    margin: 2px;
}

.mar3 {
    margin: 3px;
}

.mar4 {
    margin: 4px;
}

.mar5 {
    margin: 5px;
}

.mar6 {
    margin: 6px;
}

.mar10 {
    margin: 10px;
}

.mar15 {
    margin: 15px;
}

.mar30 {
    margin: 30px;
}
/* margin style end */

/* margin-left style start */
.marL1 {
    margin-left: 1px;
}

.marL2 {
    margin-left: 2px;
}

.marL3 {
    margin-left: 3px;
}

.marL4 {
    margin-left: 4px;
}

.marL5 {
    margin-left: 5px;
}

.marL10 {
    margin-left: 10px;
}

.marL15 {
    margin-left: 15px;
}

.marL20 {
    margin-left: 20px;
}

.marL30 {
    margin-left: 30px;
}

.marL40 {
    margin-left: 40px;
}

.marL100 {
    margin-left: 100px;
}
/* margin-left style end */

/* margin-right style start */
.marR1 {
    margin-right: 1px;
}

.marR2 {
    margin-right: 2px;
}

.marR3 {
    margin-right: 3px;
}

.marR4 {
    margin-right: 4px;
}

.marR5 {
    margin-right: 5px;
}

.marR7 {
    margin-right: 7px;
}

.marR10 {
    margin-right: 10px;
}

.marR15 {
    margin-right: 15px;
}

.marR20 {
    margin-right: 20px;
}
/* margin-right style end */

/* margin-top style start */
.marT1 {
    margin-top: 1px;
}

.marT2 {
    margin-top: 2px;
}

.marT3 {
    margin-top: 3px;
}

.marT4 {
    margin-top: 4px;
}

.marT5 {
    margin-top: 5px;
}

.marT10 {
    margin-top: 10px;
}

.marT15 {
    margin-top: 15px;
}

.marT20 {
    margin-top: 20px;
}
/* margin-top style end */

/* margin-bottom style start */
.marB1 {
    margin-bottom: 1px;
}

.marB2 {
    margin-bottom: 2px;
}

.marB3 {
    margin-bottom: 3px;
}

.marB4 {
    margin-bottom: 4px;
}

.marB5 {
    margin-bottom: 5px;
}

.marB10 {
    margin-bottom: 10px;
}

.marB15 {
    margin-bottom: 15px;
}

