body {margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; background-color: #fff;}
table, td, th, input, select, textarea {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em;}
form {margin: 0;}
fieldset {border: none; padding: 0px;}
a {/*color: #F8AE01;*/ color: #999; text-decoration: none;}
a:hover {text-decoration: underline;}
a img {border: none;}

a.external{
	padding-right: 9px;
	background: url(/resource/img/public/external2.gif) no-repeat 100% 5px;
}
a.external:hover{
	background: url(/resource/img/public/external2_hover.gif) no-repeat 100% 5px;
}

h1 {margin: 0px; font-size: 1.6em; margin-top: 10px; padding-left: 30px;}
h2 {margin: 15px 0 5px 0; font-size: 1.2em; text-transform: uppercase;}
h3 {margin: 15px 0 3px 0; font-size: 1.1em;}
h6 {font-size: 1.2em; margin: 0 0 15px 0; border-top: 2px solid #D4D4D4; border-bottom: 2px solid #D4D4D4; padding: 2px 10px;}
p {text-align: justify; margin: 0 0 10px 0;}
ul {list-style: none; margin: 10px 0 10px 22px; padding: 0;}
ul li {background: url(/resource/img/public/odr-seda.gif) no-repeat left 0.4em; padding: 0 0 7px 18px;}
ol li {padding-bottom: 7px;}

#pruh1 {background: #F0F2F1; background: url(/resource/img/public/background.png) -200px -50px;}
#pruh1 h1{color: #000;}
#pruh2 {text-align: center; padding: 30px 0 10px 0; position: relative;}
.container {width: 100%; margin: 0 auto; text-align: left;}
#pruh1 .container {}
.sloupec1 {float: left; width: 223px; position: relative;}
.sloupec2 {float: left; width: 100%; position: relative;}
#pruh2 .sloupec2 {clear: left;}
#pruh2 .sloupec1 {display: none;}
.sloupec3 {display: none;}

/* pruh1 sloupec1 */
.sloupec1 a {color: #000;}
a#logo {display: block; background: url(/resource/img/public/logo_mainpage.png) no-repeat; width: 161px; height: 96px; overflow: hidden;}
a#logo span {display: none;}
#menu1 {display: none;}
#photo{
	display: none;
}

/* pruh1 sloupec2 */
#mesto_103 {position: absolute; top: 47px; left: 39px; display: block; background: url(/resource/img/public/menu-vysoke-myto.gif) no-repeat; width: 103px; height: 103px; overflow: hidden;}
#mesto_103:hover {top: 35px; left: 27px; background: url(/resource/img/public/menu-vysoke-myto-over.gif) no-repeat; width: 128px; height: 128px; z-index: 10;}

#mesto_101 {position: absolute; top: 47px; left: 189px; display: block; background: url(/resource/img/public/menu-litomysl.gif) no-repeat; width: 103px; height: 103px; overflow: hidden;}
#mesto_101:hover {top: 35px; left: 177px; background: url(/resource/img/public/menu-litomysl-over.gif) no-repeat; width: 128px; height: 128px; z-index: 10;}

#mesto_100 {position: absolute; top: 47px; left: 339px; display: block; background: url(/resource/img/public/menu-policka.gif) no-repeat; width: 103px; height: 103px; overflow: hidden;}
#mesto_100:hover {top: 35px; left: 327px; background: url(/resource/img/public/menu-policka-over.gif) no-repeat; width: 128px; height: 128px; z-index: 10;}

#mesto_99 {position: absolute; top: 147px; left: 113px; display: block; background: url(/resource/img/public/menu-svitavy.gif) no-repeat; width: 103px; height: 103px; overflow: hidden;}
#mesto_99:hover {top: 135px; left: 101px; background: url(/resource/img/public/menu-svitavy-over.gif) no-repeat; width: 128px; height: 128px; z-index: 10;}

#mesto_102 {position: absolute; top: 147px; left: 264px; display: block; background: url(/resource/img/public/menu-moravska-trebova.gif) no-repeat; width: 103px; height: 103px; overflow: hidden;}
#mesto_102:hover {top: 135px; left: 252px; background: url(/resource/img/public/menu-moravska-trebova-over.gif) no-repeat; width: 128px; height: 128px; z-index: 10;}

#pruh1 .sloupec2 a span {display: block; margin-left: 130px;}

/* pruh1 sloupec3 */
#jazyky {display: none;}
#pruh1 form {margin-bottom: 15px;}
#pruh1 input {background: #fff; border: none; color: #BE2335; border: 2px solid #fff; margin-bottom: 5px;}
#pruh1 input.tlacitko {background: #fff url(/resource/img/public/sipka.gif) no-repeat right; border: 1px solid #BE2335; padding: 3px 20px 3px 5px; font-weight: bold; font-size: 0.9em; text-align: left;}
#mapastranek {display:none;}
#search{display: none;}

/* pruh2 sloupec1 */
#menu2 {padding: 0 0 0 50px; line-height: 1.5em; font-size: 1.1em;}
#pohlednice {margin: 30px 20px 20px 50px;}

/* pruh2 sloupec2 */
#obsah {padding: 0 70px 20px 30px;}
#obsah a {font-weight: bold;}
#obsah input.tlacitko {background: #fff url(/resource/img/public/sipka.gif) no-repeat right; border: 1px solid #999; color: #BE2335; padding: 3px 20px 3px 5px; font-weight: bold; font-size: 0.9em; text-align: left;}


/* pruh2 sloupec3 */
.novinka {padding: 0 10px 15px 10px;}
.akce {padding: 0 10px 15px 10px;}
.anketa {padding: 0 10px 0 10px;}
.otazka {margin: 0 0 10px 0;}
.odpoved {margin: 0 0 10px 0;}
.odpoved a {background: url(/resource/img/public/odr-seda.gif) no-repeat left 0.4em; padding: 0 0 0 12px; display: block; width: 100%;}
.odpoved .bar {background: #bfbfbf; margin: 2px 0 0 0;}



#paticka {text-align: center; padding: 0 0 20px 0; color: #555;}
#paticka .padd {}
#paticka a {color: #555; text-decoration: underline;}
#eu {font-size: 0.9em;}
#copy {margin-top: 1em; font-size: 0.8em;}

.cleaner {clear: both; height: 1px; overflow: hidden;}
.cervena {color: #BE2335;}
.zelena {color: #89B604;}
.datum {font-weight: bold;}
.fLeft {float: left; margin: 0 20px 10px 0;}
.fRight {float: right; margin: 0 0 10px 20px;}
.border {border: 5px solid #e3e5e4;}
.galerie {background: #e3e5e4; padding: 11px 0 0 11px; margin: 10px 0;}
.galerie img {margin: 0 11px 11px 0; border: 1px solid #fff;}
.nowrap {white-space: nowrap;}
.right {text-align: right;}
.center {text-align: center;}

table.formular {border: none; border-collapse: collapse; border-bottom: 1px solid #fff; border-right: 1px solid #fff; margin: 10px 0;}
table.formular td {padding: 3px 10px;}
table.formular th {padding: 3px 10px; background: #bfbfbf; color: #fff; text-align: left; border-top: 1px solid #fff; border-left: 1px solid #fff;}
table.formular tr.nostyle td, table.formular tr.nostyle th {background: none;}


/**PRIDANO**/

#obsah div.closerinfo {
	margin: 1px 0px 10px 0px;;
	border: 1px solid #eeeeee;
	background: #eeeeee;
/*  position: relative;*/
 }

#obsah div.closerimage {
	min-height: 160px;
/*	max-height: 250px;*/
 }

#obsah div.closerinfo img {
/* position:relative;*/
    margin: 3px;
	float: left;
/*	max-height: 100px;*/
	border: 1px solid black;
 }

#obsah div.closerinfo img.star {
	float: none;
	vertical-align: -50%;
	border: none;
	width: 25px;
	height: 21px;
}

#obsah div.closerinfo img.logo {
  	float: right;
	padding: 3px;
}

#obsah div.closerinfo img.ikonka {
  	float: none;
  	vertical-align: middle;
}

#obsah div.closerinfo p {
	margin-left: 2px;

}

#obsah div.closerinfo a.email {
	font-weight: normal;
}

.mappart {
	width: 120px;
	background-color: #FFFFFF;
	border: 1px solid #A8B8C9;
	font-size: 0.8em;
}

.mappart_typy {
	background-color: #E4EBF2;
	padding: 0px 1px 1px 1px;
}

.mappart_typ {
	float: left;
	padding: 3px 3px 0px 3px;
	color: black;
	height: 17px;
	width: 53px;
	cursor: pointer;
	background-color: #E4EBF2;
	font-weight: bold;
	text-align: center;
}

.mappart_typ_selected {
	float: left;
	padding: 3px 3px 0px 3px;
	color: white;
	font-weight: bold;
	width: 53px;
	height: 17px;
	background: url('/resource/img/public/map_tlacitko_pozadi.jpg') repeat-x;
	cursor: pointer;
	text-align: center;
}

.mappart p {
	clear: both;	
	margin: 0px;
	padding: 10px 10px 5px 5px;
	background: url('/resource/img/public/map_pozadi.jpg') repeat-x;
}

.mappart #upozorneni {
	margin: 0px 0px 7px 10px;
	padding: 0px;
	color: #4682B4;
	width: 100px;
}

.mappart p label {
	cursor: pointer;
}

div.wgs {
  margin: 7px 6px 0px 10px;
  width: 270px; 
  border: 1px solid #888; 
  text-align: center; 
  position:relative; 
  height: 20px;	
  float: right;
}

div.wgs div.pop {
	float: left;
	font-weight: bold;
	font-size: 0.8em;
	width: 30%;
	color: #111;
	padding-top: 2px;
}

div.wgs div.cl {
  	height:1px; 
  	clear:left;
  	position:absolute;
}

div#coords_lat, div#coords_lng {
	text-align: center; 
	float: left;
	width: 35%; 
	font-weight: bold;
	padding-top: 2px;
	color: black;
	font-size: 83%;
}

div#coords_lat{

}

