
<style>

  @font-face {
        font-family: Aller;
        src: url('ttf/Aller.ttf');
    }
   

  @font-face {
         font-family: Aller_Rg;
         src: url('ttf/Aller_Rg.ttf');
     }
    

  body {
       font: 400 15px/1.3 Aller_Rg;
       color: #777;
       font-family: Aller_Rg,Arial;
  }


  p {font-family: Aller_Rg,Arial;}
  
  h3, h4 {
      font-family: Aller_Rg,Arial;
      margin: 0px 0 30px 0;
      letter-spacing: 0px;      
      font-size: 35px;
      /* color: #111; */
      color: #1A619F;
  }
  
    h2 {
      font-family: Aller_Rg,Arial;
  }
  
  .dalsisluzby {
      font-family: Aller_Rg,Arial;
      margin: 0px 0 30px 0;
      letter-spacing: 0px;      
      font-size: 22px;
      color: #111; 
      
  }

  .container {
      padding: 55px 120px;
  }
  
  
  @media (min-width: 40px) and (max-width: 1120px) {           /* colapse menu v rozmezi sirky dispeje 640 - 1120 px*/
  
   .container {
      padding: 55px 35px;                                     /* zmenseni padding ze stran pri mensi sirce displeje */
  }
    h3, h4 {
      font-size: 28px;
  }
  h2 {
      font-size: 19px;
  }
  
  }

  .person {
      border: 10px solid transparent;
      margin-bottom: 25px;
      width: 80%;
      height: 80%;
      opacity: 0.7;
  }

  .person:hover {
      border-color: #f1f1f1;
  }


  .logo {
      position:relative;
      margin-top:10px;
      margin-left:-35px;
      /*argin-left: -470px;
      left: 50%;           */ 
      
      /* width:980px; */
      overflow:hidden;
      padding-right:0px;padding-left:0px;margin-right:auto;
      /* margin-left:auto*/
      }


  .carousel-inner {
      position:relative;
      margin-top:20px;
      width:100%;
      overflow:hidden

      }
  

  .carousel-inner img {
      /* -webkit-filter: grayscale(90%); */
      /* filter: grayscale(90%); */ /* make all photos black and white */ 
      width: 950; /* Set width to 100% 980 */
      margin: auto;
      /* margin-bottom:0px; */

  }

  .carousel-caption h3 {
      color: #fff !important;
  }
  
 .carousel-control.left{background-image:none;}
 .carousel-control.right{right:0;left:auto;background-image:none;}
 
