/*   ---       OBECNÉ      ---      */
html { 
    min-height: 100%; 
    position: relative;    
}
body {
    font-family: "open-sans",sans-serif;
    background-color: #EEDFC8;
    background-size: cover;    
    font-weight: 300;
    color: #454545;
}

h1, h2, h3 {
    color: #1D70B7;
    font-size: 1.6em;
    font-weight: bold;
}
h3 {
    text-transform: uppercase;
    font-size: 1.4em;
}
h4 {
    font-weight: 700;
    margin-top: 1em;
}
a, a:visited {
    text-decoration: underline;
    color: #454545;
}
a:hover {
    text-decoration: none;
}
h2 a, h2 a:visited {
    color: #1d70b7;
}
iframe.map {
    width: 95%;
    height: 250px;
    margin: 0.5em 2%;
    border: none;
}
.g-recaptcha {
    transform:scale(0.77);
    transform-origin:0 0
}

/*   ---       HLAVIČKA      ---      */
#hlavicka .container-fluid {
    border-bottom: 1px solid #000;
}
#hlavicka {
    background-color: #FFF;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
}
.logo {
    margin: 15px 0;
    transition: height 0.8s ease-in-out;
}
.popis {
    color: #1D70B7;
    position: absolute;
    top: 15px;
    right: 0;
    text-align: right;
    transition: all 0.8s ease-in-out;
    z-index: 0;
}
#menu  {
    margin-top: 80px;
    font-size: 0.9em;
    font-weight: bold;
    transition: all 0.8s ease-in-out;
    z-index: 9999;
}
#menu a {
    color: #666;
    text-transform: uppercase;
    text-decoration: none;
}
#menu a:hover {
    color: #E20613;
    background-color: transparent;
}
.tmavy, .tmavy .panel-heading {
    background-color: #113467;
    color: #FFF;
}



/*   ---       STRÁNKA      ---      */
.obrazek, .obrazek2 {
    top: 71px;
    left: 0;
    height: 450px;
    width: 100%;
    position: fixed;
    transition: all 0.8s ease-in-out;
}
.obrazek {
    background: transparent url(../images/head.jpg) center 0 no-repeat;
    background-size: cover;
}
.obrazek2 {
    background: transparent url(../images/head2.jpg) center 0 no-repeat;
    background-size: cover;    
}
.obrazekNovinky {
    float: left;
    margin: 0 10px 10px 0;
}
.obrazekNovinkyUvod {
    width: 100%;
}
#stranka {
    padding: 2em 2em;
    z-index: 0;
    line-height: 1.5em;
}
.odsazeni {
    margin-top: 480px;
}
.odsazeni2 {
    margin-top: 80px;
}
.stranka1 {
    background-color: #FFF;
    background: -webkit-linear-gradient(left, white, rgba(255,255,255,0.9));
    background: linear-gradient(to right, white, rgba(255,255,255,0.9));     
}
.stranka2 {
    background-color: #FFF;
}
.nadpis {
    background: #113467 url(../images/nadpis.jpg) no-repeat;
    background-size: cover;
    border-bottom: 1px solid #1D70B7;
}
#stranka .text li {
    margin-bottom: 1em;
    list-style-type: circle;
}
#stranka button.navbar-toggle, .nabidka2 button.navbar-toggle {
    width: 100%;
    float: none;
    text-align: center;
    border: 1px solid grey;
    margin: 0;
}
.ilustrace {
    border-bottom: 1px solid #113467;
}
.ilustrace img {
    width: 100%;
}
.nadpis h2 {
    text-transform: uppercase;
    color: #FFF;
    text-align: center;
    font-size: 2em;
    padding: 1.5em 0;
}
.nadpis p {
    color: #FFF;
    margin: 0 20px 90px 20px;
}
.columnleft {
    padding: 0;
    overflow: hidden;
}
.mobile {
    float: left;
    margin-top: 3px;
}


