a {color: #1b936d;}
@font-face {
    font-family: "OpenSans Bold";
    src: url("../fonts/OpenSans-Bold.ttf") format("truetype");
    font-weight: "bold";
    font-style: normal;
}

@font-face {
    font-family: "OpenSans BoldItalic";
    src: url("../fonts/OpenSans-BoldItalic.ttf") format("truetype");
    font-weight: "bold";
    font-style: "italic";
}

@font-face {
    font-family: "OpenSans SemiBoldItalic";
    src: url("../fonts/OpenSans-ExtraBoldItalic.ttf") format("truetype");
    font-weight: "bold";
    font-style: "italic";
}

@font-face {
    font-family: "OpenSans Regular";
    src: url("../fonts/OpenSans-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "OpenSans Light";
    src: url("../fonts/OpenSans-Light.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "OpenSans Italic";
    src: url("../fonts/OpenSans-Italic.ttf") format("truetype");
    font-weight: "normal";
    font-style: "italic";
}

* {
    padding: 0;
    margin: 0;
}

.registrace_banner {
 float: right; max-width: 40%;
}

img.popup_img {    
  cursor: pointer;
  position: fixed;
  left: 50%;
  margin-left: -281px;
  top: 50%;
  margin-top: -324px;
  border: 7px solid rgba(42,42,42,0.9);
  border-radius: 14px;
  max-width: 100%;
  height: auto;
}
.popup_zavrit {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 60px;
  cursor: pointer;
  color: #fff;
  text-shadow: 0 0 7px black;
}


@media screen and (max-height: 700px) {
  img.popup_img {    
   margin-top: -224px;
  }
}

@media screen and (max-width: 600px) {
  img.popup_img {    
    cursor: pointer;
    position: fixed;
    left: 0;
    margin-left: 0;
    top: 0;
    margin-top: 0;
    border: 7px solid rgba(42,42,42,0.9);
    border-radius: 14px;
    max-width: 90%;
    height: auto;
  }
  .popup_zavrit {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 60px;
    cursor: pointer;
    color: #fff;
    text-shadow: 0 0 7px black;
    z-index: 9999
  }
}

body {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 14px;
    color: #333333;
}

a {
    cursor: pointer;
    text-decoration: none;
}

.dnim {
    display: none !important;
}

.dn {
    display: none;
}

.clr {
    clear: both;
    display: block;
}

p {
    line-height: 1.5em;
}

table {
    border-collapse: collapse;
}

table, td, th {
    border: 1px solid black;
}

/* Hide the browser's default checkbox */
input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 14px;
    width: 14px;
    background-color: white;
    border: 1px solid black;
}

/* On mouse-over, add a grey background color */
input[type="checkbox"] ~ .checkmark {
    background-color: white;
}

/* When the checkbox is checked, add a blue background */
input[type="checkbox"]:checked ~ .checkmark {
    background-color: #9f131c;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
input[type="checkbox"]:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkmark:after {
    left: 4px;
    top: 2px;
    width: 3px;
    height: 6px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

form.black input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
form.black input::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
form.black input:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
form.black input:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}

label {
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 14px;
    color: #9f131c;
    padding-left: 25px;
    margin-left: 7px;
    margin-right: 7px;
}


.vyrazny_text_nad_hlavickou {
    text-align: center;
    padding: 10px;
    background-color: black;
    color: #d0bb26;
}

h2.hl_kate_burger {display: none;}

.header {
    background-image: url("../img/slide.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
}

.header .fixedmenu {
    background-color: white;
    box-shadow: 6px 8px 5px -2px rgba(0, 0, 0, 0.72);
    position: fixed;
    width: 100%;
    max-width: 100%;
    z-index: 99999999;
}

.header .fixedmenu a#logo {
    margin-left: 20px;
}



.header .fixedmenu ul.menu {
    padding-right: 20px;
}

.header .navabar {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.85);
    background-image: url("../img/nav_bg.png");
    background-repeat: repeat;
    height: 150px;
}

.header .navigation {
    position: relative;
    width: 80%;
    max-width: 1325px;
    min-width: 1320px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 1350px) {
    .header .navigation {
        min-width: auto;
        width: 90%;
    }
}

@media screen and (max-width: 1000px) {
    .header .navigation {
        width: 95%;
    }
    
    h2.hl_kate_burger {display: inline-block; margin-bottom: 0px!important;}
    .vypis_kategorie .kate_burger {position: relative; bottom: -10px;}
    .kate_burger {
        cursor: pointer;
        position: absolute;
        display: block;
        width: 50px;
        height: 35px;
        bottom: -50px;
        margin: 0 auto;
        -webkit-transition: all 0.6s ease-in-out;
        -moz-transition: all 0.6s ease-in-out;
        -ms-transition: all 0.6s ease-in-out;
        -o-transition: all 0.6s ease-in-out;
        transition: all 0.6s ease-in-out;
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .kate_burger div {
        display: block;
        position: absolute;
        height: 6px;
        width: 100%;
        background-color: #38a180;
        border-radius: 3px;
        opacity: 1;
        left: 0;
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: 0.25s 0.6s ease-in-out;
        -moz-transition: 0.25s 0.6s ease-in-out;
        -ms-transition: 0.25s 0.6s ease-in-out;
        -o-transition: 0.25s 0.6s ease-in-out;
        transition: 0.25s 0.6s ease-in-out;
    }

    .kate_burger div:nth-child(1) {
        top: 0px;
    }

    .kate_burger div:nth-child(2) {
        top: 12px;
    }

    .kate_burger div:nth-child(3) {
        top: 24px;
    }

    .kate_burger:hover div {
        background-color: #9f131c;
    }

    .kate_burger.open div {
        background-color: #C3675A;
    }

    .kate_burger.open div:nth-child(1) {
        top: 17px;
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    .kate_burger.open div:nth-child(2) {
        opacity: 0;
        left: -60px;
    }

    .kate_burger.open div:nth-child(3) {
        top: 17px;
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }

    .kate_burger.open:hover div {
        background-color: #9f131c;
    }    
}

.header .navigation a#logo {
    display: block;
    float: left;
    max-width: 450px;
    max-height: 90px;
    margin-top: 25px;
    margin-bottom: 25px;
    padding-right: 5.9829059829%;
}

.header .navigation a.hlavicka_telefon {
    float: left;
    margin-top: 50px;
    font-size: 150%;
    padding-left: 35px;
    background-image: url('../img/ikona_telefon.png');
    background-position: center left;
    color: #bf8d06;
    text-decoration: none;
    height: 28px;
    line-height: 28px;
    background-repeat: no-repeat;
}

@media screen and (max-width: 1170px) {
.header .navigation a.hlavicka_telefon {
    float: none;
    position: absolute;
    margin-top: 20px;
    font-size: 100%;
    }
}

@media screen and (max-width: 560px) {
.header .navigation a.hlavicka_telefon {
    top: 80px;
    right: 10px;
    }
}


@media screen and (max-width: 1470px) {
    .header .navigation a#logo {
            width: 250px;
    margin-top: 28px;
    }
}

@media screen and (max-width: 620px) {
    .header .navigation a#logo {
        width: 250px;
        margin-top: 45px;
    }
}

@media screen and (max-width: 450px) {
    .header .navigation a#logo {
        width: 250px;
        margin-top: 45px;
    }
}

@media screen and (max-width: 380px) {
    .header .navigation a#logo {
        width: 200px;
    }
}

.header .navigation a#logo img {
    display: block;
    width: 100%;
}

.header .navigation .nav {
    display: block;
}

.header .navigation ul {
    padding-top: 35px;
    display: block;
    width: 100%;
    text-align: right;
}

.header .navigation ul li {
    display: inline-block;
}

.header .navigation ul li a {
    display: block;
}

.header .navigation ul.menu li {
    margin-top: 15px;
}

.header .navigation ul.menu li a {
    padding: 10px 20px;
    color: black;
    text-transform: uppercase;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.header .navigation ul.menu li a:hover {
    background-color: #1b936d;
    color: white;
}

.header .navigation ul.menu li a.active {
    background-color: #1b936d;
    color: white;
}

.header .navigation ul.odkazy {
    padding-top: 0px;
}

.header .navigation ul.odkazy li {
    margin-right: 10px;
}

.header .navigation ul.odkazy li:last-of-type {
    margin-right: 0;
}

.header .navigation ul.odkazy li a {
    font-size: 14px;
    color: #090d12;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.header .navigation ul.odkazy li a:hover {
    background-color: #9f131c;
}


@media screen and (max-width: 1350px) {
  .header .navigation ul.menu li a {
      padding: 10px 10px;
  }
}

@media screen and (max-width: 1000px) {
    .header .navigation ul.odkazy li a {
        font-size: 12px;
    }
}

@media screen and (max-width: 1000px) {
    .header .navigation ul {
        padding-top: 0;
        z-index: 9999;
        display: none;
        position: absolute;
        top: 100px;
        width: 100%;
        margin: auto;
        background-color: rgba(255, 255, 255, 0.9);
        text-align: center;
    }

    .header .navigation ul.odkazy {
        right: 0;
    }

    .header .navigation ul.menu {
        left: 0;
    }

    .header .navigation ul.menu li {
        margin-top: 0;
    }

    .header .navigation ul.menu li a {
        color: #9f131c;
        padding: 15px 0;
    }

    .header .navigation ul.menu li a:hover {
        color: white;
    }

    .header .navigation ul.menu li .active {
        color: white;
    }

    .header .navigation ul li {
        display: block;
        border-bottom: dotted 1px #090d12;
        padding: 0;
        margin: 0;
    }

    .header .navigation ul li a {
        font-size: 14px !important;
        color: #9f131c;
        padding: 15px 0;
    }

    .header .navigation #hamburger {
        cursor: pointer;
        position: absolute;
        display: block;
        width: 50px;
        height: 35px;
        top: 55px;
        right: 20px;
        -webkit-transition: all 0.6s ease-in-out;
        -moz-transition: all 0.6s ease-in-out;
        -ms-transition: all 0.6s ease-in-out;
        -o-transition: all 0.6s ease-in-out;
        transition: all 0.6s ease-in-out;
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .header .navigation #hamburger div {
        display: block;
        position: absolute;
        height: 6px;
        width: 100%;
        background-color: #aa8132;
        border-radius: 3px;
        opacity: 1;
        left: 0;
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: 0.25s 0.6s ease-in-out;
        -moz-transition: 0.25s 0.6s ease-in-out;
        -ms-transition: 0.25s 0.6s ease-in-out;
        -o-transition: 0.25s 0.6s ease-in-out;
        transition: 0.25s 0.6s ease-in-out;
    }

    .header .navigation #hamburger div:nth-child(1) {
        top: 0px;
    }

    .header .navigation #hamburger div:nth-child(2) {
        top: 12px;
    }

    .header .navigation #hamburger div:nth-child(3) {
        top: 24px;
    }

    .header .navigation #hamburger:hover div {
        background-color: white;
    }

    .header .navigation #hamburger.open div {
        background-color: #C3675A;
    }

    .header .navigation #hamburger.open div:nth-child(1) {
        top: 17px;
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    .header .navigation #hamburger.open div:nth-child(2) {
        opacity: 0;
        left: -60px;
    }

    .header .navigation #hamburger.open div:nth-child(3) {
        top: 17px;
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }

    .header .navigation #hamburger.open:hover div {
        background-color: #9f131c;
    }
}

.header .navigation #searchForm {
    display: none;
    position: absolute;
    right: 35px;
    top: 10px;
}

@media screen and (max-width: 1100px) {
    .header .navigation #searchForm {
        text-align: center;
        left: 0;
        right: 0;
        margin: auto;
    }
}

.header .navigation #searchForm input {
    border: 1px solid #9f131c;
    width: 275px;
    padding: 10px;
    border-radius: 3px;
}

