body, html { font-family: 'Open Sans', sans-serif; font-weight: 400; text-align: left; padding: 0px; margin: 0px; font-size: 14px; color: #000; background: #fff; }

h1 { width: 100%; float: left; clear: both; color: #b00000; text-align: center; font-size: 40px; font-weight: 300; margin: 0 0 10px 0; padding: 0; }
h2 { width: 100%; float: left; clear: both; color: #b00000; text-align: left; font-size: 26px; font-weight: 400; margin: 5px 0 0 0; padding: 0; }
h3 { width: 100%; float: left; clear: both; color: #000; text-align: left; font-size: 22px; font-weight: 400; margin: 5px 0 0 0; padding: 0; }

.clear { width: 100%; clear: both; margin: 0; padding: 0; font-size: 1px; height: 0px; }
.clear1 { clear: both; margin: 0; padding: 0; font-size: 1px; height: 10px; }
.clear2 { clear: both; margin: 0; padding: 0; font-size: 1px; height: 20px; }
.clearhr { clear: both; margin: 10px 0 0 0; padding: 0; font-size: 1px; height: 10px; border-top: 1px solid #375193; }
.line { clear: both; margin: 10px 0 10px 0; padding: 0; font-size: 1px; height: 0; border-top: 1px solid #000; }
hr { float: left; width: 100%; clear: both; margin: 10px 0 10px 0; padding: 0; font-size: 1px; height: 0; border-top: 2px solid #b00000; }

#page { width: 100%; height: 100%; float: left; }

  header { width: 100%; height: 155px; float: left; margin: 0; padding: 0; background: #fff; }
  #contacts { width: 100%; height: 40px; display: block; float: left; clear: both; margin: 0; padding: 0; background: #770000; font-size: 17px; font-weight: 300; text-align: left; }
    #contacts-left { width: 430px; height: 20px; float: left; margin: 10px 0 0 0; }
      #phone, #phone2 { width: 170px; height: 20px; float: left; margin: 0 0 0 10px; padding: 0 0 0 24px; background: url("images/ico-tel.png") no-repeat left center; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
        #phone a, #phone2 a { color: #fff; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
        #phone a:hover, #phone2 a:hover { color: #ffc600; text-decoration: none; }
    #contacts-right { width: 170px; height: 20px; float: right; margin: 10px 0 0 0; }
      #mail { width: auto; height: 20px; float: left; margin: 0 0 0 10px; padding: 0 0 0 24px; background: url("images/ico-mail.png") no-repeat left center; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
        #mail a { color: #fff; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
        #mail a:hover { color: #ffc600; text-decoration: none; }
  #header { width: 1200px; height: 115px; display: block; margin: 0 auto; }
    #logo { width: 150px; height: 115px; float: left; }
      #logo a img { -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; border: 0; }
      #logo a:hover img { -webkit-filter: brightness(120%); -moz-filter: brightness(120%); filter: brightness(120%); border: 0; }
    #menu { width: 820px; height: 40px; float: right; margin: 40px 0 0 0; padding: 0; }
    #responsivenav { display: none; }
      nav#mainmenu { width: 100%; height: 40px;  }
        nav#mainmenu ul#main {  margin: 0; padding: 0; }
        .menu-link-li { float: left; padding: 0px; margin: 0; text-decoration: none; list-style: none; }
        .menu-link-li ul { position: absolute; display: none; visibility: hidden; margin-top: 40px; padding: 5px; }
        .menu-link-li:hover ul { background: #e9e9e9; border-top: 3px solid #ab2323; position: absolute; display: block; visibility: visible; float:left; padding: 10px 20px 20px 20px; margin-left: 3px; z-index: 99999999; }
        .menu-link-li ul li { list-style: none; margin-bottom: 15px; display: block; width: 100%; font-size: 20px; }
        .menu-link-li ul li:hover { list-style: none; }
        .menu-link-li ul li a { width: 100%; height: 40px; line-height: 40px; float: left; color: #1f1f1f !important; text-decoration: none !important; border-bottom: 1px solid #fff; font-weight: 400; text-transform: uppercase; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
        .menu-link-li ul li a:hover { text-decoration: none !important; color: #1f1f1f !important; border-bottom: 1px solid #ab2323; font-weight: 400; }
    
        .menu-link { height: 40px; line-height: 40px; float: left; text-align: center; color: #000; text-decoration: none; font-size: 22px; text-transform: uppercase;
          padding: 0 15px 0 15px; margin: 0 1px 0 1px; font-weight: 300; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
        .menu-link:hover, .menu-link.active1 { color: #fff; background: #b00000; }
      
  #slider-img { float: left; clear: both; }
    .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; z-index: 1; }
    .rslides li { -webkit-backface-visibility: hidden; position: absolute;  display: none; width: 100%; left: 0; top: 0; }
    .rslides li:first-child { position: relative;  display: block; float: left;  }
    .rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }
  
  #homep { width: 100%; height: 315px; float: left; background: none; }
  #homeprods { width: 1190px; height: 385px; position: relative; padding: 5px 0 5px 0; left: 0; right: 0; text-align: center; margin-left: auto; margin-right: auto; bottom: 80px; z-index: 7050; background: url("images/bg-homeprods.png") repeat; border: 1px solid #f3f3f3; }
    .homeprod { width: 220px; height: 180px; display: inline-block; margin: 5px; text-align: center; font-size: 17px; text-decoration: none; }
      .homeprod span { display: block; clear: both; width: 100%; height: 30px; line-height: 30px; text-align: center; color: #b00000; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
        .homeprod:hover span { text-decoration: none; color: #000; }
      .homeprod img { width: 220px; height: 150px; border: 0; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
      .homeprod:hover img { border: 0; -webkit-filter: brightness(130%); -moz-filter: brightness(130%); filter: brightness(130%); }
  /*
  #rspager { width: 100%; height: 60px; float: left; background: #F1F1F1; }
  #rspager ul#slider1-pager { width: 1200px; position: relative; left: 0; right: 0; margin-left: auto; margin-right: auto; bottom: 100px; z-index: 7050; }
  */
  
  #content { width: 1200px; margin: 0 auto; }
    .content { width: 100%; float: left; padding: 20px 0 40px 0; margin: 0; font-weight: 400; }
      .content p { font-size: 16px; line-height: 22px; float: left; clear: both; text-align: justify; margin: 4px 0 4px 0; }
        .content p strong { color: #b00000; }
        .content .pleft { width: 48%; float: left; clear: none; text-align: left; }
        .content .pright { width: 48%; float: right; clear: none; text-align: left; }
        .content p.foto { text-align: center; }
          .content p.foto a img { margin: 0 0 0 3px; }
      .content ul { font-size: 18px; float: left; clear: both; text-align: left; padding: 0px; margin: 10px 0 10px 40px; }
        .content ul li { line-height: 34px; list-style-type: square; }
      .content a { color: #ff0000; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
      .content a:hover { color: #000; text-decoration: underline; }
      /*
      .content a img { background: transparent; padding: 2px 2px 2px 2px; border: 1px solid #ab2323; margin: 0 4px 4px 0; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
      .content a:hover img { background: transparent; border: 1px solid #000; -webkit-filter: brightness(120%); -moz-filter: brightness(120%); filter: brightness(120%); }
      */
      .content a.prod { float: left; width: 260px; height: 30px; padding: 10px; margin: 5px; line-height: 30px; background: #383838; color: #fff; font-size: 20px; font-weight: 300; text-align: center; text-transform: uppercase; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
      .content a.prod:hover { background: #b00000; color: #fff; text-decoration: none; }
      .content a.prodgal { display: inline-block; float: left; width: 500px; height: 30px; padding: 10px 0 10px 0; margin: 5px 10px 5px 10px; line-height: 30px; background: #383838; color: #fff; font-size: 20px; font-weight: 300; text-align: center; text-transform: uppercase; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
      .content a.prodgal:hover { background: #b00000; color: #fff; text-decoration: none; }
      a.news-title { font-size: 28px; font-weight: 400; }
      
      table { border-collapse:collapse; margin: 10px 0 10px 0; float: left; clear: both; border: 1px solid #686868; border-spacing: 1px; width: 90%; font-size: 16px; }
      th { padding: 3px; text-align: left; vertical-align: top; background-color: #686868; color: #fff; font-weight: normal; }
      td { padding: 3px; vertical-align: top; background-color: #fff; color: #000; border: 1px solid #686868; }
      .content table td p { margin: 0; padding: 0; line-height: 22px; }
      
        .content a.fancybox-effects-d { float: left; width: 232px; height: 150px; margin: 2px; background: #f1f1f1; padding: 1px; text-align: center; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
          .content a.fancybox-effects-d:hover { background: #ffe0ae; }
        .content a.fancybox-effects-d img { max-width: 232px; max-height: 150px; border: 0; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
        .content a.fancybox-effects-d:hover img { border: 0; -webkit-filter: brightness(120%); -moz-filter: brightness(120%); filter: brightness(120%); }

  #layout-map { width: 100%; float: left; margin: 0; border-top: 3px solid #b00000; }
    .map-wrapper { width: 100%; height: 400px; }
    #map { width: 100%; height: 100%; }
      #map iframe { width: 100%; height: 400px; float: left; border: 0; }
    .find-us-box { width: 190px; margin: 0 auto; position: relative; height: 40px; margin-bottom: -40px; z-index: 1; }
    .find-us-button { width: 190px; left: 0; margin: 20px 0 0 20px; position:absolute; z-index:10000; background: #b00000; color: #fff; font-size: 22px; text-transform: uppercase;
    padding:7px 0 7px 10px; cursor:pointer; margin-bottom:-40px; text-decoration: none; font-weight: 300; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
    .find-us-button:hover { background: #4a4a4a; }

  footer { width: 100%; height: 50px; float: left; clear: both; color: #fff; background: #770000; font-size: 15px; font-weight: 300; }
    .footer-left { width: 550px; height: 50px; float: left; line-height: 50px; padding: 0; margin: 0 0 0 10px; text-align: left; }
    .footer-right { width: 300px; height: 50px; float: right; line-height: 50px; padding: 0; margin: 0 10px 0 0; text-align: right; }
    footer a { color: #fff; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
    footer a:hover { color: #ffc600; text-decoration: none; }

    .napistenamform { width: 970px; float: left; color: #000; font-size: 15px; font-weight: 500; margin: 10px 0 20px 0; }
      .form-left { width: 460px; float: left; }
      .form-right { width: 510px; float: left; }
      form.napistenamform { width: 970px; clear: both; float: left; }
      form.napistenamform label { width: 150px; height: 30px; line-height: 20px; padding: 5px 10px; margin: 3px 0 3px 0; float:left; text-align: right; font-size: 16px; }
        form.napistenamform label.zprava { text-align: left; }
      form.napistenamform input { width:250px; height: 30px; float:left; background: #F2F2F2; padding: 5px 10px; margin: 3px 0 3px 0; border:1px solid #b00000; }
        form.napistenamform input:hover { border: 1px solid #000; }
      form.napistenamform textarea { width: 500px; height: 78px; float:left; background: #F2F2F2; padding: 5px 10px; border:none; border: 1px solid #b00000; }
        form.napistenamform textarea:hover { border:1px solid #000; }
      form.napistenamform input.form-button { float: right; cursor: pointer; font-family: 'Open Sans'; width: 250px; height: 50px; margin: 0 40px 0 0; line-height: 43px; background: #b00000; color: #fff; font-size: 18px; font-weight: 400; text-align: center; letter-spacing: 3px; border: 0px; text-transform: uppercase; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
      form.napistenamform input.form-button:hover { background: #4a4a4a; }

.hlaseni_chyba { background:red; color:#fff; border-radius:5px; padding:5px; font-size:17px; text-align:center; margin-bottom:15px; }
.hlaseni_ok { background:green; color:#fff; border-radius:5px; padding:5px; font-size:17px; text-align:center; margin-bottom:15px; }

/*media*/
@media (max-width: 1230px) {
  #header { width: 96%; height: 115px; display: block; margin: 0 auto; }
  
    #homep { width: 100%; height: auto; float: left; background: none; }
  #homeprods { width: 98%; height: auto; position: relative; padding: 5px 0 5px 0; left: 0; right: 0; text-align: center; margin-left: auto; margin-right: auto; bottom: 0; display: block; clear: both; z-index: 7050; background-image: none; border: 0; }
    .homeprod { width: 220px; height: 180px; display: inline-block; margin: 5px; text-align: center; font-size: 17px; text-decoration: none; }
      .homeprod span { display: block; clear: both; width: 100%; height: 30px; line-height: 30px; text-align: center; color: #b00000; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
        .homeprod:hover span { text-decoration: none; color: #000; }
      .homeprod img { width: 220px; height: 150px; border: 0; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
      .homeprod:hover img { border: 0; -webkit-filter: brightness(130%); -moz-filter: brightness(130%); filter: brightness(130%); }
  
  #content { width: 96%; margin: 0 auto; }
    .napistenamform { width: 900px; float: left; margin: 10px 0 20px 0; }
      .form-left { width: 440px; float: left; }
      .form-right { width: 440px; float: left; }
      form.napistenamform { width: auto; clear: both; float: left; }
      form.napistenamform label { width:200px; height: 30px; line-height: 20px; margin: 3px 0 3px 0; float:left; text-align: right; }
        form.napistenamform label.zprava { text-align: left; }
      form.napistenamform input { width:200px; height: 30px; float:left; margin: 3px 0 3px 0; }
      form.napistenamform textarea { width: 400px; height: 78px; float:left; }
        form.napistenamform textarea.poptavka { width: 470px; height: 130px; float:left; }
      form.napistenamform input.radio { height: 20px; width: 50px; margin: 7px 0 0 0; }
      form.napistenamform input.checkb { height: 20px; width: 50px; margin: 7px 0 0 0; }
      form.napistenamform input.form-button { float: right; width: 200px; height: 50px; margin: 0 20px 0 0; }
}
@media (max-width: 1150px) {

}
@media (max-width: 1070px) {
    header { width: 100%; height: auto; }
  #menu { width: 160px; margin: 30px 30px 0 0; height: 50px; float: right; border: 0; }
      nav#mainmenu { width: 100%; margin: 0; height: auto; }
        .menumain ul#main { display: none; }
      #responsivenav { width: 160px; height: 50px; background: #b00000; float: left; display: block; color: #fff; font-size: 30px; line-height: 50px; text-decoration: none; text-align: center; margin: 0; padding: 0;
    -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
        #responsivenav:hover { background: #3c3c3c; color: #fff; text-decoration: none; }
      .menumain.responsive { display: block; width: 320px; float: right; height: 40px; margin: 0; z-index: 9999; position: relative; }
        .menumain.responsive ul#main { width: 320px; float: right; position: absolute; display: block; visibility: visible; top: 50px; right: 0; padding: 15px; z-index: 9999; background: #3c3c3c; }
        .menu-link-li { width: 100%; float: left; clear: both; padding: 0px; margin: 0; text-decoration: none; list-style: none; }
        .menu-link-li ul { width: 100%; height: auto; position: static; float: left; display: block; visibility: visible; margin-top: 0; padding: 0; z-index: 9999; }
        .menu-link-li:hover ul { background: none; position: static; display: block; visibility: visible; float:left; padding: 0; margin-left: 0; border: 0; }
        .menu-link-li ul li { list-style: none; margin-bottom: 15px; display: block; width: 100%; font-size: 20px; }
        .menu-link-li ul li:hover { list-style: none; }
        .menu-link-li ul li a { width: 100%; height: 40px; line-height: 40px; float: left; color: #fff !important; text-decoration: none !important; border-bottom: 1px solid #e9e9e9; font-weight: 300; text-indent: 40px; }
        .menu-link-li ul li a:hover { text-decoration: none !important; color: #fff !important; border-bottom: 1px solid #fff; font-weight: 300; background: #ab2323; }
        .menu-link { width: 100%; height: 60px; line-height: 60px; float: left; clear: both; text-align: left; color: #fff; background: none; text-decoration: none; font-size: 24px; text-indent: 20px;
        padding: 0; margin: 0; font-weight: 300; text-transform: none; border-bottom: 1px solid white; }
        .menu-link:hover, .menu-link.active1 { color: #fff; background: #b00000; }
}
@media (max-width: 940px) {
  .content .pleft { width: 100%; float: left; clear: both; text-align: left; }
  .content .pright { width: 100%; float: left; clear: both; text-align: left; }
    .napistenamform { width: 100%; float: left; margin: 10px 0 20px 0; }
      .form-left { width: 100%; float: left; clear: both; }
      .form-right { width: 100%; float: left; clear: both; }
      form.napistenamform { width: auto; clear: both; float: left; }
      form.napistenamform label { width:200px; height: 30px; line-height: 20px; margin: 3px 0 3px 0; float:left; text-align: right; }
        form.napistenamform label.zprava { text-align: right; }
      form.napistenamform input { width:220px; height: 30px; float:left; margin: 3px 0 3px 0; }
      form.napistenamform textarea { width: 220px; height: 100px; float:left; }
      form.napistenamform input.radio { height: 20px; width: 50px; margin: 7px 0 0 0; }
      form.napistenamform input.checkb { height: 20px; width: 50px; margin: 7px 0 0 0; }
      form.napistenamform input.form-button { float: right; clear: both; width: 220px; height: 50px; margin: 7px 0 0 0; }
}
@media (max-width: 910px) {
    footer { width: 100%; height: auto;  }
    .footer-left { width: 100%; height: 30px; float: left; clear: both; line-height: 20px; padding: 0 0 0 0; margin: 10px 0 0 0; text-align: center; }
    .footer-right { width: 100%; height: 30px; float: left; clear: both; line-height: 20px; padding: 0 0 0 0; margin: 10px 0 0 0; text-align: center; }
}
@media (max-width: 620px) {
  #contacts-right { display: none; }
}
@media (max-width: 580px) {
      .menumain.responsive { display: block; width: 320px; float: right; height: 40px; margin: 0; z-index: 9999; position: relative; }
        .menumain.responsive ul#main { width: 320px; float: right; position: absolute; display: block; visibility: visible; top: 50px; right: 0; padding: 15px; z-index: 9999; background: #3c3c3c; }
}
@media (max-width: 480px) {
header { width: 100%; height: auto; }
  #contacts-left { display: none; }
  #menu { width: 160px; margin: 30px 10px 0 0; height: 50px; float: right; border: 0; }
    .napistenamform { width: 100%; float: left; margin: 10px 0 20px 0; }
      .form-left { width: 100%; float: left; clear: both; }
      .form-right { width: 100%; float: left; clear: both; }
      form.napistenamform { width: auto; clear: both; float: left; }
      form.napistenamform label { width:100%; height: 30px; line-height: 20px; margin: 3px 0 0 0; float:left; clear: both; text-align: left; }
        form.napistenamform label.zprava { text-align: left; }
      form.napistenamform input { width:90%; height: 30px; float:left; clear: both; margin: 0 0 3px 0; }
      form.napistenamform textarea { width: 90%; height: 100px; float:left; }
      form.napistenamform input.radio { height: 20px; width: 50px; margin: 7px 0 0 0; }
      form.napistenamform input.checkb { height: 20px; width: 50px; margin: 7px 0 0 0; }
      form.napistenamform input.form-button { float: left; clear: both; width: 100%; height: 50px; margin: 7px 0 0 0; }
}