body{font-family: sans-serif}
header{height:95px;border-bottom:1px solid #2a323d;background-color:#fff;color:#808080}header .container{text-align:right}
header .img-logo-p24{float:left;display:inline-block}
header .box{height:94px;padding:20px;display:inline-block;text-align:center;border-right:1px solid #d2d2d2;float:right}header .box.box-last{border-left:1px solid #d2d2d2}
header .shop-name{font-weight:bold;font-size:18px}
header .box-time .gauge{border-radius:50%;width:60px;height:60px;background-image:linear-gradient(90deg, #f00 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)),linear-gradient(270deg, #f00 50%, #fff 50%, #fff)}
header .box-time .background{border-radius:50%;position:absolute;margin:5px;background-color:#fff;width:50px;height:50px}
header .box-time .value{border-radius:50%;position:absolute;margin:2px;background-color:#2a323d;color:#fff;width:46px;height:46px;padding-top:13px;font-size:14px}
header .box-info{cursor:pointer}header .box-info p{text-transform:uppercase;font-weight:bold;font-size:12px;padding-top:6px;margin:0}
header .box-lang ul{min-width:auto !important;width:100%;margin:0;padding:0;border-radius:0 !important;position:absolute;border-bottom-color:#2a323d;border-left-color:#2a323d;border-right-color:#2a323d;border-top-color:#fff}
header .box-lang img{margin:15px auto;display:block}
header .box-lang>img{margin-bottom:5px}
footer{height:110px;border-bottom:10px solid #d2d2d2;background-color:#fff}footer div{height:100px}
footer .img-logo{opacity:.5;-webkit-filter:grayscale(1);-moz-filter:grayscale(1);-ms-filter:grayscale(1);-o-filter:grayscale(1);filter:grayscale(1);filter:#808080}footer .img-logo:hover{opacity:1;-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0);filter:none}
footer .row>div{border-right:1px solid #d2d2d2;text-align:center}footer .row>div>a{display:inline-block}footer .row>div>a.href{margin:40px 10px 0}
footer .row>div:last-child{border-right:none}
main{background-image: url(../images/tlo_telefonia_kolor.jpg);background-color:#e8e8e8;border-bottom:7px solid #2a323d;min-height:50px;padding:20px}main section{background:#fff;padding:10px 0 40px;margin:3px 0 25px 0;box-shadow:0 2px 2px #d2d2d2}main section>.row .margin{margin:0 30px}main section>.row .bank-item.rowspan-1,main section>.row .bank-item{height:95px}
main section>.row .bank-item.rowspan-2{height:190px}
main section>.row .bank-item.rowspan-3{height:285px}
main section>.row .bank-item.rowspan-4{height:380px}
main section.order-info{background:#2a323d;color:#fff;margin:0;padding:0 20px;position:relative;top:-20px;font-size:18px}main section.order-info>div{padding:0 20px 10px}
main section.order-info .label{padding-left:0}main section.order-info .label::after{content:":"}
main section.order-info .value{font-weight:bold}
main section.order-info .row>div{border-top:1px solid #808080;padding-top:10px}
main section.order-info .row:first-child>div{border-top:none}
main section.order-info .row:last-child>div{border-top:1px solid #fff}
main section.method-group>h2{padding:0 0 10px;font-size:16px;text-align:center;color:#808080}
main section.method-group>.row{border-color:#d2d2d2;border-style:solid;border-width:1px 0 0 1px}main section.method-group>.row>.bank-item,main section.method-group>.row>.show-more-area>.bank-item{border-color:#d2d2d2;border-style:solid;border-width:0 1px 1px 0;text-align:center;display:block}
main section.method-group .show-more{text-align:center;cursor:pointer;padding-top:20px;font-size:16px;font-weight:bold;color:#808080;text-transform:uppercase}
.onetab-left{background:#fff;border-radius:6px 6px 0 0;padding:3px 0 3px 30px;font-size:18px;height:70px}
.onetab-left .tab-nr{padding:12px 17px;background:#f5f5f5;border:1px solid #e8e8e8;color:#808080;border-radius:3px;display:inline-block;float:left;margin:7px 10px 0 -23px}
.onetab-left .tab-title{vertical-align:middle;height:65px;display:table-cell}
.onetab-right{height:70px;padding:0 0 5px 0}.onetab-right>div{border-radius:0 0 0 6px;text-align:right;height:63px;padding:20px 0}
.amount.value{color: red}
.amount-item{border-right:1px solid #d2d2d2;padding:10px;font-size:18px}.amount-item.amount-item-last{border-right:none !important}
.amount-item .amount{font-weight:bold;color:#df3133}
.amount-item .amount-conversion{font-size:12px}
.bank-logo{display:inline-block;position:relative;top:50%;margin-top:-50%}
.flag{display:block;cursor:pointer;margin:10px auto;border:1px solid #808080}
.img-logo-p24,.img-logo-thawte,.img-logo-pcidss,.img-logo-knf,.img-logo-ru,.img-logo-pl,.img-logo-it,.img-logo-fr,.img-logo-es,.img-logo-en,.img-logo-de{background-image:url('../images/logo.png');background-repeat:no-repeat}
.img-logo-p24{background-position:0 0;width:219px;height:87px}
.img-logo-thawte{background-position:0 -87px;width:152px;height:83px}
.img-logo-pcidss{background-position:-219px 0;width:152px;height:81px}
.img-logo-knf{background-position:-219px -81px;width:118px;height:47px}
.img-logo-ru{background-position:-337px -81px;width:32px;height:22px}
.img-logo-pl{background-position:-337px -103px;width:32px;height:22px}
.img-logo-it{background-position:-219px -128px;width:32px;height:22px}
.img-logo-fr{background-position:-251px -128px;width:32px;height:22px}
.img-logo-es{background-position:-283px -128px;width:32px;height:22px}
.img-logo-en{background-position:-315px -128px;width:32px;height:22px}
.img-logo-de{background-position:-152px -87px;width:32px;height:22px}
.added-image{width: 170px}
.banner{font-size:24px;padding:1px 20px;text-align:center;color:#fff;margin:0;display:block}.banner:link,.banner:visited,.banner:hover,.banner:active,.banner:focus{text-decoration:none;color:#fff}
.banner .glyphicon{float:right;font-size:60px;margin-top:-10px}
.banner p{font-size:14px}
.banner-success{background-color:#bac664;color:#fff}
.banner-danger{background-color:#df3133;color:#fff}
.banner-info{background-color:#2e90bd;color:#fff}
.progress-bar-success,.banner-success{background:linear-gradient(to bottom, #bac664, #849314)}
.progress-bar-danger,.banner-danger{background:linear-gradient(to bottom, #df3133, #b21c1e)}
.progress-bar-info,.banner-info{background:linear-gradient(to bottom, #2e90bd, #2883b0)}
.progress.rounded{border-radius:15px;height:30px;margin-top:-5px;margin-bottom:-5px;position:relative;background:linear-gradient(to bottom, #484b50, #7c8187)}.progress.rounded .progress-bar{border-radius:15px}
.label{font-size:16px;color:gray}
.small-label{font-size:13px;color:gray;text-align:justify; word-break: keep-all}
.not-break {word-break: keep-all}
.value{font-size:16px;color:gray;font-weight:bold}
.darker{padding:20px;background:#f5f5f5}
.center{text-align:center}
.left{text-align:left}
.right{text-align:right}
a.href{color:#808080;text-decoration:none;height:auto}a.href:hover{color:#2a323d}
.row.highlight{padding:30px;margin:20px 0;border:1px solid #d2d2d2;border-width:1px 0;background-color:#f5f5f5}.row.highlight input{margin:5px}
@media (min-width:992px) {
    .onetab-right{float:right}
    .container-2 {
        width: 640px;
    }
}
@media (min-width:768px) {
    .modal-dialog{margin-top:300px}
}
@media (max-width:991px) {
    header .box-info{display:none} footer,footer div{height:auto} footer .row>div{border-right:none}
}
@media (max-width:1199px){
    footer .row>div>a.href{margin-top:20px}
}
@media (max-width:580px){
    header .img-logo-p24{zoom:.5;margin-top:45px}
}
.btn-lg{font-size: 29px}
.customBg{background-color: rgba(255, 255, 255, 0.7);}
.col-centered{
    float: none;
    margin: 0 auto;
}
button.btn,
a.btn {
    border-radius: 0;
    text-transform: uppercase;
    box-shadow: 0 2px 0 #dfddde;
    border: 1px solid #dfddde;
}
button.btn:after,
a.btn:after {
    content: "\e258";
    font-family: 'Glyphicons Halflings';
    position: relative;
    top: 2px;
    margin-left: 30px;
}
button.btn.btn-close:after,
a.btn.btn-close:after {
    content: "\e014";
}
button.btn.btn-check:after,
a.btn.btn-check:after {
    content: "\e013";
}
button.btn.btn-refresh:after,
a.btn.btn-refresh:after {
    content: "\e031";
}
button.btn.btn-back:after,
a.btn.btn-back:after {
    content: "";
    margin-left: 0;
}
button.btn.btn-back:before,
a.btn.btn-back:before {
    content: "\e257";
    font-family: 'Glyphicons Halflings';
    position: relative;
    top: 2px;
    margin-right: 30px;
}
button.btn-success,
a.btn-success {
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAMLCwgAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==) repeat-y right 45px top, linear-gradient(to bottom, #279d2d, #08742d);
}
button.btn-success:hover,
a.btn-success:hover,
button.btn-success:focus,
a.btn-success:focus {
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAMLCwgAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==) repeat-y right 45px top, linear-gradient(to bottom, #25952b, #076a29);
}
button.btn-success:active,
a.btn-success:active {
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAMLCwgAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==) repeat-y right 45px top, linear-gradient(to top, #279d2d, #05441a);
}
button.btn-danger,
a.btn-danger {
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAMLCwgAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==) repeat-y right 45px top, linear-gradient(to bottom, #df3133, #b21c1e);
}
button.btn-danger:hover,
a.btn-danger:hover,
button.btn-danger:focus,
a.btn-danger:focus {
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAMLCwgAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==) repeat-y right 45px top, linear-gradient(to bottom, #de282a, #a91b1d);
}
button.btn-danger:active,
a.btn-danger:active {
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAMLCwgAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==) repeat-y right 45px top, linear-gradient(to top, #df3133, #861517);
}
button.btn-info,
a.btn-info {
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAMLCwgAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==) repeat-y right 45px top, linear-gradient(to bottom, #2e90bd, #2883b0);
}
button.btn-info:hover,
a.btn-info:hover,
button.btn-info:focus,
a.btn-info:focus {
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAMLCwgAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==) repeat-y right 45px top, linear-gradient(to bottom, #2c8ab5, #267da8);
}
button.btn-info:active,
a.btn-info:active {
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAMLCwgAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==) repeat-y right 45px top, linear-gradient(to top, #2e90bd, #1f6486);
}
button.btn-warning,
a.btn-warning {
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAMLCwgAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==) repeat-y right 45px top, linear-gradient(to bottom, #a5a9a8, #a2a3a4);
}
button.btn-warning:hover,
a.btn-warning:hover,
button.btn-warning:focus,
a.btn-warning:focus {
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAMLCwgAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==) repeat-y right 45px top, linear-gradient(to bottom, #a0a4a3, #9d9e9f);
}
button.btn-warning:active,
a.btn-warning:active {
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAMLCwgAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==) repeat-y right 45px top, linear-gradient(to top, #a5a9a8, #88898b);
}
button.btn-default,
a.btn-default {
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAMLCwgAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==) repeat-y right 45px top, linear-gradient(to bottom, #ffffff, #eeeeee);
}
button.btn-default:hover,
a.btn-default:hover,
button.btn-default:focus,
a.btn-default:focus {
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAMLCwgAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==) repeat-y right 45px top, linear-gradient(to bottom, #eeeeee, #dddddd);
}
button.btn-default:active,
a.btn-default:active {
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAMLCwgAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==) repeat-y right 45px top, linear-gradient(to top, #eeeeee, #dddddd);
}
button.btn-back,
a.btn-back {
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAMLCwgAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==) repeat-y left 45px top, linear-gradient(to bottom, #ffffff, #eeeeee);
}
button.btn-back:hover,
a.btn-back:hover,
button.btn-back:focus,
a.btn-back:focus {
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAMLCwgAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==) repeat-y left 45px top, linear-gradient(to bottom, #eeeeee, #dddddd);
}
button.btn-back:active,
a.btn-back:active {
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAMLCwgAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==) repeat-y left 45px top, linear-gradient(to top, #eeeeee, #dddddd);
}
button.btn-danger.btn-back,
a.btn-danger.btn-back {
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAMLCwgAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==) repeat-y left 45px top, linear-gradient(to bottom, #df3133, #b21c1e);
}
button.btn-danger.btn-back:hover,
a.btn-danger.btn-back:hover,
button.btn-danger.btn-back:focus,
a.btn-danger.btn-back:focus {
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAMLCwgAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==) repeat-y left 45px top, linear-gradient(to bottom, #de282a, #a91b1d);
}
button.btn-danger.btn-back:active,
a.btn-danger.btn-back:active {
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAMLCwgAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==) repeat-y left 45px top, linear-gradient(to top, #df3133, #861517);
}
button.btn-lg,
a.btn-lg {
    margin: 20px 10px;
    font-size: 16px;
}
.panel-body  {
    word-break:break-all;
    padding-left: 30px; padding-right: 30px
}
.container-2 {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}