@charset "utf-8";

html, body {
    height: 100%;
}

body {
    background: #FFFFFF;
    font-size: 11px;
    font-family: Verdana;
    color: #666666;
    margin: 0;
}

#Rozciagnij {
    position: relative;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -162px;

}

#ggwidget {
    position: fixed;
    bottom: 0;
    right: 0;

}

#formularze #Rozciagnij {
    margin: 0 auto -67px !important;
}

input {
    font-size: 11px;
    font-family: Verdana;
}

a {
    color: #4078AD;
    text-decoration: none;
}

#faq #LayoutMain {
    padding-bottom: 40px;
}

img {
    border: none;
}

.clear {
    clear: both;
    font-size: 0px;
}

h1 {
    display: none;
}

h2 {
    margin: 0;
    margin-bottom: 10px;
    color: #4078AD;
    font-size: 17px;
}

h3 {
    margin: 0;
    margin-bottom: 8px;
    color: #4078AD;
    font-size: 13px;
}

h2 a {
    color: #4078AD;
    text-decoration: none;
}

.fbwidget img {
    margin-left: -10px;
}

#LayoutMain {
    position: relative;
    width: 980px;
    margin: auto;
}

#ColumnBanner {
    position: relative;
    width: 980px;
    padding-top: 28px;
    margin: auto;
    color: #FFFFFF;
}

#ColumnBanner a {
    color: #FFFFFF;
}

#ColumnBanner ul {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-top: 82px;
}

#ColumnBanner ul li {
    width: 149px;
    height: 39px;
    margin-right: 55px;
    float: left;
    _display: inline;
    text-align: center;
}

#ColumnBanner ul li a {
    display: block;
    padding-top: 11px;
}

#ColumnBanner ul li a:hover {
    font-weight: bold;
    color: #376D9F;
    height: 28px;

    background: url(/images/nk/zakladka_bc.png) no-repeat;
    _background: url(/images/nk/zakladka_bc.gif) no-repeat;
}

#ColumnBanner ul li a.selected {
    font-weight: bold;
    color: #376D9F;
    height: 28px;

    background: url(/images/nk/zakladka_bc.png) no-repeat;
    _background: url(/images/nk/zakladka_bc.gif) no-repeat;
}

#ColumnBanner ul li:last-child {
    margin-right: 0;
}

/*#ColumnBanner ul li:hover{

}*/

#LayoutBannerBc {
    height: 146px;
    background: url(/images/nk/banner_bc.png) repeat-x;
    _background: url(/images/nk/banner_bc.jpg) repeat-x;
}

#LayoutPasek {
    height: 29px;
    background: url(/images/nk/pasek_bc.png) repeat-x;
    _background: url(/images/nk/pasek_bc.jpg) repeat-x;
    border-bottom: 1px solid #D0DDEC;
}

#LayoutPasekMiddle {
    font-weight: bold;
    height: 23px;
    padding-top: 6px;
    text-align: center;
    background: url(/images/nk/pasek_middle_bc.jpg) 50% 0 no-repeat;
    border-bottom: 1px solid #D0DDEC;
}

#LayoutStopka {

    height: 241px;
}

#PlatnosciBottom {
    height: 74px;
    padding-top: 20px;
    text-align: center;
    width: 968px;
    margin: auto;
    border-top: 1px solid #DDFFB4;
}

#LayoutStopkaBc {
    background-color: #e7f6d4;
    height: 267px;
}

#LayoutStopka a {
    color: #4078AD;
}

#LayoutStopka a:hover {
    text-decoration: underline;
}

.grey {
    color: #CCCCCC;
}

#ColumnStopka {
    width: 980px;
    margin: auto;
    color: #689BC6;
    position: relative;
}

#ColumnStopka ul {
    margin: 0;
    list-style: none;
    padding: 0;
    padding-top: 24px;
    margin-left: 11px;
}

#ColumnStopka ul li {
    float: left;
    _display: inline;
    margin-right: 11px;
}

