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 fixed; margin: 0; padding: 0;}
select, textarea, th, td {font-size: 100%;}
form {margin: 0; padding: 0;}
input, textarea, select {border: 1px solid #7B5C3D;}
input {height: 15px;}

p, ul, table {margin: 0 0 1em 0; padding: 0;}
h1 {font-family: "Times New Roman", Times, serif; color: #AC966C; font-size: 140%; margin: 0 0 1em 0; padding: 3px 40px 3px 0; letter-spacing: 0.1em; background: url(image/web/bg-h1.gif) no-repeat right center;}
h2, h3, h4 {margin: 0 0 0.5em 0; padding: 0;}
h2 {font-size: 120%; color: #000066;}
h3 {font-size: 110%; color: #0052A4;}
h4 {font-size: 100%; color: #666666;}

table {border-collapse: collapse;} 
td {vertical-align: top;} 
a {color: #000033; text-decoration: underline;}
a:hover {text-decoration: none;}
img {border: 0;}
.cleaner {clear: both; font-size: 0; line-height: 0; visibility: hidden;}
.sep {clear: both; line-height: 0; visibility: hidden; padding-bottom: 0.5em;}

/* layout */
#layout {border: 1px solid #000; width: 796px; min-height: 100%; margin: 0 auto;} 
div>#layout {height: auto}
#header a {display: block; height: 215px; background: url('image/web/bg-header.jpg') no-repeat;}
#header a span {display: none;}

#content {width: 796px; background: #fff url('image/web/bg-content.gif') repeat-y left 0; text-align: left}
#content-left {float: left; width: 216px; padding-top: 10px;}
#content-left h2 {text-align: center; color: #000; border-top: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; border-bottom: 3px solid #beb176; border-left: 1px solid #f2f2f2; margin: 0 10px 0 10px; padding: 5px 36px 5px 36px; background: #fff url('image/web/bg-content-left-h2.gif') no-repeat center center;}
#content-left h3 {color: #000;}

#content-right {float: left; width: 580px;}
#content-banner {clear: both; text-align: center; margin-left: 216px; padding: 15px;}
#content-banner img {border: 1px solid #000;;}
#footer {background-color: #000; border-top: 1px solid #CCCCCC;}
#footer-copyright {padding: 8px; font-size: 90%; color: #fff;}
#footer-copyright a {color: #fff;}
#footer-copyright img {vertical-align: middle;}

/* menu */
#menu-top {font-family: "Times New Roman", Times, serif; font-size: 110%; text-align: center; padding: 5px; background-color: #000; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;}
#menu-top a {font-weight: bold; color: #fff; letter-spacing: 0.15em; text-decoration: none;}
#menu-top a:hover {color: #209aff; text-decoration: none;}
#menu-top span {margin: 0 10px 0 10px; color: #115187;}

#main-menu {font-size: 100%; line-height: 200%; margin-bottom: 1.5em;}
#main-menu a {font-weight: bold; text-decoration: none; color: #000099;}
#main-menu a:hover {text-decoration: underline;}
#main-menu a#main-menu-active {color: #333333; text-decoration: none;}

/* clanek */
#main {margin: 10px 15px 10px 15px; width: 550px; line-height: 135%; overflow: hidden;}
#main img {border: 1px solid #333333;}
#main ul li {margin: 0; padding-left: 2em; background: url('image/web/bg-li.gif') 5px 5px no-repeat; list-style-type: none; font-weight: bold;}
#main .male {font-size: 80%;}
#main .seda {color: #666666; font-weight: bold;}
#main .noborder {border: 0;}
.vlevoobr, .vlevoobr-noborder {float: left; margin: 0.5em 0.8em 0.5em 0;}
.vpravoobr, .vpravoobr-noborder {float: right; margin: 0.5em 0 0.5em 0.8em;}
#main .vlevoobr-noborder, #main .vpravoobr-noborder img {border: 0;}
.right {text-align: right;}
#main .center {text-align: center;}

/* strankovani, jmeno, datum, perex */
#main .strankovani {text-align: right; margin: 10px 0 15px 0; font-size: 90%;}
#main .table-form-jm img {border: 0; vertical-align: middle;}
#main .jmeno {text-align: right; font-size: 90%;}
#main .jmeno img {border: 0; vertical-align: middle;}
#main .main-date {color: #666666; text-align: right; font-size: 90%;} 

.perex {margin-bottom: 1.5em;}
.perex h2 {font-size: 100%;}

/* tabulka clanek */
.table01, .table02 {margin-bottom: 1em;}
.table01 td {padding: 3px; font-size: 90%; vertical-align: top;}
.table01-col01 {width: 140px;}
.table01 th {text-align: center; font-weight: bold;}

/* tabulka texty */
.table2 {width: 100%;}
.table2 td {padding: 10px; width: 50%;}

/* Doplnkove styly */
.form-error, .error {font-weight: bold; color: #FF0000;}
.form-success {color: #009900; font-weight: bold;}
.form-povinna {color: #000099; padding-left: 0.3em;}
.zvyrazneno {font-weight: bold; color: #333333;}

/* systemove bloky */
.blok-main {margin-bottom: 10px; overflow: hidden;}
.blok-main h2 {font-size: 120%; color: #000033; margin: 0.5em 0 0.5em 0;} 

.blok, .blok-center {margin: 0 10px 17px 10px; padding: 6px; font-size: 90%; border: 1px solid #f2f2f2; background: url('image/web/bg-blok.gif') repeat;}
.blok a, .blok-main a {font-weight: bold;}
.blok-center {text-align: center;}
.blok-player {margin: 0 auto 17px 10px;}
.datum-blok {text-align: right; color: #666666;}
.blok-center-text {text-align: center;}
 
/* systemove moduly */

/* fotogalerie */
.fotogalerie {margin-bottom: 5px;}
.fotogalerie img {margin: 5px; float: left;}

/* formulare a vyhledavani */
.table-form {margin: 15px 0; width: 100%;}
.table-form td, .table-login td {padding: 3px}
#main .table-form td img {border: 0; margin-right: 10px; vertical-align: bottom;}
.table-form-jm {text-align: right; font-size: 90%;}
.form-text01, .form-text02, .form-text03, .form-textarea {background-color: #f2f9ff;}
.form-text01-foc, .form-text02-foc, .form-text03-foc, .form-textarea-foc {background-color: #fff; border: 1px solid #d2d2d2;}
.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;}
.button01 {height: 21px; border: 0px; margin: 10px; cursor: pointer; font-size: 100%;}
.button01 {background: url('image/web/button01.gif') no-repeat; width: 65px;}

/* ankety */
.anketa-blok-odpovedi a {font-weight: bold;}
.anketa-blok-hlasy {color: #333333}
.anketa-blok-odp-cara {margin-bottom: 8px;}
.anketa-blok-odp-cara-hlasy {margin: 0.5em 0em; height: 8px; line-height: 0px; padding: 0px; background: url('image/web/anketa-bg.gif') repeat-x;}