body, table, tr, td, div, h1, h2, h3, h4, form, input, span, a, img, p, ul, li { margin: 0px; padding: 0px; } body, html { height: 100%; } table, tr, td { border-collapse: collapse; vertical-align: top; } a { cursor: pointer; } img { border: 0px; } .cleare { clear: both; } .absmiddle { vertical-align: middle; } .body-index { background: #fff url('/templates/images/background_index.gif') repeat-x 0% 0%; } .body-type { background: #fff url('/templates/images/background_type.gif') repeat-x 0% 0%; } .main { width: 1000px; margin: 0px auto; } .shapka { height: 48px; padding-top: 40px; margin-left: 100px; } .shapka .ico { width: 11px; height: 11px; } .shapka .logo { float: left; width: 290px; } .shapka .icon { float: right; margin-top: 10px; margin-right: 18px; color: #0abefb; font-family: Tahoma, sans-serif; font-size: 9px; } .shapka .icon a { color:#0abefb; text-decoration: underline; } .shapka .icon a:hover { text-decoration: none; } .shapka .icon a.home, .shapka .icon span.home, .shapka .icon a.sitemap, .shapka .icon a.sitemap_active, .shapka .icon a.search, .shapka .icon a.search_active, .shapka .icon a.mail { display: inline-block; width: 11px; height: 10px; text-decoration: none; } .shapka .icon a.home { background: url('/templates/images/icon_home.gif') no-repeat 0% 0%; } .shapka .icon span.home { background: url('/templates/images/icon_home.gif') no-repeat 0% -20px; } .shapka .icon a.sitemap { background: url('/templates/images/icon_sitemap.gif') no-repeat 0% 0%; } .shapka .icon a.sitemap_active { background: url('/templates/images/icon_sitemap.gif') no-repeat 0px -20px; } .shapka .icon a.search { background: url('/templates/images/icon_search.gif') no-repeat 0% 0%; } .shapka .icon a.search_active { background: url('/templates/images/icon_search.gif') no-repeat 0px -20px; } .shapka .icon a.mail { background: url('/templates/images/icon_mail.gif') no-repeat 0% 0%; } .shapka .icon a.home:hover, .shapka .icon a.sitemap:hover, .shapka .icon a.sitemap:hover, .shapka .icon a.search:hover, .shapka .icon a.mail:hover, .shapka .icon a.search_active:hover { background-position: 0px -20px; text-decoration: none; } .sub-shapka { margin-left: 100px; } .sub-shapka .count { float: left; width: 200px; padding-right: 50px; } .sub-shapka .count .number a.n { font: normal 50px Georgia, sans-serif; color: #d2d2d3; letter-spacing: -4px; text-decoration: none; } .sub-shapka .count .number a.n:hover { color: #fc7c00; letter-spacing: -4px; text-decoration: none; } .sub-shapka .count .number a.n_active { font: normal 50px Georgia, sans-serif; color: #fc7c00; letter-spacing: -4px; text-decoration: none; } .sub-shapka .count .number a.n_active:hover { text-decoration: none; } .sub-shapka .count .number span { display: block; font: normal 12px Arial, sans-serif; color: #000; text-decoration: none; letter-spacing: 0px; padding-left: 10px; } .sub-shapka .count .text { font: normal 10px Tahoma, sans-serif; color: #999; padding-top: 15px; padding-left: 10px; } .menu { margin-left: 100px; position: absolute; top: 268px; } .menu .ico { width: 149px; height: 36px; } .menu ul li { list-style: none; display: inline; } .menu a.portfolio, .menu a.portfolio_active, .menu a.portfolio_active:hover, .menu a.about, .menu a.about_active, .menu a.about_active:hover, .menu a.service, .menu a.service_active, .menu a.service_active:hover, .menu a.contact, .menu a.contact_active, .menu a.contact_active:hover, .menu a.online { display: inline-block; width: 149px; height: 36px; text-decoration: none; } .menu a.portfolio { background: url('/templates/images/portfolio-button.gif') no-repeat 0% 0%; } .menu a.portfolio_active { background: url('/templates/images/portfolio-button.gif') no-repeat 0% -36px; } .menu a.portfolio_active:hover { background: url('/templates/images/portfolio-button.gif') no-repeat 0% -36px; } .menu a.about { background: url('/templates/images/about-button.gif') no-repeat 0% 0%; } .menu a.about_active { background: url('/templates/images/about-button.gif') no-repeat 0% -36px; } .menu a.about_active:hover { background: url('/templates/images/about-button.gif') no-repeat 0% -36px; } .menu a.service { background: url('/templates/images/service-button.gif') no-repeat 0% 0%; } .menu a.service_active { background: url('/templates/images/service-button.gif') no-repeat 0% -36px; } .menu a.service_active:hover { background: url('/templates/images/service-button.gif') no-repeat 0% -36px; } .menu a.contact { background: url('/templates/images/contact-button.gif') no-repeat 0% 0%; } .menu a.contact_active { background: url('/templates/images/contact-button.gif') no-repeat 0% -36px; } .menu a.contact_active:hover { background: url('/templates/images/contact-button.gif') no-repeat 0% -36px; } .menu a.online { background: url('/templates/images/online.gif') no-repeat 0% 0%; } .menu a.portfolio:hover, .menu a.about:hover, .menu a.service:hover, .menu a.contact:hover, .menu a.online:hover { background-position: 0px -36px; text-decoration: none; } .main_content1 { position: absolute; top: 304px; min-width: 100%; width: 100%; height: 300px; background: url('/templates/images/main_content1_bg.gif') no-repeat 0% 0%; } .main_content2 { min-width: 100%; width: 100%; height: 300px; background: url('/templates/images/main_content2_bg.gif') no-repeat 100% 0%; } .main_content3 { position: absolute; top: 304px; min-width: 100%; width: 100%; height: 80px; background: url('/templates/images/main_content3_bg.gif') no-repeat 0% 0%; } .main_content4 { font: 12px/13px Tahoma, sans-serif; color: #fff; min-width: 100%; width: 100%; height: 80px; background: url('/templates/images/main_content4_bg.gif') no-repeat 100% 0%; } .main_content4 .submenu { /*text-align: center;*/ margin-left: 110px; padding-top: 23px; } .main_content4 .submenu ul li { list-style: none; display: inline; } .main_content4 .submenu ul li a { font: 12px/13px Tahoma, sans-serif; padding: 0px 30px 0px 8px; color: #fff; text-decoration: underline; background: url("/templates/images/li.gif") no-repeat 0% 4px; } .main_content4 .submenu ul li a:hover { text-decoration: none; } .main_content4 .submenu ul li a.active { font: 12px/13px Tahoma, sans-serif; padding: 0px 30px 0px 8px; color: #000; text-decoration: underline; background: url("/templates/images/li-black.gif") no-repeat 0% 4px; } .main_content4 .submenu ul li a.active:hover { text-decoration: none; } .main_portfolio { width: 100%; height: 300px; } .img { width: 625px; text-align: center; background: url('/templates/images/picture-center.jpg') repeat-y 50% 0%; } .sites { width: 780px; height: 233px; _height: 236px; overflow: hidden; } .main_content_index { padding-top: 410px; _padding-top: 370px; background: url('/templates/images/bottom_bg.gif') repeat-x 0% 100%; } .main_content_type { padding-top: 195px; _padding-top: 155px; background: url('/templates/images/bottom_bg.gif') repeat-x 0% 100%; } .left { min-height: 242px; float: left; margin-left: 110px; _margin-left: 55px; width: 639px; _width: 629px; padding-right: 15px; border-right: #cdcecf dashed 1px; font: normal 12px/14px Tahoma, sans-serif; color: #666; line-height: 1.3; } .left .slogan_main { font: bold italic 24px/26px Georgia; color: #186CAA; } .left .slogan_main font { font: bold italic 24px/26px Georgia; } .left .slogan_main span { font-weight: normal; } .left h1 { font: bold 24px/26px Arial Narrow; color: #186caa; padding-bottom: 20px; text-transform: uppercase; } .left h2 { font: bold 14px/16px Arial, sans-serif; color: #186caa; padding-bottom: 10px; } .left p { padding: 0px 0px 20px 0px; } .left a { font: normal 12px/14px Tahoma, sans-serif; color: #138cc9; text-decoration: underline; } .left a:hover { color: #666; text-decoration: none; } .left ul { list-style-type: square; list-style-position: inside; padding-left: 20px; padding-bottom: 20px; } .right { float: right; width: 220px; padding-left: 15px; font: normal 10px Tahoma, sans-serif; color: #999; } .right p { padding: 20px 0px 20px 0px; } .footer { margin-left: 110px; width: 890px; border-top: #cdcecf dashed 1px; margin-top: 50px; } .copyright { width: 600px; font: normal 11px/13px Tahoma, sans-serif; color: #999; padding-top: 65px; padding-bottom: 80px; } .adress { font: normal 11px/13px Tahoma, sans-serif; color: #999; padding-top: 40px; padding-bottom: 100px; padding-right: 0px; } .adress .f-tel { font-size: 17px; line-height: 1.3; letter-spacing: -0.5px; font-style: oblique; font-family: Tahoma, sans-serif; color: #999; } .adress .s-tel { font-size: 37px; line-height: 1.3; letter-spacing: -1px; font-style: oblique; font-family: Tahoma, sans-serif; color: #666; } .adress .ieemail { _padding-right: 6px; } .adress a { font: normal 11px/14px Tahoma, sans-serif; color: #138cc9; text-decoration: underline; } .adress a:hover { color: #666; text-decoration: none; } .sitemap_par1 { padding: 5px 0px 0px 20px; background: url("/templates/images/li-orange.gif") no-repeat 5px 8px; } .sitemap_par2 { padding: 5px 0px 0px 40px; background: url("/templates/images/li2.gif") no-repeat 25px 8px; } .sitemap_par2 a { text-decoration: none; } .sitemap_par2 a:hover { text-decoration: underline; } .sitemap_par3 { padding: 5px 0px 0px 60px; background: url("/templates/images/li4.gif") no-repeat 50px 8px; } .sitemap_par3 a { text-decoration: none; } .sitemap_par3 a:hover { text-decoration: underline; } form, form * { padding: 0px; margin: 0px; vertical-align: middle; } form .f_field { -moz-border-radius: 2px; -webkit-border-radius: 2px; height: 18px; border: #767676 solid 1px; vertical-align: middle; background: #fff url("/templates/images/field_bg.gif") no-repeat 0% 0%; padding: 0px 5px 0px 5px; font: normal 13px/15px Arial, sans-serif; } form .f_field:focus { border: 1px solid #6398cd; background: #ffffe2; } form .f_textarea { width: 585px; border: #767676 solid 1px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #fff url("/templates/images/field_bg.gif") no-repeat 0% 0%; padding: 5px; font: normal 13px/15px Arial, sans-serif; } form .f_textarea:focus { border: 1px solid #6398cd; background: #ffffe2; } form .file { border: #767676 solid 1px; background: #fff url("/templates/images/field_bg.gif") no-repeat 0% 0%; font: normal 13px/15px Arial, sans-serif; } form .f_button { padding-top: 0px; vertical-align: middle } form .f_search { padding-top: 0px; vertical-align: middle; border: 0px; width: 60px; height: 20px; background: url('/templates/images/search_ru.gif') no-repeat 0% 0%; cursor: pointer; } form .f_raschet { padding-top: 0px; vertical-align: middle; border: 0px; width: 100px; height: 20px; background: url('/templates/images/raschet_ru.gif') no-repeat 0% 0%; cursor: pointer; } form .f_zakazat { padding-top: 0px; vertical-align: middle; border: 0px; width: 100px; height: 20px; background: url('/templates/images/zakazat_ru.gif') no-repeat 0% 0%; cursor: pointer; } form .f_send { padding-top: 0px; vertical-align: middle; border: 0px; width: 100px; height: 20px; background: url('/templates/images/send_ru.gif') no-repeat 0% 0%; cursor: pointer; } form .securecode_input { width: 95px; border: #767676 solid 1px; -moz-border-radius: 2px; -webkit-border-radius: 2px; padding: 2px; vertical-align: middle; background: #fff url("/templates/images/field_bg.gif") no-repeat 0% 0%; font: normal 17px/19px Arial, sans-serif; color: #406ea1; text-align: center; } form .securecode_input:focus { border: 1px solid #6398cd; background: #ffffe2; } form .info { font: normal 9px/12px Arial, sans-serif; letter-spacing: 0px; color: #909090; } .form div { padding-bottom: 5px; font-size: 11px; } .portfolio { overflow: hidden; } .portfolio .spec-item { float: left; padding-bottom: 3px; padding-right: 23px; width: 190px; } .portfolio .spec-item .boxgrid { border: #cdcecf solid 2px; } .portfolio .spec-item .boxgrid:hover { border: #6dd0f4 solid 2px; } .url { font: normal 11px/13px Tahoma, sans-serif; color: #fc7c00; } .conteiner { background:#f7f7f7; border:1px dashed #ccc; margin-bottom: 10px; padding: 0px!important; } .calc { width: 100%; } .calc td { vertical-align: top; padding: 10px 0px; /*border-top: #ccc solid 1px;*/ } /* Coruserl -------------------------------------------------------------- */ .stepcarousel { margin-left: 110px; _margin-left: 113px; position: relative; overflow: auto; width: 780px; height: 240px; } .stepcarousel .belt { position: absolute; left: 0;top: 0; } .stepcarousel .panel { float: left; overflow: hidden; margin: 54px 114px 0px 0px; width: 184px; } .sites_name { margin-top: 10px; padding: 0px 5px; color: #ffffff; font: bold 11px/13px Tahoma, sans-serif; } .stepcarousel .panel .sites_name span a { font: normal 10px/12px Tahoma, sans-serif; color: #94e3fe; text-decoration: underline; } .stepcarousel .panel .sites_name span a:hover { color: #fff; text-decoration: none; } /* caption on images */ .boxgrid { width: 180px; height: 180px; overflow: hidden; position: relative; border: #6dd0f4 solid 2px; } .boxgrid:hover { border: #ffffff solid 2px; } .boxcaption { position: absolute; background: #000; height: 60px; width: 180px; opacity: .7; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); /* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } .stepcarousel-portfolio { position: relative; overflow: hidden; width: 625px; height: 340px; } .stepcarousel-portfolio .belt { position: absolute; left: 0; top: 0px; } .stepcarousel-portfolio .panel { float: left; width: 625px; overflow: hidden; margin: 0px 60px 0px 0px; color:#333; } .stepcarousel-portfolio .panel img { text-align: center; } /* CONTAINER-TOGGLER (AJAX) ----------------------------------------------- */ .togglerboxes a, .togglerboxes-opened a { text-decoration:none!important } .togglerboxes { margin:0px 0px 15px 0px; cursor:pointer; text-decoration:none!important; font-weight:bold!important; line-height:27px!important; display: block; } .togglerboxes-closed { color:#fff!important; text-decoration: none; padding-left:10px; height:27px; background: #118AC5 url('/templates/images/tab_open_box.gif') no-repeat 100% 50%!important; border: solid 0px #afafaf; } .togglerboxes-closed:hover { color:#fff!important; padding-left:10px; height:27px; background: #0ABFFC url('/templates/images/tab_open_box_nover.gif') no-repeat 100% 50%!important; border: solid 0px #afafaf; } .togglerboxes-opened { color:#fff!important; padding-left:10px; height:27px; background: #118AC5 url('/templates/images/tab_close_box.gif') no-repeat 100% 50%!important; border: solid 0px #afafaf; } .togglerboxes-opened:hover { color:#fff!important; padding-left:10px; height:27px; background: #0ABFFC url('/templates/images/tab_close_box_nover.gif') no-repeat 100% 50%!important; border: solid 0px #afafaf; } .togglerboxes-c { } .togglerboxes-c-closed { background:transparent; border:solid 0px #e3e3e3; margin:-25px 0px 25px 0px; padding-top:10px; padding-bottom:10px; } .togglerboxes-c-opened { margin:-15px 0px 5px 0px; padding-top:0px; padding-bottom:20px; } .boxes_body { /*background:#f7f7f7;*/ padding:15px; border:1px solid #ccc; } .boxes_body a:link, .boxes_body a:visited { text-decoration:none; color:#ff6600 } .boxes_body a:hover { color:#000; } .legend { position: relative; left: 10px; top: 8px; _top: 12px; display: block; width: 195px; z-index: 1; font: bold 14px/16px Arial, sans-serif; color: #186caa; background: #FEFEFE; border: 1px solid #cdcecf; padding: 3px 13px; } #bar { width:150px; height:224px; background: url('/templates/images/calculator.gif') no-repeat 0% 0%; z-index: 1; text-align: right; padding-top: 33px; } * html #bar { position: absolute; top: expression((440 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px'); } #bar { position: fixed; top: 440px; } #bar span { font: bold 25px/25px Arial Narrow; color: #ff0000; padding-right: 24px; } /* ToolTip ------------------------------------------------------ */ #tooltip { max-width: 300px; position: absolute; padding-top: 6px; padding-bottom: 6px; z-index: 2; opacity: 0.85; } #tooltip, .title, a.title, img.title { cursor: pointer; } #tooltip h3, #tooltip div { background-color: #646567; font: 11px Tahoma, sans-serif; padding: 3px 5px; margin: 0px; color:#fff; /*background-color: #6398cd*/ } #tooltip.tt { background: url('/templates/images/tooltipArrow_up.gif') no-repeat 15px 0%; } #tooltip.tt.viewport-bottom { background: url('/templates/images/tooltipArrow_down.gif') no-repeat 15px 100%; } #tooltip.tt.viewport-right { background: url('/templates/images/tooltipArrow_up.gif') no-repeat 91% 0%; } #tooltip.tt.viewport-bottom.viewport-right { background: url('/templates/images/tooltipArrow_down.gif') no-repeat 91% 100%; } /* POPUP-MODAL -------------------------------------------------- */ #basic-modal-content { display:none; } #simplemodal-overlay { background-color:#000; cursor:default; } #simplemodal-container { width:350px; height: 120px; background-color:#ffffff; border:1px solid #6ea4c5; } #simplemodal-container .header { height: 20px; background: #0ABAF6 url('/templates/images/header_popup.gif') repeat-x 0% 0%; } #simplemodal-container a.modalCloseImg { width:25px; height:12px; background:url('/templates/images/close.gif') no-repeat 0% 0%; position:absolute; top: 0px; right: 3px; cursor:pointer; } #simplemodal-container .text_popup { font: normal 12px/14px Tahoma, sans-serif; color: #666; background-color: #ffffff; padding: 20px; text-align:center; } #simplemodal-container .submit { background-color: #ffffff; padding: 0px 20px; text-align:center; } #simplemodal-container .submit img { cursor: pointer; }