body {
	background: white;
	margin: 0px 0px 0px 0px;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: Georgia, serif;
	border: 0px;
	padding: 0px;
	font-size: 10pt;
	text-align: center;
	/*background-image: url(../graphics/shadow.png);*/
	background-repeat: repeat-y;
	background-position: center;
}

/*link*/
a:link {
  text-decoration: underline;
}
a:link, a:visited {	
  color: #2862D5;
}
a:visited {
  text-decoration: underline;
}
a:hover, a:focus {
	text-decoration: underline;
  color: White;
  background: #628FE8;
}

img {
  border: 0px;
}

p {
  margin: 0px ;
  margin-top: 5px;
  margin-bottom: 10px;
  
  line-height: 135%;
}

h2, h3, h4, h5, h6 {
	margin: 0px;
  	margin-bottom: 0.2em;
	font-weight: bold;
	font-family: Georgia, serif;
	text-align: left;
}

h1 {
  margin: 0;
}

h2 {
	font-size: 155%;
}

h3 {
	font-size: 120%;
	margin-top: 15px;
}

.hidden, .hr hr {
	display: none;
}

div.hr {
	border-top: 1px solid #ADD8E6;
}
.clear {
  clear: both;
  display: block;
}

.red {
  color: rgb(237,0,0);
}

ol.ol-abc {
	list-style: lower-alpha;
}

/*main*/

#main-o {
	border: none;
	border-width: 0px;
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 760px;
	/*background-color: #FFFFF0;*/
  
  	text-align: justify;
}
#main-c {
	/*border: 1px solid #FFE4B5;*/
	padding-top: 5px;
}

/*header*/
#header{
	margin: 0;
	padding: 0;
	position: relative;
	width: 760px;
	height: 118px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-align: center;
	margin-bottom: 5px;
}

#header span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 760px;
	height: 118px;
	margin: 0;
	padding: 0;
	background: url(../graphics/nadpis.jpg) no-repeat top left;
	cursor: pointer;
}

/*menu*/
#menu-o {
  float: left;
  border: 0px none;
  margin: 0px;
  width: 200px;
}
#menu-c {
  border: 1px solid #FFE4B5;
  background-color: #FFFFF0;
}

#menu-c ul {
  list-style : none;
	margin : 0;
	padding : 0;
}

#menu-c a {
  font-size: 110%;
  padding-right: 35px;
  font-weight: bold;
  font-family: Georgia, serif;
  padding-top: 3px;
  padding-bottom: 2px;
  text-align: right;
  display: block;
}

#menu-c a, #menu-c a:visited {
  display: block;
  left: 0;
  top: 0;
  margin: 0;
  background-color: #FFFFF0;
  color: #333333;
  text-decoration: underline;
}

#menu-c a:hover, #menu-c a:focus{
  background-color: #FFE4B5;
  color: #333333;
  display: block;
}

#menu-c a.active, #menu-c a.active:visited {
  border-right: 20px solid #FFE4B5;
  padding-right: 15px;
  display: block;
}
/*page*/
#page-o {
  margin: 0;
  padding: 0 ;
  width: 555px;
  float: right;
}

#page-c {  
  background-image: url(../graphics/rcorner.png);
  background-position: bottom right;
  background-repeat: no-repeat;
  padding-bottom: 20px;
  padding-top: 8px;
  padding-left: 10px;
  padding-right: 10px;
  border-left: 1px solid #ADD8E6;
  border-top: 1px solid #ADD8E6;
  color: #333333;
}

/*footer*/
#footer-o {
	clear: both;	
}
#footer-c {
  padding-top: 5px;
  text-align: center;
  font-size: 75%;
  color: #444444;
}

/*aktuality*/

#aktuality-h2 {
  clear: both;
  text-align: left;
}

#aktuality-preview {
  border: 1px solid #FFE4B5;
  background-color: #FFFFF0;
  padding: 5px;
  padding-left: 1.5em;
  padding-right: 1.5em;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 135%;
}
#aktuality-preview a:link {
  text-decoration: underline;
  color: #434343;
}
#aktuality-preview a:hover, .gallery-preview a:focus {
  text-decoration: underline;
  color: #434343;
  background-color: #FFE4B5;
}

#aktuality-preview a:visited {
  text-decoration: underline;
  color: #434343;
}

#aktuality-preview .aktualita {
  padding-bottom: 10px;
  /*border-bottom: 1px solid #FFE4B5;*/
}
#aktuality-preview h3 {
  font-size: 120%;
  text-align: left;
}

.date{
  font-family: "Courier New", Courier, monospace;
  color: #4A4A4A;
  margin-right: 15px;
}

/*aftermenu*/
#aftermenu {
  border: 1px solid #ADD8E6;
  background-color: #F0F4FB;
  margin-top: 10px;
}

#aftermenu h2 {
  text-align: right;
  margin: 5px 35px 3px 0;
  font-size: 135%;
  color: #333333;
}

