html,body,div{padding:0;margin:0}
a img{border:0}
img{max-width:100%;height:auto}
html,body,#map{min-height:100%;height:100%;width:100%}

.clearBoth {clear:both}

.panel {width:315px;position:absolute;width:0px;top:8px;right:0px; overflow-x:hidden; z-index:9;font-family:Arial;font-size:12px; background: transparent !important; border: none !important; box-shadow: none !important;}
.panel.opened {width: 315px;}
.panel_content {width:300px; padding: 0px; margin: 2px 0 0 2px; text-align: justify;}
.panel_box {-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-bottom: 10px;
background-color: rgba(255, 255, 255, 0.8);
-webkit-box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.15);
box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.15);
}
.panel_box_projekt {border: solid 3px #ee3024;}
.panel_box_flex {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
}
.panel_box_flex input {
	flex: 1 1 0;
	height: 28px !important;
}
.panel_box_flex #search_button {
	margin-left: 10px;
	position: static;
}

#map {height: 100vh; overflow:hidden; position: absolute; color: #fff;z-index:8}
#loadingBox {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10000;
  text-align: center;
  padding-top: 20%;
  display: none;
}
#loadingBoxIn {
  background-color: #ffffff;
  padding: 2em;
  border-radius: 1em;
  font-family: monospace;
  display: inline-block;
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}
#op_list {position:absolute;top:10px;right:10px;z-index:10;}
#op_list.opened {position:absolute;top:10px;right:320px;z-index:10;}
.op_panel {}
.op_panel span {display: inline-block; margin-left: 10px; font-size: 14px;
	font-family:Arial;}
