@CHARSET "UTF-8";
/*reset css*/
* {margin: 0;padding: 0;
font-size: 12px; font-family: arial;  font-weight: normal;
background-repeat: no-repeat; background-position: 0 0; }
html { height: 100%; min-height:100%; height:'100%'; width: 100%; min-widht: 980px }
body { padding: 0; margin: 0; width: 100%; height: 100%; background: #c0c0c0; font-family: Arial, sans-serif; font-size: 75%; min-widht: 980px;  min-height:100%; height:'100%';}
table {border-collapse: collapse; border-spacing: 0;}
a {text-decoration: underline; color: #a82927;} 
a:hover {text-decoration: none;}
b {font-weight: bold;}
a img {border: 0;}
.red { color: #F00}
h1 { font-family:Arial, Helvetica, sans-serif; font-size: 2em; font-weight: normal; margin-bottom: 11px; margin-top: 3px; color: #333;}
h2 { font-family:Arial, Helvetica, sans-serif; font-size: 1.7em; font-weight: bold; margin-bottom: 9px; margin-top: 3px; color: #333;}
h3 { font-family:Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: bold; margin-bottom: 9px; margin-top: 3px; color: #333;}
h4 { font-family:Arial, Helvetica, sans-serif; font-size: 1.0em; font-weight: bold; margin-bottom: 9px; margin-top: 3px; color: #333;}
p { margin-bottom: 15px;}


div.conteiner { min-height:100%; height:auto !important; height:100%; min-height:100%; height:'100%'; margin: 0 auto -180px; width: 1100px; background: url(../img/cont_bg.png) 0 0 no-repeat #eee; }
DIV.push {height:180px;  width: 998px;}

/*footer*/
div.footer { height: 141px; width: 998px; background: url(../img/footer_bg.jpg) 0 0 no-repeat #e8dbdb; margin: 0 auto; padding-top: 55px;}
div.footer div.counter { float: left; margin-left: 41px; margin-top: 55px; width: 220px;}
div.footer div.counter a { float: left; margin-right: 20px;}
div.footer div.siteactive { float: right; margin-right: 56px;}
div.footer div.bottom_menu { margin-left: 324px; border-left: 1px solid #d5caca; overflow: hidden; padding-left: 27px;}
div.footer div.bottom_menu ul { margin-bottom: 59px;}
div.footer div.bottom_menu ul li { list-style: none; float: left; background: url(../img/bot_mn_li.jpg) 0 6px no-repeat; margin-right: 18px; padding-left: 8px; color: #ff0000;}
div.footer div.bottom_menu ul li a { color: #A82927;}
div.footer div.bottom_menu div.address { overflow: hidden; //margin-top: 55px;}
div.footer p { margin-bottom: 5px;}

/*head*/
div.head { position: relative; height: 520px}
div.head div.logo { position: absolute; top: 30px; left: 30px}

div.head div.top_menu { position:absolute; top: 105px; left: 10px}
div.head div.top_menu ul li { list-style: none; background: url(../img/top_mn_bg.png) 13px center no-repeat; display: block; height: 25px; float:left; margin-right:10px}
div.head div.top_menu ul li a { color: #000; display:block; width:100%; height:25px; padding-left:23px; padding-right:10px; line-height:25px; text-decoration:none}
div.head div.top_menu ul li a:hover {text-decoration:underline}
div.head div.top_menu ul li.sel { background: url(../img/top_mn_bg_sel.png) top right no-repeat;}
div.head div.top_menu ul li.sel a {background:url(../img/top_mn_bg_sel_left.jpg) top left no-repeat; color: #ff0000; text-decoration:underline}
/*постоянные значения*/
div.head div.mm { position: relative; }
div.head div.mm a { color: #ff0000;}
div.head div.mm span { padding-top: 4px; font-size: 0.9em;}


/*center, right, left*/
div.content { position: relative; top: -50px; min-height: 935px;overflow: hidden;*zoom:1;}
div.content div.right_col { margin-left: 390px; padding: 55px 0 40px 0; }
div.content div.left_col { float: left; width: 290px; padding: 0 30px 40px 57px;}

/*navigation*/
div.content div.right_col div.navigation { background: url(../img/navigation_ul.png) 0 3px no-repeat; overflow: hidden; padding-left: 12px;}
div.content div.right_col div.navigation ul li { list-style: none; float:left; color: #333; font-size: 11px;}
div.content div.right_col div.navigation ul li a { background: url(../img/navigation_a.png) 100% 3px no-repeat; padding-right: 10px; color: #333; margin-right: 4px; font-size: 11px;}

/*base style*/
div.content div.right_col div.text { padding: 12px 30px 40px 0; overflow: hidden;}

div.content div.right_col div.text h1 { font-family:Arial, Helvetica, sans-serif; font-size: 2em; font-weight: normal; margin-bottom: 11px; margin-top: 3px; color: #333;}
div.content div.right_col div.text h2 { font-family:Arial, Helvetica, sans-serif; font-size: 1.7em; font-weight: bold; margin-bottom: 23px; margin-top: 3px; color: #333;}
div.content div.right_col div.text h3 { font-family:Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: bold; margin-bottom: 9px; margin-top: 3px; color: #333;}
div.content div.right_col div.text h4 { font-family:Arial, Helvetica, sans-serif; font-size: 1.0em; font-weight: bold; margin-bottom: 9px; margin-top: 3px; color: #333;}

div.content div.right_col div.text p { font-size: 1.05em; line-height: 17px}

div.content div.right_col div.text table {/* border: 1px solid #999;*/ margin: 30px 0; border-collapse: separate; width: 99%; padding: 0; }
div.content div.right_col div.text table th { background: #ff0000; color: #fff; text-align: left; padding: 10px; border: 1px solid #fff; }
div.content div.right_col div.text table td { padding: 10px;/* border: 1px solid #999;*/}

div.content div.right_col div.text ul {list-style: none; margin-bottom: 5px;}
div.content div.right_col div.text ul li { background: url(../img/ul1.png) 0 4px no-repeat; padding-left: 11px; margin-bottom: 5px;}
div.content div.right_col div.text ul li ul { margin-top: 2px;}
div.content div.right_col div.text ul li ul li { background: url(../img/ul2.png) 0 4px no-repeat;}
div.content div.right_col div.text ul li ul li ul { margin-top: 3px;}
div.content div.right_col div.text ul li ul li ul li { background: url(../img/ul3.png) 0 4px no-repeat;}

div.content div.right_col div.text ol { margin-bottom: 5px; list-style-position: inside}
div.content div.right_col div.text ol li { padding-left: 11px; margin-bottom: 5px;}
div.content div.right_col div.text ol li ol { margin-top: 2px;}
div.content div.right_col div.text ol li ol li { padding-left: 11px;}
div.content div.right_col div.text ol li ol li ol { margin-top: 3px;}
div.content div.right_col div.text ol li ol li ol li {padding-left: 11px;}

div.content div.right_col div.text a { color: #A82927;}
div.content div.right_col div.text a:visited { color: #A82927;}
div.content div.right_col div.text a:hover { color: #A82927; text-decoration: none;}
div.content div.right_col div.text a:active { color: #A82927;}

div.content div.right_col div.text ul.nostyle li { background:  url(../img/li_nostyle.jpg) 0 7px no-repeat;}



/*partner*/
div.content div.right_col div.text div.partner0 { overflow: hidden; /*width: 600px;*/ margin-bottom: 30px;}
div.content div.right_col div.text div.partner0 h1 { color: #ff0000;}
div.content div.right_col div.text div.partner0 div.thumb1 { background: url(../img/partner2.gif) 100% 0 no-repeat; padding-top: 7px; overflow: hidden}
div.content div.right_col div.text div.partner0 div.thumb2 {background: url(../img/partner1.gif) 100% 100% no-repeat;  overflow: hidden; }
div.content div.right_col div.text div.partner0 div.thumb2 div.partner {height:90px; text-align:center; float: left; padding: 0 0 0 20px; }
div.content div.right_col div.text div.partner0 div.thumb2 div.partner_img {display:-moz-inline-box; display:inline-block; vertical-align:middle; zoom:1; //display:inline; position: relative;}
div.content div.right_col div.text div.partner0 div.thumb2 div.helper {display:-moz-inline-box; display:inline-block; height:100%; width:0px; vertical-align:middle; zoom:1; //display:inline}
div.content div.right_col div.text div.partner0 div.thumb2 div.partner_img img.fon { position: absolute; z-index:1; top: 28%; }


div.content div.right_col div.text div.img_left { padding: 2px; border: 1px solid #ff6f7f; background: #fbd8d8; float: left; margin-right: 15px; width:auto; overflow: hidden;}


div.content div.right_col div.text div.contact { position: relative}
div.content div.right_col div.text div.contact p { position: absolute; bottom: 3px; right: 11px;}


/*news preview*/
div.content div.right_col div.text div.one_news { margin-bottom: 40px; }
div.content div.right_col div.text div.one_news div.date { float: left; width: 55px; background: url(../img/date.png) 0 0 no-repeat; width: 57px; height: 30px; padding: 1px 0 0 5px; margin-right: 10px;}
div.content div.right_col div.text div.one_news div.date span { font-size: 2em;}
div.content div.right_col div.text div.one_news div.date span span { color: #d33122; position:relative; top: -8px; font-size: 0.5em;}
div.content div.right_col div.text div.one_news div.descr { overflow: hidden;}
div.content div.right_col div.text div.one_news div.descr p { font-size: 1.3em; font-weight: bold; line-height: 26px; margin-bottom: 10px;}
div.content div.right_col div.text div.one_news div.descr a { font-size: 1.0em;  font-weight: bold}

/*big news*/
div.content div.right_col div.text div.big_news { margin-bottom: 40px; }
div.content div.right_col div.text div.big_news div.date { float: left; width: 55px; background: url(../img/date.png) 0 0 no-repeat; width: 57px; height: 30px; padding: 1px 0 0 5px; margin-right: 10px;}
div.content div.right_col div.text div.big_news div.date span { font-size: 2em;}
div.content div.right_col div.text div.big_news div.date span span { color: #d33122; position:relative; top: -8px; font-size: 0.5em;}
div.content div.right_col div.text div.big_news div.descr { overflow: hidden; position: relative; top: -9px;}
div.content div.right_col div.text div.big_news div.descr p { font-size: 1.85em; font-weight: bold; line-height: 26px; margin-bottom: 10px; color: #000;}
div.content div.right_col div.text div.big_news div.descr a { font-size: 1.0em;  font-weight: bold}
div.content div.right_col div.text a.allnews { color: #666666; background: url(../img/all.gif) 0 4px no-repeat; padding-left: 15px; float: right; font-size: 1.25em}



/*pages*/
div.content div.right_col div.text div.page { margin: 0 auto; overflow: hidden; width: 175px}
div.content div.right_col div.text div.page a { display: block; width: 10px; height: 22px; background:url(../img/page.jpg) no-repeat 0 0; float: left; font-size: 15px; padding: 2px 0 0 7px; margin-right: 5px; color: #cc3300; }
div.content div.right_col div.text div.page span { display: block; width: 16px; height: 22px; background:url(../img/page-sel.png) no-repeat 2px 0; float: left; color:#cc3300; font-size: 15px; margin: 0 5px 0 0px; padding: 2px 0 0 7px;}


/*portfolio*/
div.content div.right_col div.text div.portfolio_block  { width: 205px; float: left; height: 182px; margin-right: 35px; margin-top: 0px; margin-left: 20px; }
div.content div.right_col div.text div.portfolio_block a { color: #333; font-size: 18px; margin-left: 30px; display: block; }
div.content div.right_col div.text div.portfolio_block div.sign { background: url(../img/portf-3a.png) 0 0 no-repeat; height: 77px; margin-left: 20px; margin-top: 10px; padding: 10px}
div.content div.right_col div.text div.portfolio_block div.sign ul li {background:url(../img/portf-3b.jpg) no-repeat 0 4px;}
div.content div.right_col div.text div.portfolio_block div.sign ul li a { color:#cc0000; font-size: 12px; margin-left: 5px; }


/*billboard*/
div.content div.right_col div.text div.billboard { overflow: hidden; margin: 20px 0 10px 0;}
div.content div.right_col div.text div.billboard div.img { background: url(../img/plate.png) 0 0 no-repeat; width: 162px; height: 138px; padding: 10px 0 0 11px; float: left;}
div.content div.right_col div.text div.billboard div.descr { font-size: 12px; color: #333; overflow: hidden}
div.content div.right_col div.text div.billboard div.descr h3 { margin-bottom: 17px; font-size: 1.1em}
div.content div.right_col div.text div.billboard div.descr p { font-size: 12px; margin-bottom: 7px;}

/*left col*/
div.content div.left_col div.news  {overflow: hidden; margin-top: 20px;}
div.content div.left_col div.news div.one_news { width: 265px; margin-bottom: 0px; }
div.content div.left_col div.news h1 { margin: 0 0 19px 53px;}
div.content div.left_col div.news p { line-height: 18px;}
div.content div.left_col div.news a.all { color: #666666; background: url(../img/all.gif) 0 4px no-repeat; padding-left: 15px; float: right; font-size: 0.9em}
div.content div.left_col div.news div.one_news div.date { float: left; width: 55px;}
div.content div.left_col div.news div.one_news div.date span { font-size: 2em;}
div.content div.left_col div.news div.one_news div.date span span { color: #d33122; position:relative; top: -8px; font-size: 0.5em;}
div.content div.left_col div.news div.one_news div.descr { overflow: hidden;}

div.content div.left_col div.job { width: 225px; height: 194px; position: relative; margin: 30px auto;}
div.content div.left_col div.job a { position: absolute; right: 21px; bottom: 10px; font-size: 20px; color: #000;}

div.content div.left_col div.tel { margin: 0 auto 30px;}








/* NEW STYLE */

div.head div.top_menu ul li { list-style: none; background: url(../img/top_mn_bg.png) 13px center no-repeat; display: block; height: 25px; float:left; margin-right:10px}
div.head div.top_menu ul li a { color: #000; width:100%; height:25px; padding-left:23px; padding-right:10px; line-height:25px; text-decoration:none; float:left; width:auto}
div.head div.top_menu ul li a:hover {text-decoration:underline}
div.head div.top_menu ul li.sel { background: url(../img/top_mn_bg_sel.png) top right no-repeat;}
div.head div.top_menu ul li.sel a {background:url(../img/top_mn_bg_sel_left.jpg) top left no-repeat; color: #ff0000; text-decoration:underline}

.banner-main {width:502px; height:279px; background:url(../img/border-main.png); position:absolute; top:150px; left:0}
.banner-main .img {position:relative; width:425px; height:225px; top:22px; left:38px; overflow:hidden; _zoom:1}
.banner-main .text {position:relative; width:100%; text-align:center; top:35px; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:700}
div.content div.right_col {margin-left:420px}

.banner-right {background:url(../img/border-right.jpg); width:362px; height:201px; position:relative; left:-35px}
.banner-right .img {position:absolute; left:28px; top:18px; overflow:hidden; _zoom:1}

.main_menu {position:absolute; right:0; top:0; width:590px; height:500px}
.main_menu .item {position:absolute}
/*.main_menu .item a {position:absolute; bottom:-15px; width:120px; text-align:center; font-family:"Arial", Georgia, Times New Roman, Times, serif; font-size:12px; color:#A82927; text-decoration:none}*/
.main_menu .item span {position:absolute; bottom:-15px; width:120px; text-align:center; font-family:"Arial", Georgia, Times New Roman, Times, serif; font-size:12px; color:#A82927; text-decoration:none}
.main_menu .item a:hover {text-decoration:underline}

.product span {margin: -30px 0;}

.main_menu .outdoor {background:url(../img/outdoor.png); width:123px; height:132px; top:280px; left:200px}
.main_menu .outdoor span {left:0px}
.main_menu .media {background:url(../img/media.png); width:100px; height:129px; top:180px; left:35px}
.main_menu .media span {left:-10px}
.main_menu .design {background:url(../img/design.png); width:53px; height:130px; top:45px; left:200px}
.main_menu .design span {left:-30px}
.main_menu .product {background:url(../img/product.png); width:42px; height:129px; top:50px; left:380px}
.main_menu .product span {left:-35px}
.main_menu .portfolio {background:url(../img/portfolio.png); width:122px; height:130px; top:220px; left:410px}
.main_menu .portfolio span {left:-10px}

.main_menu_outdoor .outdoor {background:url(../img/outdoor_b.png); width:240px; height:320px; top:230px; left:150px}
.main_menu_outdoor .outdoor span {display:none}

.main_menu_media .media {background:url(../img/media_b.png); width:276px; height:384px; top:220px; left:130px}
.main_menu_media .media span {display:none}
.main_menu_media .outdoor {top:160px; left:10px}

.main_menu_design .design {background:url(../img/design_b.png); width:240px; height:320px; top:230px; left:150px}
.main_menu_design .design span {display:none}
.main_menu_design .outdoor {top:30px; left:180px}

.main_menu_product .product {background:url(../img/product_b.png); width:240px; height:320px; top:230px; left:170px}
.main_menu_product .product span {display:none}
.main_menu_product .outdoor {top:50px; left:380px}

.main_menu_portfolio .portfolio {background:url(../img/portfolio_b.png); width:240px; height:256px; top:280px; left:140px}
.main_menu_portfolio .portfolio span {display:none}
.main_menu_portfolio .outdoor {top:220px; left:410px}

div.content div.left_col div.news {margin:0}

div.footer {background:url(../img/footer-bg.png) no-repeat; width:1100px; height:153px; padding-top:70px}
div.footer div.bottom_menu {border:0; width:500px}
div.content div.right_col div.text table {border-collapse:collapse; width:95%;}

div.push {height:90px; width:1100px}

div.content div.left_col div.tel {text-align:center}