/*
Theme Name: toprague
Author: Grand Media s.r.o.
Version: 1.0
Text Domain: toprague
*/



body {
  font-family: 'PT Sans', sans-serif;
  font-size: 15px;
  margin: 0;
  
}

html {  
  background-image: url('https://www.toprague.cz/ew/nebe1.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center top;
} 

* {
  box-sizing: border-box; 
}

a {
	color: #0d90cd;
	text-decoration: none;
}
a:hover, a:visited, a:focus {

}
strong {font-weight:600;}

#page {}

.center {
  max-width:1200px;
  margin:0 auto;
}


#header {
  width:100%;
  height:55px;
  background:#22abeb;
  color:#fff;
  float:left;
}
#header .logo {
  float:left;
}
#header .logo a {
  color:#fff;
  font-size:30px;
  line-height:45px;
  font-weight:800;
}
#header .description {
  float:right;
  line-height:54px;
}


#sidebar {
  
}

#footer {
  float:left;
  width:100%;
  background:#22abeb;
  color:#fff;
  border-top:4px solid #dcdcdc;
  padding:15px 0px;
}
#footer a {
  color:#5d5d5d;
}





#content #main {
  float:left;
  width:100%;
  padding:10px 10px 10px;
  background:#fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 16px 0px rgba(30, 30, 30, 0.08);
  -moz-box-shadow:    0px 0px 16px 0px rgba(30, 30, 30, 0.08);
  box-shadow:         0px 0px 16px 0px rgba(30, 30, 30, 0.08);
  margin:25px 0px;
}
#content #main h1 {
  font-size:15px;
  padding:5px 0px;
  font-weight:300;
}         
#content #main p {
  margin-bottom:15px;
}


#zajezd {
  float:left;
  width:100%;
  margin:0px 0px;
}
#zajezd .left {
  float:left;
  width:73%;
  padding:10px 10px;
  margin:0px 0px 10px 0px;
  background:#fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 16px 0px rgba(30, 30, 30, 0.08);
  -moz-box-shadow:    0px 0px 16px 0px rgba(30, 30, 30, 0.08);
  box-shadow:         0px 0px 16px 0px rgba(30, 30, 30, 0.08);
}





#zajezd .left h1 {
  font-size:25px;
  padding:10px 0px;
  strong {font-weight:600;}
}         
#zajezd .left .popis-zajezdu {
  float:left;
  width:100%;
  line-height:25px;
  font-size:17px;
  padding:14px 0px;
  background:#f6f6f6;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-style: italic;
}





#zajezd .right1 {
  float:right;
  width:25%;
  padding:10px 10px;
  background:#fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 16px 0px rgba(30, 30, 30, 0.08);
  -moz-box-shadow:    0px 0px 16px 0px rgba(30, 30, 30, 0.08);
  box-shadow:         0px 0px 16px 0px rgba(30, 30, 30, 0.08);
}
#zajezd .right1 .akcni-cena {
  font-size:25px;
  text-align:center;
  color:#f02828;
  margin-top:15px;
  font-weight:600;
}
#zajezd .right1 .puvodni-cena {
  font-size:18px;
  text-align:center;
  margin-bottom:25px;
}
#zajezd .right1 .kontaktni-informace {
  text-align:center;
  margin:10px 0px;
  display:block;
  line-height:19px;
}
#zajezd .right1 .kontaktni-informace span {
  min-width:70px;
  display:inline-block;
}
#zajezd .right1 .kontaktni-informace .poptavka {
  display:block;
  text-align:center;
  background:#e6e6e6;
  font-size:15px;
  font-weight:600;
  margin:0px 15px 15px;
  padding:5px 0px;
  border:3px solid #22abeb;
  -webkit-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
     -moz-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
       -o-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
          transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
}
#zajezd .right1 .kontaktni-informace .poptavka:hover {
  border:3px solid #e6e6e6;
  background:#22abeb;
  color:#fff;
}

#zajezd .right .kontaktni-informace .poptavka1 {
  display:block;
  text-align:center;
  background:#e6e6e6;
  font-size:15px;
  font-weight:600;
  margin:0px 15px 15px;
  padding:5px 0px;
  border:3px solid red;
  -webkit-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
     -moz-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
       -o-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
          transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
}
#zajezd .right .kontaktni-informace .poptavka1:hover {
  border:3px solid #e6e6e6;
  background:#22abeb;
  color:#fff;
}




