
#wifi-maps {
  position: relative;
  width: 640px;
  height: 325px;
  overflow: hidden;
}

#wifi-map-wrapper-1 {
  left: 0;
  top: 0;
  position: absolute;
  padding: 10px 20px 30px;
}

#wifi-map-wrapper-2 {
  left: 640px;
  top: 0;
  position: absolute;
  padding: 10px 20px 30px;
}

#wifi-sr {
  position: absolute;
  right: 20px;
  bottom: 0;
  margin: 0;
  padding: 0;
  height: 80px;
  width: 150px;
  text-align: right;
}

#wifi-sr a {
  display: block;
  padding-top: 45px;
  background: url(img/mapa-sr-small.png) no-repeat top right;
}

#wifi-sr a:hover {
  background-position: 100% -100px;
}

#wifi-cr {
  position: absolute;
  left: 20px;
  bottom: 0;
  margin: 0;
  padding: 0;
  height: 80px;
  width: 150px;
  text-align: left;
}

#wifi-cr a {
  display: block;
  padding-top: 55px;
  background: url(img/mapa-cr-small.png) no-repeat top left;
}

#wifi-cr a:hover {
  background-position: 0 -100px;
}

#wifi-map-1 {
  position: relative;
  width: 600px;
  background: url(img/mapa.png) no-repeat top center;
  height: 285px;
}

#wifi-map-2 {
  position: relative;
  width: 600px;
  background: url(img/mapa-sr.png) no-repeat top center;
  height: 285px;
}

#wifi-map-1 p, #wifi-map-2 p {
  margin: 0;
  padding: 0;
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-position: 0 500px;
  ebackground-position: 0 0;
  text-align: center;
  z-index: 0;
}

#wifi-map-1 a, #wifi-map-1 a span, #wifi-map-2 a, #wifi-map-2 a span {
  display: block;
  width: 100%;
  top: 50%;
}

#wifi-map-1 a, #wifi-map-2 a {
  position: absolute;
  display: block;
  text-decoration: none;
  font-weight: bold;
}

#wifi-map-1 a span, #wifi-map-2 a span {
  padding: 3px 0;
  margin-top: 5px;
  display: none;
  font-weight: normal;
}

#wifi-map-1 a:hover span, #wifi-map-2 a:hover span {
  display: block;
}

#wifi-map-1 p.hover a, #wifi-map-2 p.hover a {
  background-color: #e7edff;
}

#wifi-map-1 p.hover, #wifi-map-2 p.hover {
  background-position: 0 0;
  z-index: 999;
}

#wf-karlovy-vary {
  width: 94px;
  height: 68px;
  left: 51px;
  top: 66px;
  background-image: url(img/mapa/karlovy-vary.png);
}

#wf-karlovy-vary a {
  top: 20px;
}

#wf-ustecko {
  width: 127px;
  height: 113px;
  left: 116px;
  top: 2px;
  background-image: url(img/mapa/ustecko.png);
  z-index: 100;
}

#wf-ustecko a {
  top: 50px;
}

#wf-liberec {
  width: 100px;
  height: 66px;
  left: 214px;
  top: 4px;
  background-image: url(img/mapa/liberec.png);
}

#wf-liberec a {
  top: 24px;
  left: -10px;
}

#wf-stredni-cechy {
  width: 161px;
  height: 129px;
  left: 147px;
  top: 48px;
  background-image: url(img/mapa/stredni-cechy.png);
}

#wf-stredni-cechy a {
  top: 90px;
}

#wf-plzen {
  width: 112px;
  height: 134px;
  left: 72px;
  top: 106px;
  background-image: url(img/mapa/plzen.png);
}

#wf-plzen a {
  top: 40px;
}

#wf-praha {
  width: 41px;
  height: 31px;
  left: 207px;
  top: 98px;
  background-image: url(img/mapa/praha.png);
}

#wf-praha a {
  top: 5px;
}

#wf-jizni-cechy {
  width: 158px;
  height: 124px;
  left: 156px;
  top: 159px;
  background-image: url(img/mapa/jizni-cechy.png);
}

#wf-jizni-cechy a {
  top: 40px;
  left: -15px;
}

