@width: 1000px; @content: 1000px; @aside: 337px; @font-face { font-family: 'cambria'; src: url('/fonts/cambria.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* font-face */ @font: Tahoma; @font2: 'Forum',cursive,@font; @font3: 'cambria'; /* set font + letter-spacing if need */ .forum(@ls:0) { font-family: @font; letter-spacing: @ls; } @text: #000000; @link: #003366; @light: #ffffff; @dark: #003366; @sort: #8d8d8d; @hover: #121212; @header: #9e9443; @gray: #5e5954; @phone: #000000; @menu: #ffffff; /* class styles */ .alt(@left,@top) { position: absolute; left: @left; top: @top; } .art(@right,@top) { position: absolute; right: @right; top: @top; } .alb(@left,@bottom) { position: absolute; left: @left; bottom: @bottom; } .arb(@right,@bottom) { position: absolute; right: @right; bottom: @bottom; } .up { text-transform: uppercase; } .bld{font-weight:bold;} .round(@r) { -webkit-border-radius: @r; -moz-border-radius: @r; border-radius: @r; } .inline_block { display: -moz-inline-stack; display: inline-block; _overflow: hidden; } .brd(@c:#000) { border: 1px solid @c; } .clear { clear: both; } .clear_fix { &:after { content: ''; .clear; display: block; } } .list { list-style: none; margin: 0; } .left { float: left; margin: 0 10px 5px 0; } .center { text-align: center; } .right { text-align: right; } .mid { vertical-align: middle; } .f_color(@size,@color) { font-size: @size; color: @color; } .strelka(@img) { background: url(@img) no-repeat 100% 60%; padding-right: 40px; .inline_block; } /* class styles */ * { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; } header, nav, section, article, aside, footer, time { display: block; } html { overflow-y: scroll; } body { font-family: @font; font-size: 14px; color: @text; letter-spacing: 0; line-height: 1.3; } a,input,textarea,select { outline: none; } a img { border: none; cursor: url(/images/zoomin.cur), pointer; &:hover{opacity: 0.25;} } a img.none{border: none;cursor:pointer; &:hover{opacity: 1;} } a img.viewfoto{border: 1px solid #cecece;cursor:pointer;cursor: url(/images/zoomin.cur), pointer; &:hover{opacity: 1;} } a { text-decoration: underline; color: @link;} a:hover { color: @hover; } .none { text-decoration: none; &:hover { text-decoration: underline; } } a.cboxElement{text-decoration: none;color:#000; &:hover { text-decoration: none; color:#000; }} ul {list-style-image: url(/images/check.png); padding-left:45px; margin:5px 0;} ul li{line-height:26px;padding:0 0 10px 15px;} .read-more { background: url(/images/read-more.png) no-repeat; .forum; font-size: 115%; width: 157px; height: 59px; padding: 7px 0 0 50px; .inline_block; color: #fff !important; text-decoration: underline; &:hover { text-decoration: none; } } p{line-height: 20px;} td{vertical-align:top;} .header { margin: 0 auto; .forum; .f_color(180%,#fff); .center; padding-top: 10px; } .site_center { width: @width; margin: auto; position: relative; } .page_path { padding: 15px 3px; .f_color(14px,@light); a { color: @light; padding:0 15px;} span { color: @light; padding:0 15px;} table{border-collapse: collapse; height: 30px; border: 0px;display: inline-table; margin-right: 15px;} .path_f{background: url(/images/path.png) repeat-x;height:30px;vertical-align: middle;} .path_l{background: url(/images/path_end.png) no-repeat; width:12px; height:30px;} } #header { background: @light url(/images/header_bg.jpg) repeat-x 50% 100%; .site_center { height: 224px; .forum; } #menu { height: 58px; line-height: 58px; padding-left:15px; a { display: block; float: left; height: 58px; .center; .mid; padding: 0 20px; width: auto; &.active,&:hover{background-color:#fff; a{color: #013068;} } } a { text-decoration: none; .f_color(16px,#fff);.up; &.active,&:hover { text-decoration:none ; color: #013068; } }} #logo { .alt(0px,94px);width:257px;height:86px; } #our_time {.alt(300px,130px); .f_color(24px,@text);background: url(/images/clock.jpg) no-repeat 0px 4px; padding-left:35px;} #our_txt {.art(0px,100px); .f_color(13px,@text);} #our_adress { .art(0px,165px); .f_color(13px,@text); } #our_phones { .art(0px,120px);.f_color(34px,@text); } #call_us { .art(300px,120px);} #call_show { background: url(/images/recall_but.jpg) no-repeat; width:213px; height:44px;cursor: pointer; } #forma_zayavka{ .art(0px,180px);background: url(/images/forma_bg.png) no-repeat; width:279px; height:307px;} } #slider_main{margin: 0 auto; .center; height:436px;position:relative;overflow:hidden; #kons_form{background:url(/images/recall_bg.png) no-repeat top left;width:296px;height:388px; .art(-10px,5px);z-index:150;} h1 { margin: 7px 0 4px; font: normal 45px/1.2 @font3; color: #fff; .alt(25px,155px);.up;text-align:left;z-index:150;width:595px;} } /*FAQ*/ .blockulQA {width: 100%;margin-top: 10px;} .ulQA {list-style: none;margin-left:0px;padding-left:0px;} .ulQA li {margin-left:30px; position: relative; padding-left: 10px; padding-bottom: 20px;line-height: 1.5;} a.rowQInd { width: 100%;margin-top: 0px;text-decoration: none;color: #000;text-decoration: none;} .actPl .rowQInd {color:#14469d;} .rowQIn2 {position: absolute;float: left;width: 18px;height: 18px;border:0px;left:-27px;top:0px;} .blockulQA li.noActPl .rowQIn2 {background: url(pl.png) no-repeat 0px 0px;} .blockulQA li.actPl .rowQIn2 {background: url(pl.png) no-repeat 0px -18px;} .descAnswer {padding: 30px 18px;background: #dbddde; display: none;line-height: 21px;color: #010100;margin-top: 15px;text-align: justify; p { padding: 0px; margin:0px;} } /*FAQ END*/ #content { padding-bottom:25px; ul,ol,p { line-height: 1.5; margin-bottom: 10px; } ul,ol { margin-left: 15px; } p{text-align:justify;} h1 { margin: 7px 0 4px; font: normal 30px/1.5 @font; color: #010000; padding-left:40px;} h2,h3 {font-size:24px; font-weight:normal; padding:15px 0; text-align:left; a { color: @link; } } .cont_head {font-size:24px; font-weight:normal; padding:15px 0; text-align:left;} ul.ulQA{ margin-left: 0px; } .ramka_cat{float:left; width:465px;margin:0px 15px 0 0;} .listalka { .forum; .center; .clear; padding: 20px 0 15px; a { .f_color(18px,#918f8f); margin: 0 5px; .none; padding-top: 4px; &.active { color: @hover; } } .next { background:url(/images/listalka.png) no-repeat; height: 20px;width:9px; } .prev { color: #a8a8a8; padding-left: 18px;background:url(/images/listalka2.png) no-repeat;background-position: 0% 6px; padding-right: 18px; &:hover{background-position: 0% -17px;} } .next { color: #918f8f; background-position: 100% 6px; padding-right: 18px; &:hover{background-position: 100% -17px;} } } .item { .clear_fix;padding:10px 0 0px 0;border-top: 1px solid #cecece; &.first { border-top: none; } .head_item { line-height:1.8;margin-bottom:10px; a{.up;.f_color(20px,@text);text-decoration:none;background:url(/images/slink3.png) no-repeat right -16px; padding-right: 30px; &:hover{text-decoration:underline;color:#003366;background:url(/images/slink3.png) no-repeat right 5px;} }} .head_item_work{line-height:1.8;.up;.f_color(20px,@text);margin-bottom:15px;.center;} .leftblock{width:435px; display: inline; float:left;margin-top:25px;} .rightblock{width:580px; display: inline;a{color:#003366; font-size:18px; background:url(/images/goto.jpg) no-repeat top right;padding-right: 40px; float: right; &:hover{text-decoration:none;}} } .ramka{padding-left:35px;} /*catalog 1st level*/ .head_item_cat { line-height:1.8;a{.f_color(24px,#000000);text-decoration:none;&:hover{color:#003366;text-decoration:underline;}}} } .item_cat_a{color:@text; &:hover{color:#003366; .pic_cat{border:1px solid #003366;padding:0;}} } .pr_cat{float:left; margin:25px 25px 10px 40px;width:245px;height:350px; .pic_cat{width:247px;height:247px;position:relative;border:1px solid #fff;padding:0; .pic_cat_price{display:block;padding:13px 10px 0 0;height:65px;width:245px;background:#dbddde url(/images/money.png) no-repeat top left; .alt(0,180px);text-align:right;font-size:18px;.up; span{.bld;font-size:25px;} } } .pic_cat_name{display:block;padding:15px 30px 0 0;height:70px;.up;font-size:18px; background:url(/images/strelka_big.png) no-repeat 220px 28px;} } .content_text{background:#fff; width:1000px;padding:40px 30px 30px 30px; box-shadow: 2px 2px 7px 0px #c0c0c0;-moz-box-shadow: 2px 2px 7px 0px #c0c0c0;-webkit-box-shadow: 2px 2px 7px 0px #c0c0c0;-khtml-box-shadow: 2px 2px 7px 0px #c0c0c0; table.inner{ padding:15px 0; th{text-align:center;height:35px;background:#003366; color:#fff;font-size:18px;font-weight:normal;} th.blue{text-align:center;height:35px;background:#f3f6fb; color:#fff;font-size:18px;font-weight:normal;} td.blue{text-align:center;background:#f3f6fb;color:#000000;padding:10px 0 10px 0;} td.wh{text-align:center;background:#edf0f4;color:#000000;padding:10px 0 10px 0;} td.dark{text-align:center;background:#003366;color:#fff;padding:10px 0 10px 0;font-size:18px;vertical-align:middle;} } .contact_info{display:inline-block;width:350px; vertical-align: top;} #contacts_adress{background:url(/images/ic1.png) no-repeat 0 0;font-size:24px; padding: 0 0 10px 40px; } #contacts_cont{background:url(/images/ic2.png) no-repeat 0 25px;font-size:24px;padding: 20px 0 10px 40px;} #contacts_grafik{background:url(/images/ic3.png) no-repeat 0 20px;font-size:24px;padding: 20px 0 10px 40px;} .contacts_text{padding-left:40px; line-height:1.8;} .contact_map{width:550px;display:inline-block;} } .content_text_cat{background:#fff; width:1000px;padding:20px 30px 30px 30px; margin-bottom:35px; box-shadow: 2px 2px 7px 0px #c0c0c0;-moz-box-shadow: 2px 2px 7px 0px #c0c0c0;-webkit-box-shadow: 2px 2px 7px 0px #c0c0c0;-khtml-box-shadow: 2px 2px 7px 0px #c0c0c0; table.inner{ padding:15px 0; th{text-align:center;height:35px;background:#003366; color:#fff;font-size:18px;font-weight:normal;} th.blue{text-align:center;height:35px;background:#f3f6fb; color:#fff;font-size:18px;font-weight:normal;} td.blue{text-align:center;background:#f3f6fb;color:#000000;padding:10px 0 10px 0;} td.wh{text-align:center;background:#edf0f4;color:#000000;padding:10px 0 10px 0;} td.dark{text-align:center;background:#003366;color:#fff;padding:10px 0 10px 0;font-size:18px;vertical-align:middle;} } .contact_info{display:inline-block;width:350px; vertical-align: top;} #contacts_adress{background:url(/images/ic1.png) no-repeat 0 0;font-size:24px; padding: 0 0 10px 40px; } #contacts_cont{background:url(/images/ic2.png) no-repeat 0 25px;font-size:24px;padding: 20px 0 10px 40px;} #contacts_grafik{background:url(/images/ic3.png) no-repeat 0 20px;font-size:24px;padding: 20px 0 10px 40px;} .contacts_text{padding-left:40px; line-height:1.8;} .contact_map{width:550px;display:inline-block;} } .zayavka{padding:35px 0 25px 0;position:relative;text-align:center; span{.up; font-size:18px;} .raschet{padding:35px 0 35px 50px; width:940px;} .gr{.f_color(18px,#525252);text-align:center;vertical-align:middle;} .now{.f_color(18px,#050202);text-align:left;vertical-align:middle;} .strelka{.art(110px, 145px);background:url(/images/strelka.png) no-repeat; width:86px; height:92px;} } #rash_show_cat { cursor: pointer; } #rash_show{ cursor: pointer; } /*catalog page*/ #opisanie{padding-top:30px;} a.cat_head{.up;.f_color(14px,#616161);.none;padding: 0 0px;} .cat_price{float:right;background:#dbddde; padding:15px 30px;font-size:18px;margin:0 0 15px 15px; span{.bld;font-size:25px;} } .cat_text{width:450px;} .viewfoto:hover { opacity: 0.25;} /*PEREGORODKI IMG*/ .peregorodki{border:1px solid #dcdcdc; .per_pic{text-align:center;border-right:1px solid #dcdcdc;} .per_pr{background:#dbddde url(/images/grey_money.jpg) no-repeat top left;height:60px;width:330px;padding:10px 0 0 60px;font-size:22px; span{.bld;} label{font-size:12px;display:block;} border-right:1px solid #fff; } .per_txt{font-size:12px;line-height:1.8;border-bottom:1px solid #dcdcdc;padding:10px 0 10px 10px;} } } /*FORMS*/ .error { padding: 5px 0; font-weight: normal; color: #d00;text-align: center; } .success { padding-bottom: 5px; font-weight: normal; color: #00d; text-align: center;} .errork { padding: 0px 0; .f_color(10pt,#cc4343);text-align: center;height:35px;.bld;} .errora { padding: 0px 0; .f_color(11pt,#cc4343);text-align: center; height:70px;.bld;} .after{width:250px;margin-left:20px;} .forma { .submit { padding: 20px 20px 20px 170px; } .submit_ord{ padding: 10px 0 0 25px; } .row { padding: 0px 0 10px 5px; label { .inline_block; width: 160px; vertical-align: top; padding-top: 4px; margin-right: 4px; } .req { background: url(/images/base/require.gif) no-repeat 100% 12px; } } .row_text{ padding: 15px 0 10px 0px; .f_color(14pt,@text);.up; text-align:center;} .row_ord { padding: 0px 0 20px 20px; label { .inline_block; width: 160px; vertical-align: top; padding-top: 4px; margin-right: 4px; } .req { background: url(/images/base/require.gif) no-repeat 100% 12px; } } .inp { padding: 1px 4px; color: @text; height: 39px;width: 350px; .brd(#cecece); font: 115%/1.1 @font; &:focus { border-color: #0086FF; } &.code { width: 95px !important; margin-right: 10px; .center; .mid; } } input.ord { border:1px solid #b2b2b2; height: 32px; width: 220px;.up;text-align:center;} .submit_ask{text-align:center;} .submit_kons{text-align:center;} .inp_name{float:left;font-family:@font3;.f_color(21px,#8b8b8b);background:#fff url(/images/in_name.jpg) no-repeat center left;width:320px;height:52px;text-align:left;border:none;padding-left:45px;border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px;-webkit-border-radius: 4px 4px 4px 4px;border: 0px; display:inline-table;-webkit-box-shadow: 0px -2px 2px 0px rgba(206,206,206,1);-moz-box-shadow: 0px -2px 2px 0px rgba(206,206,206,1);box-shadow: 0px -2px 2px 0px rgba(206,206,206,1);} .inp_phone{float:left;margin-left:5px;font-family:@font3;.f_color(21px,#8b8b8b);background:#fff url(/images/in_phone.jpg) no-repeat center left;width:320px;height:52px;text-align:left;border:none;padding-left:45px;border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px;-webkit-border-radius: 4px 4px 4px 4px;border: 0px;display:inline-table;-webkit-box-shadow: 0px -2px 2px 0px rgba(206,206,206,1);-moz-box-shadow: 0px -2px 2px 0px rgba(206,206,206,1);box-shadow: 0px -2px 2px 0px rgba(206,206,206,1);} .inp_email{float:left;margin-left:5px;margin-bottom:20px;font-family:@font3;.f_color(21px,#8b8b8b);background:#fff url(/images/in_email.jpg) no-repeat center left;width:320px;height:52px;text-align:left;border:none;padding-left:45px;border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px;-webkit-border-radius: 4px 4px 4px 4px;border: 0px;display:inline-table;-webkit-box-shadow: 0px -2px 2px 0px rgba(206,206,206,1);-moz-box-shadow: 0px -2px 2px 0px rgba(206,206,206,1);box-shadow: 0px -2px 2px 0px rgba(206,206,206,1);} .inp_name_k{font-family:@font;background:#fff url(/images/in_name_sm.png) no-repeat center left;width:244px;height:35px;text-align:left;border:none;padding-left:35px;border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px;-webkit-border-radius: 4px 4px 4px 4px;border: 0px; display:inline-table;-webkit-box-shadow: 0px -2px 2px 0px rgba(206,206,206,1);-moz-box-shadow: 0px -2px 2px 0px rgba(206,206,206,1);box-shadow: 0px -2px 2px 0px rgba(206,206,206,1);} .inp_phone_k{font-family:@font;background:#fff url(/images/in_phone_sm.png) no-repeat center left;width:244px;height:35px;text-align:left;border:none;padding-left:35px;border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px;-webkit-border-radius: 4px 4px 4px 4px;border: 0px;display:inline-table;-webkit-box-shadow: 0px -2px 2px 0px rgba(206,206,206,1);-moz-box-shadow: 0px -2px 2px 0px rgba(206,206,206,1);box-shadow: 0px -2px 2px 0px rgba(206,206,206,1);} .inp_email_k{font-family:@font;background:#fff url(/images/in_email_sm.png) no-repeat center left;width:244px;height:35px;text-align:left;border:none;padding-left:35px;border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px;-webkit-border-radius: 4px 4px 4px 4px;border: 0px;display:inline-table;-webkit-box-shadow: 0px -2px 2px 0px rgba(206,206,206,1);-moz-box-shadow: 0px -2px 2px 0px rgba(206,206,206,1);box-shadow: 0px -2px 2px 0px rgba(206,206,206,1);} textarea.txt_ask{border:0;font-family:@font3;.f_color(21px,#8b8b8b);background:#fff url(/images/in_text.jpg) no-repeat top left;resize: none;width: 970px;height:88px;padding-left:45px;padding-top:10px;border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px;-webkit-border-radius: 4px 4px 4px 4px;-webkit-box-shadow: 0px -2px 2px 0px rgba(206,206,206,1);-moz-box-shadow: 0px -2px 2px 0px rgba(206,206,206,1);box-shadow: 0px -2px 2px 0px rgba(206,206,206,1);} textarea.txt_ask_k{border:0;font-family:@font;resize: none;width: 244px;height:80px;padding-left:9px;padding-top:10px;border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px;-webkit-border-radius: 4px 4px 4px 4px;} textarea.ord { min-height: 110px;width: 210px; resize: none; } textarea.inp { min-height: 150px; resize: none; } .wait { display: none; .mid; } .button { background: url("/images/recall_send2.png") no-repeat; width:217px; height:56px; border: medium none; color: #FFFFFF !important; cursor: pointer; display: inline-block; font-size: 105% !important; line-height: 37px; padding: 0 30px; vertical-align: middle; } .button_send { background: url("/images/button_send.png") no-repeat; width:133px; height:50px; border: medium none; color: #FFFFFF !important; cursor: pointer; display: inline-block; font-size: 105% !important; line-height: 37px; padding: 0 30px; vertical-align: middle; } .button_index { background: url("/images/button_index.jpg") no-repeat; width:251px; height:65px; border: medium none; color: #FFFFFF !important; cursor: pointer; display: inline-block; font-size: 105% !important; line-height: 37px; padding: 0 30px; vertical-align: middle; text-align:center; } .button_top { background: url("/images/recall_send.png") no-repeat; width:188px; height:61px; border: medium none; color: #FFFFFF !important; cursor: pointer; display: inline-block; font-size: 105% !important; line-height: 37px; padding: 0 30px; vertical-align: middle; } /*FORMS*/ } /* стартовая отдельно от всего */ #INDEX { margin-top: 0px; background: url(/images/bg_line.png) repeat top center;padding:33px 0 50px 0; .item_cat_a{color:@text;.none; &:hover{color:#003366;.none; .pic{border:1px solid #003366;padding:0;} } } .pr{margin:10px 1px 10px 0;width:329px;height:415px; display: inline-table; .pic{position:relative;border:1px solid #fff;padding:0;height:329px; .pic_price{display:block;padding:10px 15px 0 0;height:73px;width:327px;background:#dbddde url(/images/money.png) no-repeat top left; .alt(0,254px);text-align:right;font-size:21px;.up; span{.bld;font-size:30px;} } } .pic_name{display:block;padding-top:35px;.up;font-size:21px;} } } #index_pr { padding:10px 0 30px 0; background: #003366;height:424px; .pr_title{.f_color(30px,@light);text-align:center;padding-top:30px;} table{padding-top:50px;} td{text-align:center;.f_color(20px,@light);vertical-align:top; } } #index_info { padding:40px 0 10px 0; background:#fff; h2{.up;font-size:18px; font-weight:normal; padding:15px 0; text-align:left;} td {vertical-align:top; text-align:justify; padding:15px;line-height: 20px;} } #index_work{ background: url(/images/bg_line.png) repeat top center;text-align:justify;padding:20px 0 25px 0; h2{padding-bottom:15px;font-size:30px; font-weight:normal;} h3{padding-bottom:15px;font-size:24px; font-weight:normal;} td{text-align:justify;} } #index_form { padding:10px 0 30px 0; background: #003366;height:450px; .pr_title{.f_color(30px,@light);text-align:center;padding-top:30px;} .askformhead{padding:15px 0;.f_color(30px,@light);.center; } } #index_faq { background: url(/images/bg_faq_main.jpg) repeat;padding:25px 0; h2{padding-bottom:15px;font-size:30px; font-weight:normal;} h3{padding-bottom:15px;font-size:30px; font-weight:normal;} } #footer { .clear; background: #003366; margin: 0 auto; .site_center { height: 173px; .f_color(12px,@light); } .social { .alt(0,45px); a{.f_color(12px,@light);} } .adress { .alt(0,110px); } .footer_menu{.alt(95px,53px); a{.f_color(12px,@light);} td{text-align: center; vertical-align: middle; padding: 0 15px; width: auto;} } .copyright { .alt(0,130px);text-decoration:underline; } .autor { .alt(415px,130px); a{.f_color(12px,@light);} } .contacts{.art(0, 40px);text-align:right;} .phones{.art(0,90px);font-size:32px;} .time{.art(0, 130px);} .counters { .art(455px,85px); } } .slider { margin: 0 auto; position: relative; .clear_fix; .sl_prev, .sl_next { display: block; width: 52px; height: 52px; cursor: pointer; background: url(/images/bg-slider-nav.png) no-repeat; position: absolute; top: 60px; } .sl_prev { left: 5px; } .sl_next { right: 5px; background-position: -52px 0; } &:hover { .sl_prev, .sl_next { display: block; } } } .slider_body { overflow: hidden; margin: 0 auto; ul { .list; overflow: hidden; } li { float: left; height: 200px; position: relative; margin-bottom: 0 !important; } img { width: 90px;.alt(21px,21px); } .title { width:130px;height:130px; position:relative;} .ktug{background: url(/images/krug.png) no-repeat;width:130px;height:130px;position:absolute;z-index:500;} .desc { .alt(170px,22px); line-height: 18px; max-height: 180px; overflow: hidden; width: 670px; padding: 0px 20px; color: @text; a{color:#37a40c;text-decoration:none;} p{text-align:left;} span{font-weight:bold;font-style:italic;} } .small { border-bottom: 1px solid #fff; margin-bottom: 20px; .center; font-size: 23px; text-shadow: 1px 1px 3px #aaa; p { margin-bottom: 18px; } } } #BG { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); background: rgba(255,255,255,0.9);padding:15px; } #BG { position: fixed; display: none; left: 0; right: 0; top: 0; bottom: 0; z-index: 1000; } #recall { display: none; z-index: 1001; position: fixed; left: 50%; top: 35%; width: 600px; margin: -200px 0 0 -300px; background: #fff; border: none; padding: 20px 30px;box-shadow: 2px 2px 7px 0px #c0c0c0;-moz-box-shadow: 2px 2px 7px 0px #c0c0c0;-webkit-box-shadow: 2px 2px 7px 0px #c0c0c0;-khtml-box-shadow: 2px 2px 7px 0px #c0c0c0; .close { .art(5px,5px); cursor: pointer; } &.recall { background: #fff; padding: 0 0 20px 0; color: @dark; } } #rerash { display: none; z-index: 1001; position: fixed; left: 50%; top: 35%; width: 600px; margin: -200px 0 0 -300px; background: #fff; border: none; padding: 20px 30px;box-shadow: 2px 2px 7px 0px #c0c0c0;-moz-box-shadow: 2px 2px 7px 0px #c0c0c0;-webkit-box-shadow: 2px 2px 7px 0px #c0c0c0;-khtml-box-shadow: 2px 2px 7px 0px #c0c0c0; .close { .art(5px,5px); cursor: pointer; } &.rerash { background: #fff; padding: 0 0 20px 0; color: @dark; } }