/*<![CDATA[*/

body         { width:100%; height: 100%  }
html         { width:100%; height: auto; min-height: 100%} 
body         { background: #a1a1a1; color: #10110d; font: 12px Arial }
*            { margin: 0; padding: 0; text-align: left }
div          { float: left }
body, td, th            { font: 12px Arial }
input, textarea, select { font: 12px Arial }

/* main layout */
#page   { width: 100%; height: 100%; min-width: 906px; min-height: 100%; text-align: center } 
#bgt    { width: 100%; background: #10110d }

div.outer  { float: none; margin: auto; width: 906px; padding: 0 25px; wid\th/* */: 856px }
div.inner  { width: 100% }

#header  { width: 100%; height: 100%; color: #fff }
#hlogo   { width: 256px; height: 100% }
#htext   { margin-top: 41px; font: 20px Arial }

#hcontacts           { float: right }
#hcontacts div.phone { float: right; height: 23px; font: bold 15px Arial; margin-top: 48px; background: url(/i/bg_hcontants_phone.gif) no-repeat; padding-left: 22px; padding-top: 3px; heig\ht/* */: 20px }
#hcontacts ul        { float: right; list-style: none; clear: right; width: 68px; height: 24px; padding-left: 28px; background: url(/i/bg_hcontants_ul.gif) no-repeat; wid\th/* */: 40px }
#hcontacts li        { float: left; padding-top: 5px; padding-left: 2px }

#top              { width: 100%; height: 410px }
#top-image-outer, 
#top-menu         { background: #ebebeb; height: 401px }

#top-image-outer  { width: 479px } 
#top-image        { width: 479px; height: 401px } 
#top-menu         { width: 377px }

#top-menu ul      { float: left; list-style: none; width: 377px; margin-top: -1px }
#top-menu li      { float: left; width: 377px; margin-top: 1px }
#top-menu a, 
#top-menu strong  { float: left; display: block; width: 377px; background-repeat: no-repeat; text-decoration: none }
#top-menu a:hover,
#top-menu strong  { background-color: #39d64a; background-position: 0 -66px }
#top-menu a span,
#top-menu strong span { font-weight: normal; color: #000;  width: 377px; padding-left: 169px; padding-right: 28px;  display:table-cell; vertical-align:middle;  position:relative; height: 66px; text-align: right; wid\th/* */: 180px }

#top-menu .m1 { background-image: url(/i/bg_top/m1.jpg) }
#top-menu .m2 { background-image: url(/i/bg_top/m2.jpg) }
#top-menu .m3 { background-image: url(/i/bg_top/m3.jpg) }
#top-menu .m4 { background-image: url(/i/bg_top/m4.jpg) }
#top-menu .m5 { background-image: url(/i/bg_top/m5.jpg) }
#top-menu .m6 { background-image: url(/i/bg_top/m6.jpg) }

#conteiner       { width: 856px; background: #ebebeb }
#left-image      { width: 263px; height: 355px; margin-top: 2px }
#left-image img  { width: 263px; height: 355px }

#content-outer   { float: right; width: 593px; margin-top: 2px }
#content-menu    { width: 593px; padding-left: 1px; wid\th/* */: 592px }
#content-menu ul { float: left; list-style: none; display: inline; width: 100% }
#content-menu li { float: left; display: inline; width: 116px; margin-left: 2px }

#content-menu a,       #content-menu strong  { float: left; display: block; width: 116px; padding: 8px 10px; padding-bottom: 7px; font-weight: normal; color: #000; text-align: center; text-decoration: none; wid\th/* */: 96px }
#content-menu a:hover, #content-menu strong, #content-menu li.current a { background: #39d64a }

#content           { width: 593px; margin-top: 15px; padding: 0 20px; height: 202px; min-height: 202px; wid\th/* */: 552px }
html>body #content { height: auto }

#content p { text-align: justify }

#content-images   { width: 100% }
#content-images p { text-align: center; font-size: 11px; padding-bottom: 5px }

#content-images #products                { width: 100%; height: 89px }
#content-images #products div.arrow      { height: 89px; width: 25px }
#content-images #products div.arrow img  { display: inline; margin-top: 12px; width: 25px; cursor: pointer }

#content-images #products-items          { width: 540px; height: 89px; overflow: hidden; margin-left: 1px; margin-right: 2px }
#content-images #products-items table    { height: 89px  }
#content-images #products-items table td { width: 90px; padding-left: 1px; height: 89px; wid\th/* */: 89px; }
#content-images #products-items img      { float: left; width: 89px; height: 89px;  }

#footer-outer { width: 100%; height: 145px }
#footer       { width: 100%; background: #10110d; height: 62px; margin-top: 30px }

#fcontacts { width: 300px; font: 9px Arial; color: #fff; padding-top: 11px; padding-left: 130px; height: 62px; background: url(/i/bg_footer_contacts.gif) no-repeat; height: 51px }

#fdeveloper, #fdeveloper img { float: right; width: 135px; height: 62px }


/* form */
#order form              { float: left; width: 570px }
#order form div          { width: 285px; margin-top: 7px }
#order form div.message  { width: 100%  }
#order form div p        { float: left; width: 100%; padding-bottom: 3px }
#order form div input,
#order form div textarea { float: left; background: #fff; width: 250px; border: 1px solid #9aa28e; padding: 4px; wid\th/* */: 250px }
#order form div textarea { width: 545px; height: 95px; wid\th/* */: 535px; heig\ht/* */: 87px }

#order form div.protect_code input { width: 120px; margin-left: 18px; letter-spacing: 5px; wid\th/* */: 110px }
#order form div.protect_code img   { float: left; border: 1px solid #9aa28e }

#order form div.submit { float: right }

#order input.submit { margin-top: 10px; margin-right: 25px; padding: 0; width: 210px; background: #538634; height: 40px; border: 0; float: right; font: bold 17px Arial; color: #fff; text-align: center; cursor: pointer }
#order input.submit { -webkit-box-shadow: 0.4em 0.4em 1em gray; -moz-box-shadow: 0.4em 0.4em 1em gray; box-shadow: 0.4em 0.4em 1em gray; }

#order input.submit:hover { padding-top: 2px }

#ymap             { width: 263px; height: 355px; margin-top: 2px; border: 1px solid #666767; wid\th/* */: 261px; heig\ht/* */: 353px }
#ymap div div div { float: none } /* fix balioon in IE6 */




/* common styles */
a        { color: #0071bc; outline-style:none }
a:hover  { color: #31772d }
img      { border: 0; display: block }
p        { padding-bottom: 18px }
label    { cursor: pointer }
ul       { list-style: none }
table    { border-collapse: collapse }

#overlay     { float: none; 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 }

#pimage { position: absolute; display: none; background: url(/i/preloader.gif) center no-repeat; z-index: 777777 }
#pimage { border: 1px solid #211603; -webkit-box-shadow: 0 0 30px 10px #000; -moz-box-shadow:    0 0 30px 10px #000; box-shadow: 0 0 30px 10px #000 }

.error  { color: #df4316 }
#order form div.error input, #order form div.error textarea { border: 1px solid #000; background: #df4316; color: #fff }


/*]]>*/