/*   ---       NABÍDKA SLUŽEB      ---      */
#nabidka {
    margin-left: 20px;
}
#nabidka li {
    padding: 10px 10px 10px 0;
    display: inline-block;
    width: 24%;
}
#nabidka li.last {
    padding: 0;
}
.cara {
    border-right: 2px solid red;
    margin-right: 5px;
}
.nabidka2 {
    padding: 120px 25px 0 25px;
    margin-bottom: 0;
}
#nabidka a {
    position: relative;   
    height: 177px;  
    text-decoration: none;
    text-align: center;
    overflow: hidden;
    font-size: 1.1em;
    font-weight: 600;
    margin: 0 auto;
    color: #FFF;
    transition: all .3s ease;  
}
#nabidka a:hover {
    background-color: #DB2F34;
    color: #FFF;
}
.top {
    position: absolute;
    left: 0;
    top: 146px;
    width: 100%;
    text-transform: uppercase;
}
#nabidka a.osobni {
    background: #1D70B7 url(../images/osobni_vozidla.jpg) center 0 no-repeat; 
}
#nabidka a.nakladni {
    background: #1D70B7 url(../images/nakladni_vozidla.jpg) center 0 no-repeat; 
}
#nabidka a.autobusy {
    background: #1D70B7 url(../images/autobusy.jpg) center 0 no-repeat; 
}
#nabidka a.stec {
    background: #1D70B7 url(../images/s-tec.jpg) center 0 no-repeat; 
}
#nabidka a.stavebni {
    background: #1D70B7 url(../images/stavebni_stroje.jpg) center 0 no-repeat; 
}
#nabidka a.zemedelske {
    background: #1D70B7 url(../images/zemedelska_technika.jpg) center 0 no-repeat; 
}
#nabidka a.ostatni {
    background: #1D70B7 url(../images/ostatni.jpg) center 0 no-repeat; 
}
#nabidka a.specialni {
    background: #1D70B7 url(../images/specialni.jpg) no-repeat; 
}
#nabidka a:hover {
    background-color: #E20613;  
}




/*   ---       TIRÁŽ      ---      */
#tiraz {
    position: relative;
    color: #FFF;
}
#tiraz .container-fluid {
    background: #1D70B7 url(../images/tiraz.jpg) no-repeat;  
    background-size: cover;
    padding: 2em 0;
    font-size: 0.8em;
}
#tiraz a, .tmavy a, .tmavy a:visited {
    color: #FFF;
}
a.webdesign {
    background: transparent url(../images/krajicek_a.png) 0 center no-repeat;
    display: block;
    width: 170px;
    height: 27px;
}
a:hover.webdesign {
    background: transparent url(../images/krajicek_b.png) 0 center no-repeat;
}


/*   ---       VERTIKÁLNÍ MENU      ---      */
#menu2 ul {
    padding: 0;
    margin: 0;
    width: 100%;
}
#menu2 ul li {
    display: block;
    width: 100%;
    background-color: #113467;
}
#menu2 li:first-child a, #menu3 li:first-child a {
    border-top: 0;
}
#menu2 a, #menu3 ul li a {
    color: #FFF;
    width: 100%;
    display: block;
    padding: 0.6em 0 0.6em 2em;
    font-size: 1.2em;
    font-weight: 300;
    text-decoration: none;
}
#menu2 a {
    border-top: 1px solid #1D70B7;
}
#menu2 a:hover, #menu2 a:focus, #menu3 a:hover {
    text-decoration: none;
}
.caret {
    border-width: 8px;
}
#menu2 ul li:hover, #menu2 .dropdown-menu a:hover {
    background-color: #1D70B7;
}
#menu2 button {
    background-color: #113467;
    border-radius: 0;
    color: #FFF;
}
#menu2 button.navbar-toggle {
    border: none;
}

#menu2 .dropdown-menu {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    border: none;
    box-shadow: none;
    font-size: 0.8em;
}
#menu2 .dropdown-menu a {
    border: 0;
    margin-left: 3em;
}
#menu .dropdown-menu a:hover {
    
}
#menu3, #menu3 a, #menu3 a:visited {
    color: #FFF;
}
#menu3 ul, div#menu3 {
    border-top: 2px solid #E20613;
    margin-top: 2em;
    padding-left: 0;
    padding-top: 2em;
}
#menu3 ul li {
    background-color: #1D70B7;
    display: block;
}
#menu3 ul li:hover {
    background-color: #113467;
}
#menu3 ul li a {
    border-top: 1px solid #113467;
}
#popUp .modal-body {
    font-size: 1.3em;
    color: #337ab7;
}