#aftermenu a {
  font-size: 110%;
  padding-right: 35px;
  font-weight: bold;
  font-family: Georgia, serif;
  padding-top: 3px;
  padding-bottom: 2px;
  text-align: right;
  display: block;
  text-decoration: underline;
}

#aftermenu a, #aftermenu a:visited {
  display: block;
  left: 0;
  top: 0;
  margin: 0;
  background-color: #F0F4FB;
  color: #333333;
}

#aftermenu a:hover, #aftermenu a:focus{
  background-color: #7198FF;
  color: #333333;
  display: block;
}

#aftermenu a.active, #aftermenu a.active:visited {
  border-right: 20px solid #7198FF;
  padding-right: 15px;
  display: block;
}

/*udeska*/

#deska-preview
{
  margin-left: 1em;
  margin-top: 1em;
}

#deska-preview li
{  
	list-style-type: disc;
	margin-top: 0.5em;
}

/*photos*/
.photo-left, .photo-right, .photo-right-wide, .photo-left-wide, .photo-filling  {
  float: left;
  width: 190px;
  margin: 5px 15px 10px 0;
  text-align: center;
  background: #F0F4FB;
  border: 1px solid #ADD8E6;
  padding-top: 3px;
  padding-bottom: 3px;
}
.photo-right, .photo-right-wide {
  float: right;
  margin: 5px 0 10px 15px;
}

.photo-filling {
  float: none;
  width: auto;
}

.photo-left-wide, .photo-right-wide {
  width: 250px;
} 

.photo-photo {
  margin: 0;
}

.photo-title {
  font-size: 100%;
  text-align: center;
}

.photo-desc {
  font-size: 90%;
  margin: 3px;
  margin-left: 10px;
  margin-right: 10px;
  font-weight: bold;
}

.photo-info {
  font-size: 80%;
  font-weight: bold;
  text-align: right;  
  margin: 3px;
  margin-left: 10px;
  margin-right: 10px;
}

/*galerie*/
.gallery-photo {
	float: left;
	width: 170px;
	margin: 0 5px 5px 0;
	text-align: center;
  background: #F0F4FB;
  border: 1px solid #ADD8E6;
  padding-top: 10px;
  padding-bottom: 5px;
	height: 265px;
	overflow:auto;
	}
	
.gallery-photo-title {
	font-size: 100%;
	}
.gallery-photo-photo {
	margin:0 auto; padding:0;
	border: none;
	}
.gallery-photo-desc {
	font-size: 90%;
  margin: 3px;
  margin-left: 10px;
  margin-right: 10px;
  font-weight: bold;
	}
.gallery-photo-info {
	font-size: 80%;
  font-weight: bold;
  text-align: right;  
  margin: 3px;
  margin-left: 10px;
  margin-right: 10px;
	}  

.gallery-preview {
  border: 1px solid #FFE4B5;
  background-color: #FFFFF0;
  padding: 5px;
  padding-left: 1em;
  margin-top: 10px;
  margin-bottom: 10px;
}

.gallery-preview h3 {
	margin-top: 0px;
}

.gallery-preview a:link, .gallery-preview a:visited {
  text-decoration: underline;
  color: #434343;
}
.gallery-preview a:hover, .gallery-preview a:focus {
  text-decoration: underline;
  color: #434343;
  background-color: #FFE4B5;
}

/*seznamy*/
dl, ul {
  margin-top: 5px;
  margin-bottom: 5px;
  
  text-align: left;
}

dt {
  display: compact;
}
dd {
  
}

/*ikonky*/

a.dl, a.zoom, a.pdf, a.mail, a.print, a.mobile {
  margin-left: 6px; 
}

a.zoom:before {
  display: marker;
  marker-offset: 6px;
  content: url(../graphics/zoom.png);
}

a.dl:before {
  display: marker;
  marker-offset: 6px;
  content: url(../graphics/dl.png);
  
}

a.pdf:before {
  display: marker;
  marker-offset: 6px;
  content: url(../graphics/pdf.png);
}

a.mail:before {
  display: marker;
  marker-offset: 6px;
  content: url(../graphics/mail.png);
}

a.print:before {
  display: marker;
  marker-offset: 6px;
  content: url(../graphics/print.png);
}

a.mobile:before {
  display: marker;
  marker-offset: 6px;
  content: url(../graphics/mobile.png);
}

a.out:before {
  display: marker;
  marker-offset: 6px;
  content: url(../graphics/out.png);
}

ul.out {
  list-style-image: url(../graphics/out.png);
}

/*
PREVOD Z DOC
*/
.ud-podpis {margin-left: 12em}
.ud-center {text-align: center}

/*
ZLATY ERB
*/
div#zlaty-erb {
	margin-top: 10px;
	padding: 15px;
	border: 1px solid #FFE4B5;
	text-align: center;
}

/*
ZASTUPITELE
 */
dd h4 {
    margin: 0px;
    margin-top: 10px;
}

dl.urad dt {
    margin-top: 15px;
}

h4.zastupitelstvo {
    margin-top: 15px;
    margin-bottom: 1px;    
}

dl.zastupitelstvo {
    margin-top: 1px;
}