html, body {height: 100%;}
body {color: #000; width:100%; min-width: 980px; background: url(../img/bg.jpg) top left repeat-x; background-color: #fff; background-position: 0px -120px;}

/* typography.css */
body {font: 12px/16px Arial, sans-serif; color: #111;}
h1 {font-size: 18px; line-height:1; margin-bottom:0.5em; color: #3399ff; text-transform: uppercase; font-weight: bold;}
h2 {font-size: 22px; line-height:1; margin-bottom:0.5em; color: #999;}
h3 {font-size: 18px; line-height:1; margin-bottom:0.5em; font-style: italic; color: #333; font-family: Georgia, "Times New Roman", Times, serif}
h4 {font-size: 12px; color: #333;   font-weight: bold; float: none; text-transform: uppercase;}
h5 {font-size: 12px; line-height:1; margin-bottom:0.5em; color: #333; text-transform: uppercase; font-weight: bold}
h6 {font-size: 14px; line-height:1; margin-bottom:0.2em; font-style: italic; font-weight: normal; color: #333; font-family: Georgia, "Times New Roman", Times, serif}
.note {color: #b7bba4; font-style: italic}

/* padding - margin */
.p-5 {padding: 5px}
.p-10 { padding: 10px}
.p-15 {padding: 15px}
.p-20 {padding: 20px}
.p-30 {padding: 30px}

.pt-5 {padding-top: 5px}
.pt-10 {padding-top: 10px}
.pt-15 {padding-top: 15px}
.pt-20 {padding-top: 20px}
.pt-30 {padding-top: 30px}

.pb-5 {padding-top: 5px}
.pb-10 {padding-top: 10px}
.pb-15 {padding-top: 15px}
.pb-20 {padding-top: 20px}
.pb-30 {padding-top: 30px}

.pl-5 {padding-left: 5px}
.pl-10 {padding-left: 10px}
.pl-15 {padding-left: 15px}
.pl-20 {padding-left: 20px}
.pl-30 {padding-left: 30px}

.pr-5 {padding-right: 5px}
.pr-10 {padding-right: 10px}
.pr-15 {padding-right: 15px}
.pr-20 {padding-right: 20px}
.pr-30 {padding-right: 30px}

.m-5 {margin: 5px}
.m-10 { margin: 10px}
.m-15 {margin: 15px}
.m-20 {margin: 20px}
.m-30 {margin: 30px}

.mt-5 {margin-top: 5px}
.mt-10 {margin-top: 10px}
.mt-15 {margin-top: 15px}
.mt-20 {margin-top: 20px}
.mt-30 {margin-top: 30px}

.mb-5 {margin-top: 5px}
.mb-10 {margin-top: 10px}
.mb-15 {margin-top: 15px}
.mb-20 {margin-top: 20px}
.mb-30 {margin-top: 30px}

.ml-5 {margin-left: 5px}
.ml-10 {margin-left: 10px}
.ml-15 {margin-left: 15px}
.ml-20 {margin-left: 20px}
.ml-30 {margin-left: 30px}

.mr-5 {margin-right: 5px}
.mr-10 {margin-right: 10px}
.mr-15 {margin-right: 15px}
.mr-20 {margin-right: 20px}
.mr-30 {margin-right: 30px}


.floatLeft {float: left}
.floatRight {float: right}
.small {font-size: 12px}
.strong {font-weight: bold}
.displayNone {display: none}
.visibleNone {visibility: hidden}
.italic {font-style: italic;}
.white, .white:hover {color: #fff}
.line {border-bottom: 1px solid #c7c7c7; width: auto; margin: 10px 0px 10px 0px; height: 1px; line-height: 1px; }

/* links */
a {color:#3399ff;text-decoration:underline;}
a:link {text-decoration: underline}
a:hover {text-decoration: none}
a:active {text-decoration: none;}
h4 a.active {text-decoration: none; background: #3399ff; padding: 2px 3px; color: #fff}
a:visited {text-decoration: underline}
a:focus, a:hover {color:#3399ff;}
a:hover {text-decoration: none}
a.select {text-decoration: none; color: #ff9933}
a:-moz-any-link:focus {outline: none;} /* firefox focus fix */

#wrap {position: relative; width: 965px; /*max-width: 1400px;*/	/*width:60%;*/	margin: 0px auto;	min-height: 100%;	height: auto !important;	height: 100%;	padding: 0px 15px;}

.top {padding: 5px 0px; display: block; height: 20px; margin: 0px 25px;}
.main-content {width: 960px; height: auto; display: block; background: url(../img/wrap-bg.png) top left repeat-x; min-height: 500px;}

/* top block */
.main-top {width: 90px; height: 200px; display: block}
.slogan { background:url(../img/slogan.png) top left no-repeat; width: 120px; height: 55px; display: block;}
.logo { background:url(../img/logo.png) top left no-repeat; width: 400px; height: 100px; display: block; position: absolute; left: 60px; top: 55px;}
.phone {background:url(../img/phone.png) top left no-repeat; width: 250px; height: 30px; display: block; position: absolute; left: 520px; top: 40px; padding-top: 40px; color: #fff}
.shar {background:url(../img/shar.png) top left no-repeat; width: 90px; height: 90px; display: block; position: absolute; left: 350px; top: 5px;}
.changes {position: absolute; background:url(../img/q.png) top right no-repeat; left: 520px; top: 100px; height: 40px; width: 170px; padding: 14px 0px; display: block}
.changes a {font-size: 18px; color: #fff;}
.en-ru {background: #020305; width: 80px; height: 15px; display: none; position: absolute; left: 680px; top: 37px; text-transform: uppercase; font-size: 10px; color: #fff; text-align: right; padding: 10px 15px}
.en-ru .deactive {color: #999}
.img1 {background:url(../img/img1.png) top left no-repeat; width: 200px; height: 250px; display: block; position: absolute; left: 775px; top: 15px; z-index: 3}


/* menu block */
.menu {width: 700px; height: 50px; display: block; position: absolute; top: 180px; left: 43px;}
.menu ul li {list-style-type: none; float: left; padding: 0px 5px;}
.menu ul li a.menuItem .l{background:url(../img/menuItem-left.png) left top no-repeat; font-size: 12px !important; line-height: 24px; height: 28px; padding: 0px 0px 0px 15px; font-weight: bold; color: #fff; text-transform: uppercase;}
.menu ul li a.menuItem .r{background:url(../img/menuItem-right.png) left top no-repeat; width: 18px; height: 28px;}
.menu ul li a.menuItem .l div {padding: 2px 0px 0px 0px;}
.menu ul li a.menuItem {text-decoration: none !important; cursor: pointer; background-position: bottom;}
.menu ul li a.menuItem:hover, .menu ul li a.menuItem:hover .l, .menu ul li a.menuItem:hover .r, .menu ul li.active a.menuItem, .menu ul li.active a.menuItem .l, .menu ul li.active a.menuItem .r, .menu ul li.active a.menuItem:hover, .menu ul li.active a.menuItem:hover .l, .menu ul li.active a.menuItem:hover .r {text-decoration: none !important; cursor: pointer; background-position: left bottom;}
.menu ul li a.menuItem .l, a.menuItem .r{overflow: hidden; display: block; float: left; white-space: nowrap; text-decoration: none; behavior: url(css/iepngfix.htc);}

/* info blocks */
.infoBlocks {width: 950px; height: auto; display: table; top: 0px; padding: 0px 0px 10px 20px; position: relative; z-index: 9999; font-size: 11px;}
.infoBlocks .infoBlock { float: left;width: 265px; height: auto; display: block; padding: 30px 10px 10px 10px; margin: 0px 10px; border: 1px solid #f2f2f2; background: url(../img/info-block-top.gif) top no-repeat; background-color: #fff; background-position: 10px 5px;}

/* buble */
.buble {background:url(../img/buble.gif) top no-repeat; width: 960px; height: 80px; display: block;}
.buble div {padding: 15px 30px;}

/* middle content */
.middleBlock {padding: 5px 20px}
.searchBlock {background: #efeeea; width: 260px; height: auto; display: block; border: 4px solid #818080; border-left: none; border-right: none; padding: 10px;}
.newsBlock {background: #fff; width: 260px; height: auto; display: block; padding: 10px; font-size: 11px;}
.newsBlock .date {font-size: 10px; color: #999}
.feedback {}
.feedback .date {font-size: 10px; color: #999}

.bannersBlock {background: #fff; width: 260px; height: auto; display: block; padding: 10px; font-size: 11px;}

.middleInBlock {background: #fff; padding: 0px;  margin: 0px 20px 0px 30px; border-top: 4px solid #333; min-height: 500px;}
.middleInBlock .itemInfo {padding: 20px;}
.middleInBlock .itemInfo h6 {color: #666; margin-bottom: 0.3em}
.middleInBlock .itemTable {width: 100%; height: auto; border-collapse: collapse}
.middleInBlock .itemTable .title {background: #ffe155; font-size: 11px;}
.middleInBlock .itemTable .title td {padding: 5px 10px; vertical-align: top;}
.middleInBlock .itemTable .pages_list td {vertical-align: top; padding: 5px 10px; border-bottom: 1px solid #c7c7c7;}

.middleInBlock .countries .sub-menu {margin-left: 16px}
.middleInBlock .countries li {list-style-type: none; display: inline-table;}

.proposes {width: 620px; display: block; height: 40px; padding: 10px;}
.proposesBlock {width: 620px; display: block; height: auto; background: #fff; margin-bottom: 15px; padding: 10px 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #c7c7c7; }
.orderBtn {background:url(../img/order.png) top left no-repeat; width: 160px; height: 50px; display: block; border: 0px; cursor: pointer}

/* footer */
.footer {background: url(../img/bottom-bg.gif) top left no-repeat; width: 960px; height: 80px; display: block}
.footer .bottomMenu {padding: 15px 10px 5px 10px;}
.footer .bottomMenu ul li { /*text-transform: capitalize;*/ padding: 0px 10px; display: inline; font-size: 11px; }
.footer .copy {padding: 0px 20px; font-size: 11px;}