#wf-hradec-kralove {
  width: 114px;
  height: 87px;
  left: 270px;
  top: 31px;
  background-image: url(img/mapa/hradec-kralove.png);
}

#wf-hradec-kralove a {
  top: 30px;
}

#wf-vysocina {
  width: 118px;
  height: 107px;
  left: 256px;
  top: 132px;
  background-image: url(img/mapa/vysocina.png);
}

#wf-vysocina a {
  top: 40px;
}

#wf-pardubice a {
  top: 25px;
}

#wf-pardubice {
  width: 113px;
  height: 76px;
  left: 291px;
  top: 94px;
  background-image: url(img/mapa/pardubice.png);
}

#wf-olomouc {
  width: 98px;
  height: 134px;
  left: 384px;
  top: 68px;
  background-image: url(img/mapa/olomouc.png);
}

#wf-olomouc a {
  top: 80px;
  left: -10px;
}

#wf-moravskoslezsko {
  width: 130px;
  height: 110px;
  left: 419px;
  top: 80px;
  background-image: url(img/mapa/moravskoslezsko.png);
}

#wf-moravskoslezsko a {
  left: 20px;
}

#wf-zlin {
  width: 100px;
  height: 79px;
  left: 418px;
  top: 169px;
  background-image: url(img/mapa/zlin.png);
}

#wf-zlin a {
  top: 25px;
}

#wf-jizni-morava {
  width: 158px;
  height: 116px;
  left: 304px;
  top: 158px;
  background-image: url(img/mapa/jizni-morava.png);
}

#wf-jizni-morava a {
  top: 50px;
  left: 10px;
}

#wf-ba {
  width: 57px;
  height: 80px;
  left: 77px;
  top: 112px;
  background-image: url(img/mapa/ba.png);
}

#wf-ba a {
  top: 35px;
}

#wf-tt {
  width: 90px;
  height: 134px;
  left: 78px;
  top: 86px;
  background-image: url(img/mapa/tt.png);
}

#wf-tt a {
  top: 35px;
  left: 15px;
}

#wf-tn {
  width: 121px;
  height: 102px;
  left: 115px;
  top: 32px;
  background-image: url(img/mapa/tn.png);
}

#wf-tn a {
  /*top: px;*/
}

#wf-za {
  width: 134px;
  height: 102px;
  left: 195px;
  top: 2px;
  background-image: url(img/mapa/za.png);
}

#wf-za a {
  top: 40px;
}

#wf-bb {
  width: 158px;
  height: 107px;
  left: 203px;
  top: 77px;
  background-image: url(img/mapa/bb.png);
}

#wf-bb a {
  top: 50px;
}

#wf-ke {
  width: 176px;
  height: 84px;
  left: 335px;
  top: 70px;
  background-image: url(img/mapa/ke.png);
}

#wf-ke a {
  top: 30px;
}

#wf-po {
  width: 211px;
  height: 84px;
  left: 312px;
  top: 18px;
  background-image: url(img/mapa/po.png);
}

#wf-po a {
  top: 30px;
}

#wf-nr {
  width: 108px;
  height: 120px;
  left: 145px;
  top: 104px;
  background-image: url(img/mapa/nr.png);
}

#wf-nr a {
  top: 60px;
  left: -10px;
}

.wifi-select {
  position: absolute;
  top: 10px;
}

.wf-sel-cr {
  right: 20px;
  text-align: right;
}

.wf-sel-sr {
  left: 20px;
  text-align: left;
}

#wifi-search {
  margin: 0 20px;
}

#wifi-search p {
  margin: 0;
}

.wifi-select p {
  margin: 0;
  padding: 0;
}

#body h2.h2 {
  color: #385b7b;
  margin: 10px 20px;
}

.wf-blue-box {
  border: 1px solid #385B7B;
}

.wf-blue-box h2 {
  background-color: #385B7B;
  color: #fff;
  margin: 0;
  padding: 2px 10px;
  font-size: 110%;
  line-height: 180%;
}

.wf-blue-box p {
  margin: 0;
  padding: 5px 0;
}

