.small{
	font-size: 0.8em;
}
.big{
	font-size: 1.2em;
}
.italic{
	font-style: italic;
}
.actual{
	font-weight: bold;
}
.wait{
  clear: both;
}
.waitL{
  clear: left;
}
.waitR{
  clear: right;
}
.nowait{
	clear: none !important;
}body {
	margin: 0px;
	padding: 0px;
	background-color: white;
	font-family: Trebuchet MS,"Geneva CE",lucida,sans-serif;
	font-size: 14px;
}
body.googleDynMap{
  margin: 0px auto;
  padding: 0px 5px;
}
div#page{
	margin: 5px auto;
	padding: 0px;
	width: 1000px;
	overflow: hidden;
}
/* HEAD */
div#head{
	height: 68px;
	background-image: url('/images/headBg.png');
	background-repeat: repeat-x;
	position: relative;
}
div#headLogo{
	height: 68px;
	width: 154px;
	background-image: url('/images/headLogo.png');
	left: 15px;
	top: 0px;
	position: absolute;
}
div#head h3 {
	font-size: 1.5em;
	color: rgb(102, 153, 255);
	position: absolute;
	bottom: 5px;
	left: 180px;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

/* FOOT */
div#footStart{
	height: 64px;
	margin-top: -20px;
	background-image: url('/images/footBg.png');
	background-position: right;
	background-repeat: no-repeat;
	clear: both;
}
div#foot{
	background-color: rgb(102, 153, 255);
	padding: 10px 20px;
	margin: 2px 0px;
	color: white;
	text-align: right;
	
}
div#foot a{
	color: rgb(255,244,202);
}
div#foot a:hover{
	color: orange;
}
/* CONTENT */
div#content{
	background-image: url('/images/leftBg.png');
	background-repeat: repeat-y;
	background-position: 820px;
}
div#overlayWindow{
	position: absolute;
	border: 1px solid rgb(255,100,0);
	background-color: rgb(255,240,230);
	padding: 5px;
}

/*MENU*/
#atrtitle {
    border:1px solid #000;
    background: rgb(102, 153, 255);
    color:#FFF;
    padding:5px;
    position:absolute;
    font-size:0.7em;
    z-index: 10;
}

div#menu{
	font-size: 1.5em;
	position: relative;
}
div#menu ul {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
div#menu li {
	list-style: none;
}
div#menu div#menuTop {
	background-color: rgb(102, 153, 255);
	margin-bottom: 2px;
}
div#menu div#menuTop ul {
	margin: 0px 180px 0px 0px;
	text-align: right;
}
div#menu div#menuTop li.topMenu {
	list-style: none;
	display: inline;
}
div#menu div#menuTop li.topMenu a.topMenu{
	color: white;
	margin: 0px;
	padding: 10px 30px;
	text-decoration: none;
	line-height: 2.0em;
}

div#menu div#menuStrip {
	position: relative;
	height: 342px;
}
div#menu div#menuRight {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 180px;
	background-color: rgb(102, 153, 255);
	height: 344px;
}
div#menu div#menuRight li a.country {
	text-align: left;
	padding: 0px 30px 0px 30px;
	line-height: 1.8em;
	display: block;
	color: white;
	text-decoration: none;
        _margin-bottom: -27px;
        
        
}
div#menu div#menuRight li.selected a.country{
	text-decoration: underline;
	font-weight: bold;
	/*background-color: rgb(122, 173, 255);*/
}
div#menu div#menuTop li.topMenu a.topMenu:hover, div#menu div#menuRight li a.country:hover, li.activeMenu a.country, li.activeMenu a.topMenu{
	background-image: url('/images/arrowBlueRight.png');
	background-repeat: no-repeat;
	background-position: right;
	background-color: white;
        /*background-color: #f9f9f9;*/
	color: rgb(102, 153, 255) !important;
	text-decoration: underline;
}
div#menu div#menuLeft {
	position: relative;
	z-index: 1;
	margin-right: 180px;
    margin-left: 433px;
	background-repeat: no-repeat;
	height: 342px;
}
div#menu div#menuLeft img{
	border: 0px;
}
div#menu ul.subMenu, ul li div.transparentBg{
	display: none;
	position: absolute;
	top: 0px;
	right: 180px;
	margin-right: 0px;
        width: 388px;
	z-index: 3;
	height: 340px;
	background-position: 1px 0px;
	background-repeat: no-repeat;
}
div#menuTop ul li div.transparentBg{
    top: 42px;
}
div#menu li.activeMenu ul.subMenu{
	display: block !important;
        _display: none !important;
	z-index: 4 !important;
}
ul li div.transparentBg{
    z-index: 2;
    background-color: #F3F7FF;
    display: none;
}
ul li.activeMenu div.transparentBg {
    display: block;
    _display: none !important;
}


