body {
    margin:0;
    padding:0;
    font-size:0.75em;
    font-family:Arial;
 /*   background:#fff url(../images/bg-web.gif) repeat-x left 620px;*/
}
h1 {
  margin:0; padding:0;
}
a {text-decoration:underline;}
a:hover {text-decoration:none;}
a img {border:none;}
form, form fieldset {margin:0;padding:0;border:none;}

.clear {clear:both;font-size:0;}
.fleft {float:left;}
.centertrip { margin:0 auto; width: 468px; height:420px; overflow:hidden; }


#bgvlevo {
   background:#fff url(../images/top_left.jpg) no-repeat left top;
   position:absolute;
   left:50%;
   top:0;
   width:381px;
   height:616px;
   margin-left:-871px;
}

#bgvpravo {
   background:#fff url(../images/top_right.jpg) no-repeat left top;
   position:absolute;
   right:0;
   width:50%;
   top:0;
   width:378px;
   height:616px;
   margin-right:80px;
}

#bgstred1 {
   background:url(../images/bg.gif) repeat-x left top;
   position:absolute;
   top:1502px;
   width:100%;
   height:194px;
   z-index:1;
   
}

#bgstred2 {
   background:#fff url(../images/bg.gif) repeat-x left top;
   position:absolute;
   right:0;
   width:50%;
   top:1071px;
   width:478px;
   height:194px;
   
}

#bgvlevo2 {
   background:#fff url(../images/top_left.jpg) no-repeat left top;
   position:absolute;
   left:50%;
   top:0;
   width:381px;
   height:230px;
   margin-left:-871px;
}

#bgvpravo2 {
   background:#fff url(../images/top_right.jpg) no-repeat left top;
   position:absolute;
   right:50%;
   top:0;
   width:378px;
   height:230px;
   margin-right:-871px;
}

#page {
    width:980px;
    margin:0 auto;
    top:0;
    padding:0;  
}
#head {
    position:relative;
    margin:auto;
    width:980px;
    height:612px;
    padding:0;
}

#head2 {
    position:relative;
    margin:auto;
    width:980px;
    height:234px;
}

#head  a#logo {
    display:block;
    position:absolute;
    left:0;
    top:0;
    margin:0;
    padding:0;
    width:980px;
    height:612px;
}
#head a#logo span {
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:980px;
    height:612px;
    background:url(../images/top.jpg) no-repeat left top;
    cursor:pointer;
}

#head2 a#logo {
    display:block;
    position:absolute;
    left:0;
    top:0;
    margin:0;
    padding:0;
    width:980px;
    height:234px;
}
#head2 a#logo span {
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:980px;
    height:234px;
    background:url(../images/top2.jpg) no-repeat left top;
    cursor:pointer;
}

#head .flash, #head2 .flash {
  position:absolute;
  right:8px;
  top:0px;
}

#head .video, #head2 .video {
  position:absolute;
  right:0px;
  top:230px;
  background:#ff0000;
  height:378px;
  border-top:4px solid #fff;
}

#head .video p {
  text-align:center;
}

#head .video a {
  color:#fff;
  width:190px;
  height:20px;

  display:block;
  float:left;
}



#content1 {
  /*background:#f7f6f4;*/
  background:#fff;
}

#content1 .bunecky {
  height:414px;
}

#content1 .bunka {
    width:225px;
    display:block;
    float:left;
    margin-right:20px;
}
#content1 .bunka-last {
    width:240px;
    display:block;
    float:left;
}

#content1 .bunka h2, #content1 .bunka-last h2 {
  color:#000;
  height:65px;
  font-weight:bold;
  font-style:italic;
  font-size:1.6em;
}

#content1 .bunka h3, #content1 .bunka-last h3 {
  color:#ff0000;
  font-style:italic;
  font-size:1.0em;
}

#content1 .bunka p, #content1 .bunka-last p {
  text-align:justify;
  height:222px;
  line-height:1.5;
}

