/* --- М-Строй комплект | CLEON-MEDIA | 2008 --- */ /* --- HTML --- */ *{ margin: 0; padding: 0;} body{font-family: Arial, Helvetica, sans-serif; color: #fff; font-size:100.01%; background: #000} html, body{height: 100%;} table, th, td {font-size:100%; border-collapse: collapse;} table,img {border:0;} a{color: #fff; text-decoration: underline;} a:hover{color: #ff6600;text-decoration: none;} h1{font-size: 1.3em; color: #fff; margin-bottom: 12px; font-weight: normal; background: url(../images/h1_bg.gif) no-repeat 0 0.35em; padding-left: 13px; margin-right: 10px;} h2{font-size: 140%;} h3{font-size: 130%;} h4{font-size: 1.1em;} p{margin-bottom: 14px;} .green{color: #35a845;} .red{color: #c42b0c;} .grey{color: #bfc2c6;} .pink{color: #c79cb7;} ul{ margin: 0 0 12px 16px;} .clear{clear: both;} .padding{padding-left: 25px;} img.png {behavior: url("/images/png.htc"); } #main{position:relative; min-height:100%; font-size: 0.75em; margin: 0; min-width: 997px; background: #000066 url(../images/bg_footer.gif) repeat-x 0 100%;} #main_2{background: #000066 url(../images/bg_top_rep.jpg) repeat-x 0 0;} /*For IE*/* html #main{height:100%; width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?'997px':'100%'); height:100%;} #main_in{min-width: 997px; max-width:1540px; background: #000066 url(../images/bg_top.jpg) repeat-x -18px 0; margin: 0 auto;} /*For IE*/* html #main_in{width:expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) > 1541 ? "1540px" : (((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) < 1000 ? "997px" : "100%"));} div#main_in_2{background: url(../images/bg_right.jpg) no-repeat 100% 0;} div#main_in_3{background: url(../images/bg_left.jpg) no-repeat 0 0;} div#main_in_4{ background: url(../images/bg_footer.gif) repeat-x 0 100%;} div#main_in_5{background: url(../images/bg_bottom_right.gif) no-repeat 100% 100%;} div#main_in_6{background: url(../images/bg_bottom_left.jpg) no-repeat 0 100%; min-height: 1000px;} * html div#main_in_6{height: 1000px;} /*--- TOP ---*/ div#top{ height: 169px;} div#logo{padding: 15px 0 0 35px; float: left;} div#tel{float: left; padding: 35px 0 0 32px; font-size: 1.8em; color: #336699;} div#top_right{width: 270px; float: right; padding-right: 18px;} div#nav{float: right; padding: 26px 0 22px 0;} div#nav a{margin-left: 15px;} div#search_block{width: 264px; float: right;} input#search{ background: transparent url(../images/bg_search.gif) no-repeat 0 0; border: 0; padding: 2px 8px; font-size: 10px; color: #6c6c6c; width: 193px; float: left;} input#search_but{width: 54px; height: 16px; background: url(../images/buttom_search.gif) no-repeat 0 0; border: 0; float: left; position: relative; top: 1px; cursor: hand; cursor: pointer;} /*--- CONTENT ---*/ div#content_main{min-height: 500px;} div#content_main_in{width: 100%; float: left;} div#content_left{width: 285px; float: left;padding-bottom: 30px;} div#content_left_in{float: left; width: 285px; margin-left: -100%; padding-bottom: 30px;} div#menu{background: url(../images/menu_rep.gif) repeat-y 0 0; width: 249px; margin-left: 16px; margin-bottom: 24px;} div#menu_in{background: url(../images/menu_bottom.gif) no-repeat 0 100%;} div#menu_in_in{background: url(../images/menu_top.gif) no-repeat 0 0; min-height: 300px; padding: 9px 0;} div#menu_in_in a:hover{color: #ff6600 !important;} * html div#menu_in_in{height: 300px;} ul#ul_menu{ list-style: none; padding: 0 0 0 1px; margin: 0;} ul#ul_menu li{padding: 5px 10px 7px 1px; background: url(../images/bg_menu.gif) no-repeat 5px 100%;} ul#ul_menu li.end{background: none;} ul#ul_menu li a{background: url(../images/bg_menu_ul.gif) no-repeat 0 0.35em; padding: 0 15px; font-size: 1.2em; font-weight: bold; display: block;} ul#ul_menu li a.hover{color: #ff6600; text-decoration: none;} ul#ul_menu li a:hover{color: #ff6600 !important;} ul#ul_menu li ul{list-style: none; padding: 12px 0 0 0;} ul#ul_menu li ul li{ padding: 0; background: none; margin-bottom: 3px;} ul#ul_menu li ul li a{font-size: 1em; font-weight: normal;} div#news{ margin-left: 26px; width: 220px; padding-bottom: 58px;} span.date{ background: #336699; display: block; padding: 1px 0; width: 70px; text-align: center; margin-bottom: 6px;} div.news{background: url(../images/bg_news.gif) no-repeat 0 100%; padding-bottom: 2px; margin-bottom: 16px;} div.news a{ font-size: 1.2em; font-weight: bold; margin-bottom: 8px; display: block;} a.new_a{background: url(../images/h1_bg.gif) no-repeat 0 0.4em; padding-left: 13px;} h1.online{margin-top: 26px;} span.icq{display: block; margin-left: 12px; font-size: 1.3em; margin-bottom: 6px;} span.icq img{position: relative; top: 3px;} span.icq a{font-weight: bold; text-decoration: none;} div#content_right{margin-left: 290px;} div#content_right_in{margin-left: 290px;} div#content_text_in{ min-height: 700px; margin-right: 28px; padding-bottom: 120px; } * html div#content_text_in{height: 700px;} div#content_text_in ul{list-style: none; padding: 0; margin: 0;} div#content_text_in ul ul{list-style: none; padding: 4px 0 1px 4px;} div#content_text_in ul li{background: url(../images/bg_ul.gif) no-repeat 0 0.4em; padding-left: 11px; font-size: 1.2em; margin-bottom: 4px;} div#content_text_in ul li li{font-size: 0.9em; margin-bottom: 2px;} div#menu_top{padding: 103px 0 0 0; height: 62px;} ul#menu_top_ul{list-style: none; margin-left: 10px} ul#menu_top_ul li{float: left; background: url(../images/bg_menu_top.gif) no-repeat 100% 0; padding-right: 15px; margin-right: 6px; padding-top: 12px;} ul#menu_top_ul li a{display: block; height: 20px; width: 100px; background-position: 0 0;} ul#menu_top_ul li a strong{display: none;} ul#menu_top_ul li a:hover{background-position: 0 -20px;} ul#menu_top_ul li a#menu_1{ background-image: url(../images/menu_1.gif); width: 74px;} ul#menu_top_ul li a#menu_2{ background-image: url(../images/menu_2.gif); width: 74px;} ul#menu_top_ul li a#menu_3{ background-image: url(../images/menu_3.gif); width: 100px;} ul#menu_top_ul li a#menu_4{ background-image: url(../images/menu_4.gif); width: 100px;} ul#menu_top_ul li a#menu_5{ background-image: url(../images/menu_5.gif); width: 85px;} ul#menu_top_ul li a#menu_6{ background-image: url(../images/menu_6.gif); width: 87px;} ul#menu_top_ul li.end{background: none;} table#blocks{width: 99%; margin-top: 20px;} table#blocks td{background: url(../images/bg_blocks.gif) no-repeat 100% 0; padding-bottom: 15px; vertical-align: top; width: 25%} table#blocks a.image_block{display: block; background: url(../images/bg_blocks.png) no-repeat 50% 0; width: 150px; height: 90px; text-align: center; margin: 0 auto;.} table#blocks a.image_block img{cursor: hand; cursor: poiner;} * html table#blocks a.image_block{background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg_blocks.png',sizingMethod=crop);} a.block_text{ display: block; font-size: 1.3em; color: #fff; margin-left: 8px; padding-left: 15px; margin-right: 10px; background: url(../images/arrow_red.gif) no-repeat 0 0.4em;} a.block_text:hover{color: #ff6600;} table#blocks td.end{background: none;} table.cat{margin:34px 0px 34px 20px; clear: both;} table.cat a.image_block{display: block; background: url(../images/bg_blocks.png) no-repeat 50% 0; width: 150px; height: 90px; text-align: center; margin: 0 auto;} * html table.cat a.image_block{background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg_blocks.png',sizingMethod=crop);} div.line{ background: url(../images/bg_line.gif) no-repeat 0 0; height: 22px; margin-top: 10px; margin-right: 25px;} div.welcome{background: #336699 url(../images/welcome_b_r.gif) no-repeat 100% 100%; min-height: 100px; margin-right: 25px; margin-bottom: 20px;} * html div.welcome{height: 100px;} div.welcome_in{background: url(../images/welcome_t_r.gif) no-repeat 100% 0;min-height: 100px;} div.welcome_in_in{background: url(../images/welcome_b_l.gif) no-repeat 0 100%;min-height: 100px;} div.welcome_in_in_in{background: url(../images/welcome_t_l.gif) no-repeat 0 0; padding: 14px 14px 2px 14px;min-height: 100px;} div#spec_block{padding-right: 38px; margin-bottom: 20px;} table#spec_pred{width: 99%;} table#spec_pred td{width: 50%; background: url(../images/bg_spec.gif) no-repeat 100% 50%; vertical-align: top;} table#spec_pred td.end{background: none;} strong.image{border: 4px #fff solid; float: left; margin: 2px 18px 16px 0;} table#spec_pred td div.spec_in{padding-left: 10px; padding-right: 10px;} table#spec_pred td.end div.spec_in{padding-left: 20px;} div.spec_in a{font-size: 1.2em; font-weight: bold;} div.spec_in p{padding-top: 8px; padding-bottom: 0;} div#spisok_block_1{background: #336699 url(../images/block_b_r.gif) no-repeat 100% 100%;} div#spisok_block_2{background: url(../images/block_b_l.gif) no-repeat 0 100%;} div#spisok_block_3{background: url(../images/block_t_r.gif) no-repeat 100% 0;} div#spisok_block_4{background: url(../images/block_t_l.gif) no-repeat 0 0; padding: 12px; min-height: 100px;} * html div#spisok_block_4{height: 100px;} table#spisok{width: 100%; font-size: 1.2em;} table#spisok th{ background: #4883b2; text-align: left; padding: 5px 0;} table#spisok td{padding: 10px 20px 10px 0; background: url(../images/bg_spisok.gif) repeat-x 0 100%;} table#spisok td img{border: 2px #fff solid;} div.table_block_1{background: #336699 url(../images/block_b_r.gif) no-repeat 100% 100%; margin: 16px auto 0 auto; width: 80%;} div.table_block_2{background: url(../images/block_b_l.gif) no-repeat 0 100%;} div.table_block_3{background: url(../images/block_t_r.gif) no-repeat 100% 0;} div.table_block_4{background: url(../images/block_t_l.gif) no-repeat 0 0; padding: 12px;} div.table_block_4 table, div#former table{font-size: 1.1em; border: none !important; BORDER-TOP-STYLE: none !important; BORDER-BOTTOM-STYLE: none !important; BORDER-RIGHT-STYLE: none !important; BORDER-LEFT-STYLE: none !important; margin: 0 auto; width: 100%;} div.table_block_4 table th, div#former table th{ background: #4883b2; text-align: left; padding: 5px 0;} div.table_block_4 table td, div#former table td{padding: 6px 2px; background: url(../images/bg_spisok.gif) repeat-x 0 100%; border: none !important;border-top-style: none !important; border-left-style: none !important; border-right-style: none !important; border-bottom-style: none !important;border: none !important; border-top-style: none !important; border-left-style: none !important; border-right-style: none !important; border-bottom-style: none !important;} div.table_block_4 table tr.blue td{background: #4883b2 url(../images/bg_spisok.gif) repeat-x 0 100%;; } div.table_block_4 table td img{border: 2px #fff solid;} table#tovar{width: 100%;} table#tovar td#tovar_left{padding-bottom: 95px;} td#tovar_right{padding-left: 20px; padding-bottom: 25px; width: 190px;} div.photo{width: 190px; text-align: center;} div.photo img{display: block; margin: 0 auto 10px auto; border: 3px #fff solid; position: relative; z-index: 1;} div.photo img.lupa{border: 0; margin: 0; position: absolute; margin-left: 151px; margin-top: -28px; z-index: 10000; text-align: left} * html div.photo img.lupa{margin-top: -38px;} *:first-child+html div.photo img.lupa{margin-top: -38px;} div.photo strong{display: block; padding-bottom: 12px;} a.edit_block{cursor: hand; cursor: pointer;} ul#ul_menu div a.h{} ul#ul_menu li a{cursor: hand; cursor: pointer;} div#tovar_footer{padding-top: 26px;} div#printer_block{width: 167px; padding: 3px 30px 4px 0; text-align: right; background: url(../images/icon_print.gif) no-repeat 100% 0em; float: right;} div#printer_block a{background: url(../images/h1_bg.gif) no-repeat 0 0.35em; padding-left: 13px;} div#files{float: left; width: 237px;} div.pdf{padding: 3px 0 3px 13px;background: url(../images/h1_bg.gif) no-repeat 0 0.55em; margin-bottom: 3px;} div.pdf a{padding: 3px 26px 3px 0;background: url(../images/icon_pdf.gif) no-repeat 100% 1px;} div.jpg{padding: 3px 0 3px 13px;background: url(../images/h1_bg.gif) no-repeat 0 0.55em; margin-bottom: 3px;} div.jpg a{padding: 3px 26px 3px 0;background: url(../images/icon_jpg.gif) no-repeat 100% 1px;} div.doc{padding: 3px 0 3px 13px;background: url(../images/h1_bg.gif) no-repeat 0 0.55em; margin-bottom: 3px;} div.doc a{padding: 3px 26px 3px 0;background: url(../images/icon_doc.gif) no-repeat 100% 1px;} div.exl{padding: 3px 0 3px 13px;background: url(../images/h1_bg.gif) no-repeat 0 0.55em; margin-bottom: 3px;} div.exl a{padding: 3px 26px 3px 0;background: url(../images/icon_exl.gif) no-repeat 100% 1px;} div#opis{min-height: 155px;} * html div#opis{height: 155px;} div#form_button{display: none} div#former{width: 475px; background: #030669 url(../images/bg_form.gif) repeat-x 0 100%; margin: 0px auto 0 auto; padding: 12px; color: #fff; height: 616px; top: -80px; position: relative;} div#form_left{position: absolute; margin: -73px 0 0 -81px;} div#form_right{position: absolute; margin: -73px 0 0 487px;} div#form_top{position: absolute; margin: -75px 0 0 -12px;} div#form_bottom{position: absolute; margin: 628px 0 0 -13px;} div#form_zakaz{display: block; width: 470px; margin: 150px auto 0 auto; } div#form_zakaz div.table_block_1{margin-top: 8px;} div#form_zakaz.hover{display: block} div#form_zakaz table{width:420px; margin-bottom: 5px;} div#form_zakaz table td{padding: 3px 2px 4px 2px;} div#form_zakaz table td input{width: 310px; background: url(../images/bg_input.gif) no-repeat 0 0; border: 0; padding: 3px 10px;} td.zakaz_left{width: 150px;} div#form_zakaz table td textarea{ border: 0; padding: 10px 14px; overflow: auto;width: 451px; height: 120px; background: transparent;} div#zayavka{ background: url(../images/bg_textarea.gif) no-repeat 0 0; width: 479px; height: 150px;} div#form_button{text-align: center; padding-top: 10px;} div#header, div#bot{display: none;} div#map{position: absolute; margin-top: -294px; background: #000; padding: 10px; margin-left: -10px; display: none; width: 250px;} div#map img{} div#map table{width: 230px; margin: 6px auto 0 auto;} td.c_right{text-align: right;} div#map.hover{display: block;} a#popup{border-bottom: 1px dashed; text-decoration: none;} #send_button{border: 0; background: url(../images/button_send.gif) no-repeat 0 0; width: 119px; height: 16px;cursor: hand; cursor: pointer; margin: 10px auto; text-align: center;} div#logos{background: url(../images/bg_logos_rep.gif) repeat-x 0 0; height: 106px; margin: 10px 0 -90px 0;} div#logos_2{background: url(../images/bg_logos_r.gif) no-repeat 100% 0; height: 106px;} div#logos_3{background: url(../images/bg_logos_l.gif) no-repeat 0 0; height: 106px;} div#logos_4{background: url(../images/logotips.gif) no-repeat 50% 16px; height: 106px;} /*--- FOOTER ---*/ div#footer_main{background: url(../images/bg_footer_table.gif) no-repeat 0 0; margin: 0 27px 0 292px; padding: 20px 20px 0 0; height: 170px;} table#foot_table{width: 100%; } table#foot_table td{width: 50%; vertical-align: top;} td#foot_left{background: url(../images/bg_foot_td.gif) repeat-y 100% 0;} div#foot_left_in{background: url(../images/bg_telephone.gif) no-repeat 0 50%; padding-left: 68px;} div#foot_right_in{ padding-left: 35px;} div#banners{margin-top: 10px; min-height: 30px; width: 300px;} * html div#banners{height: 30px;} div#banners a{ float: left; margin: 0 9px 9px 0; display: block;} div#banners a img{opacity:0.35; -moz-opacity:0.35; filter:alpha(opacity=35);} div#banners a:hover img{opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);}