/*
    Document   : default
    Created on : 2012-10-06, 08:15:25
    Author     : Damian Czyż, Piotr Dutko
    Description:
        Purpose of the stylesheet follows.
*/
body{
    background: url('../img/layouts/default/bg.jpg') top center;
}

body.deu #footer h1, body.deu #leftPanel h1 {
    font-size: 1.8em;
}

.content{
    width: 980px;
    margin: auto;
}
.margins{
    margin: 20px 10px;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.error-message{
    color: red;
    white-space: nowrap;
}
a:hover{
    text-decoration: none;
}
#headerNav .ul-koszyk{
    float: right;
    position: relative;
    padding: 20px 0;
    height: 20px;
    margin: 0px;
}
#headerNav ul li{
    float: left;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
#headerNav ul li a{
    padding: 0 10px;
    font: bold 13px/20px arial, sans-serif;
    color: #464445;
}
#headerNav ul li div.koszyk{
    padding: 0 10px;
    font: bold 13px/20px arial, sans-serif;
    color: #464445;
}
#headerNav ul li div.koszyk{
    background: url('/img/layouts/default/koszykBtn.png') no-repeat 0 0;
    height: 30px;
    width: 100px;
    padding-left: 30px;
    font-size: 13px;
    cursor: pointer;
}
#headerNav ul li div.koszyk a{
    background: none;
    padding: 0;
}
#headerNav ul li div.koszyk a{
    display: block;

}
#headerNav ul li div.koszyk span{
    position: relative;
    top: 1px;
    text-transform: lowercase;
    left: 7px;
    display: block;
}
#headerNav ul li ~ li a{
    background: url('../img/layouts/default/header_nav_border.gif') repeat-y left;
}
#header .content{
    background: url('../img/layouts/default/menu_bg.png') repeat-x top;
    margin-bottom: -17px;
    position: relative;
    z-index: 23;
}
#header #logo{
    float: left;
}
#header #home{
    float: left;
    background: url('../img/layouts/default/home_bg.png') no-repeat top right;
    width: 55px;
    height: 86px;
    line-height: 86px;
    text-align: center;
    display: block;
}
#header #home img{
    display: block;
    margin: auto;
    padding-top: 32px;
}
#header ul{
    float: left;
    height: 86px;
    /*width: 700px;*/
}
#header ul li{
    height: 86px;
    line-height: 86px;
    float: left;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    /*width: 140px;*/
    /*width: 20%;*/
    text-align: center;
    position: relative;

}
#header ul li:hover{
    background: url('../img/layouts/default/search_bg.png') repeat-x top right;
}
#header ul li a {
    color: #231F20;
    display: block;
    font: bold 14px/90px arial,sans-serif;
    text-decoration: none;
    padding: 0 39px;
}
body.deu #header ul li a {
    padding: 0 31px;
}
#header ul li:hover a{
    color: #fff;
}
#header ul li.more:hover a{
    color: #231F20;
}
#header ul li a span{
    position: absolute;
    right: 5px;
    top: 40px;
    width: 20px;
    height: 30px;
    background: url('../img/layouts/default/menu_more.png') no-repeat center 4px;
    display: none;
    border-radius: 5px 5px 0 0;
}
#header ul li.more > a span{
    display: block;
}
#header ul li:hover a span{
    background-color: #fff;
    color: #fff;
}
#header ul ul{
    display: none;
    float: none;
    height: auto;
    right: 5px;
    position: absolute;
    top: 60px;
    width: 85%;
    background: #fff;
    border-radius: 5px 0 5px 5px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.20);
}
#header ul li:hover ul{
    display: block;
    border-radius: 10px;
    /*border-top-left-radius: 0;*/
    border-top-right-radius: 0;
}
#header ul li ul li:hover a{
    display: block;
}
#header ul ul li{
    background: #fff;
    float: none;
    display: block;
    /*padding: 5px 0;*/
    height: auto;
    line-height: 29px;
    width: 100%;
    line-height: 16px;
    border-bottom: 1px solid #e3e3e3;
}
#header ul ul li:last-child {
    border: none !important;
}
#header ul ul li a{
    display:block;
    padding: 5px 15px;
    line-height: 32px;
    font-size: 12px;
    font-weight: bold;
    color: #464445;
}
#header #search{
    width: 25px;
    background: url('../img/layouts/default/search_bg.png') repeat-x top right;
    overflow: hidden;
    height: 86px;
    float: right;
    display: none;
    padding-left: 9px;
}
#header #search img{
    display: block;
    margin: 0 0 0 1px;
    padding-top: 33px;
}
#infoFooter{
    overflow: hidden;
}
#infoFooter .content{
    position: relative;
    background: url('../img/layouts/default/configInfo.png') no-repeat 0 0;
    height: 160px;
    top: -2px;
    width: 981px;
}
#infoFooter .content > div{
    position: relative;
    /*left: 20px;*/
    float: left;

}
#infoFooter .content > div > div a{
    position: relative;
    top: 60px;
    height: 158px;
    color: #c4c2c3;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    text-align: left;
    float: left;
    left: 20px;
}
#infoFooter .content > div > div > a span{
    position: relative;
    color: #fff;
    clear:both;
    display: block;
}
#infoFooter .content .blok1{
    width: 199px;
}
#infoFooter .content .blok1 > div a span{
    font-size: 22px;
}

#infoFooter .content .blok2:hover div.opacity,
#infoFooter .content .blok3:hover div.opacity,
#infoFooter .content .blok4:hover div.opacity{
    position: absolute;
    display: block;
    background: #000;
    opacity: 0.3;
    filter: alpha(opacity=30);
    width: 259px;
    height: 158px;
    bottom: 0;
}
#infoFooter .content .blok2{
    width: 468px;
    /*left: 25px;*/
    height: 160px;
}
#infoFooter .content .blok2 > div{
    margin-left: 40px;
}
#infoFooter .content .blok2 .opacity{
    width: 468px!important;
    margin-left: 0!important;
}
#infoFooter .content .blok4{
    width: 308px;
    /*left: 25px;*/
    height: 160px;
}
#infoFooter .content .blok4 > div{
    margin-left: 30px;
}
#infoFooter .content .blok4 .opacity{
    width: 310px!important;
    margin-left: 0!important;
}
#infoFooter .content .blok3{
    width: 259px;
    height: 160px;
    /*left: 33px;*/
}
#infoFooter .content .blok4{
    width: 259px;
    height: 160px;
    /*left: 33px;*/
}
#infoFooter .content .blok2 > div a,
#infoFooter .content .blok3 > div a,
#infoFooter .content .blok4 > div a{
    margin-top: -10px;
    padding-left: 73px;
    padding-top: 10px;
    height: 47px;
    left: 15px;
}
#infoFooter .content .blok2 > div a{
    background: url('../img/layouts/default/iconBlokSprites.png') no-repeat 0 0;
}
#infoFooter .content .blok3 > div a{
    background: url('../img/layouts/default/iconBlokSprites.png') no-repeat 0 -56px;
}
#infoFooter .content .blok4 > div a{
    background: url('../img/layouts/default/iconBlokSprites.png') no-repeat 0 -110px;
}