#cenik {
  background:#f7f6f4;
}

#cenik table {
  width:800px;
  margin-left:80px;
  margin-top:50px;
  margin-bottom:50px;
}

#cenik table tr th {
  background:url(../images/th.jpg) repeat-x left top;
  height:28px;
  line-height:28px;
  color:#fff;
  font-weight:bold;
  font-size:1.1em;
  font-style:italic;
}

#cenik table tr td {
  background:#ffffff;
  height:28px;
  line-height:28px;
  color:#000;
  text-align:center;
  border-bottom:1px solid #ddd;
}

#cenik table tr td span {
text-decoration: line-through;
}

#menu {
    width:980px;
    height:265px;
    background:url(../images/menu.jpg) no-repeat left top;
    position:relative;
    z-index:100;
}

#menu ul.menu1 {
  display:block;
  position:relative;
  top:180px;
  left:200px;
  list-style:none;
  float:left;
}

#menu ul.menu1 li {
  width:210px;
  height:29px;
  line-height:29px;
  text-align:center;
}

#menu ul.menu1 li a {
  color:#000;
  font-style:italic;
  font-weight:bold;
  font-size:1.2em;
  text-decoration:none;
}

#menu ul.menu1 li a:hover {
  color:#ff0000;
  font-style:italic;
  font-weight:bold;
  font-size:1.2em;
  text-decoration:underline;
}

#menu ul.menu2 {
  display:block;
  position:relative;
  top:180px;
  left:200px;
  list-style:none;
  float:left;
}

#menu ul.menu2 li {
  width:210px;
  height:29px;
  line-height:29px;
  text-align:center;
}

#menu ul.menu2 li a {
  color:#fff;
  font-style:italic;
  font-weight:bold;
  font-size:1.2em;
  text-decoration:none;
}

#menu ul.menu2 li a:hover {
  color:#ff0000;
  font-style:italic;
  font-weight:bold;
  font-size:1.2em;
  text-decoration:underline;
}


#foot {
    background:#000;
    position:relative;
    
}
#foot .vnitrek {
    margin:auto;
    width:980px;
    text-align:center;
    padding-top:30px;
    padding-bottom:30px;
    
}
#foot p {
    color:#fff;
}

#foot p a {
    color:#ddd;
}



/* ------- rezervace ----------------*/
#rezervace .hodiny td .odkaz {
  /*
  display: block;
  float:right;
  position:relative;
  top:0px;
  vertical-align:middle;
  width:51px;
  height: 15px;
  */
  display:block;
  float:right;
  height:22px;
  padding-top:5px;
  position:relative;
  top:0;
  vertical-align:middle;
  width:51px;
}
#rezervace .hodiny td a .odkaz {
  cursor: pointer;
  text-decoration: none;
}
#rezervace .hodiny2 td .odkaz {
  float:right;
  position:relative;
  top:0px;
  vertical-align:middle;
  width:51px;
}
#form1 {
  
}
#form1 input{
  
}
#rezervace p {
  margin-left:18px;
}
#rezervace a {
  font-size:0.8em;
  font-weight:bold;
}
#rezervace table {
  margin: 0;
  padding: 0;
  width: 55px;
  height: 15px;
}
#rezervace tr {
  margin: 2px 2px 2px 2px;
  padding: 2px 2px 2px 2px;
}
#rezervace .hodiny th {
  background-color: none;
  color: black;
  margin: 2px 2px 2px 2px;
  padding: 2px 2px 2px 2px;
  width: 55px;
  height: 15px;
  background-color: rgb(254,255,255);
  font-weight: bold;
}
#rezervace .hodiny2 th {
  background-color: none;
  color: black;
  margin: 2px 2px 2px 2px;
  padding: 2px 2px 2px 2px;
  width: 55px;
  height: 15px;
  background-color: rgb(254,255,255);
  font-weight: bold;
}
#rezervace .hodiny td a{
  font-size:1.0em;
  font-weight:bold;
  color: black;
}
#rezervace td {
  border: 0px solid gray;
  margin: 4px;
  padding: 2px;
  width: 15px;
  height: 25px;
}
#rezervace .hodiny td {
  /*
  background-color:transparent;
  display:block;
  font-size:1em;
  font-weight:bold;
  height:23px;
  margin:1px;
  padding:0 2px 2px;
  width:48px;
  */
  /* background-color: rgb(254,255,255); */
  
  border: 1px solid gray;
  background-color: transparent;
  margin: 4px;
  padding: 2px 2px 2px 2px;
  width: 15px;
  height: 25px;
  font-size:1.0em;
  font-weight:bold;
  
}
#rezervace .hodiny2 td {
  border: 0px solid gray;
  /*background-image: url(../images_pujcovna/green.gif);*/
  margin: 4px;
  padding: 2px 2px 2px 2px;
  width: 15px;
  height: 25px;
  font-size:1.0em;
  font-weight:bold;
}