div#coords_lng{

}
#map_wrapper{
	width: 95%;
	height: auto;
	margin: 0 auto;
}

div.map {	
	width: 100%;
	height: 25px;
	border: 1px solid black;
	background: url('/resource/img/public/loader.gif') 50% 50% no-repeat;
}

.gmap-info-window {
	
}

.gmap-info-window a {
	display: block;
}

.gmap-info-window a img{
	display: block;
	border: none;
}

.map-label {
	background-color:#ffffff;
	font-weight:bold;
	border:2px #006699 solid;
}

#pohlednice p{
	text-align: left;
}

img.preview {
	width: 350px;
	display: block;
	margin: 0px auto;
	border: #cecece 2px solid;
}

.pohlednice {
	width: 70%;
	margin: 10px auto;
	border: #cecece 2px solid;
}

.pohlednice img {
	width: 100%;
	display: block;
	margin-bottom: 30px;
}

.pohlednice .osloveni, .pohlednice .zprava, .pohlednice .podpis  {
	margin: 0px 20px;
	font-size: 1.4em;
}

.pohlednice .osloveni {
	color: green;
	font-weight: bold;
}

.pohlednice .podpis {
	text-align: right;
	font-style: italic;
	margin-bottom: 30px;
}

.listArrows {
	margin: 0px auto;
	margin-top: 40px;
	text-align: center;

}

	.listArrow p.total {
        border-top: 1px solid #cecece; 
		font-weight: bold;
	}

	.listArrows .numbers {
		margin: 0px auto;
		display: inline;
		padding: 0px;
	}

	.listArrows li {
		background: none;
		background-image: none;
		display: inline;
		margin: 0px 5px;
		padding: 1px 4px;
		border: #cecece 1px solid;
	}

	.listArrows li.current {
		font-weight: bold;
		border: black 1px solid;
	}
	
	.anketa{
		clear: left;
		padding: 0px 0px 0px 5px;
	}
	
	p.anketa{
		padding: 0px 5px 5px 10px;
		text-align: left;
	}
	
	.anketa p.anketa{
		padding: 0px;
	}
	
	.anketa img {
		margin-bottom: 2px;
	}

