body, form, input, select, textarea, td, th {font-family: Verdana, Arial, Helvetica, sans-serif;}
body {text-align: center; color: #000; font-size: 70%; background: url('image/web/bg-body.gif') repeat; margin: 0 0 1em 0; padding: 0;}
select, textarea, th, td {font-size: 100%;}
form {margin: 0; padding: 0;}

p, ul, table {margin: 0 0 1em 0; padding: 0;}

h1 { font-size: 130%; color: #000; margin: 0 0 0.5em 0; padding: 0 0 0.4em 0; background: url('image/web/bg-h1.gif') repeat-x 0px bottom; }
h2, h3, h4 {margin: 0 0 0.5em 0; padding: 0;}
h2 {font-size: 110%; color: #736700;}
h3 {font-size: 100%; color: #6f3900;}
h4 { font-size: 100%; color: #666666; }

table {border-collapse: collapse;} 
td {vertical-align: top;}
a {color: #6d1500; text-decoration: none;}
a:hover {text-decoration: underline;}

img {border: 0;}
.cleaner {clear: both; line-height: 0; visibility: hidden; font-size: 0;}


/* layout */
#layout {margin: 0 auto; width: 920px; min-height: 100%; text-align: left;} 
div>#layout {height: auto}
#header {height: 138px; padding: 0 25px; background: url('image/web/bg-header.gif') no-repeat;}
#header a {display: block; height: 138px; background: url('image/web/bg-header-a.jpg') no-repeat;}
#header-bottom {height: 32px; background: url('image/web/bg-header-bottom.gif') no-repeat;}
#content {background: url('image/web/bg-content.gif') repeat-y;}
#content-inner { width: 870px; margin: 0 25px; padding-top: 0.5em; background: #fff url('image/web/bg-content-inner.gif') no-repeat 362px bottom; }
#content-left {float: left; width: 178px;}
#content-center {float: left; width: 514px; overflow: auto;}
#content-right {float: right; width: 178px;}
#content-left h2, #content-right h2 {color: #000; margin: 0 6px; padding: 0 0 0.4em 0; background: url('image/web/bg-h1.gif') repeat-x 0px bottom;}

#content-banner {clear: both; text-align: center; padding: 10px 0 10px 0;}
#content-banner img {border: 1px solid #000; margin-bottom: 4px;}
#footer {height: 49px; padding: 0 30px; font-size: 90%; background: url('image/web/bg-footer.gif') no-repeat 0 bottom; }
#footer img {vertical-align: middle;}
#copyright-left {float: left; padding-top: 14px;}
#copyright-right {float: right; padding-top: 12px;}

/* menu */
/* menu header */
#menu-header { float: left; padding: 0 0 0 25px;}
#menu-header a img {margin: 7px 0 0 0;}
#menu-header span img {margin: 0 0 4px 0;}

/* menu main */
#menu-main {margin-bottom: 1.5em; line-height: 200%; font-size: 90%; text-align: left;}
#menu-main a {font-weight: bold; color: #3f492a;}
#menu-main #menu-main-active, #menu-main #menu-main-active a:hover {color: #950a1f; text-decoration: none;}

/* header-search */
#header-search {float: right; padding: 5px 25px 0 0; text-align: right; }
#header-search form input {vertical-align: middle;}
.form-search, .form-search-foc {width: 140px; height: 17px; padding-left: 19px; background-image: url('image/web/bg-form-search.gif'); background-repeat: no-repeat; background-position: 3px center; }
#header-search .button-search {width: 29px; height: 19px; margin: 0 4px 0 4px; background-image: url('image/web/bg-button-search.gif');}


/* clanek */
#main {margin: 5px 10px; text-align: justify; line-height: 135%; height: 400px; min-height: 400px;}
div>#main {height: auto}
#main ul li {margin: 0; padding-left: 2em; background: url('image/web/bg-li.gif') 5px 5px no-repeat; list-style-type: none;}
#main .male {font-size: 80%; text-align: left;}
#main .noborder {border: 0;}
.vlevoobr, .vlevoobr-noborder {float: left; margin-right: 5px; margin-bottom: 2px}
.vpravoobr, .vpravoobr-noborder {float: right; margin-bottom: 2px; margin-left: 5px}
#main .vlevoobr-noborder, #main .vpravoobr-noborder img {border: 0;}

.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}

/* paging, jmeno, datum, perex */
#main .paging {text-align: right; margin: 0.5em 0; font-size: 90%;}
#main .paging-bottom {text-align: right;}
#main .table-form-jm img {border: 0; vertical-align: middle;}
#main .jmeno, #main .jmeno2 {text-align: right; line-height: 200%; font-size: 90%;  margin-bottom: 1.5em;}
#main .jmeno, #main .jmeno2 { color: #666666; }
#main .jmeno img {border: 0; vertical-align: middle;}
#main .main-date { color: #B0A911; text-align: right; font-size: 90%; clear: both;} 

.perex {margin-bottom: 2em;}
.perex h2 {font-size: 100%;}
.content-block-center a, #main .jmeno a,  #main .jmeno2 a {font-weight: bold;}
.perex-precist { text-align: right; margin-bottom: 10px; clear: left; font-weight: bold; }
.jmeno-perex {padding: 5px; border-bottom: 1px solid #8ca25d; border-left: 1px solid #8ca25d;}
.jmeno-perex strong {color: #343434;}

/* tabulky */
.table-section, .table-article {width: 100%;}

/* tabulka vypis clanku */
.table-section td, .table-section th {padding: 0 3px 3px 0; text-align: left;}
.table-section th {font-weight: bold;}
.table-section th.col1 {width: 90%;}

/* tabulka clanky */
.table-article td, .table-clanek th {padding: 3px; font-size: 90%;}
.table-article th {text-align: center; font-weight: bold;}

/* Doplnkove styly */
.form-error, .error {font-weight: bold; color: #FF0000;}
.form-success {color: #009900; font-weight: bold;}
.form-required {color: #ff1135; padding-left: 0.1em;}
.highlighting  {font-weight: bold; color: #8DA600;}

/* content-block */
.content-block, .content-block-center, .block-reklama {font-size: 90%; padding: 6px 0;}
.content-block, .content-block-center, .block-reklama {margin: 0 6px 12px 6px;}
.content-block-center img {margin: 1px 0; border: 1px solid #000;}

.content-block a, #content-block-main a {font-weight: bold;}

.content-block-center, #content-block-search, #content-block-main {text-align: center;}
.content-block-normal-center {text-align: center; margin: 0 10px 0 10px; padding: 6px;}
.content-block-normal-center {text-align: center; margin: 0 10px 0 10px; padding: 6px;}

.content-block-nopadding {width: 148px; margin: 0 10px 15px 10px;}

.date-block {text-align: right;}
.text-center-block {text-align: center; margin: 0;}
.language img {border: 0; margin: 0 0.8em;}

/* content-block-main */
#content-block-main {margin-bottom: 1em; background: #f4f4f4; padding: 10px;}
#content-block-main h2 {color: #3b4528;}

/* block reklama */
.block-reklama {font-size: 90%; text-align: center}
.block-reklama p, .content-block-center p {margin: 0 0 0.3em 0;}
.block-reklama p img, .content-block-center p img {margin: 0 0 0.5em 0;}
 
/* systemove moduly */

/* fotogalerie */
.fotogalerie {clear: both; margin-bottom: 5px; text-align: center;}
.fotogalerie img {margin: 5px;}

/* formulare a vyhledavani */
.table-form {margin: 15px 0; width: 100%;}
.table-form td, .table-login td {padding: 3px}
.table-form td label, .table-login td label {display: block; text-align: right; font-size: 90%;}
.table-form td input, .table-form td select, #main .table-form td img {vertical-align: middle;}
#main .table-form td img {border: 0; margin-right: 10px;}

.form-text01-foc, .form-text02-foc, .form-text03-foc, .form-textarea-foc, .form-login-foc, .form-search-foc, .form-text01, .form-text02, .form-text03, .form-textarea, .form-login, .form-search, select {height: 16px; border-width: 1px; border-style: solid;}
.form-text01, .form-text02, .form-text03, .form-textarea, .form-login, .form-search, select {border-color: #1c1c1c; background-color: #fff;}
.form-text01-foc, .form-text02-foc, .form-text03-foc, .form-textarea-foc, .form-login-foc, .form-search-foc {border-color: #6d1500; background-color: #fff9e8;}

.form-text01, .form-text01-foc {width: 180px;} 
.form-text02, .form-text02-foc {width: 100px;} 
.form-text03, .form-text03-foc {width: 32px;}
.form-textarea, .form-textarea-foc {width: 280px; height: 100px;}

/* tlacitka */
.button01, .button02, .button-search, .button-block {border: 0; cursor: pointer; background-position: center center; background-repeat: no-repeat;}
.button-block, .button-search {font-size: 90%;}
.button01, .button02 {height: 21px; font-size: 100%; margin: 10px;}
.button01 {background: url('image/web/button01.gif') no-repeat; width: 65px;}
.button02 {background: url('image/web/button02.gif') no-repeat; width: 87px;}
.button03 {background: #CCCCCC; border: 1px solid #007d00; height: 24px;}
.button-block {margin: 5px 0; background-image: url('image/web/button-block.gif'); height: 19px; width: 52px;}