html, body{height:100%; border: 0; padding: 0; margin: 0; font-family: 'Open Sans', sans-serif, arial; font-weight: normal; font-size:13px; line-height:21px;}
a{text-decoration: none;}
.right{float: right;}

#mapa{overflow:hidden; height:100%;}

#content{margin: 50px 20px;}

#right{float: right; width: 400px; height: 100%; background: #FFFFFF; border-left: 1px solid #CCCCCC; display: flex; flex-direction: column;}
#right h1 {padding: 0px 20px 14px 20px; line-height: 1.3; border-bottom: 1px dotted #CCCCCC; margin: 4px 0 10px 0; font-size: 15px; font-weight: normal; display: none;}
#right ul.menu{background-color: #EEEEEE; padding: 0 0 0 20px; height: 40px; margin: 38px 0 10px 0;}
#right ul.menu li{display: inline-block; list-style: none; padding: 0 8px; font-size: 15px; line-height: 40px; color: #2984a6;}
#right ul.menu li.active{background-color: #29ac07; color: #FFFFFF;}
#right ul.menu li:hover{background-color: #269C07; color: #FFFFFF;}
#right div.content h2{padding: 10px 20px 0px 0px; margin: 0; color: #2984a6; font-size: 26px; line-height: 1.4;}
#right div.content h3{padding: 0px 20px 6px 0px; margin: 0; font-size: 12px; font-weight: normal; font-style: italic; color: #989898;}
#right div.content h4{padding: 2px 0 4px 0; margin: 8px 15px 8px 0; color: #2984A6; border-bottom: 1px dotted #2984A6; font-size: 15px;}
#right div.content h4 a{color: #2984A6; text-decoration: underline;}
#right div.content{width:365px; overflow:auto; padding:0px; margin: 0 10px 20px 20px; flex: 1;}
#right div.content img.flag{float: right; margin: 4px 13px 0 8px;}
#right div.content img.big{width: 338px; margin: 8px 0 10px 0;}
#right div.content img.news{width: 320px; margin: 6px 0 3px 0;}
#right div.content p{padding: 0px 10px 10px 0px; margin: 0;}
#right div.content ul{padding: 0px 15px 14px 0px; margin: 0;}
#right div.content ul.photos{padding-bottom: 0;}
#right div.content ul li{list-style: none; line-height: 1.6; margin: 1px 0 1px 0; background: url(/img/ie_16.png) no-repeat 0 4px; padding: 0 16px 0 24px;}
#right div.content ul li.wikipedia{background-image: url(/img/wikipedia_16.png);}
#right div.content ul li.rajce{background-image: url(/img/rajce_16.png);}
#right div.content ul li.pdf{background-image: url(/img/pdf_16.png);}
#right div.content ul li.foto{background-image: url(/img/foto_16.gif);}
#right div.content ul li.photogallery{padding: 0; background: none; display: inline-block; width: 100px; /*height:120px;*/ font-size: 10px; margin: 6px 10px 2px 0; vertical-align: top;}
#right div.content ul li.photo{padding: 0; background: none; display: inline-block; width: 100px; font-size: 10px; margin: 6px 10px 2px 0; vertical-align: top;}
#right div.content ul li.simple{padding: 0; background: none;}
#right div.content ul li.square{background: none; list-style-type: square; padding: 0; margin: 0 0 4px 16px;}
#right div.content ul li ul.photos{margin-bottom: 2px;}
#right div.content ul li ul.photos li{width: 80px;}
#right div.content ul li ul.photos li.rows{display: inline-block; background: #eeeeee; width: 80px; padding: 0; margin: 6px 0 0 0; text-align: center; line-height: 1; height: 60px;}
#right div.content ul li ul.photos li.rows div.no{font-size: 22px; margin: 7px 0 5px 0; color: #29ac07;}
#right div.content ul li ul.photos li.rows div.desc{font-size: 10px;}
#right div.content ul li div.time{font-size: 10px; border-bottom: 1px dotted #CCCCCC; padding: 2px 0 8px 0; color: #CCCCCC; display: block;}
#right div.content ul li .map_simple{border: 1px solid #CCCCCC; margin: 5px 0 5px 0; height: 120px; width: 100%; box-sizing: border-box; cursor: pointer;}
#right div.content ul li img.flag{margin-right: 0;}
#right div.content ul li div.plus{background-color: #CCCCCC; color: #FFFFFF; display: inline-block; line-height: 1; padding: 1px 4px; border-radius: 11px; margin: 0 4px 0 0;}
#right div.content a{text-decoration: none; color: #1a6985; font-size: 10px;}
#right div.content a:hover{text-decoration: underline;}
#right div.content a div.check{width: 11px; height: 11px; display: inline-block; border: 2px solid red; margin: 3px 6px 6px 6px; padding: 0; vertical-align: top;}
#right div.content a div.text{display: inline-block; vertical-align: top; margin-top: 1px; padding-bottom: 4px; max-width: 300px; border-bottom: 1px dotted #CCCCCC; margin-bottom: 3px; width: 100%;}
#right div.content a div.text:hover{text-decoration: underline;}
#right div.content a div.text div.date{display: inline-block; background-color: #b1b1b1; border-radius: 2px; color: #FFFFFF; font-size: 10px; padding: 4px 6px; margin: 0 8px 0 2px; min-width: 48px; text-align: center; line-height: 1;}
#right div.content input{padding: 4px;}
#right div.content input.search{padding: 4px; width: 340px; box-sizing: border-box; margin: 2px 0 6px 0; display: block;}
#right div.content input.file{width: 100%; box-sizing: border-box; padding: 2px 0 10px 0;}
#right div.content select{padding: 4px; width: 340px; box-sizing: border-box; margin: 2px 0 6px 0; display: block;}
#right div.content textarea{padding: 4px; width: 340px; box-sizing: border-box; margin: 2px 0 6px 0; display: block;}
#right div.content hr{width: 340px; box-sizing: border-box; margin: 10px 0 10px 0; display: block; border: none; border-top: 1px dotted #CCCCCC;}
#right div.content div.region_list{font-size: 10px; line-height: 1.5; margin: 10px 0 10px 0; padding: 0 10px 0 0;}
#right div.content div.region_list a.active{background-color: #CCCCCC; color: #FFFFFF; padding: 0 6px 1px 6px; border-radius: 6px;}
#right div.content div.button{background-color: #bdbcbc; color: #FFFFFF; display: inline-block; padding: 1px 8px; margin: 0 10px 8px 0; border-radius: 12px; font-size: 12px; cursor: pointer;}
#right div.content div.button:hover{background-color: #a9a8a8;}
#right div.content div.check{display: inline-block; padding: 5px 6px; border: 1px solid darkgrey; font-size: 12px; line-height: 1; margin: 4px 5px 2px 0; cursor: pointer;}
#right div.content div.check:hover{background-color: #dddddd;}
#right div.content div.check.active{background-color: darkgrey; color: #FFFFFF;}
#right div.content div.edit{}
#right div.content div.edit.shifted{padding-top: 9px;}
#right div.content div.edit a{background-color: #bdbcbc; color: #FFFFFF; display: inline-block; padding: 1px 8px; margin: 0 4px 8px 0; border-radius: 4px; font-size: 12px; cursor: pointer;}
#right div.content div.edit a.red{background-color: #bf1616;}
#right div.content div.edit a.green{background-color: #4eac4e;}
#right div.content div.bottom{height: 500px;}
#right div.content div.category{background-color: #bdbcbc; color: #FFFFFF; border-radius: 3px; padding: 2px 6px; margin: 12px 14px 8px 0; box-sizing: border-box;}
#right h4.gpx span.loader{display: none;}

