body, form, input, select, textarea, td, th {font-family: Arial, Helvetica, sans-serif;}
body {text-align: center; color: #464646;  font-size: 80%; background-color: #C2BDAC; 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;}

li {list-style-type: none;}
h1 {font-size: 190%; color: #000; margin: 0 0 1em 0; padding: 0.3em 0 0.5em 0; border-bottom: 1px solid #8d8d8d;}
h2, h3, h4 {margin: 0 0 0.5em 0; padding: 0;}
h2 {font-size: 140%; color: #000;}
h3 {font-size: 130%; color: #666666;}

ul {margin: 0; padding: 0;}

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

/* layout */
#shadow {margin: 0 auto; width: 796px; background: url('image/web/bg-shadow.gif') repeat-y;}
#layout {margin: 0 auto; width: 750px; text-align: left;} 
div>#layout {height: auto}
#header a {display: block; height: 86px; background: url('image/web/bg-header.gif') no-repeat 0px 0px; text-decoration: none;}
#header a span {display: block; padding: 37px 0 0 269px; font-size: 27px; color: #fff; font-weight: bold;}

#content {clear: both; background: #fff url('image/web/bg-content.gif') repeat-y right 0;}
#content-left {float: left; width: 536px;}
#content-right {float: right; width: 214px;}
#footer {margin: 0 auto;}
#footer-copyright {font-size: 90%; text-align: center; color: #fff; padding: 18px 0;}
#footer-copyright a {color: #0069bf; text-decoration: none;}
#footer-copyright a:hover {text-decoration: underline;}

/* menu */
/* menu top */
#menu-top {float: left; border-top: 1px solid #777777;}
#menu-top ul li {float :left; width: 125px; text-align: center; padding: 5px 0 8px 0; background: url('image/web/bg-menu-top-li.gif') repeat-x;}
#menu-top ul li#active {background: url('image/web/bg-menu-top-li-active.gif') repeat-x;}
#menu-top ul li#active a {color: #000;}
#menu-top ul li a {font-size: 14px; font-weight: bold; color: #fff; text-decoration: none;}
#menu-top ul li a:hover {color: #000;}

/* menu right */
#block-right-menu {margin: 20px;}
#block-right-menu ul li {list-style-type: none; margin: 0 0 0.5em 0; padding: 0;}
#block-right-menu ul li a {font-size: 110%; color: #656567;}
#block-right-menu ul li#active-submenu a {color: #000;}


/* clanek */
#main {width: 500px; margin: 20px 18px 20px 18px; text-align: left; line-height: 135%; overflow: hidden;}
#main ul li, .block-right ul li {margin: 0 0 0 16px; list-style-type: disc}

.vlevoobr {float: left; margin-right: 5px; margin-bottom: 2px}
.vpravoobr {float: right; margin-bottom: 2px; margin-left: 5px}

/* strankovani, jmeno, datum, perex */
#main .strankovani {text-align: right; margin: 10px 0 15px 0; font-size: 90%;}
#main .main-date {clear: left; text-align: right; font-size: 90%; color: #666666;} 

/* tabulka clanek */
.table-clanek {width: 100%;}
.table-clanek td {padding: 10px;}

.table-prodej {width: 100%; border-bottom: 1px solid #8d8d8d; margin-bottom: 1em;}
.table-prodej td {padding: 10px;}
.table-prodej .col01 {width: 120px;}

/* Table uvod */
.table-block-left, .table-block-right {width: 226px; padding: 0 0 0.5em 0; background: #d0d0d0 url('image/web/bg-table-block.gif') no-repeat 0px bottom;}
.table-block-left {float: left;}
.table-block-right {float: right}
.table-block-left h3, .table-block-right h3, .table-block-left p, .table-block-right p {padding: 0 20px 0 20px; margin: 0 0 0.5em 0; font-size: 115%;}
.table-block-left h3, .table-block-right h3 {color: #0069bf;}
.table-block-left p, .table-block-right p {color: #464646;}
.table-block-left img, .table-block-right img {margin-bottom: 17px;}


/* Obrazky uvod */
.image-margin-bottom {margin-bottom: 0.8em;}

/* Doplnkove styly */
.seda {color: #999999;}
.form-error, .error {font-weight: bold; color: #FF0000;}
.form-success {color: #009900; font-weight: bold;}
.form-povinna {color: #FF0000; padding-left: 0.3em;}
.zvyrazneno {font-weight: bold; color: #00a1af;}
.center {text-align: center;}

/* systemove bloky */
#content-right h2 {font-size: 110%; background: url('image/web/bg-block-right-h2.gif') no-repeat; text-align: center; padding: 5px 0; margin-bottom: 1em; letter-spacing: 0.15em;}
#content-right h2 a {color: #fff;}
.block-right {margin: 20px; padding: 0;}
.block-right h3 {color: #000; font-size: 100%;}
.block-date {text-align: right;}
.block-more  {text-align: right; margin: 0.5em 0 1em 0;}
.block-more a {color: #000; text-decoration: underline;}
.block-more a:hover {text-decoration: none;}
.text-intro {font-size: 110%;}


/* 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%;}
input {height: 15px;}

.form-text01, .form-text02, .form-text03, .form-textarea {border: 1px solid #000; background-color: #E6E6E6;}
.form-text01-foc, .form-text02-foc, .form-text03-foc, .form-textarea-foc {background-color: #fff; border: 1px solid #0068bf;}

.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 {width: 65px; height: 22px; border: 0px; cursor: pointer; font-size: 90%; color: #000; font-weight: bold; background: url('image/web/button01.gif') no-repeat; text-align: center;}

/* fotogalerie */
.fotogalerie {margin-bottom: 5px;}
.fotogalerie img {margin: 3px; vertical-align: middle;}