div#menu div#menuTop ul.subMenu, div#menu div#menuTop div.defaultSubMenu{
	top: 2.0em;
	right: 0px;
	margin-top: 2px;
}

/* PICTURE */
div#menu div#menuPicture{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%; 
	width: 455px;
        width: 443px;
        width: 431px;
}
div#menu div#menuPicture img{
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
    width: 431px;
	height: 342px; 
}
div#menu div#menuPicture div.menuActual{
	position: absolute;
	bottom: 0px;
	left: 0px;	
	background-color: white;
	width: 100%;
}
div#menu div#menuPicture div.menuActual h3{
	font-size: 1.0em;
	padding: 5px 10px 5px;
	margin: 0px;
	line-height: 1.0em;
	text-align: right;
}
div#menu div#menuPicture div.menuActual p{
	font-size: 0.6em;
	padding: 0px 10px 5px;
	margin: 0px;
	line-height: 1.0em;
	text-align: right;
	font-style: italic;
}
.hiddenPicture{
	display: none;
}
div#menu ul.subMenu a {
	float: left;
	display: block;
	
    width: 126px;
	height: 84px;

	border: 2px solid white;
	margin: -2px 0px 0px -1px;
	position: relative;
	padding: 0px;
	text-decoration: none;
}
div#menu ul.subMenu a div.img{
	position: absolute;
	top: 0px;
	left: 0px;
	
    width: 126px;
	height: 84px;

	z-index: 10;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
div#menu ul.subMenu a:hover div.img{
	position: absolute;
	top: -18px;
	left: -15px;
	width: 150px;
	height: 120px;
	background-color: white;
	border: 2px solid rgb(255,100,0);
	z-index: 15;
	background-position: 0px -120px;
}
div#menu ul.subMenu a div.img div {
	position: absolute;
	bottom: 0px;
	left: 0px;	
	background-color: white;
	width: 100%;
	/*height: 43px;*/
	/*overflow: hidden;*/
	color: black;
}


div#menu ul.subMenu a div.img div h5, div#menu ul.subMenu a div.img div span {
	font-size: 0.55em;
	margin: 0px 0px 0px;
	padding: 2px 2px;
	text-align: right;
	text-decoration: none;
    font-weight: bold;
    display: block;
    white-space: nowrap;
}
div#menu ul.subMenu a div.img div span {
	margin-top: -8px;
	font-size: 0.5em;
    font-weight: normal;
}

div.icons {
    position: absolute;
    width: 422px;
    height: 20px;
    top: 48px;
    left: 4px;
}
div.icons a{
    display: block;
    float: right;
    margin-left: 5px;
    font-size: 0.45em;
    background-color: #fff;
    padding: 1px 3px 1px 23px;
    color: black !important;
    background-repeat: no-repeat;
    background-position: 2px 2px;
}
div.icons a:hover{
    
}
div.icons a.text{
    background-image: url('/images/ico_text.png');
}
div.icons a.gallery{
    background-image: url('/images/ico_gallery.png');
}
div#menu ul.subMenu a div.img0{
  background-position: 0px -0px;
}
div#menu ul.subMenu a:hover div.img0{
  background-position: -150px -0px;
}

div#menu ul.subMenu a div.img1{
  background-position: 0px -120px;
}
div#menu ul.subMenu a:hover div.img1{
  background-position: -150px -120px;
}

div#menu ul.subMenu a div.img2{
  background-position: 0px -240px;
}
div#menu ul.subMenu a:hover div.img2{
  background-position: -150px -240px;
}