#ColumnLogo {
    width: 793px;
    height: 119px;
    /*background:url(/images/nk/paglogo2.png) no-repeat;
    _background:url(/images/nk/paglogo2.gif) no-repeat;*/
    position: absolute;
    top: 9px;
    /*left:;*/
}

.TextBox {
    padding: 15px 0;
    min-height: 400px;
    height: auto;
    position: relative;
    padding-bottom: 161px;
}

.podkreslenie {
    font-family: sans-serif;
    font-size: 21px;
    color: green;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #D0DDEC;
}

/* serwis pakiety */

.podkreslenie_serwis {
    position: relative;
    margin-bottom: 15px;
    border-bottom: 1px solid #D0DDEC;
}

.boxSerwis {
    display: block;
    float: left;
    margin: 0 13px 5px 0;
    width: 313px;
    height: 70px;
    /*_display: inline;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 3px solid transparent;
    overflow: hidden;
    border-radius: 8px;
}
.boxSerwis:hover {
    border-color: midnightblue;
}
.boxSerwis a {
    display: block;
    margin: -2px;
}
.boxSerwis img {
    display: block;
    max-width: 100%;
}

#Serwisy {
    margin-left: 0px;
}

.BoxPakietBc {
    width: 240px;
    height: 143px;
    float: left;
    _display: inline;
    background: url(/images/nk/pakiet_bc.png) no-repeat;
    _background: url(/images/nk/pakiet_bc.jpg) no-repeat;
    position: relative;
    margin: 0 3px 3px 0;
}

.productBoxesWrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    justify-content: center;
    width: 910px;
}

.BoxPakietBcLonger {
    flex: 0 1 297px;
    width: 297px;
    height: 143px;
    display: inline-block;
    background: url(/images/nk/pakiet_bc_longer.png) no-repeat;
    position: relative;
    margin: 0 3px 3px 0;
}

.BoxPakietBcLonger2 {
    width: 297px;
    height: 163px;
    float: left;
    _display: inline;
    background: url(/images/nk/pakiet_bc_longer.png) no-repeat;
    position: relative;
    margin: 0 3px 3px 0;
}

.BoxPakietBc h2, .BoxPakietBcLonger h2, .BoxPakietBcLonger2 h2 {
    color: #464646;
    font-size: 22px;
}

.BoxPakietBc .Czas {
    position: absolute;
    top: 8px;
    right: 150px;
}
.Czas span {
    display: block;
}
.Czas span.subDays {
    text-align: center;
    font-size: 17px;
}
.Czas span.subName {
    font-size: 15px;
}

.BoxPakietBcLonger .Czas3 {
    position: relative;
    top: 10px;
    left: 8px;
    /*top:8px;
    right:10px;*/
    font-size: 19px;
}

.BoxPakietBcLonger .Czas4 {
    position: relative;
    top: 10px;
    left: 2px;
    /*top:8px;
    right:10px;*/
    font-size: 19px;
}

.BoxPakietBc .Czas2 {
    position: absolute;
    top: 8px;
    right: 150px;
    font-size: 12px;
}

.BoxPakietBc .Cena {
    position: absolute;
    top: 8px;
    left: 120px;
}

.BoxPakietBcLonger .cena3 {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 17px;
}

.BoxPakietBc .Cena2 {
    position: absolute;
    top: 10px;
    left: 120px;
    font-size: 17px;
}

.BoxPakietBcLonger .Czas {
    position: absolute;
    top: 8px;
    right: 146px;
}

.BoxPakietBcLonger .Cena {
    position: absolute;
    top: 8px;
    left: 165px;
}

.BoxPakietBc .Opis {
    position: absolute;
    width: 240px;
    top: 54px;
    left: 1px;
    text-align: center;
    color: #666666;
}

.BoxPakietBc .Opis2 {
    position: absolute;
    width: 240px;
    top: 50px;
    left: 1px;
    text-align: center;
    color: #666666;
    font-size: 10px;
}

