html, body { padding:0; margin:0; width:100%; height:100%; background-color:#fff; filter:none }
body, input, td { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#484848 }

div { position:relative }
img { border:0 }
a { color:#484848; text-decoration:none }
a:hover { text-decoration:underline }
p { margin:0 0 1.3em 0;  }
.c { clear:both }

H1 { font-weight: bold; font-size: 14pt; color: #a8d003; margin-bottom:8px }
H2 { font-weight: bold; font-size: 12pt;  color:#4b4a4f; margin-bottom:8px }
H3 { font-weight: bold; font-size: 11pt; margin-top: 20px; }

#wrapper { width:1013px; margin:0 auto }

#header { height:218px; color:#898989; background:url(/img/hbg.gif) no-repeat 735px top }
#logo { margin-top:24px }
#htxt { position:absolute; left:225px; top:68px }
#hrcol { float:right; text-align:right }

#middle { height:300px; margin-bottom:18px; background:url(/img/bg_fla1.jpg) no-repeat left bottom }
.flamenu { display:block; width:720px }
.fla1 { display:block; float:left; width:564px; height:284px }
.fla2 { display:block; float:left; width:449px; height:284px }

#content { float:left; width:100% }
#content p {text-align:justify; font-size:12px;}

#footer { margin-top:40px; border-top:8px solid #48474c; padding:18px 0; float:left; width:100% }
#footer ul { list-style:none; padding:0; margin:0; background:url(/img/bgdot.gif) repeat-y; margin:0 10px 0 20px; padding-left:9px; float:left; height:5em }
#footer .ulr { float:right }

.txtblock { display:inline; border-left:3px solid #a8d003; padding-left:10px; margin:20px 0 0 21px; text-align:justify; color:#000; font-size:12px; }
.txtblock .hdr { position:absolute; margin-left:-34px }
.txtblock a, #content a { text-decoration:underline }
.txtblock a:hover, #content a:hover { text-decoration:none }
.lblock { float:left; clear:left; width:465px }
.rblock { float:right; clear:right; width:465px }
.ablock { float:left }

.ibook { padding-left:19px; background:url(/img/ibook.gif) no-repeat 0 3px }
.itech { padding:2px 0 2px 22px; background:url(/img/itech.gif) no-repeat 0 1px }
.izoom { padding-left:16px; background:url(/img/izoom.gif) no-repeat 0 1px; font-size:9px; vertical-align:bottom }
.izoom2 { padding-left:18px; background:url(/img/izoom.gif) no-repeat 0 2px; vertical-align:bottom }

/* dynamic content */

.newsdate { color:#a8d003 }
.newshdr { color:#4b4a4f }

.akcii { margin-left:140px; min-height:130px; margin-bottom:10px }
.akciihdr { color:#4b4a4f }
.akcii .img { position:absolute; margin-left:-130px }

/* catalog item */
.citem { min-height:165px; padding-right:5px; padding-bottom:1px; margin-left:148px; margin-bottom:12px; background:url(/img/bgdoth.gif) repeat-x left bottom }
.citem .cimage { position:absolute; margin-left:-139px }

.cframe { display:inline; height:17px; color:#a8d003; background:url(/img/rfra.gif) no-repeat right top; float:left; margin-right:8px }
.cframe b { float:left; background:url(/img/lfra.gif) no-repeat; padding:1px 7px; font-size:14px }
.cframe a { float:left; background:url(/img/lfra.gif) no-repeat; padding:2px 7px; color:#fff; text-decoration:none }

/* section item */

.sitems { clear:both; list-style:none; padding:0; margin:0; font-size }
.sitems img { margin-bottom:-2px }
.sitems li { float:left; width:488px; text-align:center; padding:20px 0; font-size:13px }

.cat { float:left; width:333px }

input, textarea { border:1px solid #797979; padding:4px; font-size:11px; background-color:#eee; color:#000 }
textarea { height:10em }
.fi97 { width:410px }
.fi98 { padding:2px 20px; margin-right:10px }
form p { margin:0.7em 0 0 0 }

.prdimg { width:390px; height:540px; text-align:center; float:left }
.prd { float:left }

.ptbl { width:585px }
.ptbl th { background-color:#4b4a4f; font-weight:bold; padding:5px; text-align:center; color:#a8d003 }
.ptbl td { background-color:#eee; padding:5px; text-align:center }

.dopimg { border:2px solid #eee; margin:0 6px; padding:2px; cursor:pointer }
img.imageL {float:left; margin:0 7px 5px 0; padding:2px; border:solid 1px black;}
img.imageR {float:right; margin:0 0 5px 7px; padding:2px; border:solid 1px black;}
img.img {float:left;margin:0 4px 5px 0;}
div.note {background:none repeat scroll 0 0 #F3F1E8;border:1px solid #EAE4C8;margin:20px auto;padding:13px 16px;width:88%;}
div.note p {margin:0 0 4px 0; text-align:center !important; font-weight: bold; font-size: 15px; color:#4B4A4F;}
div.note td  {text-align:center !important;}
img.top {margin-top:5px;}
img.bordered {padding:2px; border:solid 1px #A8D003;}