/**{-moz-box-sizing:border-box; }*/
/*OBECNE*/
body{margin:0px; padding:93px 0px 0px 0px; color:#003399; font-family: verdana, geneva, arial, helvetica, sans-serif; background-image:url("obrazky/vypln5.jpg"); background-repeat:no-repeat; background-attachment:fixed; background-position:124px 93px;}
div{padding:0px; margin:0px; border:0px;}
h1, h2.place{font-size:1.9em; font-weight:bold; color:#003399; max-width:650px; text-align:center; padding-right:10px;}
h2.place{
  font-size: 1.3em;
}
h2, h1.podnadpis{font-size:1.55em; font-weight:bold; padding-left:3px; text-align:left; width:100%; max-width:none;}
h1.podnadpis{
	max-width: 96%;
	margin-top: 22px;
	padding: 3px 5px 2px 1em;
	border: 1px solid #DEEFFF;
	border-left: 2px solid #00309C;
	border-top: 2px solid #00309C;
	border-right: 0px solid #00309C;
	background-color: #DEEFFF; /*background-image:url("obrazky/stin.jpg"); */
	/*position: relative;*/
	/*line-height:150%;*/
}
h1.podnadpis span{
	background-color: #B2CAFF;
	padding: 3px 10px 2px 10px;
	margin-left: -1em;
	margin-right: 8px;
	border-right: 1px solid #00309C;
   /*border-left: 1px solid #00309C;*/
	border-bottom: 1px solid #00309C;
	/*position: absolute;*/
}
h1.sk2{
	border: 1px solid #dfd;
	border-left: 2px solid green;
	border-top: 2px solid green;
	background-color: #E2F4E6;
}
h1.sk2 span{
	background-color: #CDEDD7;
	border-right: 1px solid green;
	border-bottom: 1px solid green;
}
hr.next{
   border: 0px;
   border-top: 3px solid blue;
   color: blue;
   background-color: #aaf;
   margin: 5px 0 10px 0;
   padding: 0px;
}
div.sk1{
   padding-left: 15px;
   border-left: 1px solid blue;
   
}
div.sk22{
   padding-left: 15px;
   border-left: 1px solid green;
   
}
.sk2{color:#3D8B49;}
h1.sk2{/*background-image:url("obrazky/stin2.jpg");*/}
h3{font-size:1.25em; font-weight:bold; color:#003399;}
a:link{
	color: #006CD5;
	text-decoration: underline;
}
a:visited{
	color:purple; text-decoration:underline;
	}
a:hover, a:hover *{
	/*color:#cc00ff;*/
	color: #FF4500 !important;
	}
hr{color:#003399;}
td{background:transparent; border:0; font-size:0.8em; color:#003399;}
th{font-weight:bold; font-size:0.8em; background:#333399; color:white; text-align:left; padding-left:3px;}
img{border:0; margin:0; padding:0;}
td, tr, table{background:transparent;}
p{line-height:150%;}
/*MENU*/
div.menu{
   overflow:visible; 
   height:367px; 
   width:124px; 
   position:fixed; 
   top:92px; 
   left:0px; 
   background-image:url("obrazky/levy.jpg"); 
   background-repeat:no-repeat; 
   color:white; 
   z-index:1; 
   margin-bottom:10px;}
div.menu ul{
   display: block;
   margin: 0px;
   padding: 0px;
}
div.menu ul li{
   display: block;
   margin: 1px 0px 0px;
   padding: 0px;
   line-height: 18px;
   text-align: center; 
   border-top:1px solid; 
   border-bottom:1px solid; 
   border-color:#1E90FF;
   list-style-type: none;
   position: relative; 
}
div.menu ul li a, div.menu ul li a:link, div.menu ul li a:visited, div.menu ul li a:hover {
   font-size:13px; 
   font-weight:bold; 
   margin:0px; 
   color:Yellow; 
   text-decoration:none;
   display: block;
   position: relative;
}
div.menu ul li a:hover{
   background: Navy;
   text-decoration:underline;
}
span.sipka, span.sipka2{
   position:absolute; 
   right:3px; 
   text-decoration:none; 
   color:Yellow; 
   font-weight:bold; 
   font-size:12px;
   z-index: 10;
   top: 0px;
}
div.skryte{
   position:relative; 
   left:124px; 
   top: -51px;
}
div.skryte ul{
   visibility: hidden;
   width:187px;
   background-color: #1E90FF;
   overflow:visible;
   position: absolute;
   padding-bottom: 1px;
}
div.skryte ul li{
   border: 1px solid navy;
   margin: 1px 1px 0px; 
}
div.podmenu{height:250px; width:124px; position:fixed; top:93px; left:0px; background-color:#2F3A58; z-index:0;}


/*HLAVICKA*/
.hlavicka{z-index:1;background-image:url("obrazky/vrsek.jpg"); overflow:auto; height:75px; width:100%; position:fixed; top:0px; left:0px; background-color:transparent; background-repeat:no-repeat;}
.hlavicka_in{z-index:0; overflow:auto; height:75px; width:100%; position:fixed; top:0px; left:0px; background-color:white;}
.hlavicka_in h1{color:#003399; margin:5px 0px 0px 50px; font-size:22px;}
#logo{height:76px; width:95px; position:fixed; top:5px; left:680px; z-index:2;}
.navigacni_pruh{font-size:13px; background-image:url("obrazky/pruh5.jpg"); overflow:hidden; height:18px; width:100%; position:fixed; top:75px; left:0px; background-repeat:no-repeat; z-index:1; background-color:white;}
div.zelena{width:124px; margin:0px 2px 0px 0px; height:17px; float:left; overflow:hidden; font-size:xx-small;}
a.navesti:link, a.navesti:visited{color:#003399; font-weight:bold; display:block; width:213px; margin:0px 1px 0px 1px; height:18px; background:#DDEEFF; text-align:center; float:left; border:1px solid; text-decoration:none;}
a.navesti:hover{color:Yellow; background:#271966; border-color:#DDEEFF; text-decoration:underline;}
/*VNITREK*/
#vnitrek{font-size:0.8em; padding:10px; margin-left:124px; padding-top:13px; z-index:0; position:relative;}
#vnitrek div.nav{font-size:0.7em; position:absolute; top:2px; margin-left:-7px;}
td.popisek{margin-top:2px; font-size:0.7em; height:28px;}
a.local:link{color:#000080;text-decoration:underline;font-style:italic;}
a.local:visited{color:#000080; text-decoration:underline; font-style:italic;}
a.local:hover{color:#FF4500; font-style:italic;}
/*DISKUZE*/
input{width:150px; float:left; margin-left:10px; color:#003399;}
input.normal{width:auto; float:none; display:inline;}
textarea{width:510px; height:60px; float:left; text-align:left; margin-left:10px; color:#003399; font-family:verdana, geneva, arial, helvetica, sans-serif; font-size:13px;}
.smajlici{float:left; margin-left:10px; width:510px;}
input.tlacitko{background-color:#333399; color:white; font-weight:bold;}
.maly{font-size:xx-small; font-weight:bold; margin:0px 5px 0px 5px;}
div.diskuze{float:left; text-align:left; margin-left:10px; width:60px;}
div.dalsi{clear:both; height:25px; margin-top:2px;}
div.prvek{text-align:left; border:3px double; margin:2px 30px 2px 30px; padding:5px;}
/*FOTOGALERIE*/
div.fotka{width:200px; float:left; margin:5px; padding:0;}
div.fotka img{
	width: 200px;
	height: 150px;
}
.popisek{margin-top:2px; font-size:0.85em; height:28px;}
div.plna{width:100%; height:auto;}
img.plna{width:100%; max-width:1024px;}
span.pasivni{color:gray;}
div.fotky_navigace{padding:3px; text-align:left; font-size:0.8em; background-color:#DDEEFF; border:solid 1px; margin:3px 0 3px 0; max-width:650px;}
h3.nazev{font-size:1.3em; font-weight:bold;}
h3.den{padding:0px; margin:0px; clear:both;}
.nopadding{padding:2px 0px 2px 0px; margin:2px 0px 2px 0px;}
/*PATKA*/
hr.patka{margin:0px; color:gray; width:95%;}
p.patka{text-align:center; font-size:xx-small; color:gray; padding:0px; margin:0px;}
/*OBECNE*/
.pockej{clear:both;}
.pockejL{clear:left;}
.zprava{float:right;}
div.nastred{text-align:center;}
div.sirka{max-width:630px; width:100%}
.ctvrt{width:200px;}
/*STRUCNE*/
span.odkaz{font-size:0.8em; padding:0 5px 0 0px;}
span.vyrazne{padding:0px 10px 1px 10px; font-size:1.15em; font-weight:bold; text-align:left; background:#ddeeff;}
p.popis{margin:5px 0 0 0px;}
.akce{margin-top:8px; margin-bottom:12px;}
/*ZBYTEK*/
div.mapka{margin:0px 5px 0px 0px; float:left;}
img.vysvetlivka{vertical-align:middle;}
div.priklad{margin:3px 0 3px 15px;font-size:xx-small;line-height:115%;background:#F0F8FF;padding:3px;border:dashed 1px;}
/*tabulka*/
table#vrcholy{border-collapse:collapse; border:1px solid #00008B;}
table#vrcholy td{padding:2px 5px 2px 5px; border:1px solid #00008B; vertical-align:top;}
table#vrcholy td.jmeno{font-weight:bold;}
table#vrcholy th{padding:1px 5px 1px 5px; background:#C1E1FF; border:1px solid #00008B; vertical-align:top; color:#003399;}
table#vrcholy tr{border:1px solid #00008B;}
table#vrcholy .vlajka{padding:2px 0px 2px 1px; width:16px;}
.volejbal li{padding-left:5px;}
li.prvni{list-style-image:url(obrazky/1.gif);}
li.druhy{list-style-image:url(obrazky/2.gif);}
li.treti{list-style-image:url(obrazky/3.gif);}
li.ctvrty{list-style-image:url(obrazky/4.gif);}
table.prubeh{border:0px solid #00008B; border-collapse:collapse;}
table.prubeh td{padding:4px 10px 4px 10px; vertical-align:middle; text-align:center; border:1px solid gray; margin:0px;}
table.prubeh tr{border:0px; margin:0px;}
table.prubeh th{padding:2px 5px 2px 5px; background:#C1E1FF; border:1px solid #00008B; vertical-align:top; color:#003399;}
table.casy{width:75%; border:1px solid #003399;}
table.casy col.prvni{width:55%;}
table.casy col.dalsi{width:15%;}
table.casy th{font-weight:bold;font-size:0.8em;text-align:left;padding-left:3px;border:1px solid #003399;border-top:0px;border-right:0px;color:#003399;background:#DDEEFF;}
table.casy td{border-bottom:1px dotted #E1E1E1;}



table.casy .ico {display: block; float:left; width: 4.5em; text-align: right; padding-left: 12px; background-repeat: no-repeat; background-position: 1px center;}
table.casy .way_down, table.casy .way_up{width: 4.5em;}
table.casy .time { background-image: url('obrazky/time.gif');}
table.casy .length { background-image: url('obrazky/length.gif');}
table.casy .way_up {color: #050; background-image: url('obrazky/way_up.gif'); margin-right: 7px;}
table.casy .way_down {color: #800; background-image: url('obrazky/way_down.gif');}
.pt{
  border-bottom: 1px dotted #aaa;
  cursor: pointer;
}
.trackInfo{color: #aaa; font-size: 0.8em;}
table.casy td.sum {background-color: #eee;}
table.pristupy tr{height:20px;}
table.pristupy div.pristupy{height:15px;background-color:#FFBBA2;border:1px solid #FF4500;}
table.pristupy span.hodnota{position:absolute;padding:0px 4px 0 4px;}
a.gray, a.gray:hover, a.gray:visited{color:Gray; text-decoration:none;}
a.gray:hover{color:Gray; text-decoration:underline;}
.robot{display:none;}
a.detail{font-size:10px}
table.navstevy{border-collapse:collapse;}
table.navstevy td{padding:5px; border:1px solid gray;}
a.ip{color:gray; font-size:9px;}
h3.fotogalerie{padding:3px 0px 3px 42px; background-image:url(obrazky/fotak.gif); background-repeat:no-repeat; background-position:left center; margin:0px; font-size: 1.15em;}
h3.vrcholy{padding:5px 0px 5px 42px; background-image:url(obrazky/vrchol.gif); background-repeat:no-repeat; background-position:left center; margin:0px; font-size: 1.0em;}
div.fotka img.autosize{width: auto; height: auto; }
/*
div#prehled{
   position: relative;
}
img#mapa-prehled{
   padding: 0 0 0 50px;
}*/
div.prew{
   clear: left;
   padding-top: 10px;
}
.prew img{
   float: left;
   /*margin: 0px 13px 0px 5px;*/
   /*border: 1px solid gray;*/
   width: 120px;
   height: 89px;
   display: block;
}
.prew a.border{
   border: 1px solid gray;
   margin: 0px 13px 0px 5px;
   float: left;
}
.prew p.nomargin{
   margin: -5px 0px 0px 0px;
   padding: 0px;
   font-size: 0.85em;
}
h4, h2.as4{
   margin: 0px;
   padding: 0px;
   margin-bottom: 10px; 
   margin-top: 3px;
   font-size: 1.1em;
   width: 70%;
}
h3.prubeh{
	background-image: url("obrazky/walk.gif");
	background-repeat: no-repeat;
	padding: 2px 0px;
	padding-left: 30px;
}
div.randfoto{
  float: right;
  width: 220px;
  text-align: center;
  margin: 0px 5px 10px 10px;
  border: 1px solid gray;
  clear:  right; 
}
div.randfoto img {
  display: block;
  width: 200px;
  height: 150px;
  border: 1px solid gray; 
   margin: 10px auto 7px;
}
div.randfoto a{
  
  
}
div.randfoto span {
  display: block;
  margin: 7px auto;
  border: 0px; 
} 
/*FOTOGALERIE*/
div.rfotka{
  width:220px; 
  float:left; 
  text-align: center;
  margin: 8px 5px 8px 8px;
  border: 1px solid gray; }
div.rfotka img{
  display: block;
  width: 200px;
  height: 150px;
  border: 1px solid gray; 
  margin: 10px auto 7px;
}
.rpopisek{
  display: block;
  margin: 7px auto;
  border: 0px; 
  font-size:0.85em;
  height: 2.5em;
  padding: 0px 5px;
}
/*FOTOGALERIE*/
div.ffotka{
  width:820px; 
  float:left; 
  text-align: center;
  margin: 10px 0px;
  border: 1px solid gray;
  clear:  right; 
  position: relative;
  }
  
div.ffotka img.full{
  display: block;
  width: 800px;
  border: 1px solid gray; 
   margin: 10px auto 7px;
}
.fpopisek{
  display: block;
  margin: 7px auto;
  border: 0px; 
  font-size: 1.1em;
  font-style: italic;  
}
#gpsMap{ 
  right: 5px;
  margin-top: 10px;
  width: 360px;
}

.short{
	text-align: right;
	margin: 5px 5px 0px;
	
}
/*HLEDANI*/
form.search{
	margin: 0px;
	padding: 0px;
	position: fixed;
	top: 20px;
	right: 20px;
	z-index: 100;
}
form.search input{
	display: inline;
	
	margin: 0px;
	padding: 0px 5px;
	width: auto;
	clear: none;
}
form.search input.nopad{
	padding: 0px 0px;
}
div.slogo{
	float:right; border: 1px solid gray; margin: 0px; position: relative; top: -4px;
}
form.sagain{
	margin: 5px 0px 0px; padding: 5px 5px 0px; float: left;
}
em.sfraze{
	color: black;
	font-weight: bold;
}
h4.stitle{
	margin: 15px 0px 5px; padding: 0px;
	font-size: 1.05em;
}
div.sresult {
	margin: 5px; font-size: 0.9em;
}
div.sresult b{
	color: black;
}
div.shref{
	padding: 2px 0px; font-size: 0.95em;
	/*font-style: italic;*/
	color: gray;
	
}
div.snavigation{
	margin: 10px;
}
th a{
	color: white !important;
}
img.evropa{
	border: 0px;
	width: 500px;
	height: 480px;
}
div.invisibleState{
	display: none; 
	position: absolute;
	margin-top: -475px;
	margin-left: 5px;
	border: 1px solid;
	background-color: white;
	padding: 3px 10px;
}
table .r{
	text-align: right;
}
div.pocasiMapa{
	position: relative;
}
div.pocasiMapaWrap{
	margin: 10px;
	border: 1px solid gray;
	padding: 10px;
	display: block;
	float: left;
	background-color: white;
}
div.pocasiPicture{
	position: absolute;
}
div.pocasiPicture img.poc{
	width: 32px;
	height: 32px;
	border: 1px solid #F18F18;
	background-color: white;
	display: block;
}
div.pocasiInfo{
	/*visibility: hidden;*/
	display: none;
	background-color: white;
	padding: 5px;
	position: absolute;
	width: 20em;
	margin-left: 34px;
	margin-top: -34px;
	border: 1px solid #F18F18;
	line-height: 150%;
	font-size: 0.8em;
	z-index: 100;
}
div.pocasiNavigace{
	float: right;
	width: 35%;
}
a.pocasiAnchor{
	visibility: hidden;
	/*position: absolute;*/
	/*padding-top: -80px;*/
	display: block;
}
table.pocasi{width:95%; }
h3.pocasi{padding:3px 0px 3px 42px; background-image:url(obrazky/pocasi.gif); background-repeat:no-repeat; background-position:left center; margin:0px; font-size: 1.05em;}

img.vitrH{
	background-color: #FF9B9B;
	
}
img.vitrM{
	background-color: #FFD5A1;
	
}
img.vitrL{
	background-color: #ccffcc;
		
}
table.actPocasi{
	width: 8em;
	float: right;
	margin-top: -120px;
	/*border-collapse: collapse;*/
}
table.actPocasi th, table.actPocasi td{
	vertical-align: middle;
	text-align: center;
}
table.actPocasi th a{
	color: #003399 !important;
	
}

/* GPS */
.gpsData{
  margin: 0px 5px 10px 10px;
  border: 1px solid #ccc;
  padding: 5px; 
  float: right;
  clear: right;
  text-align: center;
  color: gray;
  font-size: 0.8em;
  background-color: white;
}
.gpsData img{
  display: block;
  border: 1px solid #ccc;
}
.gpsMap{
}
.gpsPocasi{
  margin-top: -70px;
  width: 162px;
}
.gpsPocasi div {
  
  clear: left;
  line-height: 32px;
  text-align: left;
}
.gpsPocasi div img {
  float: left;
  margin-right: 10px;
} 
.gpsPocasi h4 {
  text-align: center;
}
.gpsPocasi h4 a{
  color: gray;
}

/*GOOGLE SEARCH*/
.gsc-control form{
  display: none;
}
.gsc-control .gsc-tabsArea{
  display: none;
}
.gsc-resultsHeader{
  display: none;
}
.gsc-control{
  width: 80% !important;
}
.gs-title {
  font-size: 1.1em;
  font-weight: bold;
}

/*GOOGLE EARTH*/
form.gearth, form.gearth fieldset {
    font-size: small;
    display: inline;
  }
form.gearth fieldset input{
  width: auto;  
  float: none;
  display: inline;
}

#route-details ol {
  margin: 0;
  padding: 0;
}
.dir-step {
  list-style: decimal inside;
  position: relative;
  font-size: small;
  padding-right: 50px !important;
}
.dir-step .note {
  position: absolute;
  top: 0;
  right: 0;
  padding: 6px 3px;
}

.dir-step,
#dir-start,
#dir-end {
  margin: 0;
  padding: 6px 3px;
  cursor: pointer;
}

#dir-start,
#dir-end {
  background-color: #888;
  color: #fff;
}

#dir-start, .dir-step {
  border-bottom: 1px solid #888;
}

.dir-step.sel {
  background-color: #00f;
  color: #fff;
}
table.gearth{
  width: 100%; 
  height: 300px;  
}
.gearth .container{
  border: 1px solid #000; 
  height: 300px;
}
#route-details {
  position: relative;
  overflow: auto;
  height: 300px;
}
table.gearth h3{
  border-bottom: 1px solid black;
  padding: 0px 10px;
  line-height: 25px;
  height: 25px;
  background-color: #eee;
  margin: 0px; 
}
.loading{
  padding: 5px;
}

.hidden{
  position: absolute;
  margin-left: -600px;
  margin-top: 20px;
  width: 700px;  
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 5px;
  display: none; 
}
.hidden img{
  display: block;
  margin: 20px auto 5px;
  border: 1px solid #ccc;
  
}
.close{
  float: right;
  padding-right: 14px;
  background-image: url('obrazky/close.gif');
  background-position: right center;
  background-repeat: no-repeat;
  text-decoration: none !important;
  color: #c33 !important;
  font-size: 11px;
}
a.close:hover{
  text-decoration: underline !important;
  color: red !important;
}
.trackInfoBox {
  margin-left: -700px;
  margin-top: 20px;
}
.trackInfoBox img{
  float: left;
  margin-left: 20px;
  margin-right: 0px;
  margin-top: 5px;
  margin-bottom: 20px;
}
table.casy tr.selectedRow td {background-color: #FFE4AF;}