.header .slider {
    width: 100%;
    height: 75vh;
    max-height: 510px;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.header .slider a .banner_hlavicka_vlevo {
    height: 100px;
    max-width: 500px;
    float: left;
    margin-top: 20px;
}
.header .slider a .banner_hlavicka_vpravo {
    height: 100px;
    max-width: 500px;
    float: right;
    margin-top: 20px;
}

.podstrana .header .slider a .banner_hlavicka_vlevo {
    height: 100px;
    max-width: 500px;
    float: left;
    margin-top: 0px;
}
.podstrana .header .slider a .banner_hlavicka_vpravo {
    height: 100px;
    max-width: 500px;
    float: right;
    margin-top: 0px;
}
.header .slider p.slogan_hlavicka {
    text-align: center; 
    padding-top: 40px;
    padding-bottom: 10px;
    text-shadow: 0px 0px 7px rgba(255, 255, 255, 0.99);
    font-size: 25px;
  color: #000;
  font-weight: bold;
}
.header .slider p.slogan_hlavicka a {
  color: #000;
    text-decoration: underline;
}
.header .slider div.hlavicka_vyhledavani {
  position: relative;
  margin: auto;
  display: inline-block;
  text-align: center;
}
.header .slider div.hlavicka_vyhledavani input[type="text"] {
    float: left;
    border: 0;
    padding: 4px;
    margin-top: 31px;
    width: 210px;
    height: 41px;
    font-size: 130%;
  text-align: center;
}
.header .slider div.hlavicka_vyhledavani input[type="submit"] {
    float: left;
    background: url(../img/vyhledavani.png) no-repeat;
    width: 79px;
    height: 79px;
    border: 0;
    margin-top: 17px;
    margin-left: 5px;
    cursor: pointer;
}

.header .slider h1 {
    text-align: center; 
    padding-top: 200px;
    text-shadow: 0px 0px 7px rgba(255, 255, 255, 0.65);
    font-size: 35px;
  color: #000;
}
.header .slider h1 a {
  color: #000;
    text-decoration: underline;
}



@media screen and (max-width: 1000px) {
    .header .slider {
    height: 150px;
    max-height: 150px;
    }
    .header .slider h1, .header .slider p.slogan_hlavicka {
    padding-top: 10px;
    font-size: 15px;
    }
}

.header .slider #bgvid {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0.2;
    z-index: 1;
}

.header .slider .slide-bg {
    display: block;
    width: 100%;
}

.header .slider .slide-layout {
    position: absolute;
    display: block;
    width: 100%;
    bottom: 5vh;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 999;
    top: 200px;
}

@media screen and (max-width: 1000px) {
    .header .slider .slide-layout {
        top: 80px;
    }
}

.header .slider .slide-layout h2 {
    font-size: 30px;
    color: white;
    text-align: center;
    text-shadow: 0px 0px 10px rgba(150, 150, 150, 0.91);
}

@media screen and (max-width: 850px) {
    .header .slider .slide-layout h2 {
        font-size: 28px;
    }
}

@media screen and (max-width: 700px) {
    .header .slider .slide-layout h2 {
        font-size: 26px;
    }
}

@media screen and (max-width: 475px) {
    .header .slider .slide-layout h2 {
        font-size: 24px;
    }
}

.header .slider .slide-layout .hesla {
    text-align: center;
    color: #011c15;
    margin-top: 75px;
    font-size: 26px;
    margin-bottom: 70px;
}

.header .slider .slide-layout .hesla .btn {
    width: 250px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    text-decoration: none;
    border: none;
    padding: 15px;
    display: block;
    text-align: center;
    color: white;
    background-color: #9f131c;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.header .slider .slide-layout .hesla .btn:hover {
    color: #9f131c;
    background-color: white;
}

.header .slider .slide-layout .hesla span {
    background-color: #9f131c;
    padding: 7px;
    margin: 5px;
    display: inline-block;
}

@media screen and (max-width: 1020px) {
    .header .slider .slide-layout .hesla {
        font-size: 22px;
        margin-top: 75px;
        margin-bottom: 60px;
    }
}

@media screen and (max-width: 920px) {
    .header .slider .slide-layout .hesla {
        font-size: 20px;
    }
}

@media screen and (max-width: 850px) {
    .header .slider .slide-layout .hesla {
        font-size: 18px;
    }
}

@media screen and (max-width: 700px) {
    .header .slider .slide-layout .hesla {
        font-size: 14px;
        margin-top: 50px;
        margin-bottom: 50px;
    }
}

@media screen and (max-width: 600px) {
    .header .slider .slide-layout .hesla {
        margin-top: 25px;
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 500px) {
    #content {
        text-align: center;
    }
}

#content .content_bannery_top {
 float: right;
}
#content .content_bannery_top img {
 margin: 2px;
 height: 80px;
}

#content h1, #content h2, #content h3 {
    color: #1b936d;
    margin-bottom: 20px;
    margin-top: 20px;
}

#content h1, #content h2, #content h3 {
    color: #1b936d;
    margin-bottom: 20px;
}

#content .formatovani_textu h2, #content .formatovani_textu h3, #content .formatovani_textu h4, #content .formatovani_textu h5 {
 margin-top: 40px;
}

#content .formatovani_textu table tr td {
padding: 10px 20px;
}

#content .formatovani_textu ul {
margin: 10px 10px 20px 20px;
}

#content h1 {
    font-size: 30px;
}

@media screen and (max-width: 1300px) {
    #content h1 {
        font-size: 30px;
    }
}

@media screen and (max-width: 900px) {
    #content h1 {
        font-size: 30px;
    }
}

#content h2 {
    font-size: 24px;
}

@media screen and (max-width: 1300px) {
    #content h2 {
        font-size: 24px;
    }
}

@media screen and (max-width: 900px) {
    #content h2 {
        font-size: 24px;
    }
}

#content h3 {
    font-size: 20px;
    margin-bottom: 25px;
}

@media screen and (max-width: 1300px) {
    #content h3 {
        font-size: 20px;
    }
}

@media screen and (max-width: 900px) {
    #content h3 {
        font-size: 20px;
    }
}

#content p {
    margin-bottom: 1px;
}

#content p a {
    color: inherit;
    text-decoration: underline;
}

#content .center {
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}

#content .vyrazny {
    font-weight: bold;
    font-size: 18px;
}

#content .velky1 {
    font-size: 18px;
}

#content .zarovnani {
    width: 80%;
    max-width: 1325px;
    min-width: 1320px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 1350px) {
    #content .zarovnani {
        min-width: auto;
        width: 90%;
    }
}

@media screen and (max-width: 1000px) {
    #content .zarovnani {
        width: 95%;
    }
}

#content .kats_podlahy {
    margin-top: 60px;
}

#content .kats_podlahy .zarovnani .boxes-4 {
    margin-top: 35px;
    margin-bottom: 25px;
}

#content .kats_podlahy .zarovnani .boxes-4 .box {
    margin-bottom: 20px;
    overflow: hidden;
    display: block;
    float: left;
    width: 24.25%;
    margin-left: 1%;
}

#content .kats_podlahy .zarovnani .boxes-4 .box:nth-child(4n+1) {
    margin-left: 0;
}

@media screen and (max-width: 920px) {
    #content .kats_podlahy .zarovnani .boxes-4 .box {
        display: block;
        float: left;
        width: 49%;
        margin-left: 2%;
    }

    #content .kats_podlahy .zarovnani .boxes-4 .box:nth-child(2n+1) {
        margin-left: 0;
    }
}

@media screen and (max-width: 400px) {
    #content .kats_podlahy .zarovnani .boxes-4 .box {
        float: none;
        width: 100%;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

#content .kats_podlahy .zarovnani .boxes-4 .box .nazev {
    font-size: 18px;
    font-weight: bold;
}

@media screen and (max-width: 920px) {
    #content .kats_podlahy .zarovnani .boxes-4 .box .nazev {
        font-size: 16px;
    }
}

@media screen and (max-width: 700px) {
    #content .kats_podlahy .zarovnani .boxes-4 .box .nazev {
        font-size: 14px;
    }
}

#content .kats_podlahy .zarovnani .boxes-4 .box .obr {
    margin-top: 10px;
    display: block;
    overflow: hidden;
}

#content .kats_podlahy .zarovnani .boxes-4 .box .obr img {
    display: block;
    width: 100%;
    overflow: hidden;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

#content .kats_podlahy .zarovnani .boxes-4 .box .obr img:hover {
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

#content .kats_dvere {
    margin-top: 80px;
    margin-bottom: 80px;
}

#content .kats_dvere .zarovnani .boxes-4 {
    margin-top: 35px;
    margin-bottom: 25px;
}

#content .kats_dvere .zarovnani .boxes-4 .box {
    margin-bottom: 20px;
    overflow: hidden;
    display: block;
    float: left;
    width: 24.25%;
    margin-left: 1%;
}

#content .kats_dvere .zarovnani .boxes-4 .box:nth-child(4n+1) {
    margin-left: 0;
}

@media screen and (max-width: 920px) {
    #content .kats_dvere .zarovnani .boxes-4 .box {
        display: block;
        float: left;
        width: 49%;
        margin-left: 2%;
    }

    #content .kats_dvere .zarovnani .boxes-4 .box:nth-child(2n+1) {
        margin-left: 0;
    }
}

@media screen and (max-width: 400px) {
    #content .kats_dvere .zarovnani .boxes-4 .box {
        float: none;
        width: 100%;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

#content .kats_dvere .zarovnani .boxes-4 .box .nazev {
    font-size: 18px;
    font-weight: bold;
    color: black;
}

@media screen and (max-width: 920px) {
    #content .kats_dvere .zarovnani .boxes-4 .box .nazev {
        font-size: 16px;
    }
}

@media screen and (max-width: 700px) {
    #content .kats_dvere .zarovnani .boxes-4 .box .nazev {
        font-size: 14px;
    }
}

#content .kats_dvere .zarovnani .boxes-4 .box .obr {
    margin-top: 10px;
    display: block;
    overflow: hidden;
}

#content .kats_dvere .zarovnani .boxes-4 .box .obr img {
    display: block;
    width: 100%;
    height: 155px; 
    overflow: hidden;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

#content .kats_dvere .zarovnani .boxes-4 .box .obr img:hover {
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

#content .kats_dvere h2 {
    color: #a98332;
}
           
#content .sekce2 {
    background-color: #f4f4f4;
    padding-top: 70px;
    padding-bottom: 60px;
}

#content .sekce2 .zarovnani .bxs .bx {
    display: block;
    float: left;
}

#content .sekce2 .zarovnani .bxs .bx:nth-child(1) {
    width: 60%;
}

#content .sekce2 .zarovnani .bxs .bx:nth-child(2) {
    width: 40%;
}

#content .sekce2 .zarovnani .bxs .bx .boxes-3 .box {
    overflow: hidden;
    display: block;
    float: left;
    width: 32%;
    margin-left: 2%;
}

#content .sekce2 .zarovnani .bxs .bx .boxes-3 .box:nth-child(3n+1) {
    margin-left: 0;
}

#content .sekce2 .zarovnani .bxs .bx .boxes-3 .box img {
    display: block;
    width: 100%;
    overflow: hidden;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

#content .sekce2 .zarovnani .bxs .bx .boxes-3 .box img:hover {
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

@media screen and (max-width: 900px) {
    #content .sekce2 .zarovnani .bxs .bx {
        float: none;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }

    #content .sekce2 .zarovnani .bxs .bx:nth-child(1) {
        width: 100%;
    }

    #content .sekce2 .zarovnani .bxs .bx:nth-child(2) {
        margin-top: 20px;
        width: 50%;
        margin-left: auto;
    }
}

@media screen and (max-width: 700px) {
    #content .sekce2 .zarovnani .bxs .bx:nth-child(2) {
        width: 75%;
    }
}