/* anketa v boxu */

.anketa input.radio {
	width: 20px;
	height: 12px;
	float: left;
	margin: 1px 0px 0px 0px;
}

.anketa label {
	float: left;
	width: 140px;
	margin-bottom: 5px;
}

.anketa label:hover {
	color: #f00;
}

/*  p.anketa {
    margin-top: 10px;
  }
*/
	p.anketa div {
		margin-left: 0px;
	}

	p.anketa span {
		font-size: 0.8em;
	}
	
	
.anketa textarea {
    width: 90%;
	height: 50px;
	font-size: 0.9em;
  }

	

/* ankety - souteze - velky formular */
/* - viz formular */

/* ankety - archiv */
table.archiv {
  width: 100%;
}

table.archiv td {
  width: 50%;
  padding: 10px;  
}

  table.archiv td {
    border: 1px solid black;
    vertical-align: top;
  }  

  table.archiv td.not {
    border: 1px solid white;
  } 
  
  table.archiv div.anketa h4 {
      color: #295ba4;
      margin: 0px 10px 5px 10px;
      border-bottom: 1px solid black;  
  }
  
  table.archiv div.anketa span, table.archiv div.anketa strong {
    display:block;
  }
/* fotogalerie */

  .info {
      background-color: #f4f4f4;
      margin-bottom: 2px;
	  	border-bottom: 1px solid #cecece;
  }
	
	.tema_photos{
		padding-top: 0px;
	}
	.tema_photos .foto{
		position: relative;
		float: left;
		width: 140px;
		height: 140px;
		margin: 20px 10px 20px 0px;
	}
	.tema_photos .foto_frame{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 140px;
		height: 140px;
		background: transparent url(/resource/img/public/gallery_frame.png) no-repeat;
  		_background: none!important; 
  		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/img/public/gallery_frame.png', sizingMethod='scale');
		z-index: 100;
	}
  .fotogal .foto{
  	position: relative;
  	float: left;
  		width: 	150px;
		text-align: center;
	  height: 180px;
	  font-size: 83%;
	  margin: 0px 2px 20px 0px;
	}
	.fotogal .foto{
		width: 	150px;
		height: 140px;
		padding: 10px 0px 10px 0px;
	}
	.tema_photos .foto, .fotogal .foto img, .tema_photos .foto_frame{
		cursor: pointer;
	}
	.fotogal .foto_frame{
		position: absolute;
		left: 5px;
		width: 140px;
		height: 140px;
		background: transparent url(/resource/img/public/gallery_frame.png) no-repeat;
  		_background: none!important; 
  		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/img/public/gallery_frame.png', sizingMethod='scale');
		z-index: 100;
		cursor: pointer;
	}
	.fotogal .popis{
		height: 20px;
		font-size: 125%;
		padding: 0px 10px 0px 10px;
		background-color: #fff;
	}

	.fotogal h4 {
	  padding-top: 8px;
	 
	}

	.fotogal strong {
	 	
	}

	.fotogal span.autor {
	  font-style: italic;
	}
