body {
  margin: 0;
  padding: 0;
  background: #ffffff;
  font-family: arial, sans-serif;
  font-size: 12px;
  color: #4E4E4E;
}

a {
  color: #B20135;
}
a:hover {
  text-decoration: none;
}

h1 {
  font-size: 28px;
  font-weight: normal;
  color: #B20135;
  margin: 0 0 20px 0;
}
h2 {
  font-size: 24px;
  font-weight: normal;
  color: #B20135;
}
h3 {
  font-size: 18px;
  font-weight: normal;
  color: #B20135;
}

table {
  width: 100%;
}

.form-submit {
  height: 41px;
  border-radius: 5px;
  border: groove 1px gray;
  font-size: 16px;
  font-weight: bold;
  color: #365F91;
  font-family: arial, sans-serif;
}
  .form-submit:hover {
    color: #B20135;
    cursor: pointer;
  }

#admin-menu {
  position: fixed;
}


#wrapper {
  width: 1000px;
  margin: 0 auto;
}
  #container {
    float: left;
    width: 1000px;
  }
    #logo-floater {
      float: left;
      width: 300px;
      height: 70px;
      margin: 15px 0 15px 0;
    }
    #search {
      float: right;
      margin: 30px 0 0 0;
    }
      #search label {
        display: none;
      }
      #search .form-text {
        float: left;
        width: 160px;
        height: 40px;
        border-radius: 5px;
        margin: 0 10px 0 0;
        padding: 0 10px 0 10px;
        border: solid 1px silver;
        font-size: 14px;
      }
      #search .form-submit {}          
    #primary {
      float: left;
      width: 1000px;
      height: 60px;
      margin: 0 0 15px 0;
      background: url(images/primary-bg.png) repeat-x;
      border-radius: 10px;
    }
      ul.primary-links {
        float: left;
        padding: 0;
      }
        ul.primary-links li {
          float: left;
          margin: 0 1px 0 0;
          padding: 0;
        }
          ul.primary-links li a {
            float: left;
            height: 37px;
            padding: 23px 17px 0 17px;
            font-size: 14px;
            font-weight: bold;
            color: #ffffff;
            text-decoration: none;
            text-shadow: 1px 1px #4E4E4E;
          }
            ul.primary-links li.first a {
              border-top-left-radius: 10px;
              border-bottom-left-radius: 10px;
            }
            ul.primary-links li a:hover,
            ul.primary-links li a.active {
              background-color: #B20135;
            }
    #slideshow {
      float: left;
      width: 1000px;
      height: 260px;
      margin: 0 0 30px 0;
    }
      #slideshow .views-field-field-foto-fid {
        position: relative;
        z-index: 100;
        float: left;
        width: 1000px;
      }
      #slideshow .views-field-title {
        position: relative;
        z-index: 100;        
        float: right;
        margin: -170px 0 0 0;
        padding: 15px 30px 15px 30px;
        font-size: 24px;
        font-weight: bold;
        color: #ffffff;   
        background-color: #B20135;
        text-align: right; 
        border-top-left-radius: 5px;  
        border-bottom-left-radius: 5px;
      }
      #slideshow .views-slideshow-controls-bottom {
        position: relative;
        z-index: 200;      
        float: right;
        margin: -50px 30px 0 0;
      }
        #slideshow .views-slideshow-controls-bottom .pager-item {
          float: left;
          width: 17px;
          height: 17px;
          background: url(images/dot.png) no-repeat;
          font-size: 0px; 
        }
          #slideshow .views-slideshow-controls-bottom .pager-item:hover,
          #slideshow .views-slideshow-controls-bottom .pager-item.activeSlide {
            background: url(images/dot-hover.png) no-repeat;
            cursor: pointer;
          }

    #banner {
      float: left;
      width: 1000px;
      margin: 0 0 30px 0;
    }
      #banner .banner {
        float: left;
        margin: 0 20px 0 0;
      }
      #banner .banner a {
        float: left;
        width: 280px;
        height: 140px;
        padding: 10px 20px 10px 20px;
        background-color: #EEEEEE;
        border-radius: 10px;
        text-decoration: none;
      }                
        #banner .banner.third {
          margin: 0;    
        }
      #banner .banner a:hover {
        background-color: #365F91;
        color: #ffffff !important;                                                    
      }  
        #banner .banner a img {
          float: left;
          margin: 0 20px 0 0;
        }                          
        #banner .banner a h3 {
          float: left;
        } 
          #banner .banner a h3:hover {
            color: #ffffff;
          }
        #banner .banner a .text {
          float: left;
          width: 260px;
          padding: 0 20px 0 0;
          background: url(images/banner-arrow.png) no-repeat right;
        }          
          
    
    #content {
      float: left;
      width: 1000px;
      text-align: justify;
    }
      #content #webform-client-form-6 {
        display: none;
      }
      #content .kontakt {
        border-collapse: separate;
        margin: 0 0 40px 0;
      }
      #block-block-5 .kontakt {
        border-collapse: separate;
        margin: 40px 0 0 0;
      }      
        #content .kontakt td,
        #block-block-5 .kontakt td {
          padding: 3px 0 3px 0;
        }      
        #content .kontakt td.label,
        #block-block-5 .kontakt td.label {
          width: 200px;
          font-weight: bold;
        }
        #content .kontakt td.label.title,
        #block-block-5 .kontakt td.label.title {
          font-size: 16px;
        }              
      #content .view-Dluznici table {
        display: none;
      }
        #content .view-Dluznici table th {
          background-color: #ffffff;
          padding: 0 0 5px 0;
          font-size: 14px;
          color: #B20135;
          border-color: #365F91; 
        }
        #content .view-Dluznici table tr {
          border-color: #365F91;
        }
          #content .view-Dluznici table td {
            background-color: #ffffff;
            padding: 3px 0 3px 0;
          }
            #content .view-Dluznici table td.views-field-title {
              font-weight: bold;
            }    
      #content #block-block-1 {
        float: left;
        width: 450px;
        margin: 0 30px 0 0;  
      }
      #content #block-block-1 h2 {
      }
        #content #block-block-1 p {
          line-height: 18px;
        }
      #content #block-menu-menu-servis {
        float: left;
        width: 200px;
        margin: 0 30px 0 0;      
      }
      #content #block-menu-menu-servis h2 {
        border-bottom: dotted 1px silver;
      }
        #content #block-menu-menu-servis ul {
          float: left;
          padding: 0;
        }
          #content #block-menu-menu-servis ul li {
            float: left;
            margin: 0;
            padding: 0;
            list-style-type: none;
            list-style-image: none;            
          }
            #content #block-menu-menu-servis ul li a {
              float: left;
              width: 170px;
              margin: 0 0 10px 0;
              padding: 15px 10px 15px 10px;
              font-size: 14px;
              font-weight: bold;
              text-decoration: none;
              background-color: #EEEEEE;
              border-radius: 10px;
              text-decoration: none;              
            }
              #content #block-menu-menu-servis ul li a:hover {
                background-color: #365F91;
                color: #ffffff;  
              }            
      #content #block-views-Clanky-block_1 {
        float: left;
        width: 290px;      
      }
      #content #block-views-Clanky-block_1 h2 {
        border-bottom: dotted 1px silver;
      }
        #content #block-views-Clanky-block_1 .views-field-title {
          float: left;
          width: 290px;
        }
          #content #block-views-Clanky-block_1 .views-field-title a {
            font-size: 14px;
            font-weight: bold;
          }      
        #content #block-views-Clanky-block_1 .views-field-body {
          float: left;
          width: 290px;
          margin: 10px 0 10px 0;
        }            
    
