body { margin: 0; padding: 0; background: #fef9db url(../images/bg.jpg) repeat-x top left; font-size: 12px; font-family: sans-serif; color: #787977; }
h1, h2, h3, h4, p { margin: 0; }
h1 { font: 26px serif; margin-bottom: 25px; }
h2 { font: bold 14px sans-serif; color: #87c03b; margin-bottom: 17px; }
a { text-decoration: underline; color: #87c03b!important; }
a:hover { text-decoration: none; }
a img { border: none; }
.cleaner { float: left; clear: both; width: 100%; height: 0; }
a.vice { float: right; }

#container { width: 100%; min-width: 900px; margin: 0 auto; padding-bottom: 10px; float: left; clear: both; background: url(../images/bg_top.jpg) no-repeat top center; }

#main { width: 900px; margin: 0 auto; }

#head { width: 900px; float: left; clear: both; height: 351px; position: relative; }
#head a#logo { position: absolute; top: 18px; left: 0; }
#head h1 { display: none; }
#head menu { width: 620px; margin: 0; padding: 0; height: 43px; position: absolute; top: 25px; right: 5px; }
#head menu li { list-style: none; display: inline; float: left; line-height: 31px; margin: 0; }
#head menu li a { color: #fff!important; display: block; height: 43px; line-height: 31px; float: left; text-align: center; margin: 0; }
#head menu li a#m01 { width: 96px; margin-right: 13px; _margin-right: 6px; background: url(../images/m01.jpg) no-repeat 0 44px; }
#head menu li a#m02 { width: 71px; margin-right: 13px; _margin-right: 6px; background: url(../images/m02.jpg) no-repeat 0 44px; }
#head menu li a#m03 { width: 90px; margin-right: 10px; _margin-right: 5px; background: url(../images/m03.jpg) no-repeat 0 44px; }
#head menu li a#m04 { width: 96px; margin-right: 10px; _margin-right: 5px; background: url(../images/m04.jpg) no-repeat 0 44px; }
#head menu li a#m05 { width: 46px; margin-right: 11px; _margin-right: 5px; background: url(../images/m05.jpg) no-repeat 0 44px; }
#head menu li a#m06 { width: 96px; margin-right: 8px; _margin-right: 4px; background: url(../images/m06.jpg) no-repeat 0 44px; }
#head menu li a#m07 { width: 57px; margin-right: 0; background: url(../images/m07.jpg) no-repeat 0 44px; }
#head menu li a:hover, #head menu li.slc a { background-position: 0 0!important; text-decoration: none; }
#head #free { position: absolute; top: 177px; right: 0px; width: 187px; }
#head #free p { line-height: 42px; float: right; }
#head #free p span { line-height: 42px; float: left; margin-right: 22px; font-size: 11px; text-transform: uppercase; }
#head #free strong { width: 37px; font: bold 26px/42px Arial; color: #e20b00; float: left; padding-left: 5px; }
#head #free2 { position: absolute; top: 217px; right: 16px; width: 135px; }
#head #free2 p { line-height: 42px; float: right; }
#head #free2 p span { line-height: 20px; float: left; margin-right: 25px; font-size: 11px; text-transform: uppercase; }
#head #free2 strong { width: 33px; font: bold 18px/20px Arial; color: #9c9b2b; float: left; padding-left: 5px; }
#head #popis { position: absolute; top: 245px; right: 0; width: 175px; }
#head #popis p { font-style: italic; margin: 0; font-size: 11px; color: #fff; }
#head #popis p span { color: #787977; float: left; clear: both; display: block; width: 100%; margin-bottom: 5px; }

#cols { width: 900px; float: left; clear: both; background: #fff url(../images/bg_cols_top.jpg) no-repeat top left; padding-top: 30px; position: relative; }

#lcol { float: left; width: 297px; padding: 0 0 100px 30px; }
#lcol h2 { clear: both; width: 100%; float: left; margin: 0 0 17px 0; }
#lcol p { margin-left: 0!important; }
#lcol .news { width: 290px; float: left; clear: both; margin: 0 7px 8px 0; }
#lcol .news p.datum { float: left; font-size: 10px; line-height: 15px; color: #fff; width: 60px; height: 15px; text-align: center; background: url(../images/bg_datum.gif) no-repeat top left; }
#lcol .news h2 { float: right; width: 220px; font: 12px sans-serif; margin-bottom: 5px; }
#lcol .news p { float: right; clear: right; width: 220px; }
#lcol a.vice { color: #ff7500!important; background: url(../images/ico_right.gif) no-repeat center right; padding-right: 20px; margin-right: 19px; }
#lcol a.mapa { border: 3px solid #dedede; margin: -5px 0 25px 0; float: left; clear: both; }
#lcol .popis_bytu { float: left; clear: both; width: 270px; margin: 0 27px 0 0; _margin-right: 0; }
#lcol .popis_bytu h1 { margin: 0 0 25px 0; width: 270px; }
#lcol .popis_bytu p { font-size: 11px; margin: 0 0 20px 0; width: 270px; }
#lcol .gal_box { float: left; clear: both; width: 297px; margin: 0 0 20px 0; }
#lcol .gal_box a.th { display: block; float: left; width: 79px; height: 79px; border: 3px solid #dedede; margin: 0 6px 6px 0; overflow: hidden; }
#lcol .gal_box a:hover.th { border-color: #87c03b; }
#kontakt { width: 182px; padding-left: 115px; height: 80px; background: url(../images/bg_lcol.jpg) no-repeat bottom left; position: absolute; bottom: 0; left: 0; }
#kontakt p { position: relative; width: 202px; margin: 0; }
#kontakt p span.predvolba { position: absolute; top: 0; left: 0; font: bold 18px serif; color: #b3b3b3; }
#kontakt p span.cislo { position: absolute; top: 22px; right: 0; font: bold 26px serif; color: #626262; display: block; width: 170px; }
#kontakt p a { position: absolute; top: 52px; right: 0; font: 14px serif; }

#rcol { float: right; width: 552px; padding-right: 12px; }
#rcol p { margin: 0 30px 17px 0; }
#rcol #vice { margin: 10px 0 10px 0; width: 100%; clear: both; }
#rcol #vice a.btn { margin: 0 20px 0 0; }
#rcol #vice a { margin: 0 17px 0 0; color: #ff7500!important; float: left; font-size: 11px; }
#rcol #kontakt_box { float: left; width: 255px; margin: 0; }
#rcol #kontakt_box p b { float: left; width: 100px; }
#rcol a#mapa { display: block; float: right; border: 3px solid #dedede; width: 258px; height: 150px; }
#rcol table#nabidka { margin: 0 0 20px 0; padding: 0; border-collapse: collapse; width: 552px; }
#rcol table#nabidka th { font-size: 10px; font-weight: normal; color: #fff; background: #93c64e; padding: 5px 0 5px 0; border: 1px solid #fff; }
#rcol table#nabidka td { text-align: center; color: #9c9d9b; background: #f8f8f7; font-size: 10px; padding: 5px 0 3px 0; border: 1px solid #fff; }
#rcol table#nabidka td span { font-size: 24px; color: #87c03b; }
#rcol table#nabidka tr.celkem td { color: #fff; background: #9c9d9b; }
#rcol table.cenik { margin: 0 0 20px 0; padding: 0; border-collapse: collapse; width: 552px; float: left; clear: both; }
#rcol table.cenik th { font-size: 10px; font-weight: normal; color: #fff; background: #93c64e; padding: 5px 0 5px 0; border: 1px solid #fff; }
#rcol table.cenik td { text-align: center; color: #9c9d9b; background: #f8f8f7; font-size: 10px; padding: 5px 0 3px 0; border: 1px solid #fff; }
#rcol table.cenik td span { font-size: 24px; color: #87c03b; }
#rcol table.cenik td.cena { color: #fff; background: #ff7500; }
#rcol table.cenik td.cena b { font-size: 12px; float: right; margin-right: 10px; }
#rcol p.celkem span { float: left; width: 280px; line-height: 18px; }
#rcol p.celkem em { font-size: 11px; line-height: 18px; }
#rcol #bloky { width: 552px; margin: 0; }
#rcol #bloky img { float: left; margin: 0; }
#rcol form { margin: 0; padding: 0; width: 537px; }
#rcol form .left { float: left; width: 200px; }
#rcol form .right { float: right; width: 337px; }
#rcol form .bottom { width: 537px; clear: both; }
#rcol form label { color: #787977; }
#rcol form .left input { width: 175px; height: 17px; padding: 3px 4px; background: url(../images/bg_input.gif) repeat-x top left; border: 1px solid #e0e1de; margin: 2px 0 7px 0; }
#rcol form .right input { width: 175px; height: 17px; padding: 3px 4px; background: url(../images/bg_input.gif) repeat-x top left; border: 1px solid #e0e1de; margin: 2px 0 7px 0; }
#rcol form .right textarea { width: 327px; height: 120px; padding: 3px 4px; background: #f7f4f4 url(../images/bg_textarea.gif) repeat-x top left; border: 1px solid #e0e1de; margin: 2px 0 7px 0; }
#rcol form .bottom input { float: left; margin: 5px 5px 0 0; }
#rcol form .bottom label { float: left; margin: 6px 0 0 0; }
#rcol form .bottom input.btn { float: right; }
#rcol .news { width: 532px; float: left; clear: both; margin: 0 0 8px 0; }
#rcol .news p.datum { float: left; font-size: 10px; line-height: 15px; color: #fff; width: 60px; height: 15px; text-align: center; background: url(../images/bg_datum.gif) no-repeat top left; margin: 0; }
#rcol .news h2 { float: right; width: 460px; margin-bottom: 5px; }
#rcol .news p { float: right; clear: right; width: 460px; margin: 0 0 15px 0; }

#footer { width: 870px; float: left; clear: both; height: 72px; padding: 28px 0 0 30px; background: url(../images/bg_footer.gif) no-repeat top left; }
#footer p.odkazy { margin: 0 0 15px 0; font-size: 11px; }
#footer p.odkazy a { color: #787977!important; text-transform: uppercase; text-decoration: none; margin: 0 5px; }
#footer p.odkazy a:hover { text-decoration: underline; }
#footer p.odkazy a.first { margin: 0 5px 0 0; }
#footer p.podpis { font-size: 11px; color: #b3b3b3; }
#footer p.podpis a { color: #b3b3b3!important; text-decoration: none; }
#footer p.podpis a:hover { text-decoration: underline; }
#footer p.podpis a.proidea { color: #87c03b!important; }