a.button.op_panel.fa {
	text-decoration: none;
}
a.button.op_panel.fa:hover {
  background: #eee;
	color: #d70000;
	text-decoration: none;
}
#panel_1 {/*max-height: 80vh;*/ overflow: hidden;}
#projekty,#searchBox{box-sizing:border-box;padding:10px}
#projekty{background-color: rgba(255, 255, 255, 0.8);}
a.projekt{text-align:center;display:block;-ms-filter:"alpha(opacity=50)";filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}
a.projekt.act,a.projekt:hover{cursor:pointer;-ms-filter:"alpha(opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
#menuBox,#searchBot{background-color:#fff;-webkit-border-top-left-radius:5px;-moz-border-top-left-radius:5px;border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-bottom-left-radius:5px;border-bottom-left-radius:5px;behaviour:url(PIE.htc)}
#progress{position:absolute;bottom:0;left:0;height:2px;background-color:rgba(255,0,0,0.8);width:0}
#popup {position:absolute;top:11px;left:11px;z-index:10; display: none;}
#mappopup {display:none;position:absolute;width:200;height:200;background-color:red;z-index:5000;top:200;left:200}

#panel_search .panelContentIn {padding: 0.5em;box-sizing: border-box;}
#panel_search .panelContentIn div {width: 100%;}
#panel_search input, #panel_search select {box-sizing: border-box;width: 100%;min-width: 100%;max-width: 100%;}
#panel_search label {margin-bottom: 0px}

.paticka {position:absolute;bottom: 8px; left: 8px;z-index:999;text-align:left;}
.paticka .p_logo {display:block; margin: 0 0 8px 0;}

.legenda {display: flex; flex-direction: column; gap: 10px; padding: 15px 0; overflow-y: scroll; overflow-x: hidden;}
.legenda_item_container {width: 100%; display: flex; flex-direction: row; flex: 1 1; gap: 10px; justify-content: space-evenly ; align-items: center;}
.legenda_item_container div {width: 100%; }
.legenda_item_container div:nth-child(1) { flex: 1 1; text-align: center;}
.legenda_item_container div:nth-child(2) { flex: 3 1; text-align: left;}

/*#menuBox strong {display: block; background:#ee3024; padding: 8px 10px; color: #fff;-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;}
#menuBox .vrstva {background: #f3f3f3; color: #444; border-top: solid 1px #fff; border-bottom: solid 1px #dcdcdc;}
#menuBox .vrstvarow {display: table-row;padding: 7px 3px 7px 3px; position: relative; min-height: 30px;}
#menuBox .vrstvarow .vrstvarow_img, #menuBox .vrstvarow .vrstvarow_checkbox, #menuBox .vrstvarow label {display:table-cell;}
#menuBox .vrstvarow label {text-align: left;}
.vrstvarow .vrstvarow_checkbox {padding-top: 1px; width: 20px;}
#menuBox .vrstvarow .vrstvarow_img {display: inline-block; width: 48px; text-align: center; padding: 8px 0;}
#menuBox .vrstvarow .vrstvarow_img img {max-width: 35px; max-height: 24px;}
#menuBox .vrstvarow input[type='checkbox'] {margin-right: 5px; margin-left: 5px; position: relative; top: 2px;}
#menuBox .vrstvarow i.fa {width: 16px;text-align:center;font-size:1.3em; position: relative; top: 3px;}
#menuBox .vrstvarow img {position: relative; top: -2px;}
#menuBox .submenubox {display: none; font-weight: 400;}
#menuBox .submenubox.viditelna {display: block;}
#menuBox .vrstvaSub {padding-left:15px}
#menuBox .submenubox .vrstvaSub:last-child {border-bottom:0px}
#menuBox .vrstva img {margin: 0 5px 0 8px; max-width: 26px; max-height: 18px;}*/
#menuBox strong {display: block; background:#ee3024; padding: 8px 10px; color: #fff;-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;}
#menuBox .vrstva {background: #f3f3f3; color: #444; border-top: solid 1px #fff; border-bottom: solid 1px #dcdcdc;}
#menuBox .vrstvarow {display: block;padding: 7px 3px}
#menuBox .vrstvarow i.fa {width: 16px;text-align:center;font-size:1.1em;position:relative;top:-2px}
#menuBox .submenubox {display: none;}
#menuBox .submenubox.viditelna {display: block;}
#menuBox .vrstvaSub {padding-left:27px}
#menuBox .submenubox .vrstvaSub:last-child {border-bottom:0px}
#menuBox .vrstva img {margin: 0 3px 0 8px;}
#menuBox .vrstvarow {display: flex;align-items:center}
#menuBox .vrstvarow input {margin-top: 0px;margin-right: 4px}
#menuBox .vrstvarow label {margin-bottom:0px;}
#menuBox .vrstvarow i.fa {top:initial}

#search_box {display: inline-block; width: 143px; height: 20px; padding: 5px 30px 5px 5px; border: solid 1px #555;}
#search_button {display: inline-block; width: 28px; height: 28px; margin-left: -40px; position:relative; left: 10px; border: solid 1px #555; border-left: none;background: #555; color: #fff;}
#searchResult {display:none;background-color: #ffffff;
	max-height: 440px;
	overflow-y: auto;
}
.searchResultItem {margin-bottom:2px;border:1px solid #f3f3f3;padding:3px;display:flex;text-align:left}
.searchResultItem i.fa {color: #ff0000;font-size:1.5em;padding: 5px;
}
.submenubox .vrstva {background: #e9e9e9 !important;}
.searchResultItem:hover {cursor:pointer;background-color:#f3b1b1}
.searchResultText {font-size:1.2em;padding-top:0.2em}
.grey {}
.nadpis_sub {font-weight: 900;}
.v_checkid252 {color:red !important; font-weight: 900 !important;}

.projekt {border: solid 1px #dcdcdc; background: #f3f3f3; margin: 3px 0; padding-bottom: 7px; text-decoration: none; color: #444;}
.projekt img {margin-bottom: 7px;}
.projekt.act {border: solid 1px #ee3024; color: #ee3024;}

.vyber_mapy {position: absolute; bottom: 8px; right: 8px; z-index:998;}
.vyber_mapy ul {display: inline-block; margin: 0; padding: 0;}
.vyber_mapy ul li {position: relative; background: white; display: inline-block; padding: 3px; margin: 0 3px; border-radius: 4px;-webkit-box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.15);
box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.15); cursor: pointer;}
.vyber_mapy ul li.neaktivni {cursor: default !important; }
.vyber_mapy ul li.selected {background: red; }
.vyber_mapy ul li img {width: 38px; height: 38px;}
.vyber_mapy ul li .vyber_mapy_stav {width: 38px; height: 38px; position: absolute; top: 0; left: 0; text-align: center; padding: 0px 0 0 6px;
text-shadow: 2px 0px 1px white, 0px 2px 1px white, -2px 0px 1px white, 0px -2px 1px white; display: none;}
.vyber_mapy ul li .vyber_mapy_stav.vyber_mapy_false {color: red;}

.scale-line {
  position: absolute;
  bottom: 8px;
  right:200px;
}
.ol-scale-line {
  position: absolute;
  bottom: 8px;
  left: 150px;
  background: none;
}
.ol-scale-line-inner{
	color: black;
	border-color: black;
	border-bottom: 3px solid black;
	text-shadow: 0px 0px 2px #CECECE;
}

#mouse-position {position:absolute;
z-index:10;
color: black;
font-size:8px;
background: white;
border-radius: 4px;
bottom: 0px;
left: 8px;
padding: 2px 5px;
}

.ol-zoom {
	left: auto; top: auto; right: 25px; bottom: 65px;
	padding: 0;
	 -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
	-webkit-box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.15);
box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.15);
}
.ol-zoom-out {
	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.ol-control button {
	background: white;
	color: gray;
	margin: 0;
	font-size: 22px; padding-bottom: 3px;
	font-weight: 700;
}
.ol-control button:hover, .ol-control button:focus {
	background: #eee;
}

.ol-zoom .ol-zoom-out {
    border-radius: 0 0 2px 2px;
	border-top: 1px solid #ddd;
}

.ol-zoomslider {
	right: 95px; bottom: 95px;
	top: auto !important; left: auto !important;

	width: 200px;
	height: 2px;
	background: white; 
	-webkit-box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.15);
box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.15);
}
.ol-zoomslider:hover {
	opacity: 1;
	background: white !important;
}
.ol-zoomslider .ol-zoomslider-thumb {
	background: white; 
	-webkit-box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.15);