.BoxPakietBcLonger .Opis {
    position: absolute;
    width: 295px;
    top: 54px;
    left: 1px;
    text-align: center;
    color: #666666;
}

.BoxPakietBc .Button1blue {
    position: absolute;
    background: url(/images/nk/button_blue1_bc.png) no-repeat;
    _background: url(/images/nk/button_blue1_bc.jpg) no-repeat;
    width: 116px;
    height: 22px;
    top: 106px;
    left: 3px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    padding-bottom: 4px;
    display: block;
    font-family: Verdana;
    font-size: 11px;
    border: 0;
    cursor: pointer;
}

.BoxPakietBc .Button2blue {
    position: absolute;
    background: url(/images/nk/button_blue2_bc.png) no-repeat;
    _background: url(/images/nk/button_blue2_bc.jpg) no-repeat;
    width: 116px;
    height: 22px;
    top: 106px;
    right: 3px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    padding-bottom: 4px;
    display: block;
    font-family: Verdana;
    font-size: 11px;
    border: 0;
    cursor: pointer;
}

.BoxPakietBc .Button1yellow {
    position: absolute;
    background: url(/images/nk/button_yellow1_bc.png) no-repeat;
    _background: url(/images/nk/button_yellow1_bc.jpg) no-repeat;
    width: 116px;
    height: 22px;
    top: 106px;
    left: 3px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    padding-bottom: 4px;
    display: block;
    font-family: Verdana;
    font-size: 11px;
    border: 0;
    cursor: pointer;
}

.BoxPakietBc .Button2yellow {
    position: absolute;
    background: url(/images/nk/button_yellow2_bc.png) no-repeat;
    _background: url(/images/nk/button_yellow2_bc.jpg) no-repeat;
    width: 116px;
    height: 22px;
    top: 106px;
    right: 3px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    padding-bottom: 4px;
    display: block;
    font-family: Verdana;
    font-size: 11px;
    border: 0;
    cursor: pointer;
}

.BoxPakietBc .Button3yellow {
    position: absolute;
    background: url(/images/nk/button_yellow3_bc.png) no-repeat;
    _background: url(/images/nk/button_yellow3_bc.jpg) no-repeat;
    width: 124px;
    height: 22px;
    top: 106px;
    left: 57px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    padding-bottom: 4px;
    display: block;
    font-family: Verdana;
    font-size: 11px;
    border: 0;
    cursor: pointer;
}

/* Blue dark */
.BoxPakietBcLonger .Button3yellow {
    position: absolute;
    background: url(/images/nk/button_yellow3_bc.png) no-repeat;
    _background: url(/images/nk/button_yellow3_bc.jpg) no-repeat;
    width: 124px;
    height: 22px;
    top: 106px;
    left: 84px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    padding-bottom: 4px;
    display: block;
    font-family: Verdana;
    font-size: 11px;
    border: 0;
    cursor: pointer;
}

.BoxPakietBc .Button1BlueDark {
    position: absolute;
    background: url(/images/nk/button_blue1ldark_bc.png) no-repeat;
    _background: url(/images/nk/button_blue1ldark_bc.jpg) no-repeat;
    width: 116px;
    height: 22px;
    top: 106px;
    left: 3px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    padding-bottom: 4px;
    display: block;
    font-family: Verdana;
    font-size: 11px;
    border: 0;
    cursor: pointer;
}

.BoxPakietBc .Button2BlueDark {
    position: absolute;
    background: url(/images/nk/button_blue2dark_bc.png) no-repeat;
    _background: url(/images/nk/button_blue2dark_bc.jpg) no-repeat;
    width: 116px;
    height: 22px;
    top: 106px;
    right: 3px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    padding-bottom: 4px;
    display: block;
    font-family: Verdana;
    font-size: 11px;
    border: 0;
    cursor: pointer;
}