div#menu ul.subMenu a div.img3{
  background-position: 0px -360px;
}
div#menu ul.subMenu a:hover div.img3{
  background-position: -150px -360px;
}

div#menu ul.subMenu a div.img4{
  background-position: 0px -480px;
}
div#menu ul.subMenu a:hover div.img4{
  background-position: -150px -480px;
}

div#menu ul.subMenu a div.img5{
  background-position: 0px -600px;
}
div#menu ul.subMenu a:hover div.img5{
  background-position: -150px -600px;
}

div#menu ul.subMenu a div.img6{
  background-position: 0px -720px;
}
div#menu ul.subMenu a:hover div.img6{
  background-position: -150px -720px;
}

div#menu ul.subMenu a div.img7{
  background-position: 0px -840px;
}
div#menu ul.subMenu a:hover div.img7{
  background-position: -150px -840px;
}

div#menu ul.subMenu a div.img8{
  background-position: 0px -960px;
}
div#menu ul.subMenu a:hover div.img8{
  background-position: -150px -960px;
}

div#menu ul.subMenu a div.img9{
  background-position: 0px -1080px;
}
div#menu ul.subMenu a:hover div.img9{
  background-position: -150px -1080px;
}

div#menu ul.subMenu a div.img10{
  background-position: 0px -1200px;
}
div#menu ul.subMenu a:hover div.img10{
  background-position: -150px -1200px;
}

div#menu ul.subMenu a div.img11{
  background-position: 0px -1320px;
}
div#menu ul.subMenu a:hover div.img11{
  background-position: -150px -1320px;
}

div#menu ul.subMenu a div.img12{
  background-position: 0px -1440px;
}
div#menu ul.subMenu a:hover div.img12{
  background-position: -150px -1440px;
}

div#menu ul.subMenu a div.img13{
  background-position: 0px -1560px;
}
div#menu ul.subMenu a:hover div.img13{
  background-position: -150px -1560px;
}

div#menu ul.subMenu a div.img14{
  background-position: 0px -1680px;
}
div#menu ul.subMenu a:hover div.img14{
  background-position: -150px -1680px;
}

div#menu ul.subMenu a div.img15{
  background-position: 0px -1800px;
}
div#menu ul.subMenu a:hover div.img15{
  background-position: -150px -1800px;
}
div#content a{
	color: rgb(100, 50, 255);
}
div#content a:visited{
	color: rgb(130, 0, 255);
}
div#content a:hover{
	color: rgb(255,100,0);
}
div#noSpace{
	margin-top: 0px;
	border-bottom: 1px solid white;
	width: 200px;
}

div#content hr {
	display: block;
	margin: 30px 200px 20px 30px;
	height: 0px;
	border: 0px;
	border-top: 1px solid rgb(102, 153, 255);
	padding: 0px;
}
div#content h1, div#content h2.inverted{
	margin: 0px;
	padding: 50px 0px 5px 60px;
	background-image: url('/images/h1Bg.png');
	background-repeat: no-repeat;
	background-position: 18px 14px;
	color: rgb(102, 153, 255);
	font-size: 2.2em;
	font-style: normal;
}
div#content h2, div#content h1.inverted{
	padding: 2px 0px 15px 60px;
	margin: 0px;
	background-image: none;
  color: black;
	font-size: 1.5em;
	font-style: italic;
	
}
div#content p{
	margin: 5px 200px 5px 30px;
	text-indent: 30px;
	line-height: 1.9em;
	text-align: justify;
}
div#content small{
	display:block;
	margin: 5px 200px 15px 30px;
	color: #aaa;
	text-align: right;
	margin-top: -10px;
	font-size: 0.75em;
}

div#content ul{
	margin: 5px 200px 5px 30px;
	padding: 0px 30px;
	line-height: 1.9em;
}
div#content h3{
	color: rgb(102, 153, 255);
	margin: 10px 200px 10px 30px;
	font-size: 1.6em;
	border-bottom: 1px solid rgb(102, 153, 255);
	padding: 14px 0px 5px;
	clear: both;	
}
div#content h4{
	margin: 10px 200px 10px 30px;
	font-size: 1.15em;
	padding: 14px 0px 5px;
	clear: left;
}

