body { margin: 0; padding: 0; background: #a5b0c0; font-size: 11px; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; color: #666; }
h1, h2, h3, h4, p { margin: 0; }

a { text-decoration: underline; color: #023061; }
a:hover { text-decoration: none; }
a img { border: none; }
.cleaner { float: left; clear: both; width: 100%; height: 0; }
 {  }

#container { width: 970px; margin: 0 auto; padding-bottom: 10px; }

#head { width: 960px; background: #fff; padding: 5px; height: 100px; float: left; clear: both; margin: 10px 0 7px 0; }
#head a { float: left; }
#head #headline { float: left; width: 787px; height: 100px; background: url(../images/bg_headline.gif) no-repeat top left; padding-left: 46px; }
#head #headline h1 { font: 40px Trebuchet MS; color: #922d2a; margin: 27px 0 0 0; }
#head #headline h1 span { font-size: 34px; color: #727577; }
#head #headline h1 span strong { font-style: italic; font-size: 33px; }

#lcol { float: left; width: 319px; margin: 0 7px 7px 0; }
#mcol { float: left; width: 319px; margin: 0 6px 7px 0; }
#rcol { float: left; width: 319px; margin: 0 0 7px 0; }
.box { background: #fff; padding: 5px; float: left; clear: both; position: relative; }
.box img { float: left; margin: 0; }
#lcol a.btn_1 { position: absolute; top: 200px; left: 12px; border: 3px solid #fff; }
#lcol a.btn_2 { position: absolute; top: 256px; left: 12px; border: 3px solid #fff; }
#lcol a:hover.btn_1, #lcol a:hover.btn_2, #lcol a.slc { border: 3px solid #9d2c20; }
#double_col { float: left; width: 635px; padding: 5px; background: #fff url(../images/bg_obsah.jpg) no-repeat 5px 5px; margin: 0 6px 7px 0; min-height: 230px; }
#col_kontakt { float: left; width: 309px; margin: 0 0 7px 0; padding: 5px; background: #fff url(../images/bg_kontakt.jpg) no-repeat 5px 5px; min-height: 230px; }
#double_col .left { float: left; width: 285px; padding: 0 15px; margin-right: 7px; }
#double_col .right { float: left; width: 295px; padding: 0 9px; margin: 0; }
#double_col h3 { font: 20px/18px Trebuchet MS; color: #414953; margin: 23px 0 18px 80px; }
#double_col p { margin: 0 0 15px 0; }
#col_kontakt h3 { font: 20px/18px Trebuchet MS; color: #414953; margin: 23px 0 18px 80px; }
#col_kontakt h4 { color: #922d2a; font: bold 14px/20px Trebuchet MS; margin: 0 0 0 15px; }
#col_kontakt p { margin: 0 0 0 15px; }
#col_kontakt p b { float: left; width: 45px; }
#col_kontakt a { color: #922d2a; }
#double_col2 { float: left; width: 624px; padding: 5px 5px 5px 15px; background: #fff; margin: 0 0 7px 0; height: 364px; position: relative; }
#double_col2 h2 { font: bold 18px/24px Trebuchet MS; color: #922d2a; margin: 10px 0 15px 0; }
#double_col2 p { margin: 0 0 15px 0; }
#double_col2 a.back { width: 171px; height: 31px; display: block; position: absolute; top: 327px; left: 15px; float: left; margin: 0; }
#double_col2 .box_dl { float: right; width: 299px; background: url(../images/bg_dl.jpg) no-repeat top left; height: 344px; padding: 20px 0 0 15px; margin: 0 0 0 20px; }
#double_col2 .box_dl h3 { font: 20px/18px Trebuchet MS; color: #414953; margin: 0 0 30px 80px; }
#double_col2 .box_dl p { margin: 0; line-height: 22px; }
#double_col2 .box_dl p span { margin: 0 0 0 10px; }
#double_col2 .box_dl p a { line-height: 16px; padding-left: 28px; background: url(../images/ico_pdf.gif) no-repeat top left; color: #922d2a; }
#double_col2 .box_dl p a.catalog { background-image: url(../images/ico_katalog.gif); line-height: 34px; padding-left: 35px; float: left; height: 34px; margin: 15px 0 0 -6px; }
#footer { width: 960px; padding-right: 10px; height: 36px; background: #727d8d; float: left; clear: both; margin: 0; }
#footer p { text-align: right; line-height: 36px; color: #fff; }

.arch { background: url(../images/bg_cols_btm.gif) repeat-y top left; float: left; clear: both; width: 970px; margin-bottom: 7px; }

.arch #double_col { background: #fff url(../images/bg_obsah2.png) repeat-x top left; border: 5px solid #fff; padding: 0 7px 10px 18px; width: 610px; margin-bottom: 0; }
.arch #double_col h3 { margin-left: 0; }
.arch #double_col .ref_box { width: 100%; float: left; clear: both; margin: 0 0 18px 0; }
.arch #double_col .ref_box .th { float: left; width: 213px; padding: 8px; background: url(../images/bg_th_mid.png) repeat-y top left; position: relative; }
.arch #double_col .ref_box .th span.bg_top { width: 100%; height: 8px; position: absolute; top: 0; left: 0; background: url(../images/bg_th_top.png) no-repeat top left; }
.arch #double_col .ref_box .th span.bg_btm { width: 100%; height: 8px; position: absolute; bottom: 0; left: 0; background: url(../images/bg_th_btm.png) no-repeat top left; }
.arch #double_col .ref_box .th a { margin: 0; }
.arch #double_col .ref_box .text_right { float: right; width: 368px; position: relative; padding-bottom: 35px; }
.arch #double_col .ref_box .text_right h4 { font: bold 14px Trebuchet MS; margin: 0 0 13px 0; color: #922d2a; }
.arch #double_col .ref_box .text_right p { font-size: 11Px; }
.arch #double_col a.btn { font: 14px/29px Trebuchet MS; color: #efe8e7; background: #9e2c21 url(../images/bg_btn.png) repeat-x top left; border: 1px solid #6b2220; padding: 0 10px; display: block; height: 29px; width: 165px; text-decoration: none; }

.arch #col_kontakt form { margin: 0; padding: 0 0 0 15px; width: 275px; }
.arch #col_kontakt form h3 { margin-left: 0; }
.arch #col_kontakt form p.msg { width: 274px; height: 33px; margin: 0 0 23px 0; text-align: center; font: bold 12px/33px Trebuchet MS; }
.arch #col_kontakt form p.bad { background: #ff9d9d; color: #c00d0d; border: 1px solid #ff5757; }
.arch #col_kontakt form p.good { background: #b2d782; color: #355c03; border: 1px solid #7b9a59; }
.arch #col_kontakt form label { float: left; clear: left; width: 52px; text-align: right; font-size: 12px; color: #414953; margin: 5px 10px 10px 0; }
.arch #col_kontakt form input.text { float: left; margin: 0 5px 10px 0; padding: 5px 4px; width: 162px; height: 14px; border: 1px solid #ddd; font-size: 12px; color: #000; background: url(../images/bg_input.png) repeat-x top left; }
.arch #col_kontakt form input.err { border-color: #f00; }
.arch #col_kontakt form input:focus, .arch #col_kontakt form textarea:focus { border-color: #f00; }
.arch #col_kontakt form span.red { color: #f00; float: left; line-height: 24px; }
.arch #col_kontakt form select { height: 24px; margin: 0 5px 10px 0; width: 170px; border: 1px solid #ddd; font-size: 12px; color: #000; }
.arch #col_kontakt form textarea { float: left; margin: 0 0 10px 0; padding: 5px 4px; width: 202px; height: 183px; border: 1px solid #ddd; font: 12px Trebuchet MS; color: #000; background: #e4e4e4 url(../images/bg_textarea.png) repeat-x top left; }
.arch #col_kontakt form .kopie { float: left; width: 90px; margin: 8px 0 0 62px; }
.arch #col_kontakt form .kopie label { clear: none; width: auto; text-align: left; float: none; margin: 0; }
.arch #col_kontakt form .btn { float: right; border: none; width: 63px; height: 31px; background: #992c20 url(../images/btn_send.png) no-repeat top left; cursor: pointer; }