@media screen and (max-width: 460px) {
    #content .sekce2 .zarovnani .bxs .bx:nth-child(2) {
        width: 100%;
    }
}

#content .sekce2 h3 {
    color: #9f131c;
    margin-top: 45px;
}

#content .sekce2 .bx-4 .bx {
    display: block;
    float: left;
    width: 23.125%;
    margin-left: 2.5%;
}

#content .sekce2 .bx-4 .bx:nth-child(4n+1) {
    margin-left: 0;
}

#content .sekce2 .bx-4 .bx img {
    display: block;
    float: left;
    margin-right: 20px;
}

#content .sekce2 .bx-4 .bx .vyrazny {
    font-size: 16px;
    margin-bottom: 7px;
}

#content .sekce2 .bx-4 .bx p {
    margin-bottom: 0;
    line-height: normal;
}

@media screen and (max-width: 1350px) {
    #content .sekce2 .bx-4 .bx {
        text-align: center;
    }

    #content .sekce2 .bx-4 .bx img {
        display: inline-block;
        float: none;
        margin-right: 0;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 870px) {
    #content .sekce2 .bx-4 .bx {
        text-align: left;
        display: block;
        float: left;
        width: 48%;
        margin-left: 4%;
        margin-top: 20px;
    }

    #content .sekce2 .bx-4 .bx:nth-child(2n+1) {
        margin-left: 0;
    }

    #content .sekce2 .bx-4 .bx img {
        display: block;
        float: left;
        margin-right: 20px;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 600px) {
    #content .sekce2 .bx-4 .bx {
        text-align: center;
        float: none;
        width: 100%;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    #content .sekce2 .bx-4 .bx img {
        display: inline-block;
        float: none;
        margin-right: 0;
    }
}

#content .sekce3 {
    padding-top: 60px;
    padding-bottom: 60px;
    text-align: center;
}

#content .sekce3 .zarovnani * {
    display: inline-block;
    vertical-align: middle;
}

#content .sekce3 .zarovnani .velky1 {
    text-align: left;
    line-height: 140%;    
}

@media screen and (max-width: 570px) {
    #content .sekce3 .zarovnani .velky1 {
        text-align: center;
    }
}

#content .sekce3 .zarovnani .btn {
    font-size: 14px;
    text-decoration: none;
    border: none;
    padding: 15px;
    display: block;
    text-align: center;
    color: white;
    background-color: #1b936d;
    padding: 12px 35px;
    display: inline-block;
    margin-left: 2.5%;
    margin-right: 2.5%;
    font-size: 15px;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
#content .sekce3 .zarovnani .btn.tmavsi {
  background-color: #243f48;
}

#content .sekce3 .zarovnani .btn:hover {
    color: white;
    background-color: #115641;
}

#content .sekce3 .zarovnani .btn .arrow {
    width: 7px;
    height: 14px;
    margin-left: 8px;
    background-image: url("../img/arrowNext.png");
    background-position: center;
    background-repeat: no-repeat;
}

@media screen and (max-width: 1300px) {
    #content .sekce3 .zarovnani .btn {
        margin-right: 0;
    }
}

@media screen and (max-width: 570px) {
    #content .sekce3 .zarovnani .btn {
        margin-left: 0;
    }
}

#content .sekce3 .zarovnani .kontakty a {
    color: #747c82;
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 35px;
    margin-left: 20px;
    text-decoration: none;
}

#content .sekce3 .zarovnani .kontakty a.email {
    background-image: url("../img/mail.png");
}

#content .sekce3 .zarovnani .kontakty a.tel {
    background-image: url("../img/tel.png");
}

#content .sekce3 .zarovnani .kontakty a.adresa {
    background-image: url("../img/home.png");
}

@media screen and (max-width: 610px) {
    #content .sekce3 .zarovnani .kontakty a {
        margin-top: 15px;
    }
}

@media screen and (max-width: 396px) {
    #content .sekce3 .zarovnani .kontakty a {
        margin-right: 0;
        margin-left: 0;
    }
}

@media screen and (max-width: 1300px) {
    #content .sekce3 .zarovnani .kontakty {
        margin-top: 15px;
        display: block;
        text-align: center;
    }

    #content .sekce3 .zarovnani .kontakty a.email {
        margin-left: 0;
    }
}

#content .sekce4 {
    background-color: #f4f4f4;
    padding-top: 60px;
    padding-bottom: 60px;
}

#content .sekce4 .zarovnani .boxes-2 {
    margin-top: 35px;
}

@media screen and (max-width: 940px) {
    #content .sekce4 .zarovnani .boxes-2 {
        text-align: center;
    }
}

#content .sekce4 .zarovnani .boxes-2 .box {
    margin-bottom: 15px;
    display: block;
    float: left;
    width: 47.5%;
    margin-left: 5%;
}

#content .sekce4 .zarovnani .boxes-2 .box:nth-child(2n+1) {
    margin-left: 0;
}

@media screen and (max-width: 1370px) {
    #content .sekce4 .zarovnani .boxes-2 .box {
        display: block;
        float: left;
        width: 49%;
        margin-left: 2%;
    }

    #content .sekce4 .zarovnani .boxes-2 .box:nth-child(2n+1) {
        margin-left: 0;
    }
}

@media screen and (max-width: 940px) {
    #content .sekce4 .zarovnani .boxes-2 .box {
        display: inline-block;
        float: none;
        width: 60%;
        margin-right: auto !important;
        margin-left: auto !important;
    }
}

@media screen and (max-width: 750px) {
    #content .sekce4 .zarovnani .boxes-2 .box {
        width: 80%;
    }
}

@media screen and (max-width: 600px) {
    #content .sekce4 .zarovnani .boxes-2 .box {
        width: 100%;
    }
}

#content .sekce4 .zarovnani .boxes-2 .box .bx-sm {
    display: block;
    float: left;
    width: 95px;
    margin-right: 25px;
}

#content .sekce4 .zarovnani .boxes-2 .box .bx-sm img {
    display: block;
    width: 100%;
}

#content .sekce4 .zarovnani .boxes-2 .box .bx-xl {
    text-align: left;
}

#content .sekce4 .zarovnani .boxes-2 .box .bx-xl h3 {
    color: #9f131c;
    font-size: 16px;
    margin-bottom: 20px;
}

@media screen and (max-width: 1370px) {
    #content .sekce4 .zarovnani .boxes-2 .box .bx-xl h3 {
        font-size: 14px;
        margin-bottom: 0;
    }
}

#content .sekce4 .zarovnani .boxes-2 .box .bx-xl p {
    margin-bottom: 0;
}

@media screen and (max-width: 1370px) {
    #content .sekce4 .zarovnani .boxes-2 .box .bx-xl p {
        font-size: 12px;
    }
}

#content .sekce4 .zarovnani .btn {
    font-size: 14px;
    text-decoration: none;
    border: none;
    padding: 15px;
    display: block;
    text-align: center;
    color: white;
    background-color: #7c7c7c;
    padding: 15px;
    display: block;
    width: 250px;
    margin-left: auto;
    margin-right: auto;
    font-size: 15px;
    margin-top: 35px;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

#content .sekce4 .zarovnani .btn:hover {
    color: white;
    background-color: #400e0f;
}

#content .sekce4 .zarovnani .btn .arrow {
    display: inline-block;
    width: 7px;
    height: 14px;
    margin-left: 10px;
    background-image: url("../img/arrowNext.png");
    background-position: center;
    background-repeat: no-repeat;
}

#content .galerie {
  width: 100%;
  margin-top: 20px;
}

#content .galerie_mini a {
  width: 150px;
  border: 0px solid #fff;
  height: 80px;
}

#content .produkt_popis { padding: 10px; }

#content #varianty {
  padding: 10px 30px;
  background-color: #ececec;
}
#content #varianty h2 {
  font-size: 22px;
}
    
#content .detail_produktu_banner { padding-top: 10px; width: 100%; }
#content .detail_produktu_banner img { width: 100%; }

#content .formatovani_textu .galerie a {
  display: inline-block;
  width: 24.75%;
  border: 0px solid #fff;
  height: 180px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#content .formatovani_textu .galerie_mini a {
  width: 150px;
  border: 0px solid #fff;
  height: 80px;
}

#content .formatovani_textu .galerie a img {
display: none;
}
#content .mapa_img {
  width: 100%;
  height: 500px;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('https://www.flodoor.cz/data/6.png');
}
#content .mapa_img img {
  display: none;
}



#content .detail .galerie {padding-bottom: 80px;}
#content .galerie a.obr {
  width: 11.5%;
  height: 90px;
  display: block;
  float: left;
  margin-right: 0.5%;
  margin-left: 0.5%;
}
#content .detail .galerie a.obr {background-repeat: no-repeat; margin-bottom: 15px; background-size: cover; background-position: center center;}
#content .galerie a.obr:nth-child(1) {margin-left: 0%; margin-right: 1%;}
#content .galerie a.obr:nth-child(8) {margin-right: 0%; margin-left: 1%;}

#content .sekce5 {
    padding-top: 60px;
    padding-bottom: 60px;
}

#content .sekce5 .barva {
  color: #2c2c2c;
}

#content .sekce5 .zarovnani h2 .seda {
    color: #2c2c2c;
}

#content .sekce5 .zarovnani h2 .mensi {
    color: #9f131c;
    font-size: 18px;
}

#content .sekce5 .zarovnani .vzorkovny {
    margin-top: 35px;
}

#content .sekce5 .zarovnani .vzorkovny .vzorkovna {
    display: block;
    float: left;
    width: 23.5%;
    margin-left: 2%;
}

#content .sekce5 .zarovnani .vzorkovny .vzorkovna:nth-child(4n+1) {
    margin-left: 0;
}

@media screen and (max-width: 900px) {
    #content .sekce5 .zarovnani .vzorkovny .vzorkovna {
        display: block;
        float: left;
        width: 49%;
        margin-left: 2%;
        margin-bottom: 15px;
    }

    #content .sekce5 .zarovnani .vzorkovny .vzorkovna:nth-child(2n+1) {
        margin-left: 0;
    }
}

@media screen and (max-width: 390px) {
    #content .sekce5 .zarovnani .vzorkovny .vzorkovna {
        float: none;
        width: 100%;
        margin-right: auto !important;
        margin-left: auto !important;
    }
}

#content .sekce5 .zarovnani .vzorkovny .vzorkovna img {
    display: block;
    width: 100%;
}

#content .sekce5 .zarovnani .kont-info {
    margin-top: 35px;
    text-align: center;
}
#pod_produkty .sekce5 .zarovnani .kont-info {
  margin-top: 90px;
  margin-bottom: 20px;
}
#content .sekce5 .zarovnani .kont-info * {
    display: inline-block;
}

#content .sekce5 .zarovnani .kont-info .velky1 {
    text-align: left;
    float: left;
}

@media screen and (max-width: 570px) {
    #content .sekce5 .zarovnani .kont-info .velky1 {
        text-align: center;
    }
}

#content .sekce5 .zarovnani .kont-info .btn {
    font-size: 14px;
    text-decoration: none;
    border: none;
    padding: 15px;
    display: block;
    text-align: center;
    color: white;
    background-color: #2c2c2c;
    padding: 15px 35px;
    display: inline-block;
    margin-left: 2.5%;
    margin-right: 2.5%;
    font-size: 15px;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

#content .sekce5 .zarovnani .kont-info .btn:hover {
    color: white;
    background-color: #400e0f;
}

#content .sekce5 .zarovnani .kont-info .btn .arrow {
    width: 7px;
    height: 14px;
    margin-left: 8px;
    background-image: url("../img/arrowNext.png");
    background-position: center;
    background-repeat: no-repeat;
}

@media screen and (max-width: 1300px) {
    #content .sekce5 .zarovnani .kont-info .btn {
        margin-right: 0;
    }
}