#ed_misto_tab_1{}
#ed_misto_tab_2{display: none;}

#ed_fotky_tab_1{}
#ed_fotky_tab_2{display: none;}
#ed_fotky_tab_3{display: none;}
#ed_fotky_tab_4{display: none;}

#ed_videa_tab_1{}
#ed_videa_tab_2{display: none;}

#ed_news_tab_1,#ed_news_tab_2,#ed_news_tab_3,#ed_news_tab_4,#ed_news_tab_5{margin: 7px 0 20px 0;}
#ed_news_tab_1 button,#ed_news_tab_2 button,#ed_news_tab_3 button,#ed_news_tab_4 button,#ed_news_tab_5 button{margin-top: 2px;}
#ed_news_tab_1{display: none;}
#ed_news_tab_2{display: none;}
#ed_news_tab_3{display: none;}
#ed_news_tab_4{display: none;}
#ed_news_tab_5{}

#ed_form_info{padding: 6px 6px; display: none; margin: 4px 0 6px 0; width: 340px; box-sizing: border-box; background-color: #29ac07; color: #FFFFFF; font-size: 11px; line-height: 1.4;}
#ed_form_info.visible{display: block;}

#ed_video_box{width: 338px; height: 190px; border: 0; margin: 12px 0 8px 0; display: none;}
#ed_video_box iframe{width: 100%; box-sizing: border-box; border: 0; height: 100%;}
#ed_video_desc{display: none; margin: 0 0 12px 0;}
#ed_video_desc h5{font-size: 13px;margin: 5px 0 0px 0 !important;}
#ed_video_desc p{font-size: 11px; padding: 0 !important; margin: 0 0 4px 0 !important; line-height: 1.3; color: #666666;}
#ed_video_desc img{margin: 0 5px 0 0; display: inline-block; float: left;}

#ed_video_in{width: 338px; height: 190px; border: 0; margin: 12px 0 8px 0;}

