html, :root body { font-size:16px; height:100%; color:#383838; }
header .logo { display: inline-block; }
.icon-logo { background:transparent url("/web/img/logo.PNG") 0 0 no-repeat; width:216px; height:91px; max-height:100%; max-width:100%; background-size:contain; display:inline-block; }

.arrow { display:inline-block; width:33px; height:33px; }
.arrow:before { display:inline-block; width:100%; height:100%; content:" "; background:transparent url("/web/img/arrow.PNG") 0 0 no-repeat; background-size:100% 100%; }
.arrow-gray:before { background-image: url("/web/img/arrow_gray.PNG"); }

.arrow-up:before { transform: rotate(-90deg); }
.arrow.down:before { transform: rotate(90deg); }
.arrow.left:before { transform: rotate(180deg); }
.arrow.right:before { transform: rotate(0deg); }

.arrow-lg { width:44px; height:44px; }
.arrow-md { width:33px; height:33px; }
.arrow-sm { width:22px; height:22px; }
.arrow-xs { width:11px; height:11px; }

header .navbar-brand,
footer .navbar-brand { height:105px; }


header .navbar-menu { margin-top:15px; }

header .navbar-form { margin-top:30px; }
header .navbar-form .input-group { width:100%; max-width:100%; position:relative;  }
header .navbar-form .input-group .form-control { width:100%; font-size:20px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;  }
header .navbar-form .input-group-btn { position:absolute; top:50%; right:0; margin-top:-16px; margin-right:2px; display:inline-block; width:auto; }
header .navbar-form .input-group-btn .btn { background:white; padding:0 10px; height:auto; line-height:1; z-index:3; border-width:0 !important; }

header .navbar-right { margin-right: 0; }


body .panel-left h2 a { color:#0b84d1; font-weight:bold; font-size: 2rem; }
body .panel-left .media {margin-top: 3px;}
 

main a { color: #0b84d1; }
main a:hover { color: #0b84d1; }

main h1,
main h1 a,
main h1 a:hover,
main h2,
main h2 a,
main h2 a:hover,
main h3 a,
main h3 a:hover { color: #f00885; font-weight:bold; }

body p {  font-size:120%; margin-bottom:5px; }



/** ARTICLES */

.article_preview .media-body a { color:#383838; text-decoration:none; }
.article_preview h2.media-heading {font-size: 25px; line-height: 1.3; }
.article_preview .clearfix {height: 2px;} 
.article-rating { min-width:110px; }
.article-rating .rating-item > * { color:#e6e6e6; }
.article-rating .rating-item.active > * { color:#f1e400; }


.banner { background: #e2e2e2; color: #a8a8a8; font-size:35px; text-align:center; font-weight:bold; }
.banner-270-270 { width:270px; height:270px; max-width:100%; }


.write_with_us { background: transparent url("/web/img/piste_s_nami.png") left top no-repeat; background-size:100% auto; text-align:right; padding-top:20px; padding-right:20px; padding-left:100px; height:300px; }
.write_with_us a,
.write_with_us a:focus,
.write_with_us a:hover { color:#968400; }
.write_with_us form { max-width:100%; width:500px; }
.write_with_us .form-control { border-radius:0; border-color:#e1cf61; }
.write_with_us .btn-default,
.write_with_us .btn-default.active,
.write_with_us .btn-default:active,
.write_with_us .btn-default:hover,
.write_with_us .btn-default:focus { background: #e1cf61; padding:5px; line-height:1; }

footer .navbar { padding-top:0px; padding-bottom:0px; box-shadow:inset 0 15px 15px rgba(0, 0, 0, .05); }
footer .navbar-brand { opacity:.5; }
footer .top-link { margin-top:20px; }
footer .navbar-nav { padding-top:35px; }
footer a,
footer .navbar .navbar-nav > li > a { color: #f00885; }
footer .copyright { border-left:1px solid #e8e8e8; padding-top:20px; color:#909090; margin-top:20px; height:100px; }

.block { display:block; }
.text-bold { font-weight:bold; }

/*
.grid-left { background:rgba(255, 0, 0, .3); }
.grid-middle { background:rgba(0, 255, 0, .3); }
.grid-right { background:rgba(0, 0, 255, .3); }
.grid-middle-and-right { background:rgba(0, 255, 255, .3); }
*/

@media (min-width: 992px){
        body .grid-left { width:25%; float:left; padding-right: 30px; }
        body .grid-middle { width:60%; float:left; }
        body .grid-right { width:15%; float:right; }
        body .grid-middle-and-right { width:75%; float:right; }
        body header .navbar-form .input-group { width:600px; max-width:40vw; }
}

.article_text p {
  padding-bottom: 20px;
}

.file_story {
    width: 100%;
    margin-bottom: 30px;
}

/* QR PLATBY */

.qr_platby {

    border-top: 1px solid black;
    margin-top: 60px;

}

.qr_platby img {
    max-width: 250px;
}