.BoxPakietBc .Button2 {
    position: absolute;
    /*top:;
    left:;*/
}

.BoxPakietBc .Button3pink {
    position: absolute;
    background: url(/images/nk/button_pink_bc.png) no-repeat;
    _background: url(/images/nk/button_pink_bc.jpg) no-repeat;
    width: 124px;
    height: 22px;
    top: 106px;
    left: 57px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    padding-bottom: 4px;
    display: block;
    font-family: Verdana;
    font-size: 11px;
    border: 0;
    cursor: pointer;
}

.BoxPakietBcLonger .Button3pink {
    position: absolute;
    background: url(/images/nk/button_pink_bc.png) no-repeat;
    _background: url(/images/nk/button_pink_bc.jpg) no-repeat;
    width: 124px;
    height: 22px;
    top: 106px;
    left: 97px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    padding-bottom: 4px;
    display: block;
    font-family: Verdana;
    font-size: 11px;
    border: 0;
    cursor: pointer;
}

.BoxPakietBc .Button3blue {
    position: absolute;
    background: url(/images/nk/button_blue3_bc.png) no-repeat;
    _background: url(/images/nk/button_blue3_bc.jpg) no-repeat;
    width: 124px;
    height: 22px;
    top: 106px;
    left: 57px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    padding-bottom: 4px;
    display: block;
    font-family: Verdana;
    font-size: 11px;
    border: 0;
    cursor: pointer;
}

.BoxPakietBcLonger .Button3violet {
    position: absolute;
    background: url(/images/nk/button_violet3.png) no-repeat;
    _background: url(/images/nk/button_violet3.jpg) no-repeat;
    width: 124px;
    height: 22px;
    top: 106px;
    left: 97px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    padding-bottom: 4px;
    display: block;
    font-family: Verdana;
    font-size: 11px;
    border: 0;
    cursor: pointer;
}

.BoxPakietBcLonger .Button3blue {
    position: absolute;
    background: url(/images/nk/button_blue3_bc.png) no-repeat;
    _background: url(/images/nk/button_blue3_bc.jpg) no-repeat;
    width: 124px;
    height: 22px;
    top: 106px;
    left: 97px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    padding-bottom: 4px;
    display: block;
    font-family: Verdana;
    font-size: 11px;
    border: 0;
    cursor: pointer;
}

.BoxPakietBc .Button3Red {
    position: absolute;
    background: url(/images/nk/button_red3_bc.png) no-repeat;
    _background: url(/images/nk/button_red3_bc.jpg) no-repeat;
    width: 124px;
    height: 22px;
    top: 106px;
    left: 57px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    padding-bottom: 4px;
    display: block;
    font-family: Verdana;
    font-size: 11px;
    border: 0;
    cursor: pointer;
}

.BoxPakietBc .Button3blueLight {
    position: absolute;
    background: url(/images/nk/button_blue3light_bc.png) no-repeat;
    _background: url(/images/nk/button_blue3light_bc.jpg) no-repeat;
    width: 124px;
    height: 22px;
    top: 106px;
    left: 57px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    padding-bottom: 4px;
    display: block;
    font-family: Verdana;
    font-size: 11px;
    border: 0;
    cursor: pointer;
}

.BoxPakietBc .Button3Gray {
    position: absolute;
    background: url(/images/nk/button_gray_bc.png) no-repeat;
    _background: url(/images/nk/button_gray_bc.png) no-repeat;
    width: 124px;
    height: 22px;
    top: 106px;
    left: 57px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    padding-bottom: 4px;
    display: block;
    font-family: Verdana;
    font-size: 11px;
    border: 0;
    cursor: pointer;
}

.BoxPakietBcLonger .Button1blueLight, .BoxPakietBc .Button1blueLight {
    position: absolute;
    background: url(/images/nk/button_bluelight1_bc.png) no-repeat;
    _background: url(/images/nk/button_bluelight1_bc.jpg) no-repeat;
    width: 116px;
    height: 22px;
    top: 106px;
    left: 3px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    padding-bottom: 4px;
    display: block;
    font-family: Verdana;
    font-size: 11px;
    border: 0;
    cursor: pointer;
}

