@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,700,800&subset=latin,latin-ext);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css);
@import "mixins.less";

@font: 'Open Sans';
@prechod: 0.3s all 0s linear;

body{font-family: @font; background: #f4f4f4}

h1 {font-family: @font;font-size: 28px;text-transform: uppercase;color: #000;font-weight: 800;margin: 0 0 25px 0;}
h2 {font-family: @font;font-size: 20px;text-transform: uppercase;color: #000;font-weight: 700;margin: 0 0 25px 0;}
h3 {font-family: @font;font-size: 18px;text-transform: uppercase;color: #000;font-weight: 600;margin: 0 0 25px 0;}
h4 {font-family: @font;font-size: 16px;text-transform: uppercase;color: #000;font-weight: 600;margin: 0 0 25px 0;}

hr {border-top: 1px solid #C1C1C1;}

.page {width: 100%;min-height: 300px;padding: 50px 0;}
.contact-form-wrapper {width: 100%;padding: 10px 0 50px 0;}

.vypisgalerie {width: 100%;float: left;margin-top: 50px;}
.vypisgalerie .item-wrapper {width: 100%;float: left;}
.vypisgalerie .item {margin-bottom: 30px;width: 100%;float: left;}
.vypisgalerie .item a { float: left; width: 100%; height: 200px; position: relative; background-position: center center; background-size: cover; background-repeat: no-repeat; }

.products-wrapper {width: 100%;float: left;background: #d9dadb;padding: 50px 0;}
.products-wrapper .section-title {color: #920629;}
.products {width: 100%;float: left;margin-top: 25px;}
.products-item {width: 100%;float: left;margin-bottom: 30px;position: relative;}
.products-img-wrap {width: 100%;float: left;display: table;height: 200px;background: #fff;border: 1px solid #D9DADB;table-layout: fixed;}
.products-img {display: table-cell;vertical-align: middle;text-align: center;}
.products-img img {max-width: 85%;max-height: 150px;}
.products-title {text-align: center;font-weight: 400;font-size: 16px;text-transform: uppercase;color: #313131;width: 100%;float: left;}
.products-title:hover {color: #920629;text-decoration: none;}
.products-link { width: 40px; height: 40px; display: block; background: url('/template/des/products-link.png') left top no-repeat; position: absolute; bottom: 30px; left: 50%; z-index: 999; margin-left: -20px; }
.products-desc {width: 100%;float: left;margin-top: 15px;}
/*.products-item:hover .products-overlay {display: block;}*/
.products-text {text-align: center;width: 70%;margin: 0 auto;}
.section-title {display: table;margin: 0 auto;text-align: center;color: #313131;margin-bottom: 40px;margin-top: 10px;padding-bottom: 10px;font-family: 'Open Sans';font-size: 25px;text-transform: uppercase;font-weight: 700;}
.products-more-wrapper {width: 100%;float: left;margin-top: 30px;}
.products-more {height: 40px;line-height: 40px;color: #fff;text-transform: uppercase;background: #920629 url('/template/des/arrow.png') right 15px center no-repeat;padding: 0 40px 0 20px;display: table;margin: 0 auto;}
.products-more:hover {color: #fff;background: #C60938 url('/template/des/arrow.png') right 15px center no-repeat;text-decoration: none;}

#uplne-top{background:black;
    .pro-partnery{padding: 15px 0; text-align:center;
                  a{color: #fff; text-transform: uppercase; font-size: 14px; text-decoration: none;padding-left: 15px;
                    &:hover{text-decoration: underline;}
                  }
                  .fa{color:red;}
    }
}
#logo-head{background:white;
    #logo{padding: 15px 0; display: block; width: 100%; text-align: center;
          img{max-width: 100%;}
    }
    #contact-us{font-size:300; color:black; font-size:14px; text-transform:uppercase; float: none; line-height: 110px; margin-right: 0px; text-align: center;
        .contact-bold{color:red; font-size: 18px; font-weight: 700; margin-left: 10px;}
    }
    #langmenu{float: right; border:1px solid #e1e1e1; padding: 0;  height: 38px; overflow: hidden; .transition(@prechod); position: absolute; left: 10px; top:10px; background:white; z-index: 1;
              &:hover{height: 80px;}
              li{text-transform:uppercase; list-style-type:none;
                  a {font-weight: 700; font-size: 12px; color:black; padding: 10px; text-align:center; display: block;}
              }
              li.first a {padding: 10px 30px 10px 10px;background: url('/template/des/lang-arrow.png') right 7px center no-repeat;}
    }
}
#menu-background{background: red;
                .container{position:relative; /*padding: 0;*/}                 
                 #main-menu{float:left; padding:0; margin: 0;
                     li{float:left; list-style-type: none;  width: 50%; text-align: center;
                        a{color: white; text-transform: uppercase; font-size: 14px; padding: 15px 10px; .transition(@prechod); display: block;background: none;
                          &:hover{background: rgba(255,255,255,0.2); text-decoration: none;}
                        }
                        ul {border-radius: 0;border: none;padding: 0;background: none;
                         li { background: red;width: 100%;
                           a {color: #fff;}
                         }
                        }
                     }
                 }
                 .eshop-link{position:relative; right: 0; bottom: 0;
                     a{display: block; float: left; color:white; font-weight: 700; text-transform: uppercase; width: 50%; text-align:center;
                       &:first-child{background: #1e1e1e; padding: 17px;}
                       &:last-child{background: #d20606; padding: 17px;}
                     }
                 }
}

#novinky{margin-top:30px;
    .container{padding: 0;}
    .hlavicka{background: #e7e7e7; padding: 20px; position:relative;
              .nadpis{float: left; background: red; position: absolute; left:0; bottom:0; padding: 24px;
                  h2{color: white; text-transform: uppercase; font-size: 15px; text-shadow: 1px 1px 0 rgba(0,0,0,0.5); margin: 0; font-weight: 600;}
              }
              .hlavicka-posuvnik{float:right; font-size: 14px; font-style: italic;
                    a{color: red; font-weight: 600; margin-right: 20px;}
                    .fa{color: #6f6f6f; cursor: pointer;}
                    .fa-chevron-left{margin-right: 10px;}
              }
    }
    .telo{padding: 10px; background: white;
          .news{list-style-type: none; padding: 0; margin: 0; overflow: hidden;
                .news-box{float: left; width: 100%;
                          .news-image{
                              a{
                                  img{max-width: 100%;max-height: 200px;}                                  
                              }
                          }
                          .news-title{font-size:17px; font-weight: 600; font-style: italic;color:#232323;display: block;margin: 30px 0 20px 0;}
                          .news-desc{font-size: 12px; color: #666666;}
                          .news-more{background: white; border:1px solid #e9e9e9; border-radius: 3px; color: #232323; font-size: 13px; font-style: italic;font-weight: 600; padding: 5px 15px; display: block; margin: 15px 0; float: left; .transition(@prechod);
                                         &:hover{text-decoration: none; background: #e9e9e9;}
                          }
                }
          }
    }
}

.news-item {float: left; width: 100%;margin-bottom: 25px; padding: 10px;
                          .news-image{ text-align: left;
                              a{
                                  img{max-width: 100%;max-height: 200px;}                                  
                              }
                          }
                          .news-title{font-size:17px; font-weight: 600; font-style: italic;color:#232323;display: block;margin: 30px 0 20px 0;}
                          .news-desc{font-size: 12px; color: #666666;}
                          .news-more{border:1px solid #e9e9e9; border-radius: 3px; color: #232323; font-size: 13px; font-style: italic;font-weight: 600; padding: 5px 15px; display: block; margin: 15px 0; float: left; .transition(@prechod);
                                         &:hover{text-decoration: none; background: #fff;}
                          }
                }

#znacky{margin-top:50px;margin-bottom: 50px;
    .container{padding: 0;}
    .hlavicka{background: #e7e7e7; padding: 20px; position:relative;
              .nadpis{float: left; background: red; position: absolute; left:0; bottom:0; padding: 24px;
                  h2{color: white; text-transform: uppercase; font-size: 15px; text-shadow: 1px 1px 0 rgba(0,0,0,0.5); margin: 0; font-weight: 600;}
              }
              .hlavicka-posuvnik{float:right; font-size: 14px; font-style: italic;
                    a{color: red; font-weight: 600; margin-right: 20px;}
                    .fa{color: #6f6f6f; cursor: pointer;}
                    .fa-chevron-left{margin-right: 10px;}
              }
    }
    .telo{padding: 10px; background: white; cursor: move;
          .partneri{list-style-type: none; padding: 0; margin: 0; overflow: hidden;
              li{float: left;}
          }
    }
}

#footer{background: red; color:white;
    .footer-box{float: left; width: 100%; border-bottom:1px solid #ff4d4d; padding: 10px;
                a {color: #fff;text-decoration: underline;}
                .footer-box-title {font-size: 14px; text-transform: uppercase; font-weight: 600; text-align: left; margin-bottom: 10px;margin-bottom: 25px;
                    i {margin-right: 5px;}
                }
                input {border: 1px solid white; background: red; color: white; float: left; font-size: 13px; font-weight: 300; padding: 10px 15px;}
                input[type="text"]{
                  margin-right: 10px; width: 160px;outline: none;text-transform: uppercase;
                  &::-webkit-input-placeholder {
                   color: #fff;
                  }

                  &:-moz-placeholder { /* Firefox 18- */
                     color: #fff;  
                  }

                  &::-moz-placeholder {  /* Firefox 19+ */
                     color: #fff;  
                  }

                  &:-ms-input-placeholder {  
                     color: #fff;  
                  }
                }
                input[type="submit"]{
                  outline: none;
                  text-transform: uppercase;
                  .transition(@prechod);
                                     &:hover{background: white; color: red;}
                }
    }
    .footer-box:nth-child(2){
        a {border:1px solid #fff; padding: 10px 15px; display: block; width: 195px; color: white;text-transform: uppercase;text-decoration: none; .transition(@prechod);
          &:hover{text-decoration: none; background: white; color: red;}
        }
    }
    .footer-box:last-child{border:0;}
}

.copy-wrapper{color:#666666; padding: 20px; text-align:center;text-transform: uppercase;
              a{color:#666666;}
    strong{color:#3e3e3e}
}

@media (min-width: 768px){
    @import "up768.less";
}
@media (min-width: 992px){
    @import "up992.less";
}
@media (min-width: 1020px){
    @import "up1020.less";
}