:root {
	--cerna:#000; --seda:#ccc; --bila:#fff;
	--modra:#216187; --svmodra:#73baeb; --tmmodra:#3d1d7c; --svmodra_v2:#def1fe;
}

body { font-family:'Lora', serif; color:var(--modra); font-size:16px; line-height:28px; }

a       { color:var(--modra); transition:300ms; text-decoration:none; }
a:hover { color:var(--svmodra); text-decoration:underline; }
a.on { text-decoration:underline; }
a.txt   { text-decoration:underline; }
a.kanaly { color:#fff; }
a.kanaly:hover { text-decoration:underline; }
a.hausb { color:var(--modra); }
a.hausb:hover { color:#fff; text-decoration:underline; }
.linky a.on { background:#0078d7; color:#fff; }

a img { transition:300ms; }

.download div { margin-bottom:50px; }
.download h3 { font-size:1.2rem; margin-top:15px; }
.download img.img-fluid {
  transition:300ms;
  filter: grayscale(75%); -webkit-filter: grayscale(75%); -moz-filter: grayscale(75%); -o-filter: grayscale(75%); -ms-filter: grayscale(75%);
}
.download img:hover { filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); -ms-filter: grayscale(0%); }

/*strong u a { display:inline-block; background-color:var(--svmodra); padding:15px 50px; margin-top:20px; border-radius:10px; text-decoration:none; font-size:2rem; }*/
strong u a { display:inline-block; background-color:#fff; border:2px solid var(--svmodra); padding:15px 60px 15px 40px; margin-top:20px; border-radius:10px; text-decoration:none; font-size:2rem; }
strong u a:hover { background-color:#fff;  color:var(--svmodra); border:2px solid var(--svmodra); padding:15px 40px 15px 60px; }


h1, .h1, h2 { color:var(--modra); font-weight:700; }
h3          { color:var(--svmodra); font-weight:700; }
h4          { color:var(--modra); font-weight:700; font-size:1.2rem; }



h1, .h1 {
 font-size:55px; text-align:center; padding:22px 0;
 background-image:url("../images/h1_levy.png"),url("../images/h1_pravy.png");
 background-repeat:no-repeat;
 background-position:5% 50%, 95% 50%;
}
@media only screen and (max-width:767px) {
  h1, .h1 { background-image:none; }
}
@media only screen and (max-width:575px) {
  h2.h1 { font-size:37px; }
}

h2.linka {
 padding:0 0 15px 0; margin-bottom:20px;
 background:url("../images/linka.png") repeat-x center bottom;
}
h3.linka {
 display:inline-block; padding:0 0 15px 0; margin-bottom:20px;
 background:url("../images/linka.png") repeat-x center bottom;
}


hr {
 padding:4px 0 3px 0; opacity:1;
 background: url("../images/linka.png") repeat top center;
}

.img-responsive { display:inline-block; }


.jumbotron { padding-top:45px; background:none; }


.jumbotron.hp1 { height:680px; padding-top:60px; background: url('../images/motivacni/hp/zima_2025_01.webp') no-repeat 50% -100px; }
.jumbotron.hp2 { height:680px; padding-top:60px; background: url('../images/motivacni/hp/zima_2025_03.webp') no-repeat 50% -100px;; }
.jumbotron.hp3 { height:680px; padding-top:60px; background: url('../images/motivacni/hp/zima_2025_04.webp') no-repeat 50% -100px; }
.jumbotron.hp4 { height:680px; padding-top:60px; background: url('../images/motivacni/hp/zima_2025_01.webp') no-repeat 50% -100px; }
.jumbotron.hp5 { height:680px; padding-top:60px; background: url('../images/motivacni/hp/zima_2025_02.webp') no-repeat 50% -100px; }
.jumbotron.hp6 { height:680px; padding-top:60px; background: url('../images/motivacni/hp/zima_2021_02.jpg') no-repeat 50% -100px;; }
.jumbotron.hp7 { height:680px; padding-top:60px; background: url('../images/motivacni/hp/zima_2021_01.jpg') no-repeat 50% -100px; }

.jumbotron.hp1 { height:680px; padding-top:60px; background: url('../images/motivacni/hp/pristav_VNM02.webp') no-repeat 50% -100px; }
.jumbotron.hp2 { height:680px; padding-top:60px; background: url('../images/motivacni/hp/Petrov_pristav22.webp') no-repeat 50% -100px;; }
.jumbotron.hp3 { height:680px; padding-top:60px; background: url('../images/motivacni/hp/pristav_STM03.webp') no-repeat 50% -100px; }
.jumbotron.hp4 { height:680px; padding-top:60px; background: url('../images/motivacni/hp/VNM_pristav05.webp') no-repeat 50% -100px; }
.jumbotron.hp5 { height:680px; padding-top:60px; background: url('../images/motivacni/hp/VNOROVY_PRISTAV02.webp') no-repeat 50% -100px; }
.jumbotron.hp6 { height:680px; padding-top:60px; background: url('../images/motivacni/hp/Petrov_pristav01.webp') no-repeat 50% -100px;; }
.jumbotron.hp7 { height:680px; padding-top:60px; background: url('../images/motivacni/hp/pristav_Spytihnev05.webp') no-repeat 50% -100px; }

/* V E L I K O N O C E  -  po velikonocích zakomentovat V E L I K O N O C E  -  po velikonocích zakomentovat
  .jumbotron.hp1, .jumbotron.hp2, .jumbotron.hp3, .jumbotron.hp4, .jumbotron.hp5, .jumbotron.hp6, .jumbotron.hp7 { 
    height:695px; background: url('../images/motivacni/hp/jaro_velikonoce.jpg') no-repeat 50% -50px; /* velikonece_2023.webp * /
  }
  @media only screen and (max-width:1749.98px)  {
    .jumbotron.hp1, .jumbotron.hp2, .jumbotron.hp3, .jumbotron.hp4, .jumbotron.hp5, .jumbotron.hp6, .jumbotron.hp7 { 
      background: url('../images/motivacni/hp/jaro_velikonoce.jpg') no-repeat 0% -50px; /* velikonece_2023.webp * /
    }
  }
 */

.fw-normal { font-weight:400; }



.logo, .logoMOBIL {
 position:relative; top:-20px; overflow:hidden;
 width:192px; height:192px;
}
@media only screen and (max-width:991px)  { 
  .logo, .logoMOBIL { top:-3px; }
}
.nastaveni_vysky { height:165px; }

.uvod             { color:#fff; font-size:45px; line-height:48px; position:relative; }
.uvod .kapitan    {
 position:absolute; top:30px; right:-20%;
 width:488px; height:847px; padding:60px 0 0 20px;
 background: url("../images/banner/kapitan.png") no-repeat top left;
 font-size:48px; font-style:italic; font-weight:700;
}
.uvod .panna_hp, .uvod .panna    {
 position:absolute; top:800px; left:-20%; z-index:-1;
 width:412px; height:653px;
 background: url("../images/banner/panna.png") no-repeat top left;
}
.uvod .panna { left:-28%; }


.uvod .motto1 a { font-size:19px; position:relative; z-index:1030; top:0; color:#fff; font-weight:700; text-decoration:underline; }
.uvod .ll a { 
  font-size:1.3rem; color:#fff; font-weight:400; display:inline-block; line-height:2rem;
  background:rgba(61,29,124,0.7); padding:10px 30px; border-radius:20px;
}
.uvod .ll a:hover { background:rgba(61,29,124,1); }
.uvod .ll a::after { content:' »'; }

.uvod .motto1 a span  { font-size:35px; display:block; text-transform:uppercase; }
.uvod .motto1 a:hover  { color:#fff !important; text-decoration:none !important; }
.uvod .motto2 a       { position:relative; z-index:1030; top:50px; }
.uvod h1.motto3       { font-size:28px; margin-top:10px; color:#245981; background:transparent; }
.uvod h1.motto3 span  { text-shadow:0 0 3px #03b0c969; padding-left:10px; background:rgba(0,0,0,0.5); }
.uvod .motto1 a:hover { color:#245981; }
@media only screen and (max-width:991px) {
  .uvod h1.motto3     { margin-top:30px;}
}
@media only screen and (max-width:767px) {
  .uvod .motto1 a     { z-index:1; position:static; }
}

/*
.pf21 {
  width:100%; height:451px;
  margin-top:-350px; margin-bottom:30px;
  background: url("../images/motivacni/PF21.jpg?v=2") no-repeat top center; background-size:contain;
}
@media only screen and (max-width:1191.98px) {
  .pf21{ background: url("../images/motivacni/PF21.jpg?v=2") no-repeat top center; background-size:contain; height:372px;}
}
@media only screen and (max-width:991.98px) {
  .pf21{ background: url("../images/motivacni/PF21.jpg?v=2") no-repeat top center; background-size:contain; height:285px;}
}
@media only screen and (max-width:767.98px) {
  .pf21{ background:none;}
}
*/


.bannery      { margin-top:-160px; }
.bannery .karticka { border:10px solid #cdeff4; margin-bottom:30px; background: url("../images/box_pozadi.gif")  repeat-x top center; }
.bannery h2   { margin:0; }
.bannery img  { display:block; }
.bannery div  { text-align:center; }
.bannery h2 a { display:block; height:200px; padding-top:50px; text-align:center; color:#fff; }
.bannery .karticka:hover { background: url("../images/box_pozadi_on.gif") repeat-x top center; }
.bannery .karticka .hist img { display:inline-block; } 
.bannery .karticka .hist { display:block; padding:50px 0 59px 0; } 
.bannery .karticka:hover .font { fill:#cdeff4; }
.bannery .karticka:hover #vlnky { stroke:#cdeff4 !important; }
.bannery .karticka:hover #historie { stroke:#fff !important; fill:#004996 !important; stroke-width:1.2 !important; }

.banner_home{
  display:block; width:100%; height:100px;
  background: url("../images/banner/veseli-pristav.jpg") no-repeat top center;
  background-size: contain;
}
@media only screen and (max-width:767.98px) {
  .banner_home{ background: url("../images/banner/veseli-pristav-mobil.jpg") no-repeat top center; background-size:contain; height:212px;}
}
@media only screen and (min-width:355px) and (max-width:767.98px) {
  .bannery .karticka { margin-left:auto; margin-right:auto; width:355px; }
}



.racek {
 position:absolute; top:-50px; left:-50px;
 width:197px; height:131px;
 background: url("../images/banner/racek.png") no-repeat top center;
}



/* start: vysouvaci menu */
.vysouvaci_menu { position:relative; }
/* @media (max-width:767px){ .vysouvaci_menu { display: none; } } */

.nabidka        {
  position:fixed; top:230px; right:0; z-index:5000;
  animation:vysunuti .8s .5s backwards;
}
@keyframes vysunuti {
  from {right: -70px;}
  to {right: 0px;}
}

.a-btn{
  position:relative; float:right; overflow:hidden; clear:both;
  display:inline-block; height:55px; margin-bottom:1px; padding:0 35px; opacity:0.8;
  -webkit-border-radius:10px 0 0 10px; border-radius:30px 0 0 30px;
  -webkit-transition:all 0.2s linear;
  -moz-transition:all 0.2s linear;
  -o-transition:all 0.2s linear;
  transition:all 0.2s linear;
}
.a-btn-slide-text{
  position:absolute; top:0px; right:0px; width:0px; height:100%; overflow:hidden;
  text-align:left; text-indent:10px; line-height:54px; white-space:nowrap; color:#fff; background:#03b0c9;
  -webkit-transition:width 0.1s linear;
  -moz-transition:width 0.1s linear;
  -o-transition:width 0.1s linear;
  transition:width 0.1s linear;
}
.a-btn:hover                   { padding-left:170px; background:#245981;}
.a-btn:hover .a-btn-slide-text { width:140px; }

.nabidka a.mapaI            { background:#245981 url(../images/logo/darek.png) no-repeat 10px 45%; background-size:40px; }
.nabidka a.mapaG            { background:#245981 url(../images/logo/lodni_listky.png) no-repeat 5px 50%; background-size:48px; }
/* end: vysouvaci menu */




a.darkove-poukazy {
  font-size:2.5rem !important; text-decoration:none !important; font-weight:400 !important; text-align:center; line-height:1px;
  color:#00adff !important; background:rgba(61,29,124,0.7); 
  display:inline-block; margin-top:40px; padding:10px 30px; border-radius:20px; 
}
a.darkove-poukazy:hover { color:#fff; }

@media only screen and (max-width:390px) {
  a.darkove-poukazy { font-size:2.2rem !important; padding:10px 0; display:block; }
}




/* telefonni seznam */
.otevri { cursor:pointer; }
.ukazat, .ukazat2 { position:absolute; right:0%; width:60%; color:#fff; display:none; }
.ukazat ul, .ukazat2 ul { background:#255d9f; opacity:0.8; margin:0; }
.ukazat ul:first-of-type { padding-top:10px; }
.ukazat ul:last-of-type { padding-bottom:10px; }
.ukazat ul:nth-of-type(even), .ukazat2 ul li:nth-of-type(even) { background:#2266b5; opacity:0.8; }
.ukazat ul li, .ukazat2 ul li { list-style:none; }
.ukazat ul li:nth-of-type(2) { text-align:left; }
.ukazat2 { width:auto; }
.ukazat2 ul { text-align:center; padding:0; }
.ukazat2 a { color:#fff; padding:3px 50px; }


/* kapitanuv denik */
#tabs {
 overflow:hidden; list-style:none;
 margin:0px 0 0 0; padding:0;
}

#tabs li a {
 display:block; padding:25px 0;
 color:#fff; font-size:20px; text-transform:uppercase; font-weight:bold; text-align:center;
 background-image:url("../images/denik_pravy.png"),url("../images/denik_levy.png");
 background-repeat:no-repeat;
 background-position:right 50%, left 50%;
}

.denik h3 { font-size:1.4rem; margin-top:3.2rem; }
.denik h4 { font-size:1.1rem; }

.most_uh { padding-left:5px; color:red; font-size:20px; }
.most_uh strong { font-size:20px; }

#tabs a:hover, #tabs a:hover::after, #tabs a:focus, #tabs a:focus::after { color:var(--modra); }

#tabs a:focus { outline:0; }

#tabs a::after{
 content:''; 
 position:absolute; top:0; right:-.5em; bottom:0; z-index:1;  
 width: 1em;
}

#tabs #current a, #tabs #current a::after {
 color:#fff; z-index: 3;
 background-image:url("../images/denik_pravy_on.png"),url("../images/denik_levy_on.png");
 background-repeat:no-repeat;
 background-position:right 50%, left 50%;
}
#tabs #current a::after { background:none; }

.splavnost h3 { color:var(--modra); }


.akt_provoz { margin-top:50px; }
.akt_provoz .col-md-6 { margin-bottom:50px; }
.akt_provoz .splavnost .col-sm-6 { width:100%; }
.akt_provoz .splavnost h3 { font-size:1.4rem; margin-top:50px; }
.akt_provoz .splavnost h4 { font-size:1.2rem; }
.akt_provoz .splavnost .hr { margin:50px 0; padding:1px 0; }



/* end: kapitanuv denik */




/* sluzby */
.sluzby .cesta, .sluzby .pruplavy,
.sluzby .galerie, .sluzby .shop {
 display:block; height:193px; padding:90px 0 0 115px;
 font-size:3rem; color:#fff; font-weight:700; line-height:3.3rem;
 background-image:url("../images/banner/cesta.png");
 background-repeat:no-repeat;
 background-position:top left;
 background-size:contain;
}
.sluzby .pruplavy { background-image:url("../images/banner/pruplavy.png"); padding-left:100px; }
.sluzby .galerie  { background-image:url("../images/banner/galerie.png"); padding-left:120px; }
.sluzby .shop     { background-image:url("../images/banner/shop.png"); padding-top:95px; }
/* end: sluzby */



/* odkazy */
.odkazy div {
 height:444px; padding-top:10px; margin-bottom:30px;
 font-size:18px; font-weight:700;
 background-image:url("../images/ram.png");
 background-repeat:no-repeat;
 background-position:top center;
 background-size:contain;
}
@media only screen and (max-width:1199.98px) {
  .odkazy div { background-image:url("../images/ram_v2.png"); }
}
.tok_splavny, .tok_nesplavny, .tok_prutok {
 display:block; padding:10px 0 10px 100px;
 color:#fff; font-weight:700;
 background-image:url("../images/tok_splavny.png");
 background-repeat:no-repeat;
 background-position:top left;
 background-size:contain;
}
.tok_nesplavny { background-image:url("../images/tok_nesplavny.png"); }
.tok_prutok    { background-image:url("../images/tok_prutok.png"); }
.info_povodi span { padding:0; }


figure.foto { background:#e8f3fb; text-align:center; padding:10px 0; margin-bottom:15px; }
figure.foto figcaption {
 font-style:italic; font-size:12px; color:#352e2b;
 display:inline-block; width:150px; margin-left:20px; text-align:left; line-height:14px;
}

@media only screen and (max-width:767.98px) { .tok_splavny, .tok_nesplavny, .tok_prutok { padding: 3px 0 10px 75px; } }
@media only screen and (max-width:767.98px) { .tok_splavny, .tok_nesplavny, .tok_prutok { padding: 6px 0 10px 100px; } }
/* end: odkazy */


.okoli h2 { font-size:2.5rem; text-align:center; }
.okoli .tlacitka { margin-left:40px; margin-top:50px; }
.btn.btn-danger.btn-lg { white-space:normal; }

@media only screen and (max-width:991px) {
  .okoli { text-align:center; }
}
@media only screen and (max-width:500px) {
  .okoli h2 { font-size:2.3rem; }
  .mapa_okoli_batakanalu { display:none; }
}

/* pristavy */
article.pristav header h1 {
 background:none; color:var(--modra); font-size:30px; text-align:left; padding:0 0 15px 0; margin-bottom:20px;
 background:url("../images/linka.png") repeat-x center bottom;
}
article.pristav section img { float:left; margin-right:25px; }

a.napiste_nam {
 display:block; width:270px; height:63px; padding-top:15px; margin:30px 0;
 font-size:20px; font-weight:700; color:#fff; text-align:center;
 background:url("../images/napiste_pozadi_off.png") no-repeat left top;
}
a.napiste_nam:hover { background:url("../images/napiste_pozadi_on.png") no-repeat left top; }

article.aktuality { background:#e8f3fb; text-align:center; }
article.aktuality header h2 {
 color:var(--modra); font-size:30px;
}

h2.pristav {
 font-size:40px; color:var(--modra); text-align:center; padding:29px 0;
 background-image:url("../images/h1_levy.png"),url("../images/h1_pravy.png");
 background-repeat:no-repeat;
 background-position:20% 50%, 80% 50%;
}
@media only screen and (max-width:767px) {
  h2.pristav { background-image:none; }
}

article.sluzby h3, div.cyklo h2 {
 text-align:center; color:#fff; font-size:26px; text-transform:uppercase; height:66px; padding-top:20px;
 background:url("../images/h3_pozadi.png") no-repeat center top;
 background-size:contain;
}
article.sluzby h3.mensi_pismo { font-size:100%; }

article.sluzby section, div.cyklo div { background:url("../images/linka_svisla_spec.png") no-repeat right top; margin-bottom:50px; }
article.sluzby section:nth-of-type(3),
div.cyklo div:nth-of-type(3) { background:none; }
article.sluzby a,
a.podrobnosti { font-weight:700; display:block; color:#fff; background:var(--modra); padding:1px 20px; -webkit-border-radius:10px; border-radius:10px; width:150px; float:right; margin-right:25px; }
article.sluzby a:hover { background:#3bbbed; color:#fff; }
article.sluzby a:after { content:' »'; }

.kontakty_pristav { background:#e8f3fb; padding:50px 25px; }
.kontakty_pristav h2 { margin:0 0 40px 0; font-size:30px; color:var(--modra); }
.kontakty_pristav h3 { margin-top:0; color:var(--modra); }

div.cyklo p.txt { height:140px; overflow:hidden; }
div.mensi_font h2 { text-transform:none; }
img.stin { border-radius:30px; }
img.stin:hover {
  -webkit-box-shadow: 0 0 60px 0 #8b8ea3;
  box-shadow: 0 0 60px 0 #8b8ea3;
}
/* end: pristavy */

.pristavy div { height:410px; }
.pristavyX div { text-align:center; }
.pristavyX div a  { color:#fff; text-decoration:none; }
.pristavyX div a:hover  { text-decoration:underline; }
.pristavyX div h2 { font-size:22px; margin-bottom:0; }
.pristavyX div h4 { font-size:1.2rem; margin-bottom:25px; text-align:left; padding-left:40px; color:var(--modra); font-weight:bold; font-style:italic; }
.pristavyX div img { margin-bottom:10px; }

@media only screen and (max-width:991.98px) {
  article.sluzby section, div.cyklo div { margin-bottom:75px; }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .pristavyX div { height:360px; }
}
@media only screen and (max-width:767.98px) {
  .pristavyX div a  { text-align:center; }
  .pristavyX div h4  { text-align:center; padding-left:0; }
  .pristavyX div { height:auto; }
  div.cyklo.pristavyX div { background:none; }
}



#omezeni_plavby h2 { font-size:1.9rem; font-weight:700; color:#391879; text-align:center; margin:30px 0 10px 0; }
#omezeni_plavby .pruh2, #omezeni_plavby .pruh2:hover { background:#93d3ea; }
#omezeni_plavby .pruh2 th:nth-of-type(1),
#omezeni_plavby .pruh2 th:nth-of-type(2),
#omezeni_plavby .pruh2 th:nth-of-type(4),
#omezeni_plavby .pruh2 th:nth-of-type(5) { width:130px; }
#omezeni_plavby td,
#omezeni_plavby th { vertical-align:top; text-align:center; }
#omezeni_plavby td:nth-of-type(3) { text-align:left; color:red; }
#omezeni_plavby tr { border-bottom: 1px solid #391879; }
#omezeni_plavby tr:hover { background:#e8f3fb; }


.pristaviste { position:sticky; position:-webkit-sticky; top:-1px; /* z-index:999; */ }
.pristaviste a { display:block; float:left; background:rgba(255, 255, 255, 0.8); }
.pristaviste .mobil a { 
  padding-left:17px; margin-right:13px;
  background:url("../images/ikony/pristav_v2.svg") no-repeat 0% 50%; background-size:15px;
}
.pujcovny .mobil a { 
  padding-left:17px; margin-right:13px;
  background:url("../images/ikony/pujcovna.svg") no-repeat 0% 50%; background-size:15px;
}



.gal_pristav img {
  background-image:url("../images/linka.png"),url("../images/linka.png"),url("../images/linka_svisla_spec.png"),url("../images/linka_svisla_spec.png");
  background-repeat:repeat-x, repeat-x, repeat-y, repeat-y;
  background-position:0% 0%, 0% 100%, 0% 100%, 100% 100%; padding:5px;
}

.ban_pristav img {
  border:5px solid #6ccff6; border-right:50px solid #6ccff6; padding:2px;
}


.dalsi_pristavy {
  display:inline-block; border-right:1px solid #999;
  width:50px; margin:0 5px 0 30px; padding-right:5px; padding-top:80px;
  text-align:right; color:#666; line-height:16px; font-weight:700; font-size:1.4rem;
}

.rozmery { width:58px; height:127px;  }
.rozmery_min { width:58px; height:23px;  }
@media only screen and (max-width:1399.98px) { .rozmery {width:50px; height:110px;} .rozmery_min {width:50px; height:21px;} }
@media only screen and (max-width:1199.98px) { .rozmery {width:42px; height:92px;} .rozmery_min {width:42px; height:17px;} }
@media only screen and (max-width:991.98px)  { .rozmery {width:36px; height:100px;} .rozmery_min {width:43px; height:43px;} }

.pristavy_tabulka .col-sm-4 { text-transform:uppercase; font-weight:700; }
.pristavy_tabulka .row:nth-of-type(odd) { background:#dfecf4; margin-top:15px; margin-bottom:15px; }

.padding-5 { padding:5px; }

h4.sluzby_pristavy { font-size:2rem; color:var(--modra); font-weight:700; }
hr.hr_pristavy { background:none; border-top:1px solid #6ccff6; }



.useky h3 { margin-top:160px; }
@media only screen and (max-width:991px) { .useky h3 { margin-top:90px; } }
@media only screen and (max-width:767px) { .useky h3 { margin-top:40px; } }


/* ubytovani */
.ubytko div {
  padding-top:10px; padding-bottom:9px; margin-bottom:30px;
  font-size:18px; font-weight:700;
  background-image:url("../images/ram.png?v=3");
  background-repeat:no-repeat;
  background-position:top left;
  background-size:cover;
}
.ubytko div.sedy { background-image:url("../images/ram_sedy.png?v=2"); }
.ubytko h3 {
  width:100%; height:165px; padding-top:35px; margin-bottom:0;
  font-size:30px; font-weight:700; text-align:center; color:#fff;
  background-image:url("../images/box_pozadi_v2.gif");
  background-repeat:repeat-x;
  background-position:top left;
 }
 .ubytko h3.externi {
  background-image:url("../images/ikony/externi_odkaz.svg"),url("../images/box_pozadi_v2.gif?v=3");
  background-repeat:no-repeat;
  background-position:98% 6%,bottom center;
  background-size:50px,cover;
 }
.ubytko div.sedy h3 { background-image:url("../images/box_pozadi_sedy.gif?v=2"); background-position:bottom center; }
.ubytko h4 { font-size:30px; font-weight:700; text-align:center; color:var(--modra); padding-top:90px; opacity:.15; }
.ubytko h3 a, .ubytko h3 a:hover { color:#fff; }
.ubytko div > a, .ubytko div > a:hover { color:var(--modra) !important; }

.modre_pozadi { background:#e8f3fb; padding:20px 50px; }

.ubytko .firma { position:absolute; top:100px; left:-400px; font-weight:normal; color:#fff; text-shadow: 0 0 6px #000;  }
.ubytko .dosah { position:absolute; top:-65px; left:0; display:block; width:100%; margin-top:20px; padding:5px 0; text-align:center; color:#fff; background:var(--modra); -webkit-border-radius:5px; border-radius:5px; }


.pozice_obalky { position:absolute; bottom:30px; left:10px; }
.uprava_nadpisu { margin-top:-20px; display:block; }

@media (max-width: 1399.98px) {
  .ubytko div { background-size:contain; }
  .ubytko .firma { top:90px; left:-340px; }
}
@media (max-width: 1199.98px) {
  .ubytko .firma { top:80px; left:-280px; }
}
@media (max-width: 991.98px) {
  .ubytko div { background-size:cover; }
  .ubytko .firma { top:90px; left:-320px; }
}
@media (max-width: 767.98px) {
  .pozice_obalky { position:static; }
  .uprava_nadpisu { margin-top:0; display:inline; }
  .ubytko .firma { position:static; color:#000; text-shadow:none; display:block; }
}

/* end: ubytovani */



/* fotogalerie */
.galerie div {
 height:216px; padding-top:15px;
 background-image:url("../images/ramek.png");
 background-repeat:no-repeat;
 background-position:top left;
 background-size:contain;
 overflow:hidden;
}

/* end: fotogalerie */



.spratelene_weby { text-align:center; margin-top:150px; }
.spratelene_weby div { margin-bottom:75px; }
.spratelene_weby h3 { font-size:1.2rem; margin-top:20px; }


.pronajem_adfontes { margin-top:25px;}
.pronajem_adfontes li { font-size:1.45rem;}




.plavby    { margin-bottom:50px; }
.plavby h4 { text-align:center; padding:70px 0 0 0; font-weight:700; }

.plavby h4.listky   { background:url("../images/logo/listky_off.svg") no-repeat top center; }
.plavby h4.vylety   { background:url("../images/logo/vylety_off.svg") no-repeat top center; }
.plavby h4.skupiny  { background:url("../images/logo/skupiny_off.svg") no-repeat top center; }
.plavby h4.cluny    { background:url("../images/logo/cluny_off.svg") no-repeat top center; }
.plavby h4.hausboty { background:url("../images/logo/hausboty_off.svg") no-repeat top center; }
.plavby h4.lodky    { background:url("../images/logo/lodky_off.svg") no-repeat top center; }

.plavby h4.listky:hover, .plavby h4.listky.on     { background:url("../images/logo/listky_on.svg") no-repeat top center; }
.plavby h4.vylety:hover, .plavby h4.vylety.on     { background:url("../images/logo/vylety_on.svg") no-repeat top center; }
.plavby h4.skupiny:hover, .plavby h4.skupiny.on   { background:url("../images/logo/skupiny_on.svg") no-repeat top center; }
.plavby h4.cluny:hover, .plavby h4.cluny.on       { background:url("../images/logo/cluny_on.svg") no-repeat top center; }
.plavby h4.hausboty:hover, .plavby h4.hausboty.on { background:url("../images/logo/hausboty_on.svg") no-repeat top center; }
.plavby h4.lodky:hover, .plavby h4.lodky.on       { background:url("../images/logo/lodky_on.svg") no-repeat top center; }


.rkl  { color:#999; font-style:italic; font-size:11px; text-align:right; line-height:12px; }
.psn2 { position:absolute; top:17px; right:15px; }
@media only screen and (min-width:1200px) {
 .psn { padding-right:95px; }
}



.pozice_loga_adfontes { position:absolute; right:0px; }
.pozice_loga_adfontes.upravena { top:-214px; }

@media only screen and (min-width:992px) and (max-width:1199px) { .pozice_loga_adfontes { top:150px; } }
@media (max-width: 767.98px) { .pozice_loga_adfontes { top:90px; } }


.pristavy_tabulka a { text-decoration:underline; }
.pristavy_tabulka a:after { content:' »'; }
.pristavy_tabulka .gal_pristav a:after { content:''; }

.benzina, .detske_hriste, .elektricka_pripojka, .chov_koni, .informacni_centrum, .moznost_kotveni, .moznost_koupani, .muzeum, .odcerpani_odpadnich,
.pamatkova_zona, .parking, .karavany, .penzion_hotel, .pitna_voda, .pravidelne_plavby, .pujcovna_kol, .pujcovna_lodi, .restaurace, .rychle_obcerstveni, .servis,
.sjezd_pro_lode, .sportovni_vyziti, .sprcha, .stanovy_camp, .technicka_pamatka, .trideny_odpad, .wc, .wifi_pripojeni, .servis_lodi, .jerab, .chemicke_wc,
.servisni_stojan, .grilpoint, .uschovna_kol, .nabijeni_elektrokol, .pujcovna_kolobezek, .kuchynka, .pracka {
  width:40px; height:40px; margin-bottom:3px; display:inline-block;
}
.benzina { background:url("../images/ikony/benzina.png") no-repeat top center; }
.detske_hriste { background:url("../images/ikony/detske_hriste.png") no-repeat top center; }
.elektricka_pripojka { background:url("../images/ikony/elektricka_pripojka.png") no-repeat top center; }
.chov_koni { background:url("../images/ikony/chov_koni.png") no-repeat top center; }
.informacni_centrum { background:url("../images/ikony/informacni_centrum.png") no-repeat top center; }
.moznost_kotveni { background:url("../images/ikony/moznost_kotveni.png") no-repeat top center; }
.moznost_koupani { background:url("../images/ikony/moznost_koupani.png") no-repeat top center; }
.muzeum { background:url("../images/ikony/muzeum.png") no-repeat top center; }
.odcerpani_odpadnich { background:url("../images/ikony/odcerpani_odpadnich.png") no-repeat top center; }
.pamatkova_zona { background:url("../images/ikony/pamatkova_zona.png") no-repeat top center; }
.parking { background:url("../images/ikony/parking.png") no-repeat top center; }
.karavany { background:url("../images/ikony/parking.png") no-repeat top center; }
.penzion_hotel { background:url("../images/ikony/penzion_hotel.png") no-repeat top center; }
.pitna_voda { background:url("../images/ikony/pitna_voda.png") no-repeat top center; }
.pravidelne_plavby { background:url("../images/ikony/pravidelne_plavby.png") no-repeat top center; }
.pujcovna_kol { background:url("../images/ikony/pujcovna_kol.png") no-repeat top center; }
.pujcovna_lodi { background:url("../images/ikony/pujcovna_lodi.png") no-repeat top center; }
.restaurace { background:url("../images/ikony/restaurace.png") no-repeat top center; }
.rychle_obcerstveni { background:url("../images/ikony/rychle_obcerstveni.png") no-repeat top center; }
.servis { background:url("../images/ikony/servis.png") no-repeat top center; }
.sjezd_pro_lode { background:url("../images/ikony/sjezd_pro_lode.png") no-repeat top center; }
.sportovni_vyziti { background:url("../images/ikony/sportovni_vyziti.png") no-repeat top center; }
.sprcha { background:url("../images/ikony/sprcha.png") no-repeat top center; }
.stanovy_camp { background:url("../images/ikony/stanovy_camp.png") no-repeat top center; }
.technicka_pamatka { background:url("../images/ikony/technicka_pamatka.png") no-repeat top center; }
.trideny_odpad { background:url("../images/ikony/trideny_odpad.png") no-repeat top center; }
.wc { background:url("../images/ikony/wc.png") no-repeat top center; }
.wifi_pripojeni { background:url("../images/ikony/wifi_pripojeni.png") no-repeat top center; }
.servis_lodi { background:url("../images/ikony/servis_lodi.png") no-repeat top center; }
.jerab { background:url("../images/ikony/jerab.png") no-repeat top center; }
.chemicke_wc { background:url("../images/ikony/chemicke_wc.png") no-repeat top center; }
.servisni_stojan { background:url("../images/ikony/servisni_stojan.svg") no-repeat top center; background-size:40px; }
.grilpoint { background:url("../images/ikony/grilpoint.svg") no-repeat top center; background-size:40px; }
.uschovna_kol { background:url("../images/ikony/uschovna_kol.svg") no-repeat top center; background-size:40px; }
.nabijeni_elektrokol { background:url("../images/ikony/nabijeni_elektrokol.svg") no-repeat top center; background-size:40px; }
.pujcovna_kolobezek { background:url("../images/ikony/pujcovna_kolobezek.svg") no-repeat top center; background-size:40px; }
.kuchynka { background:url("../images/ikony/kuchynka.svg") no-repeat top center; background-size:40px; }
.pracka { background:url("../images/ikony/pracka.svg") no-repeat top center; background-size:40px; }




.prehled_lodi h3 { background:#cdeff4; padding:15px 20px; margin-top:20px; margin-bottom:30px; }
.prehled_lodi a { text-decoration:underline; display:inline-block; }
.prehled_lodi a.zjistit { margin-top:30px; }

@media (max-width: 991.98px) {
  .prehled_lodi h3 { margin-bottom:0; }
  .prehled_lodi a.zjistit { margin-top:0; margin-bottom:10px; }
}
@media (max-width: 767.98px) {
  .prehled_lodi .text-right { text-align:left; }
}



.accordion-button { padding:0; border:0; }
.accordion-button, .accordion-button:not(.collapsed) {
  color:#abd6f3; font-size:1.3rem; font-weight:700;
  background-color:transparent;
  box-shadow:none;
}
.accordion-button:not(.collapsed)::after, .accordion-button::after { background-image:none; }
.accordion-item { border:0px; }




.accordion.clenove .accordion-body { padding:1rem 0; }
.accordion.clenove h3 { font-size:1.3rem; }
.accordion.clenove .accordion-button, .accordion-button:not(.collapsed) { color:var(--svmodra); font-size:1.5rem; }


p.projekty { font-weight:700; margin-bottom:0; cursor:pointer; }
p.projekty:hover { color:var(--svmodra); cursor:pointer; }



.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border: 1px solid var(--svmodra); border-bottom-color:transparent; }
.nav-tabs { border-bottom: 1px solid var(--svmodra); }
.navbar-nav > li > a:focus, .navbar-nav > li > a:hover { background-color:transparent; }
.navbar-nav > li > a:focus h3, .navbar-nav > li > a:hover h3 { color:var(--modra); }


.napsali { font-weight:700; }
.napsali a { font-weight:400; text-decoration: underline; padding-left:10px; }
.napsali i { color: #666; }

/* kontaktni formular */
form.kontakt input,
form.kontakt select,
form.kontakt textarea  {
  font-weight: bold; 
  width:100%; padding:10px 15px; margin-bottom:7px;
  -webkit-border-radius:10px; border-radius:10px;
  -webkit-transition: background-color 0.25s, border-color 0.25s;
  transition: background-color 0.25s, border-color 0.25s;
}

form.kontakt select { width:100%; padding:15px 15px; }
form.kontakt input:hover, textarea:hover { background:#e8e8e8; }
form.kontakt input:focus, textarea:focus { background:#ddd; }

form.kontakt fieldset { margin-bottom:20px; width:400px; }
form.kontakt legend { text-transform:uppercase; font-size:19px; color:#000; }

form.clen fieldset { margin-bottom:40px; }
form.clen legend { text-transform:uppercase; font-size:19px; font-weight:600; color:var(--svmodra); border-bottom-color:var(--svmodra); }
form.clen .odeslat { text-transform:uppercase; padding:15px 50px; margin:62px 0 70px 0; }
form.clen .checkbox label { font-style: italic; }

form.kontakt .odeslat, .tl-odeslat {
 display:block; width:270px; height:63px; padding-top:20px;
 color:#fff; font-size:30px; font-weight:700; text-align:center;
 background:url("../images/odeslat.png") no-repeat right top;
}
.tl-odeslat { display:inline-block; font-size:1.5rem; padding:17px 20px 0 0; }

form.kontakt .odeslat:hover, .tl-odeslat:hover { background:url("../images/odeslat_on.png") no-repeat right top; color:var(--bila); }


.jmenoOK, .prijmeniOK, .nazevOK, .uliceOK, .mestoOK, .adresaOK, .pscOK, .pocetOK, .emailOK, .zpravaOK, .datumOK, .vyplutiOK, .telefonOK, .delkaOK, .cilOK, .kontrolaOK { border:1px solid var(--modra); -webkit-box-shadow:inset 0 0 5px 0 #666; box-shadow:inset 0 0 5px 0 #666; }
.jmenoKO, .prijmeniKO, .nazevKO, .uliceKO, .mestoKO, .adresaKO, .pscKO, .pocetKO, .emailKO, .zpravaKO, .datumKO, .vyplutiKO, .telefonKO, .delkaKO, .cilKO, .kontrolaKO, .recaptchaKO { border:1px solid #c00; }

.form_neodeslan, .form_odeslan {
 padding:30px 50px; margin-bottom:30px; font-size:30px; color:#fff;
 border:1px solid #f6f9f9; background:#05b0c9;
 -webkit-box-shadow: 0 0 50px 20px #1391f8;
 box-shadow: 0 0 50px 20px #1391f8; cursor:pointer;  text-align:center;
}
.form_neodeslan { color:#c00; }

.formular_upozorneni { position:fixed; top:300px; width:80%; text-align:center; cursor:pointer; opacity:0.9; }
.formular_upozorneni:hover { opacity:0.8; }

::-webkit-input-placeholder { color:#3a545e; font-style:italic; font-weight:100; }
::-moz-placeholder          { color:#3a545e; font-style:italic; font-weight:100; } /* firefox 19+ */
:-ms-input-placeholder      { color:#3a545e; font-style:italic; font-weight:100; } /* ie */
input:-moz-placeholder      { color:#3a545e; font-style:italic; font-weight:100; }

.prazdna div[style] { border:1px solid #f00; }
.prazdna div[style]:after { color:#900; content:"Potvrďte prosím, že nejste robot."; }


/* start: tympanus.net - codrop */
.input {
	position: relative; z-index: 1;
	max-width: 350px; width: calc(100% - 2em); margin: 1em;
	vertical-align: top;
}
.input input, .input textarea {
	position: relative; display: block; float: right;
}
.input input:focus, .input textarea:focus { outline: none; }

.input input:focus + .label, .input textarea:focus + .label,
.pole_vyplneno .label {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.input input:focus + .label span, .input textarea:focus + .label span,
.pole_vyplneno .label span {
	-webkit-transform: translate3d(0, 145%, 0);
	transform: translate3d(0, 145%, 0);
}
.input input:focus + .input input, .input textarea:focus + .input textarea,
.pole_vyplneno .input input {
	background-color: transparent;
}

.label {
  position: absolute; bottom: 100%; overflow: hidden; display: inline-block; /* float: right; */
  width:40%; padding-left:20px; pointer-events: none;
  font-size: 100%; text-align: left;
	-webkit-transform: translate3d(0, 3em, 0); transform: translate3d(0, 3em, 0);
	-webkit-transition: -webkit-transform 0.25s; transition: transform 0.25s;
	-webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;
	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
	-webkit-touch-callout: none;
}
.label span {
	position: relative; display: block; width: 100%;
	color: var(--modra);
	padding: 0.25em 0;
	-webkit-transition: -webkit-transform 0.25s; transition: transform 0.25s;
	-webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;
}
.label span::after {
	position: absolute; bottom: 70%; left: -10px;
  width: 100%; height: 100%; padding: 0;
  color: #000; font-style: italic; font-size:12px;
	content: attr(data-content);
}
/* end: tympanus.net - codrop */
/* kontaktni formular */


.objednavka       { margin-left:15%; }
.objednavka table { width:70%; }



.tab-pane { margin-top:30px; }



footer {
 padding-top:190px;
 background:#def1fe url("../images/paticka_pozadi.gif?v=2") repeat-x top center;
}
footer h4      { color:var(--modra); font-size:22px; font-weight:700; line-height:30px; margin-top:25px; }
footer h4 span { display:block; font-size:16px; line-height:18px; }
.copy          { color:var(--modra); text-align:right; margin:-20px 0 20px 0; }
.footer-menu ul { height:180px; }





/* pop-up */

.upozorneni {
  position:absolute; top:-260px; left:50%; z-index:1099;
  width:50%; padding:20px 40px;
  font-size:20px; line-height:25px;
  background:rgba(150,0,0,0.6);
}
.upozorneni a {
  color:#fff; font-weight:700;
}


#hover{
  position:fixed; z-index:1100;
  background: -moz-linear-gradient(top,  rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.6)));
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);
  background: -o-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);
  background: -ms-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);
  background: linear-gradient(to bottom,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#99000000',GradientType=0 );
  width:100%; height:100%;
}

#popup{
  position:absolute; top:10%; left:50%; z-index:1101;
  background:#fff; border-radius:5px; box-shadow:0 0 10px 0 #000;
  color:#000; text-align:center; padding-top:30px;
}

#popup a{ color:#900; }
#popup a:hover{ color:#35211a; }

#close, .close{
  position:absolute; top:-15px; right:-15px;
  background:black;
  -webkit-box-shadow: 0 0 10px 0 #000;
  box-shadow: 0 0 10px 0 #000;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width:50px; height:50px;
  color:white; text-align:center; line-height:30px;
  font-size:8px; font-weight:bold; font-family:'Arial Black', Arial, sans-serif;
  cursor:pointer;
	background:var(--modra) url("../images/close.png") no-repeat 50%; opacity:1;
} 
#close:hover, .close:hover { background:var(--modra) url("../images/close_on.png") no-repeat 50%; } 


/* pop-up */



/* tabulky */
table.cenik { border-collapse:collapse; margin:0; }
table.cenik th { 
 color:#21aae4; background:#331e1b; 
 font-size:16px; font-weight:normal; 
 padding:26px 50px 16px 20px;
}
table.cenik td {
 color:#666; text-align:left;
 border:1px solid #999;
 padding:1px 11px;
}
table.cenik td.sipka {
 color:#331e1b; background:#fff;
 font-weight:normal;
 padding:8px 0 8px 10px;
}


/* TABULKY */
table.jizdni_rad { width:100%; border-collapse:collapse; border:2px solid #999; }
table.jizdni_rad tr td { border:1px solid #ccc; padding:2px 20px; color:var(--modra); margin:1px; }

table.jizdni_rad tr td:nth-of-type(2), table.jizdni_rad tr td:nth-of-type(4), table.jizdni_rad tr td:nth-of-type(6) { border-left:1px solid #999; }
table.jizdni_rad tr td:nth-of-type(3), table.jizdni_rad tr td:nth-of-type(5), table.jizdni_rad tr td:nth-of-type(7) { border-right:1px solid #999; }

table.jizdni_rad tr:first-of-type td, table.jizdni_rad tr:nth-of-type(2) td, table.jizdni_rad tr:nth-of-type(3) td {
 color:var(--modra); font-weight:700; text-align:center; padding:0 20px; border:none; border:1px solid #999;
}

table.jizdni_rad tr td:first-of-type { background:var(--modra); color:#fff; font-weight:700; border-right:1px solid #999; }
table.jizdni_rad tr td.m { background:var(--svmodra); color:#fff; }


table.pravidelne { border:2px solid #999; }
table.pravidelne th { background:#336e90; color:#fff; text-align:center; }
table.pravidelne tbody > tr > td { border:1px solid #ccc; }
table.pravidelne td.b { font-weight:700; }
table.pravidelne tr.bg td { background:#e3e9ee; }


table.plavebni_rad        { width:100%; border-collapse:collapse; border:2px solid #999; }
table.plavebni_rad tr td  { border:1px solid #ccc; padding:2px 20px; color:var(--modra); margin:1px; }
table.plavebni_rad tr th  { color:#fff; font-weight:700; text-align:center; padding:10px 0; background:var(--modra); border-right:1px solid #999; border-bottom:2px solid #999; }
table.plavebni_rad tr td:first-of-type { font-weight:700; text-align:center; text-transform:uppercase; }
table.plavebni_rad tr td:nth-of-type(3),
table.plavebni_rad tr td:nth-of-type(4) { text-align:center; }
table.plavebni_rad a      { text-decoration:underline; }
table.plavebni_rad span   { color:#900; text-transform:none; padding:20px 0; display:block; }

table.rad tr td { padding:2px 20px; background-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 1); }

table.rad tr:first-of-type td {
 color:#f1d40f; text-align:center; background:#000; opacity:0.4; padding:0 20px; border:none;
}
table.rad tr:first-of-type td:first-of-type { opacity:0.2; }

table.rad tr td:first-of-type { background:#000; opacity:0.4; }
table.rad tr td.m { color:#a0daf7; }



table.spec tr td { border-left:1px solid #291f16; border-right:1px solid #291f16; }

table.hausbot tr:first-of-type td:first-of-type  { width:95px; }
table.hausbot tr:first-of-type td:nth-of-type(2) { font-size:16px; }
table.hausbot tr:nth-of-type(3) td:nth-of-type(2) { width:40%; }

table.cenik_plavba tr td { font-style:italic; padding:3px 50px; line-height:15px; }

table.komorovani tr td { padding-bottom:20px; }

/**/
/* tabulky */



a.vanocni { color:#fff; text-decoration:underline; font-size:2.5rem; text-shadow:0 0 3px #c61f1f; font-weight:400; padding-left:10px; background:rgba(0,0,0,0.5); }
a.vanocni:hover { text-decoration:none; }

a.poukazy {
  padding:20px 30px 10px 30px; display:inline-block;
  font-weight:400;
}
a.poukazy em, a.poukazy strong {
  display:block; margin-top:10px; text-align:right;
  color:#fff; font-size:1.7rem;
}
a.poukazy strong { color:#9edfff; font-size:2rem; text-align:left; margin:0 0 5px 0; }

.capka { position:relative; right:-430px; top:20px; z-index:2; }


h2.bannerX {
  font-size:2.9rem; line-height:4.2rem;
  display:inline-block; padding:10px 25px;
  background-color:rgba(255,255,255,.65);
}
h2.bannerX a {
  display:block; font-size:2.5rem; line-height:2.5rem; color:#381778;
}

@media (max-width: 1199.98px) {
  .capka { right:-20px; top:155px; }
}
@media (max-width: 991.98px) {
  a.poukazy { padding:20px 30px; }
  a.poukazy em { display:none; }
  .capka { right:50px; }
}
@media (min-width: 768px) {
  h2.bannerX.pc { margin-top:40px; }
}






.menu-onas a {
  font-size:1.2rem;
  background-color:var(--svmodra_v2); border:1px solid var(--svmodra);
  display:block; padding:20px;
}
.menu-onas a:hover { color:var(--bila); background-color:var(--modra); border:1px solid var(--tmmodra); }













/* IZ lodni listky */

#copak_je_to_za_jizdu .popis,
#copak_je_to_za_jizdu .poznamka { line-height: 2.4rem; }
#copak_je_to_za_jizdu .poznamka { min-height:70px; }
#copak_je_to_za_jizdu .vstup table th,
#copak_je_to_za_jizdu .vstup table td { line-height:2rem; font-style:normal !important; font-size:1.6rem !important; }
#copak_je_to_za_jizdu .vstup table th { border-bottom:1px solid var(--modra); color:#3e3e3e; }
#copak_je_to_za_jizdu .vstup table td { border-bottom: 1px solid #eb953f; }
#copak_je_to_za_jizdu .vstup table tr:nth-of-type(even) { color:#16445f; }
#copak_je_to_za_jizdu .vstup table tr:hover { opacity:0.7; }
#copak_je_to_za_jizdu .vstup table th:hover { opacity:1; }
#copak_je_to_za_jizdu .vstup table td:nth-of-type(6),
#copak_je_to_za_jizdu .vstup table th:nth-of-type(6) { font-size: 1rem !important; color:red; }
#copak_je_to_za_jizdu .vstup table th:nth-of-type(7) { font-size: 1.2rem !important; }

.tabulka01 h4 { font-size: 2rem; font-weight:700; }
.tabulka01 h4 span { font-size: 1.5rem !important; }
.tabulka01 .volnych { padding: 2px 5px; margin: 0px 1px; }

/* IZ lodni listky */




.app-faq { margin-bottom:70px; }
.app-faq .infoo { position:absolute; top:-150px; background:rgba(255,255,255,0.85); text-align:center; width:100%; }
.app-faq .infoo h3 { color:#381778; }
.app-faq .infoo p { color:#000; line-height:1.8rem; min-height:95px; }







/* start: DSO ZLK */

.dokumenty div { margin: 0 0 40px 0; border-bottom: 1px solid #d4deec; }
.dokumenty ul { padding:0 0 0 0; margin:0 0 0 0;  }
.dokumenty li { background:url('../images/dso-zlk/download.png') no-repeat; list-style:none; padding:2px 0 15px 35px; }

.ctverce { margin-top:100px; }
.aa,.bb,.cc,.dd,.ee,.ff { 
  height:370px; padding-top:150px;
  color:#fff; font-weight:700;
  background-position:50% top;
  background-size:cover;
}

.aa { background-image:url('../images/dso-zlk/box1.jpg'); }
.bb { background-image:url('../images/dso-zlk/box2.jpg'); }
.cc { background-image:url('../images/dso-zlk/box3.jpg'); }
.dd { background-image:url('../images/dso-zlk/box4.jpg'); }
.ee { background-image:url('../images/dso-zlk/box5.jpg'); }
.ff { background-image:url('../images/dso-zlk/box6.jpg'); }

@media (max-width: 767px) { 
  .ctverce { margin-top:50px; }
  .aa,.bb,.cc,.dd,.ee,.ff { height:200px; padding-top:50px; }
}


/* konec: DSO ZLK */







/* sloupce */
.ctyrsloupcovy, .ctyri_sloupce, .ctyri-sloupce {
	-ms-column-count:4; /* pocet sloupcu */
	-moz-column-count:4;
	-webkit-column-count:4;
	column-count:4;
	-moz-column-gap:20px; /* mezera mezi sloupci */
	-webkit-column-gap:20px;
	column-gap:20px;
	-moz-column-rule:2px dotted var(--cervena); /* misto mezi sloupci */
	-webkit-column-rule:2px dotted var(--cervena);
	column-rule:2px dotted var(--cervena);
}
.trojsloupcovy, .tri_sloupce, .tri-sloupce {
	-ms-column-count:3;
	-moz-column-count:3;
	-webkit-column-count:3;
	column-count:3;
	-moz-column-gap:20px;
	-webkit-column-gap:20px;
	column-gap:20px;
	-moz-column-rule:2px dotted var(--cervena);
	-webkit-column-rule:2px dotted var(--cervena);
	column-rule:2px dotted var(--cervena);
}
.dvousloupcovy, .dva_sloupce, .dva-sloupce {
	-ms-column-count:2;
	-moz-column-count:2;
	-webkit-column-count:2;
	column-count:2;
	-moz-column-gap:20px;
	-webkit-column-gap:20px;
	column-gap:20px;
	-moz-column-rule:2px dotted var(--cervena);
	-webkit-column-rule:2px dotted var(--cervena);
	column-rule:2px dotted var(--cervena);
}

/* pokud napr. chci, aby neutikal text od obrazku do jineho sloupce */
.drzet-spolu { display:inline-block; width:100%; /* */ }

@media (max-width: 1199.98px) { 
	.ctyrsloupcovy, .ctyri_sloupce, .ctyri-sloupce {
		-ms-column-count:3; -moz-column-count:3; -webkit-column-count:3; column-count:3;
	}
}
@media (max-width: 991.98px) { 
	.trojsloupcovy, .tri_sloupce, .tri-sloupce, .ctyrsloupcovy, .ctyri_sloupce, .ctyri-sloupce {
		-ms-column-count:2; -moz-column-count:2; -webkit-column-count:2; column-count:2;
	}
}
@media (max-width: 767.98px) { 
	.dvousloupcovy, .dva_sloupce, .dva-sloupce, .trojsloupcovy, .tri_sloupce, .tri-sloupce, .ctyrsloupcovy, .ctyri_sloupce, .ctyri-sloupce {
		-ms-column-count:1; -moz-column-count:1; -webkit-column-count:1; column-count:1;
	}
}
/* sloupce */


/* start: sipka back to top */
#back-to-top {
 position:fixed; bottom:40px; right:40px; z-index:9999;
 width:64px; height:64px; border:0; border-radius:2px;
 color:#fff; text-align:center; line-height:30px; text-decoration:none;
 background:#391879 url("../images/to_top.svg") no-repeat 50%; cursor:pointer;
 transition:opacity 0.2s ease-out; opacity:0;
}
#back-to-top:hover { background:#2fbed3 url("../images/to_top.svg") no-repeat 50%; }
#back-to-top.show  { opacity:1; }
/* end: sipka back to top */





.center { text-align:center; }
.doprava { text-align:right; }
.doleva { text-align:left; }
.dobloku { text-align:justify; }

.seda { color:#666; }
.bila { color:#edfdff !important; }
.cervena { color:#c61f1f; }
.modra { color:var(--modra); }
.cerna { color:var(--cerna); }


.podtrhni { text-decoration:underline; }

.leva { float:left; }
.prava { float:right; }

.tucne, .bold { font-weight:bold; }
.kurziva { font-style:italic; }

.cleaner, .cleanerXSL {
 clear:both; font-size:1px; height:1px; line-height:0;
 border:none; background:transparent; width:100%;
}
.hidden { display:none; }

.obal { position:relative; }

object, input, svg, a { outline-style:none; }

img { border:0px; }
hr  { border-color:#afafae -moz-use-text-color -moz-use-text-color; }

u l { padding:0; margin:0 0 0 0;  }
ul.li { list-style-image: url('../images/li.png'); color:#2454a8; padding-bottom:5px; }

.nomargin, table tr td.nomargin, table tr th.nomargin    { margin:0; }
.nopadding, table tr td.nopadding, table tr th.nopadding { padding:0; }
.noborder, table tr td.noborder, table tr th.noborder    { border:none; }
.noback { background:none; }

.screenreader, .SkipToContentMenu { /* skrite navigacni nadpisy pro nevidome - viz. menu.php */
 position:absolute; top:auto; left:-1000px;
 overflow:hidden; width:1px; height:1px;
}

.dib { display:inline-block; }

.pt20 { padding-top:20px; }
.pt10 { padding-top:10px; }

.pozice { position:relative; }

.shop_zpet { position:absolute; top:40px; left:46%; }

a.popup_odkaz { display:block; text-decoration:none; }
a.popup_odkaz:hover h2 { text-decoration:none; }
a.popup_odkaz:hover h3 strong { text-decoration:none; color:brown; }

.KLBK { text-align:center; }
.KLBK h3 { margin-top:0; }
.KLBK h4 { margin-bottom:0; margin-top:80px; font-style:italic; }




/* responsive */




@media only screen and (min-width:1199px) {
  .fb_rozmery { width:350px; height:420px; }
}

@media only screen and (max-width:1199px) {
  .sluzby .cesta, .sluzby .pruplavy, .sluzby .galerie, .sluzby .shop { padding:85px 0 0 110px; font-size:3rem; }
  .uvod .panna_hp, .uvod .panna { background: url("../images/banner/panna_transparent.png") no-repeat top left; }
  .ukazat, .ukazat2 { width:100%; }
}

@media only screen and (max-width:991px) {
  .uvod .kapitan { display:none; }
  .sluzby .cesta, .sluzby .pruplavy, .sluzby .galerie, .sluzby .shop { padding:65px 0 0 85px; font-size:2.5rem; line-height:2.3rem; }
  h1 { background:none; }
  article.sluzby h3, div.cyklo h2 { font-size:20px; padding-top:20px; }
}

@media only screen and (min-width:768px) and (max-width:991px) {
  .logo { width:145px; height:145px; }

  /* .ubytko h3  { height:103px; padding-top:15px; font-size:20px; }
  .ubytko div { height:300px; } */
  .jumbotron { padding-top:50px; }
}




@media (min-width: 992px) {
  .pc-991 { display:block; height:1px; }
}
@media (max-width: 991.98px) {
  .pc-991 { display:none; }
}



@media only screen and (max-width:991.98px) {
  .jumbotron{padding-top:25px;}
  .h1,h1{font-size:35px;}
  .navbar-nav > li > a.logo,
  footer .bystricky, .copy { display:none; }
  footer .col-xs-12 { text-align:center; }
  #tabs li a { text-transform:none; padding:15px 0; margin-top:10px; }
  #tabs #current a, #tabs #current a::after { text-decoration:underline; }
  .sluzby, .odkazy { text-align:center; }
  .sluzby .cesta, .sluzby .pruplavy, .sluzby .galerie, .sluzby .shop { display:inline-block; text-align:left; padding:95px 50px 0 120px; width:292px; font-size:27px; line-height:27px; }
  .uvod .panna_hp, .uvod .panna { background:none; }
  .trojsloupcovy, .tri_sloupce, .dvousloupcovy, .dva_sloupce { -ms-column-count:1; -moz-column-count:1; -webkit-column-count:1; column-count:1; }
  .ubytko h3  { background:#05b0c9; height:133px; font-size:28px; padding:10px 0; }
  .bannery img  { display:inline-block; }
  .bannery div { padding:0; }
  .bannery h2 a { background:none; color:#fff; height:auto; padding:10px 0; }
  .bannery h2 a:hover { background:none; }
  .bannery { /*margin-top:-350px;*/ margin-top:-285px; }
  .objednavka       { margin-left:0%; }
  .objednavka table { width:100%; }
  .logoMOBIL { width:170px; height:175px;}
  .galerie div { background-image:none; }
  .ukazat ul li { line-height:18px; }
  .ukazat ul li:nth-of-type(2) { text-align:right; }
  .mobil767 { display: none; }
  .logoMOBIL { top:-25px; }
}

@media only screen and (min-width:991.98px) { .logoMOBIL  { display:none; } }


@media (min-width: 768px) {
  .pc-767 { display:block; height:1px; }
  .mobil-767 { display:none !important; }
 }
@media (max-width: 767.98px) {
  /* prohozeni poradi boxu (mobil-pc) */
  .prvni-posledni { -webkit-box-ordinal-group:14; -ms-flex-order:13; order:13; }
  .posledni-prvni { -webkit-box-ordinal-group:0; -ms-flex-order:-1; order:-1; }
  .sup { margin-top:40px; }
  .pc-767 { display:none; }
 }



/* dalsiii */
@media only screen and (max-width:640px) {
 .shop_zpet { position:static; }
}
@media only screen and (max-width:380px) {
  .odkazy div { height:auto; }
}



/* opravy pro chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
 
}

/* end: responsive */







/*
#element { background-image: url('lores.png'); }

@media only screen and (min-device-pixel-ratio: 2) {
    #element { background-image: url('hires.png'); }
}

@media only screen and (min-device-pixel-ratio: 3) {
    #element { background-image: url('superhires.png'); }
}
*/



a.lei { color:#999; background:#fff; font-size:.8rem;-webkit-border-radius:5px; border-radius:5px; }
a.lei span { color:#fff; background:#00d600; padding:0 5px; -webkit-border-radius:5px; border-radius:5px; transition:300ms; }
a.lei:hover { text-decoration:none; }
a.lei:hover span { background:red; }

.grecaptcha-badge { visibility:hidden; }
.reCaptcha, .reCaptcha a { color:#999; }

/* .a_svg { height:199px; display:block; } */




.obrazek_za_text {
  width: 360px; height: 245px;
  position: relative; float: left; overflow: hidden;
}
.obrazek_za_text .skryty {
  width: 360px; height: 245px;
  position: absolute; top: 2px; left: 0;
  overflow: hidden;
  font-weight:400; font-size:14px; line-height:19px;
  -webkit-transform: translateX(-360px);
  -moz-transform: translateX(-360px);
  -o-transform: translateX(-360px);
  -ms-transform: translateX(-360px);
  transform: translateX(-360px);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.obrazek_za_text img {
  position: relative; display: block;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.obrazek_za_text:hover .skryty {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -o-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
}
.obrazek_za_text:hover img {
  -webkit-transform: translateX(360px);
  -moz-transform: translateX(360px);
  -o-transform: translateX(360px);
  -ms-transform: translateX(360px);
  transform: translateX(360px);
}


/* efekt zaliti vodou */
.water-fill {
  -webkit-animation: wave 0.55s infinite linear, fill-up 3s ease-out alternate;
          animation: wave 0.55s infinite linear, fill-up 3s ease-out alternate;
}
@-webkit-keyframes wave { 0%{x:-200px;} 100%{x:0;} }
        @keyframes wave { 0%{x:-200px;} 100%{x:0;} }
@-webkit-keyframes fill-up { 0%{height:40;y:60px;} 100%{height:100px;y:-10px;} }
        @keyframes fill-up { 0%{height:40;y:60px;} 100%{height:100px;y:-10px;} }



div[data-id="nejblizsi_odjezdi"] a,
div[data-id="nejblizsi_odjezdy"] a { border:1px solid #381778; padding:5px 75px 5px 30px; border-radius:7px; color:#900; }
div[data-id="nejblizsi_odjezdi"] a:hover,
div[data-id="nejblizsi_odjezdy"] a:hover { border:1px solid #245981; color:#245981; text-decoration:none; }

@media (max-width: 575.98px) {
  div[data-id="nejblizsi_odjezdi"] a,
  div[data-id="nejblizsi_odjezdy"] a { border:0; padding:0; border-radius:0; }
  div[data-id="nejblizsi_odjezdi"] a:hover,
  div[data-id="nejblizsi_odjezdy"] a:hover { border:0; }
}
 
.tooltip { position:absolute; z-index:1070; display:block; margin:0; font-weight:400; font-size:1.2rem; opacity:0; }
.tooltip.show { opacity:0.9; }
.tooltip .arrow { position:absolute; display:block; width:0.8rem; height:0.4rem; }
.tooltip .arrow::before { position:absolute; content:""; border-color:transparent; border-style:solid; }



.video {
  position:relative;
  padding-bottom:56.25%; /* 16:9 */
  height:0;
}
.video iframe {
  position:absolute; top:0; left:0;
  width:100%; height:100%;
}