@media screen and (max-width: 570px) {
    #content .sekce5 .zarovnani .kont-info .btn {
        margin-left: 0;
    }
}

@media screen and (max-width: 1350px) {
  #content .sekce5 .zarovnani .kont-info .btn {float: right; margin-right: 0%;}
  #content .sekce5 .zarovnani .kont-info .kontakty {width: 100%; margin-bottom: 25px;}
  #content .sekce5 .zarovnani .kont-info {height: 90px;}
}

@media screen and (max-width: 630px) {
  #content .sekce5 .zarovnani .kont-info .btn {float: none; margin-right: 0%;}
  #content .sekce5 .zarovnani .kont-info {height: 140px;}
}

@media screen and (max-width: 400px) {
  #content .sekce5 .zarovnani .kont-info {height: 180px;}
}

#content .sekce5 .zarovnani .kont-info .kontakty {
    float: right;
    margin-top: 15px;
}

#content .sekce5 .zarovnani .kont-info .kontakty a {
    color: #747c82;
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 35px;
    margin-left: 20px;
    text-decoration: none;
}

#content .sekce5 .zarovnani .kont-info .kontakty a.email {
    background-image: url("../img/mail.png");
}

#content .sekce5 .zarovnani .kont-info .kontakty a.tel {
    background-image: url("../img/tel.png");
}

#content .sekce5 .zarovnani .kont-info .kontakty a.adresa {
    background-image: url("../img/home.png");
}

@media screen and (max-width: 610px) {
    #content .sekce5 .zarovnani .kont-info .kontakty a {
        margin-top: 15px;
    }
}

@media screen and (max-width: 396px) {
    #content .sekce5 .zarovnani .kont-info .kontakty a {
        margin-right: 0;
        margin-left: 0;
    }
}

@media screen and (max-width: 1300px) {
    #content .sekce5 .zarovnani .kont-info .kontakty {
        margin-top: 15px;
        display: block;
        text-align: center;
    }

    #content .sekce5 .zarovnani .kont-info .kontakty a.email {
        margin-left: 0;
    }
}

#footer1 {
    padding: 25px 0;
    background-color: #000;
    font-size: 200%;
    color: #ffeb3b;
    text-align: center;
}

#footer {
    padding: 35px 0;
    background-color: #2c2c2c;
}

#footer .zarovnani {
    width: 80%;
    max-width: 1325px;
    min-width: 1320px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 1350px) {
    #footer .zarovnani {
        min-width: auto;
        width: 90%;
    }
}

@media screen and (max-width: 1000px) {
    #footer .zarovnani {
        width: 95%;
    }
}

#footer .zarovnani .box-1 {
    display: block;
    float: left;
    width: 35%;
    text-align: left;
}
#footer .zarovnani .box-2 {
    display: block;
    float: left;
    width: 20%;
    text-align: left;
    margin-left: 2%;
}
#footer .zarovnani .box-3 {
    display: block;
    float: left;
    width: 20%;
    text-align: left;
    margin-left: 2%;    
}
#footer .zarovnani .box-2 h2, #footer .zarovnani .box-3 h2, #footer .zarovnani .box-4 h2 {
  padding-top: 45px;
  padding-bottom: 17px;
}
#footer .zarovnani .box-4 h2 {padding-top: 10px;}
#footer .zarovnani .box-2 ul, #footer .zarovnani .box-3 ul, #footer .zarovnani .box-4 ul {
  list-style: none;
  line-height: 180%;
}
#footer .zarovnani .box-4 {
    display: block;
    float: left;
    width: 21%;
    text-align: right;
    padding-left: 50px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
#footer .zarovnani .box-4 h2, #footer .zarovnani .box-4 ul {
    text-align: left;
}


#footer .zarovnani .box-1 .logo {
    display: block;
    max-width: 471px;
    width: 100%;
}

#footer .zarovnani .box-1 .logo img {
    display: block;
    width: 100%;
}
#footer .zarovnani a {color: white;}
#footer .zarovnani h2 {color: #aa8132;}
#footer .zarovnani a.telefon {
  background-image: url("../img/phone.jpg");
  background-repeat: no-repeat;
  background-position: left center;
  display: block;
  width: 190px;
  height: 30px;
  padding-left: 50px;
  padding-top: 15px;
  font-size: 24px;
  margin-top: 50px;
  margin-left: 50px;
}
#footer .zarovnani a.mail {
  background-image: url("../img/mail.jpg");
  background-repeat: no-repeat;
  background-position: left center;
  display: block;
  width: 190px;
  height: 30px;
  padding-left: 50px;
  padding-top: 2px;
  font-size: 24px;
  margin-top: 5px;
  margin-left: 50px;
}
#footer .zarovnani .social {
  margin-left: 50px;
  margin-top: 25px;
}
#footer .zarovnani .social a {margin-right: 25px;}
#footer .zarovnani p.copy {text-align: center; color: #737373; padding-top: 10px; font-size: 12px;}
#footer .zarovnani .box-2 p.right, #footer .zarovnani .box-3 p.right, #footer .zarovnani .box-4 p.right {
    display: inline-block;
    color: #747474;
}
#footer .zarovnani .fb_iframe_widget {margin-left: 50px; margin-top: 15px;}

#footer .zarovnani .box-4 p.right a {
    color: inherit;
}

#footer .zarovnani .box-4 .arrowT {
    display: inline-block;
    width: 42px;
    height: 35px;
    background-image: url("../img/arrowT.png");
    background-repeat: no-repeat;
    margin-left: 25px;
}

@media screen and (max-width: 1100px) {
  #footer .zarovnani .social a {margin-right: 15px;}  
}

@media screen and (max-width: 980px) {
    #footer .zarovnani .box-1 {
        width: 100%;
        float: none;
    }
    #footer .zarovnani .box-1 .logo {margin-left: auto; margin-right: auto;}
    #footer .zarovnani .box-2, #footer .zarovnani .box-2:nth-child(even) {
        text-align: left!important;
        width: 100%;
        float: none;
        margin-left: auto;
        padding-left: 50px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    #footer .zarovnani .box-3 {
        width: 100%;
        float: none;
        margin-left: auto;
        padding-left: 50px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    #footer .zarovnani .box-4 {
        width: 100%;
        float: none;
    }

    #footer .zarovnani .box-2:nth-child(even) {
        text-align: center;
        margin-top: 15px;
        width: 100%;
    }

    #footer .zarovnani .box-2 .logo {
        display: block;
        margin: auto;
        width: 300px;
    }
}

@media screen and (max-width: 860px) {
    #footer .zarovnani .box-2 {
        width: 100%;
        float: none;
    }

    #footer .zarovnani .box-2 .logo {
        display: block;
        margin: auto;
        width: 300px;
    }
}

@media screen and (max-width: 580px) {
    #footer .zarovnani .box-2:nth-child(even) {
        margin-top: 25px;
    }

    #footer .zarovnani .box-2 .arrowT {
        display: block;
        margin-top: 25px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 400px) {
    #footer .zarovnani .box-2 .logo {
        width: 200px;
    }
}

.podstrana  .header .navabar {height: 150px;}
.podstrana .header .slider {
    max-height: 210px;
}

.podstrana .header .slider .slide-layout {
    top: auto;
}

.podstrana .header .slider .slide-layout h2 {
    font-size: 30px;
    text-shadow: none;
    font-weight: normal;
}

.podstrana .cesta {
    width: 80%;
    max-width: 1325px;
    min-width: 1320px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
    color: #a3a3a3;
    margin-top: 10px;
}

#content p.cesta_kategorie {
 text-align: left;
}

#content div.kat_obsah_uvod {
padding-top: 30px;
}

#content p.cesta_kategorie a {
 color: #000;
 text-decoration: none;
 font-size: 90%;
 margin: 0 10px 0 0;
 transition: 0.7s;
}
#content p.cesta_kategorie a:hover {
 color: #1b936d;
}
.cesta_kategorie a:before {
    content:'❯ \00a0  \00a0 '; /*\003e*/
}
.cesta_kategorie a:first-child:before {
    content:' '
}

@media screen and (max-width: 1350px) {
    .podstrana .cesta {
        min-width: auto;
        width: 90%;
    }
}

@media screen and (max-width: 1000px) {
    .podstrana .cesta {
        width: 95%;
    }
}

.podstrana .cesta a {
    color: inherit;
}

@media screen and (max-width: 750px) {
    .podstrana .cesta {
        text-align: center;
    }
}

.podstrana #content .detail {
    margin-top: 50px;
}
.podstrana #content .detail .mnozstvi_kosik {
  text-align: left;
  width: 420px;
  margin-bottom: 30px;
}
.podstrana #content .detail .mnozstvi_kosik p {
  font-size: 16px;
  font-weight: 600;
}
.podstrana #content .detail .mnozstvi_kosik .mnozstvi {
  height: 53px;
  border: solid 1px black;
  font-weight: bold;
  font-size: 24px;
  width: 53px;
  text-align: center;
  margin-left: 10px;
}
.podstrana #content .detail .mnozstvi_kosik input[type="submit"] {
  height: 55px;
  display: block;
  float: right;
  cursor: pointer;
  max-width: 260px;
  width: 50%;
  background-color: #a0131c;
  color: white;
  border: none;
  font-size: 18px;
  transition: 0.5s;
}
.podstrana #content .detail .mnozstvi_kosik input[type="submit"]:hover {
  background-color: black;
}

@media screen and (max-width: 740px) {
  #content .galerie a.obr {width: 18%;}
}
@media screen and (max-width: 550px) {
  #content .galerie a.obr {width: 23%;}
}
@media screen and (max-width: 450px) {
  #content .galerie a.obr {width: 31%;}
}
@media screen and (max-width: 500px) {
  .podstrana #content .detail .mnozstvi_kosik  {width: 100%;}
}
@media screen and (max-width: 400px) {
  .podstrana #content .detail .mnozstvi_kosik input[type="submit"] {width: 100%; max-width: 100%; margin-top: 15px;}
}

.podstrana #content .detail #varianty .varianta {
  padding-bottom: 75px;
}
.podstrana #content .detail #varianty .varianta .radek .item {
  max-height: 270px; 
  display: block;
  float: left;
  margin-right: 10px;  
  margin-bottom: 15px;
  cursor: pointer; 
  text-align: center;  
}
.podstrana #content .detail #varianty .varianta .radek .item  {
  border: 3px solid white;
}
.podstrana #content .detail #varianty .varianta h3 {
  margin-bottom: 0px;
}
.podstrana #content .detail #varianty .varianta .radek .item .priplatek {
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  height: 20px;
  overflow: hidden;
}
.podstrana #content .detail #varianty .varianta .radek .item .obr_obal {display: block; width: 180px; height: 180px; background-size: contain; background-repeat: no-repeat; background-position: center center}
.podstrana #content .detail #varianty .varianta .radek .item.volba_dekor .obr_obal {display: block; width: 180px; height: 180px; background-size: auto; background-repeat: repeat; background-position: center center}
.podstrana #content .detail #varianty .varianta .radek .item.img_40_procent .obr_obal {background-size: 40%;}
.podstrana #content .detail #varianty .varianta .radek .item .obr_obal img {display: none}
.podstrana #content .detail #varianty .varianta .radek .item .nazev {
  font-size: 12px;
  margin-top: 5px;
  display: inline-block;
  padding: 0px 10px;
}
.podstrana #content .detail #varianty .varianta .radek .item.active {
  border: 3px solid black; 
}
.podstrana #content .detail #varianty .varianta .radek .item.active .nazev {
  background-color: black;
  color: white;
}

.podstrana #content .detail .zarovnani h2 .regular_typ {
    display: block;
    font-weight: normal;
}

@media screen and (max-width: 1000px) {
    .podstrana #content .detail .zarovnani h2 {
        text-align: center;
    }
}