/* --- upravy dodatecne -------------------- */
select.s_mesic {
  width: 120px;
}
.small_text {
  font-size: 10px;
}

#cnt1 {
background:#fff !important;
padding-left:30px;
padding-right:30px;
border-bottom:3px solid #ff0000;
}

#cnt1 table {
  margin:10px 17px;
}

#cnt1 h3 {
  color:#ff0000;
  margin-top:20px;
}

#cnt1 p {
  line-height:1.5;
}

#cnt1 input, #cnt1 textarea {
  border:1px solid #ddd;
}

#cnt1 table tr.radek1 {
  background-color:#f0f0f0;
}
#cnt1 table th {
  background-color:#f40d03;
  padding:4px;
  font-size:1.0em;
  font-weight:bold;
  color:#fff;
}
#cnt1 table td {
  padding:4px;
  text-align:center;
  font-size:1.0em;
}
#cnt1 table td.doleva {
  text-align:left;
}
#cnt1 table td.doleva_bold {
  text-align:left;
  font-weight:bold;
}

#cnt1 table.kontakt tr td {
  text-align:left;
}

#cnt1 a {
  color:#f40d03;
}

#cnt1 a img {
  border:1px solid #f40d03;
}

#cnt1 ol li{
  font-size:0.8em;
  margin-left:5px;
}

#cnt1 a img.no {
  border:0;
}

#cnt1 .fotogalerie {
  padding-left:20px;
}

.textbox2 {
	margin:30px 0 0 31px;
	padding:0;
	width:584px;
  	background:url("../images/textbox-bg.jpg") repeat-y left top;
}
.textbox div.top {
  margin:0;
	padding:0;
	width:584px;
  	background:url("../images/textboxtop-bg.jpg") no-repeat left top;
}
.textbox2 div.top {
	margin:0;
	padding:0;
	width:584px;
  
  background:url("../images/textbox2top-bg.jpg") no-repeat left top;
  background-color: transparent;
}

.textbox2 div.top.firmy {
  background-image: url(../images/textbox22top-bg.jpg) !important;
}

.textbox2 div.bottom,
.textbox div.bottom {
	margin:0;
	padding:20px 15px 50px 19px;
	width:550px;
  	background:url("../images/textboxbottom-bg.jpg") no-repeat left bottom;
}

.vlevo {
  float:left;
  width:400px;
  margin-left:30px;
}

.vpravo {
  float:left;
  width:400px;
}


#kontakt-box {
  margin-top:20px;
  margin-bottom:50px;
}

#kontakt-box .vlevo h2 {
  color:#ff0000;
  font-weight:bold;
  font-style:italic;
  font-size:1.6em;
}

#kontakt-box a {
color:#ff0000;
}

#kontakt-box .vlevo h3 a  {
color:#ff0000;
}

#kontakt-box .vpravo h2 {
  color:#000;
  font-weight:bold;
  font-style:italic;
  font-size:1.6em;
}

