body {
    font-family: "Open Sans",sans-serif; color: #868686;
    
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,218,213,1) 35%, rgba(246,218,213,1) 65%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(35%, rgba(246,218,213,1)), color-stop(65%, rgba(246,218,213,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,218,213,1) 35%, rgba(246,218,213,1) 65%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,218,213,1) 35%, rgba(246,218,213,1) 65%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,218,213,1) 35%, rgba(246,218,213,1) 65%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(246,218,213,1) 35%, rgba(246,218,213,1) 65%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}

.container { background: #fff; }

h1, h2, h3, h4, h5, h6 { font-family: 'Oswald', sans-serif; color: #444; }
h1 {background: #e9c7c1; padding: 30px; text-transform: uppercase; color: #fff; margin-top: 0; margin-left: -15px; margin-right: -15px;}
h2, h3 {margin-top: 30px;}
h2 .glyphicon {color: rgb(233, 199, 193);}
a { color: #de3342; }
a:focus, a:hover { color: #bf2431; }

#hlavicka {padding: 20px 10px; color: #444; position: relative;}

#hlavicka a#sticky {
  position: absolute; right: -220px; top: 60px; width: 200px; padding: 20px; /*background: #e0da48;*/ border-radius: 15px; /*border: 1px solid #fff;*/ 
  text-align: center; color: #fff; font-family: 'Oswald', sans-serif; font-size: 1.5em; text-decoration: none;
  background: rgb(251, 1, 2);
  background: -moz-linear-gradient(-45deg, rgb(251, 1, 2) 0%, rgb(148, 2, 3) 69%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, rgb(251, 1, 2)), color-stop(69%, rgb(148, 2, 3)));
  background: -webkit-linear-gradient(-45deg, rgb(251, 1, 2) 0%, rgb(148, 2, 3) 69%);
  background: -o-linear-gradient(-45deg, rgb(251, 1, 2) 0%, rgb(148, 2, 3) 69%);
  background: -ms-linear-gradient(-45deg, rgb(251, 1, 2) 0%, rgb(148, 2, 3) 69%);
  background: linear-gradient(135deg, rgb(251, 1, 2) 0%, rgb(148, 2, 3) 69%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0db48', endColorstr='#a8a303', GradientType=1 );*/
  -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.25);
  box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.25);
}
#hlavicka a#sticky:focus, #hlavicka a#sticky:hover { color: #fff; }

#hlavicka a#sticky2 {
  position: absolute; right: -220px; top: 290px; width: 200px; padding: 20px; /*background: #e0da48;*/ border-radius: 15px; /*border: 1px solid #fff;*/ 
  text-align: center; color: #fff; font-family: 'Oswald', sans-serif; font-size: 1.5em; text-decoration: none;
  background: rgba(224,219,72,1);
  background: -moz-linear-gradient(-45deg, rgba(224,219,72,1) 0%, rgba(168,163,3,1) 69%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(224,219,72,1)), color-stop(69%, rgba(168,163,3,1)));
  background: -webkit-linear-gradient(-45deg, rgba(224,219,72,1) 0%, rgba(168,163,3,1) 69%);
  background: -o-linear-gradient(-45deg, rgba(224,219,72,1) 0%, rgba(168,163,3,1) 69%);
  background: -ms-linear-gradient(-45deg, rgba(224,219,72,1) 0%, rgba(168,163,3,1) 69%);
  background: linear-gradient(135deg, rgba(224,219,72,1) 0%, rgba(168,163,3,1) 69%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0db48', endColorstr='#a8a303', GradientType=1 );
  -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.25);
  box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.25);
}
#hlavicka a#sticky2:focus, #hlavicka a#sticky2:hover { color: #fff; }

#hlavicka #telefon, #hlavicka #adresa {font-size: 1.3em; margin-top: 15px;}
#hlavicka #telefon .glyphicon, #hlavicka #adresa .glyphicon {color: #ec606a; margin-right: 10px; font-size: 1.5em;}
#hlavicka #nazev {font-family: 'Oswald', sans-serif; text-align: center; font-size: 1.7em;}
#hlavicka #nazev:first-line {font-size: 1.2em;}
#hlavicka #nazev a {text-decoration: none; color: #444;}
#hlavicka #nazev a:hover {text-decoration: none; color: #444;}
#hlavicka #adresa a {text-decoration: none; color: #868686;}
#hlavicka #adresa a:hover {text-decoration: none; color: #868686;}



.navbar {
  font-family: 'Oswald', sans-serif; background: rgb(236, 96, 106); color: #fff;
  border: none;
  -webkit-box-shadow: 3px 3px 10px 0px rgba(153,153,153,1);
  -moz-box-shadow: 3px 3px 10px 0px rgba(153,153,153,1);
  box-shadow: 3px 3px 10px 0px rgba(153,153,153,1);
  margin-left: -20px; margin-right: -20px;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
    font-size: 1.3em;
    text-transform: uppercase;
    transition: .3s all ease;
    margin-right: 1px;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
   color: #fff;
   background-color: rgb(233, 199, 193);
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    /*color: rgb(236, 96, 106);*/
    color: #333;
    background-color: rgb(233, 199, 193);
}
.nav>li>a {
    padding-left: 35px;
    padding-right: 35px;
}

@media (min-width: 768px) {
  .navbar {
    border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
  }
}


p#unigena, div#unigena {font-size: 0.8em; color: #333; margin: 30px; }
#unigena a {color: #333; text-decoration: underline;}

