/* CSS Document */
* {
    margin: 0;
    padding: 0;
}
body, table, table td, form, div, a, input, textarea, select, button, p {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 12px;
}
html, body {
    text-align: center;
}
html {
}
body {
    text-align: center;
    color: #000;
    background: #303030 url('../images/body_bg.gif') repeat scroll left top;
}
form {
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none;
}
img,
a img {
    border-width: 0;
}
a:link,
a:visited {
    color: #000;
    font-weight: normal;
}
a:link .hl,
a:visited .hl {
    color: #cf0100;
}
a:hover,
a:hover.hhl .hl {
    color: #0081c0;
}
.bold {
    font-weight: bold;
}
.right {
    text-align: right;
}
.u {
    text-decoration: underline;
}
.i {
    font-style: italic;
}
.clr {
    font-size: 1px;
    height: 1px;
    clear: both;
}
.req {
    color: #f22;
    font-size: 13px;
    font-weight: bold;
}
ul, li {
    list-style-type: none;
}
input, select {
    vertical-align: middle;
}
input.text,
textarea.text,
input.errtext,
textarea.errtext {
    padding: 3px 3px 3px 3px;
    border: 1px solid #494949;
    color: #ffd112;
    background-color: #777;
    vertical-align: middle;
    font-weight: normal;
}
input.text {
    height: auto;
}
input.checkbox {
    width: 12px;
    overflow: hidden;
    margin: 0px 3px 3px 3px;
    height: auto;
    vertical-align: middle;
}
select {
    padding: 0;
    margin-right: 4px;
    height: 18px;
    overflow: hidden;
    border: 1px solid #c6c6c6;
    background-color: #fff;
}
select option {
    padding-right: 8px;
}
select.m {
    height: auto;
}
select.errtext,
select.text {
    /*border: 1px solid #8f9ea5;*/
    font-size: 11px;
}
input.errtext,
textarea.errtext,
select.errtext {
    border: 2px solid red;
    background-color: #ffefef;
}
input.button {
    padding: 0 2px;
    font-size: 10px;
    height: 16px;
}
form div {
    text-align: left;
}
.w100 {
    width: 100%;
}
.w99 {
    width: 99%;
}
.clear {
    clear: both;
}
.hide {
    display: none;
}
.red {
    color: #f00;
}
.center {
    text-align: center;
}
.bs10 {
    margin-bottom: 10px;
}
.bodyimagebg {
    width: 100%;
    background: url('../images/body_top_bg.gif') repeat-x scroll left top;
    text-align: center;
}
.bodyimage {
    height: 100%;
    background: url('../images/body_image.png') no-repeat scroll center top;
    text-align: center;
}
.container {
    width: 800px;
    margin: 0 auto;
    text-align: left;    
}
.leftcol {
    float: left;
    width: 285px;
    overflow: hidden;
    background: url('../images/leftcol_bg.gif') repeat-y scroll left top;
}
.leftcol a.logo {
    display: block;
}
.leftcol .menu {
    padding: 17px 0 20px 10px;
    background: url('../images/menu_top_bg.gif') no-repeat scroll left top;
}
.leftcol .menu ul li {
    display: block;
    height: 41px;
    overflow: hidden;
}
.leftcol .menu ul li a:link,
.leftcol .menu ul li a:visited {
    display: block;
    height: 41px;
    padding: 0 0 0 40px;
    line-height: 41px;
    background: #fff url('../images/menu_item.png') no-repeat scroll left top;
    font-size: 11px;
    font-weight: bold;
    color: #f1f1f1;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.leftcol .menu ul li a:hover {
    text-decoration: underline;
}
.leftcol .menu ul li a.active:link,
.leftcol .menu ul li a.active:visited {
    color: #3b3b3b;
    background-position: left -41px;
}
.leftcol .menu ul li.sp {
    height: 2px;
    font-size: 1px;
    line-height: 1px;
    background: url('../images/menu_item_spacer.gif') no-repeat scroll left top;
}
.leftcol .dotaz {
    height: 248px;
    overflow: hidden;
    background: url('../images/dotaz_bg.gif') no-repeat scroll left top;
}
.leftcol .dotaz .label {
    padding: 0 0 0 48px;
    line-height: 46px;
    font-weight: bold;
    color: #fff;
}
.leftcol .dotaz .form {
    margin: 0 25px;
}
.leftcol .dotaz .form table {
    width: 100%;    
}
.leftcol .dotaz .form table tr td {
    vertical-align: top;
    font-size: 10px;
    font-weight: bold;
    color: #d8bf8f;
}
.leftcol .dotaz .form table tr.r1 td {
    height: 28px;
    text-align: center;
}
.leftcol .dotaz .form table tr.r2 td {
    height: 94px;
}
.leftcol .dotaz .form table tr.r3 td {
    height: 43px;
}
.leftcol .dotaz .form table tr.r2 td textarea {
    padding: 0;
    margin: 8px 8px 0 8px;
    width: 220px;
    height: 78px;
    border: 0px solid red;
    background-color: transparent;
    font-size: 10px;
    font-weight: bold;
    color: #efe4cf;
}
.leftcol .dotaz .form table tr td span.text {
    display: block;
    margin-top: 8px;
}
.leftcol .dotaz .form table tr td input.text {
    background-color: transparent;
    width: 100px;
    margin-top: 4px;
    padding: 3px 2px;
    border: 0px solid red;
    font-size: 10px;
    font-weight: bold;
    color: #efe4cf;
}
.leftcol .dotaz .form table tr td input.submit {
    width: 92px;
    padding: 5px 0px 0 0;
    border-width: 0px;
    background-color: transparent;
    font-size: 10px;
    font-weight: bold;
    color: #efe4cf;
    cursor: Pointer;
    text-align: left;
}
.leftcol .dotaz .form table tr td.capit {
    font-size: 11px;
    line-height: 18px;
    color: #f2e7d2;
}
.leftcol .dotaz .form table tr td.capit span.capit { letter-spacing: 1px; color: #b2b2b2; }

.leftcol .dotaz .form table tr td.capit .hl,
.leftcol .dotaz .form table tr td.capit span.capit .marked {
    color: #e3f3f3;
}
.leftcol .dotaz .form table tr td input.capit {
    width: 40px;
    margin: 0;
    background-color: #d0a34d;
    border: 1px solid #ae7a17;
    vertical-align: middle;
}
.leftcol .info {
    height: auto;
    padding-bottom: 20px;
    overflow: hidden;
    background: url('../images/info_bg.png') no-repeat scroll left bottom;
}
.leftcol .info .label {
    display: block;
    height: 46px;
    padding: 0 0 0 48px;
    line-height: 46px;
    font-weight: bold;
    color: #fff;
    background: url('../images/info_raquo.gif') no-repeat scroll 26px 14px;
}
.leftcol .info table {
    margin: -4px 0 0 48px;
}
.leftcol .info table tr td {
    color: #fff;
    line-height: 15px;
}
.leftcol .info table tr td.u {
    padding: 0 0 4px 0;
    text-decoration: underline;
    font-weight: bold;
}
.leftcol .info table tr td.f {
    width: 80px;
}
.leftcol .info table tr td.p {
    padding-top: 12px;
}
.leftcol .info table tr td a:link,
.leftcol .info table tr td a:visited {
    font-size: 12px;
    color: #fff;
    font-weight: bold;
}
.leftcol .info table tr td a:hover {
    text-decoration: underline;
}
.page {
    float: left;
    width: 515px;
    overflow: hidden;
}
.page .head {
    background: #fff url('../images/page_top.gif') no-repeat scroll left top;
    display: block;
    padding-top: 22px;
}
.page .pagefix {
    position: relative;
    padding-bottom: 100px;
    min-height: 820px;
    height: auto;
    background: #fff url('../images/content_bg.gif') no-repeat scroll left bottom;
}
.page .pagefix .bmenu {
    position: absolute;
    left: 56px;
    bottom: 42px;
    width: 420px;
    border-bottom: 1px solid #9c592d;
}
.page .pagefix .bmenu ul {
    padding: 0 0 0 8px;
}
.page .pagefix .bmenu ul li {
    display: inline;
    font-size: 11px;
    color: #666666;
}
.page .pagefix .bmenu ul li a:link,
.page .pagefix .bmenu ul li a:visited,
.page .pagefix .bmenu ul li span {
    display: inline-block;
    padding: 0 5px 16px 5px;
    text-align: center;
    font-size: 11px;
    color: #666666;
}
.page .pagefix .bmenu ul li a:hover {
    text-decoration: underline;
}
.page .pagefix .bmenu ul li a.active:link,
.page .pagefix .bmenu ul li a.active:visited {
    background: url('../images/arr.gif') no-repeat scroll center bottom;
}
.page .footer {
    padding: 10px 0 0 0;
}
.page .footer .copy {
    text-align: center;
    font-size: 11px;
    color: #505050;
}
.page .footer .copy a:link,
.page .footer .copy a:visited {
    font-size: 11px;
    color: #505050;
    font-weight: bold;
}
.page .footer .copy a span.b {
    font-weight: normal;
}
.page .footer .copy a:hover {
    text-decoration: underline;
}
.page .content .uvod {
    padding-top: 16px;
}                           
.page .content .uvod .uart {
    position: absolute;
    left: 295px;
    top: 17px;
}
.page .content .uvod.top-pad .uart {
    top: 200px;
}
.page .content .uvod .graybox {
    margin-right: 220px;
    padding: 0 0 14px 0;
    background: url('../images/gray_bg.gif') no-repeat scroll right bottom;
}
.page .content .uvod h1 {
    margin: 0 0 0 10px;
    padding: 0 0 0 30px;
    background: #fff url('../images/raquo.gif') no-repeat scroll 10px 4px;
    font-size: 12px;
    font-weight: bold;
    color: #3a3a3a;
    letter-spacing: 1px;    
}
.page .content .uvod p {
    margin: 0 250px 0 10px;
    font-size: 12px;
    color: #3a3a3a;
    letter-spacing: 0px;
    line-height: 15px;
    text-align: justify;    
}
.page .content .uvod p.r {
    padding: 0 0 0 30px;
    background: url('../images/raquo.gif') no-repeat scroll 10px 4px;
}
.page .content .uvod .graybox p {
    margin-right: 30px;
}
.page .content .listjidlatypy {
    padding: 16px 0 0 10px;
}
.page .content .listjidlatypy ul li {
    float: left;
    width: 162px;
    height: 24px;
    overflow: hidden;
}
.page .content .listjidlatypy ul li a:link,
.page .content .listjidlatypy ul li a:visited {
    display: block;
    padding: 0 0 0 30px;
    line-height: 24px;
    font-weight: bold;
    color: #3a3a3a;
    text-transform: uppercase;
}
.page .content .listjidlatypy ul li a:hover {
    text-decoration: underline;
}
.page .content .listjidlatypy ul li a.active:link,
.page .content .listjidlatypy ul li a.active:visited {
    background: url('../images/raquo.gif') no-repeat scroll 10px 8px;
}
.page .content .spacg {
    display: block;
    margin: 0 30px;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    border-bottom: 1px solid #a56236;
}
.page .content .listjidla {
    padding: 16px 0 0 10px;
}
.page .content .listjidla a.backlink:link,
.page .content .listjidla a.backlink:visited {
    margin: 0 0 0 10px;
    font-size: 11px;
    font-weight: bold;
    color: #c2c2c2;
}
.page .content .listjidla a.backlink:hover {
    text-decoration: underline;
}
.page .content .listjidla h1 {
    display: block;
    margin-top: 10px;
    padding: 0 0 0 30px;
    line-height: 24px;
    font-size: 12px;
    font-weight: bold;
    color: #3a3a3a;
    text-transform: uppercase;
    background: url('../images/raquo.gif') no-repeat scroll 10px 8px;
}
.page .content .listjidla .list {
    margin: 0 30px 0 20px;
    padding: 10px 0 0 0;
}
.page .content .listjidla .list .item {
    margin-top: 2px;
    padding: 12px;
}
.page .content .listjidla .list .even {
    background-color: #f6f6f6;
}
.page .content .listjidla .list .pblock {
    float: right;
    display: block;
    width: 60px;
    line-height: 16px;
}
.page .content .listjidla .list .pblock .cena {
    font-weight: bold;
    display: block;
}
.page .content .listjidla .list .pblock .gramaz {
    margin-top: 8px;
    display: block;
}
.page .content .listjidla .list .nazev {
    display: block;
    width: 360px;
    margin-right: 60px;
    font-weight: bold;
    color: #3a3a3a;
    line-height: 16px;
    white-space: nowrap;
}
.page .content .listjidla .list .popis {
    display: block;
    width: 360px;
    margin-right: 60px;
    min-height: 16px;
    margin-top: 8px;
    color: #3a3a3a;
    line-height: 16px;
    white-space: word-wrap;
}
.page .content .listjidla .spacg {
    margin-left: 20px;
}
.page .content .paging {
    margin-top: 14px;
    text-align: center;
}
.page .content .paging a:link,
.page .content .paging a:visited {
    display: inline-block;
    padding: 7px 8px;
    font-weight: bold;
    color: #3a3a3a;
    margin: 0 3px;
}
.page .content .paging a:hover {
    text-decoration: underline;
}
.page .content .paging a.active:link,
.page .content .paging a.active:visited {
    font-weight: bold;
    background-color: #d9c092;
}
.page .content .kontakt table.kontakt tr td {
    height: 25px;
    line-height: 24px;
    color: #444444;
}
.page .content .kontakt table.kontakt tr td.l {
    padding: 0 20px 0 40px;
}
.page .content .kontakt table.kontakt tr td.r {
    background: url('../images/raquo.gif') no-repeat scroll 20px 10px;
}
.page .content .kontakt table.kontakt tr td.u {
    font-weight: bold;
    text-decoration: underline;
}
.page .content .kontakt table.kontakt tr td a:link,
.page .content .kontakt table.kontakt tr td a:visited {
    font-weight: bold;
    color: #444444;
}
.page .content .kontakt table.kontakt tr td a:hover {
    text-decoration: underline;
}
.page .content .galerie {
    padding: 16px 0 0 10px;
}
.page .content .galerie ul.listgalerie {
    padding: 30px 0 0 20px;
}
.page .content .galerie ul.listgalerie li {
    display: block;
    width: 144px;
    height: 110px;
    float: left;
    margin: 0 10px 10px 0;
}
.page .content .galerie ul.listgalerie li a:link,
.page .content .galerie ul.listgalerie li a:visited {
    display: block;
    width: 144px;
    height: 110px;
    overflow: hidden;
    text-align: center;
    background: url('../images/galitem_bg.gif') no-repeat scroll left top;
}
.page .content .galerie ul.listgalerie li a:hover {
    background-position: left -110px;
}
.page .content .galerie ul.listgalerie li a span {
    display: block;
    margin: 7px 0 0 7px;
    width: 130px;
    height: 96px;
    overflow: hidden;
    text-align: left;
}
.page .content .galerie ul.listgalerie li a span img {
}

.articles-flyer                     { position: relative; margin: 0 10px 14px 10px; width: 495px; height: 168px; overflow: hidden; background: url('../images/articles_flyer_bg.gif') repeat-x scroll left top; }
.articles-flyer .articles           { position: relative; left: 50px; top: 0; z-index: 1; width: 445px; height: 168px; overflow: hidden; }
.articles-flyer .articles > div     { position: relative; width: 445px; height: 168px; }
.articles-flyer .image              { float: right; position: relative; display: block; width: 158px; height: 168px; }
.articles-flyer .image .wrap           { position: relative; left: 7px; top: 18px; display: block; width: 131px; height: 131px; text-align: center; overflow: hidden; }
.articles-flyer .image .wrap-to-center { display: table-cell; width: 131px; height: 131px; text-align: center; vertical-align: middle; }
.articles-flyer .image a            { }
.articles-flyer .article-wrap       { position: relative; margin: 0 0 0 2px; padding-top: 16px; display: block; width: 334px; }
.articles-flyer .articles h2        { padding-bottom: 10px; font-size: 12px; color: #31272f; }
.articles-flyer .articles p         { margin: 0 !important; padding: 0; width: 260px; height: 110px; line-height: 20px; font-size: 12px; text-align: justify; overflow: hidden; }
.articles-flyer a.advance           { position: absolute; right: 350px; bottom: 25px; display: block; font-size: 12px; color: #e40288; }
.articles-flyer .article-index              { position: absolute; left: 22px; top: 18px; z-index: 99; }
.articles-flyer .article-index li           { margin-bottom: 10px;  }
.articles-flyer .article-index li a         { display: block; width: 14px; height: 14px; background: url('../images/articles_flyer_index.png') no-repeat scroll left top; }
.articles-flyer .article-index li a:hover,  
.articles-flyer .article-index li a.active  { background-position: left -14px; }

.leftcol .zasilani                                  { height: 248px; overflow: hidden; background: url('../images/zasilani_bg.png') no-repeat scroll left top; }
.leftcol .zasilani .label                           { padding: 0 0 0 48px; line-height: 46px; font-weight: bold; color: #fff; }
.leftcol .zasilani p                                { margin: 10px 0; color: white; }
.leftcol .zasilani .form                            { margin: 0 25px; }
.leftcol .zasilani .form table                      { width: 100%; }
.leftcol .zasilani .form table tr td                { vertical-align: top; font-size: 10px; font-weight: bold; color: #d8bf8f; }
.leftcol .zasilani .form table tr.r1 td             { height: 28px; text-align: center; }
.leftcol .zasilani .form table tr.r2 td             { height: 94px; }
.leftcol .zasilani .form table tr.r3 td             { height: 43px; }
.leftcol .zasilani .form table tr.r2 td textarea    { padding: 0; margin: 8px 8px 0 8px; width: 220px; height: 78px; border: 0px solid red; background-color: transparent; font-size: 10px; font-weight: bold; color: #efe4cf; }
.leftcol .zasilani .form table tr td span.text      { display: block; margin-top: 8px; }
.leftcol .zasilani .form table tr td input.text     { background-color: transparent; width: 100px; margin-top: 4px;padding: 3px 2px; border: 0px solid red; font-size: 10px; font-weight: bold; color: #efe4cf; }
.leftcol .zasilani .form table tr td input.submit   { width: 112px; padding: 7px 0px 12px 0; line-height: 17px; border-width: 0px; background-color: transparent; font-size: 10px; font-weight: bold; color: #efe4cf; cursor: Pointer; text-align: center; background: url('../images/submit.png') no-repeat scroll left top; }
.leftcol .zasilani .form table tr td.capit          { font-size: 11px; line-height: 18px; color: #f2e7d2; }
.leftcol .zasilani .form table tr td.capit .hl,
.leftcol .zasilani .form table tr td.capit span.capit { color: #e3f3f3; }
.leftcol .zasilani .form table tr td.capit span.capit { color: #b2b2b2; letter-spacing: 1px; }
.leftcol .zasilani .form table tr td.capit span.capit .marked { color: #e3f3f3; }
.leftcol .zasilani .form table tr td input.capit    { width: 40px; margin: 0; background-color: #d0a34d; border: 1px solid #ae7a17; vertical-align: middle; }