@charset "UTF-8";
/* CSS Document */

/* HTML elementy */
body { margin: 0; padding-top: 93px;
  font-family: 'Open Sans', 'Open Sans Condensed', sans-serif;
  font-size: 15px;
  color: #000;}
html, body { height: 100%;}

table tr td, table tr th {
  padding: 6px 0;
  font-size: 100%;
  text-align: left;
  vertical-align: top;
  color: #000000; }

table tr th {
  color: #618D0E; }

input[type=submit] {
  cursor: pointer; }

input[type=submit].btn {
  font-size: 16px;
  padding: 5px 10px;
  border-radius: 5px;
  box-shadow: inset -2px -2px 10px #ECEFF4;
  text-transform: uppercase;
  border: solid 1px #CED0D5; }

input[type=submit].btn:hover {
  box-shadow: inset -2px -2px 10px #CED0D5; }

input[type=submit].btn-green {
  border: solid 1px #27AE23;
  color: #27AE23; }

input[type=submit].btn-green:hover {
  box-shadow: inset -2px -2px 10px #AEEFAD; }

a, a strong {
  color: #333; text-decoration: underline; font-weight: 900;} /* 618D0E */

/* E2001A */
a:hover { color: #88c845;}

a img {
  border: none; }

/*  color: #3D3D3D */
table p {
  line-height: 1.2em;
  margin: 0 0 5px 0; }

h1, h2, h3 { font-family: 'Open Sans Condensed'; font-weight: 100;}

h1 { font-size: 60px; color: #88c845;}
@media screen and (max-width: 1199px) {
  h1 { font-size: 45px;}
}

h2 { font-size: 28px;}

h3 { }

h4 { }

h5 { }

strong, b { color: #333;}

.logo-bigger {
  max-width: 220px !important;
}
.logo-bigger2 {
  max-width: 150px !important;
}
.logo-smaller {
  max-width: 130px !important;
}

.clanek ul {
  margin: 0 35px 10px;
  padding: 0; }

.clanek ul li {
  /*background: url("../img/kaap/puntik.png") left 49% no-repeat;*/
  list-style-type: disc;
  padding: 0 0 2px 15px;
  margin-bottom: 10px; }

.clanek ol li {
  padding-left: 15px;
  padding-bottom: 2px;
  margin-bottom: 10px; }

.clanek ul ul {
  margin: 10px 0 0 0; }

.clanek li li, ol ol {
  font-size: 100%; }

label {
  cursor: pointer;
  font-weight: normal;
  display: inline-block;
  min-width: 100px; }

input, select, textarea {
  border: 1px solid #000000;
  background: #ffffff;
  color: #000000; }

/* background: url("../img/bk_30_white.png") top left; */
input[type=radio], input[type=checkbox] {
  border: none;
  background: none; }

/* INPUT placeholder color*/
*::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff;
}
*:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
   opacity:  1;
}
*::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
   opacity:  1;
}
*:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #fff;
}


/* STYLES */


/* menu */
nav.navbar { background: none; color: #008c5c; background-color: rgba(255,255,255, 0.88); box-shadow: 1px 1px 8px #ddd}
.navbar a { color: #008c5c; font-size: 23px; line-height: 23px; text-decoration: none; font-family: 'Open Sans Condensed'; font-weight: 100;}
#navbar-main li a:hover { color: #88c845; text-decoration: none;}
#navbar-main { margin-top: 16px;}
.navbar .navbar-nav li a { background: none; padding: 15px 25px;}
.navbar .navbar-nav li#li32 a { background: url("../img/fb_16.png") 5px center no-repeat;}


.navbar .navbar-header .navbar-brand { font-size: 0.0001%; width: 154px; height: 60px; line-height: 30px; background: url("../img/park/logo-nove.png") 0px 0px no-repeat; background-size: contain; margin: 16px 0 16px 16px; padding: 15px 15px 15px 35px;}
/*.form { height: 38px; padding: 0;}
.navbar-form { box-shadow: none; border: 0; margin-top: 16px;}*/

@media screen and (max-width: 767px) {
  .navbar-form { margin: 0;}
  #navbar-main { margin: 7px 10px 10px; padding: 0; width: 100%; }
  .navbar .navbar-collapse.collapse.in /*, .navbar .navbar-form*/ { border: none; background-color: #333; color: #fff;}
  .navbar-collapse.collapse.in .navbar-nav { margin: 0;} /* rozbalene mobilni menu */
  .navbar-collapse.collapsing { border: none; background-color: #333; color: #fff;} /* rozbalujici se mobilni menu */
  .navbar-collapse.collapsing .navbar-nav { border: none; margin: 0;} /* rozbalujici se mobilni menu */
  .navbar .navbar-nav>li>a { display: block; width: 100%; color: #fff;}
}

/* Category AND main photo - background images are set within the HTML using inline CSS, not here */
.fill { /*width: 100%; height: 100%;*/ background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover;}

/* subpage header - from photogallery */
header.main-photo { height: 80%;}
header.main-photo .fill { width: 100%; height: 100%;}


/* mobile menu toggle */
.navbar .navbar-toggle { background-color: #333; margin: 25px 25px 15px 15px;}
.navbar .navbar-toggle .icon-bar { background-color: #fff;}

/* form */
.form-group { position: relative;}
.form-control { border: none; width: auto; border-radius: 0; height: 28px; color: #fff; background-color: rgba(255,255,255, 0.35); font-weight: bold;}
.btn {     border: none;
    border-radius: 1px;
    line-height: 1;
    padding: 6px 6px;
    color: #008c5c;
    background: none;
    top: 0;
    right: 0;}
.btn:hover {     background-color: #008c5c;
    color: #fff;}
.form-control:focus { /* zvyrazneni pri focus */
  border-color: #777;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(35,35,35, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(35,35,35, .6);
}
/* podstrana */
.subpage .form-control {color: #fff; background-color: #333;}

main { margin: 0 0 0px; min-height: 100%;}
main .container-fluid { }
main a { color: #333;}

/* categories cards */
main div.category { min-height: 250px; width: 100%; position: relative; display: block; margin: 15px 0; border: 1px solid #ebebeb; border-radius: 7px; font-family: 'Open Sans Condensed';}
/* aspect ratio - height responsive */
main .subcat { display: block; position: relative; width: 100%;}
main .subcat:before { content: ""; display: block; padding-top: 71%; /* initial ratio of 1:1*/}
main .subcat-image { position: absolute; top: 0; left: 0; bottom: 0; right: 0;}

main .subcat-image { display: block; /*height: 260px;*/ margin: 4px; border-radius: 5px;}
main .category-frame h2 { display: block; height: 75px; overflow: hidden; font-family: 'Open Sans Condensed'; font-size: 28px; font-weight: 100; font-style: normal; text-align: center; margin: 0 10px; padding: 15px 0 0;}
main .category-frame a { text-decoration: none;}

/* vote - garden cards */
main div.vote { min-height: 395px; position: relative; overflow: hidden; display: block; margin: 15px 0; border: 1px solid #ebebeb; border-radius: 7px; font-family: 'Open Sans Condensed';}
main .vote .subcat { border: none;}
main .vote h2 { text-align: left; font-size: 28px; height: 3em; overflow: hidden;}
main .vote p { text-align: left; font-size: 18px; height: 10em; margin: 5px 10px; overflow: hidden;}

.vote .vote-form { /*width: 39%;*/ display: inline-block; margin: 0 0 10px 16px;}
.vote .vote-form span.vote-head { font-family: 'Open Sans Condensed'; font-size: 25px; font-weight: 600; color: #88c845; display: block; text-align: center;}
.vote .vote-form form ul { margin: 7px 0 0; padding: 0;}
.vote .vote-form li.star { margin: 0; padding: 0; display: inline-block; list-style-type: none;}
.vote .vote-form li.star button { width: 32px; height: 30px; background: url("../img/zahrada/hvezda.png") 0px 0px no-repeat; border: none;}
.vote .vote-form li.star button:hover, .vote .vote-form li.star button.hover { background-position: bottom left;}
.vote .vote-form .hover2 li.st1 button, .vote .vote-form .hover2 li.st2 button,
.vote .vote-form .hover3 li.st1 button, .vote .vote-form .hover3 li.st2 button
 { background-position: bottom left;}
.vote .vote-score { display: inline-block; font-size: 16px; font-family: 'Open Sans Condensed';}
.vote .vote-score div { margin: 0 16px 0 0; padding: 10px 5px;}
.vote .vote-score div.under { border-bottom: 1px solid #ebebeb;}
.vote .green { font-weight: 600; color: #88c845;}


.vote .subcat .garden-foto-bk { display: block; width: 100%; height: 100%; position: relative; text-align: center;
  opacity: 0; overflow:visible; background-color: rgba(136, 200, 69, 0.85); transition: all 0.4s ease-in-out;} /* ready for hover and fade-in effect */
.vote .subcat .garden-foto-bk span { display: inline-block; color: #fff; padding: 5px 10px; border: 3px solid #fff; margin-top: 27%; font-size: 30px;
  opacity: 0; transition: opacity 0.3s 0s ease-in-out;} /* ready for hover and fade-in effect */ /* ready for hover and fade-in effect */
.vote .subcat:hover .garden-foto-bk { display: block; background-color: rgba(136, 200, 69, 0.85); opacity: 1; }
.vote .subcat:hover .garden-foto-bk span { opacity:1; transition-delay: 0.3s;}


/*main .subcat img { width: 100%; }*/
/*@media screen and (max-width: 1500px) {
  main .subcat-image { height: 250px;}
}
@media screen and (max-width: 1200px) {
  main .subcat-image { height: 200px;}
}
@media screen and (max-width: 991px) {
  main .subcat-image { height: 150px;}
  main .subcat-image h2 { font-size: 21px;}
}
@media screen and (max-width: 700px) {
  main .subcat-image { height: 150px;}
  main .subcat-image h2 { font-size: 18px;}
}*/

main h1.main { margin: 15px 15px;}

/* navigation */
main .navigation { margin: 21px 15px;}
main .navigation a { text-decoration: none; font-weight: normal;}
main .navigation a:hover { text-decoration: underline;}
main .navigation .home { margin: 0 8px 0 0;}
main .navigation .delitko { margin: -2px 10px; font-size: 10px; display: inline-block; width: 0; height: 16px; border-right: 1px solid #000; top: 3px;}


main .clanek { margin: 0 20px;}

/* main article photo */
main .main_foto { overflow: hidden; height: 520px;}
main .main_foto img { width: 100%; min-height: 100%;}

/* vypis fotogalerie */
main ul.fotogalerie { margin: 0 10px 0 -30px; list-style-type: none; display: block;}
main ul.fotogalerie li { display: block; text-align: left; padding: 10px;}
main ul.fotogalerie a { text-decoration: none; display: block; overflow: hidden;}
main ul.fotogalerie li .foto-name { display: block; font-size: 13px; margin: 5px 0; height: 18px; overflow: hidden;}
main ul.fotogalerie li .foto-bk { display: block; width: 100%; height: 100%; position: relative; text-align: center;
  opacity: 0; overflow:visible; background-color: rgba(136, 200, 69, 0.85); transition: all 0.4s ease-in-out;} /* ready for hover and fade-in effect */
main ul.fotogalerie li .foto-ref .foto-bk span { display: inline-block; color: #fff; padding: 5px 10px; border: 3px solid #fff; margin-top: 29%;
  opacity: 0; transition: opacity 0.3s 0s ease-in-out;} /* ready for hover and fade-in effect */
main ul.fotogalerie li .foto-ref:hover .foto-bk { display: block; background-color: rgba(136, 200, 69, 0.85); opacity: 1; }
main ul.fotogalerie li .foto-ref:hover .foto-bk span { opacity:1; transition-delay: 0.3s;}

/* aspect ratio - height responsive */
main .foto-ref { display: block; position: relative; width: 100%;}
main .foto-ref:before { content: ""; display: block; padding-top: 71%; /* initial ratio of 1:1*/}
main .foto-space { position: absolute; top: 0; left: 0; bottom: 0; right: 0;}



/*@media screen and (max-width: 1650px) {
  main ul.fotogalerie a { height: 145px;}
}
@media screen and (max-width: 1450px) {
  main ul.fotogalerie a { height: 128px;}
}
@media screen and (max-width: 1260px) {
  main ul.fotogalerie a { height: 110px;}
}
@media screen and (max-width: 1100px) {
  main ul.fotogalerie a { height: 98px;}
}
@media screen and (max-width: 1000px) {
  main ul.fotogalerie a { height: 98px;}
}
@media screen and (max-width: 900px) {
  main ul.fotogalerie a { height: 115px;}
}
@media screen and (max-width: 767px) {
  main ul.fotogalerie a { height: 160px;}
}*/

//main ul.fotogalerie img { width: 100%; padding: 0; margin: 0; /* background: #ddd; border: 1px solid #ddd; */}

/* footer */
footer { margin: 25px 0 0; min-height: 50px; /*position: absolute; bottom: 0; width: 100%;*/}

#footer { /*position: fixed; left: 0; bottom: 0;*/ width: 100%; min-height: 50px; z-index: 10; overflow: hidden; font-size: 13px; background-color: #2b2a29 /*rgba(8, 8, 8, 0.78)*/; color: #fff;}

#footer .container-fluid { padding-top: 13px;}

footer #footer a { font-weight: normal;}

footer #footer a.logo-prvni-pozice {
  background: url("../img/zahrada/logo_1p.png") top left no-repeat;
  width: 119px;
  height: 27px;
  display: inline-block;
  vertical-align: middle; }

footer #footer a.logo-prvni-pozice span {
  display: none; }

footer #footer a.logo-ensis {
  background: url("../img/zahrada/ensis.png") left top no-repeat;
  width: 52px;
  height: 12px;
  display: inline-block;
  vertical-align: baseline;
  text-decoration: none; color: #fff; }

footer #footer a.logo-ensis span { display: none; }

footer #footer a.logo-prvni-pozice:hover, footer #footer a.logo-ensis:hover { background-position: bottom left;}

.sponzori { border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; margin: 20px 0; padding: 15px 0 47px;}
.sponzori a { height: 80px; line-height: 90px; display: inline-block; margin-bottom: 1em; }
.sponzori a img { display: inline-block; max-width: 185px; vertical-align: middle; -webkit-filter: grayscale(100%); filter: gray;  filter: grayscale(100%); filter: url(desaturate.svg#greyscale);}
.sponzori .log-big3 a img { display: inline-block; max-width: 55px; width: 100%; vertical-align: middle; -webkit-filter: grayscale(100%); filter: gray;  filter: grayscale(100%); filter: url(desaturate.svg#greyscale);}
.sponzori .log-each a img { display: inline-block; max-width: 120px; width: 100%; vertical-align: middle; -webkit-filter: grayscale(100%); filter: gray;  filter: grayscale(100%); filter: url(desaturate.svg#greyscale);}
.sponzori .log-asb a img { display: inline-block; max-width: 80px; width: 100%; vertical-align: middle; -webkit-filter: grayscale(100%); filter: gray;  filter: grayscale(100%); filter: url(desaturate.svg#greyscale);}
.sponzori a:hover img { -webkit-filter: grayscale(0); filter: none;}

/*.sponzori .col-lg-2 {*/
/*  text-align: center;*/
/*}*/

.row-1, .row-2, .row-3{
  margin-top: 30px;
}

.centerLog{

}


/*@media screen and (min-width: 1200px) {*/
/*  .sponzori .col-lg-2:first-child {*/
/*    width: 20%;*/
/*    text-align: center;*/
/*  }*/

/*  .sponzori .col-lg-2 {*/
/*    width: 11.4%;*/
/*    text-align: center;*/

/*  }*/
/*}*/

@media screen and (min-width: 1201px) {
  .row-2-title{
    padding-right: 0;
    max-width: 185px;
  }
  .row-2-img{
    padding-left: 10px;
  }
}

/*@media screen and (max-width: 1199px) and (min-width: 768px) {*/
/*  .row-1, .row-2, .row-3 {*/
/*    width: 50% !important;*/

/*  }*/
/*  .big1, .big2 {*/
/*    width: 30% !important;*/

/*  }*/
/*  .big3 {*/
/*    max-width: 160px !important;*/

/*  }*/
/*  .log-big3{*/
/*    margin-top: 80px;*/
/*  }*/

/*  .row-1 .row, .row-2 .row, .row-3 .row{*/
/*    text-align: center;*/
/*  }*/

/*}*/

  /*@media screen and (max-width: 992px) {*/
  /*  .big1{*/
  /*    width: 40%!important;*/
  /*  }*/
  /*  .big2{*/
  /*    width: 30%!important;*/
  /*  }*/
  /*  .big3{*/
  /*    !*max-width: 93px;*!*/
  /*    !* line-height: 50px; *!*/
  /*    !*margin-top: 70px!important;*!*/
  /*  }*/
  /*}*/

@media screen and (max-width: 767px) {

  .row-1, .row-2, .row-3{
    text-align: center;
  }
  .sponzori a img {
    width: 100%;
  }

  /*.big1{*/
  /*  width: 25%!important;*/
  /*}*/
  /*.big2{*/
  /*  width: 20%!important;*/
  /*}*/
  /*.big3{*/
  /*  max-width: 93px;*/
  /*  !* line-height: 50px; *!*/
  /*  margin-top: 70px!important;*/
  /*  margin-bottom: 80px;*/
  /*}*/

  /*.centerLog{*/
  /*  text-align: center !important;*/
  /*}*/
}

/*@media screen and (max-width: 400px) {*/
/*  .big1{*/
/*    width: 30%!important;*/
/*  }*/
/*  .big2{*/
/*    width: 25%!important;*/
/*  }*/

/*}*/



.page-kontakty { color: #008c5c; font-family: 'Open Sans Condensed'; font-size: 18px;}
.page-kontakty .big { font-size: 30px;}
.page-kontakty .kontakty-height { display: block; height: 3.2em;}
.page-kontakty .logo-szuz img { width: 100%;}

/* anketa */
.anketa { text-align: center; font-family: 'Open Sans Condensed';}
.anketa h2 { font-size: 60px; color: #88c845; margin: 20px 0 35px;}
.anketa p { font-size: 30px; color: #88c845; margin: 20px 0 65px;}

.anketa .vote-form { /*width: 39%;*/ display: inline-block; margin: 0 0 10px 16px;}
.anketa .vote-form span.vote-head { font-family: 'Open Sans Condensed'; font-size: 52px; font-weight: 600; color: #88c845; display: block; text-align: center;}
.anketa .vote-form form ul { margin: 7px 0 0; padding: 0;}
.anketa .vote-form li.star { margin: 0; padding: 0; display: inline-block; list-style-type: none;}
.anketa .vote-form li.star button { width: 67px; height: 63px; background: url("../img/zahrada/hvezda_velka.png") 0px 0px no-repeat; border: none;}
.anketa .vote-form li.star button:hover, .anketa .vote-form li.star button.hover { background-position: bottom left;}
.anketa .vote-form .hover2 li.st1 button, .anketa .vote-form .hover2 li.st2 button,
.anketa .vote-form .hover3 li.st1 button, .anketa .vote-form .hover3 li.st2 button
 { background-position: bottom left;}
.anketa .vote-score { display: inline-block; font-size: 33px; font-family: 'Open Sans Condensed';}
.anketa .vote-score div { margin: 0 16px 0 0; padding: 10px 5px;}
.anketa .vote-score div.under { border-bottom: 1px solid #ebebeb;}
.anketa .green { font-weight: 600; color: #88c845;}

p.strong { font-weight: 600;}

.fix, .clear { clear: both; height: 0.001px; line-height: 0.001px; font-size: 0.001px; }

/* ochrana formulare */
.schovane {
  display: none; }

/* CK editor - zarovnani obrazku */
.clanek .right {
  float: right; }

.clanek .left {
  float: left; }

.fl_right {
  float: right; }

.center .center {
  text-align: center; }

.bold {
  font-weight: bold; }

.big {
  font-size: 135%; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.text-justify {
  text-align: justify; }

.red {
  color: #e0001b !important; }

.white {
  color: #fff !important; }

.h150 {
  height: 150px; }

.h130 {
  height: 130px; }

.h100 {
  height: 100px; }

.h70 {
  height: 70px; }

.h50 {
  height: 50px; }

.w30 {
  width: 30px; }

.w50 {
  width: 50px; }

.w70 {
  width: 70px; }

.w75 {
  width: 75px; }

.w80 {
  width: 80px; }

.w85 {
  width: 85px; }

.w90 {
  width: 90px; }

.w95 {
  width: 95px; }

.w100 {
  width: 100px; }

.w120 {
  width: 120px; }

.w150 {
  width: 150px; }

.w170 {
  width: 170px; }

.w200 {
  width: 200px; }

.w235 {
  width: 235px; }

.w250 {
  width: 250px; }

.w280 {
  width: 280px; }

.w300 {
  width: 300px; }

.w350 {
  width: 350px; }

.w390 {
  width: 390px; }

.w450 {
  width: 450px; }

.w500 {
  width: 500px; }

.w510 {
  width: 510px; }

.w560 {
  width: 560px; }

.w600 {
  width: 600px; }

/* ajax spinner */
#ajax-spinner {
  position: fixed;
  top: 0px;
  left: 0px;
  /*    background: rgba(0,0,0,0.3) url('../images/spinner/spinner2.gif') no-repeat 50% 50%;*/
  background: rgba(0, 0, 0, 0.3);
  font-size: 0;
  width: 100%;
  height: 100%;
  z-index: 123456;
  display: block; }

#cookie-agreement {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  color: white;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1000;
  text-align: center;
}
#cookie-agreement>a {
  color:#fff;
}
.agree-button {
  margin-left: 20px;
  background-color: #88c845;
  color: #000 !important;
  text-decoration: none;
  padding: 5px 12px;
}
.agree-button:hover {
  background-color: #39FF09;
  text-decoration: none;
}