.podstrana #content .detail .zarovnani .boxes-2 {
    padding-bottom: 20px;
}

.podstrana #content .detail .zarovnani .boxes-2 .box {
    display: block;
    float: left;
    width: 47.5%;
    margin-left: 5%;
}

.podstrana #content .detail .zarovnani .boxes-2 .box:nth-child(2n+1) {
    margin-left: 0;
}

@media screen and (max-width: 1000px) {
    .podstrana #content .detail .zarovnani .boxes-2 .box {
        float: none;
        width: 50%;
        margin-right: auto;
        margin-left: auto;
    }

    .podstrana #content .detail .zarovnani .boxes-2 .box:nth-child(2n+1) {
        margin-right: auto;
        margin-left: auto;
    }
}

@media screen and (max-width: 850px) {
    .podstrana #content .detail .zarovnani .boxes-2 .box {
        width: 75%;
    }
}

@media screen and (max-width: 570px) {
    .podstrana #content .detail .zarovnani .boxes-2 .box {
        width: 85%;
    }
}

@media screen and (max-width: 470px) {
    .podstrana #content .detail .zarovnani .boxes-2 .box {
        width: 90%;
        text-align: center;
    }
}

.podstrana #content .detail .zarovnani .boxes-2 .box .lightbox {
    display: block;
    width: 100%;
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.podstrana #content .detail .zarovnani .boxes-2 .box .lightbox.obr {
    display: block;
    width: 20%;
    height: 90px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.podstrana #content .detail .zarovnani .boxes-2 .box .lightbox img {
    display: none;
}

@media screen and (max-width: 1350px) {
    .podstrana #content .detail .zarovnani .boxes-2 .box .lightbox {
        margin-top: 5%;
    }
}

@media screen and (max-width: 1220px) {
    .podstrana #content .detail .zarovnani .boxes-2 .box .lightbox {
        margin-top: 10%;
    }
}

@media screen and (max-width: 1000px) {
    .podstrana #content .detail .zarovnani .boxes-2 .box .lightbox {
        margin-top: 0;
    }
}

.podstrana #content .detail .zarovnani .boxes-2 .box .dodani {
    font-weight: bold;
    margin: 15px 0;
    padding: 10px 0;
    clear: both;
}

.podstrana #content .detail .zarovnani .boxes-2 .box .dodani span {
    font-weight: bold;
    padding: 10px;
    color: #1b936d;
    background-color: #f7f7f7;
}

.podstrana #content .detail .zarovnani .boxes-2 .box .vyrobce {
    font-weight: bold;
    margin-top: 15px;
}

.podstrana #content .detail .zarovnani .boxes-2 .box .vyrobce .nazev_vyr {
    font-weight: normal;
}

.podstrana #content .detail .zarovnani .boxes-2 .box .popis {
    margin-top: 15px;
}

.podstrana #content .detail .zarovnani .boxes-2 .box p, .podstrana #content .detail .zarovnani .boxes-2 .box ul {
    margin-top: 0px;
    
}
.podstrana #content .detail .zarovnani .boxes-2 .box p.puvodni {
    color: #1b936d;
}


.podstrana #content .detail .zarovnani .boxes-2 .box p.detail_produktu_zavolejte {
    margin: 10px 0;
    padding: 20px;
    padding-bottom: 17px;
    line-height: 180%;
    background-color: black;
    color: white;
}
.podstrana #content .detail .zarovnani .boxes-2 .box p.detail_produktu_sluzba {
    margin: 2px 0;
    padding: 20px;
    padding-bottom: 17px;
    line-height: 180%;
    background-color: #f7f7f7;
    color: #000;
    font-weight: bold
}
.podstrana #content .detail .zarovnani .boxes-2 .box p.detail_produktu_zaloha {
    margin: 2px 0;
    padding: 20px;
    padding-bottom: 17px;
    line-height: 180%;
    background-color: #f7f7f7;
    color: #000;
    font-weight: bold
}




.podstrana #content .detail .zarovnani .boxes-2 .box .detail_produktu_vpravo_hr {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #eaeaea;
}
    
.podstrana #content .detail .zarovnani .boxes-2 .box p.detail_produktu_zavolejte .cislo {
    font-size: 200%;
}

.podstrana #content .detail .zarovnani .boxes-2 .box ul {
    margin-left: 15px;
}

.podstrana #content .detail .zarovnani .boxes-2 .box .bxs-2 {
    margin-top: 25px;
}

.podstrana #content .detail .zarovnani .boxes-2 .box .bxs-2 p {
    margin-bottom: 0;
}

.podstrana #content .detail .zarovnani .boxes-2 .box .bxs-2 .bx {
    display: block;
    float: left;
    width: 49%;
    margin-left: 2%;
}

.podstrana #content .detail .zarovnani .boxes-2 .box .bxs-2 .bx100 {
    display: block;
    float: none;
    width: 100%;
    margin-left: 0;
     text-align: left;
    margin-bottom: 20px;
}

.podstrana #content .detail .zarovnani .boxes-2 .box .bxs-2 .bx100 a.produkt_odeslat_poptavku {
    display: inline-block;
    padding: 10px 20px;
    background-color: #1b936d;
    color: #fff;
    transition: 0.7s;
}

.podstrana #content .detail .zarovnani .boxes-2 .box .bxs-2 .bx100 a.produkt_odeslat_poptavku:hover {
    background-color: #000;
}



.podstrana #content .detail .zarovnani .boxes-2 .box .bxs-2 .bx  .mnozstvi_kosik {
  text-align: left;
  width: 420px;
  margin-bottom: 30px;
}
.podstrana #content .detail .zarovnani .boxes-2 .box .bxs-2 .bx  .mnozstvi_kosik p {
  font-size: 16px;
  font-weight: 600;
}
.podstrana #content .detail .zarovnani .boxes-2 .box .bxs-2 .bx  .mnozstvi_kosik .mnozstvi {
  height: 53px;
  border: solid 1px black;
  font-weight: bold;
  font-size: 24px;
  width: 53px;
  text-align: left;
  margin-left: 10px;
}
.podstrana #content .detail .zarovnani .boxes-2 .box .bxs-2 .bx .mnozstvi_kosik input[type="submit"] {
  height: 55px;
  display: block;
  float: right;
  cursor: pointer;
  max-width: 260px;
  width: 60%;
  color: white;
  border: none;
  font-size: 18px;
  transition: 0.5s;
}
.podstrana #content .detail .zarovnani .boxes-2 .box .bxs-2 .bx .mnozstvi_kosik input[type="submit"]:hover {
  background-color: black;
}

.podstrana #content .detail .zarovnani .boxes-2 .box .bxs-2 .bx:nth-child(2n+1) {
    margin-left: 0;
}

@media screen and (max-width: 470px) {
    .podstrana #content .detail .zarovnani .boxes-2 .box .bxs-2 .bx {
        float: none;
        width: 100%;
        margin: auto;
        text-align: center;
    }

    .podstrana #content .detail .zarovnani .boxes-2 .box .bxs-2 .bx:nth-child(2n+1) {
        margin-right: auto;
        margin-left: auto;
    }
}

.podstrana #content .detail .zarovnani .boxes-2 .box .bxs-2 .bx .text-ceny {
    font-weight: bold;
    font-size: 16px;
    color: #34494e;
}

@media screen and (max-width: 570px) {
    .podstrana #content .detail .zarovnani .boxes-2 .box .bxs-2 .bx .text-ceny {
        font-size: 14px;
    }
}

.podstrana #content .detail .zarovnani .boxes-2 .box .bxs-2 .bx .cena {
    line-height: 1em;
    font-weight: bold;
    font-size: 36px;
    color: #34494e;
}
.podstrana #content .detail .zarovnani .boxes-2 .box .bxs-2 .produkty_vyber_variantu {
    padding: 20px 0;
    text-align: left;
}
.podstrana #content .detail .zarovnani .boxes-2 .box .bxs-2 .produkty_vyber_variantu select {
    padding: 10px 20px;
    text-align: left;
}

@media screen and (max-width: 570px) {
    .podstrana #content .detail .zarovnani .boxes-2 .box .bxs-2 .bx .cena {
        font-size: 26px;
    }
}

.podstrana #content .detail .zarovnani .boxes-2 .box .bxs-2 .bx .p_cena {
    text-decoration: line-through;
        font-weight: normal;
}
.podstrana #content .detail .zarovnani .boxes-2 .box .bxs-2 .bx .cena .p_cena {
 font-size: 75%;
}

.podstrana #content .detail .zarovnani .boxes-2 .box .bxs-2 .bx .btn {
    text-align: center;
    max-width: 250px;
    margin-top: 25px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
    text-decoration: none;
    border: none;
    padding: 15px;
    display: block;
    text-align: center;
    color: white;
    background-color: #a0131c;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.podstrana #content .detail .zarovnani .boxes-2 .box .bxs-2 .bx .pridatT {
    text-align: center;
    width: 280px;
    margin-top: 25px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
    text-decoration: none;
    border: none;
    padding: 15px;
    display: block;
    text-align: center;
    color: white;
    background-color: #1b936d;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    background-image: url(../img/arrowNext.png);
    background-repeat: no-repeat;
    background-position: 67% center;
    cursor: pointer;    
}

.podstrana #content .detail .zarovnani .boxes-2 .box .bxs-2 .bx .btn:hover, .podstrana #content .detail .zarovnani .boxes-2 .box .bxs-2 .bx .pridatT:hover {
    color: white;
    background-color: #225938;
}

.podstrana #content .detail .zarovnani .boxes-2 .box .bxs-2 .bx .btn .arrow {
    display: inline-block;
    width: 7px;
    height: 14px;
    margin-left: 10px;
    background-image: url("../img/arrowNext.png");
    background-position: center;
    background-repeat: no-repeat;
}
.podstrana #content .detail .zarovnani .boxes-2 .box .bxs-2 .akce {
  width: 100%;
  margin-top: 35px;
}
.podstrana #content .zarovnani .obsah_vypis {
    padding-top: 40px;
    padding-bottom: 20px;
}

.podstrana #content .podle_kat {
    padding-top: 10px;
    padding-bottom: 15px;
}

.podstrana #content .podle_kat .zarovnani h3 {
    color: #243d42;
    font-size: 24px;
}

@media screen and (max-width: 1300px) {
    .podstrana #content .podle_kat .zarovnani h3 {
        font-size: 22px;
    }
}

@media screen and (max-width: 900px) {
    .podstrana #content .podle_kat .zarovnani h3 {
        font-size: 20px;
  }
}

.podstrana #content .podle_kat .zarovnani .type {
    font-weight: bold;
    margin-bottom: 25px;
    line-height: 50px;
}

.podstrana #content .podle_kat .zarovnani .type a {
    text-decoration: underline;
    padding: 10px 15px;
    background-color: #1b936d;
    color: #fff;
    font-weight: bold;
    margin: 5px;
    transition: 0.7s;
    white-space: nowrap;
    display: inline-block;
}

.podstrana #content .podle_kat .zarovnani .rodic a {
    background-color: #1b936d;
}

.podstrana #content .podle_kat .zarovnani .type a.podkategorie_aktivni {
    background-color: #a1111b;
}

.podstrana #content .podle_kat .zarovnani .type a:hover {
  text-decoration: none;
  background-color: #000;
}

.podstrana #content .podle_kat .zarovnani .rodic a:hover {
  text-decoration: none;
  background-color: #393939;
}

.podstrana #content .katalog_sec {
    padding-bottom: 45px;
}

.podstrana #content .katalog_sec h3 {
    color: #1b936d;
    font-size: 24px;
}

.podstrana #content .katalog_sec .boxes-4 .bx-med {
    margin-bottom: 25px;
    color: black;
    display: block;
    float: left;
    width: 23.5%;
    margin-left: 2%;
}