.BoxPakietBc .Button2blueLight, .BoxPakietBcLonger .Button2blueLight {
    position: absolute;
    background: url(/images/nk/button_blue2light_bc.png) no-repeat;
    _background: url(/images/nk/button_blue2light_bc.jpg) no-repeat;
    width: 116px;
    height: 22px;
    top: 106px;
    right: 3px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    padding-bottom: 4px;
    display: block;
    font-family: Verdana;
    font-size: 11px;
    border: 0;
    cursor: pointer;
}

.BoxPakietBcLonger .Button1blueLight {
    left: 31px;

}

.BoxPakietBcLonger .Button2blueLight {

    right: 31px;
}

.BoxPakietBcLonger .Button3blueLight {
    position: absolute;
    background: url(/images/nk/button_blue3light_bc.png) no-repeat;
    _background: url(/images/nk/button_blue3light_bc.jpg) no-repeat;
    width: 124px;
    height: 22px;
    top: 106px;
    left: 84px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    padding-bottom: 4px;
    display: block;
    font-family: Verdana;
    font-size: 11px;
    border: 0;
    cursor: pointer;
}

.BoxPakietBcLonger .Button2blueLight {

    right: 31px;
}

.BoxPakietBcLonger .Button3Gray {
    position: absolute;
    background: url(/images/nk/button_gray_bc.png) no-repeat;
    _background: url(/images/nk/button_gray_bc.jpg) no-repeat;
    width: 124px;
    height: 22px;
    top: 106px;
    left: 84px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    padding-bottom: 4px;
    display: block;
    font-family: Verdana;
    font-size: 11px;
    border: 0;
    cursor: pointer;
}

.Button3green {
    position: absolute;
    background: url(/images/nk/button_green_bc.png) no-repeat;
    _background: url(/images/nk/button_green_bc.jpg) no-repeat;
    width: 124px;
    height: 22px;
    top: 106px;
    left: 57px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    padding-bottom: 4px;
    display: block;
    font-family: Verdana;
    font-size: 11px;
    border: 0;
    cursor: pointer;
}

.BoxPakietBcLonger .Button3green {
    position: absolute;
    background: url(/images/nk/button_green_bc.png) no-repeat;
    _background: url(/images/nk/button_green_bc.jpg) no-repeat;
    width: 124px;
    height: 22px;
    top: 106px;
    left: 97px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    padding-top: 3px;
    display: block;
    font-family: Verdana;
    font-size: 11px;
    border: 0;
    cursor: pointer;
}

.Pink {
    color: #EA1652;
}

.Blue {
    color: #3C6D9D;
}

.BlueLight {
    color: #0E79D1;
}

.Gray {
    color: #6B6B6B;
}

.BlueDark {
    color: #0C3565;
}

.Yellow {
    color: #D29506;
}

.Green {
    color: #3F7302;
}

.Orange {
    color: #FBA000;
}

.Red {
    color: #EC2E0B;
}

.BoxPakietBc .Arrow {
    position: absolute;
    top: 17px;
    left: 104px;
}

.BoxPakietBcLonger .Arrow {
    font-size: 16px;
    position: relative;
    top: 9px;
    left: 78px;
}

.BoxPakietBcLonger .Arrow2 {
    position: absolute;
    top: 17px;
    left: 169px;
}

.formularz {
    background: #E2ECF8;
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-color: #B6CEED;
    padding: 4px;
    color: #376D9F;
}

.button {
    background: url(/images/nk/button_bc.png) no-repeat;
    _background: url(/images/nk/button_bc.jpg) no-repeat;
    font-weight: bold;
    color: #376D9F;
    padding-bottom: 3px;
    height: 21px;
    width: 126px;
    text-align: center;
    border: 1px solid #4078AD;
}

