/*<![CDATA[*/

body, html   { width: 100%; height: 100% }
*            { margin: 0; padding: 0; text-align: left }
body         { background: #d8dfe1; color: #6b6967 }
body, td, th { font: 12px Arial }
div          { float: left }

/* main layout */
#page, #pindex { width: 100%; height: 100%; min-height: 100%; text-align: center } 
#fbottom       { width: 100%; height: 80px }
#footer        { width: 100%; margin-top: -91px; height: 91px; text-align: center  }
#pindex        { background: url(/i/bg_page.jpg) center 123px repeat-x }

html>body #page, html>body #pindex { height: auto }

#conteiner, #fconteiner { float: none; margin: auto; width: 938px; padding: 0 20px; padding: 0; wid\th/* */: 938px }

#header         { width: 100%; height: 123px; padding-top: 10px; heig\ht/* */: 113px }
#page #header   { height: 156px; padding-top: 10px; heig\ht/* */: 146px }

#logo           { float: left }
#navigation     { float: right; width: 679px; height: 33px; margin-top: 21px; padding-left: 5px; padding-top: 6px; border-top: 1px solid #eff2f3; background: #fff url(/i/bg_navigation.gif) right no-repeat; wid\th/* */: 674px; heig\ht/* */: 26px }
#navigation img { float: left; height: 19px }
#road           { width: 100%; height: 166px }
#road image     { width: 938px; height: 166px }
#left           { width: 210px }

#lnews           { width: 210px; padding-top: 84px; padding-bottom: 35px; background: url(/i/bg_news.gif) left 45px no-repeat }
#page #lnews     { padding-top: 11px; background: none }

#lnews a.all,       #company a.more,       #pmore a       { color: #fff; display: block; width: 122px; font-weight: bold; margin-top: 24px; clear: left; background: #7f8679 url(/i/bg_a_gray.gif) right no-repeat ; height: 16px; text-decoration: none; padding: 0 5px; wid\th/* */: 112px }
#lnews a.all:hover, #company a.more:hover, #pmore a:hover { background: #419730 url(/i/bg_a_gray_over.gif) right no-repeat }

#lnews div.items               { width: 100%; margin-top: -16px }
#lnews div.items div           { margin-top: 34px }
#lnews div.items div a         { color: #fff; background: #419730; text-decoration: none }
#lnews div.items div a:hover   { color: #fff; background: #353230 }
#lnews div.items div p         { padding: 0; padding-top: 4px }
#lnews div.items div p a       { color: #747474; background: none; text-decoration: none }
#lnews div.items div p a:hover { color: #419730; background: none }
#lnews div.items div span      { font: 9px Arial; color: #9b9b9b }

#lask                     { height: 110px }
#lask image               { width: 203px; height: 61px }

#right { margin-top: -29px; padding-top: 29px; float: right; width: 679px; background: url(/i/bg_right.jpg) 0 29px no-repeat}

#company        { width: 330px; margin-top: 102px; padding: 0 21px; wid\th/* */: 288px }
#company a.more { margin-top: 0 }

#promo              { margin-top: -29px }
#production         { width: 684px; margin-left: -5px; padding-top: 57px; background: url(/i/bg_production.gif) 5px 30px no-repeat }
#production div     { width: 684px; }
#production div div { width: 223px; margin-top: 57px; margin-top:0; display: inline; margin-left: 5px }                       

#production h1 a        { float: left; font: bold 16px Tahoma; margin-top: 20px; height: 20px; margin-left: 21px; background: #419730; color: #fff; padding: 0 5px }
#production h1 a:hover  { color: #fff; background: #353230 }
#production div div div { margin: 0; margin-top: 7px; padding-left: 21px; padding-bottom: 10px; padding-right: 10px; wid\th/* */: 191px }
#production a           { color: #747474; text-decoration: none }
#production a:hover     { color: #419730 }
#production img          { clear: left; width: 223px; height: 93px }

#pmore         { width: 100% }
#pmore a       { margin-top: 13px; margin-left: 21px; width: 200px; wid\th/* */: 190px }
#pmore a:hover { color: #fff }

#footer         { font: 11px Tahoma}
#fcontacts      { width: 259px; background: url(/i/bg_fcontacts.gif) 2px 4px no-repeat }
#fcontacts span { padding-left: 15px }
#fcontacts img  { margin-top: 7px; width: 148px; height: 28px}
#fcontacts p    { padding-top: 6px }

#fcopyright      { width: 679px; margin-top: 35px; height: 40px; background: url(/i/bg_fcopyright.gif) no-repeat; padding-right: 18px; wid\th/* */: 661px; }
#fcopyright p    { float: left; width: 500px; padding-left: 18px; padding-top: 7px; padding-bottom: 0; color: #4a4a49 }
#fcopyright span { color: #419730 }
#fcopyright img  { float: right; margin-top: 5px; width: 80px; height: 29px }

#content { float: right; width: 679px; height: 350px; min-height: 350px; padding: 0 15px; background: url(/i/bg_content.jpg) no-repeat; wid\th/* */: 649px }
html>body #content { height: auto }
#content div { width: 100% }

#pheader     { width: 100%; padding-bottom: 15px }
#pheader img { height: 36px }
#pheader h1  { margin-top: 11px }

#news                { width: 649px; margin-top: -15px; padding-bottom: 10px } 
#news.details        { width: 649px; margin-top: 0 } 
#news div.item       { width: 649px; margin-top: 15px} 
#news div.last          { background: none } 
#news div.item          { padding-bottom: 0   }  
#news h1                { padding-bottom: 2px; font: bold 12px Arial }
#news div.item div      { width: 510px } 
#news div.item .image   { width: 90px; padding-top: 3px; padding-bottom: 7px } 
#news div.item a        { color: #7f8679; text-decoration: none } 
#news div.item a:hover  { color: #419730 } 
#news div.item h1 a     { color: #353230 } 
#news          p.date   { color: #9b9b9b; font-size: 9px; padding-bottom: 10px }  
#news.details p.date    { }  
#news.details div.image { float: left; padding-top: 4px; width: 85px }

/* pages */
#content div.pages                    { width: 649px; margin-top: 0; padding-top: 4px; height: 60px }
#content div.pages div.title          { width: auto; color: #7f8679; font-weight: bold; padding-right: 10px }
#content div.pages div.arrows         { float: right; width: auto; padding-left: 40px; text-align: right; color: #7f8679 }
#content div.pages div.arrows a       { color: #4a4a49 }
#content div.pages div.arrows a:hover { color: #419730 }
#content div.pages div.list           { width: auto; margin-top: -4px }
#content div.pages div.list div       { float: left; width: auto; display: inline; margin: 0 4px; text-align: center; float/* */: none }
#content div.pages div.list a,
#content div.pages div.list span      { display: inline-block; padding: 3px 7px }
#content div.pages div.list a         { border: 1px solid #d8dfe1; color: #4a4a49 }
#content div.pages div.list a:hover   { border: 1px solid #419730; background: #419730; color: #fff }
#content div.pages div.list span      { background: #7f8679; border: 1px solid #7f8679; color: #fff }

#iblocks         { width: 100%; margin-top: -15px; padding-bottom: 20px }
#iblocks div     { width: 130px; height: 165px; margin-top: 15px }
#iblocks img     { width: 115px; height: 165px; border: 1px solid #000 }

/* form */
#form             { float: left; width: 540px }
#form p           { color: #419730; font-weight: bold; font-size: 11px; padding: 0; padding-left: 2px; padding-bottom: 4px }
#form div         { width: 100% }
#form div div     { width: 500px; margin-top: 1px; padding: 0; padding-bottom: 12px }
#form div div div { padding: 0; margin: 0 }

#form div.protect_code     { width: 230px }
#form div.protect_code img { float: left;  width: 100px; height: 23px; border: 1px solid #e3e3e3; margin-right: 10px }

#form div.protect_code input { float: left; width: 116px; wid\th/* */: 100px }

#page #form div.email       { width: 242px; padding-left: 20px; wid\th/* */: 222px  }
#page #form div.email div   { width: 222px }
#page #form div.email input { width: 222px; wid\th/* */: 206px }

#form div.submit         { float: left; padding-top: 0; margin-top: -1px  }
#form div.submit a       { float: left; display: inline-block; padding: 4px 29px; background: #f8f7f2; color: #01a205; font-weight: bold }
#form div.submit a:hover { text-decoration: none; padding-top: 5px; padding-bottom: 3px; padding-left: 30px; padding-right: 28px }

/* form' buttons */
#form div.submit input  { width: 120px; height: auto; font-weight: bold; text-align: center; margin-top: 5px }

#popup     { float: none; position:fixed; z-index: 7777; position: absolute; top: 0; left: 0; cursor: hand; display: none; background: #fff url(/i/preloader.gif) center center no-repeat; border: 5px solid #419730 }
#popup img { margin: 0; cursor: hand; curs\or/* */: pointer }
#overlay     { float: none; position:fixed; display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5555; background-color: #111; -moz-opacity: 0.7; opacity:.70; filter: alpha(opacity=70) }
#overlay[id] { position:fixed }
#popup img.close { position: absolute; top: 10px; right: 10px }

#content img      { display: inline }
#content img.left { float: left; margin-right: 10px }

#content table   { margin-bottom: 20px; width: 100% }
#content td, #content th { border: 1px solid #419730; padding: 5px 10px }
#content td  { text-align: center }


/* common styles */

a            { color: #419730 }
h1           { font: 30px Arial Narrow }
h2           { font: bold 15px Tahoma; padding-bottom: 10px }
a:hover      { text-decoration: none; cursor: pointer }
img          { border: 0; display: block; margin-left: -3px; margin-right: -3px; mar\gin/* */: 0}
table        { border-collapse: collapse }
p, ul        { padding-bottom: 17px }
ol, ul       { clear: left }
ol           { padding-left: 30px }
li           { padding-bottom: 7px }
ul li, ol li ul li  { list-style: none; padding-left: 20px; background: url(/i/bg_li.gif) 7px 7px no-repeat }
ol li        { list-style: decimal; padding-left: 0px; background: none }
ul ul, ul ol { margin-top: 15px }
img.file     { display: inline-block; margin-left: 5px; margin-bottom: -3px } 


input, textarea { font: 12px Verdana; background: #fff; color: #111; height: 26px; width: 378px; padding: 4px 7px; border: 1px solid #e3e3e3; wid\th/* */: 362px; heig\ht/* */: 16px; } 
textarea        { width: 472px; height: 100px; padding: 4px 7px; wid\th/* */: 456px; heig\ht/* */: 90px }
textarea        { scrollbar-face-color: #e0e0e1; scrollbar-shadow-color: #777778; scrollbar-highlight-color: #eee; scrollbar-3dlight-color: #fff; scrollbar-darkshadow-color: #d1680a; scrollbar-track-color: #f2f2f2; scrollbar-arrow-color: #777778 }

.error      { color: #c0a062 }
span.error  { font-size: 11px; font-weight: normal }
div.error input, div.error textarea { background: #c0a062; color: #111  }

#counter { position: absolute; left: -77777px; top: 0 }

/*]]>*/