* {
    padding: 0;
    margin: 0
}

body, html {
    background-color: #E8EAEC;
    font: 0.9em "Trebuchet MS", "Geneva CE", lucida, sans-serif;
    color: #626262;
    text-align: center
}

div#mainFrame {
    background: #ffffff url('../img/frame-bg.jpg') repeat-y;
    margin: 0 auto;
    width: 660px;
    text-align: left    
}

/*
div#mainFrame:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

div#mainFrame {
    display: inline-table
}

/* Hides from IE-mac \*/
/** html #mainFrame { height: 1% }*/
/*#mainFrame { display: block }*/
/* End */


div#mainFrameBorder {
    padding: 10px 13px
}

div#leftFrame {
    text-align: justify;
    margin: 0 200px 0 0
}

div#rightFrame {
    float: right;
    width: 190px
}

div#header {
    background: url('../img/header.jpg') no-repeat top center;
    margin: 0 auto;
    width: 660px;
    height: 247px
}

div#header a {
	float: right;
	position: relative;
	right: 13px;
	top: -17px;
	width: 64px;
	height: 60px
}

div#footer {
    padding: 33px 0 34px 0;
    text-align: center;
    margin: 0 auto 30px auto;
    clear: both;
    background: url('../img/footer.jpg') no-repeat top
}

div#hpPhoto {
	background: url('../img/hp-photo.jpg') no-repeat;
	height: 152px;
	margin-bottom: 10px
}

div#hpText {
	font-size: 1.1em;
    color: rgb(0,51,102)
}

ul {
    list-style: none
}

div#menuContainer {
    background: url('../img/menu-bg.jpg') no-repeat bottom;
    display: table;
    width: 660px;
    margin: 0 auto;
    padding-top: 20px;
    text-align: right
}

ul#menu {
    width: 660px;
    /*margin: 30px auto 0 auto*/
}

ul#menu li {
    /*display: inline;*/
    float: left;
    background: url('../img/menu-bg.gif') no-repeat;
    width: 90px;
    height: 28px;
    text-align: center;
    margin-left: 5px
}

ul#menu li a {
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    padding-top: 5px;
    font-weight: bold
}

ul#menu li a:hover {
    
}

div#kontaktTop {
    background: url('../img/kontakt-top.jpg') no-repeat top;
    height: 20px
}

div#kontaktBottom {
    background: url('../img/kontakt-bottom.jpg') no-repeat;
    margin-bottom: 10px;
    height: 20px
}

div#kontaktHP {
    background-color: #F9FDF2;
    border: 1px solid #C6E279;
    border-top: 0;
    border-bottom: 0
}

div#kontaktHP p {
    margin: 0;
    padding: 0 7px
}

div#submenuTop {
    background: url('../img/submenu-top.jpg') no-repeat;
    height: 20px
}

div#submenuBottom {
    background: url('../img/submenu-bottom.jpg') no-repeat;
    height: 20px
}

ul#submenu {
    border: 1px solid #7FC0E8;
    border-top: 0;
    border-bottom: 0
}

ul#submenu li {
    display: block;
    padding: 2px 5px
}

ul#submenu li a {
    text-decoration: none;
    color: #498EB9
}

ul#submenu li a:hover {
    text-decoration: underline
}

ul#submenu li#active {
	background-color: #E7F6FF
}

ul#submenu li#active a {
	text-decoration: none;
	font-weight: bold
}

ul.itemList li {
    background: url('../img/arrow.gif') no-repeat 0 4px;
    padding-left: 16px
}

ul#siteMap li ul {
    margin: 0 0 10px 10px
}

ul#siteMap li ul li {
    background: url('../img/arrow-right.gif') no-repeat 1px 0;
    padding-left: 16px
}

h1 {
    font: bold 1.8em Georgia, "New York CE", utopia, serif;
    color: #000000;
    margin-bottom: 10px    
}

h2 {
    font: bold 1.4em Georgia, "New York CE", utopia, serif;
    color: #FF6600;
    margin: 0 0 6px 0
}

h3, h4, h5, h6 {
    font: bold 1.2em Georgia, "New York CE", utopia, serif;
    color: rgb(0,51,102);
    text-align: left;
    margin: 10px 0
}

p {
    margin: 5px 0 10px 0
}

p.important {
    margin: 0 0 10px 0;
    /*color: #62BD19;*/
    /*padding: 4px 8px;
    background-color: #F3F3F3*/
}

p.error {
    color: #CE0000
}

a {
    color: #FF6600;
    text-decoration: underline
}

a:hover {
    color: #569BC5;
    text-decoration: none
}

span.datum {
    font-size: 0.7em;
    font-weight: normal;
    color: #62BD19
}

div.vice {
    text-align: right
}

p.hpLine {
    /*margin: 15px 0 13px 0;
    border-bottom: 1px dotted #000000*/
    margin: 5px 0; padding: 0;
    background: url('../img/hr-line.jpg') no-repeat center;
    height: 20px
}

p.Line {
    padding: 0;
    margin: 0 0 10px 0
}

div.hpVice {
	background: url('../img/hp-vice.jpg') no-repeat left;
	width: 194px;
	height: 33px;
	line-height: 33px;
	padding: 3px 0;
	text-align: center;
	font-weight: bold
}

div.hpVice a {
	text-decoration: none
}

strong.important {
    color: rgb(0,51,102)
}

td.tdLeft {
    padding: 4px 10px;
	text-align: left
}

td {
	text-align: center
}

th.thWidth {
	text-align: left;
	width: 180px
}

th.thWidth p {
    margin: 0;
    padding: 4px 10px
}

input.search, input.button {
	border: 1px solid #535353;
	background-color: #F2F2F2;
	display: block;
	font-weight: bold;
	margin-top: 5px;
	line-height: 20px
}

fieldset form {
    border-color: rgb(0,51,102);
    padding: 10px
}

legend {
    color: rgb(0,51,102);
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px 
}

textarea {
    width: 350px;
    height: 100px
}

table.ucPlany, table.pedSbor, table.sKomise, table.files, table.holiday {
    background-color: #BED974
}

table.ucPlany th {
    color: #677C19;
    background-color: #F9FDF2
}

table.ucPlany td, table.pedSbor td, table.sKomise td, table.files td, table.holiday td {
    background-color: #ffffff
}

table.pedSbor th, table.sKomise th, table.files th, table.holiday th {
    color: #677C19;
    background-color: #F9FDF2;
    padding: 4px 10px;
    text-align: center
}

table.pedSbor td, table.sKomise td, table.files td, table.holiday td {
    padding: 4px 10px;
    text-align: left
}

div.icoDoc {
    background: url('../img/ico-doc.gif') no-repeat;
    height: 32px;
    width: 32px
}

div#mapaCr {
    background: url('../img/kontakt.jpg') no-repeat top right;
    float: right;
    width: 200px;
    height: 208px
}

img.history {
    float: right;
    width: 201px;
    height: 146px;
    margin-left: 5px
}

address {
    text-align: left
}

.clearbox {
    clear: both;
    height: 0
}