ul.odr li {padding-bottom: 12px; padding-top: 12px;}
ul.odr li h3 {margin-top: 10px;}
.vetsi {font-size: 1.2em; color: #222;}


a.boxik {
  display: block; margin-bottom: 20px; padding: 10px; background: rgb(236, 96, 106); color: #fff;
  
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
    
  -webkit-box-shadow: 3px 3px 10px 0px rgba(153,153,153,1);
  -moz-box-shadow: 3px 3px 10px 0px rgba(153,153,153,1);
  box-shadow: 3px 3px 10px 0px rgba(153,153,153,1);
  
  transition: .5s all ease;
}
a.boxikLimetka {
  background: rgba(224,219,72,1);
  background: -moz-linear-gradient(-45deg, rgba(224,219,72,1) 0%, rgba(168,163,3,1) 69%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(224,219,72,1)), color-stop(69%, rgba(168,163,3,1)));
  background: -webkit-linear-gradient(-45deg, rgba(224,219,72,1) 0%, rgba(168,163,3,1) 69%);
  background: -o-linear-gradient(-45deg, rgba(224,219,72,1) 0%, rgba(168,163,3,1) 69%);
  background: -ms-linear-gradient(-45deg, rgba(224,219,72,1) 0%, rgba(168,163,3,1) 69%);
  background: linear-gradient(135deg, rgba(224,219,72,1) 0%, rgba(168,163,3,1) 69%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0db48', endColorstr='#a8a303', GradientType=1 );
}
a.boxikCervena {
  background: rgb(251, 1, 2);
  background: -moz-linear-gradient(-45deg, rgb(251, 1, 2) 0%, rgb(148, 2, 3) 69%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, rgb(251, 1, 2)), color-stop(69%, rgb(148, 2, 3)));
  background: -webkit-linear-gradient(-45deg, rgb(251, 1, 2) 0%, rgb(148, 2, 3) 69%);
  background: -o-linear-gradient(-45deg, rgb(251, 1, 2) 0%, rgb(148, 2, 3) 69%);
  background: -ms-linear-gradient(-45deg, rgb(251, 1, 2) 0%, rgb(148, 2, 3) 69%);
  background: linear-gradient(135deg, rgb(251, 1, 2) 0%, rgb(148, 2, 3) 69%);
}
a.boxik img {margin: 10px 0;}
a.boxik h3 {color: #fff; margin-top: 0;}
a.boxik:hover {text-decoration: none; color: #000;}
a.boxik:hover h3 {color: #000;}
a.boxik.boxikCervena:hover {text-decoration: none; color: #fff;}
a.boxik.boxikCervena:hover h3 {color: #fff;}

table.tKurz {margin: 20px 10px; width: auto;}
table.tKurz th, table.tKurz td {padding: 7px 25px; vertical-align: top;}
table.tKurz th {text-align: left; text-transform: uppercase; color: #444; font-weight: normal; }
table.tKurz td {text-align: left;}
table.tKurz tr.cara {border-top: 1px solid #de3342;}

table.tCenik {margin: 20px 10px; border-top: 1px solid #de3342;}
table.tCenik th, table.tCenik td {padding: 7px 10px; vertical-align: top;}
table.tCenik th {text-align: left; color: #444; font-weight: normal; }
table.tCenik td {text-align: right;}
table.tCenik tr.cara {border-bottom: 1px solid #de3342;}
table.tCenik th.upper {text-transform: uppercase; color: #222;}

.btn-default:hover {
    color: #fff;
    background-color: #de546b;
}
.btn-primary {
    color: #fff;
    background-color: #de546b;
    border-color: #de3955;
}
.btn-primary:hover {
    color: #fff;
    background-color: #de3955;
    border-color: #de3955;
}

/* div přes google mapu, aby nedošlo k přibližování mapy při použití kolečka myši */
.overlay {
   background:transparent; 
   position:relative; 
   width:100%;  /*780*/
   height:460px; /* your iframe height */
   top:460px;  /* your iframe height */
   margin-top:-460px;  /* your iframe height */
}

@media (max-width: 1212px) {
  #hlavicka a#sticky {display: none;}
  #hlavicka a#sticky2 {display: none;}
}

#dovolena {
  background: rgba(249,152,159,1);
  background: -moz-linear-gradient(-45deg, rgba(249,152,159,1) 0%, rgba(236,96,106,1) 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(249,152,159,1)), color-stop(100%, rgba(236,96,106,1)));
  background: -webkit-linear-gradient(-45deg, rgba(249,152,159,1) 0%, rgba(236,96,106,1) 100%);
  background: -o-linear-gradient(-45deg, rgba(249,152,159,1) 0%, rgba(236,96,106,1) 100%);
  background: -ms-linear-gradient(-45deg, rgba(249,152,159,1) 0%, rgba(236,96,106,1) 100%);
  background: linear-gradient(135deg, rgba(249,152,159,1) 0%, rgba(236,96,106,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9989f', endColorstr='#ec606a', GradientType=1 );
  padding: 20px 40px;
  color: #fff;
  border-radius: 15px;
  font-size: 1.1em;
  margin-top: 10px;
  /*width: 50%;*/
}
#dovolena a {color: #eee;}
#dovolena a:hover {color: #fff;}
#dovolena h2 {margin-top: 10px; margin-bottom: 20px;}

@media (max-width: 1212px) {
  #dovolena {width: 100%;}
  #blokSvetly {width: 100%;}
}

#blokSvetly {
  background: #F1F3F9;
  padding: 20px 40px;
  border-radius: 15px;
  font-size: 1.1em;
  margin-top: 10px;
}