box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.15);
top: -15px;
height: 30px;
width: 10px;
}
.ol-attribution {right:10px;}
.ol-attribution button{display: none;}
.ol-attribution ul li:first-child{display: none;}
.ol-attribution img{height: 32px;}

.button {
    background: #FFF;
    color: gray;
    font-size: 12px;
	font-family:Arial;
    padding: 6px 8px;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.15);
box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.15);
	min-height: 16px;
	margin: 0 5px;
}

.button:hover {
    background: #eee;
	color: #009640;
	cursor: pointer;
}

.button.close {
    opacity: 1;
}

.button.close:hover {
    background: #eee;
	color: #d70000;
	cursor: pointer;

}



.transition, .action, .panel, .opened, .button, #op_list, .ol-attribution { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}

.defaultTpl {
box-sizing:border-box;
position:absolute;
background:  #f3e9e9;
padding: 1px;
border: solid 1px #555;
z-index:1000;
bottom:10px;left:10px;
width: 300px;
font-family: Arial;
font-size: 13px;
color: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}


.defaultTpl12  {height: auto;}

.defaultTpl .closebut {float:right; position: relative; right: 10px; top: 10px;}
.template12 .closebut {float:right; position: relative; right: 10px; top: 0px;}
.closebut:hover {cursor:pointer}
.templateDPMO {width: 300px}
.templateDPMO label {width:100px;display:inline-block}
.templateDPMO input {width:150px}
.defaultTplBody_nadpis {display: block;  background: #ee3024; padding: 12px 10px; color: #fff;}
.defaultTplBody_popis {    background: #f3e9e9;
    color: #444;
    padding: 7px 10px;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #dcdcdc;}
.img_z:hover {width:200%;}
	
.defaultTplBody_popis p {padding: 5px 10px; margin: 0;}
.defaultTplBody_popis a {color: #444; text-decoration: none;}
.defaultTplBody_popis a:hover {color: #ee3024; text-decoration: underline;}

.template12 {color: #000000}


a.defaultTplBody_button {
	display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0.375rem 0.75rem;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s;
	color: #fff;
    background-color: #e60400;
    border-color: #cc0400;
	margin: 10px 0;
}

a.defaultTplBody_button:hover {
	text-decoration: none;
	color: #fff;
    background-color: #cc0400;
    border-color: #b30300;
}

.defaultTpl2 {
box-sizing:border-box;
position:absolute;
z-index:1000;
bottom:10px;left:10px;
width: 300px;
font-family: Arial;
font-size: 13px;
color: #fff;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.2);
border-radius: 0.3rem;
-webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.35);
box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.35);
display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.defaultTpl2 .defaultTplBody_nadpis {
	-webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	background: transparent;
	padding: 1.2rem 1rem 1rem 1rem;	
	color: black;
	font-weight: 700;
	border-bottom: 1px solid #dee2e6;
	width: 100%;
}

.defaultTpl2 .defaultTplBody_nadpis .closebut {
	padding: 0 10px; 
	position: absolute;
	right: 0;
}

.defaultTpl2 .defaultTplBody_popis {
	-webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	border: none;
	color: black;
	font-weight: 400;
	padding: 0;
	background: transparent;
	padding: 1.2rem 1rem 1rem 1rem;	
}

.defaultTpl2 .defaultTplBody_popis_row {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.defaultTpl2 .defaultTplBody_popis_col4 {
	width: 33%;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

.defaultTpl2 .defaultTplBody_popis_col8 {
	width: 66%;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

.defaultTpl2 .defaultTplBody_img {
	width: 100%;
	max-height: 240px;
	overflow: hidden;
}

.defaultTpl2 .defaultTplBody_pl {
	padding-left: 1rem;
	margin-bottom: 45px;
}

.defaultTpl2 .defaultTplBody_button {
	position: absolute;
	bottom: 0px;
	right: 10px;
	padding: 0.85rem 1.25rem;
}

.cykloTpl {color: #000000;bottom: initial;}
.cykloTpl .defaultTplBody {padding: 1em}
	
.okrsek {background: #f3f3f3;
    color: #444;
    padding: 5px 2px 2px 2px;
    border: solid 1px #ccc;
	width: 21px; height: 16px; margin: 2px; display: inline-block; font-size: 12px; font-weight: 600; text-align: center;}
	
.okrsek:hover {border: solid 1px #ee3024;}
.okrsek.selected {border: solid 1px #ee3024; background-color: #ee3024; color: #fff;}
	
	
.okrsek, .okrsek_target {cursor: pointer; cursor: hand;}
.okrsek ul {margin: 0; padding: 0;}
.okrsek ul li {list-style: none;padding: 2px 0;}
#okrsky strong {
    display: block;
    background: #ee3024;
    padding: 8px 10px;
    color: #fff;-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}

.seznam_okrsku {padding: 5px;}
img.okrsek_target {width: 12px; height: 12px; position:relative; top: 2px; float: right; opacity: 0.50;
filter: alpha(opacity =50);}
img.okrsek_target:hover {width: 12px; height: 12px; position:relative; top: 2px;opacity: 1;
filter: alpha(opacity =100);}
.okrsek_ulice {padding: 5px 8px; display: none; margin: 5px 0 5px 5px; background: #fff;}


.mapa_13 #menuBox {font-size: 11px;}
.mapa_13 #menuBox strong {font-size: 12px; background:#007cc2 !important; padding: 3px 10px;}
.mapa_13 #menuBox .vrstva {background: #f6fcff !important;}
.mapa_13 .ol-zoomslider-thumb {background-color: #007cc2 !important;}
.mapa_13 .ol-zoom-in {background-color: #007cc2 !important;}
.mapa_13 .ol-zoom-out {background-color: #007cc2 !important;}
.mapa_13 .ol-scale-line {background-color: rgba(0, 124, 194, 0.7) !important;}
.mapa_13 .button:hover {color: #007cc2;}
.mapa_13 .panel.opened {width: 195px;}
.mapa_13 .panel_content {width:180px;}
.mapa_13 #menuBox .vrstvaSub {padding-left: 0px;}
.mapa_13 #menuBox .vrstvarow {padding: 2px 3px;}
.mapa_13 #op_list.opened {right: 200px;}
.mapa_13 #search_box {width: 123px;}
.mapa_13 #searchBox {display: none; padding: 3px 10px;}


.overlay_false .vyber_mapy,
.overlay_false .ol-zoomslider,
.overlay_false #mouse-position,
.overlay_false #progress,
.paticka .p_logo  {display: none !important;}
.overlay_false .ol-zoom {bottom: 0px;}
.overlay_false .ol-scale-line {right: 90px;}

/*GPX BOX*/
#gpxbox {background-color: #ffffff;padding: 10px;}
#gpxbox label {margin-bottom: 5px;width: 60px;
display:inline-block;}
#gpxbox input {margin-bottom: 5px;width: 120px}
#gpxbox button {width: 100%;padding: 4px 0px}
/*EOF GPX BOX*/


/*pro jednotlive projekty*/

.modal {display: none; z-index: 99999; position: absolute; left: 50%; top: 20%; margin-left: -250px; width: 500px; background: white; padding: 30px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); font-family: Arial; font-size: 16px; font-weight: 400;}
.modal-zavrit {position: absolute; top: -15px; right: -15px; background: red; color: white; width: 30px; height: 25px; cursor: pointer; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-align: center; padding-top: 5px;}

.popup {
	display: flex;
	flex-direction: column;
    position: absolute;
    background: #fff;
    padding: 5px 0;
    z-index: 1000;
    width: 300px;
    font-family: Arial;
    font-size: 13px;
    color: black;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
	-webkit-box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.3);
}

.popup .row {
	display: flex;
	flex-direction: row;
	gap: 5px;
	margin: 0 !important;
	width: 100%;
	flex-wrap: wrap;
}
.popup .row .col {flex: 1;}
.popup .row .col.nazev {
	width: 100%; background: #ee3024; color: white; padding: 8px 10px; font-weight: 700;-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}
.popup .row .col.fotografie {
	width: 33%; min-height: 100px; padding: 0px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	border: solid 1px #999; overflow:hidden;}
.popup .row .col.fotografie:hover div {
	 -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05); }
.popup .row .col.fotografie div {
	background-position: center;
	background-size: cover;
	 transition: transform 250ms;}
.popup .row .col.fotografie div a {
	display: block;
	position: relative;
	overflow:hidden;}
.popup .row .col.fotografie div a img {
	width: 100%; min-height: 100px;max-height: 150px;}
.popup .row .col.fotografie div a span {
	position: absolute; padding: 5px 10px; right: 5px; bottom: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: rgba(255,255,255,.9); color: black; font-weight: 700; font-size: 14px;}
.popup .closebut {
	float: right;}
.popup .row.obsah {margin: 10px 0 0 0 !important;}

#copyright {
	position: fixed;
	left: 50%;
	bottom: 5px;
	transform: translate(-50%, 0);
	margin: 0 auto;
	z-index: 999;
}
#copyright a {}
#copyright a img {
	width: 20px;
	-webkit-filter: 
		drop-shadow(-1px -1px 0px #fff) 
		drop-shadow(-1px 1px 0px #fff)
		drop-shadow(1px -1px 0px #fff)
		drop-shadow(1px 1px 0px #fff);
	filter: 
		drop-shadow(-1px -1px 0px #fff) 
		drop-shadow(-1px 1px 0px #fff) 
		drop-shadow(1px -1px 0px #fff) 
		drop-shadow(1px 1px 0px #fff);
}

/*SVG*/
svg .obrys.blurEfectClass {stroke: #ff0000 !important}
.blurEfectClass {filter: url('#blurefect')}
#svgBox {display:none}
.patro path.obchod, .patro polygon.obchod {stroke:#000000;stroke-width:1px;
stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1
}
.patro path.obchod:hover, .patro polygon.obchod:hover {fill-opacity: 0.5;cursor:pointer}
#patraBox {position:absolute;bottom:100px;left:20px;
width: 40px;
z-index:10;
}
.patroNav {display:block;text-align:center;font-weight:bold;
height:30px;line-height:30px;vertical-align:middle;
background-color: rgba(255,255,255,0.7)
}
text.fa:hover {fill: none; stroke: #ffffff;cursor:pointer}
.patroNav:hover {cursor:pointer;background-color: rgba(221,221,221,.4);}
.patroNav.aktivni {border-left:2px solid blue;border-right:2px solid blue}
/*EOF SVG*/


/* RESPONSIBLE */
@media screen and (min-width: 1px) and (max-width: 850px) {
	#popup {display: block;}
}

@media screen and (min-width: 1px) and (max-width: 700px) {
	/*.panel, #op_list {display: none;}*/
	.panel.opened {width: 100%;top:6px;}
	.panel {top:6px;}
	#op_list {}
	#op_list.opened {top:10px;right:10px;}
	.panel_content {width: 100%;}
	.ol-attribution, .ol-attribution:hover {right:10px !important;}
	#menuBox strong {font-size: 18px;}
}