/*   ---       ESHOP     ---      */
.multi-column {
   -moz-column-count: 2;
   -moz-column-gap: 20px;
   -moz-column-fill: auto;
   -webkit-column-count: 2;
   -webkit-column-gap: 20px;
   column-count: 3;
   column-gap: 20px;
   column-fill: auto;
   list-style-position: inside;
}
ul.kosik-menu {
    position: absolute;
    bottom: 10px;
    padding-left: 1.5em;
}
ul.kosik-menu li {
    display: inline-block;
    
}
a.kosik {
    background: transparent url(../images/kosik2_a.png) 0 center no-repeat;
    display: block;
    width: 49px;
    height: 46px;
    margin-right: 2em;
}
a:hover.kosik {
    background: transparent url(../images/kosik2_b.png) 0 center no-repeat;
}
a.podminky {
    background: transparent url(../images/text_a.png) 0 center no-repeat;
    display: block;
    width: 49px;
    height: 46px;
    position: relative;
}
a:hover.podminky {
    background: transparent url(../images/text_b.png) 0 center no-repeat;
}
a.privacy {
    background: transparent url(../images/text_a.png) 0 center no-repeat;
    display: block;
    width: 49px;
    height: 46px;
    position: relative;
    margin-left: 80px;
}
a:hover.privacy {
    background: transparent url(../images/text_b.png) 0 center no-repeat;
}
.zboziBox {
    background-color: #FFF;
    border: 1px solid #A1A1A1;
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    justify-content: space-between;
}
.columnleft .zboziBox {
    margin-bottom: 10px;
}
.eshopImage {
    width: 90%;
}
.zboziPruh {
    background-color: #A1A1A1;
    padding: 5px;
    margin-top: 5px;
    flex-grow: 1;
}
.zboziBox .cena {
    background-color: #636363;
    color: #FFF;
    font-weight: 700;
    padding-top: 5px;
    font-size: 1em;
}
.zboziBox .cena a,.zboziBox .cena a:visited {
    color: #FFF;
    text-decoration: underline;
}
.zboziBox .cena a:hover {
    text-decoration: none;
}
.zboziBox a, .zboziBox a:visited {
    text-decoration: none;
}
.zboziBox ul {
    padding: 0;
    margin: 0;
}
.zboziBox li {
    display: inline-block;
    margin-right: 10px;
}
.zboziBox a:hover {
    text-decoration: underline;
}
a.infoZbozi {
    background: transparent url(../images/info_a.png) center center no-repeat;
    display: block;
    width: 29px;
    height: 38px;
}
a:hover.infoZbozi {
    background: transparent url(../images/info_b.png) 0 center no-repeat;
}
a.kosikZbozi {
    background: transparent url(../images/kosik_a.png) 0 center no-repeat;
    display: block;
    width: 59px;
    height: 38px;
}
a:hover.kosikZbozi {
    background: transparent url(../images/kosik_b.png) 0 center no-repeat;
}
.cena {
    font-size: 1.5em;
    font-weight: 700;
}
.pocet {
    position: absolute;
    top: -20px;
    left: 50px;
    color: #FFF;
    background-color: #E20613;
    font-weight: 700;
    font-size: 1.3em;
    border-radius: 50%;

    padding: 8px;
}
.orderSteps li {
    display: inline-block;
    width: 24%;
    
}
.orderSteps li a, .orderSteps li a:visited {
    text-decoration: none;
}
.orderSteps li a:hover {
    text-decoration: underline;
}
.orderSteps {
    margin-bottom: 4em;
    padding: 0;
    text-align: center;
}
.step {
    display: inline-block;
    padding: 8px;
    margin-right: 4px;
    width: 40px;
    border-radius: 50%;
    background-color: #1D70B7;
    color: #FFF;
    font-weight: 700;
    font-size: 1.2em;
}
a:hover .step, .aktualni {
    background-color: #DB2F34;
}
ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}