/*
ul.shortInfo {
	background-color: #f6faff;
	border: 1px solid #def;
	
}
ul.shortInfo li{
	margin-left: 25px;
	padding-left: 15px;
	font-style: italic;
}*/
div#content ul.shortInfo{
	/*border-left: 4px solid #ccc;*/
	background-color: #eee;
	padding: 1px 0px 1px;
	/*border-top: 2px solid #ccc;*/	
}
div#content ul.shortInfo li{
	margin: 5px 3px 5px 5px;
	padding: 0px 10px 0px 15px;
	list-style-type: none;
	border-left: 21px solid #ddd; 
	line-height: 150%;
}
div#content dl{
    margin-left: 30px; margin-right: 200px;     
}
div#content dl dt{
    width: 10em;
    background-color: #eee;
    position: absolute;
    display: block;
    text-align: right;
    padding: 5px;
}
div#content dl dd{
    padding: 5px;
    display: block;
    margin: 2px 2px 2px 11em;
}
div#content form{
	margin-left: 30px; margin-right: 200px;
	background-color: #eee;
}
div#content form table{
	padding: 5px;
}
div#content form table th{
	color: #333;
	background-color: #e0e0e0;
	text-align: right;
	padding: 2px 5px 5px 15px;
}
div#content form table td{
	padding: 5px;
	
}

.gpsData{
  float: right;
  margin: 0px 30px 10px 10px;
  padding: 10px;
  background-color: white;
  clear: right;
  text-align: right;
}
.gpsData img{
	display: block;
	border: none;
}


