body { text-align: center; color: #212121; font-family: "Arial CE", "Helvetica CE", Arial, Helvetica, sans-serif; font-size: 80%; background: #A40820 url(img/back.gif) repeat-x; position: relative; }
#main { margin: 0 auto; width: 958px; text-align: left; background: url(img/back_in.gif) repeat-y top center; }
html>body { font-size: 85%; *font-size: 80%; } body:last-child, * html body { font-size: 80%; }

/* ---GENERAL--- */
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, dl, dt, dd { margin: 0; padding: 0; }
ul, ol { list-style: none; }
a img, :link img, :visited img, fieldset { border: none; }

.none { display: none; }
.clear { overflow: hidden; clear: both; }

#header { height: 165px; position: relative; font-size: 1.5em; }
#header span { background: url(img/header.jpg) no-repeat center; position: absolute; width: 100%; height: 100%; }

#header_bottom { width: 958px; height: 16px; background: url(img/header_bottom.gif) no-repeat; }

#logo { display: block; padding-left: 0; position: absolute; top: 0; z-index: 100; }
#flash { display: block; padding-left: 264px; position: absolute; top: 0; z-index: 1; }

a, a:link, a:visited, a:active { color: #D50A28; text-decoration: underline; }
a:hover { color: #D50A28; text-decoration: none; }

/* ---RIGHT--- */

#right-col { float: right; width: 664px; _width: 704px; padding: 0 20px; }
#right-col h2 { padding: 0 0 20px 20px; font-size: 1.5em; color: #D70A2B; font-weight: bold; background: url(img/arrow.gif) no-repeat 0 5px;  }
#right-col p { margin: 0 0 15px 0; line-height: 1.4em; }
#right-col p.spat_na_ref { margin: 0 0 20px 0; }
#right-col p img { border: none; }
#right-col img { border: 1px solid #C3DEF0; }

#right-col ul { margin: 0 0 15px 10px; }
#right-col li { margin: 0 0 5px 0; padding: 0 0 0 15px; background: url(img/arrow_small.gif) no-repeat 0 6px; }

#right-col .box { float: left; width: 240px; margin: 20px 20px 20px 50px; _margin: 20px 25px 20px 25px; }
#right-col .box h3 { background: url(img/right_h3.gif) no-repeat; width: 240px; text-align: center; height: 35px; line-height: 35px; vertical-align: middle; font-size: 110%; color: #fff; }
#right-col .right_box { background: url(img/left_back.gif) no-repeat; width: 240px; height: 142px; }
#right-col .right_box img { margin: 5px 0 0 6px; border: none; }


#right-col .kontaktos { background: url(img/kontakt_back.gif) no-repeat; width: 662px; height: 147px; margin: 0 0 20px 0; }

#right-col .kontaktos .lavka { float: left; width: 290px; _width: 390px; margin: 20px 0 0 100px; }

#right-col .kontaktos .lavka h3 { margin: 0 0 0 0; font-size: 1.3em; color: #D70A2B; }
#right-col .kontaktos .lavka ul { margin: 10px 0 0 10px; }
#right-col .kontaktos .lavka li { margin: 5px 0 0 20px; margin: 0; font-size: 85%; background: url(img/arrow_small.gif) no-repeat 0 4px; }

#right-col .kontaktos .pravka { float: left; width: 272px; margin: 35px 0 0 0; font-size: 95%; }


#right-col table.referencia { font-size: 100%; width: 664px; margin: 0 0 20px 0; }
#right-col table.referencia td { padding: 10px 5px; vertical-align: top; text-align: center;  width: 140px; _width: 150px; font-size: 85%; background: #EEF5FB; }
#right-col table.referencia td img { _text-align: center; *text-align: center; }
#right-col table.referencia td a { text-decoration: none; }
#right-col table.referencia td a:hover { text-decoration: underline; }

#right-col img.floatLeftClear { float: left; clear: left; margin: 4px 0 15px 0; border: 0; }

#right-col table.kontakt { font-size: 100%; width: 100%; }
#right-col table.kontakt td { padding: 5px; vertical-align: top; }

.form { font-size: 100%; width: 100%; margin-bottom: 20px; }
.form td { background: #EEF5FB; padding: 5px; }
.input { width: 300px; }
.textarea { width: 300px; height: 100px; }

#right-col .chyby { color: #F00; border: 1px solid #F00; padding: 5px; margin: 0 0 15px 0; }
#right-col .chyby h3.chyby { color: #F00; font-size: 150%; border: none; padding: 5px; margin: 0; }
#right-col .chyby ul { padding: 0; margin: 5px 0 5px 35px; }
#right-col .chyby ul li { padding: 0; margin: 0; background: none; list-style: disc; }

#right-col .green { color: #21A71E; border: 1px solid #21A71E; padding: 5px; margin: 0 0 15px 0; }
#right-col .green h3.green { color: #21A71E; font-size: 150%; border: none; padding: 5px; margin: 0; }
#right-col .green p { padding: 0; margin: 5px 0 5px 5px; }

/* ---LEFT--- */

#left-col { float: left; width: 254px; }
#left-col h3 { background: url(img/left_h3.gif) no-repeat; margin: 10px 0 0 13px; width: 220px; _width: 240px; padding: 0 0 0 20px; height: 35px; line-height: 35px; vertical-align: middle; font-size: 110%; color: #fff; }
#left-col .left_box { background: url(img/left_back.gif) no-repeat; margin: 0 0 0 13px; width: 240px; height: 142px; }
#left-col p { padding: 7px 10px; font-size: 85%; }
#left-col img { margin: 5px 0 0 6px; }

#menu { width: 254px; }
#menu ul { margin-left: 14px; }
#menu ul li { font-size: 110%; font-weight: bold; }
#menu ul li a, .left_menu ul li a:link, .left_menu ul li a:visited, .left_menu ul li a:active, 
#menu ul li.top a, .left_menu ul li.top a:link, .left_menu ul li.top a:visited, .left_menu ul li.top a:active, 
#menu ul li.bottom a, .left_menu ul li.bottom a:link, .left_menu ul li.bottom a:visited, .left_menu ul li.bottom a:active, 
#menu ul li.tab, #menu ul li.tab_top, #menu ul li.tab_bottom
{ color: #212121; text-decoration: none; color: #212121; display: block; background: url(img/menu_off.gif) no-repeat; padding: 0 10px 0 43px; height: 35px; line-height: 35px; vertical-align: middle; width: 187px; _width: 240px; }

#menu ul li.top a, .left_menu ul li.top a:link, .left_menu ul li.top a:visited, .left_menu ul li.top a:active { background: url(img/menu_off_top.gif) no-repeat; }
#menu ul li.bottom a, .left_menu ul li.bottom a:link, .left_menu ul li.bottom a:visited, .left_menu ul li.bottom a:active { background: url(img/menu_off_bottom.gif) no-repeat; }

#menu ul li.tab { color: #fff; background: url(img/menu_on.gif) no-repeat; }
#menu ul li.tab_top { color: #fff; background: url(img/menu_on_top.gif) no-repeat; }
#menu ul li.tab_bottom { color: #fff; background: url(img/menu_on_bottom.gif) no-repeat; }

#menu ul li a:hover { text-decoration: underline; }

/* ---FOOTER--- */

#footer_bottom { margin: 0 auto; width: 958px; height: 16px; background: url(img/footer_bottom.gif) no-repeat; }

#footer_znacky { margin: 0 auto; width: 958px; height: 59px; background: url(img/footer_znacky.gif) no-repeat; }
#footer_znacky img { margin: 0; margin: 7px 30px 0 30px; }

#footer { margin: 0 auto; background: url(img/footer.jpg) no-repeat; width: 958px; }
#footer img { vertical-align: middle; }
#footer p { padding: 5px 0 10px 0; font-size: 85%; color: #fff; }
#footer a, #footer a:link, #footer a:visited { color: #fff; text-decoration: underline; }
#footer a:hover { color: #fff; text-decoration: none; }