.yellow {
    color: #E2C907;
}

.description {
    color: #999999;
}

.grey {
    color: #999999;
}

.red {
    color: #FF0000;
}

#BoxText {
    min-height: 450px;
}

#BoxPlatnosci {
    background: #FFFFFF url(/images/nk/loga_bc.png) repeat-x;
    _background: #FFFFFF url(/images/nk/loga_bc.jpg) repeat-x;
    width: 280px;
    height: 299px;
    border: 1px solid #D0DDEC;
    position: absolute;
    right: 18px;
    top: 80px;
    padding: 20px;
}

#ColumnFaq h2 {
    display: none;
}

/* orange */

.BoxPakietBc .Button1Orange {
    position: absolute;
    background: url(/images/nk/button_yellow2_bc.png) no-repeat;
    _background: url(/images/nk/button_yellow2_bc.jpg) no-repeat;
    width: 116px;
    height: 22px;
    top: 106px;
    left: 3px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    padding-bottom: 4px;
    display: block;
    font-family: Verdana;
    font-size: 11px;
    border: 0;
    cursor: pointer;
}

.BoxPakietBc .Button2Orange {
    position: absolute;
    background: url(/images/nk/button_orange2_bc.png) no-repeat;
    _background: url(/images/nk/button_orange2_bc.jpg) no-repeat;
    width: 116px;
    height: 22px;
    top: 106px;
    right: 3px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    padding-bottom: 4px;
    display: block;
    font-family: Verdana;
    font-size: 11px;
    border: 0;
    cursor: pointer;
}

/* megaupload */

.BoxPakietBc .Button1Mega {
    position: absolute;
    background: url(/images/nk/button1_mega.png) no-repeat;
    _background: url(/images/nk/button1_mega.jpg) no-repeat;
    width: 116px;
    height: 22px;
    top: 106px;
    left: 3px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    padding-bottom: 4px;
    display: block;
    font-family: Verdana;
    font-size: 11px;
    border: 0;
    cursor: pointer;
}

.BoxPakietBc .Button2Mega {
    position: absolute;
    background: url(/images/nk/button2_mega.png) no-repeat;
    _background: url(/images/nk/button2_mega.jpg) no-repeat;
    width: 116px;
    height: 22px;
    top: 106px;
    right: 3px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    padding-bottom: 4px;
    display: block;
    font-family: Verdana;
    font-size: 11px;
    border: 0;
    cursor: pointer;
}

.BoxPakietBc .Button3Mega {
    position: absolute;
    background: url(/images/nk/button3_mega.png) no-repeat;
    _background: url(/images/nk/button3_mega.jpg) no-repeat;
    width: 124px;
    height: 22px;
    top: 106px;
    left: 57px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    padding-bottom: 4px;
    display: block;
    font-family: Verdana;
    font-size: 11px;
    border: 0;
    cursor: pointer;
}

.OrangeMega {
    color: #FB7C08;
}

/* File Factory ---  Freak Share */

.BoxPakietBc .Button1redFreak {
    position: absolute;
    background: url(/images/nk/button1_LightRed.png) no-repeat;
    _background: url(/images/nk/button1_LightRed.jpg) no-repeat;
    width: 116px;
    height: 22px;
    top: 106px;
    left: 3px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    padding-bottom: 4px;
    display: block;
    font-family: Verdana;
    font-size: 11px;
    border: 0;
    cursor: pointer;
}

.BoxPakietBc .Button1redFactory {
    position: absolute;
    background: url(/images/nk/button1_LightRedFactory.png) no-repeat;
    _background: url(/images/nk/button1_LightRedFactory.jpg) no-repeat;
    width: 116px;
    height: 22px;
    top: 106px;
    left: 3px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    padding-bottom: 4px;
    display: block;
    font-family: Verdana;
    font-size: 11px;
    border: 0;
    cursor: pointer;
}