.skonfigurujKolejneOkno{
    background: url('../img/layouts/default/next.png') repeat-x;
    height: 42px;
    font: bold 16px/42px arial, sans-serif;
    padding: 0 20px;
    border: 1px solid #c6c6c6;
    border-radius: 5px;
    color: #5d5858;
    text-shadow: 1px 1px #fff;
    text-decoration: none;
}
.skonfigurujKolejneOkno{
    margin-left: 10px;
}

#footer,
#footer .content{

}
#footer{
    margin: 0;
    margin-top: 45px;
}
#footer .content > div{
    float: left;
    width: 360px;
    position: relative;
    height: 168px;
    padding-left: 20px;
}
#footer .content > div + div{
    width: 299px;
    padding-left: 29px;
}
#footer .content > div + div + div{
    width: 259px;
    border-left: 1px solid #e4e4e4;
}
#footer .content > div h1{
    padding: 30px 0 10px;
    margin: 0px;
}
#footer #footerQuestion{
    position: absolute;
    top: -20px;
    left: 10px;
}
#footer #footerMore{
    position: absolute;
    bottom: 30px;
    right: 120px;
}
#footer #footerWomen{
    position: absolute;
    right: -10px;
    bottom: 0;
}
#copyright{
    padding-bottom: 20px;
}
#copyright .content{
    border-top: 1px solid #e4e4e4;
}
#copyright ul{
    margin: 0px;
    padding: 0px;
    width: 689px;
    border-right: 1px solid #dfdfdf;
    height: 20px;
    padding-top: 20px;
    float: left;
}
#copyright ul ul{
    display: none;
}
#copyright ul li{
    float: left;
    list-style-type: none;
    margin: 0px;
    padding: 0 40px 0 0;
}
#copyright ul li a{
    font: normal 13px/16px arial, sans-serif;
    color: #464445;
}
#copyright #feb{
    float: left;
    width: 240px;
    padding-left: 20px;
    padding-top: 20px;
    font: normal 11px/15px arial, sans-serif;
    color: #9f9e9f;
}

#slider{
    background: url('../img/layouts/default/slider.jpg') no-repeat;
    height: 395px;
    position: relative;
}
#slider #sliderButton{
    position: absolute;
    right: 50px;
    bottom: 100px;
}
#conf{
    background: #fff;
}
#conf .borderWhiteContent .inputColorThree{
    /*width: 50%;*/
}
/*.message {
    background: none repeat scroll 0 0 #E01C1C;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    padding: 20px;
    position: fixed;
    top: 250px;
    z-index: 100000;
    display: block;
}*/
.message {
    /*background: none repeat scroll 0 0 #E01C1C;*/
    background-color: #E01C1C!important;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    padding: 20px;
    position: relative;
    text-shadow: 1px 1px 1px #000000;
    z-index: 100000;
    display: block;
    margin: 0 auto;
}
#flashContent{
    z-index: 100000;
    position: fixed;
    width: 960px;
    top: 50px;
    display: block;
}
/*login */
#newPass,
#UserLoginForm, #UserPassRecallForm{
    margin: 30px auto;
    width: 300px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 10px;
    padding-bottom: 15px;
}
#newPass .input,
#UserPassRecallForm .input, #UserLoginForm .input{
    clear: both;
    margin: 10px 0;
}
#newPass .input input,
#UserLoginForm .input input,
#UserPassRecallForm  .input input{
    background-color: white;
    border: 1px solid #c6c6c6;
    border-radius: 5px;
    height: 30px;
    line-height: 29px;
    width: 180px;
    padding: 0 10px;
}
#newPass .input label,
#UserLoginForm .input label,
#UserPassRecallForm .input label{
    color: #3c3c3e;
    font: bold 12px/14px arial, sans-serif;
    margin-right: 5px;
    display: block;
    padding: 2% 1%;
    float: left;
    text-align: right;
    width: 80px;
}
#UserLoginForm .actionLogin{

}
#UserLoginForm .actionLogin a{
    font: normal 12px/30px arial, sans-serif;
    color: #3c3c3e;
    white-space: nowrap;
}
#UserLoginForm .actionLogin > a {
    clear: both;
    float: right;
    position: relative;
    right: 10px;
}
#UserLoginForm .input.checkbox {
    clear: both;
    left: 95px;
    position: relative;
}
#UserLoginForm .input.checkbox input{
    width: 10px;
    float: left;
}
#UserLoginForm .input.checkbox label{
    float: left;
    width: auto;
}
#newPass .submit,
#UserPassRecallForm .submit, #UserLoginForm .submit{
    background: url('../img/layouts/default/btnRed.png') no-repeat 0 0;
    clear:both;
    float: right;
    position: relative;
    right: 30px;
    height: 31px;
    padding-left: 16px;
    cursor: pointer;
}
#newPass .submit input,
#UserPassRecallForm .submit input, #UserLoginForm .submit input{
    cursor: pointer;
    background: url('../img/layouts/default/btnRed.png') no-repeat 100% 0;
    height: 31px;
    border: 0;
    padding-right: 35px;
    margin-right: -25px;
    padding-bottom: 6px;
    color: #fff;
    font-weight: bold;
    text-transform: lowercase;
}
#UserLoginForm #LoginHeader h3{
    margin-bottom: 10px;
}
#UserLoginForm #LoginHeader{
}
#contentGradient #flashMessage,
#contentGradient #authMessage{
    color: #F18E00;
    font: bold 16px/14px "Century Gothic",arial,sans-serif;
    padding-bottom: 5px;
    padding-top: 25px;
    text-align: center;
}

