html { background: url(images/bg.gif); }
img { border: 0; }
* {	font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif; margin: 0; padding: 0; }

a { text-decoration: underline; color: #cc0000; text-decoration: underline; }
a:hover { text-decoration: none; }

body 
{
	font-size: 0.75em;
	color: #7D7D7D;
}

#main 
{
	margin: auto;
	position: relative;
	width: 787px;
	background: #fff;
	border-left: 1px solid #E8DACD;
	border-right: 1px solid #E8DACD;
	color: #000;
}
h1, h2 { font-size: 1em; }
#skipToContent { display: none; }

#top { margin-left: 4px; width: 779px; height: 30px; margin-bottom: -2px; }
/* menus */
#menu { background: #000; width: 779px; margin: -27px 0 0 4px; text-transform: uppercase; }
#menu a { color: #fff; text-decoration: none; padding: 0 10px; }
#menu a:hover { color: #fff; padding-top: 6px; text-decoration: underline; }
#menu ul { list-style-type: none; background: #000; height: 26px; width: 710px; }
#menu ul li { float: left; color: #fff; font-weight: bold; padding: 6px 0; border-right: 1px solid #fff; }

#content-left ul { list-style-type: none; font-weight: bold; }
#content-left ul .menuItem { background: url(images/menu_a_sz.gif); width: 231px; height: 22px; padding-top: 6px; border-top: 1px solid #fff; }
#content-left ul .menuItem a { display: block; color: #fff; width: 190px; height: 22px; margin: 1px 0 0 40px; text-decoration: none; }
#content-left ul .menuItem a:hover, .subMenuItem a:hover { text-decoration: underline; }

.submenu { background: none; border-bottom: 1px solid #333; font-size: 1.1em; }
.subMenuActive { background: url(images/submenu.gif); width: 231px; height: 22px; padding-top: 6px; margin-bottom: -1px; border-top: 1px solid #fff; }
.subMenuActive strong { padding-left: 40px; color: red; }
.subMenuItem { background: #333; border-left: 34px solid #444; padding: 2px 2px 5px 2px;  }
.subMenuItem a { display: block; color: #fff; margin-left: 5px; font-weight: normal; text-decoration: none; width: 188px; }

#content-left .active a { display: block; background: #333; border-left: 34px solid #444; padding: 2px 2px 5px 7px; width: 188px; color: #fff; font-weight: bold; text-decoration: underline; }
/* // menus */

#content { margin: 4px; clear: both; }
#content-left { float: left; width: 231px; }
#content-right { float: left; margin-left: 4px; width: 544px; }

label { cursor: pointer; }

.gray { background: #000; width: 544px; height: 28px; }
.gray-small { background: url(images/gray_s.gif); width: 270px; height: 28px; }
.blue { background: #000; width: 231px; height: 28px; }
.blue span, .gray span, .gray-small span { display: block; font-weight: bold; color: #fff; padding: 7px 10px;}

#searchbox { background: #F3EFEC; padding: 10px 20px; text-align: right; }
#searchbox input.data { width: 180px; margin: 2px; padding: 2px; }
.image { float: left; padding-right: 10px; }

p { line-height: 1.3em; }

.box { background: #F3EFEC; padding: 5px 10px 10px 10px; width: 524px; float: left; font-size: 1.3em; }
.box h1 { font-size: 1em; color: #cc0000; }
.box hr { border: 0; background: #fff url(images/hr.gif); width: 100%; height: 2px; margin: 7px 0; }
.box p { padding-bottom: 5px; }
/*
.box dl { float: left; }
.box dt { float: left; width: 200px; }
*/
.kontakt-box { font-size: 1.3em; }
.kontakt-box h1 { color: #dea201; display: inline; padding-right: 5px; }
.kontakt-box hr { border: 0; background: #fff url(images/hr.gif); width: 100%; height: 2px; margin: 4px 0; }

#col-a .kontakt-box { padding: 5px 10px 10px 10px; width: 250px; background: #F3EFEC; }
#col-b .kontakt-box { padding: 5px 10px 10px 10px; width: 250px; background: #F3EFEC; }
#col-a .kontakt-box p { padding: 5px 0; }
#col-b p { padding-bottom: 10px; line-height: 1.8em; }

/* anketa */
.box-anketa {
  padding: 5px;
  width: 221px;
  color: #2E4D92;
  
}

.box-anketa h2, .box-anketa p strong { color:#7c7c7c; }

.box-anketa p {
  margin: 0 0 0.8em 0;
}

.box-anketa p.pocet {
  font-size: 0.9em;
  padding-left: 4px;
  color: #757688;
  margin-top: 1.0em;
}

.box-anketa .cnt a {
  color: #7c7c7c;
  font-weight: normal;
  text-decoration: underline;
  padding-left: 4px;
}

.box-anketa a:hover {
  text-decoration: none;
}

.box-anketa .vysledky {
  display: block;
  color: #7c7c7c;
  font-weight: bold;
  height: 1em;
  margin-top: 2px;
}

.box-anketa .ciara {
  display: block;
  width: 86%;
  float: left;
  text-align: left;
  background: #333;
}

.box-anketa .ciara span {
  display: block;
  padding: 0 4px;
}

.box-anketa .ciara span span {
  display: block;
  padding: 0;
  background: #333 url('images/bar.gif') 0% 50% repeat-x;
}


.box-anketa .cislo {
  text-align: right;
  display: block;
  width: 14%;
  float: left;
}
/* // anketa */

hr.none { clear: both; border: 1px solid #fff; padding: 5px;}

#styles p.verzie { float: right; padding-right: 10px; }
#styles p.pisma { float: right; }
#styles p.pisma-fs a { dispaly: block; border: 1px solid #cc0000; float: right; padding: 1px 5px; margin-right: 2px; margin-top: -1px; text-decoration: none; }

#footer { clear: both; font-size: 0.9em; width: 760px; background: #fafafa; padding: 10px; margin: 10px 0 0 4px; }
#footer p.copy { float:left; padding-right: 280px; }
#foter p.rss { float: left; }
#footer p.rss a { margin-right:5px; }

ul.doc { list-style-type: none; }
ul.doc small { display: block; }
ul.doc li { padding: 5px 0; } 

#content-right ul.list { list-style-type: none; }
#content-right ul.list li { background: url(images/li.gif) no-repeat; padding: 0px 5px 5px 15px; margin: 5px 0; }

#navigation { margin-bottom: 5px; }
#navigation h2 { padding: 5px 10px; width: 522px; background: #fafafa; border: 1px solid #eee; }

form div label { float: left; width: 100px; }
form div { margin: 8px 0; }
form div input, label, form div textarea { margin: 2px; padding: 2px; }

.komentar { margin: 15px 0; }
.anketa { padding: 15px; }

h3 { font-size: 1em; }

.paging {text-align: center; float: left; margin-top: 10px; width: 530px;}
.paging a {padding: 5px; border: 1px solid #CDCDCD; text-decoration: none; font-weight: bold; margin-top: 20px; font-size: 0.8em; line-height: 30px;} 
.paging a.selected {padding: 5px; border: solid 1px #CDCDCD; text-decoration: none; font-weight: bold; margin-top: 20px; background-color: #E1E1E1;}
.paging a:hover { color: #FFF; background: #eee; text-decoration: none;}

.nolisttype ul { list-style-type: none; }
.nolisttype li { margin-left: 15px; }
.nolisttype ul li, .listtype-one ul li { padding: 5px 0; }
.listtype-one ul { padding-left: 15px; }
.listtype-one h3 { padding: 10px 0; }

table td { padding: 2px 4px; }

.poslanec { height: 300px; margin-top: 5px; }
.poslanec img { border: 3px solid #eee; }

.firmy { background-color: #fefefe; width: 504px; padding: 10px; margin: 10px 0; clear: both; }
.firmy h1 { padding: 10px; width: 484px; background: #eee; }
.firmy dl { float: none; display: block; clear: both; }
.nolisttype .firmy li { margin-left: 25px; list-style-type: none; }

.noviny ul li { margin-left: 10px; }
.noviny ul li strong { background: url(images/li.gif) no-repeat; padding: 0px 5px 5px 15px; margin-left: -15px; }
.noviny-info, .box-info { line-height: 1.5em; border: 1px solid #ccc; background-color: #fff; padding: 5px; margin: 3px 0; }


fieldset { border: 1px solid #DEDEDE; padding: 10px; background:#F7F4F2; margin-bottom: 10px; }
fieldset legend { background: #fff; color: #DEA201; font-weight: bold; border: 1px solid #ccc; padding: 5px 10px; }

#people table td { border: 1px solid #999; }


.kalendar {
  text-align: center;
  width: 100%;  
  font-weight: bold;
  font-size: 1.2em;
}

.kalendar th {
  padding: 3px;
  background-color: #000;
  color: #fff;
}

.kalendar td {
  width: 14%;
  padding: 3px;
  border: 1px solid #efefef;
  background: #FFF url('images/kalendar_bg.png') 0 0 no-repeat;
}

.kalendar td.dnes {
  color: #FFF;
  background: #cc0000 url('images/kalendar_sel_bg.png') 0 0 no-repeat;
}

.kalendar td a {
  color: #cc0000;
  text-decoration: underline;
}

.kalendar td.dnes a {
  color: #FFF;
}

.kalendar td a:hover {
  text-decoration: none;
}