.cara {
  margin-top:3px;
  height:3px;
  border-bottom:3px solid #ff0000;
  margin-bottom:5px;
}


ul.trasyx {
  list-style:none;
  margin-left:300px;
  padding-left:0;

}
ul.trasyx li {
  float:left;
  width:120px;
  height:24px;
  line-height:24px;
  border:1px solid #000;
  background:#ff0000;
  text-align:center;
  margin-right:20px;
  display:block;
}
ul.trasyx li.active, ul.trasyx li:hover a {
  float:left;
  width:120px;
  height:24px;
  line-height:24px;
  border:1px solid #000;
  background:#000;
  text-align:center;
  margin-right:20px;
  display:block;
  color:#fff;
}
ul.trasyx li a {
  width:120px;
  height:24px;
  color:#fff;
  display:block;
  font-size:14px;
  text-decoration:none;
}

p.tip {

}
p.tip a { color: red; }
p.tip span { color: red; font-weight: bold; }


#TA_certificateOfExcellence193 {
 margin-left:-10px;
}

#TA_certificateOfExcellence798 {
 margin-left:-10px;
 padding-bottom:10px;
}
  

#TA_certificateOfExcellence473 {
  margin-top:-10px;
}  



.auth {
  margin-left:28px;
  margin-top:-3px;
}


.facebook {
  position:absolute;
  z-index:100;
  top:115px;
  right:0px;
}

.cert2018 {
  position:absolute;
  z-index:100;
  top:0px;
  right:78px;
}


#TA_socialButtonBubbles745 {
  position:absolute;
  z-index:100;
  top:184px;
  right:226px;
}

#odkazy {
    position: absolute;
    left: -225px;
    top: 230px;
    width: 222px;
    z-index: 9999;    
    background: rgb(255,255,255);       
}


#odkazy2 {
    position: absolute;
    right: -226px;
    top: 231px;
    width: 222px;
    z-index: 9999; 
    /*   
    background: rgb(255,255,255);
    */       
}

    #odkazy a {
        display: block;
        width: 222px;
        height: 102px;
        background: transparent url('../images/sprite-odkazy.png') no-repeat 0 0;
    }    
            
         a#ecotours {
            background-position: -222px 0;
            margin-bottom: -23px;
        }
        
            a#ecotours:hover {
                background-position: 0 0;                
            }
        
        a#segwayrent {
            background-position: -222px -102px;
            margin-top: -23px;
            margin-bottom: -23px ;           
        }
        
            a#segwayrent:hover {
                background-position: 0 -102px;
            }
        
        a#bikerent {
            background-position: -222px -202px;
            margin-top: -23px;
        }
        
            a#bikerent:hover {
                background-position: 0 -202px;
            }

        a#ebikerent {
            background-position: -222px -302px;
            margin-top: -23px;
        }
        
            a#ebikerent:hover {
                background-position: 0 -302px;
            }
            
        a#escooters {
            background-position: -222px -402px;
            margin-top: -23px;
        }
        
            a#escooters:hover {
                background-position: 0 -402px;
            }    
            
            p#img-trasa {
	position: relative;
	width: 852px;
	height: 918px;
	z-index: 999;
    margin: 0 auto;
}

    p#img-trasa img {
        border-radius: 10px;
        border: 3px solid #f60804 !important;
    }

	a.misto {
		display: block;		
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 999;
		width: 30px;
		height: 30px;		
		z-index: 9999;
	}
	
		a.misto .wrap {
			position: absolute;
			display: none;
			background: #fff;
			border-radius: 8px;
			box-shadow: 0 1px 10px #555;
			padding: 15px;
			z-index: 9999;
		}
		
			a.misto .wrap img {
				border-radius: 5px;
			}
			
		a.misto:hover {
			z-index: 9999;
		}
		
			a.misto:hover .wrap {
				display: block;
				left: 105%;
				top: 105%;							
			}
			
			a.misto:hover .wrap.pright {				
				left: auto;
				right: 105%;							
			}
		
		a.misto .wrap big {
			display: block;
			color: #000;
			font-weight: bold;
			padding: 5px 0;
		}
    
    .btn.rezervace {
      width:200px;
      height:80px;
      line-height:80px;
      text-align:center;
      color:#fff !important;
      font-weight:bold;
      background:#ff0000;
      display:block;
    }
    
    
    
    .fright {
      float:right;
    }
    
    .sloupec {
      width:230px;
      float:left;
    }
      
