﻿body {background: #FFFFFF;}
body, td {padding: 0px; margin: 0px; font-family: tahoma; font-size: 11px; color: #181818;}
form, div {padding: 0px; margin: 0px;}
p {padding-top: 0px; margin-top: 0px; margin-bottom: 12px;}
img {border: 0px;}

.input {font-family: arial; font-size: 11px; padding: 0px; color: #000000; border: 1px solid #200D02;}
/* .button {font-family: arial; color: #FFFFFF; font-weight: bold; font-size: 11px; background: #203C96; border: 0px solid;} */

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

h1, h2, h3, h4, h5 {line-height: 100%; margin: 0px 0px 2% 0px; padding: 0px;}

h1 {font-size: 10px; padding: 0px; margin: 0px 0px 0px 50%;}
h1 a {top: 123px; position: absolute; display: block; background: url(../images/title.gif) no-repeat; margin: 0px; padding: 0px; width: 159px; height: 77px; text-indent: -9999px; text-decoration: none;}
h3 {margin-bottom: 18px; color: #181818; font-weight: bold; font-size: 12px;}


div.order {margin: 0px 0px 0px 69%;}
div.order p {top: 148px; position: absolute; display: block; margin: 0px; padding: 0px;}
div.order p span {margin-top: 6px; display: block; background: url(../images/phone.gif) no-repeat; width: 237px; height: 35px; text-indent: -9999px;}

.clear {clear: both; height: 1px; display: block;}

#extras .phone {position: absolute; top: 52px; left: 37px; width: 430px; height: 210px; background: url(../images/phone.jpg) no-repeat; z-index: 2000;}
#extras .shadow {position: absolute; top: 237px; left: 169px; width: 831px; height: 10px; background: url(../images/content-shadow.gif) no-repeat; z-index: 1000;}

#mcontainer {min-width: 980px; width: expression(document.body.clientWidth>980?"100%":"980px");}

#tmenu1 {position: absolute; top: 0px; left: 0px; width: 304px; height: 86px; background: url(../images/tmenu1-bg.gif) repeat-x left top;}
#tmenu1 ul {margin: 0px; padding: 29px 0px 0px 67px;}
#tmenu1 li, #tmenu2 li {margin: 0px 0px 0px 25px; padding: 0px 0px 0px 25px; list-style: none; display: block; float: left; height: 25px; background: url(../images/tmenu1-div.gif) no-repeat left top;}
#tmenu1 li.first-child, #tmenu2 li.first-child {background: none; margin: 0px !important; padding: 0px !important;}
#tmenu1 a, #tmenu2 a {margin-top: 6px; padding-left: 16px; color: #FFB400; text-decoration: underline; display: block; float: left; background: no-repeat 0px 3px;}
#tmenu1 a:hover, #tmenu2 a:hover {text-decoration: none;}
#tmenu1 a.home {background-image: url(../images/ico-home.gif);}
#tmenu1 a.email {background-image: url(../images/ico-email.gif);}

#tmenu2 {margin-left: 304px; height: 86px; padding-left: 25%; background: url(../images/tmenu2-bg.gif) repeat-x left top;}
#tmenu2 ul {margin: 28px 0px 0px 0px; padding: 0px; float: left; width: 100%;}
#tmenu2 a {color: #000000;}
#tmenu2 li {margin-left: 35px; padding-left: 35px; background-image: url(../images/tmenu2-div.gif);}
#tmenu2 a.contacts {background-image: url(../images/ico-contacts.gif);}
#tmenu2 a.sm {background-image: url(../images/ico-sm.gif);}
#tmenu2 a.fback {background-image: url(../images/ico-fback.gif);}

#mmenu {margin: 0px; padding: 0px;}
#mmenu li {margin: 0px; padding: 0px; display: inline; list-style: none;}
#mmenu a {padding-right: 17px; display: block; font-family: trebuchet ms; font-size: 12px; color: #9F9F9F; font-weight: bold; text-align: right; text-decoration: none; text-transform: uppercase; background: url(../images/mmenu-arr.gif) no-repeat right top;}
#mmenu a:hover, #mmenu li a.selected {color: #FFA200; text-decoration: none; padding-right: 17px !important; background-position: right bottom;}
#mmenu span {display: block; line-height: 30px; background: url(../images/mmenu-dots.gif) no-repeat left bottom;}

#fmenu {text-align: center; height: 19px; background: url(../images/fmenu-bg.gif) repeat-x left top;}
#fmenu table {margin: 0px auto;}
#fmenu ul {margin: 0px; padding: 0px;}
#fmenu li {margin: 0px; padding: 0px; list-style: none; display: inline; text-align: left;}
#fmenu a {margin: 3px 0px 0px 16px; padding-left: 18px; background: url(../images/fmenu-div.gif) no-repeat left center; diplay: block; font-size: 10px; float: left; line-height: 13px; color: #000000; text-decoration: none;}
#fmenu a:hover {text-decoration: underline;}
#fmenu .first-child a {margin-left: 0px; padding-left: 0px; background: none;}

#content {clear: both; margin: 149px 0px 0px 0px; padding: 0px; min-height: 400px; _height: 400px; background: url(../images/content-bg.gif) repeat-y left top;}
#content .menu {float: left; width: 304px; padding-top: 30px; background: url(../images/mmenu-bg.gif) repeat-x left top;}
#content .content {margin-left: 304px; padding: 37px 55px 60px 39px; background: url(../images/content-bg2.gif) repeat-x left top;}

#content .text {/* сделан для контентой области, в которой изменён межстрочный отступ. */}
#content .text p {line-height: 140%; margin-bottom: 18px;}

#top {clear: both; height: 225px;}

#ftr {clear: both; min-height: 107px; _height: 107px; background: #FFFFFF url(../images/ftr-bg.gif) repeat-x left top;}

#ftr .contacts {float: left; width: 27%;}
#ftr .contacts p {margin: 43px 0px 0px 25%; padding: 0px; color: #818181; font-size: 10px; line-height: 150%;}

#ftr .buttons {float: left; width: 60%; padding-top: 22px;}
#ftr .buttons img {float: left; margin: 0px 8px 6px 0px;}

#ftr .banner {float: right; width: 51%; _margin-left: -1px; padding-top: 30px; text-align: center;}