.wf-transp-box {
  border: 0px solid #385B7B;
}

table.wf-light-table th {
  background-color: #E5E5E5;
}

#prehledovaTabulka {background-color: #A5A5A5}
#prehledovaTabulka td {background-color: #E9EDF1; padding: 4px;}
#zahTab td { background-color: #B6C2CF; font: bold 90% Verdana, Tahoma; text-align: center;}

.prehledovaTabulka td, .prehledovaTabulka th.group {border-right-width:1px}
.prehledovaTabulka {font-size:13px;line-height:1.1;margin:1em 0 1em 0;width:100%;background:#fff}
.prehledovaTabulka thead tr th {min-width:150px;position:relative;border-top:1px solid #dee8e8;border-bottom:1px solid #d3dcdc;padding-right:4px;vertical-align:top;line-height:1.3;padding-top:16px;text-align:left;background:#f0f7fb url("") repeat-x;border-right:2px solid #d3dcdc;border-left:2px solid #d3dcdc}
.prehledovaTabulka thead tr th .content{padding:0 0 0 0}
.prehledovaTabulka tbody tr th,.prehledovaTabulka tbody tr td {border-bottom:1px solid #F0F0F0;border-top:1px solid #F0F0F0}
.prehledovaTabulka tbody tr th {text-align:left;background:#f1f4fc;border-left-width:1px}
.prehledovaTabulka tbody tr th {font-weight:normal}
.prehledovaTabulka thead tr th div.content,.tab-zebricek thead tr th div.content {position:relative}
.prehledovaTabulka tr th,.prehledovaTabulka tr td {border-right:2px solid #d7d7d7;border-left:2px solid #d7d7d7;padding:10px 8px;text-align:right}
.prehledovaTabulka tr th,.prehledovaTabulka tr td.actual-info {text-align:left}

td#zvyrTd  { background-color: #B6C2CF; border-bottom:1px solid #F0F0F0; font: bold 11px Verdana, Tahoma; text-align: left;}
td#zvyrTd2  { font: bold 11px Verdana, Tahoma; border-bottom:1px solid #F0F0F0; text-align: right;}
td#zvyrTd3  { font: normal 11px Verdana, Tahoma; border-bottom:1px solid #F0F0F0; text-align: left;}
td#zvyrTd1  { background-color: #ffcc00; border-bottom:1px solid #F0F0F0; font: bold 11px Verdana, Tahoma; text-align: left;}
td#zvyrTd5  { font: normal 11px Verdana, Tahoma; border-bottom:1px solid #F0F0F0; text-align: left; background-color: #c0d1e2;}
td#zvyrTd6  { font: bold 11px Verdana, Tahoma; border-bottom:1px solid #F0F0F0; text-align: right; background-color: #c0d1e2;}
td#zvyrTd7  { font: bold 11px Verdana, Tahoma; border-bottom:1px solid #F0F0F0; text-align: left; background-color: #ffeda4;}

#tabFirma {background-color: transparent}
#tabFirma td {background-color: #E9EDF1}

h1#nazevPoskytovatele {width: 100%; background-color: transparent; color: #385b7b; font: normal 200% verdana, tahoma, arial;padding:0 0 0 0px;margin:0 0 -10px -5px;text-align: left;}

a.tlako{
  border: 1px solid Silver;
  padding : 1px 5px 1px 5px;
  margin : 1px 5px 1px 5px;
  color : White;
  text-decoration : none;
}
a.tlako:hover{
border: 1px solid Black;
}

#popisek { 
	padding: 2px 2px 2px 2px;
	margin: 6px 0px 0px 0px;
	border: 1px solid #ff9933;
	font: normal xx-small verdana, tahoma, arial;
	background-color: #ffcc99; 
}

#popisek2 { 
	padding: 2px 2px 2px 2px;
	margin: 6px 0px 0px 0px;
	border: 1px solid #385b7b;
	border-left: 5px solid #385b7b;
	font: normal x-small verdana, tahoma, arial;
	background-color: #e7eaec; 
}

#popisek2 p { 
	padding: 4px;
	font: normal x-small verdana, tahoma, arial;
	text-align: justify; 
}