* { font-size: 12px; color: #000; font-family: Arial, Helvetica, sans-serif; padding: 0; margin: 0; border: 0
}

body { margin: 0; padding: 0; background: #fff }

img { border: 0 }

form { margin: 0; padding: 0 }

#logo_box { position: relative }
#logo_box img { z-index: 100; position: absolute; left: -31px; top: 64px }

#lag_box { position: relative }
#lag_box img { z-index: 100; position: absolute; left: 10px; top: -3px }

#lag_box2 { position: relative }
#lag_box2 img { z-index: 100; position: absolute; left: 10px; top: -4px }

.main { width: 100%; height: 100%; border-collapse: collapse }
.main tr, td { margin: 0; padding: 0; vertical-align: top }

#head { width: 100%; border-collapse: collapse }
#head tr, td { margin: 0; padding: 0; vertical-align: top }
#head .top_bg { background: url(top2_bg.jpg) top left no-repeat }

#bask_menu { width: 100%; height: 33px; border-collapse: collapse }
#bask_menu tr, td { margin: 0; padding: 0 }
#bask_menu .bask_bg { background: url(basket_bg.jpg) top left no-repeat }
#bask_menu .bask_bg div { width: 209px }
#bask_menu .bask_bg p { font-size: 11px; color: #fff; margin: 0 0 0 35px }
#bask_menu .bask_bg p a { font-size: 12px; color: #fff; font-weight: bold }
#bask_menu .menu { background: url(bg_menu.gif) top left repeat-x }
#bask_menu .menu table { border-collapse: collapse }
#bask_menu .menu table tr, td { margin: 0; padding: 0 }
#bask_menu .menu table td { background: url(bg_mp.gif) top right no-repeat; padding: 9px 30px }
#bask_menu .menu table td a { color: #fff; font-size: 11px; font-weight: bold; text-decoration: none; white-space: nowrap }

#cols { width: 100%; height: 100%; border-collapse: collapse }
#cols tr, td { margin: 0; padding: 0; vertical-align: top }
#cols .l_col { background: url(bg_l_col.jpg) top left no-repeat; border-right: 1px solid #61b029; padding-top: 23px }
#cols .l_col .flag { display: block; margin-left: 98px }

#mm { width: 209px; margin-top: 25px }
#mm div { width: 200px; background: url(bg_mm.jpg) top left no-repeat; padding: 0 0 10px 0; margin-left: 9px }
#mm .lm { width: 200px; background: url(bg_lm.jpg) top left no-repeat; padding: 0 0 10px 0; margin-left: 9px }
#mm div a { width: 200px; font-size: 11px; line-height: 13px; display: block; color: #fff; font-weight: bold; text-decoration: none; padding: 12px 0 12px 20px }

#cols .m_col { padding: 0 7px }
.m_col h2 { font-size: 11px; line-height: 15px; border-bottom: 1px solid #e67817; padding: 5px 0 5px 25px; margin: 0 0 10px 0 }
.m_col h2 img { vertical-align: text-bottom; margin-right: 15px }
.m_col p { margin: 0 0 10px 0 }
.m_col ol { margin: 0 0 10px 38px; padding: 0 }
.m_col ol li { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0 0 0 -13px; padding: 0 }
.m_col p.scr { font-size: 11px; color: #e97619; font-weight: bold; text-align: center; margin: 10px 0 }
.m_col p.scr img { vertical-align: text-top }
.m_col p.scr a { margin: 0 3px; color: #360000; text-decoration: none }
.m_col p.scr a:hover { color: #4da727 }
.m_col p.scr span { margin: 0 3px; color: #4da727 }

#vloj { width: 100%; border-collapse: collapse }
#vloj tr, td { margin: 0; padding: 0 }
#vloj td { padding-bottom: 25px; background: url(bg_cat.gif) top left repeat-x }
#vloj .foto { width: 10% }
#vloj img { border: 1px solid #e97741; margin: 0 5px 0 0 }
#vloj .txt { width: 90% }
#vloj h1 { background: url(bg_h1.gif) top left no-repeat; margin: 0 0 10px 0; padding: 4px 48px; color: #fff }
#vloj h1 a { color: #fff; text-decoration: none }
#vloj p { margin: 0 3px }

#cat { width: 100%; border-collapse: collapse; border: 1px solid #1a4b05 }
#cat tr, td { margin: 0; padding: 0 }
#cat td { width: 50%; border: 1px solid #1a4b05; padding-bottom: 5px }
#cat td .cat_head { width: 100%; background: url(bg_cat_head.gif) top left repeat-x; margin: 0 0 5px 0 }
#cat td .cat_head h1 { padding: 4px 10px 4px 53px; color: #fff; margin: 0 }
#cat td .cat_head a { color: #fff; text-decoration: none }
#cat td .cat_img { float: left }
#cat td .cat_opis { float: right; width: 48%; line-height: 18px; padding: 15px 0; margin: 0 0 10px 0; }
#cat td .more { float: right; width: 50%; clear: right }
#cat td .more img { margin-right: 10px }

#tovar { width: 100%; border-collapse: collapse }
#tovar tr, td { margin: 0; padding: 0 }
#tovar td { padding-bottom: 15px }
#tovar td h1 { padding: 3px 10px 3px 53px; color: #fff; background: #e97741; margin: 0 }
#tovar td .tov_img { float: left; text-align: center }
#tovar td .tov_img img { display: block }
#tovar td .tov_opis { float: right; width: 40%; line-height: 18px; padding: 15px 0; margin: 0 0 10px 0; }
#tovar td h3 { font-size: 15px }
#tovar td h3 span { font-size: 15px; color: #1a4b05 }
#tovar td .more { float: right; width: 50%; clear: right }
#tovar td .more img { margin-right: 10px }

#zakaz { width: 100%; border-collapse: collapse }
#zakaz th { font-size: 11px; color: #fff; background: #e97741; white-space: nowrap; border: 1px solid #1a4b05; padding: 4px 0 }
#zakaz td { font-size: 11px; text-align: center; border: 1px solid #1a4b05; padding: 4px 0 }
#zakaz .td1 { text-align: left; padding-left:  20px }
#zakaz .td2 { padding: 2px 0 }
#zakaz .td3 { border: none; text-align: right }
#zakaz #inp_box { width: 60px }
#zakaz #inp_box div { float: right; width: 11px }
#zakaz #inp_box .inp { float: left; width: 48px; font-size: 11px; text-align: center }
#zakaz #inp_box .up { margin-bottom: 9px; display: block }
#zakaz .recalc { width: 120px; height: 23px; background: url(bg_recalc.gif) top left no-repeat; border: none; color: #fff; font-weight: bold; padding-left: 30px; margin: 10px 13px 10px 0 }
#zakaz .add { width: 151px; height: 23px; background: url(bg_add_bask.gif) top left no-repeat; border: none; color: #fff; font-weight: bold; padding-left: 30px; margin: 10px 0 }

#tab_form { width: 455px; border-collapse: collapse; margin: 0 0 20px 35px }
#tab_form tr { margin: 0; padding: 0 }
#tab_form td { font-size: 11px; padding: 0 0 2px 0 }
#tab_form .f_td1 { width: 108px; padding-top: 2px; padding-left: 20px }
#tab_form .f_td2 { width: 347px}
#tab_form .f_td2 input { width: 347px; font-size: 12px; border: 1px solid #e5781f; background: #fff; height: 20px; padding-top: 2px  }
#tab_form .f_td2 textarea { width: 347px; height: 120px; font-size: 12px; border: 1px solid #e5781f; background: #fff; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; padding-top: 2px }
#tab_form .f_td2 .but { width: 151px; height: 23px; background: url(bg_add_bask.gif) top left no-repeat; border: none; color: #fff; font-weight: bold; padding-left: 30px; margin: 10px 0 }

#oform { width:350px; border-collapse: collapse; margin: 0 0 20px 35px }
#oform tr { margin: 0; padding: 0 }
#oform td { font-size: 11px; padding: 0 0 2px 0 }
#oform .f_td1 { width: 118px; text-align: right; padding-top: 2px; padding-right: 15px }
#oform .f_td2 { width: 232px}
#oform .inp { width: 232px; font-size: 12px; border: 1px solid #1f520a; background: #fff; height: 20px; padding-top: 2px  }
#oform textarea { width: 232px; height: 120px; font-size: 12px; border: 1px solid #1f520a; background: #fff; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; padding-top: 2px }
#oform .but { width: 82px; height: 23px; background: url(bg_add_bask.gif) top left no-repeat; border: none; color: #fff; font-weight: bold; padding-left: 30px; margin: 10px 15px 10px 0 }
#oform .but2 { width: 151px; height: 23px; background: url(bg_add_bask.gif) top left no-repeat; border: none; color: #fff; font-weight: bold; padding-left: 30px; margin: 10px 0 }


#cols .r_col { height: 100%; background: #eff8ec; border-left: 1px solid #c0e3b2 }
#cols .r_col h1 { width: 183px; text-align: center; color: #fff; background: url(bg_brend.gif) top left no-repeat; padding: 10px 0; margin: 0 }

#brend { clear: left; width: 183px; height: 33px;  background: url(bg_brend2.gif) top left repeat-x }
#brend img { float: left }
#brend div  { float: right; width: 90px; padding-top: 8px }
#brend a  { color: #1a4b05; font-size: 11px; font-weight: bold; text-decoration: none }

.main .foot { background: url(bg_foot.gif) #4da727 top left repeat-x }

#footer { width: 100%; height: 24px }
#footer .l { float: left; width: 50% }
#footer .l p { font-size: 10px; line-height: 11px; color: #fff; margin: 7px 0 0 32px }
#footer .l a { font-size: 10px; color: #fff; text-decoration: none }

#footer .r { float: left; width: 49% }
#footer .r p { font-size: 10px; line-height: 11px; text-align: right; color: #fff; margin: 7px 55px 0 0 }