/* mozna jeste nejake dalsi info nez jen autori*/  	
#obsah #pruh{
	display: none;
}
#obsah #pruh a{
	padding: 4px 6px 3px 6px;
	_padding-top: 0px;
	text-decoration: none;
	background-color: #f0f0f0;
	border: 1px solid #999;
}
#obsah #pruh a:hover{
	background-color: #fff;
	color: #000;
	border: 1px solid #000;
}
#obsah #pruh img{
	position: relative;
	top: 3px;
	padding-right: 3px;
	border: none;
}


#obsah .formular .komentare{
	width: 97%;
	margin: 0 auto;
}
#obsah .komentare th{
	border-bottom: 1px solid #aaa;
	text-align: center;
}
#obsah .komentare tr{
	margin: 2px 0px 2px 0px;
}
#obsah .komentar{
	position: relative;
	margin: 0px 0px 5px 0px;
	background: url(/resource/img/public/calendar_background.jpg) repeat-x;
	border: 1px solid #ddd;
	font-size: 83%;
}
#obsah .komentar .title{
	padding: 0px 0px 0px 5px;
	font-weight: bold;
}
#obsah .komentar .author{
	margin: 2px 0px 2px 0px;
	padding-left: 5px;
	font-style: italic;
}
#obsah .komentar .date{
	position: absolute;
	top: 2px;
	right: 2px;
	text-align: right;
}
#obsah .komentar .text{
	margin-bottom: 27px;
	padding: 0px 5px 0px 5px;
}
#obsah .komentar .answer{
	position: absolute;
	bottom: 3px;
	left: 2px;
}

#obsah .formular select.fixni {
	height: 125px;
	width: 150px;
}
.formular {margin-bottom: 10px; padding-bottom: 10px; border-bottom: 2px solid #D4D4D4;}
.formular h4 {margin: 0px 0px 10px 0px; font-size: 110%; border-top: 2px solid #D4D4D4; border-bottom: 2px solid #D4D4D4; padding: 2px 10px;}
.formular table.hlavni { width: 100%; margin: 10px 0;}
.formular table.hlavni td {padding: 0px;}
.formular table.hlavni th {padding: 0px; background: #bfbfbf; color: #fff; text-align: left; border-top: 1px solid #fff; border-left: 1px solid #fff;}
.formular table.hlavni tr.nostyle td, .formular table tr.nostyle th {background: none;}
.formular table.hlavni ul{margin: 0px;}
.formular table.hlavni td.bottom {padding: 10px 0px 10px 0px;}

#obsah img {
	border: 0;
}

#obsah .formular textarea{
	width: 300px;
	height: 120px;
}

table.check {
	border: 0;
}

table.clanky {border: none; border-collapse: collapse; margin: 0 10px 20px 10px;}
table.clanky td {text-align: justify; vertical-align: top;}
table.clanky td.clanek {width: 48%; border-bottom: 1px dashed #D2D2D2; padding: 20px 0 20px 0;}
table.clanky td.mezera {width: 4%;}

.iLeft {float: left; margin: 3px 10px 10px 0; border: 2px solid #ccc;}
.iRight {float: right; margin: 3px 0 10px 10px; border: 2px solid #ccc;}