@color-main: #68b6f2; @color-main-btn: #a2a2a2; @color-main-btn-active: #838381; @color-main-btn-hover: #838381; @color-main-btn2: #767676; @color-main-btn-hover2: #626262; @color-link: #7ebcfa; @color-link-hover: #56a2ef; @color-link-active: #155aa1; @color-link-visited: #959696; @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-color:#f9f8f8;*/ background-color:#fff; font-family:Arial, Helvetica, sans-serif; font-family: 'Roboto', sans-serif; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } .content_page a {color:@color-link;} .content_page a:hover {color:@color-link-hover;} .content_page a:active {color:@color-link-active;} .content_page a:visited {color:@color-link-visited;} #bg_page { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; display: none; z-index: 100; background-color: rgba(0,0,0,0.5); } h1 { font-size:19px !important; color:#454545; padding:4px; padding-top:0px !important; display:block; margin-bottom:4px; width:100%; margin-top:6px !important; padding-left:0px; text-transform:uppercase; margin-bottom:30px; } 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; } h3 {font-size:15px ; font-weight:bold; } .btn_main_class{background-color:@color-main-btn; border:1px solid @color-main-btn; 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:13px;} .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; width:#53bbf0; position:fixed; width: 20%; left: 40%; top:100px; min-width:315px; height:200px; background:#fff; border:1px solid @color-main; font-size:15px; line-height:21px; z-index:20; display:none; color:#FFF; } .forma_callback_box {height:195px; position:relative; background-color:#fff; color:#333; background: #343d91; border:1px solid #f2f9fd; 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:4px; right:6px; font-size:14px; font-weight:bold; z-index:25; display:inline-block; border-radius:12px; padding:1px; width:24px; line-height: 24px; text-align:center; opacity:0.9; background: red; } .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: fixed; 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; } .poprel_title {margin:-17px; margin-bottom:15px; background-color:@color-main; color:#FFF; font-weight:bold; padding:6px; font-size:15px; } .box_text_poprel { line-height:25px; font-size: 17px; height: 54px; display: table-cell; vertical-align: middle; width:340px; text-align: center; } #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; padding-left:22px; padding-right:22px; margin-top: 5px; } #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; background-color:#fefeff; border:1px solid #e9e6da; padding:6px; font-size:13px; } #feedback span {display:inline-block; border-bottom:1px dashed #999; padding:3px; width:130px; margin-bottom:5px; } #feedback input[type=text] {display:inline-block; border:1px dotted #999; padding:3px; width:250px; border-radius:3px 3px 3px 3px; } #feedback input[type=email] {display:inline-block; border:1px dotted #999; padding:3px; width:250px; border-radius:3px 3px 3px 3px; } #feedback textarea {display:inline-block; border:1px solid #CCC; 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;} a { color:#3fb5e8; } a:hover { color:#2fb0e8; }