@import url(./text.css); @import url(./widths.css); HTML{ height:100%; } BODY{ margin:0; padding:30px 0; background:#FFF url(../i/body-bg.png) 0 0 repeat-x; height:100%; } .clear{ clear:both; } /* */ #head{ height:164px; width:940px; position:relative; margin:0 auto; } #head .h1 { position:absolute; width:340px; height:90px; top:0; left:0; margin:0; } #head H1 { top:-20px; width:100%; height:20px; text-align:center; font-size:14px; font-weight:normal; position:absolute; overflow:hidden; margin:0; } #head .h1 A{ position:absolute; width:340px; height:90px; top:0; left:0; overflow:hidden; } #head .h1 A SPAN{ position:absolute; top:0; left:0; width:340px; height:90px; background:transparent url(../i/logo.png) 0 0 no-repeat; } UL.add_menu{ position:absolute; right:0; top:40px; margin:0; padding:0; } UL.add_menu LI{ list-style-type:none; float:left; margin-left:25px; } UL.add_menu LI A{ color:#f01901; font-size:12px; display:block; float:left; text-decoration:none; border-bottom:#F01901 1px solid; } UL.add_menu LI A:hover{ border-bottom:none; } UL.add_menu LI A.internal{ } UL.quick_links{ position:absolute; top:120px; left:0; margin:0; padding:0; width:575px; } UL.quick_links LI{ float:left; list-style-type:none; padding-right:20px; white-space: nowrap; } UL.quick_links LI A{ color:#f01901; font-size:15px; } FORM.search { width:361px; position:absolute; top:100px; right:0; margin:0; padding:0; height:58px; } FORM.search .bg{ background:transparent url(../i/form-search.png) 0 0 no-repeat; position:absolute; top:0; left:0; width:361px; height:58px; } FORM.search FIELDSET{ margin:0; padding:20px; border:0; position:absolute; top:0; left:0; width:321px; } FORM.search INPUT{ width:250px; float:left; } FORM.search BUTTON{ float:right; } /* */ /* */ #body{ width:940px; position:relative; margin: 0 auto; } #head .tel{ bottom:25px; color:#1D63BB; font-family:'Times New Roman',serif; font-size:32px; position:absolute; right:-240px; } .about_block{ margin-right:390px; height:222px; } .about_block H2{ margin:20px 0; } .downloads_block{ width:361px; height:164px; right:0; top:56px; position:absolute; } .downloads_block .bg{ background:transparent url(../i/downloads_block.png) 0 0 no-repeat; position:absolute; width:361px; height:164px; } .price{ position:absolute; top:17px; left:20px; } .faq{ position:absolute; top:106px; left:20px; } .downloads_block .xls_icon{ width:76px; height:50px; float:left; background:transparent url(../i/xls-icon.png) center center no-repeat; margin-right:10px; } .downloads_block .faq_icon{ width:76px; height:50px; float:left; background:transparent url(../i/faq-icon.png) center center no-repeat; margin-right:10px; } .downloads_block A{ float:left; z-index:100; position:relative; } .downloads_block SPAN{ display:block; float:left; width:255px; z-index:100; position:relative; } .blue_block{ position:relative; padding:0; left:-10px; margin:30px 0; width:961px; height:232px; background:transparent url(../i/blue-block-bg.png) 0 0 no-repeat; } .blue_block .bottom{ width:961px; height:8px; background:transparent url(../i/blue-block-bottom.png) 0 0 no-repeat; } .blue_block TD{ vertical-align:top; } .blue_block LI{ list-style-type:none; float:left; } .blue_block .blue_block_left{ position:absolute; top:0; left:-10px; width:10px; height:232px; background:transparent url(../i/blue-block-left.png) 0 0 repeat-x; } .blue_block .blue_block_right{ position:absolute; top:0; right:-11px; width:11px; height:232px; background:transparent url(../i/blue-block-right.png) 0 0 repeat-x; } .blue_block H4, .blue_block A{ color:#FFF !important; line-height:24px; } .blue_block H4, .blue_block H4 a{ font-family: 'Times New Roman',serif !important; line-height:16px; font-size:18px; margin-bottom:0; height:36px; } .blue_block UL{ padding:0; margin:0; padding-bottom:20px; } .blue_block .image_block{ background:transparent url(../i/blue-block-image-block.png) 90% 0 no-repeat; } .blue_block .image{ width:200px; height:200px; background:transparent url(../i/blue-block-img.png) 0 0 no-repeat; margin:16px auto; } .blue_block .w25p LI{ float:none; } /* left column ================================================================================ ================================================================================ */ .info_blocks { width:240px; float:left; position:relative; z-index:42; left:-10px; } .info_blocks .info_block{ width:240px; padding-top:10px; margin:20px 0; } .info_blocks .info_block.blue{ background:transparent url(../i/info-block-blue.png) 0 0 no-repeat; } .info_blocks .info_block .footer{ width:240px; padding-bottom:10px; } .info_blocks .info_block.blue .footer{ background:transparent url(../i/info-block-blue-footer.png) 0 bottom no-repeat; } .info_blocks .info_block.blue .block{ background-color:#f2f6fb; } .info_blocks .info_block .block{ padding:1px 10px; } .info_blocks .news{ margin:0; padding:0; } .info_blocks .news LI{ margin:10px 0; list-style-type:none; } .info_blocks .news A:link{ color:#333; text-decoration:none; font-size:12px; } .info_blocks .news A:hover{ color:#f01901; text-decoration:underline; font-size:12px; } .info_blocks .news A:visited{ font-size:12px; } .info_blocks .news .date{ font-size:11px; color:#7D7D7D; display:block; background:transparent url(../i/news-icon.gif) 0 2px no-repeat; padding-left:11px; } .info_blocks .art .paginator{ font-size:11px; color:#7D7D7D; padding:5px 0; display:block; } .info_blocks .art .paginator A:link{ font-size:11px; color:#7D7D7D; text-decoration:underline; } .info_blocks .art .paginator A:hover{ font-size:11px; } .info_blocks .art .paginator A:visited{ font-size:11px; } .info_blocks IMG{ padding:10px 0; display:block; } .info_blocks .art A:link{ color:#333; font-size:12px; clear:both; } .info_blocks .art A:hover{ color:#f01901; text-decoration:underline; font-size:12px; } .info_blocks .art A:visited{ font-size:12px; clear:both; } .info_blocks .catalog UL{ margin:10px 0; padding:0; position:relative; z-index:43; } .info_blocks .catalog UL LI{ list-style-type:none; display:block; width:220px; position:relative; z-index:44; padding-bottom:15px; } .info_blocks .catalog A.name{ display:block; overflow:hidden; height:50px; } .info_blocks .catalog .img{ width:220px; height:242px; border:1px solid #f2f2f2; background:#FFF url(../i/catalog-new-spec.png) 0 bottom repeat-x; } .info_blocks .catalog IMG{ padding:0; display:inline; border:none; } .info_blocks .catalog A.internal{ display:inline; height:auto; position:absolute; z-index:45; left:25px; top:273px; color:#fff; border-bottom-color:#fff; } .info_blocks P{ font-size:12px; margin:1px 0; } .info_block .menu UL.top{ position:relative; top:auto; left:auto; background-color:transparent; list-style-type:none; margin:0; padding:0; display:block; z-index:46; border:none; } .info_block .menu UL.top a{ position:relative; z-index:47; } .info_block .top UL{ margin:0; padding:0; width:240px; list-style-type:none; text-decoration:underline; background-color:#FFF; position:absolute; top:-1px; left:240px; display:none; border:1px solid #9e9e9e; z-index:48; } .info_block .top LI{ width:234px; position:relative; z-index:49; padding:3px; } /* right column ================================================================================ ================================================================================ */ .content_blocks{ float:left; padding:1px 0; width:700px; overflow:hidden; } .content_block{ margin:20px 0; padding-top:10px; overflow:hidden; } .content_block.catalog_new UL{ margin:10px 0; padding:0; position:relative; z-index:1; width:720px; } .content_block.catalog_new UL LI{ list-style-type:none; display:block; float:left; width:220px; padding-right:18px; position:relative; z-index:2; padding-bottom:10px; } .content_block.catalog_new A.name{ display:block; overflow:hidden; height:50px; } .content_block.catalog_new .img{ width:220px; height:242px; border:1px solid #f2f2f2; background:#FFF url(../i/catalog-new-spec.png) 0 bottom repeat-x; } .content_block.catalog_new .img img{ border:none; } .content_block.catalog_new A.internal{ display:inline; height:auto; position:absolute; left:25px; top:273px; color:#fff; border-bottom-color:#fff; z-index:3; } .content_block.art UL{ margin: 0; padding:0; position:relative; z-index:4; width:720px; } .content_block.art UL LI{ list-style-type:none; display:block; float:left; width:220px; padding-right:20px; position:relative; } .content_block.art UL LI h3{ margin:0; } .content_block.art A:link{ color:#333; } .content_block.art A:hover{ color:#F01901; } .content_block.art H3 A:link{ text-decoration:none; color:#F01901; } .content_block.art H3 A:visited{ text-decoration:none; color:#F01901; } .content_block.contacts SPAN{ width:120px; text-align:right; float:left; } .content_block.contacts SPAN.phone{ width:560px; float:right; text-align:left; } .content_block.contacts SPAN.address{ width:560px; float:right; text-align:left; } .content_block.contacts H4{ clear:both; } .content_block.contacts p{ overflow:auto; line-height:18px; } .dial_menu ul{ list-style-type:none; padding:0; margin:0; } .dial_menu{ margin-top:26px; } #dial_map{ display:none; width:100%; height:350px; } .dial_menu ul li a{ color:#004FB2; display:block; width:205px; padding:13px 0 13px 15px; } .select{ display:none; color:#004fb2; } .dial_banner{ background:transparent url(../i/dial_banner.png) 0 0 no-repeat; width:561px; height:69px; } .dial_banner a{ color:#f01904; } .dial_banner a.big{ font-size:20px; font-weight:bold; } .dial_banner p { width:170px; float:right; font-size:14px; } p.addi{ padding-left:140px; } .dial_banner p a { font-size:14px; } .cardio a { width:700px; height:115px; display:block; background:transparent url(../i/banner-2.jpg) 0 0 no-repeat; } .dial_banner p.r{ width:95px; padding-top:7px; } .dialer-info{ display:none; } .contacts .u { display:none; } .contacts h4{ font-family:Arial; font-size:24px; margin:20px 0 0px 0; font-weight:normal; } .mapc{ display:block; padding:15px; border-top:1px solid #333; } .hide_map{ display:none; } .dial_menu ul li a.hover{ color:#FFF; background:transparent url(../i/deal-bg.jpg) 0 0 repeat-x; } .content_block.contacts .feedback{ border-top:1px solid #909090; width:580px; height:70px; background:transparent url(../i/feed-back.png) 0 bottom no-repeat; padding-top:30px; padding-left:120px; } .content_block.news DIV{ margin-bottom:15px; margin-top:10px; } .content_block.news P{ margin:20px 0; } .content_block.news .title{ color:#7d7d7d; } .content_block.archive .title{ color:#7d7d7d; margin:3px 0; } .content_block.archive .pager{ margin-top:30px; border-top:1px solid #7d7d7d; padding-top:8px; } .content_block.archive .pager A{ margin-right:15px; } .content_block.archive .pager SPAN{ margin-right:15px; } .content_block UL.catalogs{ margin:20px 0; padding-left:0px; list-style-type:none; position:relative; z-index:1; } .content_block UL.catalogs LI{ float:none; list-style-type:none; color:#333; position:relative; z-index:2; } .content_block UL.catalogs UL LI{ float:left; } .content_block UL.catalogs LI a{ z-index:3; display:block; } .content_blocks .left_column{ width:462px; float:left; clear:left; } .content_blocks .left_column IMG{ display:block; } .content_blocks .left_column UL.tx{ padding:0; margin:20px 0; list-style-type:none; } .content_blocks .left_column UL.tx LI{ height:15px; border-bottom:1px dotted #333; } .content_blocks .left_column SPAN.dt{ float:left; display:block; background-color:#FFF; height:16px; } .content_blocks .left_column SPAN.dd{ float:right; display:block; background-color:#FFF; height:16px; } .left_column>div{ margin:15px 0; } .content_blocks .left_column table{ border:none; width:100%; } .content_blocks .left_column table tr{ border:none; } .content_blocks .left_column table td{ border:none; margin:0; border-bottom:1px dotted #333; } .content_blocks .news table{ border:none; width:100%; } .content_blocks .news table tr{ border:none; } .content_blocks .news table td{ border:none; margin:0; border-bottom:1px dotted #333; } .gall TD{ vertical-align:top; } .content_blocks .right_column UL{ margin:0; padding-left:20px; list-style-type:none; position:relative; top:0px; width:100%; } .content_blocks .right_column UL LI{ float:left; padding:5px; margin:5px; border:1px solid #e6e6e6; position:relative; width:58px; height:58px; } .content_blocks .questions .list{ padding:0; list-style-type:none; } .content_blocks .questions .list li{ margin-bottom:40px; } .content_blocks .questions .list a.title{ font-size:15px; display:block; } .content_blocks .questions .list span{ color:#7d7d7d; display:block; margin:8px 0; } .content_blocks .questions .list a.internal{ color:#f01901; float:left; padding-right:4px; } .content_blocks .questions .answer{ background:#FFF url(../i/answer-bg.png) right top no-repeat; display:none; } .content_blocks .questions .answer .wrap{ padding:12px 20px 0 130px; } .content_blocks .questions .answer .footer{ background:#FFF url(../i/answer-footer.png) right top no-repeat; height:22px; } .ask{ border-top:1px solid #909090; width:580px; height:70px; background:transparent url(../i/ask.png) 0 bottom no-repeat; padding-top:30px; padding-left:120px; } #ask-form{ position:absolute; width:100%; height:100%; background:transparent url(../i/half-black.png) repeat; top:0; left:0; display:none; } #ask-form .wrap{ width:505px; padding-bottom:12px; background:transparent url(../i/form-footer.png) bottom no-repeat; position:relative; overflow:hidden; margin:100px auto; } @-moz-document url-prefix() { #ask-form .wrap{ padding-bottom:25px; } } #ask-form form{ width:505px; padding-top:22px; background:transparent url(../i/form-bg.png) top no-repeat; position:relative; overflow:hidden; } #ask-form fieldset{ margin:0; padding:0 25px 0 20px; width:460px; position:relative; overflow:hidden; border:none; } #ask-form select{ width:100%; margin-bottom:8px; } #ask-form textarea{ width:100%; margin-bottom:8px; } #ask-form button{ float:right; } #ask-form label{ display:block; margin-bottom:4px; text-align:right; } #ask-form input{ width:220px; } #ask-form input:focus{ outline:none; } #ask-form .close.internal{ float:right; color:#f01901; } #adduser, #deluser{ margin: 0 20px 0 0; } #username, #useremail{ margin: 0 0 10px 0; } #tx-form{ position:absolute; width:100%; height:100%; background:transparent url(../i/half-black.png) repeat; top:0; left:0; display:none; z-index:1000; } #tx-form .wrap{ width:505px; padding-bottom:12px; background:transparent url(../i/form-footer.png) bottom no-repeat; position:relative; overflow:hidden; margin:100px auto; } @-moz-document url-prefix() { #tx-form .wrap{ padding-bottom:25px; } } #tx-form form{ width:505px; padding-top:22px; background:transparent url(../i/form-bg.png) top no-repeat; position:relative; overflow:hidden; } #tx-form fieldset{ margin:0; padding:0 25px 0 20px; width:460px; position:relative; overflow:hidden; border:none; } #tx-form .close.internal{ float:right; color:#f01901; } #popup-form{ position:absolute; width:100%; height:100%; background:transparent url(../i/half-black.png) repeat; top:0; left:0; display:block; z-index:1000; } #popup-form .wrap{ width:505px; padding-bottom:12px; background:transparent url(../i/form-footer.png) bottom no-repeat; position:relative; overflow:hidden; margin:100px auto; } @-moz-document url-prefix() { #popup-form .wrap{ padding-bottom:25px; } } #popup-form form{ width:505px; padding-top:22px; background:transparent url(../i/form-bg.png) top no-repeat; position:relative; overflow:hidden; } #popup-form fieldset{ margin:0; padding:0 25px 0 20px; width:460px; position:relative; overflow:hidden; border:none; } #popup-form .close.internal{ float:right; color:#f01901; margin:10px 0; } #popup-form .close.internal:hover{ float:right; color:#f01901; margin:10px 0; border-bottom:1px solid #fff; } #popup-form .entry{ clear:both; } .thumb{ display:block; width:58px; height:58px; overflow:hidden; position:absolute; } .thumb IMG{ display:block; border:none; position:absolute; left:0; top:0; width:58px; height:58px; } .big-image{ width:460px; height:460px; position:relative; overflow:hidden; border:1px solid #e6e6e6; margin:0 auto; } .big-image IMG{ border:none; position:absolute; left:0; top:0; } a.play{ display:block; position:absolute; top:0px; left:0px; background:transparent url(../i/play.png) 205px 205px no-repeat; width:100%; height:100%; } a.zoom{ display:block; position:absolute; top:0px; left:0px; background:transparent url(../i/zoom.png) 10px 10px no-repeat; width:100%; height:100%; } .beonoGlobus{ display:none; } a.back{ display:block; margin:15px 0; } a.back:focus{ outline:none; } /* Darkbox */ .darkbox-frame { position:fixed; top:0; left:0; display:none; overflow:hidden; width:100%; height:100%; z-index:999; } .darkbox-frame-on { display:block; background-color:#FFF; height:100%; } /* Shadow */ .darkbox-shadow { position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0; } /* Canvas */ .darkbox-canvas { position:absolute; top:50%; left:50%; overflow:hidden; margin:-40px 0 0 -40px; width:80px; height:80px; background:#000 url(../i/spinner.gif) 50% 50% no-repeat; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; opacity:.5; } .darkbox-canvas IMG { display:block; visibility:hidden; } .darkbox-canvas-load { background-image:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } .darkbox-canvas-done { overflow:visible; opacity:1; } .darkbox-canvas-done IMG { visibility:visible; /* opacity:0;*/ } .darkbox-canvas p{ position:absolute; bottom:-14px; left:0; width:100%; height:14px; font-size:11px; background-color:#FFF; color:#000; text-align:center; margin:0; } /* Button */ .darkbox-button { position:absolute; top:-13px; display:none; width:30px; height:30px; background:url(../i/button.png) no-repeat; cursor:pointer; z-index:1; } .darkbox-button-on { display:block; } .darkbox-button-left { left:-16px; } .darkbox-button-right { right:-16px; } /* */ /*