@font-face {font-family: 'din_text';src: url('pfdintextcomppro-regular-webfont.eot');src: url('pfdintextcomppro-regular-webfont.eot?#iefix') format('embedded-opentype'),url('pfdintextcomppro-regular-webfont.woff') format('woff'),url('pfdintextcomppro-regular-webfont.ttf') format('truetype'),url('pfdintextcomppro-regular-webfont.svg#pf_din_text_comp_proregular') format('svg');font-weight: normal;font-style: normal;}
body, html {margin:0px; padding:0px; height:100%; min-height:100%; font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#616161; background:#fff; line-height:18px}
#cont {min-height:100%; margin:0 auto;}
* html #cont {height:100%}
#main_div {padding-bottom:270px}
h1, h2, h3, h4 {margin:0; font-weight:normal}
h1, h2 {font-family: 'din_text'; font-size:22px; text-transform:uppercase; color:#000; margin-bottom:10px}
.clear {clear:both; font-size:0}
a {outline-style:none; color:#2a6ca9}
a:hover {color:#F90}
img {border:none}
p {margin:0}
#header {height:127px; background:#ffce00 url(i/header-bg.jpg) top center; margin-bottom:30px}
.mainHeader {height:328px!important; margin-bottom:0px!important}
.w900 {width:900px; margin:0 auto; position:relative}
#logo {-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease; display:block; float:left; margin-top:12px}
#logo:hover {opacity:0.7}
#topmenu {position:absolute; right:-15px; top:55px; z-index:2}
#topmenu .link, #topmenu .linkOnly {float:left; position:relative; font-family: 'din_text'; font-size:22px; text-transform:uppercase}
#topmenu .link a, #topmenu .linkOnly a {text-decoration:none; color:#000; padding:10px 15px}
#topmenu .linkOnly a:hover {background:#3c3c3c; color:#fff; border-radius: 5px}
#topmenu .link .sub {background:#3c3c3c; color:#fff; border-radius:0 5px 5px 5px; position:absolute; padding:0px 15px; width:180px; left:0; top:25px; height:0px; overflow:hidden;}
#topmenu .link .sub a {display:block; font-family:Tahoma, Geneva, sans-serif; font-size:12px; text-transform:none; padding:10px 0; color:#fff; border-bottom:1px solid #595959; background:none; border-radius:0}
#topmenu .link .sub a:hover {color:#FF0; text-decoration:underline}
#topmenu .link.hover a {background:#3c3c3c; color:#fff; border-radius: 5px 5px 0 0}
#topmenu .link.hover a:hover {color:#FF0; text-decoration:underline}
#topmenu .link.hover .sub {height:auto}
#topmenu .sep {width:7px; height:21px; float:left; background:url(i/sprite.png); margin:-2px 10px 0 10px}
#topmenu .selected {color:#F60; background-image:url(i/sprite.png); background-repeat:no-repeat; background-position:center 28px; padding-bottom:10px}
#topmenu .link a:hover .selected, #topmenu .linkOnly a:hover .selected, #topmenu .link.hover a .selected {color:#FFF; background-image:none}
#topmenu .link.hover a:hover .selected {color:#FF0; background-image:none}
/*********************************************************************************/
#slides {width:900px; height:400px; position:relative; margin:-200px auto 60px auto; z-index:1; -webkit-box-shadow: 0px 1px 3px 0px #808080; box-shadow: 0px 1px 3px 0px #808080; background:#FFF}
.slides_container {display:none;}
.slides_container div {display:block; width:900px; height:400px; z-index:1}
.slides_container div a img {width:900px; height:400px; border:none}
#slides .prev {display:block; position:absolute; width:40px; height:40px; background:url(i/sprite.png) -11px 0; top:180px; z-index:3; font-size:0; text-decoration:none}
#slides .prev:hover {background:url(i/sprite.png) -51px 0}
#slides .next {display:block; position:absolute; width:40px; height:40px; background:url(i/sprite.png) -389px 0; top:180px; right:0; z-index:3; font-size:0; text-decoration:none}
#slides .next:hover {background:url(i/sprite.png) -429px 0}
.pagination {width:900px; text-align:center; padding:0; margin-top:-25px; position:relative; z-index:3}
.pagination li a {display:block; width:11px; height:11px; background:#ffcd00; font-size:0px; text-decoration:none; border:1px solid #ffcd00;}
.pagination li a:hover {background:#FFF; border:1px solid #fff}
.pagination li {list-style:none; display:inline-block; width:11px; height:11px; margin:0 4px;}
.pagination li.current a {background:none; border:1px solid #ffcd00; width:11px; height:11px;}
/*********************************************************************************/
.mainBlocks {width:240px; float:left}
.bigLink {font-family: 'din_text'; font-size:22px; text-transform:uppercase; color:#000; text-decoration:none; border-bottom:1px solid #cfcfcf; margin-bottom:10px; display:inline-block; padding-bottom:5px}
.fullLink {width:7px; height:7px; display:inline-block; background:url(i/sprite.png) -91px 0; text-decoration:none; margin-top:3px}
.fullLink:hover {background:url(i/sprite.png) -98px 0}
/*********************************************************************************/
#left_coll {width:210px; float:left; background:#e7e7e7 url(i/left-menu-bg.jpg) center}
#left_coll div {border-top:1px solid #fff; border-bottom:1px solid #d9d9d9;}
#left_coll a {display:block; padding:13px 17px; text-decoration:none; color:#000; text-shadow:#FFF 0px 1px 0px;  line-height:15px}
#left_coll a:hover {background:url(i/sprite.png) center; text-shadow:#fcf7a8 0px 1px 0px;}
#left_coll .selected {border-bottom:1px solid #b3b3b3; border-top:1px solid #ededed}
#left_coll .selected div {background:url(i/selected.gif) center; text-shadow:#e4e4e4 0px 1px 0px; font-weight:bold; padding:13px 17px;  color:#000; line-height:15px; border:none}
#left_coll .sub {padding-left:18px; padding:7px 17px; color:#555; text-decoration:underline}
#left_coll .sub:hover {color:#000}
#left_coll .sub span, #left_coll .subSelected span {background:url(i/sprite.png) no-repeat -495px -290px; padding-left:10px; display:block}
#left_coll .subSelected {background:url(i/selected.gif) center; text-shadow:#e4e4e4 0px 1px 0px; font-weight:bold; padding:7px 17px;  color:#000; line-height:15px;}
#right_coll {width:640px; float:right}
#right_coll p {margin:15px 0}
#right_coll h1 {margin:20px 0; font-size:26px; color:#F90}
#right_coll h2 {font-family: 'din_text'; font-size:21px; color:#000; margin-top:20px}
#right_coll h2 span {font-family: 'din_text'!important; font-size:21px!important; color:#000!important}
.video {margin-top:20px}
#crambs {margin:12px 0 25px 0; font-size:11px}
#crambs a {color:#000}
#crambs a:hover {color:#F90}
/*********************************************************************************/
.blogCont {margin-bottom:60px}
.blogCont .date {width:65px; height:16px; float:left; background:#ffcb00; text-align:center; color:#624c27; font-size:11px; line-height:16px}
.blogCont .content {width:820px; float:right}
.blogCont .content img {float:left; margin:5px 15px 5px 0}
/*********************************************************************************/
#contacts_left {width:210px; float:left; margin-top:20px}
#contacts_left strong {color:#000}
#contacts_right {width:536px; float:right; margin-top:20px}
#map {width:536px; height:340px; background:#CCC}
#contacts_left h2, #contacts_right h2 {margin-bottom:20px}
/*********************************************************************************/
#footer {height:216px; background:#dadada url(i/footer-bg.jpg) top center; position:relative; margin-top:-216px;}
#footer #top {padding:24px 0; margin-bottom:24px; border-bottom:1px solid #b2b2b2}
#footer #top .title {font-family: 'din_text'; font-size:22px; text-transform:uppercase; color:#000; margin:5px 0 6px 0}
#footer #top #adress {padding-left:40px; background:url(i/sprite.png) no-repeat -474px 0; float:left; width:210px; margin-left:-40px}
#footer #top #phone {padding-left:40px; background:url(i/sprite.png) no-repeat -474px -94px; float:left; width:210px; margin-left:75px}
#footer #top #trade {padding-left:40px; background:url(i/sprite.png) no-repeat -474px -197px; float:right; width:225px; margin-right:17px}
#footer .opasity {display:block; float:left; margin-top:4px; -webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease; margin-right:8px}
#footer .opasity:hover {opacity:0.5}
#footer #prom {text-transform:uppercase; float:left; font-size:11px; width:126px}
#footer #social {text-transform:uppercase; float:left; font-size:11px; margin-left:199px}
#footer #sm {text-transform:uppercase; float:right; font-size:11px; font-size:10px; line-height:15px; width:285px; margin-top:5px}
#footer #sm div {float:left; padding:11px 0 0 5px}
#footer #sm div a {color:#000}
#footer #sm div a:hover {color:#666}