body, form, input, select, textarea, td, th {font-family: Verdana, Arial, Helvetica, sans-serif;}
body {text-align: center; color: #bfd0de; font-size: 70%; background: url('image/web/bg-body.gif') repeat; margin: 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: 120%; color: #717D88; margin: 0 0 1em 0;}
h3, h4 {margin: 0 0 0.5em 0; padding: 0; margin: 0 0 0.8em 0;}
h3, h4 {font-size: 100%;}
h2 {font-size: 110%; color: #d5dbe0;}
h3 {color: #9c3434;}
h4 {color: #999999;}

table {border-collapse: collapse;} 
td {vertical-align: top;} 
a {color: #EEEEEE; text-decoration: none}
a:hover {color: #999999; text-decoration: underline;}
img {border: 0;}
.cleaner, .cleaner1 {clear: both; line-height: 0; visibility: hidden;}
.cleaner {font-size: 0;}
.cleaner1 {margin-bottom: 1em;}

/* layout */
#layout {margin: 0 auto; width: 806px; min-height: 100%; border-right: 1px solid #6b7781; border-left: 1px solid #6b7781; background: #000; text-align: left;} 
div>#layout {height: auto}
#header a {display: block; height: 110px; background: url('image/web/bg-a-header.jpg') no-repeat;}
#content {background: url('image/web/bg-content.gif') repeat-y;}
#content-left, #content-right {padding-top: 5px;}
#content-left {float: left; width: 162px;}
#content-center {float: left; width: 482px;}
#content-right {float: right; width: 162px;}
#content-left h2, #content-right h2 {font-size: 80%; color: #646f79; padding: 4px 5px 5px 20px; margin-bottom: 5px; border-top: 1px solid #6b7781; border-bottom: 1px solid #6b7781; background: #0a0a0a url('image/web/bg-blok-h2.gif') no-repeat 0 0;}
#content-left h2 {border-right: 1px solid #6b7781;}
#content-right h2 {border-left: 1px solid #6b7781;}
#footer {padding: 14px 17px 10px 17px; font-size: 90%; background: url('image/web/bg-footer.gif') no-repeat 0px top;}
#footer img {vertical-align: middle;}
#copyright-left {float: left;}
#copyright-right {float: right;}

/* banner */
#content-banner-top {padding-top: 10px; text-align: center;}
#content-banner-bottom {clear: both; text-align: center; padding: 10px 0 15px 0;}
#content-banner-top img, #content-banner-bottom img {border: 1px solid #1e2022;}

/* menu */

/* menu header top */
#header-menu {background: url('image/web/bg-header.jpg') no-repeat top; font-size: 90%;}
#header-menu-left {float: left; padding-left: 7px; text-align: left;}
#header-menu-left img {margin: 4px 16px 2px 0;}
#header-menu-right {float: right; padding-right: 7px; text-align: right; }
#header-menu-right img {margin: 4px 0 2px 16px;}

/* menu header bottom */
#header-menu-bottom {clear: both; background-color: #0c0e13; border-top: 1px solid #6b7781; border-bottom: 1px solid #6b7781; text-align: center;}
#header-menu-bottom ul {margin: 0; padding: 4px 0;}
#header-menu-bottom ul li {display: inline; padding-right: 9px; margin-right: 6px; list-style-type: none; background: url('image/web/bg-li.gif') no-repeat right 5px;}
#header-menu-bottom ul li a {font-weight: bold;}
#header-menu-bottom ul li a:hover {text-decoration: none;}
#header-menu-bottom ul li#header-menu-li-last {background: none; padding: 0; margin: 0;}

/* menu header jazyky */
#header-menu-bottom-right {position: absolute; z-index: 100; margin: -17px 0 0 752px;}
#header-menu-bottom-right a {color: #9ca5ad; font-weight: bold;}
#header-menu-bottom-right a:hover {color: #fff; text-decoration: none;}
#header-menu-bottom-right #header-menu-bottom-right-active {color: #fff;}

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

/* clanek */
#main {margin: 10px; width: 462px; text-align: justify; line-height: 135%; overflow: hidden;}
#main img, .blok-center img {border: 1px solid #1e2022;}
#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, .blok-center .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;}
.right {text-align: right;}
#main .center {text-align: center; margin-bottom: 1em;}
#main .center a {font-weight: bold;}
#main .center img {margin-bottom: 0.5em;}

/* 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, #main .jmeno2, #main .jmeno3 {text-align: right; line-height: 200%; font-size: 90%;  margin-bottom: 1.5em;}
#main .jmeno3 {font-weight: bold; color: #a9b9c5;}
#main .jmeno, #main .jmeno2, #main .jmeno-perex {color: #545966;}
#main .jmeno img {border: 0; vertical-align: middle;}
#main .main-date {clear: left; color: #6b7781; text-align: right; font-size: 90%;} 

.perex {margin-bottom: 1.5em;}
.perex h2 {font-size: 100%;}
.perex a, .table-form-jm a, .blok-center a, #main .jmeno a,  #main .jmeno2 a {font-weight: bold;}
.perex-precist {text-align: right; margin-bottom: 10px; clear: left;}
.jmeno-perex {padding: 5px; border-bottom: 1px solid #2c2c2c; border-left: 1px solid #2c2c2c;}
.jmeno-perex strong {color: #999999;}

/* tabulka vypis clankł */
.table01 {width: 100%;}
.table01 td, .table01 th {padding: 3px;}
.table01 th {font-weight: bold;}

/* tabulka clanek */
.table-clanek {width: 100%;}
.table-clanek td, .table-clanek th {padding: 3px; font-size: 90%;}
.table-clanek th {text-align: center; font-weight: bold;}
#main .table-clanek img {border: 0;}
.table-clanek .table-clanek-left {width: 200px;}

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

/* systemove bloky */
#content-left .blok, #content-left .blok-center {margin: 0 10px 10px 12px;}
#content-right .blok, #content-right .blok-center {margin: 0 12px 10px 10px;}
.blok, .blok-center, .blok-reklama {padding: 6px; font-size: 90%; background-color: #000; border: 1px solid #1e2022;}
.blok-center, .blok-reklama {text-align: center;}
.blok-center img {margin: 1px 0 1px 0;}
.blok a, .blok-center a {font-weight: bold;}
.blok h3 {color: #828282;}

/* doplnkove styly systemove bloky */

.datum-blok {text-align: right; color: #6b7781;}
.blok-center-text, .blok-center-text-margin {text-align: center;}
.blok-center-text {margin: 0;}
.blok-center-text-padding {padding-bottom: 0.5em;} 
 
/* systemove moduly */

/* reklama */
.blok-reklama img {border: 0; margin-bottom: 5px;}

/* fotogalerie */
.fotogalerie {margin-bottom: 5px;}
.fotogalerie img {margin: 3px; vertical-align: middle;}
.fotogalerie-serie {margin-bottom: 10px; text-align: center; padding-bottom: 10px; border-bottom: 1px dotted #2C2C2C;}
 
/* kalendar */
#kalendar {width: 100%; border: 0px; margin: 0;}
#kalendar td {text-align: center; padding: 1px; font-size: 90%; font-weight: bold;}
#kalendar th {color: #6F1A1C;}
#kalendar-dnes {background-color: #272b2f;}

/* komentare */
#main .table-kom {margin: 15px auto; width: 99%; border: 1px solid #1c1313;}
#main .table-kom td {padding: 4px; vertical-align: middle;}
#main .form-kom {background: #141414; color: #999999;}
#main .form-kom-hov {background-color: #000; color: #fff;} 
#main .comment {margin-bottom: 25px;}

/* 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-login, .form-search, .form-search2, .form-textarea, select {border: 1px solid #491114;}
input, select {height: 15px;}
.form-text01, .form-text02, .form-text03, .form-textarea, .form-login, .form-search, .form-search2, select {background-color: #d3c4c4;}
.form-text01-foc, .form-text02-foc, .form-text03-foc, .form-textarea-foc {background-color: #fff; border: 1px solid #6b7781;}

.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 {color: #fff; height: 21px; border: 0px; margin: 10px; cursor: pointer; font-size: 100%;}
.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 #1e2022; height: 24px;}
.button-search {color: #fff; margin: 5px 0 5px 0; background: url('image/web/button-search.gif') no-repeat center center; border: 0; height: 20px; width: 55px; cursor: pointer; font-size: 90%;}

/* vyhledavani */
.form-search {width: 120px;}
.form-search-foc {width: 120px; border: 1px solid #6b7781;}
.form-search2 {width: 180px;}
.form-search-foc2 {width: 180px; border: 1px solid #6b7781;}

/* modul login */
.table-login {width: 100%; margin: 0;}
.form-login {width: 76px;}
.form-login-foc {width: 76px; border: 1px solid #EACB9B;}

/* ankety */
.anketa-blok-odpovedi a {font-weight: bold;}
.anketa-blok-hlasy {color: #333333;}
a.anketa-blok-odp-cara {display: block; height: 8px; margin: 3px 0 8px 0; background-color: #140506;}
.anketa-blok-odp-cara-hlasy {display: block; height: 8px; font-size: 0; line-height: 0; background-color: #511314; cursor: hand;}