#zajezd .right {
  float:right;
  width:25%;
  padding:10px 10px;
  background:#fff;
  margin-top:15px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 16px 0px rgba(30, 30, 30, 0.08);
  -moz-box-shadow:    0px 0px 16px 0px rgba(30, 30, 30, 0.08);
  box-shadow:         0px 0px 16px 0px rgba(30, 30, 30, 0.08);
}
#zajezd .right .akcni-cena {
  font-size:25px;
  text-align:center;
  color:#f02828;
  margin-top:15px;
  font-weight:600;
}
#zajezd .right .puvodni-cena {
  font-size:18px;
  text-align:center;
  margin-bottom:25px;
}
#zajezd .right .kontaktni-informace {
  text-align:center;
  margin:10px 0px;
  display:block;
  line-height:25px;
}
#zajezd .right .kontaktni-informace span {
  min-width:70px;
  display:inline-block;
}
#zajezd .right .kontaktni-informace .poptavka {
  display:block;
  text-align:center;
  background:#e6e6e6;
  font-size:20px;
  font-weight:600;
  margin:0px 15px 15px;
  padding:5px 0px;
  border:3px solid #22abeb;
  -webkit-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
     -moz-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
       -o-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
          transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
}
#zajezd .right .kontaktni-informace .poptavka:hover {
  border:3px solid #e6e6e6;
  background:#22abeb;
  color:#fff;
}


#zajezd .odlety .poptavka {
  display:block;
  text-align:center;
  background:#e6e6e6;
  font-size:20px;
  font-weight:600;
  margin:0px 5px 5px;
  padding:2px 0px;
  border:3px solid #22abeb;
  -webkit-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
     -moz-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
       -o-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
          transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
}
#zajezd .odlety .poptavka:hover {
  border:3px solid #e6e6e6;
  background:#22abeb;
  color:#fff;
}

#zajezd .odlety .poptavkab {
  display:block;
  text-align:center;
  background:#e6e6e6;
  font-size:13px;
  font-weight:500;
  margin:0px 5px 5px;
  padding:1px 0px;
  border:1px solid #22abeb;
  -webkit-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
     -moz-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
       -o-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
          transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
}
#zajezd .odlety .poptavkab:hover {
  border:1px solid #e6e6e6;
  background:#22abeb;
  color:#fff;
}

#zajezd .odlety2 .poptavkab {
  display:block;
  text-align:center;
  background:#e6e6e6;
  font-size:13px;
  font-weight:500;
  margin:0px 5px 5px;
  padding:5px 0px;
  border:1px solid #22abeb;
  -webkit-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
     -moz-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
       -o-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
          transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
}
#zajezd .odlety2 .poptavkab:hover {
  border:1px solid #e6e6e6;
  background:#22abeb;
  color:#fff;
}

#zajezd .right table.podrobnosti tr td {
  min-width:90px;
  padding:5px 0px;
}
#zajezd .right table tr td:first-child {
  font-weight:600;
}
#zajezd .right .proc-nas {
  margin-top:15px;
}
#zajezd .right .proc-nas strong {font-weight:bold;}
#zajezd .right .proc-nas ul {
  margin:5px;
}
#zajezd .right1 .proc-nas ul li {
  list-style: disc;
  list-style-position: inside;
  margin-bottom:12px;
  font-size:15px;
}
#zajezd .right1 .proc-nas {
  margin-top:15px;
}
#zajezd .right1 .proc-nas strong {font-weight:bold;}
#zajezd .right1 .proc-nas ul {
  margin:5px;
}
#zajezd .right1 .proc-nas ul li {
  list-style: disc;
  list-style-position: inside;
  margin-bottom:12px;
  font-size:15px;
}
#zajezd .odlety {
  float:left;
  width:100%;
  padding:10px 10px;
  margin:10px 0px;
  background:#fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 16px 0px rgba(30, 30, 30, 0.08);
  -moz-box-shadow:    0px 0px 16px 0px rgba(30, 30, 30, 0.08);
  box-shadow:         0px 0px 16px 0px rgba(30, 30, 30, 0.08);
}
#zajezd .odlety2 {
  float:left;
  width:100%;
  padding:5px 10px;
  margin:10px 0px;
  background:#fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 16px 0px rgba(30, 30, 30, 0.08);
  -moz-box-shadow:    0px 0px 16px 0px rgba(30, 30, 30, 0.08);
  box-shadow:         0px 0px 16px 0px rgba(30, 30, 30, 0.08);
}

#content .odlety1 {
  float:left;
  width:100%;
  padding:2px 5px;
  margin:10px 0px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 16px 0px rgba(30, 30, 30, 0.08);
  -moz-box-shadow:    0px 0px 16px 0px rgba(30, 30, 30, 0.08);
  box-shadow:         0px 0px 16px 0px rgba(30, 30, 30, 0.08);
}