.documentContent{
    margin: 10px 20px;
}

.buttonRed{
    background: url('../img/layouts/default/btnRed.png') no-repeat 0 -31px;
    clear:both;
    float: right;
    position: relative;
    right: 30px;
    height: 31px;
    padding-left: 16px;
    cursor: pointer;
    display: block;
}
.buttonRed:hover{
    background: url('../img/layouts/default/btnRed.png') no-repeat 0 0;
}
.buttonRed a:hover span{
    text-decoration: none!important;
    color: #fff;
}
.buttonRed:hover span{
    background: url('../img/layouts/default/btnRed.png') no-repeat 100% 0;
}
.buttonRed span, .buttonRed button{
    cursor: pointer;
    background: url('../img/layouts/default/btnRed.png') no-repeat 100% -31px;
    height: 31px;
    border: 0;
    padding-right: 35px;
    margin-right: -25px;
    /*padding-bottom: 6px;*/
    color: #000;
    font-weight: bold;
    display: block;
    line-height: 26px;
}
#footer div.content div div.buttonRed {
    right: 115px;
    top: 15px;
}
#footer div.content div h1{
    font-family: Variable Bold;
}
#footer h1.infolinia{
    padding-bottom: 0!important;
    font-size: 23px;
}
#footer h1.infolinia span{
    font-family: Variable Black;
    color: #f71f1f;
}
#footer .infoliniaInfo{
    position: relative;
    left: 95px;
    font-size: 10px;
    color: #676767;
    top: -6px;
    font-family: Arial;
    font-weight: bold;
}
#maszPytania {
    background: url("../img/layouts/default/redDymek.png") no-repeat scroll top right transparent;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    padding: 8px 50px 25px 20px;
    position: absolute;
    top: -45px;
}

body.deu #maszPytania {
    padding: 8px 17px 25px 16px;
}

#haveQuestions {
    background: url("../img/layouts/default/redDymek_eng.png") no-repeat scroll right bottom transparent;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    height: 20px;
    left: 10px;
    padding: 8px 30px 35px 20px;
    position: absolute;
    top: 130px;
    width: 125px;
}
#footer div.content .b1 {
    height: 154px;
    border-right: 1px solid #e4e4e4;
    width: 340px;
    background: url('../img/layouts/default/b1Belka.png') no-repeat 0 100%;
}
#footer div.content > div + div h1{
    margin-top: -20px;
}
div#footer div.content div + div + div > div a{
    font-weight: bold;
}
div#footer div.content div.b2 > div {
    margin-left: 20px;
}
div#footer div.content div.b2 div.buttonRed{
    left: -145px;
}
.b1 .buttonRed{
    top: 20px!important;
}

.buttonSprite{
    background: url('../img/layouts/default/btnSprites.png') no-repeat 0 0;
    clear:both;
    float: right;
    position: relative;
    right: 95px;
    height: 43px;
    padding-left: 26px;
    cursor: pointer;
}
.buttonSprite a span{
    cursor: pointer;
    background: url('../img/layouts/default/btnSprites.png') no-repeat 100% 0;
    height: 43px;
    border: 0;
    padding-right: 45px;
    margin-right: -45px;
    color: #000;
    font-weight: bold;
    display: block;
    line-height: 40px;
    position: relative;
}
.buttonSprite:hover{
    background: url('../img/layouts/default/btnSprites.png') no-repeat 0 -43px;
    clear:both;
    float: right;
    position: relative;
    right: 95px;
    height: 45px;
    padding-left: 26px;
    cursor: pointer;
}
.buttonSprite:hover a span{
    cursor: pointer;
    background: url('../img/layouts/default/btnSprites.png') no-repeat 100% -43px;
    height: 45px;
    border: 0;
    padding-right: 45px;
    margin-right: -45px;
    color: #fff;
    font-weight: bold;
    display: block;
    line-height: 40px;
    position: relative;
}

#slider h1 {
    color: #464445;
    font-family: Variable Bold;
    font-size: 48px;
    line-height: 43px;
    position: relative;
    right: 58px;
    text-align: right;
    text-shadow: 1px 1px 3px #FFFFFF;
    top: 38px;
}
#slider h2 {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -0.3px;
    position: relative;
    right: 60px;
    text-align: right;
    top: 43px;
}
#slider .buttonSprite{
    top: 95px;
}
.orders{
    float: none;
    min-height: 0px;
    margin: 0px;
    width: auto;
    border: 1px solid #d8d8db;
    border-top: none 0px;
    padding: 30px 20px;
    background: #fff;
}
.orders table .configWindowsQuantity {
    display: none;
}
.orders .addDesc{
    border-top: 1px solid #d8d8db;
    padding: 15px 0;
}
.orders .addDesc span{
    display: block;
    float: left;
    width: 170px;
    text-align: center;
}