.podstrana #content .katalog_sec .boxes-4 .bx-med:nth-child(4n+1) {
    margin-left: 0;
}

@media screen and (max-width: 1100px) {
    .podstrana #content .katalog_sec .boxes-4 .bx-med {
        font-size: 12px;
    }
}

.podstrana #content .katalog_sec .boxes-4 .bx-med * {
    display: block;
}

.podstrana #content .katalog_sec .boxes-4 .bx-med .znacka {
    font-weight: bold;
    margin-bottom: 15px;
}

.podstrana #content .katalog_sec .boxes-4 .bx-med img {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 194px;
}

@media screen and (max-width: 820px) {
    .podstrana #content .katalog_sec .boxes-4 .bx-med {
        display: block;
        float: left;
        width: 49%;
        margin-left: 2%;
    }

    .podstrana #content .katalog_sec .boxes-4 .bx-med:nth-child(2n+1) {
        margin-left: 0;
    }

    .podstrana #content .katalog_sec .boxes-4 .bx-med img {
        height: 150px;
    }
}

@media screen and (max-width: 400px) {
    .podstrana #content .katalog_sec .boxes-4 .bx-med {
        float: none;
        margin-right: auto !important;
        margin-left: auto !important;
        width: 85%;
    }

    .podstrana #content .katalog_sec .boxes-4 .bx-med img {
        height: 160px;
    }
}

.podstrana #content .katalog_sec .btn {
    width: 250px;
    margin-top: 25px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    text-decoration: none;
    border: none;
    padding: 15px;
    display: block;
    text-align: center;
    color: white;
    background-color: #1c946e;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.podstrana #content .katalog_sec .btn:hover {
    color: white;
    background-color: #115641;
}

.podstrana #content .katalog_sec .btn .arrow {
    display: inline-block;
    width: 7px;
    height: 14px;
    margin-left: 10px;
    background-image: url("../img/arrowNext.png");
    background-position: center;
    background-repeat: no-repeat;
}

.podstrana #content .sekce4 {
    background-color: white;
}

.podstrana #content .novinky {
    margin-bottom: 90px;
}

.podstrana #content .novinky .zarovnani {
    margin-top: 100px;
    text-align: left;
}

.podstrana #content .novinky .zarovnani:after {
    clear: both;
}

@media screen and (max-width: 1300px) {
    .podstrana #content .novinky .zarovnani {
        margin-top: 75px;
    }
}

@media screen and (max-width: 1000px) {
    .podstrana #content .novinky .zarovnani {
        margin-top: 50px;
    }
}

@media screen and (max-width: 700px) {
    .podstrana #content .novinky .zarovnani {
        margin-top: 35px;
    }
}

.podstrana #content .novinky .zarovnani h3 {
    color: #9f131c;
    font-size: 24px;
    margin-bottom: 50px;
}

.podstrana #content .novinky .zarovnani .boxes-2 .box-2 {
    display: block;
    float: left;
    width: 47.5%;
    margin-left: 5%;
    margin-bottom: 35px;
    color: black;
}

.podstrana #content .novinky .zarovnani .boxes-2 .box-2:nth-child(2n+1) {
    margin-left: 0;
}

.podstrana #content .novinky .zarovnani .boxes-2 .box-2 .obrCln {
    display: block;
    float: left;
    width: 30%;
    margin-right: 5%;
}

.podstrana #content .novinky .zarovnani .boxes-2 .box-2 .obrCln .obrWin {
    display: block;
    width: 100%;
    overflow: hidden;
}

.podstrana #content .novinky .zarovnani .boxes-2 .box-2 .obrCln .obrWin img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 120px;
    vertical-align: middle;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.podstrana #content .novinky .zarovnani .boxes-2 .box-2 .popis {
    display: block;
    float: left;
    width: 65%;
}

.podstrana #content .novinky .zarovnani .boxes-2 .box-2 .popis h3 {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 18px;
    color: #000;
}

@media screen and (max-width: 1300px) {
    .podstrana #content .novinky .zarovnani .boxes-2 .box-2 .popis h3 {
        font-size: 16px;
    }
}

.podstrana #content .novinky .zarovnani .boxes-2 .box-2 .popis .parag {
    margin-bottom: 10px;
}

@media screen and (max-width: 1300px) {
    .podstrana #content .novinky .zarovnani .boxes-2 .box-2 .popis .parag {
        font-size: 12px;
    }
}

.podstrana #content .novinky .zarovnani .boxes-2 .box-2:hover .obrCln .obrWin img {
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

@media screen and (max-width: 1350px) {
    .podstrana #content .novinky .zarovnani .boxes-2 .box-2 {
        display: block;
        float: left;
        width: 49%;
        margin-left: 2%;
    }

    .podstrana #content .novinky .zarovnani .boxes-2 .box-2:nth-child(2n+1) {
        margin-left: 0;
    }

    .podstrana #content .novinky .zarovnani .boxes-2 .box-2 .obrCln {
        width: 33%;
        margin-right: 2%;
    }
}

@media screen and (max-width: 1000px) {
    .podstrana #content .novinky .zarovnani .boxes-2 .box-2 {
        width: 80%;
        float: none;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .podstrana #content .novinky .zarovnani .boxes-2 .box-2 .obrCln {
        width: 30%;
        margin-right: 5%;
    }

    .podstrana #content .novinky .zarovnani .boxes-2 .box-2 .obrCln .obrWin img {
        max-height: none;
    }
}

@media screen and (max-width: 750px) {
    .podstrana #content .novinky .zarovnani .boxes-2 .box-2 {
        width: 90%;
    }
}

@media screen and (max-width: 580px) {
    .podstrana #content .novinky .zarovnani .boxes-2 .box-2 {
        width: 100%;
    }

    .podstrana #content .novinky .zarovnani .boxes-2 .box-2 .obrCln {
        width: 33%;
        margin-right: 2%;
    }
}

@media screen and (max-width: 470px) {
    .podstrana #content .novinky .zarovnani .boxes-2 .box-2 .obrCln {
        display: block;
        float: none;
        width: 100%;
        margin-right: 0;
    }

    .podstrana #content .novinky .zarovnani .boxes-2 .box-2 .popis {
        float: none;
        width: 96%;
        padding-left: 2%;
        padding-right: 2%;
        padding-bottom: 15px;
        padding-top: 15px;
        border: 1px solid black;
        border-top: none;
        text-align: center;
    }
}

.podstrana #content .novinky .zarovnani .btn {
    width: 250px;
    margin-top: 25px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    text-decoration: none;
    border: none;
    padding: 15px;
    display: block;
    text-align: center;
    color: white;
    background-color: #7c7c7c;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.podstrana #content .novinky .zarovnani .btn:hover {
    color: white;
    background-color: #400e0f;
}

.podstrana #content .novinky .zarovnani .btn .arrow {
    display: inline-block;
    width: 7px;
    height: 14px;
    margin-left: 10px;
    background-image: url("../img/arrowNext.png");
    background-position: center;
    background-repeat: no-repeat;
}

.podstrana #content .reference-produkt {
    padding-top: 60px;
    padding-bottom: 60px;
}

.podstrana #content .reference-produkt .boxes-2 {
    padding-bottom: 50px;
}

.podstrana #content .reference-produkt .boxes-2 .box {
    display: block;
    float: left;
    width: 47.5%;
    margin-left: 5%;
}

.podstrana #content .reference-produkt .boxes-2 .box:nth-child(2n+1) {
    margin-left: 0;
}

@media screen and (max-width: 870px) {
    .podstrana #content .reference-produkt .boxes-2 .box {
        float: none;
        width: 85%;
        margin-left: auto;
        margin-right: auto;
    }

    .podstrana #content .reference-produkt .boxes-2 .box:nth-child(2n+1) {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 660px) {
    .podstrana #content .reference-produkt .boxes-2 .box {
        width: 100%;
    }
}

.podstrana #content .reference-produkt h3 {
    color: #9f131c;
    font-size: 24px;
    margin-bottom: 30px;
}

.podstrana #content .reference-produkt h4 {
    line-height: 24px;
    font-size: 18px;
}

.podstrana #content .reference-produkt p {
    line-height: 24px;
}

.podstrana #content .reference-produkt table, .podstrana #content .reference-produkt td, .podstrana #content .reference-produkt th {
    border: 1px solid white;
    background-color: #e6e6e6;
}

.podstrana #content .reference-produkt table {
    width: 100%;
}

.podstrana #content .reference-produkt table tr td {
    padding: 12px;
}

.podstrana #content .reference-produkt table tr td:first-of-type {
    width: 65%;
}

.podstrana #content .reference-produkt table tr td:last-of-type {
    text-align: center;
    width: 30%;
    font-weight: bold;
}

.podstrana #content .reference-produkt .obr-boxes .refObr {
    display: block;
    float: left;
    width: 18.4%;
    margin-left: 2%;
}

.podstrana #content .reference-produkt .obr-boxes .refObr:nth-child(5n+1) {
    margin-left: 0;
}

.podstrana #content .reference-produkt .obr-boxes .refObr img {
    display: block;
    width: 100%;
}

@media screen and (max-width: 490px) {
    .podstrana #content .reference-produkt .obr-boxes .refObr {
        display: block;
        float: left;
        width: 32%;
        margin-left: 2%;
        margin-bottom: 15px;
    }

    .podstrana #content .reference-produkt .obr-boxes .refObr:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media screen and (max-width: 350px) {
    .podstrana #content .reference-produkt .obr-boxes .refObr {
        display: block;
        float: left;
        width: 49%;
        margin-left: 2%;
    }

    .podstrana #content .reference-produkt .obr-boxes .refObr:nth-child(3n+1) {
        margin-left: 2%;
    }

    .podstrana #content .reference-produkt .obr-boxes .refObr:nth-child(2n+1) {
        margin-left: 0;
    }
}

.podstrana #content .reference-produkt .boxes-4 .bx-med {
    margin-bottom: 25px;
    color: black;
    display: block;
    float: left;
    width: 23.5%;
    margin-left: 2%;
}

.podstrana #content .reference-produkt .boxes-4 .bx-med:nth-child(4n+1) {
    margin-left: 0;
}

@media screen and (max-width: 1100px) {
    .podstrana #content .reference-produkt .boxes-4 .bx-med {
        font-size: 12px;
    }
}

.podstrana #content .reference-produkt .boxes-4 .bx-med * {
    display: block;
}

.podstrana #content .reference-produkt .boxes-4 .bx-med .typ {
    text-align: center;
    margin-top: 15px;
}

.podstrana #content .reference-produkt .boxes-4 .bx-med img {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 194px;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.podstrana #content .reference-produkt .boxes-4 .bx-med:hover img {
    -moz-transform: scale(1.02);
    -o-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}

@media screen and (max-width: 820px) {
    .podstrana #content .reference-produkt .boxes-4 .bx-med {
        display: block;
        float: left;
        width: 49%;
        margin-left: 2%;
    }

    .podstrana #content .reference-produkt .boxes-4 .bx-med:nth-child(2n+1) {
        margin-left: 0;
    }

    .podstrana #content .reference-produkt .boxes-4 .bx-med img {
        height: 194px;
    }
}

@media screen and (max-width: 600px) {
    .podstrana #content .reference-produkt .boxes-4 .bx-med img {
        height: 150px;
    }
}

@media screen and (max-width: 500px) {
    .podstrana #content .reference-produkt .boxes-4 .bx-med img {
        height: 135px;
    }
}

@media screen and (max-width: 380px) {
    .podstrana #content .reference-produkt .boxes-4 .bx-med {
        float: none;
        width: 100%;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .podstrana #content .reference-produkt .boxes-4 .bx-med img {
        height: auto;
        max-height: 190px;
    }
}