#zajezd .odlety .odlet {
  float:left;
  width:32%;
  margin-right:2%;
  text-align:center;
}
#zajezd .odlety .odlet:last-child {
  margin-right:0px;
}
#zajezd .odlety .odlet h3 {
  font-size:19px;
  line-height:45px;
  border-bottom:1px solid #79d4ff;
  font-weight:600;
  margin-bottom:15px;
}
#zajezd .odlety .odlet ul li {
  margin-bottom:5px;
}
#zajezd .uzitecne-odkazy {
  float:left;
  width:100%;
  padding:10px 10px ;
  margin:0px 0px;
  background:#fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 16px 0px rgba(30, 30, 30, 0.08);
  -moz-box-shadow:    0px 0px 16px 0px rgba(30, 30, 30, 0.08);
  box-shadow:         0px 0px 16px 0px rgba(30, 30, 30, 0.08);
}
#zajezd .uzitecne-odkazy1 {
  float:left;
  width:100%;
  padding:10px 10px ;
  margin:0px 0px;
  color:grey;
  background:#E9EFF5;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 16px 0px rgba(30, 30, 30, 0.08);
  -moz-box-shadow:    0px 0px 16px 0px rgba(30, 30, 30, 0.08);
  box-shadow:         0px 0px 16px 0px rgba(30, 30, 30, 0.08);
}
#zajezd .uzitecne-odkazy ul li {
  display:inline;
  margin:0px 15px;
  padding-left:25px;
}
#zajezd .uzitecne-odkazy ul li a {
  font-weight:800;
}
#zajezd .uzitecne-odkazy ul li a:hover {
  color:#000;
}
#zajezd .uzitecne-odkazy h4 {
  font-size:16px;
  font-weight:600;
  margin:5px 0px 10px 15px;  
}
#zajezd .odlety h4 {
  font-size:16px;
  font-weight:600;
  margin:5px 0px 10px 15px;  
}
#zajezd .uzitecne-odkazy1 h4 {
  font-size:16px;
  font-weight:600;
  color:black;
  margin:5px 0px 10px 15px;  
}
#zajezd .three-blocks {
  float:left;
  width:100%;
  padding:10px 0px;
}
#zajezd .three-blocks .block {
  float:left;
  width:32%;
  margin-right:2%;
  background:#fff;
  min-height:150px;
  padding:10px 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 16px 0px rgba(30, 30, 30, 0.08);
  -moz-box-shadow:    0px 0px 16px 0px rgba(30, 30, 30, 0.08);
  box-shadow:         0px 0px 16px 0px rgba(30, 30, 30, 0.08);
}
#zajezd .three-blocks .block.cena-zahrnuje{
  border:1px solid #b3b3b3;
  background:#f9fcff;
}
#zajezd .three-blocks .block:last-child {
  margin-right:0px;
}
#zajezd .three-blocks .block h4 {
  font-size:16px;
  font-weight:600;
  margin:5px 0px 10px 15px;
}
#zajezd .three-blocks .block ul {
  margin:5px;
}
#zajezd .three-blocks .block ul li {
  list-style: disc;
  list-style-position: inside;
  margin-bottom:5px;
  font-size:15px;
}
#zajezd .three-blocks .block .mapa {
  text-align:center;
  width:100%;
  min-height:150px;
  float:left;
  display:block;
  position:relative;
}
#zajezd .three-blocks .block .mapa .mapa-ikona {
  max-width:90px;
  max-height:90px;
  margin-top:-10px;
}



#zajezd .left #image-slider {
  float:left;
  width:100%;
  clear:both;
  margin:0 0 15px 0;
} 
#zajezd .left #image-slider ul {
  margin:0;
  padding:0;
}
#zajezd .left #image-slider ul li {
  margin:0;
  padding:0;
  background:none;
}

      


#carousel-wrapper {
	position: relative;
	z-index: 0 ;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border:4px solid #fff;
  -moz-box-shadow: 0px 2px #ede7d3;
  -webkit-box-shadow: 0px 2px #ede7d3;
  box-shadow: 0px 2px #ede7d3;
  
}
#carousel, #thumbs {
	overflow: hidden;
}
#carousel-wrapper .caroufredsel_wrapper {}
#carousel span, #carousel img,
#thumbs a, #thumbs img  {
	display: block;
	float: left;
}
#carousel span, #carousel a,
#thumbs span, #thumbs a {
	position: relative;
}
#carousel img,
#thumbs img {
	border: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
#carousel img.glare,
#thumbs img.glare {
	width: 102%;
	height: auto;
}