.BoxPakietBc .Button2redFreak {
    position: absolute;
    background: url(/images/nk/button2_DarkRed.png) no-repeat;
    _background: url(/images/nk/button2_DarkRed.jpg) no-repeat;
    width: 116px;
    height: 22px;
    top: 106px;
    right: 3px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    padding-bottom: 4px;
    display: block;
    font-family: Verdana;
    font-size: 11px;
    border: 0;
    cursor: pointer;
}

.BoxPakietBc .Button3redFreak {
    position: absolute;
    background: url(/images/nk/button3_DarkRed.png) no-repeat;
    _background: url(/images/nk/button3_DarkRed.jpg) no-repeat;
    width: 124px;
    height: 22px;
    top: 106px;
    left: 57px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    padding-bottom: 4px;
    display: block;
    font-family: Verdana;
    font-size: 11px;
    border: 0;
    cursor: pointer;
}

.redFreak {
    color: #A0201C;
}

#infoForm label {
    /*    line-height: 30px;
    */
    width: 90px;
    float: left;
    padding-top: 12px;
}

#infoForm input[type=text],
#infoForm textarea {
    padding: 2px;
    width: 250px;
    margin-left: 14px;
    margin-top: 10px;
    float: left;

    background-color: #DDFFB4;
    border: green 1px solid;
}

#infoForm input[type=submit],
.submit {
    background-color: #DDFFB4;
    border: green 1px solid;
    padding: 5px 7px;
    width: 360px;
    margin-top: 15px;
    cursor: pointer;
}

#infoForm .errorMessage {
    float: left;
    /*width: 200px;*/
    margin-left: 20px;
    margin-top: 12px;
    color: red;
    font-size: 14px;
}

#infoForm .formDesc {
    float: right;
    width: 350px;
    margin-left: 20px;
}

/*ul {
    margin: 0;
    padding: 0;
}*/
.menu_head {
    border: 1px solid darkgreen;
    padding: 3px 5px;
    background: #DDFFB4;
    color: black;
    width: 159px;
}

.menu_body ul li {
    margin: 0;
    padding: 0;
}

.menu_body li {
    list-style: none;
    margin-left: -40px
}

.menu_body li {
    background: #DDFFB4;
}

.menu_body li.alt {
    background: #AED182;
}

.menu_body li a {
    color: #000;
    text-decoration: none;
    padding: 5px;
    display: block;
}

.menu_body {
    display: none;
    width: 129px;
    border-right: 1px solid #998675;
    border-bottom: 1px solid #998675;
    border-left: 1px solid #998675;
    margin: 0;
}

.menu_body li a:hover {
    padding: 8px 6px;
    font-weight: bold;
}

table, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

table, th, td {
    vertical-align: middle;
}

td, th {
    text-align: center
}

.officialReseller {
    float: right;
    margin: 22px 45px 0 0;
    font-size: 22px;
    font-family: sans-serif;
}

.accordion {
    background: url("/images/nk/arrow_blue.png") no-repeat scroll 0 6px transparent;
    font-size: 18px;
    font-family: sans-serif;
    margin: 10px 0;
    padding-left: 12px;
    cursor: pointer;
    color: #D6C133;
}

.BoxLeft {
    width: 65%;
    float: left;
}

.BoxRight {
    width: 35%;
    float: left;
}

label img {
    width: 160px;
    float: left;
}

input[type=radio] {
    float: left;
    display: inline-block;
    margin-top: 45px;
}

.payment_method_label {
    width: 160px;
    float: left;
    margin-right: 10px;
    vertical-align: middle;
    display: inline-block;
}

#languages {
    float: right;
    width: 80px;
    height: 80px;
}

#languages a {
    display: block;
    float: left;
}

#languages a img {
    margin: 0 0 10px 10px;
}

.payment_method_input_container {
    float: left;
    height: 93px;
    display: block;
}

#overchargeLabelContainer_js {
    display: none;
    width: 600px;
    padding: 10px 15px;
    margin: 20px 0;
    color: #666666;
    font-size: 14px;
}
.overchargedPrice {
    color: red;
}