.orders .greyButton{
    padding: 0 25px;
    border: 1px solid #e2e2e2;
    background: #f8f8f8;
    display: block;
    font: bold 16px/42px arial, sans-serif;
    color: #9b9b9b;
    text-shadow: 1px 0 1px #fff;
    text-align: center;
    border-radius: 5px;
    background-image: linear-gradient(bottom, #F2F2F2 31%, #F2F2F2 50%, #F8F8F8 50%, #FBFBFB 92%);
    background-image: -o-linear-gradient(bottom, #F2F2F2 31%, #F2F2F2 50%, #F8F8F8 50%, #FBFBFB 92%);
    background-image: -moz-linear-gradient(bottom, #F2F2F2 31%, #F2F2F2 50%, #F8F8F8 50%, #FBFBFB 92%);
    background-image: -webkit-linear-gradient(bottom, #F2F2F2 31%, #F2F2F2 50%, #F8F8F8 50%, #FBFBFB 92%);
    background-image: -ms-linear-gradient(bottom, #F2F2F2 31%, #F2F2F2 50%, #F8F8F8 50%, #FBFBFB 92%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.31, #F2F2F2),
        color-stop(0.5, #F2F2F2),
        color-stop(0.5, #F8F8F8),
        color-stop(0.92, #FBFBFB)
        );
}
.orders .greyButton:hover{
    background: #F8F8F8;
}

body.deu .orders .redButton{
    width: 260px;
}

.orders .redButton{
    border: 1px solid #9f0000;
    width: 200px;
    height: 42px;
    color: #fff;
    font: bold 16px/16px arial, sans-serif;
    text-align: center;
    text-shadow: 1px 0 1px #9f0000;
    background: #da0005;
    padding: 0px;
    border-radius: 5px;
    cursor: pointer;
    background-image: linear-gradient(bottom, #BD0003 31%, #DA0004 50%, #E70D10 50%, #E70D10 92%);
    background-image: -o-linear-gradient(bottom, #BD0003 31%, #DA0004 50%, #E70D10 50%, #E70D10 92%);
    background-image: -moz-linear-gradient(bottom, #BD0003 31%, #DA0004 50%, #E70D10 50%, #E70D10 92%);
    background-image: -webkit-linear-gradient(bottom, #BD0003 31%, #DA0004 50%, #E70D10 50%, #E70D10 92%);
    background-image: -ms-linear-gradient(bottom, #BD0003 31%, #DA0004 50%, #E70D10 50%, #E70D10 92%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.31, #BD0003),
        color-stop(0.5, #DA0004),
        color-stop(0.5, #E70D10),
        color-stop(0.92, #E70D10)
        );
}
.orders .redButton[disabled="disabled"]{
    background: gray;
}
.orders .redButton:hover{
    background: #E70D10;
}
.orders .addDesc textarea{
    border: 1px solid #d8d8db;
    width: 180px;
    height: 20px;
    margin-top: -4px;
}
.orders .addDesc span:hover{
    color: #1277b3;
}
.orders table{
    width: 100%;
    margin: auto;

}
.orders .borderContent{
    border: 1px solid #d8d8db;
    border-top: none 0px;
    border-radius: 0 0 5px 5px;
}
.orders table th{
    padding: 10px 5px;
}
.orders table tr td{
    border-top: 1px solid #d8d8db;
    padding: 5px;
}
.orders table tr td + td{
    border-left: 1px solid #d8d8db;
}
#additionalService table tr td + td{
    border-left: none;
}
#additionalService table tr td{
    border: none;
}
#additionalService table tr td + td{

}
.orders h2.info{
    color: #3a3a3a;
    font: bold 14px/15px arial, sans-serif;
    padding: 5px 0;
    background: url('../img/layouts/default/conf_h2.png') repeat-x 0 -1px;
    border: 1px solid #d8d8db;
    border-bottom: none 0px;
    padding: 17px;
    margin: 0px;
    border-radius: 10px 10px 0 0;
    position: relative;
    border: 1px solid #d8d8db;
    border-bottom: 0px none;
}
.orders h2.info span{
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -12px;
    bottom: -12px;
    width: 23px;
    height: 13px;
    background: url('../img/layouts/default/info_arrow.png') no-repeat;
}
.orders .quantity{
    width: 38px;
    border: 1px solid #e2e2e2;
    height: 34px;
    line-height: 24px;
    text-align: center;
    border-radius: 3px;
}
.orders h3{
    color: #e60005;
    font: bold 14px/20px arial, sans-serif;

}
.orders .skonfigurujOkono{
    border-top: 1px solid #d8d8db;
}
.orders .skonfigurujOkono a{
    padding: 20px 20px 20px 40px;
    display: block;
    background: url('../img/layouts/default/custom.png') no-repeat 10px center;
    color: #1277b3;
    font: bold 14px/14px arial, sans-serif;
    display: block;
    border-right: 1px solid #d8d8db;
    float: left;
}
.orders .summaryText{
    text-align: right;
    padding: 20px 0;
}
.orders p.info{
    padding: 5px 15px;
    margin: 0px;
    border-bottom: 1px solid #d8d8db;
}
.orders .checkbox input{
    margin-right: 5px;
}
.orders input.demounted{
    width: 46px;
    border: 1px solid #d8d8db;
    font: normal 12px/22px arial, sans-serif;
    margin: 0 5px;
}
.orders .updateCart{
    border-top: 1px solid #d8d8db;
}
.orders .updateCart a{
    padding: 20px 20px 20px 40px;
    background: url('../img/layouts/default/refresh.png') no-repeat 10px center;
    float: right;
    border-left: 1px solid #d8d8db;
    color: #4d4a4a;
}
.orders .submit{
    padding: 10px 0;
}
.orders .submit a{
    float: right;
}
.orders .submit input{
    float: right;
    margin-left: 10px;
}
.orders .orderTitleCollapse{
    height: 49px;
    font: bold 16px/49px arial, sans-serif;
    color: #4d4a4a;
    border: 1px solid #d8d8db;
    border-bottom: none 0px;
    background: #F2F2F2;
    background-image: linear-gradient(bottom, #F2F2F2 28%, #F2F2F2 64%);
    background-image: -o-linear-gradient(bottom, #F2F2F2 28%, #F2F2F2 64%);
    background-image: -moz-linear-gradient(bottom, #F2F2F2 28%, #F2F2F2 64%);
    background-image: -webkit-linear-gradient(bottom, #F2F2F2 28%, #F2F2F2 64%);
    background-image: -ms-linear-gradient(bottom, #F2F2F2 28%, #F2F2F2 64%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.28, #F2F2F2),
        color-stop(0.64, #F2F2F2)
        );
    color: #666;
}
.orders .orderTitleCollapse.active{
    cursor: pointer;
    color: black;
}
.orders .orderTitleCollapse.active span{
    background: #e60005;
}
.orders .orderTitleCollapse span{
    background: #666;
    border-radius: 3px;
    height: 30px;
    width: 30px;
    text-align: center;
    color: #fff;
    display: block;
    float: left;
    margin: 10px 10px 0 20px;
    line-height: 30px;
}
.orders .steps{
    border: 1px solid #d8d8db;
    border-radius: 0 0 10px 10px;
    margin-bottom: 20px;
    padding: 15px;
}
.orders .orderGreyLink,
.orders .orderRedLink{
    text-align: right;
    padding: 15px 0;
}

.orders .orderGreyLink a,
.orders .orderRedLink a{
    color: #fff;
    padding: 0 20px;
    border-radius: 5px;
    text-align: center;
    line-height: 30px;

    background-color: #B6B2AF;
    padding: 10px 20px;
    background-image: linear-gradient(bottom, #9C9996 34%, #B6B2AF 67%);
    background-image: -o-linear-gradient(bottom, #9C9996 34%, #B6B2AF 67%);
    background-image: -moz-linear-gradient(bottom, #9C9996 34%, #B6B2AF 67%);
    background-image: -webkit-linear-gradient(bottom, #9C9996 34%, #B6B2AF 67%);
    background-image: -ms-linear-gradient(bottom, #9C9996 34%, #B6B2AF 67%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.34, #9C9996),
        color-stop(0.67, #B6B2AF)
        );
}
.orders .orderGreyLink a:hover,
.orders .orderRedLink a:hover{
    background: #B6B2AF;
}
.orders .orderAddres .text input{
    height: 22px;
    border: 1px solid #b1b1b1;
    width: 90%;
}
.orders .orderAddres select{
    width: 260px;
    padding: 5px;
}
.orders .orderAddres label{
    display: block;
    padding-bottom: 5px;
    padding-top: 10px;
}
.orders .orderAddres .radioType label,
.orders .radio label,
.orders .orderAddres .checkbox label{
    display: inline;
    margin-left: 5px;
}
.orders .productsLogin > div{
    float: left;
    width: 33%;
}

.orders textarea{
    border: 1px solid #d8d8db;
    width: 100%;
    margin-top: 5px;
}

.orders .productsLoginTexts{
    height: 58px;
}
.orders .productsLoginLabel{
    padding-bottom: 5px;
}
.orders .productsLoginLabel + .input input,
.orders .productsLoginLabel + .input + .input input{
    border: 1px solid #d8d8db;
    height: 20px;
    margin-bottom: 5px;
}
.orders .productsLogin .submit input{
    margin-left: 0px;
    float: none;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    height: 30px;
    border: none 0px;
    line-height: 12px;
    padding: 0 20px;
    cursor: pointer;
    background-color: #B6B2AF;
    background-image: linear-gradient(bottom, #9C9996 34%, #B6B2AF 67%);
    background-image: -o-linear-gradient(bottom, #9C9996 34%, #B6B2AF 67%);
    background-image: -moz-linear-gradient(bottom, #9C9996 34%, #B6B2AF 67%);
    background-image: -webkit-linear-gradient(bottom, #9C9996 34%, #B6B2AF 67%);
    background-image: -ms-linear-gradient(bottom, #9C9996 34%, #B6B2AF 67%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.34, #9C9996),
        color-stop(0.67, #B6B2AF)
        );
}
.orders .productsLogin .submit input:hover{
    background: #9C9996;
}
.orders .orderPodsumowanie > div{
    float: left;
    width: 25%;
}
.orders .border.rama{
    margin: auto;
}
.orders .orderPaySelect .radio{
    padding-bottom: 5px;
}
.orders .postcode > div{
    float: left;
    width: 50%;
}
.orders .orderAddres .postcode .text input{
    width: 80%;

}
.orders .configurationTable .priceCol, .orders .configurationTable .nettoPrices {
    display: none;
}
.orders .configurationTable .configWindowPrice {
    display: none;
}
.orders .configurationTable .accessories tr td + td{
    display: none;
}
.orders .configurationTable td.label{
    font-weight: bold;
    text-align: left;
}
.orders .configurationTable td.label + td{
    border-left: none;
}
.orders .configurationTable tr,
.orders .configurationTable td{
    border: none 0px;
    padding: 0px;
    background: #fff;
}
.orders .configurationTable thead{
    display: none;
}
.orders  .orderDesc{
    height: 98px;
    overflow: hidden;
}
.orders  .orderDesc.show{
    height: auto;
    overflow: visible;
}
.orders .orderDesc + .orderDescLink a{
    display: block;
}
.orders .orderDesc + .orderDescLink a + a{
    display: none;
}
.orders .orderDesc.show + .orderDescLink a{
    display: none;
}
.orders .orderDesc.show + .orderDescLink a + a{
    display: block;
}
.orders .orderDescLink a{
    display: block;
    padding: 7px 30px;
    text-align: right;
    color: #1277b3;
    background: no-repeat right center url('../img/layouts/default/resize.png');
    float: right;
    margin-right: 15px;
}
.orders .prompt{
    display: block;
    margin: 5px 5px;
    color: #1277b3;
    padding: 5px 0 5px 30px;
    background: url('../img/layouts/default/edit.png') no-repeat left center;
}
.orders .prompt.configure_similar{
    background: url('../img/layouts/default/custom.png') no-repeat 0 center;
}
.orders .prompt.edit_config{
    background: url('../img/layouts/default/edit_conf.png') no-repeat 0 center;
}

#step6 > table{
    border-bottom: 1px solid #D8D8DB;
    margin: -15px;
    width: 937px;
}
.ui-tooltip button{
    float: right;
    margin-left: 5px;
    margin-top: 10px;
}
/*koszyk popup*/
div#koszykExt{
    position: absolute;
    top: 50px;
    width: 390px;
    background: #fff;
    box-shadow: 0 0 10px #000;
    border: 1px solid #999999;
    z-index: 100001;
    border-radius: 10px;
    padding: 0 20px;
    margin-left: -30px;
    color: #544c45;
    font-weight: bold;
}

div#koszykExt .produktKoszyk{
    position: relative;
    /*height: 80px;*/
    border-bottom: 1px solid #e1dad5;
    padding: 20px 0;
    clear: both;

}
div#koszykExt .produktKoszyk > div{
    float: left;
}
div#koszykExt .produktKoszyk .foto{
    width: 100px;
    text-align: center;
    overflow: hidden;
}
div#koszykExt .produktKoszyk .foto .img > div{
    width: 110px;
}
div#koszykExt .produktKoszyk .foto .img img{
    max-height: 60px;
}
div#koszykExt .produktKoszyk .nazwa{
    width: 200px;
    position: relative;
    top: 15px;
    left: 10px;
}
div#koszykExt .produktKoszyk .ilosc{
    position: relative;
    top: 20px;
    width: 60px;
    text-align: center;
}
div#koszykExt .produktKoszyk .aktualnaCena{
    position: relative;
    top: 20px;
}
div#koszykExt .produktKoszyk .delete{
    position: relative;
    top: 20px;
    float: right;
}
div#koszykExt .produktKoszyk .delete a span{
    display: block;
    width: 11px;
    height: 11px;
    /*background: url('../img/layouts/default/delete.png') no-repeat 0 0;*/
}
div#koszykExt .podsumowanieKoszyk{
    position: relative;
    height: 110px;
    padding: 5px 0;
    /*border-top: 1px solid #E1DAD5;*/
}
div#koszykExt .podsumowanieKoszyk .cenaNetto,
div#koszykExt .podsumowanieKoszyk .cenaBrutto{
    display: block;
    font-size: 14px;
    clear: both;
    line-height: 25px;
}
.podsumowanieKoszyk span.fr{
    position: relative;
    right: 10px;
}
.przyciskiKoszyk{
    float: left;
    position: relative;
    padding: 33px 0 20px 20px;
}
.przyciskiKoszyk a{
    float: left;
}
.przyciskiKoszyk span{
    position: relative;
    text-align: center;
    display: block;
    line-height: 28px;
    font-size: 14px;
    text-align: center;
    font-weight: 100;
    /*font-family: "Bebas Neue";*/
    color: #000;
    font-weight: bold;
    /*text-shadow: 0px -0.7px 1px #000 ;*/
    letter-spacing: 0.5px;
    text-transform: none;
}
.przyciskiKoszyk .button2 span{
    color: #fff;
}
.przyciskiKoszyk .button1{
    width: 170px;
    height: 30px;
    border: 1px solid #c6c6c6;
    border-radius: 5px;
    background-color: #f2f2f2;
    background-image: linear-gradient(bottom, #e5e5e5 50%, #f2f2f2 50%);
    background-image: -o-linear-gradient(bottom, #e5e5e5 50%, #f2f2f2 50%);
    background-image: -moz-linear-gradient(bottom, #e5e5e5 50%, #f2f2f2 50%);
    background-image: -webkit-linear-gradient(bottom, #e5e5e5 50%, #f2f2f2 50%);
    background-image: -ms-linear-gradient(bottom, #e5e5e5 50%, #f2f2f2 50%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.5, #e5e5e5),
        color-stop(0.5, #f2f2f2)
        );
    margin-right: 12px;

}

.przyciskiKoszyk .button2{
    width: 170px;
    height: 30px;
    border: 1px solid #ab0000;
    border-radius: 5px;
    background-color: #e70d12;
    background-image: linear-gradient(bottom, #da0005 50%, #e70d12 50%);
    background-image: -o-linear-gradient(bottom, #da0005 50%, #e70d12 50%);
    background-image: -moz-linear-gradient(bottom, #da0005 50%, #e70d12 50%);
    background-image: -webkit-linear-gradient(bottom, #da0005 50%, #e70d12 50%);
    background-image: -ms-linear-gradient(bottom, #da0005 50%, #e70d12 50%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.5, #e70d12),
        color-stop(0.5, #da0005)
        );
}

#my-account{
    background: #fff;
    border: 1px solid #D8D8DB;
    border-top: none 0px;
    padding: 5px 5px 55px 5px;
}
#my-account > h1{
    border-bottom: 2px solid #EF1E1E;
    color: #EF1E1E;
    font-family: Variable Black;
    font-size: 24px;
    margin: 0 20px 15px;
}
#my-account .blueNav > ul > li{
    float: left;
}
#my-account .blueNav > ul{
    border-bottom: 2px solid #EF1E1E;
    margin: 0 20px 15px;
}
#my-account #CustomerMySettingsForm fieldset{
    float: left;
    width: 50%;
    padding: 10px 0px;
    margin: 0;
}
#my-account #CustomerMySettingsForm .submit{
    clear: both;
    width: 100%;
    height: 40px;
}
#my-account #CustomerMySettingsForm .submit input{
    width: 170px;
    height: 30px;
    border: 1px solid #ab0000;
    border-radius: 5px;
    background: #e70d12;
    background-image: linear-gradient(bottom, #da0005 50%, #e70d12 50%);
    background-image: -o-linear-gradient(bottom, #da0005 50%, #e70d12 50%);
    background-image: -moz-linear-gradient(bottom, #da0005 50%, #e70d12 50%);
    background-image: -webkit-linear-gradient(bottom, #da0005 50%, #e70d12 50%);
    background-image: -ms-linear-gradient(bottom, #da0005 50%, #e70d12 50%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.5, #e70d12),
        color-stop(0.5, #da0005)
        );
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}
#my-account .text,
#my-account .email,
#my-account .tel,
#my-account .password,
#my-account .select{
    padding-bottom: 7px;
}
#my-account .text label,
#my-account .email label,
#my-account .tel label,
#my-account .password label,
#my-account .select label{
    width: 45%;
    padding-right: 5%;
    text-align: right;
    float: left;
}

#my-account .text input,
#my-account .email input,
#my-account .tel input,
#my-account .password input{
    border: 1px solid #d2d2d2;
    height: 25px;
    padding: 0 2%;
    width: 45%;
}
#my-account .select select{
    border: 1px solid #d2d2d2;
    height: 25px;
    width: 49%;
}
#my-account .text .error-message{
    text-align: center
}
#content .content{
    position: relative;
}
#my-account table{
    margin: 0 2%;
    width: 96%;
}
#my-account table tr td {
    padding: 3px 1px;
}

/* notices and errors */
.flash-message,
.infobox{
    padding: 2px 0px 4px 0px;
    color: #58585a;
    font: bold 12px/16px arial, sans-serif;
    background-color: #ffffff;
    text-align: center;
    background-repeat: no-repeat;
    background-position: 99% 7px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px solid #d5d5d5;
    position: absolute;
    z-index: 5;
    width: 100%;
    top: 20px;
}
#ajaxMsg-container{
    position: relative;
}
#flashMessage.error_message {
    background-color: #D80000;
    color: #fff;
    padding: 20px 5px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
}
#flashMessage.confirm_message {
    background-color: #e4fdcc;
}
#langExt{
    box-shadow: 0 1px rgba(0,0,0,0.1);
    background-image: url('../img/layouts/default/gradientLanguage.png');
    background-color: #fff;
    background-image: linear-gradient(bottom, rgb(229,229,229) 0%, rgb(255,255,255) 85%);
    background-image: -o-linear-gradient(bottom, rgb(229,229,229) 0%, rgb(255,255,255) 85%);
    background-image: -moz-linear-gradient(bottom, rgb(229,229,229) 0%, rgb(255,255,255) 85%);
    background-image: -webkit-linear-gradient(bottom, rgb(229,229,229) 0%, rgb(255,255,255) 85%);
    background-image: -ms-linear-gradient(bottom, rgb(229,229,229) 0%, rgb(255,255,255) 85%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(229,229,229)),
        color-stop(0.85, rgb(255,255,255))
        );
    width: 50px;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.25);
    right: 3px;
    padding: 10px 6px;
    position: absolute;
    top: 44px;
    z-index: 2500;
    display: none;
}
#langExt ul{
    margin: 2px 0 0 0;
}
#langExt ul li a{
    display: block;
    float: none;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    background: none!important;
}
#headerNav ul li div.language{
    padding: 0 10px;
    font: bold 13px/20px arial, sans-serif;
    color: #464445;
}
#headerNav ul li div.language{
    background: url('/img/layouts/default/langBtn.png') no-repeat 0 0;
    height: 30px;
    width: 50px;
    /*padding-left: 30px;*/
    font-size: 13px;
    cursor: pointer;
}
#headerNav ul li div.language span {
    display: block;
    position: relative;
    text-align: center;
    top: 2px;
    width: 34px;
    text-transform: uppercase;
}
#headerNav ul li div.language span a{
    background: none!important;
}