.podstrana #content .reference-produkt .btn {
    font-size: 14px;
    text-decoration: none;
    border: none;
    padding: 15px;
    display: block;
    text-align: center;
    color: white;
    background-color: #9f131c;
    padding: 15px 35px;
    margin-top: 40px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 250px;
    font-size: 15px;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.podstrana #content .reference-produkt .btn:hover {
    color: white;
    background-color: #400e0f;
}

.podstrana #content .reference-produkt .btn .arrow {
    width: 7px;
    height: 14px;
    margin-left: 8px;
    background-image: url("../img/arrowNext.png");
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
}

.produkt #content .sekce3 {
    background-color: #ededed;
    text-align: left;
}

@media screen and (max-width: 1400px) {
    .produkt #content .sekce3 {
        text-align: center;
    }
}

#blog {
  padding-top: 50px;
}

#blog ul {
  list-style: none;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

#blog ul li {
  width: 33%;
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 360px;
    margin-bottom: 35px;
}

@media screen and (max-width: 800px) {
  #blog ul li {
    width: 50%;
  }
}


#blog ul li a.obr {
  width: 95%;
  margin-bottom: 15px;
  max-width: 400px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 200px;
  display: block;
}
#blog ul li a.obr img {display: none;}
#blog ul li a.obr p {
  background-color: #1b936d;
  color: white;
  padding: 10px;
  width: 40px;
  height: 45px;
  text-align: center;
}
#blog ul li a.obr p span {
}
#blog ul li h3 {
  font-size: 18px;
  margin-bottom: 5px;
  max-width: 400px;  
}
#blog ul li h3 a {
  color: #1b936d;
}
#blog ul li p {
  height: 60px;
  overflow: hidden;
  max-width: 400px;  
  margin-bottom: 10px;
}
#blog ul li a.vice {
  color: black;
  text-decoration: underline;  
}
#blog ul li a.vice:hover {
  text-decoration: none;
}

@media screen and (max-width: 620px) {
  #blog ul li {
    width: 100%;
  }
}

.strankovani {
  text-align: center;
}
.strankovani .pag_number {
  background-color: gray;
  color: white;
  padding: 10px;
  width: 40px;
  height: 45px;
  text-align: center;
}
.strankovani .pag_number.active, .strankovani .pag_number:hover {
  background-color: #1b936d;
}
#blog_vypis {
  max-width: 1325px;
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding-top: 5px;
  padding-bottom: 30px;
}
#blog_vypis .vydano {
  text-align: right;
}
#blog_vypis h3 {padding-bottom: 5px;}
#blog_vypis h4 {padding-bottom: 3px;}
#blog_vypis ul, #blog_vypis ol {line-height: 140%; margin-top: 20px; margin-bottom: 10px; margin-left: 20px;}
#blog_vypis h2.galerie {padding-top: 50px;}
#blog_vypis a.galerie {
  float: left;  
  width: 15%;
  margin-left: 2.5%;
  margin-right: 2.5%;
  margin-bottom: 15px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 100px;
  display: block;
}
#blog_vypis a.galerie img {display: none;}
.dalsi_clanky {padding-top: 40px;}
ul.dalsi_clanky {padding-top: 0px;}
.dalsi_clanky a {color: black;}

@media screen and (max-width: 980px) {
  #blog_vypis a.galerie {
    width: 20%;
  }
}
@media screen and (max-width: 670px) {
  #blog_vypis a.galerie {
    width: 30%;
    margin-left: 1.5%;
    margin-right: 1.5%;
  }
}
#cat_text {
  max-width: 1325px;
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding-top: 50px;
  padding-bottom: 30px;
}

.vypis_kategorie {
  max-width: 1325px;
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.katalog_sec .item {
  width: 15%;
  height: 430px;  
  margin-left: 1%;
  margin-right: 1%;
  margin-bottom: 8px;
  float: left;
  /*border-top: 1px solid black;
  border-bottom: 1px solid black;*/
  border-top: 1px solid #eaeaea;
}
.katalog_sec .item_podlahy {
  height: 275px;  
}
@media screen and (max-width: 1024px) {
  .katalog_sec .item {width: 30%;}
  .katalog_sec .radek .item:nth-child(1), .katalog_sec .radek .item:nth-child(4) {margin-left: 0%;}
  .katalog_sec .radek .item:nth-child(3), .katalog_sec .radek .item:nth-child(6) {margin-right: 0%;}  
}
@media screen and (max-width: 1024px) {
    .registrace_banner {
     max-width: 95%;
     margin: 20px 2.5%
    }
}


@media screen and (max-width: 670px) {
  .katalog_sec .item {width: 47%;}
  .katalog_sec .radek .item:nth-child(1), .katalog_sec .radek .item:nth-child(3), .katalog_sec .radek .item:nth-child(5) {margin-left: 0%;  margin-right: 1%;}
  .katalog_sec .radek .item:nth-child(2), .katalog_sec .radek .item:nth-child(4), .katalog_sec .radek .item:nth-child(6) {margin-right: 0%; margin-left: 1%;}   
}
@media screen and (max-width: 420px) {
  .katalog_sec .item {width: 100%;}
  .katalog_sec .radek .item:nth-child(1), .katalog_sec .radek .item:nth-child(3), .katalog_sec .radek .item:nth-child(5) {margin-left: 0%;  margin-right: 0%;}
  .katalog_sec .radek .item:nth-child(2), .katalog_sec .radek .item:nth-child(4), .katalog_sec .radek .item:nth-child(6) {margin-right: 0%; margin-left: 0%;}   
}
.katalog_sec .item .leva {
  width: 55%;
  float: left;
}
.katalog_sec .item .koupit {
  width: 45%;
  float: left;
  color: white;
  background-color: #a1111b;
  max-width: 90px;
  margin-top: 10px;
  padding-top: 9px;
  height: 28px;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  cursor: pointer;
  transition: 0.5s;
  font-weight: bold;
}
.katalog_sec .item .koupit:hover {background-color: #2c2c2c;}
.katalog_sec .item p.varianty {
  font-size: 12px;
  padding-top: 7px;
  color: black;
}
.katalog_sec .item span {
  color: #9c802d;
  font-weight: bold;
}
.katalog_sec .radek .item:nth-child(1) {
  margin-left: 0%;
}
.katalog_sec .radek .item:nth-child(6) {
  margin-right: 0%;
}
.podstrana #content .katalog_sec .item h3, .katalog_sec .item h3 {
  font-size: 14px;
  color: black;
  font-weight: normal;
  height: 49px;
  padding-top: 7px;
  overflow: hidden;
      margin-bottom: 0;
      margin-top: 0;
}

.podstrana #content .katalog_sec .item_podlahy h3, .katalog_sec .item_podlahy h3 {
  height: 55px;
}

.katalog_sec .item h3 a {
  color: black;
}
.katalog_sec .item h4 {
  font-size: 16px;
  color: black;
  font-weight: normal;
  height: 45px;
  padding-top: 8px;
  overflow: hidden;
}
.katalog_sec .item h4 a {
  color: black;
}
.katalog_sec .item .obal_obr {
  width: 100%;
  background-color: #f3f3f3;
  position: relative;
}
.katalog_sec .item a.obr {
  width: 95%;
  max-width: 150px;
  margin-left: auto;
  margin-right: auto;
  height: 320px;
  display: block;
  background-repeat: no-repeat; 
  background-size: cover;  
  background-position: center center;
}

.katalog_sec .item_podlahy a.obr {
  width: 100%;
  max-width: 100%;
  height: 160px;
}

.produkt_akce {
  position: absolute;
  display: block;
  width: 90px;
  height: 20px;
  padding-top: 3px;
  text-transform: uppercase;
  text-align: center;
  color: white;  
}
.produkt_akce.tip {
  background-color: #a07d39;
}
.produkt_akce.novinka {
  background-color: #2c2c2c;
}
.produkt_akce.vyprodej {
  background-color: #1c946e;
}
.produkt_akce.akce {
  background-color: #9f121a;
}
.produkt_akce.sleva {
  background-color: #f69230;
}
.katalog_sec .item .akce {
  width: 107px;
  height: 104px;
  position: absolute;
  display: block;
  bottom: 5px;
  right: 0px;
}      

.strankovani a.vse {
  display: block;
  width: 230px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  margin-bottom: 60px;  
  height: 30px;
  padding-top: 10px;
  background-color: #1c946e;
  color: white!important;
  text-decoration: none!important;
  font-size: 14px;
  padding-right: 20px;
  background-image: url(../img/arrowNext.png);
  background-position: 83% center;
  background-repeat: no-repeat;  
  transition:  0.5s;
} 
.strankovani a.cislo {
  text-decoration: none!important;
  padding: 3px 9px;
}
.strankovani a.cislo:hover, .strankovani a.cislo.active {
  background-color: #2a2a2a;
  color: white!important;  
  font-weight: bold;  
}
.strankovani a.vse:hover {
  background-color: black;
}       

#kosik_uzivatel {
  position: absolute;
  right: 0px;
  padding-right: 10px;
  padding-top: 10px;
  z-index: 999;
}    
#kosik_uzivatel a {
  margin-left: 10px;
  margin-right: 10px;
}
.objednavka_obal {
  padding-bottom: 60px;
}
.objednavka_obal .sekce table { width: 100%; border-style: none}
.objednavka_obal .sekce table tr.hlavicka td { background-color: #f7f7f7}
.objednavka_menu {
 margin-top: 10px;
}
.objednavka_menu a {
  font-size: 18px;
  background-color: #2c2c2c;
  color: white;
  text-decoration: none;
  padding: 5px 25px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: inline-block; 
  border-right: solid 1px white; 
}
.objednavka_menu a:hover, .objednavka_menu a.aktivni {background-color: #1b936d;}
.objednavka_obal h2 {
  padding-top: 50px;
}
.objednavka_obal .kosik_polozky td, table.registrace td {
  border: none;
  padding: 3px 14px;
  border-bottom: 1px solid #eaeaea;
}
.kosik_polozka_img a {
  width: 120px;
  display: block;
}
.kosik_polozka_img a img {
  width: 100%;
}
.kosik_polozka_ks input[type="text"] {
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 20px;
  margin-right: 10px;
}
#epo {
  padding: 10px 5px;
}
#epo_bt {
  padding: 10px 10px;
  background-color: #1b936d;
  border: none;
  color: white;
  font-size: 16px
}
.sekce.sekce_white input {
  margin-top: 40px;
  border: none;
  color: white;
  background-color: #a40f22;
  padding: 14px 28px;
  font-size: 22px;
  cursor: pointer;
}
.sekce.sekce_white input.left {
  background-color: #9c9c9c;
}
.sekce.sekce_white input:hover {
  background-color: #2c2c2c;
}
.sekce.sekce_white input.left {
  float: left;
}
.sekce.sekce_white input.right {
  float: right;
}
table.registrace tr td input[type=submit] {
  padding: 5px 10px;
  border: solid 1px black;
  background-color: white;
  font-size: 18px;
}
.vypis_obsahu h3 {margin-left: 0px!important; padding-left: 0px!important;}

.displ {
  position: absolute;
  z-index: 99;
  background-color: white;
  padding: 10px;
  border: 1px solid gray;
}
#kosik h3 {
  padding-top: 20px;
}
#objednavka_prihlaseni {display: none;}
#vop_souhlas {opacity: 1;}
.zkontrolujte_udaje {float: left; width: 500px; margin-top: 40px;}
.objednavka_poznamka {width: 100%; max-width: 360px; height: 80px;}
.formatovani_textu h3 {margin-top: 20px;}