table.trackDetail {
	border-collapse: collapse;
	margin: 10px 200px 10px 30px;
	width: 770px;
}
table.trackDetail td, table.trackDetail th{
	text-align: right;
	padding: 2px 3px;
}
table.trackDetail td.placeInfo {
	padding: 0px 10px 0px 0px;
	width: 32px;
}
table.trackDetail td.place {
	width: 148px;
	text-align: right;
	font-weight: bold;
	padding: 2px 2px 2px 0px;
}
table.trackDetail td.mark {
	width: 21px;
	padding-left: 0px;
	padding-right: 0px;
	vertical-align: middle;
	text-align: center;
	background-image: url('/images/markBg.png');
	background-position: center center;
	background-repeat: no-repeat; 
	font-weight: bold;
	font-family: Arial;
}
table.trackDetail td.markConnect {
	width: 21px;
	padding-left: 0px;
	padding-right: 0px;
	background-image: url('/images/markConnect.png');
	background-position: center 8px;
	background-repeat: repeat-y; 
}
table.trackDetail th{
	border-bottom: 2px solid #ccc;
	background-color:  #eee;
	padding: 7px 3px;
}
table.trackDetail tr.total td{
	border-top: 2px solid #ccc;
	background-color:  #eee;
	padding: 7px 3px;
}
table.trackDetail td.bigOne{
	padding: 0px;
}
table.trackDetail div.trackInfoBox2 img{
	width: 250px;
	height: 210px;
	display: block;
	float: right;
	border: 1px solid #ccc;
	margin: 5px;
	padding: 5px;
}
table.trackDetail .ico {padding-left: 20px; background-repeat: no-repeat; background-position: 1px center;}
table.trackDetail .time { background-image: url('/images/track/time.gif');}
table.trackDetail .length { background-image: url('/images/track/length.gif');}
table.trackDetail .way_up {color: #050; background-image: url('/images/track/way_up.gif'); margin-right: 7px;}
table.trackDetail .way_down {color: #800; background-image: url('/images/track/way_down.gif');}

table.trackDetail .tdTime, table.trackDetail .tdHeight {
  color: #888; 
  font-weight: normal;
  font-size: 0.7em;
  padding: 0px;
  margin: 0px; 
  line-height: 0.9; 
}

.pt{
  border-bottom: 1px dotted #aaa;
  cursor: pointer;
}

table.peaks tr td, table.peaks tr th{
  text-align: left;
}
table.peaks tr.active td{
  background-color: rgb(255,235,200);  
  border-bottom: 1px solid #aaa;
}





table.casy{
	border-collapse: collapse;
	margin: 10px 200px 0px 30px;
	width: 770px;
}

table.casy th, table.casy td{
	text-align: left;
	border: 1px solid #bbb;
	padding: 1px 3px;
}
table.casy th {
	background-color: rgb(102, 153, 255);
	color: white;
	padding: 2px 5px;	
}
table.casy td.sum{
	background-color: #ddd;
}
span.trackInfo{
	margin: 0px 220px 15px 30px;
	padding-bottom: 15px;
	font-size: 0.75em;
	color: #aaa; 
}



/*TODO*/
.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('/css/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;}

/* FLASHES */

.admin, .adminSmall, .flash{
	border: 1px solid rgb(102, 153, 255);
	margin: 10px 200px 10px 30px;
	padding: 10px 10px 10px 50px;
	background-color: rgb(235, 240, 255);
	background-image: url('/images/flash/info.png');
  	background-position: 10px center;
  	background-repeat: no-repeat;
}
.admin, .adminSmall{
  background-color: rgb(252, 249, 207);
  border: 1px solid rgb(230, 219, 85); 
  background-image: url('/images/flash/admin.png'); 
}
div#content .admin li{
  margin: 3px 0px 3px 50px;
  padding-left: 15px; 
}
.adminSmall{
  	background-image: url('/images/flash/adminSmall.png');
  	margin: 5px 200px 5px 30px;
	padding: 1px 10px 1px 50px;
}
.flash_success{
	background-image: url('/images/flash/info.png'); 
}
.flash_error{
	background-image: url('/images/flash/error.png');
	background-color: rgb(255,230,230);
  	border: 1px solid red; 
}

#content div.articleLi{
	list-style: none;
	margin: 10px 200px 10px 50px;
	padding: 5px;
	clear: left;
}
#content div.articleLi p{
	text-indent: 0px;
	font-size: 0.9em;
	font-style: italic;
	padding: 0px;
}
div.articleLi h5{
        margin: 0px;
        padding: 0px;
	font-size: 1.0em;
	padding-top: 15px;
}
div.articleLi a img{
	border: 1px solid rgb(102, 153, 255);
	float: left;
	margin: 5px 10px;
}
div.articleLi a:hover img{
	border: 1px solid rgb(255,100,0);
}
.group{
	font-size: 0.7em;
	font-style: italic;
	
}
h3 .group{
	color: black;
	text-decoration: none;
	margin-top: 10px;
}
.persons{
  font-size: 0.8em;
  font-style: italic;
}
/**preson preview*/
.personWrap{
  position: relative;
  display: inline;
}
.personWrap a{
  position: relative;
  z-index: 1;
}
.personPreview{
  z-index: 2;
  border: 1px solid #aaa;
  margin: 0px 0px 0px;
  position: absolute;
  top: 1.5em;
  left: 0em;
  padding: 5px;
  background-color: white;
  width: 200px;
  font-size: 0.8em;
  display: none;
}
.personPreview img{
  border: 1px solid #aaa;
  margin: 0px 10px 0px 0px;
  padding: 0px;
  float: left;
  width: 80px;
  height: 60px;
}
.personPreview h5{
  font-size: 1.2em;
  margin: 0px 0px 5px;
  padding: 0px;
}
li img.ii{
  position: absolute;
  margin: 5px 0px 0px -31px;
}
li img.ii-plan{
  
}
#navigation{
  
  margin: 1px 182px 2px 2px;
  padding: 2px 5px; 
  /*border-bottom: 1px solid rgb(122, 173, 255);*/
  
  float: right; 
  width: 350px; 
  font-size: 0.75em;
  color: #aaa;
}
.peakHeight4000{
  color: rgb(0,0,153);
  color: rgb(0,0,255);
}
.peakHeight3000{
  color: rgb(153,0,0);
  color: rgb(255,0,0);
}
.peakHeight2000{
  color: rgb(0,153,0);
}
.peakHeight1000, .peakHeight0{
  color: rgb(255,153,0);
}
#whereNext{
    display: none;
}
#commentFormAdd{
    display: none;
}
div.copyrights{
  color: gray;
  margin-left: 30px; margin-right: 200px;
  position: relative;
  font-size: 0.9em;
  font-style: italic;
  text-align: right;
  margin-top: 15px;  
}