ol > li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
}

ol > li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.6em;    
}

li ol > li:before {
  content: counters(item, ".") " ";
}
.red {
    color: #E20613;
}
a.podminky span {
    position: absolute;
    left: 40px;
    display: block;
    color: #FFF;
    text-decoration: none;
    margin: 0;
}
a:hover.podminky span, a:hover.privacy span {
    text-decoration: underline;
}
a.privacy span {
    position: absolute;
    left: 40px;
    display: block;
    color: #FFF;
    text-decoration: none;
    margin: 0;
}
.eshop .col-md-6 {
    outline: 1px solid #1D70B7;
    outline-offset: -10px;
    padding: 10px;
}
.eshop a, .eshop a:visited {
    text-decoration: none;
}
.eshop a:hover {
    text-decoration: underline;
}
tr.eshop {
    background-color: #737373; /* přístupnost: bílý text vyžaduje kontrast min. 4.5:1 (WCAG 1.4.3) */
    color: #FFF;
}
.bigger {
    font-size: 1.2em;
}

@media (min-width: 919px) {
    .equal {
      display: flex;
      justify-content: space-between;
    }
    .linky {
      border-left: 1px solid #1D70B7;
    }
    .text2 {
      padding: 2em 1em 2em 3em;
    }  
    .logo {
        margin-left: 30px;
    }
    #menu li a {
        border: none;
        padding-right: 0;
        text-align: right;
    }  
}
@media (max-width: 919px) {
    .popis, .obrazek, #menu3, .obrazek2 {
        display: none;
    }
    .eshopImage {
        height: 150px;
        width: auto;
    }
    .obrazekNovinkyUvod {
        max-width: 300px;
    }
    .navbar-default {
        position: absolute;
        top: -110px;
        right: 0;
        width: 100%;
        z-index: 9999;
    }
    #menu {
        margin-top: 20px;
    }
    #menu li {
        width: 100%;
        display: block;
        height: 60px;
    }
    #menu a {
        background-color: #00415B;
        color: #FFF;
        width: 100%;
        height: 60px;
        border: none;
    }
    #menu a:hover {
        background-color: #00415B;
    }
    .nav > li > a {
        padding-top: 15px;
    }
    .col-sm-8 {
        width: 100%;
    }
    .col-sm-6 {
        padding-bottom: 10px;
    }
    .navbar-collapse {
        padding: 0;
    }
    .navbar-collapse.in {
        overflow: visible;
    }
    .navbar-collapse.collapse {
        overflow: hidden;
    }
    .menubar img.logo {
        max-width: 400px;
    }
    .menubar a {
        display: block;
        z-index: 200;
    }
    #menu li:last-child a {
        text-align: center;
    }
    .nav-pills > li + li {
        margin-left: 0;
    }
    #nabidka.navbar-collapse.in {
        margin: 0;
        display: flex;
        flex-direction: column;
    }
    #nabidka li {
        width: 100%;
        display: block;
        padding: 0;
        border-top: 1px solid #FFF;
    }
    #nabidka li:nth-of-type(4) {
         order: 6;
    }
    #nabidka a.osobni, #nabidka a.nakladni, #nabidka a.autobusy, #nabidka a.stec, #nabidka a.zemedelske, #nabidka a.stavebni, #nabidka a.specialni, #nabidka a.ostatni {
        background-image: none;
        height: 50px;
    }
    .top {
        position: relative;
        top: 0;
    }
    .cara, .ilustrace {
        border: none;
    }
    .nadpis h2 {
        margin: 0;
    }
    .nabidka2 {
        padding: 40px 0;
        background-color: #FFF;
    }
    #stranka {
        padding: 0;
    }
    .odsazeni {
        margin-top: 50px;
    }
}
@media (max-width: 992px) {
  .container {
    width: 100%;
  }
  .logo {
      margin-left: 0;
  }
}
@media (max-width: 1200px) {
  .container {
    width: 100%;
  }
}