body { 
  background-color: #fff;
  color: #333333;
}
a { color: #000; }

.katalog-casopis { font-family: Sans-Serif; font-size: 12px;  text-align: center;  color: #333; position: relative; padding: 4px; margin-bottom: 70px;}
.katalog-casopis-foto {     height: 300px; overflow: hidden; }
.katalog-casopis .katalog-casopis-foto img { max-width: 230px;
/*border: solid 1px #e6e6e6; padding: 2px;*/ box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.35);
}
.katalog-casopis .katalog-casopis-popis { margin-top: 5px; height: 99px; overflow: hidden;}
.katalog-casopis .katalog-casopis-popis h4 { /*font-family: 'Titillium Web', sans-serif;*/ font-size: 18px; font-weight: 700; color: #adadad; margin-bottom: 2px;}
.katalog-casopis .katalog-casopis-cena { color: #FF9900; font-size: 14px; font-weight: 700; height: 30px;}
.katalog-casopis .katalog-casopis-objednat { height: 40px;
}
.katalog-casopis .katalog-casopis-objednat .btn-warning { color: #000; }
.katalog-casopis .jedar { background: url(/imgs/jedar.png); position: absolute; top: 0; right: 0; width: 45px; height: 45px; }

.msmf-header { background: url(/imgs/mfautoklub_hlavicka.jpg?v=019); background-position: center; background-repeat: no-repeat; height: 385px; margin-bottom: 25px;}

.msmf-header .row, .msmf2-header .row { height: 100%;}
.msmf-header .row .col-md-12, .msmf2-header .col-md-12 { height: 100%;}
.msmf-header a, .msmf2-header a {display:block; height: 100%;}

.msmf-copyright { margin-top: 30px; margin-bottom: 30px;}

/* btn */
.btn-mf {background: linear-gradient(to bottom, #f8f8f8 0%,#bfbfbf 70%,#9a9a9a 100%);
    border: solid 2px #6a6a6a;
    color: #000000;
    font-weight: bold;
    font-size: 1.2em;
        border-top: none;
    border-right: none;
    padding-bottom: 2px;
    padding-left: 24px;
    padding-right: 24px;
    border-radius: 2px;
}
.btn-mf:hover {background: linear-gradient(to bottom, #ffffff 0%,#cfcfcf 70%,#aaaaaa 100%);
    border: solid 2px #8a8a8a;
    color: #333333;
    font-weight: bold;
    font-size: 1.2em;
    border-top: none;
    border-right: none;
    padding-bottom: 2px;
    padding-left: 24px;
    padding-right: 24px;
    border-radius: 2px;
}

.btn-mf2 {background: linear-gradient(to bottom, #f3648d 0%,#b70c1b 70%,#df204d 100%);
    /*border: solid 2px #6a6a6a;*/
    color: #ffffff;
    font-weight: bold;
    font-size: 1.2em;
        border-top: none;
    border-right: none;
    padding-bottom: 2px;
    padding-left: 24px;
    padding-right: 24px;
    border-radius: 2px;
}
.btn-mf2:hover {background: linear-gradient(to bottom, #d34773 0%,#970004 70%,#bf0036 100%);
    /*border: solid 2px #8a8a8a;*/
    color: #eeeeee;
    font-weight: bold;
    font-size: 1.2em;
    border-top: none;
    border-right: none;
    padding-bottom: 2px;
    padding-left: 24px;
    padding-right: 24px;
    border-radius: 2px;
}

@media (max-width: 992px) {
.msmf-header, .msmf2-header {    background-size: 170%;
    background-position-y: top;
    background-size: cover;}
.btn-mf {
    font-weight: bold;
    font-size: 1.0em;
        border-top: none;
    border-right: none;
    padding-bottom: 2px;
    padding-left: 12px;
    padding-right: 12px;
    border-radius: 2px;
}    
}

@media (max-width: 768px) {
.msmf-header, .msmf2-header {   
    height: 138px;}
}