.levy_text_kon {
    width: 50%;
    float: left;
}
.kontakt {
    width: 50%;
    max-width: 600px;
    display: block;
    float: left;
}
.kontakt input[type="text"] {
    width: 100%;
    font-size: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 5px;
    margin-bottom: 10px;
}
.kontakt textarea {
    width: 100%;
    height: 180px;
    font-size: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 5px;
    margin-bottom: 10px;
}
.kontakt input[type="submit"] {
    width: 170px;
    font-size: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 5px;
    margin-bottom: 10px;
    border-style: none;
    background-color: #1b936d;
    color: #fff;
    cursor: pointer;
    transition: 0.7s;
}    
.kontakt input[type="submit"]:hover {
    background-color: #000;
}      

@media screen and (max-width: 980px) {
.levy_text_kon {width: 100%;}
.kontakt {width: 100%;}
}


.kontakt .col .btnpoptavka {
    text-decoration: none;
    text-transform: uppercase;
    color: white;
    display: block;
    text-align: center;
    font-size: 18px;
    font-family: "Roboto Bold";
    width: 220px;
    background-color: black;
    padding: 20px;
    margin-top: 15px;
}

.kontakt .col .btnpoptavka:hover {
    text-decoration: none;
    background-color: #644f78;
}

@media screen and (max-width: 820px) {
    .kontakt .col {
        width: 100%;
        margin-left: 0;
        margin-top: 50px;
    }

    .kontakt .col:nth-child(2n) {
        width: 100%;
        margin: 30px 0 50px 0;
    }
}

.poptavka select, .poptavka input, .poptavka textarea {
    margin: .8em auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    width: 280px;
    padding: .4em;
    width: 100%;
}

.poptavka select {
    background: #e6e6e6;
}

.poptavka option:disabled {
    background: #e6e6e6;
}

.poptavka option {
    background: #FFFFFF;
}

.poptavka textarea {
    height: 180px;
    resize: none;
}

#form_ref {
    max-width: 300px;
    margin: 0 auto;
}
#form_ref label {
    display: block;
    width: 100%; 
    margin-bottom: 10px; 
    padding-left: 0px;
    margin-left: 0px;  
    color: #1b936d;
}
#form_ref label.center {
    text-align: center;
    padding-top: 10px;
}
#form_ref label span {
    display: inline-block;
    width: 70px;
}
#form_ref label input[type="text"], #form_ref label textarea, #form_ref label input[type="file"] {
    padding: 5px;
    width: 200px;
}
#form_ref label input[type="file"] {
    width: 210px;
}
#form_ref label textarea {
    width: 250px;
    margin-top: 10px;
    margin-left: auto;
}
#form_ref label select {
    padding: 5px;
    width: 215px;
}
#form_ref input[type="submit"] {
    padding: 10px;
    background-color: #1b936d;;
    color: #fff;
    cursor: pointer;
    margin: 25px auto 40px auto;
    border: none;
    display: block;
    width: 180px;
}
#form_ref input[type="submit"]:hover {
    background-color: black;
}
.podpis {
    margin-top: 30px;
    font-style: italic;
}
      
#reference .klienti .zarovnani h1 {
    padding-top: 105px;
    background: url(../img/starame_se_pod_nadpis.jpg) no-repeat;
    background-position: 50% 100%;
    max-width: 755px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    font-weight: normal;
    padding-bottom: 30px;
    color: black;
}

#reference .reference .zarovnani h1 {
    color: white;
}

#reference .reference .zarovnani h2 {
    padding-bottom: 25px;
}

#reference.sekce {
    background-color: #f0f0f0;
    margin-top: 50px;
    padding-bottom: 70px;
}

#reference.sekce .zarovnani h1 {
    text-align: left;
    color: black;
    padding-top: 90px;
    font-weight: normal;
}

#reference.sekce p.hledate {
    display: inline-block;
}

#reference a.poptavka {
    display: inline-block;
    float: none;
    margin-left: 50px;
    margin-right: 20px;
}

#reference .kontakt {
    display: inline-block;
    float: none;
    margin-right: 0px;
}

#reference .zarovnani h1 {
    padding-top: 90px;
    padding-bottom: 20px;
    color: #aa881d;
}

#reference .zarovnani .item {
    display: inline-block;
    width: 22%;
    margin-left: 1.2%;
    margin-right: 1.2%;
    background-color: #f1f1f1;
    max-width: 330px;
    height: 440px;
    vertical-align: top;
    margin-bottom: 75px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
}

#reference.sekce .zarovnani .item {
    background-color: #f0f0f0;
}

#reference.sekce .zarovnani .item {
    margin-bottom: 30px;
}

#reference .zarovnani .item a.obr {
    height: 190px;
    width: 100%;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

#reference.sekce .zarovnani .item a.obr {
    height: 112px;
    margin-top: 60px;
}

#reference .zarovnani .item a.obr img {
    display: none;
}

#reference .zarovnani .item h2, #reference .zarovnani .item h3 {
    width: 95%;
    max-width: 270px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    padding-top: 15px;
    color: #aa881d;
    font-size: 18px;
    margin-bottom: 15px;
}

#reference .zarovnani .item h2 a, #reference .zarovnani .item h3 a {
    color: #aa881d;
    text-decoration: none;
}

#reference .zarovnani .item p {
    width: 95%;
    max-width: 270px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    overflow: hidden;
    height: 75px;
    margin-bottom: 10px;
}

#reference .zarovnani .item span {
    display: block;
    width: 95%;
    max-width: 270px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#reference .zarovnani .item span a {
    position: absolute;
    bottom: 35px;
    display: block;
    background-color: #a9a9a9;
    width: 130px;
    padding-right: 15px;
    color: white;
    text-decoration: none;
    padding-top: 7px;
    padding-bottom: 7px;
    background-image: url(../img/sipka_m.png);
    background-repeat: no-repeat;
    background-position: 80% 50%;
    transition: 0.5s;
}

#reference.sekce .zarovnani .item span a {
    background-color: #f0f0f0;
    color: black;
    width: 100px;
    border: solid 1px black;
    padding-right: 0px;
}

#reference .zarovnani .item span a:hover {
    background-image: url(../img/sipka_a.png);
    color: #aa881d;
    background-color: white;
}

#reference.sekce .zarovnani .item span a:hover {
    background-image: none;
}
.strankovani.marginT {margin-top: 20px; margin-bottom: 20px;}

.ref_cta {
    float: right;
}
.ref_cta a {
    background-color: #1b936d;
    color: white!important;
    text-decoration: none!important;
    padding: 10px 20px;
    font-size: 18px;
}
.ref_cta a:hover {
    background-color: black;
}
.formatovani_textu img {width: 100%; height: auto;}
.formatovani_textu p {padding: 7px 0px;}

.zobrazit_vice_height {
    background-color: #1b936d;
    color: white!important;
    text-decoration: none!important;
    padding: 10px 20px;
    margin: 15px auto;
    font-size: 14px;
    display: none;
    width: 120px;
    text-align: center;
    cursor: pointer;
    transition: 600ms;
}
.zobrazit_vice_height:hover {
    background-color: black;
}

.kategorie_produktu span {
    font-weight: bold;
    color: black;
}
.kategorie_produktu {
    color: black;
}
.kategorie_produktu a {
    font-weight: normal;
    color: black;
}
.kategorie_produktu a:hover {
    color: black;
}


/* Dalsi Predesly */
.prev-next {
    width: 100%;
    clear: both;
    max-width: 1265px;
    width: 96%;
    margin: 20px auto;
}
.prev-next a.leva {
    float: left;
    max-width: 400px;
    height: 100px;
    background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAnCAYAAADgpQMwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1NDgyNDg5QzI2N0FFNDExOUVFN0ZDQ0RBOUI4RUNENyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0MDNDREI5QUIzMTExMUU0QUE2N0YxMTlGMEQwRTBDQSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0MDNDREI5OUIzMTExMUU0QUE2N0YxMTlGMEQwRTBDQSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkUxNzFBNTYyMzJCMkU0MTFBMzc4QjhCN0Q0MUI0RTdBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU0ODI0ODlDMjY3QUU0MTE5RUU3RkNDREE5QjhFQ0Q3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Sm1MxwAAANlJREFUeNpiYCAesAHxQyD+TwBvIcFMhgoiDPwJxCrEGigNxJ+JMLSdFFcuJcLAJ0DMQ6yBNkQYCMJRxBrIDMTniTDwPFQtUSCTSFfaEGugEBC/JcLApaREzjQiDPwMTRlEAQMg/kOEoRWkuPIwEQbehuYyokAUkZHjTUr+fjKav4d+/mYYsPzNAE3EhAw8yUAiINalBqQYSmyYHibVtVSPfZqlU1iO+kbtHMUA1UDVvM8A9RrVSymalKc0K/lpVkfRpDalWb1PSrlgNloukFUufB5+5QJAgAEAn8p1w6LmlbMAAAAASUVORK5CYII=') no-repeat left center;
    padding-left: 40px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.prev-next a.prava {
    float: left;
    max-width: 400px;
    height: 100px;
    background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAnCAYAAADgpQMwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1NDgyNDg5QzI2N0FFNDExOUVFN0ZDQ0RBOUI4RUNENyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0QzJDNEEyNEIzMTExMUU0ODA1NjlERUQwRTYyRjYzRCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0QzJDNEEyM0IzMTExMUU0ODA1NjlERUQwRTYyRjYzRCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkUxNzFBNTYyMzJCMkU0MTFBMzc4QjhCN0Q0MUI0RTdBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU0ODI0ODlDMjY3QUU0MTE5RUU3RkNDREE5QjhFQ0Q3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+R1sAEQAAANJJREFUeNpiYGBg2ALE/wngJ0DMyUACUAHin0QYXMFAImgnwtDPQCxNiqE8UC8SMngpqa6NIsJQELYh1eAzRBh6HoiZSTHUhkjXZpLq2qVEGPoWiIVIMVQaGtOEDJ5GqmsriDD0DxAbkGIoGxDfJsLgw6S61pvISIsi1WBiywWe0XJh8JQLJ4dUuXCMCENvk2KgATRrUtWlh6kdplSPfZqkU2JyFCgry1E777cPaClF9fKUJiU/1esomtSmVK/3DWhREo3mb5z4Gyk15tDI3wABBgCfynXAkitpBAAAAABJRU5ErkJggg==') no-repeat right center;
    padding-right: 40px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.prev-next a.prava {
    float: right;
}
.prev-next a.prava .obr {
    float: right;
}
.prev-next a.prava span {
    margin-right: 20px;
    margin-left: 0px;
    text-align: right;
}
.prev-next a .obr {
    height: 100px;
    width: 100px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
}
.prev-next a .obsah {
    float: left;
    width: calc(100% - 100px);
}
.prev-next a.prava .obsah {
    float: right;
}
.prev-next a span {
    margin-top: 20px;
    margin-left: 20px;
    display: block;
}

@media screen and (max-width: 830px) {
    .prev-next a.leva, .prev-next a.prava {
        display: block;
        float: none;
        margin: 10px auto;
        max-width: 400px;
        width: 100%;
    }
}

@media screen and (max-width: 420px) {
    .prev-next a, .prev-next a.prava {
       height: auto;
       padding: 10px;
    }
    .prev-next a .obr {
        display: none;
    }
    .prev-next a .obsah, .prev-next a.prava .obsah {
        float: none;
        width: 100%;
        text-align: center;
    }
    .prev-next a .obsah span , .prev-next a.prava .obsah span {
        float: none;
        width: 100%;
        text-align: center;
        margin: 0px;
    }
}

a.cta_prohlidka {
    display: inline-block;
    padding: 10px 20px;
    background: #1b936d;
    color: white!important;
    text-decoration: none!important;
    font-weight: bold;
    margin: 10px 0px!important;
}

.vyrazna_hlaska_interaktivni {
    text-align: center;
    padding: 35px 0px;
    margin-top: 10px;
    background-color: #1A936D;
    color: #fff;
}
.vyrazna_hlaska_interaktivni .zarovnani {
    font-size: 18px;
    max-width: 1200px;
    width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}