#carousel span {
	width: 554px;
	height: 313px; 
}
#thumbs-wrapper {
	padding: 20px 40px;
	position: relative;
}
#thumbs a {
	width: 150px;
	height: 100px;  
	margin-right:20px;
	-webkit-transition: border-color .5s;
	-moz-transition: border-color .5s;
	-ms-transition: border-color .5s;
	transition: border-color .5s;
}
#thumbs a:hover, #thumbs a.selected {
	border-color: #566;
}
#thumbs-wrapper img {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border:4px solid #fff;
  -moz-box-shadow: 0px 2px #ede7d3;
  -webkit-box-shadow: 0px 2px #ede7d3;
  box-shadow: 0px 2px #ede7d3;      
}
#prev, #next {
	display: block;
	width: 17px;
	height: 25px;
	margin-top: -9px;
	position: absolute;
	top: 50%;
}
#prev {
	background-position: 0px 0px;     
  background-image: url('https://www.toprague.cz/ew/arrow_left.png');
  background-repeat:no-repeat;
  left: 0px;
}
#next {
	background-position: 0px 0px;     
  background-image: url('https://www.toprague.cz/ew/arrow_right.png');
  background-repeat:no-repeat;
	right: 0px;
}			
#prev:hover { 
	opacity:0.8;	
}
#next:hover {
	opacity:0.8;		
}





#popup-poptavka-hover {
  position:fixed;
  background:#000;
  width:100%;
  height:100%;
  opacity: 0.5;
  z-index:950;
  display:none;
}
#popup-poptavka {
  position:absolute;
  width:50%;
  background:#fff;
  left:45%;
  top:100px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display:none;
  padding:15px 2%;
  margin-left:-17%; /* width/2 + padding-left */
  text-align:center;
  box-shadow:0 0 10px 0 #000;
  z-index:1000;
}
#popup-poptavka .wpcf7-form input, #popup-poptavka .wpcf7-form textarea, #popup-poptavka .wpcf7-form email {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border:1px solid #e6e6e6;
  padding:3px 8px;
  margin-top:4px;
  width:100%;
}
#popup-poptavka .wpcf7-form input.wpcf7-submit {
  padding:10px 15px;
  border:0px;
  background:#22abeb;
  border:2px solid #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;  
  color:#fff;
  cursor:pointer;
  font-weight:600;
  font-size:16px;
  text-transform:uppercase;
  -webkit-transition: all 250ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
     -moz-transition: all 250ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
       -o-transition: all 250ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
          transition: all 250ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
  
  -webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); 
     -moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); 
       -o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); 
          transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
}     
#popup-poptavka .wpcf7-form input.wpcf7-submit:hover {
  background:#fff;
  color:#22abeb;
  border:2px solid #22abeb;
}

#popup-poptavka .wpcf7-form p {
  text-align:left;
  margin-top:15px;
}
#popup-poptavka .wpcf7-form strong {
  font-weight:bold !important;
}
#popup-poptavka .wpcf7-list-item {
  margin-right:7px;
  display:inline-block;
}
#popup-poptavka-close {
  position:absolute;
  background:black;
  color:white;
  right:-15px;
  top:-15px;
  border-radius:50%;
  width:30px;
  height:30px;
  line-height:30px;
  text-align:center;
  font-size:8px;
  font-weight:bold;
  font-family:'Arial Black', Arial, sans-serif;
  cursor:pointer;
  box-shadow:0 0 10px 0 #000;
}     





@media only screen and (max-width: 1250px){
  .center {
    padding:0 10px;
    box-sizing: padding-box;
  }

}
 


@media only screen and (max-width: 800px){
  #zajezd .left {
    float:left;
    width:100%;
    margin-bottom:15px;
  }
  #zajezd .right {
    float:left;
    width:100%;
  }
    #zajezd .right1 {
    float:left;
    width:100%;
  }
  #zajezd .three-blocks .block {
    width:100%;
    margin:0px 0px 12px 0px;
  }  
}         


ul.topnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
      -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 16px 0px rgba(30, 30, 30, 0.08);
  -moz-box-shadow:    0px 0px 16px 0px rgba(30, 30, 30, 0.08);
  box-shadow:         0px 0px 16px 0px rgba(30, 30, 30, 0.08);
}

ul.topnav li {float: left;}

ul.topnav li a {
    display: block;
    color: white;
    text-align: center;
    padding: 12px 16px;
    text-decoration: none;
}

ul.topnav li a:hover:not(.active) {background-color: #111;}

ul.topnav li a.active {background-color: white;}

ul.topnav li.right {float: right;}

.dropdown-content {
    display: none;
    position: absolute; 
    z-index: 1 ;
    background-color: #22ABEB;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 16px 0px rgba(30, 30, 30, 0.08);
  -moz-box-shadow:    0px 0px 16px 0px rgba(30, 30, 30, 0.08);
  box-shadow:         0px 0px 16px 0px rgba(30, 30, 30, 0.08);
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
      -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 16px 0px rgba(30, 30, 30, 0.08);
  -moz-box-shadow:    0px 0px 16px 0px rgba(30, 30, 30, 0.08);
  box-shadow:         0px 0px 16px 0px rgba(30, 30, 30, 0.08);
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

@media screen and (max-width: 800px)

{
    ul.topnav li.right, 
    ul.topnav li {float: none;}
}