.hasPlaceholder{
    color: #a0a0a0;
}
.produktKoszyk .foto .img > .border.rama.clearfix{
    border:none;
}
.nettoPrices{
    margin: 0;
}
.orders .configurationTable tr td+td+td{
    display: none;
}

.old_price {
    text-decoration: line-through;
    color: #9b9b9b;
    display: block;
}
#my-account.orders table{
    border: none;
}
#my-account.orders td{
    background: transparent;
}
#my-account.orders tr{
    background: transparent;
}
#my-account.orders table.configurationTable tr.dark{
    background-color: #fff!important;
}
#my-account.orders table.configurationTable tbody{
    border: none!important;
}
.addresses tr td{
    padding: 5px!important;
}
.addresses tr td .pHeader{
    font-weight: bold;
}
a.deleteFile{
    display: block;
    background: url('../img/layouts/default/trash16.png') no-repeat 0 0;
    font-size: 0;
    text-indent: -9999px;
    height: 16px;
    width: 15px;
}
a.deleteFile > span{
    display: none;
}
.orders table.configurationTable tr td {
    display: inline;
}
table.windowConfigurator .light,
table.windowConfigurator .dark{
    background: transparent!important;
}

.shipmentMethods table{
    /*width: 350px;*/
}
.shipmentMethods h3{
    color: #E70D10;
}
.fl.shipmentMethodsAll {
    float: left;
    width: 320px;
}
.shipmentMethodForDeu h2{
    color: #E70D10;
    font-size: 1.3em;
}
.shipmentMethodForDeu h3{
    color: #000;
}
.shipmentMethods {
    margin: 5px 20px;
    width: 280px;
}
.shipmentMethods table tr td,
.shipmentMethods table tr th{
    padding: 3px 10px;
}
.shipmentMethods table tr th{
    border-bottom: 1px solid #ccc;
}
.shipmentMethods table tr th:nth-of-type(1),
.shipmentMethods table tr td:nth-of-type(1){
    border-right: 1px solid #ccc;
}