div#content ul.overview{
	margin-left: 30px; margin-right: 200px;
}
div#content table.overview{
	margin-left: 30px; margin-right: 200px;
  border-collapse: collapse; 
}
div#content table.overview th, div#content table.overview td{
  text-align: center;
  padding: 5px 20px;
  border: 1px solid #eee;
  min-width: 130px;
  min-height: 20px;
}
div#content table.overview th{
  background-color: #eee;
  border-bottom: 2px solid #ccc; 
}
div#content table.overview td.day{
  background-color: #eee;
  border-right: 2px solid #ccc;
  border-bottom: 1px solid #ccc;  
}
a.video{
  float: right;
  width: 150px;
	margin: 10px 40px 10px 30px;
	padding: 130px 10px 15px 10px;
	background-position: center 10px;
  background-repeat: no-repeat;
  background-color: rgb(252, 249, 207);
  border: 1px solid rgb(230, 219, 85); 
  background-image: url('/images/video.png');
  color: black;
  text-decoration: none;
  text-align: center; 
}
a.video:hover {
  border-color: rgb(255,100,0);
}
/*FOTO*/
.fotoWrap{
	margin-right: 180px;
	margin-left: 30px;
}
dl .fotoWrap{
	margin-right: 0px;
	margin-left: 0px;
}

.rfotka {
  width:245px; 
  float:left; 
  text-align: center;
  margin: 5px 12px 5px 0px;
  border: 1px solid #ddd;
}
.rfotka img{
  display: block;
  width: 225px;
  height: 169px;
  border: 1px solid #ddd; 
  margin: 10px auto 7px;
}
.rfotka a:hover img{
  border: 1px solid rgb(255,100,0);
} 
.rpopisek{
  display: block;
  margin: 7px auto;
  border: 0px; 
  font-size:0.85em;
  height: 2.5em;
  padding: 0px 5px;
}
.rpopisek .from{
    font-size: 0.8em;
}

/*GALLERY*/

.rightImgWrap{
	float: right;
	margin: -30px 0px 0px 0px;
	background-color: rgb(112, 173, 255);
	border: 1px solid rgb(82, 143, 255);
	border-right: 0px;
	padding: 7px 28px 7px 7px;
	background-repeat: no-repeat;
	background-position: right 10px;
	clear: right;
}
.placeWrap{
	background-image: url('/images/misto.png');
}
.galleryWrap{
	background-image: url('/images/galerie.png');
}
.wayWrap{
	margin: 10px 0px 0px 0px;
	background-image: url('/images/cesta.png');
}
#content .rightImgWrap p{
	margin: 0px 0px -10px;
	padding: 0px;
	text-align: right;
	color: white;
	font-size: 0.75em;
	
}

div.galleryFoto {
  margin: 5px auto;
  padding: 5px 5px;
}
div.galleryFoto img{
  display: block;
  width: 108px;
  height: 81px;
  border: 1px solid #ddd; 
  margin: 0px auto;
}
div.galleryFoto a:hover img{
  border: 1px solid rgb(255,100,0);
} 

div.inlinefoto{
  margin: 5px;
  float: left;
  border: 1px solid #ccc;
  display: block;
}
div.inlinefoto img {
  display: block;
  margin: 10px; 
  padding: 0px;
  border: 1px solid #ccc;
}
div.inlinefoto div.popisek{
  margin: 3px 10px; 
  color: gray;
  font-size: 0.8em;
  width: auto;
  display: block;
  padding: 0px;
  text-align: center; 
}

/** GALLERY PREVIEW */
.galleryPreviewWrap{
    margin-left: 30px; margin-right: 200px;
    margin-right: 100px;
}
.galleryPreview{
    clear: none !important;
    width: 365px;
    font-size:0.9em;
    float: left;
    clear: none;
    margin: 10px 20px 10px 0px;
    padding: 5px;
    border: 2px solid #ddd;
}
.galleryPreview:hover{
    /*border-color: rgb(255,100,0);*/
    border-color: rgb(122, 173, 255);
    background-color: rgb(235, 240, 255);
}

.galleryPreview:hover .galFotoWrap .rfotka img{
    
    border-color: rgb(122, 173, 255);
}
div#content .galleryPreview h4{
    clear: none;
    margin: 10px 0px;
    padding: 0px;
    text-indent: 0px;
    text-align: center;

}
.galFotoWrap{
    
}

