@import url(../css/reset.css);
html { height:100% }
body { position:relative; background:#4b7a34; font:12px/1.25 Arial, Helvetica, sans-serif;  min-height:100%; min-width:980px; height:auto !important; height:100%; color:#fff }

#bg { position:absolute; top:0; left:0; width:100%; height:731px;z-index:1 }
#bg i {display:block;margin:0 auto;width:722px;height:520px;top:211px; position:relative;left:-224px;z-index:1}
#page { width:920px; margin:0 auto; padding:0 30px 180px 30px; background:no-repeat 0 211px; min-height:680px; height:auto !important; height:680px; position:relative; z-index:20 }

a { color:#fff600; text-decoration:underline }
a:hover { color:#fff600; text-decoration:none }

.page-green { background:#38a900 url(../images/bg-green.png) repeat-x 0 0 }
.page-green #bg i { background-image:url(../images/bg-green-image.jpg)  }

.page-orange { background:#ee6a00 url(../images/bg-orange.png) repeat-x 0 0 }
.page-orange #bg i { background-image:url(../images/bg-orange-image.jpg)  }

.page-blue { background:#008fa9 url(../images/bg-blue.png) repeat-x 0 0 }
.page-blue #bg i { background-image:url(../images/bg-blue-image.jpg)  }

.page-blue2 { background:#4e58b8 url(../images/bg-blue2.png) repeat-x 0 0 }
.page-blue2 #bg i { background-image:url(../images/bg-blue2-image.jpg)  }

.page-red { background:#b73b55 url(../images/bg-red.png) repeat-x 0 0 }
.page-red #bg i { background-image:url(../images/bg-red-image.jpg)  }

#flag { background:url(../images/bg-flag.png) no-repeat 0 0; width:136px; height:182px; overflow:hidden; display:block; position:absolute; top:324px; left:-74px; z-index:30; }

#header { position:relative; height:211px }
#header a { color:#fff }

#logo { position:absolute; left:0; top:10px; background:url(../images/logo-bg.png) no-repeat 0 0; width:190px; height:201px }
#logo a { color:#fff; text-decoration:none }
#logo strong { position:absolute; top:0; left:0; line-height:290px; width:100%; height:100%; background:url(../images/logo.png) no-repeat 50% 11px; font-size:30px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; text-align:center }
#logo p { font-size:10px; padding-top:166px; line-height:1.1; margin:0 5px; text-align:center }

#nav { height:83px; right:0; top:0; margin:0; padding:0; background:url(../images/navigation-sep.png) repeat-y 100% 0; position:absolute; font-size:16px; font-family:'Arial Narrow', Calibri, Arial, Helvetica, sans-serif; padding-right:1px }
#nav li { float:left; padding:0 1px 0 2px; background:url(../images/navigation-sep.png) repeat-y 0 0; height:83px; list-style:none; position:relative }
#nav li a { width:136px; height:103px; margin-bottom:-20px; display:block; color:#fff; text-decoration:none; position:relative }
#nav li span { display:block; padding-top:58px; padding-left:19px }
#nav li.active a { background:url(../images/navigation-links-bg.png) no-repeat 0 0 }
#nav a:hover { background:url(../images/navigation-links-bg.png) no-repeat 0 -103px }
#nav b { background:url(../images/navigation-num.png) no-repeat 0 0; height:26px; width:100px; position:absolute; overflow:hidden; top:19px }
#nav b.n2 { background-position:0 -26px }
#nav b.n3 { background-position:0 -52px }
#nav b.n4 { background-position:0 -78px }
#nav b.n5 { background-position:0 -104px }

h1,h2,h3,h4 {font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal}
h1 { font-size:36px; line-height:1; margin:1em -4px .84em 0 }
h2 { font-size:36px; line-height:1; margin:1em 0 .84em }
h3 { font-size:24px; line-height:1; margin:1em 0 .84em }
p { margin:1em 0 }

#header-text { position:absolute; margin:0; padding:0; width:500px; left:440px; bottom:0; font-weight:normal; line-height:24px; font-size:24px }

#contacts { bottom:0; left:220px; width:200px; position:absolute }
#contacts address { font-style:normal; font-size:14px; line-height:1.22 }

#content { float:right; width:100% }
#content-box { margin-left:440px }
#content .margin-top { display:block; height:1px; overflow:hidden; margin-bottom:46px }

.pricelist { width:100% }
.pricelist .v td { background:url(../images/transp-bg.png) repeat 0 0 }
.pricelist td { padding:6px } 
.pricelist td.name { padding-left:35px }
.pricelist td.price { padding-left:14px; color:#ffea00 }

.bigmenu { padding:0; list-style:none; font-size:18px; font-family:'Arial Narrow', Calibri, Arial, Helvetica, sans-serif }
.bigmenu li.v { background:url(../images/transp-bg.png) repeat }
.bigmenu a { color:#f0ff00; text-decoration:none; display:block; padding:6px 0 6px 34px }
.bigmenu a:hover { color:#f0ff00; text-decoration:underline }

.contact-form { background:url(../images/form.jpg) no-repeat 0 0; width:480px; height:285px; margin-bottom:-16px }
.form-inner { padding:16px 29px 40px }
.form-inner p { margin:0 0 .5em; font-size:11px }
.form-inner label { display:block; padding-left:4px }
.form-inner input.send { background:url(../images/sendimg.gif) no-repeat 100% 60%; padding-right:6px; -padding-right:3px; margin-right:-14px; -margin-right:-7px }
.st-text-input { background:url(../images/text-input.png) no-repeat 0 0; height:17px; width:267px; border:0; padding:0 0 0 4px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:17px }
.st-textarea { display:block; width:271px; background:url(../images/text-textarea.png) no-repeat 0 100%; position:relative; margin-top:9px; margin-bottom:2px }
.st-textarea textarea { width:100%; padding:0; margin:0; border:0; background:none; margin-bottom:-7px; overflow:auto; position:relative; font-family:Arial, Helvetica, sans-serif; font-size:12px }
.st-textarea .st-container { display:block; margin:0 4px; padding:2px 0; top:-7px; position:relative; z-index:5 }
.st-textarea .top { height:10px; display:block; position:absolute; background:url(../images/text-textarea.png) no-repeat 100% 0; left:0; top:-7px; width:271px }
.contact-send { padding:10px; font-size:18px; font-weight:bold; }

#side { width:410px; margin-right:-410px; float:left; padding-top:410px }
#side .col { width:190px; float:left; margin-right:30px }
#side .col-news { margin-right:0 }
#side .col-news .col-header { margin-right:-10px }
#side .col-header { height:34px; padding-bottom:10px; background:url(../images/side-headers.png) no-repeat 0 0; margin:0 0 0 -10px; padding-left:10px; position:relative; font-size:18px; line-height:34px; margin-bottom:-10px }
#side ul { font-size:11px; list-style:none; padding:0; list-style:none  }
#side ul a { color:#fff }
#side li { margin:1em 0 }

.tip { font-size:15px; font-style:italic }

.button { background:url(../images/button1.png) no-repeat 0 0; height:17px; display:inline-block; margin:3px 8px 3px 0 }
.button-inner { background:url(../images/button1.png) no-repeat 100% -17px; height:17px; margin-right:-8px; display:block; float:left; padding:0 10px }
.button input { padding:0; margin:0; height:16px; position:relative; left:-10px; margin-right:-20px; background:none; border:0; color:#fff; padding:0 10px; font-size:11px; cursor:pointer }

#footer { height:150px; width:100%; position:absolute; bottom:0; left:0; z-index:30; color:#fff; padding-top:14px; background:#000 }
#footer-inner { width:920px; margin:0 auto; padding:0 30px; position:relative  }
#footer a { color:#fff }
#footer .contacts { position:absolute; left:250px }
#footer address.phone { font-size:18px; font-weight:bold; margin-bottom:.9em }
#footer address { font-style:normal }
#footer .content { margin-left:440px; width:490px }
#footer .content .menu { margin-top:0; font-size:18px; margin-bottom:.9em; margin-right:-20px; font-family:'Arial Narrow', Calibri, Arial, Helvetica, sans-serif; word-spacing:3px; position:relative }
#footer .content .menu a { text-decoration:none; word-spacing:normal }
#footer .content .menu a:hover { text-decoration:underline }
#footer .counters img { margin-right:8px; margin-top:3px  }
#phone-img { width:223px; height:128px; position:absolute; top:-14px; left:-18px; background:url(../images/phone.jpg) no-repeat 0 0  }
.clear { clear:both }