#footer-region {
  float: left;
  width: 100%;
  height: 100px;
  margin: 30px 0 0 0;
}
  #footer {
    width: 1000px;
    height: 60px;
    margin: 0 auto;
    padding: 40px 0 0 0;
    border-top: dotted 1px silver;
    text-align: center;
  }      
#seo-links a, #seo-links p{
color: #E3E3E3;
}

/* Odkazy paticka */

#seo-footer {
  padding: 0;
}

.footer-link-block {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 25px;
  padding-right: 40px;
  margin-right: 15px;
  margin-bottom: -20px;

  color: #4e4e4e;
  position: relative;
}

#seo-footer .footer-link-block a {
  vertical-align: top;
  text-decoration: underline;

  transition: 0.5s opacity ease-in-out;
}

.footer-link-block p {
  display: none;
  margin-bottom: 0;

  font-size: 13px;
  line-height: 16px;

  background-color: transparent;
  vertical-align: top;
}

p.footer-link-show {
  display: block;
}

.footer-link-btn {
  position: absolute;
  bottom: 70%;
  right: auto;
  left: 0;

  width: 40px;
  height: 40px;

  border: none;
  cursor: pointer;
  background: transparent;
}

.footer-link-btn svg {
  opacity: 0.2;
}

.footer-link-btn:hover svg,
.footer-link-btn:focus svg,
.footer-link-btn:active svg {
  opacity: 0.4;
}

.footer-link-btn path {
  fill: #000000;
}

@media (max-width: 575px) {
  .footer-link-btn {
    right: 90%;
    left: 0;
    margin: 0;
    bottom: 350%;

    transform: none;
  }

  .footer-link-block {
    padding: 0;
  }
}

.sr-only {
  position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	padding:0 !important;
	border:0 !important;
	height: 1px !important; 
	width: 1px !important; 
	overflow: hidden;
}