.vim {
  color:#fff; font-weight:bold; text-decoration:none
}







.trackswitcher {
    list-style-type: none;
    margin: 0 0 0 15px;
    padding: 0px;
}
.trackswitcher li {
    margin:0 35px 20px 0;
    padding: 0px;
    display: inline-block;
    width: 366px;
    height: 88px;
    float: left;
    overflow: hidden;
}
.trackswitcher li a img {
    border:0px !important;
}
.trackcontent .images {
    margin-top: 20px;
}
.trackcontent .images img {
    margin:0 10px 10px 0;
}

.mapatrasa {
    position: relative;
}
.mapatrasa .misto {
    position: absolute;
    height: 50px;
    width: 70px;
}

a.misto:hover .wrap {
    display: block;
}
a.misto .wrap {
    background: none repeat scroll 0 0 #fff;
    border-radius: 8px;
    box-shadow: 0 1px 10px #555;
    display: none;
    padding: 15px;
    position: absolute;
    z-index: 9999;
}
a.misto .wrap big {
    color: #000;
    display: block;
    font-weight: bold;
    padding: 5px 0;
}
a.misto .wrap img {
    border-radius: 5px;
}


/**********************************************************************************/

.tracks-wrap {
    width:895px;
}
.tracks-wrap .track {
    float: left;
    width:158px;
    padding:10px;
    border-right:1px solid red;
    border-bottom:1px solid red;
    border-top:1px solid red;
}
    
    .track.color1 {
        background-color: rgba(226, 5, 134, 0.2);
        border-left:1px solid red;
        width:157px;
    }
    .track.color2 {
        background-color: rgba(234, 33, 26, 0.2);
    }
    .track.color3 {
        background-color: rgba(237, 150, 53, 0.2);
    }
    .track.color4 {
        background-color: rgba(35, 39, 38, 0.2);
    }
    .track.color5 {
        background-color: rgba(83, 179, 239, 0.2);
    }
        .track.color1 h2 {
            background-color: rgba(226, 5, 134, 1);
            color:#fff !important;
        }
        .track.color2 h2 {
            background-color: rgba(234, 33, 26, 1);
            color:#fff !important;
        }
        .track.color3 h2 {
            background-color: rgba(237, 150, 53, 1);
            color:#fff !important;
        }
        .track.color4 h2 {
            background-color: rgba(35, 39, 38, 1);
            color:#fff !important;
        }
        .track.color5 h2 {
            background-color: rgba(83, 179, 239, 1);
            color:#fff !important;
        }
    
    .track p {
        margin:0px !important;
        padding:0px !important;
    }
    
    .track h2 {
        margin:0px !important;
        left: -10px;
        padding: 10px !important;
        position: relative;
        top: -10px;
        width: 100%;
        text-align: center;
        font-size: 24px !important;
    }      
    
    .track h2.pad1 {
      padding-top:25px !important;
      height:105px !important;
    }
    .track h2.pad2 {
      padding-top:25px !important;
      height:105px !important;
    }
    .track h2.pad4 {
      padding-top:40px !important;
      height:90px !important;
    }
    .track h2.pad3 {
      padding-top:25px !important;
      height:105px !important;
    }
    
    
    .track h2.pad1en {
      padding-top:40px !important;
      height:90px !important;
    }
    .track h2.pad2en {
      padding-top:25px !important;
      height:105px !important;
    }
    .track h2.pad4en {
      padding-top:40px !important;
      height:90px !important;
    }
    .track h2.pad3en {
      padding-top:25px !important;
      height:105px !important;
    }    
    .track h2.pad5en {
      padding-top:40px !important;
      height:90px !important;
    }
    
    .track h2.pad1ru {
      padding-top:25px !important;
      height:105px !important;
    }
    .track h2.pad2ru {
      padding-top:25px !important;
      height:105px !important;
    }
    .track h2.pad2ru a {
      color:#fff !important;
    }
    .track h2.pad4ru {
      padding-top:25px !important;
      height:105px !important;
    }
    .track h2.pad3ru {
      padding-top:25px !important;
      height:105px !important;
    }
    
    .track h2.pad5ru {
      padding-top:25px !important;
      height:105px !important;
    }
    
    
    
    .track h2.pad1de {
      padding-top:40px !important;
      height:90px !important;
    }
    .track h2.pad2de {
      padding-top:40px !important;
      height:90px !important;
    }
    .track h2.pad4de {
      padding-top:25px !important;
      height:105px !important;
    }
    .track h2.pad3de {
      padding-top:0px !important;
      height:130px !important;
      line-height:28px;
    }
    
    .track h2.pad5de {
      padding-top:40px !important;
      height:90px !important;
    }
    
    
    
    .track p.block1 {
        text-align: center;
        font-weight: bold;
    }
    
      .track p.block3 {
        text-align: center;
        font-size:28px !important;
        border-top: 1px dotted gray !important;
        padding-top: 10px !important;
    }
    
    .track p.block4 {
        text-align: center;
        font-size:28px !important;
        border-top: 1px dotted gray !important;
        padding-top: 10px !important;
    }
    
    .track p.block5 {
        text-align: center;
        font-size:22px !important;
        border-top: 1px dotted gray !important;
        padding-top: 10px !important;
    }
    
    .track img {
        width: 100%;
        border:0px !important;
    }
    
    .track .buy {
        background-color: #f40d03;
        color:#fff !important;
        font-weight: bold;
        border-radius:5px;
        text-decoration: none;
        padding:4px 10px;
        display: inline-block;
        font-size:12px;
    }
    
    .track .block {
        display: block;
        overflow: hidden;
    }
        .track h2 {
            height: 120px;
        }
        .track .block1 {
            height: 25px;
        }
        .track .block2 {
            height: 300px;
        }
        .track .block2en {
            height: 615px;
        } 
        .track .block2ru {
            height: 760px;
        }
        .track .block2de {
            height: 730px;
        }
        .track .block3 {
            height: 110px;
        }
        .track .block4 {
            height: 135px;
        }
        .track .block5 {
            height: 80px;
        }