table .indent td{
    padding-left: 30px!important;
}
.orders .itemRow td{
    text-align: center;
}
.orders .itemRow td.itemDescription{
    text-align: left;
}
.orders table tfoot td{
    text-align: center;
}

#tinymce .galleries .gallery {
    width: 150px;
    height: 150px;
    margin: 30px 0 0 30px;
    float: left;
    text-align: center;
}

#tinymce .galleries {
    padding-bottom: 40px;
}

#transferInfo .orderPodsumowanie,
#my-account .orderPodsumowanie {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom: 1px solid #D8D8DB;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-image: none;
    border-left: 1px solid #D8D8DB;
    border-right: 1px solid #D8D8DB;
    border-top: medium none !important;
    margin: auto;
    padding: 20px;
    width: 868px;
}
#transferInfo .itemDescription{
    width: 408px;
}
#transferInfo{
    background: #fff;
    padding: 0 20px;
}
#transferInfo .orders{
    border: none!important;
}
#transferInfo .orders{
    padding-right: 0;
    padding-left: 0;
}
#transferInfo .transfer_line h2 {
    display: inline-block;
}
body.cursorProgress, body.cursorProgress * {
    cursor: progress;
}
#contactUs {
    background-color: #F5F5F5;
    border: 3px solid #f71f1f;
    height: 267px;
    left: 10px;
    position: fixed;
    bottom: 50px;
    width: 528px;
    padding: 10px 35px 10px 25px;
    z-index: 9999;
    background-color: #fff; /* layer fill content */
    -moz-box-shadow: 0 0 10px rgba(0,1,1,.25); /* drop shadow */
    -webkit-box-shadow: 0 0 10px rgba(0,1,1,.25); /* drop shadow */
    box-shadow: 0 0 10px rgba(0,1,1,.25); /* drop shadow */

}
#contactUs .absolute{
    position: absolute;
    color: #D90003;
}
#contactUs .contact{
    background: url('../img/layouts/default/contact0.png') no-repeat center right;
    width: 24px;
    height: 119px;
    top: 85px;
    right: 7px;
    text-indent: -9999px;
    font-size:0;
    cursor: pointer;
}

