body, table, tr, td, div, ul, ol, li, p, h1, h2, h3, h4, form { margin:0; padding:0 } body { font: 13px Tahoma, Arial, Helvetica, sans-serif !important; color:#818380; background:url(../img_old/bg.jpg) repeat; } img { border:0;} table { border-collapse:collapse; } td { vertical-align:top;} textarea {overflow:auto;} a { color:#0098bd;} a:hover { text-decoration:none; } .clear { clear:both;} .pix { height:1px; display:block;} .table_border td { border:1px solid #000; padding:2px 3px;} .sklad_table {margin-bottom:10px;} .sklad_table td {border:1px solid #818380; padding:2px 5px; } body, html, #wrapper { height:100%; } body.other_bg { background: #fff; } h1,h2,h3,h4,h5 { margin:20px 0 10px; font-weight:normal; color:#0098bd; text-transform:uppercase;} h1 {font-size: 21px; color: #009ac0;} h1.first {margin:0 0 10px; padding-left:30px;} .ib_prokat h1.first {padding-left:0;} h2 {font-size:12px;} h3, h4, h5 {font-size:11px;} #bottom_bg {background:url(../img_old/bot_bg.jpg) repeat-x 0 100%; min-height: 100%; } #wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -75px; background:url(../img_old/top_bg.jpg) repeat-x; padding-top:25px; } /*INTRO*/ #intro {width:911px; margin:0 auto; background: #fff; border:4px solid #a6a6a6;} .intro_main {} .intro_main .headline {margin:10px 0 10px; } .small_text {float:left; display:inline; width:200px; margin:10px 30px 15px 45px; font-size:9px; line-height:9px; text-align:justify;} .logo_block {float:left; width:340px; margin:5px 50px 0 0; text-align:center; color: #818380;} .logo_block p { margin-bottom:20px; text-transform:uppercase; font-size:23px; font-weight:bold;} .logo_block img{width: 163px;margin-top: 20px;} .intro_main .contacts {float:left;} .intro_main .contacts p {padding-top:9px;} .intro_main .contacts span{} .intro_main .contacts p.copy{float:right;} #intro_blocks { margin:10px 45px 0; padding-bottom:150px; background:url(../img_old/prokat.jpg) no-repeat 165px 0; } #intro_blocks.prokat { background:url(../img_old/constr.jpg) no-repeat 165px 0; } #intro_blocks a {text-decoration:none;} #intro_blocks span.text { display:block; margin:0 10px; font-size:12px; text-align:justify;} #intro_blocks span.header { display:block; margin:12px 10px; font-size:20px; letter-spacing:0.3px;} #ib_constr, #ib_prokat {width:200px; position:relative;background:url(../img_old/intro_block_bg_active.png) repeat-x 0 0 #fff; color:#8e908d; } #l_arr, #r_arr { display:block; width:22px; height:29px; position:absolute; top:0; z-index:5;} #l_arr {right:-43px; background-image:url(../img_old/intro_arr1.gif); } #r_arr {left:-43px; background-image:url(../img_old/intro_arr4.gif); } #ib_constr {float:left; } #ib_constr span.header {text-align:right;} #ib_prokat {float:right; } #ib_constr.active, #ib_prokat.active { color:#0098bd; background:url(../img_old/intro_block_bg.png) repeat-x 0 0 #fff; } .active #l_arr {background:url(../img_old/intro_arr2.gif) no-repeat 0 0; } .active #r_arr {background:url(../img_old/intro_arr3.gif) no-repeat 0 0;} #intro_footer {width:915px; margin:0 auto; height:75px;} .site_map {float:right; width:51px; height:48px; margin:15px 0 0 0; background:url(../img_old/sitemap.png) no-repeat 0 0; } #intro_footer p { float:left; display:inline; margin:15px 0 0 47px; font-size:14px; color:#fff; line-height:20px;} #intro_footer a {color:#fff; text-decoration:none;} #main_text {width:911px; margin:0 auto; padding:20px 0; color:#fff; font-size:11px;} #main_text table {width:100%;} #main_text a {color:#fff;} /*MAIN*/ #center {width:911px; margin:0 auto; border:3px solid #a6a6a6;} .constr_bg { background:url(../img_old/constr_bg.jpg) no-repeat 100% 100% #fff;} .prokat_bg { background:url(../img_old/prokat_bg.jpg) no-repeat 100% 100% #fff;} /*HEADER*/ /*HEADER*/ .main_header { height:191px; background:url(../img/top_bg.png) repeat-x 0 0; } .header_left, .header_right {height:191px; } .header_left {background:url(../img/top_bg_left.jpg) no-repeat 0 0; } .header_right {background:url(../img/top_bg_right.png) no-repeat 100% 0; } .header_center { max-width:1400px; margin:auto; } .logo { float:left; width:153px; height:184px; background:url(../img/logo.png) no-repeat -15px 0; } .small-nav {float:left; width:13px; margin:25px 51px 0 -23px; list-style:none; } .small-nav li {margin:0 0 10px;} .small-nav a { display:block; width:13px; height:15px; background-image:url(../img/small_nav.gif); background-repeat:no-repeat; } .home { background-position:0 0; } .map { background-position:0 -27px; } .mail { background-position:0 -53px; } .contacts { float:right; width:180px; padding-top:75px; background:url(../img/tel.png) no-repeat 4px -8px; color:#000; } .phone {font-size:18px; margin-bottom:-2px;} .phone span {font-size:11px;} .contacts table { margin-top:3px; font-size:11px;} .contacts .label {width:37px; padding:0 10px 1px 0;} .contacts a {color:#000;} .headline { height:32px; line-height:41px; color:#818380; font-size:18px; position: relative; text-align: center;} .headlineCalc {height:32px; line-height:41px; color:#818380; font-size:23px; position: absolute; left: 341px; top: 65px;} .chapters-menu { margin-top:10px; list-style:none; } .chapters-menu li { display:inline-block; width:120px; height:122px; padding:7px 10px; margin-right:10px; background:url(../img/chapters_menu.png) repeat; vertical-align:top; text-align:center; } .chapters-menu a {text-decoration:none; font-size:12px; font-weight:bold; color:#636264; } .chapters-menu img {margin-top:-3px;} .chapters-menu li.active { height:137px; margin-top:-1px; padding:7px 9px; border:1px solid #fff; border-bottom:0; background:url(../img/chapters_menu_active.jpg) no-repeat 0 1px; } .chapters-menu li.active a {color:#009ac0;} .chapters-menu li:first-child {border-radius:5px 0 0 0;} .chapters-menu li:last-child {border-radius:0 5px 0 0;} .head_chapter_links {float:left; width:365px; margin:7px 15px 0 0; font-size:14px; text-transform:uppercase; height:102px; } .head_chapter_links p { color:#898b89; } .head_chapter_links a { display:block; text-decoration:none; color:#0098bd; } #hcl_manufact {float:left; width:180px; height:102px; overflow:hidden; background:url(../img_old/chapter_constr.png) no-repeat 0 0; border-right:2px solid #fff;} #hcl_manufact.active {background-image:url(../img_old/chapter_constr_active.png);} #hcl_manufact p, #hcl_manufact a { padding:15px 15px 50px; background:url(../img_old/manufact_arr.png) no-repeat 16px 69px; } #hcl_manufact p { } #hcl_manufact a { } #hcl_black {float:left; width:180px; height:102px; background:url(../img_old/chapter_prokat.png) no-repeat 0 0; border-left:2px solid #32b3d8;} #hcl_black.active {background-image:url(../img_old/chapter_prokat_active.png);} #hcl_black p , #hcl_black a { padding:15px 15px 20px 50px; background:url(../img_old/prokat_arr.png) no-repeat 142px 69px; } #hcl_black p {} #hcl_black a { } /*MENU + SEARCH*/ #menu_search { padding-top:10px; position:relative; clear:both; } #menu {height:52px; margin:0 23px 0 24px; list-style:none; background:url(../img_old/top_menu_bg.png) repeat-x 0 8px; font-size:12px; } #menu li {float:left; position:relative; height:52px; text-align:center; width:108px; z-index:500;} #menu a {color:#818380; text-decoration:none; letter-spacing:-0.3px;} #menu img {display:block; margin:13px auto 20px; } #menu span {} #menu li.active {background:url(../img_old/top_menu_bg_active.png) repeat-x 0 0; } #menu ul {display:none; list-style:none; font-size:10px; position:absolute; top:75px; left:0; width:109px;} #menu ul li { background:url(../img_old/top_menu2_bg.png) repeat 0 1px; float:none; height:auto; text-align:left; padding:0 0 2px 3px;} #menu a {} #search { width:150px; margin:10px 0 20px 25px; float:right; overflow:hidden; } #search form {margin-bottom:10px;} #search input {float:left;} .search_btn { width:22px; height:24px; background:url(../img_old/search_but.png) no-repeat 0 0; border:0; cursor:pointer;} #search span {clear:both; display:block; margin-left:41px; padding-top:17px; _padding-top:8px;} /*LEFT*/ #left { width: 199px; right: 195px; margin-left: -100%; } .side-block { margin-bottom: 15px; } .left .side-block { margin-left: 10px; margin-right: 15px; } .side-block .header { display: block; height: 28px; border: 1px solid #017b9d; background: url(../img/side_menu_header_bg.png) repeat-x; border-radius: 3px; color: #fff; line-height: 28px; font-weight: bold; text-decoration: none; } .side-block ul { background: #ededed; list-style: none; font-size: 11px; } .side-block li { padding: 5px 10px; border-bottom: 1px solid #fff; } .side-block a { color: #000; } .side-block .header span { float: left; width: 32px; height: 28px; margin-right: 5px; background: url(../img/side_menu_icons.jpg) no-repeat -1px -1px; } .sm_prices .header span { background-position: -1px -31px; } .sm_in_stock .header span { background-position: -1px -61px; } /*RIGHT*/ #right { width: 205px; margin-right: -205px; } .sm_offers .header span { background-position: -1px -121px; } .sm_bonuses .header span { background-position: -1px -151px; } /*CONTENT*/ #container { padding: 14px 205px 0 195px; max-width: 1000px; margin: auto; } #content {width: 100%;} #container .column { position: relative; float: left; margin-bottom: 50px; } .blue {color:#0098bd;} .photo_blocks {margin-right:-16px; display:inline-block;} .one_photo_block, .cat_items {float:left; margin:0 16px 10px 0; width:129px; overflow:hidden; background:url(../img_old/gal_corner.gif) no-repeat 100% 100%; text-decoration:none; color:#818380; font-size:10px; } .one_photo_block img {margin-bottom:5px;} .one_photo_block span {display:block; padding-right:10px;} .cat_items {position:relative; overflow:visible;} .cat_items a {text-decoration:none;} .cat_items .is_action {position:absolute; right:-6px; top:1px; display:block; width:80px; height:80px; background:url(../img_old/lenta.png) no-repeat 0 0; } .ib_prokat .one_photo_block, .ib_prokat .cat_items {margin-right:8px;} .ib_prokat .one_photo_block img.cat_image, .ib_prokat .cat_items img.cat_image { border:2px solid #d0d0d0; } .info_dogovor_link, .info_articles_link {display:block; width:79px; height:19px; padding-top:2px; text-align:center; color:# ; font-size:11px; text-decoration:none;} .info_dogovor_link {background:url(../img_old/dog_button.png) no-repeat 0 0; } .info_articles_link {background:url(../img_old/article_but.png) no-repeat 0 0; } .info_blocks {margin:10px -15px 10px 0; display:inline-block;} .info_blocks a {width:268px; height:148px; float:left; margin:0 10px 14px 0; color:#fff; text-decoration:none;} .info_blocks img {float:left; display:inline; margin:15px 10px 15px 15px;} .name { display:block; margin:13px 15px 0 0; font-size:11px;} .description {display:block; margin:8px 15px 0 0; font-size:10px; } .dogovor a {background:url(../img_old/dogovor.png) no-repeat 0 0; } .articles a {background:url(../img_old/article.png) no-repeat 0 0; } /*Catalog One*/ .big_image {border:2px solid #d0d0d0;} .image_nav_links {text-align:center; padding:15px 0 0; width:534px;} .image_nav_links a {color:#818380; font-size:10px; text-decoration:none; padding-top:2px;} .image_nav_links a.back_link {float:left; padding-left:25px; background:url(../img_old/back.gif) no-repeat 0 0; } .image_nav_links a.forward_link {float:right; padding-right:25px; background:url(../img_old/forward.gif) no-repeat 100% 0;} .image_nav_links a.cheaper_link, .image_nav_links a.exp_link {font-weight:bold; margin-top:5px;} .image_nav_links a.cheaper_link {float:left;} .image_nav_links a.exp_link {float:right;} .co_top_descr {font-size:15px; margin:30px 0 25px;} .co_name {font-size:13px;} /*Photos*/ .photo { width:503px; height:352px; margin:0 auto; background:url(../img_old/ramka.jpg) no-repeat 0 0; text-align:center; } .photo img {margin-top:24px;} .nav {} .insect span{padding:0 5px; } .incat {} /*RIGHT*/ #anons_blocks {margin:0 0 0 25px;} .button, #button_akcii, #button_bonus {display:block; height:54px; background:url(../img_old/button.png) no-repeat 100% 50%; color:#797778; text-decoration:none; font-weight:bold;} .button span, #button_akcii span, #button_bonus span{display:block; padding:19px 15px 20px 42px; background-image:url(../img_old/button_icons.png); background-repeat:no-repeat;} #button_akcii{/**/} #button_akcii span {background-position:0 8px; } #button_bonus {} #button_bonus span {background-position:0 -157px; } #button_akcii.active, #button_bonus.active {background-image:url(../img_old/button_active.png); color:#fff;} #button_akcii.active span, #button_bonus.active span {background-image:url(../img_old/button_icons_active.png);} #button_akcii.active span {} #button_bonus.active span {} .group_9 {} .group_9 span {background-position:0 -321px; } .group_8 {background-image:url(../img_old/buttons_big.png);} .group_8 span {padding-top:13px; line-height:13px; background-position:0 -486px; } .group_6 {} .group_6 span {background-position:0 -653px;} .group_7 {background-image:url(../img_old/buttons_big.png);} .group_7 span {padding-top:13px; line-height:13px; background-position:0 -828px;} #anons_blocks .date, #anons_blocks p, #anons_blocks a.news_name {margin-left:15px; font-size:10px;} #anons_blocks .date {display:block; color:#0aa5da; } #anons_blocks p, #anons_blocks a.news_name { display:block; line-height:13px; margin-bottom:5px; text-decoration:none; color:#818380;} .news_item {margin-bottom:15px;} .news_item .date {display:block; color:#0aa5da; font-size:10px;} .news_item .news_name {font-size:10px;} .news_anons {margin-bottom:15px; font-size:10px;} .news_anons h3 {margin-top:0;} .paginate, #content ul.paginate {list-style:none; margin:20px 0 0;} .paginate li {display:inline; margin-right: 3px;} .paginate li.active a{ text-decoration:none;} /*FEEDBACK*/ .form {font-size:11px;} .form td {padding:3px 20px 3px 0;} .form td.cp {width:120px;} .form input, .form textarea {width:200px;} .form input#captcha {margin-top:5px; width:104px;} .submit_links {margin:15px 0 0 140px;} .submit_links input {} .errors {padding:10px 15px 5px; margin-bottom:10px; width:315px; border:1px solid #f00; } .form_bonus {} .form_bonus td.cp {width:300px; } .form_bonus td input.aw {width:20px;} .form_bonus .submit_links {margin-left:0;} /*FOOTER*/ .footer { height: 124px; clear: both; background: url(../img/footer_menu_bg.jpg) repeat-x 0 0; } .footer-bottom { background: url(../img/footer_bg.png) repeat-x 0 0; } .footer_left, .footer_right { height: 124px; } .footer_left { background: url(../img/footer_bg_left.jpg) no-repeat 0 0; } .footer_right { background: url(../img/footer_bg_right.png) no-repeat 100% 0; } .footer_center { max-width: 1400px; margin: auto; font-size: 11px; } .copy { color: #fff; float: left; /*margin: 41px 30px;*/ } /*.copy { margin: 5px 68px 15px 0px; }*/ .vcard { margin: 41px 30px; } .copy a { color: #ffffff; text-decoration: none; } .copy a:hover { text-decoration: underline; } .developer { margin: 41px 30px 0 0; float: right; display: inline; color: #fff; } .developer img { float: left; margin: -2px 5px 0 0; position: relative; } .developer a { color: #fff; } .search_form { width: 170px; margin: auto; padding: 41px 0 0 87px; } .search_form input { float: left; } .search_text { width: 137px; height: 20px; padding: 0 5px; border: 1px solid; border-color: #abadb3 #e2e3ea #e2e3ea #e2e3ea; border-right: 0; } .search_button { width: 21px; height: 22px; background: url(../img/search_but.gif) no-repeat 0 0; border: 1px solid; border-color: #abadb3 #e2e3ea #e2e3ea #e2e3ea; border-left: 0; cursor: pointer; } /*do not modify this pls*/ /*��� �������*/ div.msf_txt{padding:0px; margin:0px; border:0px;} div.msf_txt p{text-align:justify; margin:0px; padding:0px; font-size: 11px; color:#4E4E4E;} div.msf_txt h1{} div.msf_txt h2{} div.msf_txt h3{} #main_text div.msf_txt a, #main_text div.msf_txt a:link, #main_text div.msf_txt a:visited, #main_text div.msf_txt a:active{text-decoration:none; color:#4E4E4E;} #main_text div.msf_txt a:hover{text-decoration:underline;color:#4E4E4E;} div.msf_txt ul{} div.msf_txt ul li{} #main_text span.see_link a, #main_text span.see_link a:link, #main_text span.see_link a:visited, #main_text span.see_link a:active{text-decoration:underline;} #main_text span.see_link a:hover{text-decoration:none;} #main_text div.nice_one {padding:0px; margin:0px; border:0px; text-align:right;} #main_text div.nice_one p{text-align:right; vertical-align:top; padding:0px; margin:0px; font-weight:bold;} #main_text div.nice_one h4{padding:0px; margin:0px; margin-bottom: 10px; font-weight: normal; color: #0098bd; font-size:18px;} #main_text div.nice_one a, #main_text div.nice_one a:link, #main_text div.nice_one a:visited, #main_text div.nice_one a:active{text-decoration:underline;} #main_text div.nice_one a:hover{text-decoration:none;} /*��� ��������*/ #content div.msf_txt_contant{padding:0px; margin:0px; border:0px;} #content div.msf_txt_contant p{text-align:justify; margin:0px; padding:0px; font: 10px Tahoma, Arial, Helvetica, sans-serif; color:#818380;} #content div.msf_txt_contant h1{margin-bottom: 10px; margin-left: 0pt; padding-left: 30px;} #content div.msf_txt_contant h2{} #content div.msf_txt_contant h3{} #content div.msf_txt_contant a, #content div.msf_txt_contant a:link, #content div.msf_txt_contant a:visited, #content div.msf_txt_contant a:active{text-decoration:none; color:#818380;} #content div.msf_txt_contant a:hover{text-decoration:underline;} div.msf_txt_contant ul{} div.msf_txt_contant ul li{} /*��� ������*/ div.msf_txt_footer{padding:0px; margin:0px; border:0px;} div.msf_txt_footer p{text-align:left; margin:0px; padding:0px; font-size: 11px; color:#4E4E4E; padding-top:12px;} div.msf_txt_footer img{margin-top:16px; margin-right:7px;} div.msf_txt_footer a, div.msf_txt_footer a:link, div.msf_txt_footer a:visited, div.msf_txt_footer a:active{color:#4E4E4E; text-decoration:none;} div.msf_txt_footer a:hover{text-decoration:underline;} div.msf_glav {padding:0px; margin:0px; border:0px;} div.msf_glav p{ text-align: justify; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 9px; color: #818380;} div.msf_glav a {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 9px; color: #818380; text-decoration:none;} div.msf_glav a:link {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 9px; color: #818380; text-decoration:none;} div.msf_glav a:visited {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 9px; color: #818380; text-decoration:none;} div.msf_glav a:active{text-decoration:none; color: #818380;} div.msf_glav a:hover{text-decoration:underline; color: #818380;} /*Верстка страницы формы и самой фомры /calc/mail.php ----------------------------------------------------*/ .form_zakaz { width: 85%; margin: 0px auto; position: relative; } .form_zakaz table tr td.rname { width: 92px; } .form_zakaz table tr td.img_captcha img{ padding-left: 148px; } .text_form_zakaz{ padding-top: 15px; } .text_form_zakaz { color: #383737; background-image: linear-gradient(bottom, rgb(232,247,252) 100%, rgb(188,223,235) 0%); background-image: -o-linear-gradient(bottom, rgb(232,247,252) 100%, rgb(188,223,235) 0%); background-image: -moz-linear-gradient(bottom, rgb(232,247,252) 100%, rgb(188,223,235) 0%); background-image: -webkit-linear-gradient(bottom, rgb(232,247,252) 100%, rgb(188,223,235) 0%); background-image: -ms-linear-gradient(bottom, rgb(232,247,252) 100%, rgb(188,223,235) 0%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(1, rgb(232,247,252)), color-stop(0, rgb(188,223,235)) ); padding: 8px; margin: 10px 0px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .form_zakaz #fmail input[type="text"]{ border-color: #a3a3a3 #C6C6C6 #e5e5e5; border-style: solid; border-width: 1px; height: 23px; line-height: 22px; padding: 0 7px; margin: 0px 0px 5px 0px; box-shadow: 0 1px 1px #cfcfcf inset; vertical-align: top; font-size: 14px; font-family: Arial,Geneva CY,Sans-Serif; background: #e6e6e6; outline: none; position: relative; width: 200px; } .form_zakaz #fmail input[type="text"]:focus { background: #ffffff; } .form_to_back{ width: 185px; position: absolute; bottom: 0px; left: 140px; } .form_to_back input { background: url(/calc/test/img/button_to_back.png) no-repeat left top; width: 198px; padding-left: 10px; height: 30px; border: none; font-size: 14px; cursor: pointer; } .text_form_zakaz b{ color: #078CC8; font-size: 16px; text-decoration: underline; } button.submit_zakaz{ background-image: linear-gradient(bottom, rgb(0,111,171) 16%, rgb(102,170,209) 83%); background-image: -o-linear-gradient(bottom, rgb(0,111,171) 16%, rgb(102,170,209) 83%); background-image: -moz-linear-gradient(bottom, rgb(0,111,171) 16%, rgb(102,170,209) 83%); background-image: -webkit-linear-gradient(bottom, rgb(0,111,171) 16%, rgb(102,170,209) 83%); background-image: -ms-linear-gradient(bottom, rgb(0,111,171) 16%, rgb(102,170,209) 83%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.16, rgb(0,111,171)), color-stop(0.83, rgb(102,170,209)) ); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -khtml-border-radius: 5px; border: none; cursor: pointer; line-height: 14px; font-size: 14px; color: #fff; } button.submit_zakaz { width: 120px; height: 26px; } input.to_back_zakaz { } /* end */ .footer-soc{ margin-top: -33px; width: 200px; margin-left: 30px; position: absolute; right: 100px; } .footer-soc ul li{ list-style:none; margin:0 0 0 7px; float:left; } .soc-vk{ background:url("/files/images/vk2.png") no-repeat; width: 40px; height: 40px; display: block; background-size: cover; } .soc-fb{ background:url("/files/images/face2.png") no-repeat; width: 40px; height: 40px; display: block; background-size: cover; } .soc-inst{ background:url("/files/images/insta2.png") no-repeat; width: 40px; height: 40px; display: block; background-size: cover; } .soc-tvit{ background:url("/files/images/tvit1.png") no-repeat; width: 40px; height: 40px; display: block; background-size: cover; } @media only screen and (max-width: 1200px) { } @media only screen and (max-width: 992px) {/*не трогать*/ } @media only screen and (max-width: 768px) { #intro { width: 90% !important; margin:0 auto; background: #fff; border:4px solid #a6a6a6;} .headline { height:70px; line-height:20px; color:#818380; font-size:14px; position: relative; text-align: center;} .small_text {float:initial; display:inline; width:100%; margin:0px 0px 0px 0px; font-size:11px; line-height:12px; text-align:justify;} div.msf_glav {padding:0px; margin:0px; border:0px;} div.msf_glav p{ text-align: justify; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #818380;} .logo_block {float:initial; width: 100%; margin:0px 0px 0 0; text-align:center;} .logo_block p { margin-bottom:17px; text-transform:uppercase; font-size:23px; font-weight:bold;} .logo_block img{width: 163px;margin-top: 20px;} #intro_blocks { margin:0px 0px 0 0; padding-bottom:40px; background: no-repeat 165px 0; } #intro_blocks.prokat { background:no-repeat 165px 0; } #intro_blocks a {text-decoration:none;} #intro_blocks span.text { display:block; margin:0 10px; font-size:12px; text-align:justify;} #intro_blocks span.header { display:block; margin:12px 10px; font-size:20px; letter-spacing:0.3px;border: 2px solid;border-radius: 25px;text-align: center;padding: 5px 0 5px 0px;} #ib_constr, #ib_prokat {width:50%; position:relative;background:#fff; color:#8e908d; } #l_arr, #r_arr { display:block; width:22px; height:29px; position:absolute; top:0; z-index:5;} #l_arr {right:-43px; background-image:url(../img_old/intro_arr1.gif); } #r_arr {left:-43px; background-image:url(../img_old/intro_arr4.gif); } #ib_constr {float:left; } #ib_constr span.header {text-align:center;} #ib_prokat {float:right; } #ib_constr.active, #ib_prokat.active { color:#0098bd; background:#fff; } .active #l_arr {background:url(../img_old/intro_arr2.gif) no-repeat 0 0; } .active #r_arr {background:url(../img_old/intro_arr3.gif) no-repeat 0 0;} .contacts { float:right; width:100%; padding-top:0px; background:url(../-img/tel.png) no-repeat 4px -8px; color:#000; text-align:center;} .phone {font-size:18px; margin-bottom:-2px;} .phone span {font-size:11px;} .contacts table { margin-top:3px; font-size:11px;} .contacts .label {width:37px; padding:0 10px 1px 0;} .contacts a {color:#000;} #main_text {width:100%; margin:0 auto; padding:20px 0; color:#fff; font-size:11px;} #main_text table {width:100%;} #main_text a {color:#fff;} .footer-soc{margin-top: -87px;width: 100%;margin-left: 30px;position: absolute;right: 1px;} .cop {padding-bottom: 40px;} #intro_blocks a {margin: 30px 0px 0 0;} } @media only screen and (max-width: 480px) { #intro { width: 90% !important; margin:0 auto; background: #fff; border:4px solid #a6a6a6;} .headline { height:70px; line-height:20px; color:#818380; font-size:14px; position: relative; text-align: center;} .small_text {float:initial; display:inline; width:100%; margin:0px 0px 0px 0px; font-size:11px; line-height:12px; text-align:justify;} div.msf_glav {padding:0px; margin:0px; border:0px;} div.msf_glav p{ text-align: justify; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #818380;} .logo_block {float:initial; width: 100%; margin:0px 0px 0 0; text-align:center;} .logo_block p { margin-bottom:17px; text-transform:uppercase; font-size:23px; font-weight:bold;} .logo_block img{width: 163px;margin-top: 20px;} #intro_blocks { margin:0px 0px 0 0; padding-bottom:40px; background: no-repeat 165px 0; } #intro_blocks.prokat { background:no-repeat 165px 0; } #intro_blocks a {text-decoration:none;} #intro_blocks span.text { display:block; margin:0 10px; font-size:12px; text-align:justify;} #intro_blocks span.header { display:block; margin:12px 10px; font-size:20px; letter-spacing:0.3px;border: 2px solid;border-radius: 25px;text-align: center;padding: 5px 0 5px 0px;} #ib_constr, #ib_prokat {width:100%; position:relative;background:#fff; color:#8e908d; } #l_arr, #r_arr { display:block; width:22px; height:29px; position:absolute; top:0; z-index:5;} #l_arr {right:-43px; background-image:url(../img_old/intro_arr1.gif); } #r_arr {left:-43px; background-image:url(../img_old/intro_arr4.gif); } #ib_constr {float:left; } #ib_constr span.header {text-align:center;} #ib_prokat {float:right; } #ib_constr.active, #ib_prokat.active { color:#0098bd; background:#fff; } .active #l_arr {background:url(../img_old/intro_arr2.gif) no-repeat 0 0; } .active #r_arr {background:url(../img_old/intro_arr3.gif) no-repeat 0 0;} .contacts { float:right; width:100%; padding-top:0px; background:url(../-img/tel.png) no-repeat 4px -8px; color:#000; text-align:center;} .phone {font-size:18px; margin-bottom:-2px;} .phone span {font-size:11px;} .contacts table { margin-top:3px; font-size:11px;} .contacts .label {width:37px; padding:0 10px 1px 0;} .contacts a {color:#000;} #main_text {width:100%; margin:0 auto; padding:20px 0 40px 0; color:#fff; font-size:11px;} #main_text table {width:100%;} #main_text a {color:#fff;} .footer-soc{margin-top: -105px;width: 100%;margin-left: 30px;position: absolute;right: 1px;} .cop {padding-bottom: 40px;} #intro_blocks a {margin: 30px 0px 0 0;} } @media only screen and (max-width: 320px) { #intro { width: 90% !important; margin:0 auto; background: #fff; border:4px solid #a6a6a6;} .headline { height:70px; line-height:20px; color:#818380; font-size:14px; position: relative; text-align: center;} .small_text {float:initial; display:inline; width:100%; margin:0px 0px 0px 0px; font-size:11px; line-height:12px; text-align:justify;} div.msf_glav {padding:0px; margin:0px; border:0px;} div.msf_glav p{ text-align: justify; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #818380;} .logo_block {float:initial; width: 100%; margin:0px 0px 0 0; text-align:center;} .logo_block p { margin-bottom:17px; text-transform:uppercase; font-size:23px; font-weight:bold;} .logo_block img{width: 163px;margin-top: 20px;} #intro_blocks { margin:0px 0px 0 0; padding-bottom:40px; background: no-repeat 165px 0; } #intro_blocks.prokat { background:no-repeat 165px 0; } #intro_blocks a {text-decoration:none;} #intro_blocks span.text { display:block; margin:0 10px; font-size:12px; text-align:justify;} #intro_blocks span.header { display:block; margin:12px 10px; font-size:20px; letter-spacing:0.3px;border: 2px solid;border-radius: 25px;text-align: center;padding: 5px 0 5px 0px;} #ib_constr, #ib_prokat {width:100%; position:relative;background:#fff; color:#8e908d; } #l_arr, #r_arr { display:block; width:22px; height:29px; position:absolute; top:0; z-index:5;} #l_arr {right:-43px; background-image:url(../img_old/intro_arr1.gif); } #r_arr {left:-43px; background-image:url(../img_old/intro_arr4.gif); } #ib_constr {float:left; } #ib_constr span.header {text-align:center;} #ib_prokat {float:right; } #ib_constr.active, #ib_prokat.active { color:#0098bd; background:#fff; } .active #l_arr {background:url(../img_old/intro_arr2.gif) no-repeat 0 0; } .active #r_arr {background:url(../img_old/intro_arr3.gif) no-repeat 0 0;} .contacts { float:right; width:100%; padding-top:0px; background:url(../-img/tel.png) no-repeat 4px -8px; color:#000; text-align:center;} .phone {font-size:18px; margin-bottom:-2px;} .phone span {font-size:11px;} .contacts table { margin-top:3px; font-size:11px;} .contacts .label {width:37px; padding:0 10px 1px 0;} .contacts a {color:#000;} #main_text {width:100%; margin:0 auto; padding:20px 0; color:#fff; font-size:11px;} #main_text table {width:100%;} #main_text a {color:#fff;} .footer-soc{margin-top: -105px;width: 100%;margin-left: 30px;position: absolute;right: 1px;} .cop {padding-bottom: 40px;} #intro_blocks a {margin: 30px 0px 0 0;} }