.carousel-indicators{position:absolute;bottom:40px;left:50%;z-index:15;width:60%;padding-left:0;list-style:none}
.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:#BDC802;border:1px solid #BDC802;border-radius:1px}
.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#BDC802;border:1px solid #004E93;}



  @media (max-width:  600px) {
    .carousel-caption {
      display: none; /* Hide the carousel text when the screen is less than 600 pixels wide */
    }
  }

  .bg-1 {
      background: #ffffff;
      color: #000;
      
  }

  .bg-1 h3 {color: #1A619F; }
  .bg-1 h2 {color: #33a2dc;}
  
  .bg-1 p {font-family: Aller_Rg,Arial;
           font-size: 18px;
  }
  
  
  
  
  .col-sm-4 {
          
           padding: 5px 5px 5px 5px;
          /*padding: 15px 15px 15px 15px; */
          /* border: 1px solid #A1A1A1; */ 
          
  }
  
  .col-sm-4-in {
          padding: 10px 10px 10px 10px;
          background: #EAEAEA;
  }       
  
    .col-sm-4-zelene {
          padding: 10px 10px 10px 10px;
          background: #BDC700;
          color: #004E94;
          font-size: 18px;
          font-weight: bold;
          font-family: Aller_Rg,Arial;
  } 
  .col-sm-4-bila {
          padding: 5px 5px 5px 5px;
          background: #ffffff;
          
          font-size: 18px;
          
  } 
  
  
  
  
  .menu3  {
          font-size: 18px;
          font-weight: bold;
          font-family: Aller_Rg,Arial;
  }
  
  .nastym1 {
          padding: 10px 10px 10px 10px;
          background: #ECECEC;
  
  }
  
  .nastym2 {
          padding: 10px 10px 10px 10px;
          /* background: #BDC700; */
  
  }
  

  .list-group-item:first-child {
      border-top-right-radius: 0;
      border-top-left-radius: 0;
  }

  .list-group-item:last-child {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;

  }

  .thumbnail {
      padding: 0 0 15px 0;
      border: none;
      border-radius: 0;
  }

  .thumbnail p {
      margin-top: 15px;
      color: #555;
  }



  .modal-header, h4, .close {
      background-color: #333;
      color: #fff !important;
      text-align: center;
      font-size: 30px;
  }

  .modal-header, .modal-body {
      padding: 40px 50px;
  }

  .nav-tabs li a {
      color: #777;
  }

  #googleMap {
      width: 100%;
      height: 400px;
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%);
  }  

 
  
  
 .navbar {
      font-family: Aller_Rg, Arial;
      margin-bottom: 0;
      background-color: #004F94;
      border: 0;
      font-size: 18px !important;
      font-weight: none;
      letter-spacing: 0px;
      opacity: 0.9;
  }
  .navbar li a, .navbar .navbar-brand { 
      color: #d5d5d5 !important;
  }
  .navbar-nav li a:hover {
      color: #fff !important;
  }
  .navbar-nav li.active a {
      color: #fff !important;
      /*background-color: #29292c !important;*/
      background-color: #004F94 !important;
  }
  .navbar-default .navbar-toggle {
      border-color: transparent;
  }
  .open .dropdown-toggle {
      color: #fff;
      background-color: #555 !important;
  }
  .dropdown-menu li a {
      color: #000 !important;
  }
  .dropdown-menu li a:hover {
      background-color: #33a2dc !important;
  }
  
  
  @media (min-width: 0px) and (max-width: 1120px) {           /* colapse menu v rozmezi sirky dispeje 640 - 1120 px*/
    
     .navbar li a, .navbar .navbar-brand { 
      color: #d5d5d5 !important;
  }
  .navbar-nav li a:hover {
      color: #fff !important;
  }
  .navbar-nav li.active a {
      color: #fff !important;
      /*background-color: #29292c !important;*/
      background-color: #004F94 !important;
  }
    .dropdown-menu li a {
      color: #ddd !important;
    }
    .dropdown-menu li a:hover {
      background-color: #33a2dc !important;
  }
  
  
  
  
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
}
   
 /*.form-control {
     width: 350px;
 
 
 } 
 */ 
 
 .tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#1A619F;border-radius:4px}
 .tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-70px;border-width:0 5px 5px;border-bottom-color:#1A619F}



  footer {
      background-color: #EAEAEA;
      color: #000;
      padding: 10px;
      font-family: Arial;
      margin-bottom: 0;
      border: 0;
      font-size: 10px !important;
      
      position:fixed;
        bottom:0;
        width:100%;
        height:45px;
  }
    @media (max-width:  600px) {
    footer {
      height:60px;
    }
  }

  footer a {
      color: #000;
  }

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

  // .form-control {
  //    border-radius: 0;
  // }

  textarea {
      resize: none;
  }
  
  
  
  
  /* The container */
.container2 {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container2 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container2:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container2 input:checked ~ .checkmark {
  background-color: #33a2dc;
}

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

/* Show the checkmark when checked */
.container2 input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container2 .checkmark:after {
  left: 6px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
  
@media (min-width:1200px){
.navbar-nav.navbar-center {
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
    width: 1300px;
    margin-left: 160px;
}

.navbar-nav > li{
  margin-left:-1px;
  margin-right:-1px;
}
}

  </style>