body.eng #contactUs .contact{
    background-image: url('../img/layouts/default/contact_en.png');
}

#contactUs .close{
    background: url('../img/layouts/default/contact_close.png') no-repeat 0 0;
    top: 10px;
    right: 10px;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    width: 16px;
    height: 16px;
    opacity: 0.5;
    text-indent: -9999px;
    font-size: 0px;
}
#contactUs .close:hover{
    opacity: 1.0;
}
#contactUs .contentBox{

}
#contactUs .contentBox .top{
    height: 180px;
    background: url('../img/layouts/default/woman.png') no-repeat left bottom transparent;
    padding-left: 150px;
    /*border-bottom: 1px solid #d90003;*/
    text-align: center;
}
#contactUs .contentBox .top .hgroup{
    top: 30px;
    position: relative;
}
#contactUs .contentBox .top h4{
    margin: 0 0 20px;
    color: #f71f1f; /* text color */
    font-family: "Arial";
    font-size: 24px;
    font-weight: bold;
}
#contactUs .contentBox .top h5.phone{
    color: #000;
    font-size: 30px;
    margin:0;
    font-family: 'Variable Bold';
}
#contactUs .contentBox .top h5.phone .red{
    letter-spacing: -1px;
    font-family: 'Variable Black';
}
#contactUs .contentBox .top h5.phone .star {
    font-size: 12px;
    position: relative;
    top: -16px;
}
.red{
    color: #f71f1f;
}
#contactUs .contentBox .top small.phone{
    display: block;
    margin-top: -5px;
    font-size: 12px;
    color: #000;
    font-weight: bold;
    margin-left: 110px;
    margin-top: -10px;
}
#contactUs .contentBox .bottom{

}
#contactUs .contentBox .bottom h6{
    color: #464345; /* text color */
    font-family: "Arial";
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 15px 0 10px 15px;
}
#contactUs .contentBox .bottom .text input, #contactUs .contentBox .bottom .tel input{
    margin: 0 30px 0 10px;
    padding: 0 10px;
    line-height: 32px;
    float: left;
    height: 32px;
    width: 160px;
    border: 1px solid rgba(198,198,198,.5); /* stroke */
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px; /* border radius */
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; /* prevents bg color from leaking outside the border */
    background-color: #fff; /* layer fill content */
    -moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,.15); /* inner shadow */
    -webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,.15); /* inner shadow */
    box-shadow: inset 1px 1px 5px rgba(0,0,0,.15); /* inner shadow */

}