.currencyLink {
    float: left;
    padding-top: 1px;
    margin-right: 2px;
    font-weight: bold;
}

#mainNav:last-child {
    margin-right: 0;
}

/*
Plik ze stylami do FileFlyer

Nazwa pliku musi mieć nazwę pozbawioną wielkich liter i spacje zamienione
na podkreślniki _ Przykładowo: z "4 Shared" trzeba zrobić plik "4_shared.css"
*/

/* Blok z tłem pod bannerem, musi być 2 razy wpisane to tło*/
#LayoutBannerBc {
    background: url(/images/nk/banner_bc.png) repeat-x;
    _background: url(/images/nk/banner_bc.jpg) repeat-x;
}

/* Kolor stopki */
#LayoutStopkaBc {
    background-color: #E2ECF8;
}

/* kolor linków w stopce */
#LayoutStopka a {
    color: #4078AD;
}

/* kolor linków w stopce po najechaniu kursorem */
#LayoutStopka a:hover {
    color: #346594;
}

/* Kolor ceny na zakładce z czasem trwania */
.Green {
    color: #0D91D4;
}

/* Tło pod guzikiem "buy now", w folderze /images/pagseguro powinno być sporo w różnych kolorach */
.BoxPakietBcLonger .Button3green {
    background: url(/images/nk/button_blue2light_bc.png) no-repeat;
    _background: url(/images/nk/button_blue2light_bc.jpg) no-repeat;
}

/* FORMULARZ ZAMÓWIENIA */

#infoForm input[type=text],
#infoForm textarea {
    background-color: #FFFFFF; /* kolor tła */
    border: black 1px solid; /* wg schematu: border: KOLOR 1px solid; - kolor ramki pól formularza */
}

#infoForm input[type=submit],
.submit {
    background-color: #CEDFF5; /* guziki zatwierdzania*/
    border: black 1px solid;
}

#BoxPlatnosci {
    background: #FFFFFF url(/images/nk/loga_bc.png) repeat-x;
    _background: #FFFFFF url(/images/nk/loga_bc.jpg) repeat-x;
    border: 1px solid #D0DDEC; /* kolor ramki wokół */
}

#PlatnosciBottom {
    border-top: 1px solid #DDFFB4; /* ta pozioma kreska nad płatnościami na dole */
}

#BoxPlatnosci h2 {
    color: #4078AD; /* klor napisu Platnosci */
}

/* PONIŻEJ STYLE DO LISTY ROZWIJALNEJ */

.menu_head { /*box z napisem "Zmień czas trwania" */
    border: 1px solid black;
    background: #E2ECF8;
    color: black;
    width: 217px;
}
.menu_body {
    width: 187px;
}
.menu_body li.alt {
    background: #FFFFFF;
}

/* kolor dla pierwszego wpisu i kolejnego co drugiego*/
.menu_body li {
    background: #E2ECF8;
}

/* kolor dla drugiego wpisu i kolejnego co drugiego*/
.menu_body li a {
    color: #000; /*kolor czcionki linku na liście*/
}

.menu_body { /* kolory obramowań dla listy rozwijalnej, najlepiej ustawić 3 takie same */
    border-right: 1px solid #4F4D4D;
    border-bottom: 1px solid #4F4D4D;
    border-left: 1px solid #4F4D4D;
}

.officialReseller {
    color: #4F4D4D;
}

.mainPageContainerTop {
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}

.searchBoxInput {

    width: 200px;
    padding: 5px 8px;
}

.row #quantity,
.row #quantity_plus,
.row #quantity_minus
{
    display: inline-block;
    font-weight: bold;
    font-size: 18px;
}
.row #quantity {
    width: auto;
}
.row #quantity_plus,
.row #quantity_minus
{
    cursor: pointer;

    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

#realizacja img {
    margin-bottom: 12px;
}