ul.trasy-light {
  list-style:none;
  margin-left:330px;
  padding-left:0;
  margin-bottom:20px;
  padding-bottom:20px;

}
ul.trasy-light li {
  float:left;
  width:160px;
  height:24px;
  line-height:24px;
  border:1px solid #000;
  background:#ff0000;
  text-align:center;
  margin-right:20px;
  display:block;
}
ul.trasy-light li.active, ul.trasy-light li:hover a {
  float:left;
  width:160px;
  height:24px;
  line-height:24px;
  border:1px solid #000;
  background:#000;
  text-align:center;
  margin-right:20px;
  display:block;
  color:#fff;
}
ul.trasy-light li a {
  width:160px;
  height:24px;
  color:#fff;
  display:block;
  font-size:14px;
  text-decoration:none;
}        


#cenik table tr td span.td-title {display: none; text-decoration: none}


@media(max-width: 1750px){
  #bgvpravo, #bgvpravo2 {margin: 0}
  #bgvpravo2 {right: 0; max-width: 100%}
  #bgvlevo2 {margin: 0; left: 0; max-width: 100%}
}

@media(max-width: 1020px){
  #head, #page, #menu, #cenik table, #head a#logo, #head a#logo span, #head2, #head2 a#logo, #head2 a#logo span {width: 100%}
  #menu {background-position: center top; text-align: center}
  #menu ul.menu1, #menu ul.menu2 {left: auto; display: inline-block; vertical-align: top; float: none; width: 250px; padding: 0}
  #cenik table {margin-left: 0; margin-right: 0}
  .vlevo, .vpravo {width: 46%}
  .vlevo {margin-left: 4%; margin-right: 1%}
  .vpravo img {max-width: 100%}
  #foot .vnitrek {width: 92%}
  #content1 .bunecky {width: 92%; margin: 0 auto 50px auto; height: auto}
  #content1 .bunka, #content1 .bunka-last {width: 48%; margin-right: 3%}
  #content1 .bunka-last {margin-right: 0}
  #content1 .bunka.empty {display: none}
  #content1 .bunka p, #content1 .bunka-last p {height: auto}
  #bgstred1 {display: none}
  #cnt1 .hodiny table {margin: 0}
  #rezervace > table {width: 100%; margin: 0 0 20px 0}
  input[type=text], textarea {max-width: 100%}
}