#contactUs .contentBox .bottom .submit {
    clear: none;
    display: inline-block;
    float: left;
    position: absolute;
}
#contactUs .contentBox .bottom .submit input {
    background: url("../img/layouts/default/contactSubmit.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    padding: 6px 60px 8px 40px;
    width: 57px;
    cursor: pointer;
    font-weight: bold;
}
#contactUs .contentBox .bottom .submit input:hover {
    background: url("../img/layouts/default/contactSubmit.png") no-repeat scroll 0 -33px transparent;
}
#contactUs #warningContact {
    bottom: 50px;
    position: absolute;
    right: 20px;
    color: red;
}
#after_send {
    font-family: "Variable Black";
    font-size: 20px;
    margin: 30px 20px;
}


body.fre #header ul li a{
    padding: 0 21px;
}
body.fre #maszPytania{
    font-size: 14px;
}
body.fre #infoFooter .content .blok1 > div a span{
    font-size: 20px;
}
body.fre #footer div.content > div + div h1{
    line-height: 20px;
    margin-top: -18px;
}
body.fre #leftNav > li > a{
    font-size: 12px;
}
body.fre .rollerMore{
    right: 80px;
}
body.fre .step3form input[type="radio"] + label{
    font-size: 12px;
}
body.fre #rollerShutterContent{
    font-size: 11px;
}
body.fre .h200{
    height: 250px;
}
body.fre #rollerShutterContent h2, body.dan #rollerShutterContent h2{
    font-size: 12px;
}
body.fre #maszPytania{
    font-size: 10px;
    padding: 3px 30px 39px 22px;
}
body.fre #WindowConfigurationConcealedHingeDiv label{
    font-size: 12px;
}
body.fre #contactUs .contact{
    background: url('../img/layouts/default/contactfr.png') no-repeat center right;
}
body.fre .konfigurator .blok1 > div span{
    font-size: 19px;
}

body.dan #leftNav > li > a{
    font-size: 13px;
}
body.dan #maszPytania{
    font-size: 13px;
}
body.dan .buttonRed, body.fre .buttonRed{
    padding-left: 11px;
}
body.dan .step3form input[type="radio"] + label{
    font-size: 13px;
}
body.dan .orders .redButton, body.fre .orders .redButton{
    font-size: 15px;
}
body.dan #leftPanel h1.infolinia, #leftPanel .b2 h1, #leftPanel .kontakt h1{
    font-size: 21px;
}
body.dan .konfigurator > div > div a{
    font-size: 15px
}
#frontText{
    float: left;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 20px;

}
#frontText .topEl{
    color: #605a5a;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    width: 80%;
    padding-left: 10%;
    padding-right: 10%;
    margin-bottom: 20px;
}
#frontText .bottomEl{
    color: #605a5a;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    width: 80%;
    padding-left: 10%;
    padding-right: 10%;
    margin-top: 30px;
    float: left;
    margin-bottom: 30px;
}
#frontText .topEl p{
    font-size: 16px;
    line-height: 24px;
    padding-left: 12px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-left: 12px solid #F63535;
}
#frontText .box{
    width: 33%;
    clear: left;
    margin-top: 1px;
    float: left;
    padding-top: 0px;
    padding-bottom: 25px;
    padding-left: 2%;
    padding-right: 5%;
    background: url("../img/layouts/default/b1Belka2.png");
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 200px;
    /*font-family: "lato";*/
    border-right: 1px solid #dfdfdf;
}
#frontText .box2{
    width: 52%;
    float: left;
    padding-top: 0px;
    padding-bottom: 25px;
    padding-left: 5%;
    padding-right: 2%;
    margin-top:0px;
    border-bottom:  1px solid #dfdfdf;
    height: 200px;
    /*font-family: "lato";*/
}
#frontText .box2.bottomBox, #frontText .box.bottomBox{
    padding-top: 20px;
    margin-top: 0;
}
#frontText .box2.bottomBox{
    margin-top: -1px;
}
#frontText .box h3, #frontText .box2 h3{
    font-size: 24px;
    color: #000;
    font-weight: 300;
    width: 100%;
    margin: 0;
    margin-bottom: 10px;
    margin-top: 15px;
    font-family: Variable Bold;
}
#frontText  p, #frontText .box ul{
    font-size: 12px;
    color: #000;
    line-height: 18px;
    margin-bottom: 0;
}
#frontText .box ul, #frontText .box2 ul{
    list-style-position: inside;
    margin: 0;
    padding: 0;
}
#frontText .box ul li, #frontText .box2 ul li{
    margin: 0;
    line-height: 16px;
}
.orders .skonfigurujDodatkowo
{
    border-top: 1px solid #d8d8db;
    overflow: hidden;
}
.orders .skonfigurujDodatkowo a
{
    padding: 18px 20px 18px 41px;
    display: block;
    background: url('../img/layouts/default/add.png') no-repeat 15px center #1377B3;
    color: #fff;
    font: 14px/14px arial, sans-serif;
    border-right: 1px solid #d8d8db;
    float: left;
    margin-right: 10px;
}
.orders .skonfigurujDodatkowo a:hover
{
    background-color: #0f507a;
}

#paypal-button-container {
    width: 200px;
    margin-bottom: 20px;
}