.galFotoWrap .rfotka {
  float:left;
  text-align: center;
  margin: 0px;
  border: 0px;
  width: 121px;
}
.galFotoWrap .rfotka img{
  display: block;
  width: 120px;
  height: 90px;
  border: 1px solid #ddd;
  margin: 0px auto;
}
ul.sortable li img {
  float: left;
  margin-right: 50px;
}
/*Comments*/
#content .comment{
	margin: 5px 200px 25px 30px;
	padding: 0px;
}
#content .comment p{
	text-indent: 0px;
	margin: 0px;
}
#content .comment .comment_info{
	padding: 3px 20px;
	border-bottom: 2px solid #ccc;
	background-color: #eee;
	
}
#content .comment .comment_info em{
	font-style: normal;
	font-weight: bold;
}
#content .comment .comment_content{
	padding: 3px 25px;
}
#content .comment .answer{
	margin: 5px 0px 5px 30px;
}
#content .comment .answer .comment_info{
	border-bottom: 2px solid #aaa;
	background-color: #ccc;
}
#content .comment .date{
	float: right;
}.pocasiInfo{
	display: none;
}
div.pocasiMapa{
	position: relative;
}
div.pocasiMapa h5{
	font-size: 1.4em;
	font-style: italic;
	font-weight: normal;
	position: absolute;
	right: 5px;
	top: 5px; 
}
div.pocasiMapaWrap{
	margin: 5px;
	border: 0px solid gray;
	padding: 0px;
	display: block;
	float: left;
	background-color: white;
}

.pocasiStripWrap{
	margin: 10px 0px 0px 0px;
	background-image: url('/images/pocasi.png');
	width: 120px;
}
div#content .pocasiStripWrap a{
	margin: 0px;
	padding: 0px; 
	font-size: 0.8em;
	color: white;
}
div#content .pocasiStripWrap a:hover{
  color: rgb(255,100,0);
}
.pocasiStripWrap div.symbol{
  width: auto;
  line-height: 32px;
  height: 32px;
  color: white;
  margin: 0px;
  padding: 0px; 
  width: 120px;
}
.pocasiStripWrap img{
  width: 32px;
  height: 32px;
  float: left;
  clear: left;
  margin-right: 5px;
}


div.pocasiPicture{
	position: absolute;
}
div.pocasiPicture img.poc{
	width: 32px;
	height: 32px;
	border: 1px solid #F18F18;
	background-color: white;
	display: block;
}

img.centered {
    position: relative;
    top: 5px;
    margin-top: -5px;
}

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;
}

h3.pocasi{padding:3px 0px 3px 42px; background-image:url('/css/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.pocasi td{
	text-align: right;
}
table.pocasi th{
	text-align: center;
}
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;	
}


/* MENU */
#pocasiMenu .actual{
	text-decoration: underline;

}
#pocasiMenu {
	margin-bottom: 20px;
	color: white;
	width: 130px;
	background-image: url('/images/pocasi.png');
}
#pocasiMenu a{
	color: white !important;
	text-decoration: none;
}
#pocasiMenu a:hover{
	color: rgb(255,100,0) !important;
	text-decoration: underline;
}