@media(max-width: 760px){
  #cenik table td {display: block}
  #cenik table tr th {display: none}
  #cenik table tr td {text-align: left; padding: 3px 20px; height: auto}
  #cenik table tr td span.td-title {display: inline-block; vertical-align: top; width: 49%; margin-right: 1%; color: #FF0000}
  #cenik table tr td strong {display: inline-block; vertical-align: top; width: 48%}
  #cenik table tr td:last-child {border-bottom: 4px solid #EA0000}
}

@media(max-width: 660px){
  .vlevo, .vpravo {float: none; display: block; width: 92%; margin: 0 auto}
  .vlevo {margin-bottom: 40px}
  #rezervace .hodiny td .odkaz, #rezervace table table {width: 30px}

@media(max-width: 620px){
  #head .video, #head .video iframe {width: 100% !important}
  #head .video {height: auto !important; padding-bottom: 5px}
  #head .video-in {position: relative; width: 100%; height: 0; padding-bottom: 56.25%;}
  #head .video iframe {position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;}
  #head .video p a {width: 33%}
  #menu {height: auto; background-image: none; padding: 30px 0; background-color: #EA0000; border-bottom: 3px solid #272729}
  #menu ul.menu1, #menu ul.menu2 {top: auto; display: block; margin: 0 auto}
  #menu ul.menu1 {background-color: #EAEBED; border-radius: 5px; padding: 5px 10px; margin-bottom: 25px; box-shadow: rgba(0, 0, 0, 0.7) -2px -3px 4px}
  #menu ul.menu2 {background-color: #34302F; border-radius: 5px; padding: 5px 10px; box-shadow: rgba(0, 0, 0, 0.7) -2px -3px 4px}
  #menu ul.menu1 li, #menu ul.menu2 li {width: auto}
  #menu ul.menu1 li:first-child {border-bottom: 1px solid #E2E3E5}
  #menu ul.menu2 li:first-child {border-bottom: 1px solid #595554}
}

@media(max-width: 550px){
  #cnt1 .legend-table {margin: 0 0 20px 0}
  .legend-table td {display: block}
  .select-whole {display: block}
}

@media(max-width: 520px){
  #content1 .bunka, #content1 .bunka-last {width: auto; float: none; margin: 0 auto 30px auto}
  .centertrip {width: 92%; height: auto; margin: 0 auto 40px auto}
  #CDSWIDSSP .widSSPData {padding: 7px 0}
  #CDSWIDSSP {width: auto !important}
  #rezervace {margin-left: -30px}
  #rezervace table {font-size: 0.9em}
  #rezervace .hodiny td .odkaz, #rezervace table table {width: 15px}
  #rezervace table table td {max-width: 15px}
}

@media(max-width: 450px){
  #TA_socialButtonBubbles745 {top: 50px}
  .facebook {top: 25px}
  .cert2018 {display:none}
}