#links{float: left; position: absolute; left: 10px; top: 38px; background-color: #FFFFFF; border: 1px solid #CCCCCC; border-radius: 0px; z-index: 9; padding: 8px 0 6px 0; opacity: 1; border-radius: 3px;}
#links:hover{opacity: 1;}
#links img{margin: 4px; margin: 6px 8px; padding: 0 0 0 0;}
#links img.border{border-bottom: 1px solid #CCCCCC; padding-bottom: 8px;}
#links p{margin: 0; font-size: 8px; padding: 0 8px; line-height: 1.2;}
#links .photo{width: 98px; height: 100px; background-color: #CCCCCC; margin: 2px 0 6px 7px; box-shadow: inset 1px 1px 1px rgba(0,0,0,0.5); background-image: url(/img/simunek_travel_title.jpg);}
#links .title{font-size: 12px; display: inline-block; text-align: center; width: 110px; margin: 0; padding: 0 0 5px 0; text-shadow: 5px 6px 7px rgb(189, 210, 154);}
#links .title span{font-size: 19px; font-weight: bold; color: #29ac07;}

#lista_top{padding: 0; z-index: 999; background-color: #FFFFFF; position: fixed; width: 100%; font-size: 12px; border-bottom: 1px solid #CCCCCC; box-shadow: 1px 1px 6px rgba(100,100,100,0.5); top: 0;}
#lista_top a{padding: 6px 10px; text-decoration: none; display: inline-block; line-height: 1; color: #000000; font-family: 'Verdana', 'Tahoma', 'Arial CE';}
#lista_top a.right{float: right;}
#lista_top a.active{background-color: #929292; color: #FFFFFF;}
#lista_top a:hover{text-decoration: underline; background-color: #EEEEEE;}
#lista_top a.active:hover{text-decoration: none; background-color: #929292; color: #FFFFFF;}

/* scrollbar styles */
::-webkit-scrollbar {width: 12px; height: 12px;}
::-webkit-scrollbar-track {border: 1px solid #DDDDDD;border-radius: 10px;}
::-webkit-scrollbar-thumb {background: #DDDDDD;  border-radius: 10px;}
::-webkit-scrollbar-thumb:hover {background: #29AC07;  }

/* smap */
.card-header h2{margin: 5px 0 10px 0; padding: 0; font-size: 26px; color: #2984a6;}
.card-header h3{margin: 10px 0 6px 0; padding: 0; font-size: 12px; font-weight: normal; font-style: italic; color: #989898;}
.card-header p{padding: 0; margin: 6px 0 10px 0;}
.card-header a{margin: 0; padding: 0; text-decoration: underline;}
.card-header img.big{width: 180px; margin: 2px 0 10px 0;} 

/* fb */
.fb-page{margin: 6px 0 24px 0;}
.fb-xfbml-parse-ignore{padding: 0; margin: 0;}

/* cookies */
.cookie{background-color: #6F6F6F; margin: 20px 0; border-bottom: 1px dotted #CCCCCC; position: fixed; width: 100%; padding: 16px 0 16px 20px; opacity: 0.95; bottom: 0; left: 0; z-index: 99; border-top: 1px dotted #CCCCCC; box-sizing: border-box; box-shadow: 1px 1px 6px rgba(100,100,100,0.5);}
.cookie input{border: 1px solid #fff; margin: 4px 0 2px; cursor: pointer; width: auto; padding: 4px 20px 5px; line-height: 21px; font-size: 13px; color: #fff; background: grey; transition: 150ms ease-in; }
.cookie input:hover{background: #676767;}
.cookie p{padding: 0; margin: 0 20px 10px 0; font-size: 13px; color: #FFFFFF; box-sizing: border-box;}

/* by screen size - width */
@media (max-width:1024px) {

}

@media (max-width:800px) {
  #right ul.menu{margin-top: 16px;}
  #lista_top{display: none;}
  #links{display: none;}
  #right{width: 100%; box-sizing: border-box;}
  #right div.content{width: 100%; box-sizing: border-box; margin-left: 0; margin-right: 0; padding-left: 16px; padding-right: 16px;}
  #right div.content h4{width: 100%; box-sizing: border-box;}
  ::-webkit-scrollbar-track {border-radius: 0px;}
  ::-webkit-scrollbar-thumb {border-radius: 0px;}
  #right div.content input.search{width: 100%; box-sizing: border-box;}
  #right div.content select{width: 100%; box-sizing: border-box;}
  #right div.content textarea{width: 100%; box-sizing: border-box;}
  #right div.content hr{width: 100%; box-sizing: border-box;}
  #right div.content img.news{max-width: 100%;}
  #right div.content img.big{max-width: 100%;}
  #right div.content img.flag{margin-right: 0;}
  #right div.content div.bottom{height: 0;}
  #right div.content ul li .map_simple{width: 100%;}
  #right div.content ul{padding-right: 0;}
  #ed_video_box{width: 100%;}
  #ed_form_info{width: 100%;}
}

@media (max-width:360px) {
  #regions_div{display: none;}
  #right div.content div.region_list{display: none;}
  #right ul.menu li.mobil{display: none;}
  #right div.content .w360{display: none;}
}