#pocasiMenu a.pocasiMenuCountry{
	display: block;
	font-size: 1.15em;
	margin: 5px 0px;
	font-weight: bold;
}	
#pocasiMenu ul{
	margin: 0px !important;
	padding: 0px 0px 0px 0px !important;
	display: block;
}
#pocasiMenu ul li{
	margin: 8px 0px 8px 30px !important;
	padding: 0px 0px 0px 0px !important;
	display: list-item;
	font-size: 0.9em;
	list-style-type: disc !important;
	line-height: 1.2em;
}
#pocasiMenu ul li a{
	
}
.gmapCaption{
	display: block;
	position: absolute;
	background-image: url('/images/gmap/arrow.png');
	padding: 5px 0px 0px 5px;
	background-repeat: no-repeat;
	
}
.gmapCaptionContent{
	border: 1px solid black;
	background-position: -1px -1px;
	padding: 14px 0px 0px 14px;
	background-repeat: no-repeat;
	max-width: 160px;	
	background-color: white;
	position: relative;
	z-index: 1;
}
.gmapCaption .mount{
	background-image: url('/images/gmap/mount.png');
	background-color: rgb(235,230,255);
}
.gmapCaption .foto{
	background-image: url('/images/gmap/foto.png');
	background-color: rgb(255,220,240);
}
.gmapCaption .hut{
	background-image: url('/images/gmap/hut.png');
	background-color: rgb(210,180,190);
}
.gmapCaption .camp{
	background-image: url('/images/gmap/camp.png');
	background-color: rgb(255,230,210);
}
.gmapCaption .info{
	background-image: url('/images/gmap/info.png');
	background-color: rgb(230,255,230);
}
.gmapCaption .pass{
	background-image: url('/images/gmap/pass.png');
	background-color: rgb(230,255,230);
}
.gmapCaption .city{
	background-image: url('/images/gmap/city.png');
	background-color: rgb(210,180,190);
}
.gmapCaption .empty{
	background-image: url('/images/gmap/empty.png');
	background-color: rgb(235,230,255);
}
.gmapCaption .parking{
	background-image: url('/images/gmap/parking.png');
	background-color: rgb(235,230,255);
}
.gmapCaption .cross{
	background-image: url('/images/gmap/cross.png');
	background-color: rgb(255,221,185);
}

.gmapHidden{
	display: none;
	margin: 3px 7px 7px 0px;
}
.statistics {
	padding-right: 200px;
}
.statistics table{
	border: 1px solid #ccc;
	margin-left: 30px;
        font-size: 0.75em;
}
.statistics table th, .statistics table td{
	padding: 2px 4px;
}
.statistics table th{
	background-color: #888;
	color: white;
	font-weight: normal;
}
.statistics table td{
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url('/images/colorbox/overlay.png') 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url('/images/colorbox/controls.png') -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url('/images/colorbox/controls.png') -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url('/images/colorbox/controls.png') -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url('/images/colorbox/controls.png') -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url('/images/colorbox/controls.png') left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url('/images/colorbox/controls.png') right top repeat-y;}
    #cboxTopCenter{height:21px; background:url('/images/colorbox/border.png') 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url('/images/colorbox/border.png') 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px; min-height: 15px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:black; font-weight: bold;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url('/images/colorbox/controls.png') -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url('/images/colorbox/controls.png') -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url('/images/colorbox/loading_background.png') center center no-repeat;}
        #cboxLoadingGraphic{background:url('/images/colorbox/loading.gif') center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url('/images/colorbox/controls.png') -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}
.jTagArea{
}

.jTagOverlay{
	width:100%;
	height:100%;
	position:relative;
}

.jTagDrag{
	width:100px;
	height:100px;
	border:1px dashed black;
	cursor: move;
}

.jTagInput{
	margin-right:44px;
}

.jTagSave{
	width:100%;
	background: black;
}

.jTagInput input{
	border:1px solid black;
	width:100%;
	float:left;
	padding:0;
	margin:0;
}

.jTagSaveClose{
	cursor:pointer;
	float: right;
	width:20px;
	height:20px;
	background: url('/images/cancel.png') no-repeat;
	background-position: center center;
}

.jTagDeleteTag{
	display: none;
	cursor: pointer;
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index:5;
	width: 20px;
	height: 20px;
	background: url('/images/cancel.png') no-repeat;
}

.jTagSaveBtn{
	cursor:pointer;
	float: right;
	width: 20px;
	height: 20px;
	background: url('/images/save.png') no-repeat;
	background-position: center center;
}

.jTagPngOverlay{
	background: url('/images/trans.png');
}


.jTagTag{
	opacity: 0;
	border:2px solid black;
	position:absolute;
}

.jTagTag span{
	width:100%;
	background-color: black;
	color:#fff;
	height:20px;
	position: absolute;
	bottom: 0px;
	text-align: center;
	font-size: 10px;
	line-height: 20px;
}

.jTagLabels{
	padding: 0px 5px;
        font-size: 0.65em;
        font-weight: normal;
        color: #777;
}

.jTagLabels label{
	font-weight: normal;
	padding: 0px;
        display: inline;
        color: black;
	cursor:pointer;
}