@color-main: #E32525; @color-main-btn: #E32525; @color-main-btn-active: #d01414; @color-main-btn-hover: #b71111; @color-main-btn2: #767676; @color-main-btn-hover2: #626262; @color-link: #E32525; @color-link-hover: #333; @color-link-active: #E32525; @color-link-visited: #E32525; @bg-modal: url(/img/bg_modal/4.jpg); html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kdb, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { padding: 0; outline: 0; font-family: inherit; vertical-align: baseline; vertical-align:top; } h1 {font-size:26px;} /* помните об определении стиля focus! */ :focus { outline: 0; } body { line-height: 1; margin:0px; color: #000; background: white; background-color:#fff; font-family: 'Arimo', sans-serif; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } #center_div a {color:@color-link;} #center_div a:hover {color:@color-link-hover;} #center_div a:active {color:@color-link-active;} #center_div a:visited {color:@color-link-visited;} h1 {font-size:23px !important; color:#E32525; padding:4px; display:block; width:100%; padding-left:0px; margin-top:-5px; margin-bottom:24px; } h1 a{color:#11abdf; text-decoration:none; display:inline-block; margin-left:1px !important; margin-right:1px; font-weight:bold; font-size:18px; } h1 a:hover {text-decoration:underline;} h2 {font-size:17px !important; font-weight:bold; } h3 {font-size:15px !important; font-weight:bold; } .btn_main_class{background-color:#E32525 !important; border:2px solid #cc2424 !important; border-radius:4px 4px 4px 4px; color:#FFF; padding:3px; } .btn_main_class:hover {opacity:0.9; cursor:pointer; } .btn_main_class:active {background-color:@color-main-btn-active;} .gallery_fancybox {text-decoration:none;} #back {width:20px; height:16px; display:block; background-image:url(../img/back.png); background-position:0px -16px; } #back:hover {width:20px; height:16px; background-image:url(../img/back.png); background-position:0px 0px; } #easyTooltip { padding:5px 10px; border:1px solid #252527; background-color:#5d5f65; color:#dedede; z-index:15; } li {margin-left:18px !important;} .tr_1 { background: #dcfff1; /* Цвет фона четных строк */ } .tr_0 { background: #dcf5ff; /* Цвет фона четных строк */ } #prise { border-collapse: collapse; /* Убираем двойные границы между ячейками */ border: 2px solid #666; /* Рамка вокруг таблицы */ } #prise.tr,th { padding: 5px; /* Поля вокруг текста */ border: 1px solid #666; /* Рамка вокруг ячеек */ } H2 {display:inline-block; font-size:14px} #YMapsID {border:3px solid #999;} #YMapsConteyner {border:3px solid #666;} .popupbox {border:2px solid @color-main; padding:3px; border-radius:5px 5px 5px 5px; z-index:1000; width:330px; height:150px; position:fixed; top: 40%; left: 40%; background-color:#fafafa; box-shadow: 0px 0px 20px @color-main; line-height:35px; -moz-border-radius:5px 5px 5px 5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; -webkit-box-shadow: 0px 0px 20px @color-main; -moz-box-shadow: 0px 0px 20px @color-main; } .popuprel_head {background-color:@color-main; border:1px solid @color-main; border-bottom:1px solid #b2b1b0; padding:3px; border-radius:5px 5px 0px 0px; margin:-3px; padding:7px; text-shadow:-1px -1px 1px rgba(0,0,0,0.4); color:#606060; -moz-border-radius:5px 5px 0px 0px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; } .del_no {display:block; border:2px solid #b2b1b0; padding:3px; border-radius:5px 5px 5px 5px; padding:4px; text-align:center; text-decoration:none; color:#999; width:100px; margin:auto; margin-top:33px; -moz-border-radius:5px 5px 5px 5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; } .del_no:hover {background-color:#f4f4f4; font-weight:bold; } .add_soc_seti {width:135px; display:inline-block; margin-left:350px; } .add_soc_seti img {height:30px !important;} .keys_for_tovar {border:1px solid #acacac; background-color:#f6f6f6; padding:3px; margin-top:6px; } img {border:0px;} .button_save { display:inline-block; border-radius:5px 5px 5px 5px; background-color:@color-main-btn; border:1px solid @color-main-btn; color:#FFF; padding:5px; font-size:13px; text-decoration:none; cursor:pointer; margin-top:10px; } .button_save:hover { background-color: @color-main-btn-hover; border:1px solid @color-main-btn-hover; } .button_cancel { display:inline-block; border-radius:5px 5px 5px 5px; background-color:@color-main-btn2; border:1px solid @color-main-btn2; color:#FFF; padding:5px; font-size:13px; text-decoration:none; cursor:pointer; margin-top:10px; } .button_cancel:hover { background-color:@color-main-btn-hover2; border:1px solid @color-main-btn-hover2; } #tbl_obj {border-collapse: collapse; border:1px solid #c7c7c7; } #tbl_obj th {font-weight:bold; font-size:12px; padding:5px; vertical-align:top; border:1px solid #c7c7c7; background-color:#e7e7e7; color:#000; vertical-align:middle; background-color:@color-main; color:#FFF; } #tbl_obj td {text-align:left; font-size:12px; padding:5px; vertical-align:top; border:1px solid #c7c7c7; vertical-align:middle; } #tbl_obj tr:nth-child(even) {background-color:#f6f6f6 !important;} #tbl_obj tr:hover {background-color:#e3f1ff !important;} #tbl_obj_cart {border-collapse: collapse; border:1px solid #c7c7c7; } #tbl_obj_cart th {font-weight:bold; font-size:12px; padding:5px; vertical-align:top; border:1px solid #c7c7c7; color:#000; vertical-align:middle; background-color:@color-main; color:#FFF; } #tbl_obj_cart td {text-align:left; font-size:12px; padding:5px; vertical-align:top; border:1px solid #c7c7c7; vertical-align:middle; } .pages_number {display:inline-block; padding:3px; text-decoration:none; color:#333; border:1px solid #CCC; margin-left:5px; width:18px; text-align:center; } .pages_number:hover {background-color:#CCC;} .pages_number_hover {background-color:#CCC !important;} .forma_callback {padding:5px; position:absolute; top:-145px; left:300px; width:315px; height:180px; background-color:#fff; border:1px solid #fff; font-size:15px; line-height:21px; z-index:20; box-shadow: 0 0 10px @color-main; display:none; color:#FFF; } .forma_callback_box {height:175px; position:relative; background-color:#fff; color:#333; background-image:#fff; border:1px solid #fff; margin-top:2px; border-radius:3px 3px 3px 3px; } .forma_callback input[type=text] {width:130px; padding:8px; display:inline-block; border:1px solid #999; border-radius:4px 4px 4px 4px; font-size:16px; background-image:url(/img/phone.png); background-repeat:no-repeat; padding-left:40px; background-position:8px 7px; } .forma_callback input[type=button] {padding:8px; display:inline-block; border:1px solid #999; border-radius:4px 4px 4px 4px; background-color:#008ac0; color:#FFF; } .close_forma_callback {color:#fff; text-decoration:none; position:absolute; top:2px; right:6px; font-size:11px; font-weight:bold; z-index:25; display:inline-block; border-radius:9px 9px 9px 9px; padding:1px; width:14px; text-align:center; opacity:0.8; } .bg_forma_callback {font-size:13px; text-align:center; padding:13px; color:#F00; font-weight:bold; line-height:15px; display:none; } .close_forma_callback:hover {opacity:1} .forma_enter {padding:5px; width:#53bbf0; position:absolute; top:155px; left:300px; width:315px; height:180px; background-color:@color-main; border:1px solid @color-main; font-size:15px; line-height:21px; z-index:20; box-shadow: 0 0 10px @color-main; display:none; color:#FFF; } .forma_enter_box {height:175px; position:relative; background-color:#fff; color:#333; background-image:@bg-modal; border:1px solid #f2f9fd; margin-top:2px; border-radius:3px 3px 3px 3px; } .forma_enter input[type=text] {width:190px; padding:8px; display:inline-block; border:1px solid #999; border-radius:4px 4px 4px 4px; font-size:16px; background-image:url(/img/mail.png); background-repeat:no-repeat; padding-left:40px; background-position:7px 4px; margin-bottom:10px; } .forma_enter input[type=password] {width:190px; padding:8px; display:inline-block; border:1px solid #999; border-radius:4px 4px 4px 4px; font-size:16px; background-image:url(/img/key.png); background-repeat:no-repeat; padding-left:40px; background-position:7px 4px; } .forma_enter input[type=submit] {padding:4px; display:inline-block; border:1px solid #9ccdf6; border-radius:4px 4px 4px 4px; background-color:#008ac0; color:#FFF !important; margin-right:37px; } .close_forma_enter {color:#fff; text-decoration:none; position:absolute; top:2px; right:6px; font-size:11px; font-weight:bold; z-index:25; display:inline-block; border-radius:9px 9px 9px 9px; padding:1px; width:14px; text-align:center; opacity:0.8; } .bg_forma_enter {font-size:13px; text-align:center; padding:13px; color:#F00; font-weight:bold; line-height:15px; display:none; } .close_forma_enter:hover {opacity:1} .link_form_enter {display:inline-block; position:absolute; bottom:7px; left:36px; color:#FFF; } .link_form_enter a {color:#f7fbff; font-size:11px; text-decoration:none; } .link_form_enter a:hover {text-decoration:underline;} #toTop { position:fixed; z-index:9999; bottom:20px; right:20px; background: #dbe5f9; border: 1px solid #c3d2ef; padding: 5px; cursor: pointer; color: #333; text-decoration: none; display:inline-block; font-size:13px } .poprel {position:absolute; top:150px; left:280px; width:320px; height:110px; color:#333; border:1px solid @color-main; z-index:100000; background-color:#FFF; padding:17px; font-size:19px; text-align:center; box-shadow: 2px 2px 3px @color-main; border-radius:6px 6px 0px 0px; } .poprel_title {margin:-17px; margin-bottom:15px; background-color:@color-main; color:#FFF; font-weight:bold; padding:6px; font-size:15px; } #but_per { border:1px solid @color-main; z-index:100000; background-color:@color-main; color:#FFF; font-size:15px; display:inline-block; padding:6px; text-decoration:none; border-radius:7px 7px 7px 7px; padding-left:22px; padding-right:22px; } #but_per:hover {opacity:0.9} #msg_buy { display:none; border:1px solid #e7e7e5; padding:10px; border-radius:5px 5px 5px 5px; z-index:1000; width:450px; height:250px; position:fixed; top: 10%; left: 36%; background-color:rgba(225,238,255,0.5); box-shadow: 0px 0px 20px #ffffff; } .msg_buy_box { border:1px solid #d9e4ee; padding:10px; border-radius:5px 5px 5px 5px; height:230px; background-color:#eaeff3; position:relative } .msg_buy_num_enter {color:#F00; text-align:center; padding:5px; font-size:20px; padding-bottom:14px; } .msg_buy_text {font-size:16px; line-height:14px; color:#4E7294; font-weight:bold; padding-top:15px; padding-bottom:5px; } .msg_buy_title {border-radius:5px 5px 0px 0px; cursor:move; margin:-10px; margin-bottom:3px; font-size:16px; font-weight:bold; color:#fff; background-color:#4e7294; padding:11px; } .msg_buy_btn {padding:9px; font-size:16px; color:#FFF; font-weight:bold; text-align:center; background-color:#bf0613; border-radius:5px 5px 5px 5px; display:inline-block; margin-top:6px; margin:auto; position:absolute; bottom:10px; right:155px; } .msg_buy_btn:hover {background-color:#ab0511; cursor:pointer; } .msg_buy_btn_ok {padding:12px; font-size:16px; color:#FFF; font-weight:bold; text-align:center; background-color:#09c70e; border-radius:5px 5px 5px 5px; display:inline-block; margin-top:6px; margin:auto; position:absolute; bottom:10px; right:10px; text-decoration:none; display:block; } .msg_buy_btn_ok:hover {background-color:#07a60b; cursor:pointer; } .title_form {padding:4px; background-color:@color-main; color:#FFF; font-weight:bold; font-size:14px; text-align:left; margin:-7px; margin-bottom:10px; padding-left: 10px } #feedback {width:400px; border:1px solid #E32525; padding:6px; font-size:13px; border-radius: 5px; } #feedback span {display:inline-block; border-bottom:1px solid #E32525; padding:3px; width:130px; margin-bottom:5px; } #feedback input[type=text] {display:inline-block; border:1px solid #999; padding:3px; width:250px; border-radius:3px 3px 3px 3px; position: relative; margin-top: 6px; } #feedback input[type=email] {display:inline-block; border:1px solid #999; padding:3px; width:250px; border-radius:3px 3px 3px 3px; margin-top: 6px; } #feedback textarea {display:inline-block; border:1px solid #E32525; width:390px; height:80px; border-radius:3px 3px 3px 3px; padding:3px; } .required_pole {display:inline-block; color:red; margin-left:3px; font-size:11px; } #comments {width:99%; background-color:#fefeff; border:1px solid #e9e6da; padding:6px; font-size:13px; margin-bottom:15px; } #comments span {display:inline-block; border-bottom:1px dashed #999; padding:3px; width:130px; margin-bottom:5px; } #comments input[type=text] {display:inline-block; border:1px dotted #999; padding:3px; width:250px; border-radius:3px 3px 3px 3px; width:300px; } #comments input[type=email] {display:inline-block; border:1px dotted #999; padding:3px; width:250px; border-radius:3px 3px 3px 3px; width:300px; } #comments textarea {display:inline-block; border:1px solid #CCC; width:390px; height:80px; border-radius:3px 3px 3px 3px; padding:3px; } #vopros_otvet_form {width:600px; background-color:#fefeff; border:1px solid #e9e6da; padding:6px; font-size:13px; } #vopros_otvet_form span {display:inline-block; border-bottom:1px dashed #999; padding:3px; width:230px; margin-bottom:5px; } #vopros_otvet_form input[type=text] {display:inline-block; border:1px dotted #999; padding:3px; width:350px; border-radius:3px 3px 3px 3px; } #vopros_otvet_form input[type=email] {display:inline-block; border:1px dotted #999; padding:3px; width:350px; border-radius:3px 3px 3px 3px; } #vopros_otvet_form textarea {display:inline-block; border:1px solid #CCC; width:590px; height:80px; border-radius:3px 3px 3px 3px; padding:3px; } #otziv_form {width:600px; background-color:#fefeff; border:1px solid #e9e6da; padding:6px; font-size:13px; } #otziv_form span {display:inline-block; border-bottom:1px dashed #999; padding:3px; width:230px; margin-bottom:5px; } #otziv_form input[type=text] {display:inline-block; border:1px dotted #999; padding:3px; width:350px; border-radius:3px 3px 3px 3px; } #otziv_form input[type=email] {display:inline-block; border:1px dotted #999; padding:3px; width:350px; border-radius:3px 3px 3px 3px; } #otziv_form textarea {display:inline-block; border:1px solid #CCC; width:590px; height:80px; border-radius:3px 3px 3px 3px; padding:3px; } .btn_exit {color:#fff !important; font-weight:bold; font-size:13px; display:inline-block; padding:4px; padding-left:10px; padding-right:10px; background-color:#cf1111; text-decoration:none; border-radius:5px; } .btn_exit:hover {background-color:#be0e0e;}