/** * ==ResourceManager== * @server lsf165 * @generate 23.07.2025 05:33:07 * @resource /css/popup.css -v 1718989130 -exist 1 * @resource /css/b-pp-reg.css -v 1718989130 -exist 1 * @resource /css/b-standart.css -v 1718989130 -exist 1 * @resource /css/b-standart-popup.css -v 1718989130 -exist 1 * @resource /css/message-box.css -v 1718989130 -exist 1 * @resource /css/b-header-autocomplete.css -v 1718989130 -exist 1 * @resource /css/b-header-autocomplete14.css -v 1718989130 -exist 1 * @resource /css/b-autocomplite.css -v 1718989130 -exist 1 * @resource /css/b-popup15.css -v 1718989130 -exist 1 * @resource /css/b-pp-add-m.css -v 1718989130 -exist 1 * @resource /css/b-pp-share.css -v 1718989130 -exist 1 * @resource /css/b-pp-share1.css -v 1718989130 -exist 1 * @resource /css/b-pl-one.css -v 1718989130 -exist 1 * @resource /css/b-consult-sh.css -v 1718989130 -exist 1 * @resource /css/b-breadcrumbs.css -v 1718989130 -exist 1 * @resource /css/b-guides-side.css -v 1718989130 -exist 1 * @resource /css/b-ques14.css -v 1718989130 -exist 1 * @resource /css/b-page-ttl.css -v 1718989130 -exist 1 * @resource /js/jqvmap/jqvmap.css -v 1718989132 -exist 1 * @resource /css/b-awards.css -v 1718989130 -exist 1 * @resource /css/b-club-profile.css -v 1718989130 -exist 1 * @resource /css/b-club-user-card.css -v 1718989130 -exist 1 * @resource /css/b-side-nav.css -v 1718989130 -exist 1 * @resource /css/b-pp-add-comm.css -v 1718989130 -exist 1 * @resource /css/b-rev-photo-pp.css -v 1718989130 -exist 1 * @resource /css/b-pp-message.css -v 1718989130 -exist 1 * @resource /css/b-pp-here.css -v 1718989130 -exist 1 * @resource /css/b-miniscreen.css -v 1718989130 -exist 1 * @resource /css/common.css -v 1718989130 -exist 1 * @resource /stc/css/common-v4.css -v 1718989134 -exist 1 * @resource /stc/modules/place/widgets/Header/header-v4.css -v 1718989134 -exist 1 * @resource /stc/css/widgets/header/suggest/b-header-autocomplete.css -v 1718989134 -exist 1 * @resource /stc/css/widgets/header/suggest/b-header-autocomplete14.css -v 1718989134 -exist 1 * @resource /stc/css/widgets/header/suggest/b-autocomplite.css -v 1718989134 -exist 1 * @resource /stc/css/reset-ls.css -v 1718989134 -exist 1 * @resource /stc/css/style-main.css -v 1718989134 -exist 1 * @resource /stc/css/main.css -v 1718989134 -exist 1 * @resource /stc/css/b-page-ttl.css -v 1718989134 -exist 1 * @resource /stc/css/popup.css -v 1718989134 -exist 1 * @resource /stc/css/jquery/nanoscroller.css -v 1718989134 -exist 1 * @resource /stc/css/fontello/css/fontello.css -v 1718989134 -exist 1 * @resource /css/b-sides3.css -v 1718989130 -exist 1 * @resource /stc/modules/place/widgets/Header/AddMaterial/popup-add-material.css -v 1718989134 -exist 1 * @resource /stc/modules/place/widgets/Header/Suggest/searchbar-v4.css -v 1718989134 -exist 1 * @resource /stc/modules/place/widgets/Header/User/header_user-v3.css -v 1718989134 -exist 1 * ==/ResourceManager== */ /* @resource /css/popup.css */ .popup-inn { background: White; padding: 1px; margin: 0 10px; } .popup-h3 { background: #1d82a2; color: #fff; font-size: 11px; font-weight: bold; margin: 0 0 1px; padding: 7px 10px; text-transform: uppercase; } .popup-close-8x8 { background: url(/i/pp_close2.gif) no-repeat center top; float: right; font-size: 0; margin: 2px 0 0; width: 12px; height: 12px; cursor: pointer; } .popup-close-12x12 { background: url(/i/pp_close3.gif) no-repeat center top; float: right; font-size: 0; margin: 1px 0 0; width: 12px; height: 12px; cursor: pointer; } .popup-submit { height: 50px; background: #eee; } .popup-submit-btn { background: url(/i/excurs-block-btn.gif) repeat-x left top; height: 28px; width: 150px; border-left: solid 1px #1c93b9; border-right: solid 1px #1c93b9; display: block; margin: 0 auto; text-decoration: none; position: relative; top: 12px; font: bold 12px Tahoma,Arial,sans-serif; text-transform: uppercase; color: #fff; text-align: center; line-height: 26px; } .popup-submit-btn-red { background: url(/i/button_red_bg.gif) repeat-x 0 0; color: #fff; display: inline-block; font-size: 11px; font-weight: bold; line-height: 28px; height: 28px; margin: 11px 10px 0 0; padding: 0 10px; text-transform: uppercase; text-decoration: none; float: right; } .popup-submit-btn-green { background: url(/i/button_green_bg.gif) repeat-x 0 0; color: #fff; display: inline-block; font-size: 11px; font-weight: bold; line-height: 28px; height: 28px; margin: 11px 10px 0 0; padding: 0 10px; text-transform: uppercase; text-decoration: none; float: right; } .popup-submit-btn-green2 { background: url(/i/button_green_bg.png) repeat-x 0 0; color: #fff; display: inline-block; font-size: 14px; line-height: 26px; height: 26px; margin: 11px 10px 0 0; padding: 0 20px; text-transform: uppercase; text-decoration: none; float: right; border: 1px solid #05b400; text-shadow: 0 -1px 0 #0b9f05; font-family: Tahoma, Arial, sans-serif; } .popup-submit-cancel{background:url(/i/dashed_1d82a2_2.gif) repeat-x scroll left bottom;color:#1D82A2;cursor:pointer;display:inline-block;font-size:13px;line-height:14px;margin:17px 14px 0 10px;text-decoration:none;float:right} /* popups.html */ #pp-reg-city {display:none; position:absolute; width:535px; z-index:51;} #pp-reg-city .wrp {background:url(/i/m_popup_dark_border.png) repeat left top; padding:10px;} #pp-reg-city .content {background:#fff; font-size:12px; padding:1px;} #pp-reg-city h3 {background:#1d82a2; color:#fff; font-size:11px; font-weight:bold; margin:0 0 1px; padding:7px 10px 7px 10px; text-transform: uppercase;} #pp-reg-city h3 span.close {background:url(/i/pp_close2.gif) no-repeat center; float:right; font-size:0; margin-top:2px; width:11px; height:11px; cursor:pointer;} #pp-reg-city td p {border-bottom:1px solid #eee; cursor:pointer; font-size:12px; margin:0; padding:4px 10px;} #pp-reg-city td p.sub {color:#939393; font-size:11px; padding:5px 10px 5px 24px;} #pp-reg-city td p b {font-size:15px; line-height:1;} #pp-reg-city td p.active {background:#eee;} #pp-reg-city th {background:#eee; font-size:11px; font-weight:normal; padding:4px 10px 8px; text-align:left; text-transform:uppercase;} #pp-reg-city th p {padding-left:7px;} #pp-reg-city th.quick {background:#eee url(/i/scroll_bg.gif) repeat-y right; padding-left:3px;} #pp-reg-city th.quick input.text {height:20px; line-height:20px; width:199px; padding-left:4px} #pp-reg-city .abc {background:#eee;} #pp-reg-city .abc i {color:#1d82a2; cursor:pointer; display:block; font-family:'Lucida Console',Arial,sans-serif; font-size:10px; font-style:normal; line-height:13px; text-align:center; text-transform:uppercase; width:24px;} #pp-reg-city .abc i.active {background:#1d82a2; color:#fff;} #pp-reg-city .abc i.disabled {background:#eee; color:#d0d0d0;} #pp-reg-city .abc ins {background:url(/i/arrow_small_blue_r.gif) no-repeat 0 0; font-size:0; height:13px; position:absolute; width:3px; margin-left:24px;} #pp-reg-city .country, #pp-reg-city .city {background:#fff; height:378px; padding:1px 0; overflow:scroll; overflow-x:hidden;} #pp-reg-city .addcity {background:#eee; font-size:12px; margin:0 0 1px; padding:8px 8px 8px 10px; position:relative;} #pp-reg-city .place {background:#fff url(/i/icon_place.png) no-repeat 5px 7px; border:1px solid #afafaf; display:inline-block; height:20px; padding:1px 1px 1px 20px;} #pp-reg-city .place input {background:#fff; border:0; color:#666; margin:2px 0 0; padding:0; width:278px; vertical-align:baseline; outline:none;} #pp-reg-city .result {background:#e0e0e0; font-size:12px; margin:0 0 1px; padding:6px 10px 8px;} #pp-reg-city .result span {color:#257b25; font-weight:bold;} #pp-reg-city .submit {background:#eee; height:1%; overflow:hidden; padding:10px; text-align:right;} #pp-reg-city .submit .close {background:url(/i/button_red_bg.gif) repeat-x 0 0; color:#fff; display:inline-block; font-size:11px; font-weight:bold; line-height:28px; height:28px; margin:0 0 0 10px; padding:0 10px; text-transform:uppercase; text-decoration:none;} #pp-reg-city .submit .next {background:url(/i/button_green_bg.gif) repeat-x 0 0; color:#fff; display:inline-block; font-size:11px; font-weight:bold; line-height:28px; height:28px; margin:0 0 0 10px; padding:0 10px; text-transform:uppercase; text-decoration:none;} .pp-photos {font-family:Tahoma,Arial,sans-serif; background: url(/i/m_popup_dark_border.png) repeat left top; padding:10px; position: absolute; width:607px; z-index:55;} .pp-photos h3, .pp-photos .top_title {background:#1d82a2; color:#fff; font-size:11px; font-weight:bold; margin:0 0 1px; padding:7px 10px; text-transform: uppercase;} .pp-photos h3 span.close, .pp-photos .top_title span.close {background: url(/i/pp_close2.gif) no-repeat left top; float:right; font-size:0; margin-top:2px; width:11px; height:11px; cursor:pointer;} .pp-photos h3 em, .pp-photos .top_title em {font-style: normal;color: #77b4c7;} .pp-photos .content {background:#fff; padding:1px;} .pp-photos .content_diag {background:#fff; padding:1px;} .pp-photos .nav {background:#f5f5f5; height:105px; overflow: hidden; position:relative;} .pp-photos .nav .carousel {margin:0 30px;} .pp-photos .nav .prev {background:#eee url(/i/pop_prev_ico.png) no-repeat center; border-right:1px solid #fff; cursor:pointer; height:105px; width:29px; position:absolute; left:0; top:0;} .pp-photos .nav .next {background:#eee url(/i/pop_next_ico.png) no-repeat center; border-left:1px solid #fff; cursor:pointer; height:105px; width:29px; position:absolute; right:0; top:0;} .pp-photos .nav .disabled {background-image:none;} .pp-photos .nav2,.pp-photos .nav2 .prev,.pp-photos .nav2 .next {height:198px;} .pp-photos-1 .nav li {border:1px solid #f5f5f5; margin:3px; height:97px; width:264px;} .pp-photos-1 .nav li.active {border:1px solid #e3e3e3;} .pp-photos .albums table {margin-top:13px;} .pp-photos .albums td {color:#afafaf; padding:0 0 0 15px; vertical-align:middle;} .pp-photos .albums td.title {padding:0 0 0 10px; width:175px;} .pp-photos .albums td a {color:#58585a; font-size:12px; line-height:14px; text-decoration:none;} .pp-photos .albums td a.hover {text-decoration:underline;} .pp-photos .albums td a.preview {background:url(/i/pop_car_photo_bg.gif) no-repeat; display:inline-block; padding:12px 6px 6px;} .pp-photos .albums table.active td a.preview {background:url(/i/pop_car_photo_bg_a.gif) no-repeat;} .pp-photos .bigtext {color:#666; padding:57px 0; text-align:center;} .pp-photos .bigtext h4 {background: url(/i/pop_arrow_tit.gif) no-repeat center top; font-size:22px; font-weight:normal; line-height:26px; padding:30px 0 0 0; margin:0 0 13px;} .pp-photos .text {padding:10px 15px 12px 15px;font-family:Tahoma,Arial,sans-serif; font-size:11px;} .pp-photos .items {height:183px; overflow: hidden; position:relative;} .pp-photos .items li {padding:0 0 0 11px; width:535px; position:relative;} .pp-photos .items li a, .pp-photos .items li div.i {background:#fff url(/i/px.gif) no-repeat center; border:1px solid #d3d3d3; float:left; margin:4px 0 0 4px; padding:4px; position:relative; width:60px; height:60px;} .pp-photos .items li a:hover, .pp-photos .items li div.ia {background:url(/i/thumb_active.gif); border:0; padding:5px;} .pp-photos .items li div.ia {background:url(/i/thumb_active.gif); border:0; padding:5px;} .pp-photos .items li div.i .checkbox {display: block;position: absolute;left: 1px;top: 2px;} .pp-photos .items li div.ia .checkbox {left: 2px;top: 3px;} .pp-photos .items li a .ico, .pp-photos .items li div.i .ico {background:#fff url(/i/ico_img_mo.gif) no-repeat center; border:1px solid #d3d3d3; font-size:0; position:absolute; right:-3px; top:-3px; width:13px; height:13px;} .pp-photos .items li img {vertical-align:top;} .pp-photos .items .carousel {margin:0 30px; padding:16px 0 0;} .pp-photos .items .prev {background:url(/i/pop_prev_ico.png) no-repeat center; cursor:pointer; height:183px; width:29px; position:absolute; left:0; top:0;} .pp-photos .items .next {background:url(/i/pop_next_ico.png) no-repeat center; cursor:pointer; height:183px; width:29px; position:absolute; right:0; top:0;} .pp-photos .items .disabled {display:none;} .pp-photos .pagination {margin:0 auto 15px;} .pp-photos .submit {background:#eee; border-top:1px solid #fff; height:1%; overflow:hidden; padding:10px;} .pp-photos .submit .close {background:url(/i/button_red_bg.gif) repeat-x 0 0; color:#fff; float:right; font-size:11px; font-weight:bold; line-height:28px; height:28px; margin:0 0 0 10px; padding:0 10px; text-transform:uppercase; text-decoration:none;} .pp-photos .submit .choose {background:url(/i/button_green_bg.gif) repeat-x 0 0; color:#fff; float:right; font-size:11px; font-weight:bold; line-height:28px; height:28px; margin:0 0 0 10px; padding:0 10px; text-transform:uppercase; text-decoration:none;} .pp-photos .submit .fleft {margin:0;} .m_popup { background: url(/i/m_popup_arr_top.png) no-repeat center top; padding: 4px 0px 0px 0px; position: absolute; width: 96px; display: none; z-index:51;} .m_popup_up {background: url(/i/m_popup_arr_btm.png) no-repeat center bottom; padding:0 0 4px;} .m_popup .dark_border { background: url(/i/m_popup_dark_border.png) repeat left top; padding: 4px; zoom:1; } .m_popup .dark_border .popup_inner { background: #ffffff; padding: 1px; zoom:1; } .m_popup .dark_border .popup_inner .text { font-size: 9px; line-height: 11px; color: #999999; margin: 0px 4px 0px 4px; padding: 2px 0px 2px 0px; } .m_popup .tb_pop_rate { width: 100%; } .m_popup .tb_pop_rate td { padding: 0px 0px 0px 0px; } .m_popup .tb_pop_rate td.lf { padding: 7px 0px 7px 9px; font-size: 9px; color: #58585a; text-transform: uppercase; } .m_popup .tb_pop_rate td.rt { font-size: 9px; padding: 6px 5px 0px 0px; width: 18px; } .m_popup .tb_pop_rate .red td { background: #f0b8b8; } .m_popup .tb_pop_rate .red td.rt { color: #b87676; } .m_popup .tb_pop_rate .blue td { background: #c6f2a3; } .m_popup .tb_pop_rate .blue td.rt { color: #7da5ba; } .m_popup .tb_pop_rate .green td { background: #6fe774; } .m_popup .tb_pop_rate .green td.rt { color: #4ab14f; } .m_popup .tb_pop_rate .glue td { background: #ffffff; padding: 0px; height: 1px; line-height: 0px; font-size: 0px; } #pp-rep {width:212px;} #pp-rep th {padding:5px 10px 7px; text-align:left; white-space:nowrap;} #pp-rep th sup {font-size:9px; font-weight:normal; margin-left:2px; line-height:8px;} #pp-rep th.red {background:#f8dbd9; color:#c64b42 !important;} #pp-rep th.green {background:#bbefbb; border-left:1px solid #fff; color:#27a21e !important;} #pp-rep td {padding:5px 10px 7px;} #pp-rep td a {color:#666;} #pp-rep td.red {background:#faeaea;} #pp-rep td.green {background:#d4f8d5; border-left:1px solid #fff;} #pp-rep .total {background:#eee; border-top:1px solid #fff; color:#666; line-height:18px; padding:5px 10px; text-align:center;} #pp-rep .prev {background:url(/i/pop_prev_ico.gif) no-repeat 0 0; cursor:pointer; display:inline-block; height:18px; margin:0 15px; width:10px; vertical-align:middle;} #pp-rep .next {background:url(/i/pop_next_ico.gif) no-repeat 0 0; cursor:pointer; display:inline-block; height:18px; margin:0 15px; width:10px; vertical-align:middle;} .pp-reg .wrp {background: url(/i/m_popup_dark_border.png) repeat left top; padding:10px;} .pp-reg .content {background:#fff; font-size:12px; padding:1px;} .pp-reg h3 {background:#1d82a2; color:#fff; font-size:11px; font-weight:bold; margin:0 0 1px; padding:7px 10px 7px 10px; text-transform: uppercase;} .pp-reg h3 span.close {background: url(/i/pp_close2.gif) no-repeat center; float:right; font-size:0; margin-top:2px; width:11px; height:11px; cursor:pointer;} .pp-reg input.checkbox {margin-left:0; margin-top:0;} .pp-reg input.text {background:#fff; border:0; color:#666; margin:2px 0 0; padding:0; width:100%; vertical-align:baseline; outline:none;} .pp-reg div.text {padding:10px 9px 5px 10px;} .pp-reg .account {background:#f5efc7; color:#afa87c; font-size:11px; margin:0 0 1px; padding:5px 10px 6px;} .pp-reg .error {background:#fcedec; color:#e45247; font-size:12px; margin:0 0 1px; padding:10px 10px 11px;} .pp-reg .login {background:#fff url(/i/icon_user.gif) no-repeat 5px 7px; border:1px solid #afafaf; height:20px; margin:0 0 10px; padding:1px 1px 1px 20px;} .pp-reg .lock {background:#fff url(/i/icon_lock.gif) no-repeat 5px 7px; border:1px solid #afafaf; height:20px; margin:0 0 10px; padding:1px 1px 1px 20px;} .pp-reg .remind {background:url(/i/dashed_grey2.gif) repeat-x left bottom; color:#b2b2b2; cursor:pointer; float:right; font-size:11px; white-space:nowrap; line-height:13px;} .pp-reg .submit {background:#eee; border-top:1px solid #fff; height:1%; overflow:hidden; padding:10px; text-align:right;} .pp-reg .submit .next {background:url(/i/button_green_bg.gif) repeat-x 0 0; color:#fff; display:inline-block; font-size:11px; font-weight:bold; line-height:28px; height:28px; margin:0 0 0 10px; padding:0 10px; text-transform:uppercase; text-decoration:none;} .pp-reg .submit .reg {background:url(/i/dashed_grey6.gif) repeat-x left bottom; color:#58585a; cursor:pointer; float:left; white-space:nowrap; line-height:14px; margin:6px 12px 0 0;} .pp-reg .warning {border:5px solid #b2b2b2; margin:-36px 0 0 263px; position:absolute; z-index:1;} .pp-reg .warning ins {background:url(/i/arrow_left_grey.gif) no-repeat 0 0; font-size:0; height:7px; position:absolute; width:4px; top:6px; left:-9px;} .pp-reg .warning .err {background:#fcedec; border:1px solid #fff; color:#e45247; font-size:9px; padding:2px 4px; white-space:nowrap;} #pp-add-photo {display:none; position:absolute; width:593px; z-index:51;} #pp-add-photo .wrp {background:url(/i/m_popup_dark_border.png) repeat left top; padding:10px;} #pp-add-photo .content {background:#fff; font-size:12px; padding:1px;} #pp-add-photo h3 {background:#1d82a2; color:#fff; font-size:11px; font-weight:bold; margin:0 0 1px; padding:7px 10px 7px 10px; text-transform: uppercase;} #pp-add-photo h3 span.close {background:url(/i/pp_close2.gif) no-repeat center; float:right; font-size:0; margin-top:2px; width:11px; height:11px; cursor:pointer;} #pp-add-photo p {padding:5px 10px 0 10px;} #pp-add-photo p.switch {padding:0 10px;} #pp-add-photo .account {background:#f5efc7; color:#afa87c; font-size:11px; margin:0 0 1px; padding:10px 10px 10px;} #pp-add-photo .submit {background:#eee; height:1%; overflow:hidden; padding:10px; text-align:right;} #pp-add-photo .submit .close {background:url(/i/button_red_bg.gif) repeat-x 0 0; color:#fff; display:inline-block; font-size:11px; font-weight:bold; line-height:28px; height:28px; margin:0 0 0 10px; padding:0 10px; text-transform:uppercase; text-decoration:none;} #pp-add-photo .submit .next {background:url(/i/button_green_bg.gif) repeat-x 0 0; color:#fff; display:inline-block; font-size:11px; font-weight:bold; line-height:28px; height:28px; margin:0 0 0 10px; padding:0 10px; text-transform:uppercase; text-decoration:none;} #pp-add-photo .place {background:#fff url(/i/icon_place.png) no-repeat 5px 7px; border:1px solid #afafaf; display:inline-block; height:20px; padding:1px 1px 1px 20px;} #pp-add-photo .place input {background:#fff; border:0; color:#666; margin:2px 0 0; padding:0; width:185px; vertical-align:baseline; outline:none;} #pp-add-photo .addphoto {font-size:12px; height:24px; margin:0 0 1px; padding:8px 8px 8px 10px; position:relative; border-bottom:1px solid #d3d3d3;} #pp-add-photo .load {background:#fff url(/i/ico_load_photo.gif) no-repeat 5px 8px; border:1px solid #afafaf; display:inline-block; height:20px; padding:1px 1px 1px 20px;} #pp-add-photo .load input {background:#fff; border:0; color:#666; margin:2px 0 0; padding:0; width:278px; vertical-align:baseline; outline:none;} #pp-add-photo .addphoto .load_button {background:url(/i/button_green_bg.gif) repeat-x 0 0; color:#fff; float:right; font-size:11px; font-weight:bold; line-height:24px; height:24px; margin:0 0 0 10px; padding:0 10px; text-transform:uppercase; text-decoration:none; width:70px;} #pp-add-photo .addphoto .noright {float:none; display:inline-block;} #pp-add-photo .pict { border:1px solid #d3d3d3; padding:5px; margin:10px 10px 20px 10px } #pp-place {display:none; position:absolute; width:535px; z-index:51;} #pp-place .wrp {background:url(/i/m_popup_dark_border.png) repeat left top; padding:10px;} #pp-place .content {background:#fff; font-size:12px; padding:1px;} #pp-place h3 {background:#1d82a2; color:#fff; font-size:11px; font-weight:bold; margin:0 0 1px; padding:7px 10px 7px 10px; text-transform: uppercase;} #pp-place h3 span.close {background:url(/i/pp_close2.gif) no-repeat center; float:right; font-size:0; margin-top:2px; width:11px; height:11px; cursor:pointer;} #pp-place td {background:#eee;} #pp-place td p {border-bottom:1px solid #eee; cursor:pointer; font-size:12px; line-height: 14px; margin:0; padding:5px 10px;} #pp-place td p b {font-size:15px; line-height:1;} #pp-place td p.active {background:#f7f7f7;} #pp-place td p.sub {color:#939393;font-size:11px;padding:5px 10px 5px 24px;} #pp-place th {background:#eee url(/i/scroll_bg.gif) repeat-y right; font-size:11px; font-weight:normal; padding:4px 10px 10px; text-align:left; text-transform:uppercase;} #pp-place th input.text {height:20px; line-height:20px; width:199px; padding-left:4px} #pp-place .country {background:#fff; height:148px; padding:1px 0; overflow:scroll; overflow-x:hidden;} #pp-place .info {text-align:center;} #pp-place .info h2 {margin:7px 0 12px;} #pp-place .info .frame {margin:0 0 12px; position:relative;} #pp-place .info .summary {font-size:10px;} #pp-place .info .summary b {color:#1d82a2; font-weight:normal;} #pp-place .result {background:#e0e0e0; font-size:12px; margin:0 0 1px; padding:6px 10px 8px;} #pp-place .result span {color:#257b25; font-weight:bold;} #pp-place .submit {background:#eee; height:1%; overflow:hidden; padding:10px; text-align:right;} #pp-place .submit .close {background:url(/i/button_red_bg.gif) repeat-x 0 0; color:#fff; display:inline-block; font-size:11px; font-weight:bold; line-height:28px; height:28px; margin:0 0 0 10px; padding:0 10px; text-transform:uppercase; text-decoration:none;} #pp-place .submit .next {background:url(/i/button_green_bg.gif) repeat-x 0 0; color:#fff; display:inline-block; font-size:11px; font-weight:bold; line-height:28px; height:28px; margin:0 0 0 10px; padding:0 10px; text-transform:uppercase; text-decoration:none;} #pp-feedback {display:none; position:absolute; width:445px; z-index:51;} #pp-feedback .wrp {background:url(/i/m_popup_dark_border.png) repeat left top; padding:10px;} #pp-feedback .content {background:#fff; font-size:12px; padding:1px;} #pp-feedback h3 {background:#1d82a2; color:#fff; font-size:11px; font-weight:bold; margin:0 0 1px; padding:7px 10px 7px 10px; text-transform: uppercase;} #pp-feedback h3 span.close {background:url(/i/pp_close2.gif) no-repeat center; float:right; font-size:0; margin-top:2px; width:11px; height:11px; cursor:pointer;} #pp-feedback .account {background:#f5efc7; color:#afa87c; font-size:11px; margin:0 0 1px; padding:10px 10px 10px;} #pp-feedback .submit {background:#eee; height:1%; overflow:hidden; padding:10px; text-align:right;} #pp-feedback .submit .close {background:url(/i/button_red_bg.gif) repeat-x 0 0; color:#fff; display:inline-block; font-size:11px; font-weight:bold; line-height:28px; height:28px; margin:0 0 0 10px; padding:0 10px; text-transform:uppercase; text-decoration:none;} #pp-feedback .submit .next {background:url(/i/button_green_bg.gif) repeat-x 0 0; color:#fff; display:inline-block; font-size:11px; font-weight:bold; line-height:28px; height:28px; margin:0 0 0 10px; padding:0 10px; text-transform:uppercase; text-decoration:none;} #pp-feedback .standart_forms { margin: 0px 11px 0px 11px; padding: 11px 0px 15px 0px; } #pp-feedback .standart_forms .field { margin: 0px 0px 11px 0px; } .pp-feedback {display:none; position:absolute; width:445px; z-index:51;} .pp-feedback .wrp {background:url(/i/m_popup_dark_border.png) repeat left top; padding:10px;} .pp-feedback .content {background:#fff; font-size:12px; padding:1px;} .pp-feedback .top_title {background:#1d82a2; color:#fff; font-size:11px; font-weight:bold; margin:0px 0px 1px 0; padding:7px 10px 7px 10px; text-transform: uppercase; display: block;} .pp-feedback .top_title span.close {background:url(/i/pp_close2.gif) no-repeat center; float:right; font-size:0; margin-top:2px; width:11px; height:11px; cursor:pointer;} .pp-feedback .account {background:#f5efc7; color:#afa87c; font-size:11px; margin:0 0 1px; padding:10px 10px 10px;} .pp-feedback .submit {background:#eee; height:1%; overflow:hidden; padding:10px; text-align:right;} .pp-feedback .submit .close {background:url(/i/button_red_bg.gif) repeat-x 0 0; color:#fff; display:inline-block; font-size:11px; font-weight:bold; line-height:28px; height:28px; margin:0 0 0 10px; padding:0 10px; text-transform:uppercase; text-decoration:none;} .pp-feedback .submit .next {background:url(/i/button_green_bg.gif) repeat-x 0 0; color:#fff; display:inline-block; font-size:11px; font-weight:bold; line-height:28px; height:28px; margin:0 0 0 10px; padding:0 10px; text-transform:uppercase; text-decoration:none;} .pp-feedback .standart_forms{margin: 0px 11px 0px 11px;padding: 11px 0px 15px 0px;} .pp-feedback .standart_forms .field{margin: 0px 0px 11px 0px;} .pp-photos .submit .cancel {background: url(/i/ico_cancel.png) no-repeat 0px 4px;color:#58585a;text-decoration: none;padding: 0px 0px 0px 12px;float: right;margin: 6px 0px 0px 0px;} .pp-photos .submit .cancel span{background:url(/i/dashed_grey6.gif) repeat-x left bottom;} .pp-photos .submit .count_photo {float: left;font-size: 11px;text-transform: uppercase;color: #919192;font-weight: bolder;padding: 6px 0px 0px 0px;} .create_album{padding: 13px 0px 8px 0px;margin: 0px 10px 0px 10px;zoom:1;} .t_input {background: url(/i/icon_text.gif) no-repeat 5px 7px #FFFFFF;border: 1px solid #AFAFAF;font-size: 12px;margin: 0 0 5px;min-height: 20px;padding: 1px 1px 1px 20px;display: block;} .t_input input.text {background: #FFFFFF;border: 0 none;color: #666666;height: 14px;margin: 2px 0 0;padding: 0;vertical-align: baseline;width: 100%;} .t_area {background: url(/i/icon_text.gif) no-repeat 5px 7px #FFFFFF;border: 1px solid #AFAFAF;font-size: 12px;margin: 0 0 5px;min-height: 20px;padding: 1px 1px 1px 20px;display: block;} .t_area textarea {background: #FFFFFF;border: 0 none;color: #666666;font-size: 12px;height: 59px;margin: 2px 0 0;overflow: auto;padding: 0;resize: none;width: 100%;} .pp-residents {position:absolute; width:445px; z-index:52; display:none;} .pp-residents .wrp {background: url(/i/m_popup_dark_border.png) repeat left top; padding:10px;} .pp-residents .content {background:#fff; font-size:12px; padding:1px;} .pp-residents .top_title {background:#1d82a2; color:#fff; font-size:11px; font-weight:bold; margin:0 0 1px; padding:7px 10px 7px 10px; text-transform: uppercase;} .pp-residents .top_title span.close {background: url(/i/pp_close2.gif) no-repeat center; float:right; font-size:0; margin-top:2px; width:11px; height:11px; cursor:pointer;} .pp-residents .content {background:#fff; padding:1px;} .pp-residents .scroll_residents { height: 315px; overflow-y: scroll; overflow-x: hidden;} .pp-residents .tbl {padding:0 9px;} .pp-residents .info {background:#f5efc7; color:#afa87c; font-size:11px; margin:0 0 1px; padding:11px 10px 13px;} .pp-residents .submit {background:#eee; border-top:1px solid #fff; height:1%; overflow:hidden; padding:10px; text-align:right;} .pp-residents .submit .next {background:url(/i/button_green_bg.gif) repeat-x 0 0; color:#fff; display:inline-block; font-size:11px; font-weight:bold; line-height:28px; height:28px; margin:0 0 0 10px; padding:0 10px; text-transform:uppercase; text-decoration:none;} .pp-residents .usersinfo td {background:url(/i/dashed_grey.gif) repeat-x top; font-size:12px; padding:9px 25px 8px 0; vertical-align:middle;} .pp-residents .usersinfo tr:first-child td {background:none;} .pp-residents .usersinfo .avatar {padding:8px 8px 9px 0; width:46px;} .pp-residents .usersinfo .avatar span {background:#fff; border:1px solid #d3d3d3; display:inline-block; margin-right:8px; padding:4px;} .pp-residents .usersinfo .avatar span.ihover {background:none; border:0; margin:0; padding:0;} .pp-residents .usersinfo .username {color:#afafaf; font-size:11px; line-height:1.2;} .pp-residents .usersinfo .username a {color:#666; display:inline-block; margin-bottom:4px;} .pp-residents .usersinfo .useralb {padding:15px 0 0 0; vertical-align:top; white-space:nowrap; width:90px;} .pp-residents .usersinfo .useralb span {background:url(/i/icon_folder.gif) no-repeat 0 3px; color:#afafaf; display:inline-block; font-size:11px; line-height:13px; padding-left:12px;} .create_album .warning {border: 5px solid #B2B2B2;margin: -36px 0 0 425px;position: absolute;z-index: 1;white-space: nowrap;} .create_album .warning ins {background: url(/i/arrow_left_grey.gif) no-repeat 0 0;font-size: 0;height: 7px;left: -9px;position: absolute;top: 10px;width: 4px;} .create_album .warning .err {background: #F0B8B8;border: 1px solid #FFFFFF;color: #9C1515;font-size: 9px;padding: 7px 8px;} .choose_type_note{padding:11px 0px 15px 0px;margin:0px 6px 0px 6px} .choose_type_note .tb_ctn{width:100%;border-collapse:collapse} .choose_type_note .tb_ctn td.col{padding:0px;width:50%} .tb_checks{border-collapse:collapse} .tb_checks td{padding:0px 0px 1px 0px;vertical-align:top} .tb_checks td.l{padding-right:2px} .tb_checks td.r{padding-top:1px} .tb_checks td.r label{cursor:pointer;font-size:12px;color:#787878} .text_tezis{font-size:11px;line-height:16px;color:#787878;margin:0px 10px 0px 10px;padding:10px 0px 10px 0px;zoom:1;} .text_tezis h4{font-size:11px;font-weight:bolder;color:#666666;padding:0px;margin:0px 0px 3px 0px} .text_tezis .t_input{margin-top:1px} .text_tezis .green{color:#32bc28} .add_material{margin: 0px 10px} .add_material table{ width: 100%; border-collapse: collapse; margin: 24px 0; } .add_material table td{padding: 0px;vertical-align: top;} .add_material table td.sep { font-size: 0px; vertical-align: top; width: 1px; } .add_material table td.sep1 { padding: 0; } .add_material table td.sep2 { padding: 0; vertical-align: bottom; } .add_material table td.sep span{ font-size: 0px; height: 95px; width: 1px; background-color: #dadada; overflow: hidden; display: inline-block; } .add_material table td div.sep{ height: 1px; width: 145px; background-color: #dadada; overflow: hidden; margin: 0 auto; } .add_material table td.col{text-align: center;width: 50%;padding: 0px 0px 0px 0px;} .add_material table td.col a { display: block; font-size: 18px; color: #787878; padding: 54px 0px 20px 0px; text-decoration: none; zoom: 1; line-height: 19px; } .add_material table td.col a.photo{background: url(/i/ico_b_ap.gif) no-repeat center 0;} .add_material table td.col a.photo:hover{background: url(/i/ico_b_ap_a.gif) no-repeat center 0;} .add_material table td.col a.note{background: url(/i/ico_b_an.gif) no-repeat center 0;} .add_material table td.col a.note:hover{background: url(/i/ico_b_an_a.gif) no-repeat center 0;} .add_material table td.col a.quest{ background: url(/i/ico_b_qu.gif) no-repeat center 0; padding: 54px 0px 0 0px; } .add_material table td.col a.quest:hover{background: url(/i/ico_b_qu_a.gif) no-repeat center 0;} .add_material table td.col a.tip{ background: url(/i/ico_b_tip.gif) no-repeat center 0; padding: 54px 0px 0 0px; } .add_material table td.col a.tip:hover{background: url(/i/ico_b_tip_a.gif) no-repeat center 0;} .add_material table td.col a span, .add_material .col-pl a span {background: url(/i/dashed_787878.gif) repeat-x left bottom;text-transform: uppercase;} .add_material table td.col a:hover span, .add_material .col-pl a:hover span {background: url(/i/dashed_1d82a2.gif) repeat-x left bottom;color: #1d82a2;} .add_material table td.col a em, .add_material .col-pl a em { text-align: center; display: block; font: normal 14px/16px Tahoma; color: #cccccc; text-transform: uppercase; margin: 3px 0 0; } .add_material .col-pl { text-align: center; } .add_material .col-pl-a { background: url(/i/ico_b_pl.png) no-repeat center 0; display: block; font-size: 18px; color: #787878; padding: 63px 0px 10px 0px; text-decoration: none; zoom: 1; line-height: 19px; } .add_material .col-pl-a:hover { background: url(/i/ico_b_pl_hover.png) no-repeat center 0; } .personal_data{text-align: center;font-size: 12px;line-height: 18px;color: #58585a;margin: 0px 20px 0px 20px;padding: 15px 0px 14px 0px;} .personal_data .img{padding:0px 0px 17px 0px} .personal_data p{margin:0px 0px 10px 0px;padding:0px} .personal_data p .r{color:#bd5959} .personal_data .tb_agree{margin:0 auto} .personal_data .tb_agree td{padding:0px;line-height:normal} .personal_data .tb_agree td.check{padding:0px 4px 0px 0px} .personal_data .tb_agree td a{color:#58585a;text-decoration:underline} .personal_data .tb_agree td a:hover{text-decoration:none} .personal_data .tb_agree td.label{padding-top:2px} .personal_data .tb_agree td label{margin-right:3px;cursor:pointer;float:left} .submit .law{float:left;height:24px;line-height:24px;margin:2px 0px 0px 0px} .submit .law a{display:block;float:left;height:25px;background:url(/i/ico_dw.gif) no-repeat right 9px;padding:0px 11px 0px 0px;text-decoration:underline} .submit .law a:hover{text-decoration:none} .submit .law a span{float:left;height:25px;padding:0px 0px 0px 29px;background:url(/i/ico_gerb.gif) no-repeat 0px 0px;text-decoration:underline} .submit .law a:hover span{text-decoration:none} .pp_load{position: absolute;width: 400px;text-align: center;z-index: 999;display: none;} .pp_load .img{font-size: 0px;line-height: 0px;margin: 0px 0px 12px 0px;} .pp_load .text{font-size: 18px;color: #0f0f0f;} #photo-selector-photos .carousel {visibility: visible; overflow-x: hidden; overflow-y: hidden; position: relative; z-index: 2; left: 0px; width: 546px} #photo-selector-photos .carousel ul {margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; position: relative; list-style-type: none; z-index: 1; width: 546px; left: 0px} #photo-selector-photos .carousel ul li {overflow-x: hidden; overflow-y: hidden; float: left; width: 535px; height: 148px} .popup-gray {background: url(/i/m_popup_dark_border.png) repeat left top; padding:10px; position: absolute; width:562px; z-index:51; display: none;} .popup-gray .top_title {background:#2ec325; color:#fff; font-size:11px; font-weight:bold; margin:0 0 1px; padding:7px 11px 9px 16px; text-transform: uppercase;} .popup-gray .top_title span.close {background: url(/i/pp_close_green.gif) no-repeat left top; float:right; font-size:0; margin-top:2px; width:12px; height:12px; cursor:pointer;} .popup-gray .top_title em {font-style: normal;color: #77b4c7;} .popup-gray .content {background:#fff; padding:1px;} .popup-gray .submit {background:#eee; border-top:1px solid #fff; height:1%; overflow:hidden; padding:15px 10px 15px 10px; text-align: center;} .popup-gray .submit .close {background:url(/i/button_red_bg.gif) repeat-x 0 0; color:#fff; float:right; font-size:11px; font-weight:bold; line-height:28px; height:28px; margin:0 0 0 10px; padding:0 10px; text-transform:uppercase; text-decoration:none;} .popup-gray .submit .choose {background:url(/i/button_green_bg.gif) repeat-x 0 0; color:#fff; float:right; font-size:11px; font-weight:bold; line-height:28px; height:28px; margin:0 0 0 10px; padding:0 10px; text-transform:uppercase; text-decoration:none;} .popup-gray .submit .fleft {margin:0;} .popup-blue {background: url(/i/m_popup_dark_border.png) repeat left top; padding:10px; position: absolute; width:562px; z-index:51; display: none;} .popup-blue .top_title {background:#1d82a2; color:#fff; font-size:11px; font-weight:bold; margin:0 0 1px; padding:7px 11px 9px 16px; text-transform: uppercase;} .popup-blue .top_title span.close {background: url(/i/pp_close_blue.gif) no-repeat left top; float:right; font-size:0; margin-top:2px; width:12px; height:12px; cursor:pointer;} .popup-blue .top_title em {font-style: normal;color: #77b4c7;} .popup-blue .content {background:#fff; padding:1px;} .popup-blue .submit {background:#d2e5e4; border-top:1px solid #fff; height:1%; overflow:hidden; padding:15px 10px 15px 10px; text-align: center;} .popup-blue .submit .close {background:url(/i/button_red_bg.gif) repeat-x 0 0; color:#fff; float:right; font-size:11px; font-weight:bold; line-height:28px; height:28px; margin:0 0 0 10px; padding:0 10px; text-transform:uppercase; text-decoration:none;} .popup-blue .submit .choose {background:url(/i/button_green_bg.gif) repeat-x 0 0; color:#fff; float:right; font-size:11px; font-weight:bold; line-height:28px; height:28px; margin:0 0 0 10px; padding:0 10px; text-transform:uppercase; text-decoration:none;} .popup-blue .submit .fleft {margin:0;} .popup-blue .submit .blue-btn{background:url(/i/submit-blue-btn.gif) repeat-x left bottom;text-decoration:none;color:#1d82a2;margin:0px 20px 0px 20px;height:26px;text-shadow:0px -1px 0 #3286a0;border:1px solid #2396bb;display:-moz-inline-box;display:inline-block;font:14px/26px Tahoma;text-transform:uppercase;color:#ffffff;float:none;padding:0px 16px 0px 16px} .popup-gray .submit .green-btn{background:url(/i/submit-green-btn.gif) repeat-x left bottom;text-decoration:none;color:#1d82a2;margin:0px 20px 0px 20px;height:26px;text-shadow:0px -1px 0 #2fb326;border:1px solid #2fa327;display:-moz-inline-box;display:inline-block;font:14px/26px Tahoma;text-transform:uppercase;color:#ffffff;float:none;padding:0px 16px 0px 16px} .ask_question{width:562px} .ask_question .forms{padding:4px 0px 0px 0px;background:#f4f4f4} .give_advice .forms{padding:4px 0px 0px 0px;background:#e9f8f7} .tb_ask_question{width:100%;border-collapse:collapse} .tb_ask_question td.side{ width: 16px; min-width: 16px; font-size: 0px; line-height: 0px; padding: 11px 0px 9px; } .tb_ask_question td.glue{ width: 24px; min-width: 24px; font-size: 0px; line-height: 0px; padding: 11px 0px 9px; } .tb_ask_question td.col{ width: 45%; padding: 11px 0px 9px; } .tb_ask_question .border td{border-bottom:1px solid #fff} .tb_ask_question td .textarea{margin:0px 0px 9px 0px} .tb_ask_question td .textarea textarea{/*overflow-y:scroll;*/ height:125px} .tb_ask_question td.add_note{background:transparent;padding:17px 0px 14px 0px} .tb_ask_question .value{overflow:hidden;white-space:nowrap;width:220px;} .forms .tb_ask_question .place{background:#fff;padding:1px 1px 1px 5px; height: 20px;} .forms .tb_ask_question .tags{height:20px} .give_advice .tb_ask_question td .textarea textarea{height:97px} .tb_ask_question div#pp-reg-city{position:absolute;left:4% !important;top:-10% !important;} .tb_ask_question div.pp-photos{position:absolute;left:10% !important;top:20% !important;} .forms .frmf .tb_checks td.l input{width:15px} .pp-addfrnd {position:absolute; width:276px; z-index:51; display:none;} .pp-addfrnd .wrp {background: url(/i/m_popup_dark_border.png) repeat left top; padding:10px;position:relative;} .pp-addfrnd .content {background:#fff; font-size:12px; padding:1px;} .pp-addfrnd .top_title { color: White; font-size: 11px; font-weight: bold; padding: 7px 10px 9px; text-transform: uppercase; background-color: #2fbd25; } .pp-addfrnd .top_title span.close { background: url(/i/x_green.gif) no-repeat center; float: right; font-size: 0; margin-top: 2px; width: 12px; height: 12px; cursor: pointer; } .pp-addfrnd .content {background:#fff; padding:1px;} .pp-addfrnd .submit {background:#eee; height:1%; overflow:hidden; padding:11px 9px 9px; text-align:right;} .pp-addfrnd .submit .cancel {background:url(/i/dashed_1d82a2_2.gif) repeat-x left bottom; color:#1d82a2; cursor:pointer; display:inline-block; font-size:13px; line-height:14px; margin:0 0 0 10px; text-decoration:none;} .pp-addfrnd .submit .next {background:url(/i/btn_green.gif) repeat-x 0 0; border:1px solid #05b400; color:#fff; display:inline-block; font-size:14px; line-height:26px; height:26px; margin:0 0 0 14px; padding:0 10px; text-transform:uppercase; text-decoration:none; text-shadow:0 -1px 0 #1caf17;} .pp-addfrnd .fields {color:#999; font-size:12px; line-height:16px; padding:10px 10px 5px;} .pp-addfrnd .fields p {margin:0 0 9px;} /* @resource /css/b-pp-reg.css */ .pp-reg { width: 445px; background: url(/i/m_popup_dark_border.png) repeat left top; padding: 10px 0; position: absolute; z-index: 53; display: none;} .pp-reg-inp { background: #fff; border: 0; color: #58585a; margin: 7px 0 0; padding: 0; width: 100%; vertical-align: baseline; outline: none; font-size: 14px; } .pp-reg-account { background: #f0f0f0; color: #58585a; font-size: 12px; padding: 0 14px; line-height: 18px; font-weight: bolder; text-shadow: 1px 1px 0 white; height: 60px; } .pp-reg-account-td1 { padding: 10px 4px 0; vertical-align: top; } .pp-reg-account-td2 { padding: 5px 0 7px 4px; vertical-align: top; width: 120px; text-align: right; } .pp-reg-account-td3 { padding: 5px 0 7px 4px; vertical-align: top; text-align: right; } .pp-reg-error { background: #fcedec; color: #e45247; font-size: 12px; margin: 1px 0 0; padding: 10px 14px 11px; } .pp-reg-txt { margin: 0 0 5px; font-size: 12px; color: #58585a; padding: 5px 0 0; } .pp-reg-txt2 { margin: 0 0 5px; color: #58585a; } .pp-reg-txt3 { margin: 10px 0 18px; font-size: 12px; color: #58585a; } .pp-reg-login { background: #fff url(/i/icon_user.png) no-repeat 8px 9px; border: 1px solid #afafaf; height: 32px; margin: 0 0 12px; padding: 0 0 0 37px; } .pp-reg-password { background: #fff url(/i/icon_lock.png) no-repeat 9px 9px; border: 1px solid #afafaf; height: 32px; margin: 0 0 12px; padding: 0 0 0 37px; } .pp-reg-remind { background: url(/i/dashed_666.gif) repeat-x left bottom; color: #666; float: right; font-size: 11px; white-space: nowrap; line-height: 13px; text-decoration: none; } .pp-reg .popup-content { padding: 12px 14px; } .pp-reg .chk { margin: 0 3px 0 0; padding: 0; } .pp-reg-submit-reg { background: url(/i/dashed_grey6.gif) repeat-x left bottom; color: #58585a; cursor: pointer; float: left; white-space: nowrap; line-height: 16px; margin: 18px 0 0 14px; text-decoration: none; font-size: 12px; } .pp-reg-warning { border: 5px solid #b2b2b2; margin: -43px 0 0 400px; position: absolute; z-index: 1; } .pp-reg-warning-ins { background: url(/i/arrow_left_grey.gif) no-repeat 0 0; font-size: 0; height: 7px; position: absolute; width: 4px; top: 6px; left: -9px; } .pp-reg-warning-err { background: #fcedec; border: 1px solid #fff; color: #e45247; font-size: 9px; padding: 2px 4px; white-space: nowrap; } .pp-reg .popup-inn { background: White; padding: 1px; margin: 0 10px; } .pp-reg .popup-h3 { background: #1d82a2; color: #fff; font-size: 11px; font-weight: bold; margin: 0 0 1px; padding: 7px 10px; text-transform: uppercase; } .pp-reg .popup-close-8x8 { background: url(/i/pp_close2.gif) no-repeat center top; float: right; font-size: 0; margin: 2px 0 0; width: 12px; height: 12px; cursor: pointer; } .pp-reg .popup-close-12x12 { background: url(/i/pp_close3.gif) no-repeat center top; float: right; font-size: 0; margin: 1px 0 0; width: 12px; height: 12px; cursor: pointer; } .pp-reg .popup-submit { height: 50px; background: #eee; } .pp-reg .popup-submit-btn { background: url(/i/excurs-block-btn.gif) repeat-x left top; height: 28px; width: 150px; border-left: solid 1px #1c93b9; border-right: solid 1px #1c93b9; display: block; margin: 0 auto; text-decoration: none; position: relative; top: 12px; font: bold 12px Tahoma,Arial,sans-serif; text-transform: uppercase; color: #fff; text-align: center; line-height: 26px; } .pp-reg .popup-submit-btn-red { background: url(/i/button_red_bg.gif) repeat-x 0 0; color: #fff; display: inline-block; font-size: 11px; font-weight: bold; line-height: 28px; height: 28px; margin: 11px 10px 0 0; padding: 0 10px; text-transform: uppercase; text-decoration: none; float: right; } .pp-reg .popup-submit-btn-green { background: url(/i/button_green_bg.gif) repeat-x 0 0; color: #fff; display: inline-block; font-size: 11px; font-weight: bold; line-height: 28px; height: 28px; margin: 11px 10px 0 0; padding: 0 10px; text-transform: uppercase; text-decoration: none; float: right; } .pp-reg .popup-submit-btn-green2 { background: url(/i/button_green_bg.png) repeat-x 0 0; color: #fff; display: inline-block; font-size: 14px; line-height: 26px; height: 26px; margin: 11px 10px 0 0; padding: 0 20px; text-transform: uppercase; text-decoration: none; float: right; border: 1px solid #05b400; text-shadow: 0 -1px 0 #0b9f05; font-family: Tahoma, Arial, sans-serif; } .pp-reg-logo1 { background: url(/i/index-sprite.png) no-repeat 0 -1516px; height: 34px; width: 46px; } .pp-reg-logo2 { background: url(/i/index-sprite.png) no-repeat 0 -1586px; height: 34px; width: 82px; } .pp-reg-logo3 { background: url(/i/index-sprite.png) no-repeat 0 -1724px; height: 34px; width: 80px; } .pp-reg-logo4 { background: url(/i/index-sprite.png) no-repeat 0 -1795px; height: 41px; width: 105px; } .pp-reg-logo5 { background: url(/i/index-sprite.png) no-repeat 0 -1651px; height: 43px; width: 104px; } /* @resource /css/b-standart.css */ .standart-h1 {font-size:28px;} .standart-h1-place { background: url(/i/place-top100-head-place.png) no-repeat 0 6px; font-size: 14px; font-weight: bolder; color: #30be26; display: inline-block; text-transform: uppercase; padding: 0 0 0 20px; margin: 10px 0 0 10px; vertical-align: top; line-height: 23px; } .standart-h1-right {float:right;} .standart-h1-black{font-size:28px; color: #000;margin: 0 0 12px 0;line-height: 28px;} .standart-h1-black-inline{font-size:28px; color: #000;margin: 0 0 12px 0;line-height: 28px; display: inline; } .standart-h1-num{background:#2FBD25;border-radius: 3px 3px 3px 3px;color: #FFFFFE;display: inline-block;font-size: 10px;font-weight: normal;line-height: 1;margin: 0 11px 0 7px;padding: 2px 3px 2px 4px;position: relative;text-decoration: none;top: -11px;} .standart-action-ask{ display: block; background: url(/i/advice-buttons-ask.gif) repeat-x center top; height: 36px; width: 210px; margin: 0px 0px 10px 0px; font: 20px/38px Tahoma; color: #ffffff; text-shadow: 0px -1px 0 #2fb326; text-align: center; text-decoration: none; text-transform: uppercase; border: 1px solid #47d03e; margin: 0 0 0 7px;} .standart-action-ask:hover { background: url(/i/advice-buttons-ask-hover.gif) repeat-x center top; } .standart-action-advise{ display: block; background: url(/i/advice-buttons-advise.gif) repeat-x center top; height: 36px; width: 210px; font: 20px/38px Tahoma; color: #ffffff; text-shadow: 0px -1px 0 #3286a0; text-align: center; text-decoration: none; text-transform: uppercase; border: 1px solid #2597bc; margin: 0 0 0 7px;} .standart-action-advise:hover { background: url(/i/advice-buttons-advise-hover.gif) repeat-x center top; } .standart-action-right{float:right;} .standart-h1-link-back{font-size: 12px; line-height: 28px; display: block; float:right; margin: 0 0 0 5px; padding: 0 20px 0 0; background: url(/i/arrow_next_blue.gif) right 13px no-repeat;} .standart-h1-friend { color: #2FBD25; font-size: 18px; } /* @resource /css/b-standart-popup.css */ .standart-popup { background: url(/i/m_popup_dark_border.png) repeat left top; padding: 10px 0; position: absolute; z-index: 51; display: none; width: 450px; } .standart-popup-inn { background: White; padding: 1px; margin: 0 10px; } .standart-popup-inn-f5f1d8 { background: #f5f1d8; padding: 1px; margin: 0 10px; } .standart-popup-h3 { background: #1d82a2; color: #fff; font-size: 11px; font-weight: bold; margin: 0 0 1px; padding: 7px 10px; text-transform: uppercase; } .standart-popup-h3-right { background: #1d82a2; color: #fff; font-size: 11px; font-weight: bold; margin: 0 0 1px; padding: 7px 10px; text-transform: uppercase; text-align: right;} .standart-popup-h3-green { background: green; } .standart-popup-h3-s { color: #77b4c7; } .standart-popup-close-8x8 { background: url(/i/pp_close2.gif) no-repeat center top; float: right; font-size: 0; margin: 2px 0 0; width: 12px; height: 12px; cursor: pointer; } .standart-popup-close-12x12 { background: url(/i/pp_close3.gif) no-repeat center top; float: right; font-size: 0; margin: 1px 0 0 7px; width: 12px; height: 12px; cursor: pointer; } .standart-popup-content-pd10 { padding: 10px; font-size: 12px; line-height: 16px; } .standart-popup-content-pd15 { padding: 15px; font-size: 12px; line-height: 16px; } .standart-popup-content-center { text-align: center; padding: 10px; } .standart-popup-content-overflow500 { height: 500px; overflow-y: scroll; } .standart-popup-submit { height: 50px; background: #eee; text-align: center; } .standart-popup-submit-auto { background: #eee; text-align: center; padding: 5px 10px; color: #888; } .standart-popup-submit-btn { position: relative; top: 12px; width: 150px; background: White; font-family: apercu_pro; border-radius: 2px; color: #348fab; display: block; margin: 12px auto 0; font-size: 10px; line-height: 15px; padding: 6px 10px; text-decoration: none !important; border: 1px solid #348fab; text-transform: uppercase; vertical-align: top; } .standart-popup-submit-btn-red { background: White; font-family: apercu_pro; border-radius: 2px; color: #de27ac; display: inline-block; font-size: 10px; line-height: 15px; padding: 6px 10px; text-decoration: none !important; border: 1px solid #de27ac; text-transform: uppercase; vertical-align: top; margin: 11px 10px 0 0; float: right; } .standart-popup-submit-btn-back { background: White; font-family: apercu_pro; border-radius: 2px; color: #999; display: inline-block; font-size: 10px; line-height: 15px; padding: 6px 10px; text-decoration: none !important; border: 1px solid #999; text-transform: uppercase; vertical-align: top; margin: 11px 0 0 10px; float: left; } .standart-popup-submit-btn-back-a { background: transparent; font-family: apercu_pro; border-radius: 2px; color: #666; display: inline-block; font-size: 10px; line-height: 15px; padding: 6px 10px; text-decoration: none !important; border: 1px solid transparent; text-transform: uppercase; vertical-align: top; margin: 11px 0 0 10px; float: left; } .standart-popup-submit-btn-green, .standart-popup-submit-btn-green2 { background: White; font-family: apercu_pro; border-radius: 2px; color: #05b400; display: inline-block; font-size: 10px; line-height: 15px; padding: 6px 10px; text-decoration: none !important; border: 1px solid #05b400; text-transform: uppercase; vertical-align: top; margin: 11px 10px 0 0; float: right; } .standart-popup-submit-btn-green-mono { background: #05b400; font-family: apercu_pro; border-radius: 2px; color: White; display: inline-block; font-size: 10px; line-height: 15px; padding: 6px 10px; text-decoration: none !important; text-transform: uppercase; vertical-align: top; margin: 11px 10px 0 0; float: right; } .standart-popup-submit-cancel { background: url(/i/dashed_1d82a2_2.gif) repeat-x scroll left bottom; color: #1D82A2; cursor: pointer; display: inline-block; font-size: 13px; line-height: 15px; margin: 17px 14px 0 10px; text-decoration: none !important; float: right; } .standart-popup-submit-cancel666 { background: url(/i/dashed_666.gif) repeat-x scroll left bottom; color: #666; cursor: pointer; display: inline-block; font-size: 13px; line-height: 15px; margin: 17px 14px 0 10px; text-decoration: none !important; float: right; } .standart-popup-submit-btn-orange { background: url(/i/rating-resort-btn-orange.png) repeat-x 0 0; color: #fff; display: inline-block; font-size: 14px; line-height: 26px; height: 26px; margin: 11px 0 0; padding: 0 20px; text-transform: uppercase; text-decoration: none !important; border: 1px solid #e48312; text-shadow: 0 -1px 0 #cb2e19; font-family: Tahoma, Arial, sans-serif; text-align: center; } .standart-popup-submit-btn-cnt { float: none; } .standart-popup-submit-reset { background: url(/i/where-i-was-country-del-in.gif) no-repeat 0 4px; font-size: 12px; line-height: 13px; display: inline-block; color: #666; text-decoration: none !important; margin: 0 0 0 8px; padding: 0 0 0 10px; } .standart-popup-submit-reset-s { border-bottom: 1px dotted #666; display: inline-block; } .standart-popup-inp100p{ border: 1px solid #d3d3d3; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .standart-popup-inp100p.error{ border-color: #cb2e19; } .standart-popup-textarea100p{ border: 1px solid #d3d3d3; width: 100%; height: 100px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 5px; } .standart-popup-nobrd { padding: 0; top: 0; left: 0; } .standart-popup-nobrd .standart-popup-inn { margin: 0; } .standart-popup-dotted { border-bottom: 1px dotted #348fab; text-decoration: none !important; font-size: 12px; line-height: 13px; display: inline-block; } .standart-popup-submit-btn-red2 { background: #de27ac; font-family: apercu_pro; border-radius: 2px; color: White; display: inline-block; font-size: 10px; line-height: 15px; padding: 6px 10px; text-decoration: none !important; text-transform: uppercase; vertical-align: middle; margin: 11px 10px 0 0; float: right; } .standart-popup-submit-btn:hover, .standart-popup-submit-btn-red:hover, .standart-popup-submit-btn-green2:hover { color: #e33232; border: 1px solid #e33232; } /* @resource /css/message-box.css */ .message-box-overlay { position:fixed; left:0; right:0; top:0; bottom:0; z-index:1000; } .message-box-center { display:table; height:100%; margin:auto; min-width: 30%; max-width: 90%; } .message-box-middle { vertical-align:middle; display:table-cell; } .message-box-back { font-family:Tahoma,Arial,sans-serif; background: url(/i/m_popup_dark_border.png) repeat left top; padding:10px; } .message-box { background:#fff; padding:1px; } .message-box-head { background:#1d82a2; color:#fff; font-size:11px; font-weight:bold; margin:0 0 1px; padding:7px 10px; text-transform: uppercase; } .message-box-x {background: url(/i/pp_close2.gif) no-repeat left top; float:right; font-size:0; margin-top:2px; width:11px; height:11px; cursor:pointer; } .message-box-body { padding:10px 15px 12px 15px;font-family:Tahoma,Arial,sans-serif; font-size:11px; } .message-box-foot { background:#eee; border-top:1px solid #fff; padding:10px; } .message-box-foot.center { text-align: center; } .message-box-foot-button { display: inline-block; text-decoration: none !important; border: 1px solid #bbb; border-radius: 2px; color: #999; font-size: 10px; line-height: 15px; padding: 6px 10px; text-transform: uppercase; } .message-box-foot-close { background: #ebebeb; } .message-box-foot-close:hover { background: #e33232; color: White; border: 1px solid #e33232; } /* @resource /css/b-header-autocomplete.css */ .header-autocomplete { border: 1px solid #1261a0; position: absolute; top: 55px; right: 30px; width: 294px; font-size: 12px; z-index: 200; background: #fff; } .header-autocomplete2014 { width: 100%; top: 30px; right: 0px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; display: none; } .header-autocomplete-inn { max-height: 264px; overflow-y: auto; } .header-autocomplete-ul {list-style:none; margin:0; padding:0;} .header-autocomplete-list {overflow:hidden; clear:both;} .header-autocomplete-list-grey {overflow:hidden; clear:both;} .header-autocomplete-link {display:block; overflow:hidden; clear:both; text-decoration:none; padding:2px 0 5px; background:#fff; color:#666; border:none;} .header-autocomplete-link2 { display: block; overflow: hidden; clear: both; text-decoration: none; padding: 2px 5px 5px; background: #fff; color: #666; border: none; } .header-autocomplete-span-l {float:left; width:21px; padding:0 0 0 3px;} .header-autocomplete-span-r {padding:0 0 0 24px; display:block;} .header-autocomplete-list-active .header-autocomplete-link, .header-autocomplete-list .header-autocomplete-link:hover, .header-autocomplete-list-grey .header-autocomplete-link:hover, .header-autocomplete-link:hover{color:#fff; background:#1261a0;} .header-autocomplete-link-selected{color:#fff !important; background:#1261a0 !important;} .header-autocomplete-state {font-size:10px; line-height:10px; color:#b3b3b3; display:block; white-space:nowrap;} .header-autocomplete-img1 {position:relative; top:4px; margin:0 0 0 4px;} .header-autocomplete-img2 {position:relative; top:2px;} .header-autocomplete-img3 {position:relative; top:3px;} .header-autocomplete-list-grey .header-autocomplete-link {color:#666; background:#f5f5f5;} .header-autocomplete-link-city {padding:8px 0;} .header-autocomplete-group { clear: both; border-top: 1px solid #cde9f5; border-bottom: 1px solid #cde9f5; background: #edf7fc; color: #666; text-align: center; font-size: 10px; line-height: 15px; text-transform: uppercase; } .header-autocomplete-list-all { clear: both; border-top: 1px solid #cde9f5; border-bottom: 1px solid #cde9f5; background: #edf7fc; text-align: center; font-size: 10px; line-height: 18px; text-transform: uppercase; } .header-autocomplete-list-all-a { color: #1d82a2; font-weight: bolder; } .header-autocomplete-result { clear: both; background: White; color: #666; text-align: center; font-size: 10px; line-height: 18px; } .header-autocomplete-all { border-top: 1px solid #cde9f5; background: #edf7fc; color: #666; text-align: center; font-size: 10px; line-height: 15px; text-transform: uppercase; margin: 0; padding: 0 0 3px; } .header-autocomplete-list-list-user .header-autocomplete-span-l { float: left; width: 27px; padding: 0 0 0 3px; position: relative; } .header-autocomplete-list-list-user .header-autocomplete-span-r { padding: 0 0 0 30px; display: block; } .header-autocomplete-span-l-pro { background: url(/i/advice-country-expert-pro.gif) repeat center bottom; bottom: -3px; height: 6px; left: 3px; position: absolute; width: 20px; } /* @resource /css/b-header-autocomplete14.css */ .header-autocomplete14 { border: 1px solid #dadada; position: absolute; font-size: 12px; z-index: 200; background: #fff; width: 100%; top: 30px; right: 0px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; display: none; min-width: 300px; overflow: hidden;} .header-autocomplete14-inn { max-height: 264px; overflow-y: auto; } .header-autocomplete14-ul { list-style: none; margin: 0; padding: 0 10px 0 0; } .header-autocomplete14-list { overflow: hidden; clear: both; } .header-autocomplete14-link { display: block; overflow: hidden; clear: both; text-decoration: none !important; padding: 5px 0 8px; background: #fff; color: #666; border-bottom: 1px solid #f7f7f7; } .header-autocomplete14-span-l { float: left; width: 21px; padding: 0 0 0 3px; } .header-autocomplete14-span-r { padding: 0 0 0 24px; display: block; } .header-autocomplete14-list-active .header-autocomplete14-link, .header-autocomplete14-link:hover .header-autocomplete14-state, .header-autocomplete14-list .header-autocomplete14-link:hover, .header-autocomplete14-link:hover{ background: #f3f3f3; } .header-autocomplete14-state { font-size: 10px; line-height: 10px; color: #b3b3b3; display: block; white-space: nowrap; } .header-autocomplete14-img1 { position: relative; top: 4px; margin: 0 0 0 4px; } .header-autocomplete14-img2 { position: relative; top: 2px; } .header-autocomplete14-img3 { position: relative; top: 3px; } .header-autocomplete14-link-city { padding: 8px 0; } .header-autocomplete14-group { clear: both; border-bottom: 1px solid #cde9f5; color: Black; font-size: 12px; line-height: 24px; font-weight: bolder; padding: 0 5px; } .header-autocomplete14-group:hover { background: #edf7fc; } .header-autocomplete14-result { clear: both; color: #666; font-size: 11px; line-height: 18px; padding: 0 0 3px 5px; border-bottom: 1px solid #f7f7f7; background: #f3fbf2; text-align: center; } .header-autocomplete14-all { border-top: 1px solid #cde9f5; background: #edf7fc; color: #666; text-align: center; font-size: 10px; line-height: 18px; text-transform: uppercase; margin: 0; padding: 0 0 3px; } .header-autocomplete14-list-list-user .header-autocomplete14-span-l { float: left; width: 27px; padding: 0 0 0 3px; position: relative; } .header-autocomplete14-list-list-user .header-autocomplete14-span-r { padding: 0 0 0 30px; display: block; } .header-autocomplete14-span-l-pro { background: url(/i/advice-country-expert-pro.gif) repeat center bottom; bottom: -3px; height: 6px; left: 3px; position: absolute; width: 20px; } .header-autocomplete14 strong { font-weight: normal !important; color: #ff0200 !important; } .autocomplete14-scroller-wrapp{ position: absolute; top: 0; right: 5px; background: #eee; width: 4px; height: 92%; } .autocomplete14-scroller{ background: #ff0200; width: 100%; min-height: 50px; border-radius: 2px; position: absolute; left: 0; top: 0; cursor: pointer; } .header2014-2-search{ margin: 0 222px 0 0; border-radius: 2px 0 0 2px; } .header2014-2-country{ right: -120px; } .header2014-2-search-mrg{ margin: 0; } @media screen and (max-width: 1024px){ .header2014-2-search{ margin: 0 162px 0 0; } } /* @resource /css/b-autocomplite.css */ .autocomplite { position: absolute; background: White; font-size: 12px; line-height: 15px; top: 0; left: 0; width: 100%; box-shadow: 0 7px 7px 0 #a7a7a7; z-index: 6; max-height: 340px; overflow-y: auto; } .autocomplite-a { border-top: 1px solid #ebebeb; color: #666; display: block; padding: 10px; text-decoration: none !important; } .autocomplite-a strong {color: #2fbc25; font-weight: normal;} .autocomplite-a:hover { background: #eaf8e9; } .autocomplite-a-act { color: #2fbc25; } .autocomplite-a-s { color: #bbb; font-size: 9px; } .autocomplite-span-r {padding: 0 0 0 7px; display: block;} .autocomplite-header { border: none; position: absolute; font-size: 12px; z-index: 200; background: #fff; box-shadow: 0 7px 7px 0 #A7A7A7;} /* @resource /css/b-popup15.css */ .popup15 { background: White; position: absolute; z-index: 102; display: none; width: 450px; box-shadow: 0 0 10px #999; } .popup15-ttl { line-height: 20px; font-size: 15px; font-weight: bold; font-family: 'apercu_pro'; color: Black; margin: 0 0 15px; padding: 10px 20px 0; } .popup15-ttl-i2 { line-height: 20px; font-size: 18px; font-weight: bold; font-family: 'apercu_pro'; color: Black; margin: 0 0 15px; padding: 10px 20px 0; } .popup15-ttl-x { float: right; display: block; height: 16px; width: 16px; background: url(/i/x8.png) no-repeat center; cursor: pointer; margin: 3px 0 0; } .popup15-ttl-blue { background: #348fab; margin: 0; padding: 10px 20px; color: White; } .popup15-ttl-blue .popup15-ttl-x { background: url(/i/x-white.png) no-repeat center; } .popup15-cont { padding: 0 20px 15px; font-size: 12px; line-height: 16px; } .popup15-cont-pd0 { padding: 0; } .popup15-cont-thx { background: url(/i/popup15-cont-thx.png) no-repeat right bottom; min-height: 180px; font-size: 22px; line-height: 26px; font-weight: bolder; font-family: apercu_pro; color: #666; } .popup15-center { text-align: center; padding: 10px; } .popup15-overflow400 { height: 400px; overflow-y: scroll; } .popup15-overflow500 { height: 500px; overflow-y: scroll; } .popup15-submit { background: #ebebeb; padding: 15px 20px; font-family: apercu_pro; position: relative; } .popup15-submit a { display: inline-block; text-decoration: none !important; } .popup15-submit-btn-cancel { background: #ebebeb; border: 1px solid #bbb; border-radius: 2px; color: #999; font-size: 10px; line-height: 15px; padding: 6px 10px; text-transform: uppercase; } .popup15-submit-btn-cancel:hover { background: #e33232; color: White; border: 1px solid #e33232; } .popup15-submit-btn-green { background: #05b400; border-radius: 2px; color: White; font-size: 10px; line-height: 15px; padding: 7px 10px; text-transform: uppercase; } .popup15-submit-hint { background: #ffffe0; border: 1px solid #bbb; border-radius: 3px; font-size: 11px; line-height: 15px; padding: 7px 10px; box-shadow: 0 0 10px #ccc; left: 100%; top: 0; position: absolute; white-space: nowrap; margin: 5px 0 0 -10px; display: none; } .popup15-submit-btn-white { background: White; border: 1px solid #05b400; border-radius: 2px; color: #05b400; font-size: 10px; line-height: 15px; padding: 6px 10px; text-transform: uppercase; } .popup15-submit-btn-white:hover { background: #05b400; border: 1px solid #05b400; color: White; } .popup15-inp100p { border: 1px solid #bbb; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 2px; font-size: 12px; padding: 4px 5px; } .popup15-inp100p-red.m-placeholder { color: Red !important; } .popup15-textarea100p { border: 1px solid #bbb; width: 100%; height: 100px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 2px; padding: 4px 5px; font-size: 12px; } .popup15-cont-p { font-family: apercu_pro; color: Black; font-size: 13px; line-height: 16px; font-weight: bolder; margin: 0 0 5px; display: block; } .popup15-a-list { background: White url(/i/ico-filf14-list.png) no-repeat center; display: block; height: 16px; position: absolute; right: 5px; text-decoration: none !important; top: 4px; width: 16px; } .popup15-a-list_red { background: White url(/i/ico-filf14-list-act.png) no-repeat center; display: block; height: 16px; position: absolute; right: 5px; text-decoration: none !important; top: 4px; width: 16px; } .popup15-a-add { background: url(/i/ico_plus_blue.gif) no-repeat 0 center; display: inline-block; text-decoration: none !important; padding: 0 0 0 12px; font-weight: bolder; font-size: 12px; line-height: 16px; } .popup15-selected { margin: 0; padding: 0; } .popup15-selected-li { background: #ebebeb; border-radius: 3px; display: inline-block; height: 22px; line-height: 22px; margin: 0 2px 4px 0; vertical-align: top; } .popup15-selected-li-s { border-radius: 3px 0 0 3px; cursor: default; display: inline-block; font-family: apercu_pro; font-size: 9px; height: 22px; letter-spacing: 0.8px; max-width: 135px; overflow: hidden; padding: 0 3px 0 7px; text-overflow: ellipsis; text-transform: uppercase; vertical-align: top; white-space: nowrap; } .popup15-selected-li-x { background: #e2e2e2 url(/i/icon-close.png) no-repeat center; border-radius: 0 3px 3px 0; display: inline-block; height: 22px; vertical-align: top; width: 22px; } .popup15-option { position: absolute; left: 0; top: 24px; border: 1px solid #d2d2d2; background: White; margin: 0; padding: 0; list-style-type: none; display: none; box-shadow: 0 0 10px #ccc; border-radius: 2px; max-height: 200px; overflow-y: auto; min-width: 100%; z-index: 56; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .popup15-option-li { border-bottom: 1px solid #d2d2d2; } .popup15-option-li:last-child { border-bottom: 0; } .popup15-option-a { padding: 7px 10px; font-size: 12px; line-height: 16px; display: block; color: #666; text-decoration: none; } .popup15-option-li-act, .popup15-option-a:hover { background: #ffffe0; } .popup15-milti-sel { border-radius: 2px; border: 1px solid #bbb; display: table; width: 100%; box-sizing: border-box; } .popup15-milti-sel-d { display: table-cell; height: 23px; line-height: 23px; border-left: 1px solid #bbb; position: relative; box-sizing: border-box; } .popup15-milti-sel-d:first-child { border: 0; } .popup15-sel-a { position: relative; padding: 0 16px 0 5px; display: block; color: #666; text-decoration: none !important; width: 100%; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; height: 23px; } .popup15-sel-a:after { background: url(/i/arrow_down_grey2.gif) no-repeat; position: absolute; top: 10px; right: 10px; height: 3px; width: 5px; content: ""; } .popup15-sel-a-act:after { background: url(/i/arrow_up_grey2.gif) no-repeat; } .popup15-sel-a2 { position: absolute; padding: 0 16px 0 5px; display: block; color: #666; text-decoration: none !important; width: 100%; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; height: 23px; } .popup15-sel-a2:after { background: url(/i/arrow_down_grey2.gif) no-repeat; position: absolute; top: 10px; right: 10px; height: 3px; width: 5px; content: ""; } .popup15-milti-sel-100p { border-radius: 2px; border: 1px solid #bbb; display: block; width: 100%; box-sizing: border-box; } .popup15-milti-sel-100p .popup15-milti-sel-d { width: 100%; display: block; } .popup15-milti-sel-m { display: table-cell; height: 23px; width: 85px !important; padding-left: 5px; line-height: 23px; border-left: 1px solid #bbb; position: relative; box-sizing: border-box; } .popup15-milti-sel-m:first-child { border: 0; } .popup15-sel-100p { border-radius: 2px; border: 1px solid #bbb; box-sizing: border-box; } .popup15-sel-100p-d { height: 23px; line-height: 23px; position: relative; box-sizing: border-box; } .popup15-label { display: inline-block; padding: 0 0 0 17px; position: relative; } .popup15-label-chk { position: absolute; top: 1px; left: 0; } .popup15-label-radio { position: absolute; top: 0; left: 0; } .popup15-label-tabs { display: none; } .popup15-label-tabs-block { display: none; margin: 10px 0 0; position: relative; z-index: 1; } .popup15-t { display: table; position: relative; } .popup15-tc { display: table-cell; position: relative; } .popup15-input-file { height: 1px; width: 1px; position: absolute; visibility: hidden; } .popup15-inp-date { border: 0; width: 60px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-size: 12px; padding: 4px 5px; } .popup15-name-span { display: inline-block; margin: 0 7px 0 5px; } .popup15-name-label { display: inline-block; color: #999; margin: -2px 0 0; } .popup15-label-tab { margin: 0 0 0 7px; } .popup15-label-tabs { display: none; } .popup15-label-tabs-block { display: none; margin: 10px 0 0; position: relative; z-index: 1; } .popup15-label-tabs-img { border: 1px solid #afafaf; display: inline-block; padding: 4px; } .popup15-photo { background: url(/i/addplace-tabs-block-brd.png) no-repeat 5px center; border: 1px solid #afafaf; display: inline-block; padding: 1px 1px 1px 20px; } .popup15-photo-sel { border: 0; width: 155px; } .popup15-datepicker { position: absolute; width: 205px; z-index: 60; left: -10px; display: none; } .popup15-menu-a { padding: 7px 10px; font-size: 12px; line-height: 16px; display: block; text-decoration: none !important; border-bottom: 1px solid #f5f5f5; margin: 0 -10px; } .popup15-menu-a:first-child { border-top: 1px solid #f5f5f5; } .popup15-menu-a-act { background: #ebebeb; } .popup15-menu-a:hover { background: #ffffe0; } .popup15-menu-bull { font-size: 18px; font-weight: bolder; display: inline-block; vertical-align: top; margin: -1px 5px 0 0; } .popup15-custom-input-container { border: 1px solid #d2d2d2; border-radius: 2px; margin: 0 0 10px; line-height: 30px; font-size: 12px; color: #999; padding: 0 10px; position: relative; } .popup15-custom-link-rt-image-input { background: transparent; width: 100%; font-size: 12px; border: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0; height: 20px; margin: 5px 0; } .popup15-menu-a { padding: 7px 10px; font-size: 12px; line-height: 16px; display: block; text-decoration: none !important; border-bottom: 1px solid #f5f5f5; margin: 0 -10px; } .popup15-menu-a:first-child { border-top: 1px solid #f5f5f5; } .popup15-menu-a-act { background: #ebebeb; } .popup15-menu-a:hover { background: #ffffe0; } .popup15-menu-bull { font-size: 18px; font-weight: bolder; display: inline-block; vertical-align: top; margin: -1px 5px 0 0; } .popup15-sep { margin: 10px 0; background: #d2d2d2; height: 1px; width: 100%; } .popup15-cont-alert { background: #f5efc7; color: #afa87c; font-size: 11px; margin: 0 -20px 10px; padding: 9px 20px 11px; } /* классы ниже пока не используются, классы буду переноситься выше по мере необходимости */ .popup15-submit-auto { background: #eee; text-align: center; padding: 5px 10px; color: #888; } .popup15-submit a { display: inline-block; text-decoration: none !important; } .popup15-submit-btn { position: relative; top: 12px; width: 150px; background: White; font-family: 'apercu_pro'; border-radius: 2px; color: #348fab; display: block; margin: 12px auto 0; font-size: 10px; line-height: 15px; padding: 6px 10px; text-decoration: none !important; border: 1px solid #348fab; text-transform: uppercase; vertical-align: top; } .popup15-submit-btn-back { background: White; font-family: 'apercu_pro'; border-radius: 2px; color: #999; display: inline-block; font-size: 10px; line-height: 15px; padding: 6px 10px; text-decoration: none !important; border: 1px solid #999; text-transform: uppercase; vertical-align: top; margin: 11px 0 0 10px; float: left; } .popup15-submit-btn-back-a { background: transparent; font-family: 'apercu_pro'; border-radius: 2px; color: #666; display: inline-block; font-size: 10px; line-height: 15px; padding: 6px 10px; text-decoration: none !important; border: 1px solid transparent; text-transform: uppercase; vertical-align: top; margin: 11px 0 0 10px; float: left; } .popup15-submit-btn-red { background: White; font-family: 'apercu_pro'; border-radius: 2px; color: #de27ac; display: inline-block; font-size: 10px; line-height: 15px; padding: 6px 10px; text-decoration: none !important; border: 1px solid #de27ac; text-transform: uppercase; vertical-align: top; margin: 11px 10px 0 0; float: right; } .popup15-submit-btn-green-mono { background: #05b400; font-family: 'apercu_pro'; border-radius: 2px; color: White; display: inline-block; font-size: 10px; line-height: 15px; padding: 6px 10px; text-decoration: none !important; text-transform: uppercase; vertical-align: top; margin: 11px 10px 0 0; float: right; } .popup15-submit-cancel { color: #348fab; cursor: pointer; display: inline-block; font-size: 12px; line-height: 12px; margin: 20px 14px 0 10px; text-decoration: none !important; float: right; border-bottom: 1px dotted #348fab; } .popup15-submit-cancel666 { background: url(/i/dashed_666.gif) repeat-x scroll left bottom; color: #666; cursor: pointer; display: inline-block; font-size: 13px; line-height: 15px; margin: 17px 14px 0 10px; text-decoration: none !important; float: right; } .popup15-submit-btn-orange { background: url(/i/rating-resort-btn-orange.png) repeat-x 0 0; color: #fff; display: inline-block; font-size: 14px; line-height: 26px; height: 26px; margin: 11px 0 0; padding: 0 20px; text-transform: uppercase; text-decoration: none !important; border: 1px solid #e48312; text-shadow: 0 -1px 0 #cb2e19; font-family: Tahoma, Arial, sans-serif; text-align: center; } .popup15-submit-btn-maroon { background: #AE0045; border-radius: 2px; color: White; font-size: 10px; line-height: 15px; padding: 7px 10px; text-transform: uppercase; } .popup15-submit-btn-cnt { float: none; } .popup15-submit-reset { background: url(/i/where-i-was-country-del-in.gif) no-repeat 0 4px; font-size: 12px; line-height: 13px; display: inline-block; color: #666; text-decoration: none !important; margin: 0 0 0 8px; padding: 0 0 0 10px; } .popup15-submit-reset-s { border-bottom: 1px dotted #666; display: inline-block; } .popup15-submit-dotted-black { border-bottom: 1px dotted Black; font-size: 12px; line-height: 12px; font-family: Tahoma, Arial, sans-serif; color: Black; margin: 8px 0 0; } .popup15-d { width: 135px; display: inline-block; position: relative; } .popup15-d input { padding: 5px 20px 5px 5px; } .popup15-d:before { background-image: url(/i/calendar.png); display: inline-block; width: 14px; height: 14px; position: absolute; top: 6px; right: 6px; content: ''; } .popup15-inp-date { border: 0 none; box-sizing: border-box; font-size: 12px; padding: 4px 5px; width: 60px; } .popup15-inp-d { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .popup15-inp-w { margin: 10px; padding-left: 30px; position: relative; } .popup15-inp-w input { padding: 5px; box-sizing: border-box; } .popup15-inp-w .email-icn { background-image: url(/i/ico-contacts4.png); display: inline-block; width: 24px; height: 24px; position: absolute; left: -3px; top: 0; } .popup15-inp-w .tel-icn { background-image: url(/i/ico-contacts2.png); display: inline-block; width: 24px; height: 26px; position: absolute; left: -2px; top: 0; } .popup15-inp-w .red { position: absolute; top: 0; left: 20px; } .popup15-inp-w .pp-reg-warning { margin: -28px 0 0 383px; display: none; } .popup15-inp-w .pp-reg-warning.show { display: block; } .popup15-sel100p { border: 1px solid #d3d3d3; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .popup15-label-l { width: 190px; display: inline-block; vertical-align: middle; padding: 0 10px; font-size: 12px; position: relative; } .popup15-label-l.fl-r { float: right; text-align: right; } .popup15-label-l .pp-reg-warning { margin: -28px 0 0 140px; display: none; } .popup15-label-l .pp-reg-warning.show { display: block; } .popup15-name-label { color: #999; display: inline-block; margin: -2px 0 0; } .popup15-nobrd { padding: 0; top: 0; left: 0; } .popup15-nobrd .popup15-inn { margin: 0; } .popup15-dotted { border-bottom: 1px dotted #348fab; text-decoration: none !important; font-size: 12px; line-height: 13px; display: inline-block; } .popup15-submit-btn-red2 { background: #de27ac; font-family: 'apercu_pro'; border-radius: 2px; color: White; display: inline-block; font-size: 10px; line-height: 15px; padding: 6px 10px; text-decoration: none !important; text-transform: uppercase; vertical-align: middle; margin: 11px 10px 0 0; float: right; } .popup15-submit-btn-red3 { background: White; font-family: 'apercu_pro'; border-radius: 2px; color: #e33232; display: inline-block; font-size: 10px; line-height: 15px; padding: 6px 10px; text-decoration: none !important; border: 1px solid #e33232; text-transform: uppercase; vertical-align: top; margin: 11px 0 0 10px; float: left; } .popup15-submit-btn-hover_red:hover { color: White; border: 1px solid #e33232; background: #e33232; } .popup15-submit-btn-hover_green:hover { color: White; border: 1px solid #05b400; background: #05b400; } .popup15-submit-btn-348fab { background: transparent none repeat scroll 0 0; border: 1px solid #348fab; border-radius: 2px; color: #348fab; font-size: 10px; line-height: 15px; padding: 6px 10px; text-transform: uppercase; } .popup15-submit-input { width: 200px; border: 1px solid #d3d3d3; font-size: 12px; margin: 14px 0 0 10px; padding: 2px; float: left; } .popup15-green .popup15-h3 { background: #2fbd25; } .popup15-green .popup15-close-8x8 { background: url(/i/x-white.png) no-repeat center 0; } .popup15-cpt { display: inline-block; margin-left: -40px; margin-top: 20px; font-size: 11px; } .popup15-close-btn-green { background: #05b400; border-radius: 2px; color: White; font-size: 10px; line-height: 15px; padding: 7px 10px; text-transform: uppercase; } .popup15-validation-fail { background-color: #ffe9e9 !important; } /* @resource /css/b-pp-add-m.css */ .pp-add-m .popup15-milti-sel { padding: 5px; } .pp-add-m-a { border-top: 1px solid #d2d2d2; color: #999; font-size: 14px; line-height: 20px; font-family: apercu_pro; display: block; padding: 7px 5px 7px 45px; text-decoration: none !important; background: url(/i/pp-add-m.png) no-repeat; } .pp-add-m-a:hover { background-color: #ffffe1; } .pp-add-m-a b { font-size: 16px; color: #348fab; } .pp-add-m-a1 { background-position: 10px 8px; } .pp-add-m-a2 { background-position: 10px -48px; } .pp-add-m-a3 { background-position: 10px -101px; } .pp-add-m-a4 { background-position: 10px -101px; } .pp-add-m-a5 { background-position: 10px -159px; } .pp-add-m-a6 { background-position: 10px -219px; } .pp-add-m-a7 { background-position: 10px -279px; } .pp-add-m-a8 { background-position: 10px -336px; } .pp-add-m-a9 { background-position: 10px -400px; } .pp-add-m-a10 { background-position: 10px -470px; } .pp-add-m-a11 { background-position: 10px -537px; } .pp-add-m-a12 { background-position: 10px -600px; } .pp-add-m-a13 { background-position: 10px -657px; } .pp-add-m-a14 { background-position: 10px -720px; } /* @resource /css/b-pp-share.css */ .pp-share { width: 360px; position: absolute; background: White; box-shadow: 0 0 10px #999; display: none; z-index: 55; } .pp-share-top { padding: 12px 20px 20px; } .pp-share-ttl { line-height: 20px; font-size: 15px; font-weight: bold; font-family: 'apercu_pro'; color: Black; margin: 0 0 15px; } .pp-share-x { float: right; display: block; height: 16px; width: 16px; text-decoration: none !important; background: url(/i/x8.png) no-repeat center; } .pp-share-top-lab { font-size: 12px; line-height: 14px; padding: 0 0 0 17px; position: relative; display: block; } .pp-share-top-lab-chk { position: absolute; top: 0; left: 0; } .pp-share-top-lab-s { line-height: 12px; color: Black; display: inline-block; border-bottom: 1px dotted Black; } .pp-share-top-lab-s2 { line-height: 12px; color: #2fbd25; display: inline-block; border-bottom: 1px dotted #2fbd25; } .pp-share-top-elem { } .pp-share-top-sep { margin: 14px 0; background: #e1e1e1; } /*.pp-share-top-date { background: url(/i/pp-share-top-date.png) no-repeat 0 0; padding: 4px 0 1px; margin: 6px 0 10px; }*/ .pp-share-top-date { margin: 0 0 23px; position: relative;} .pp-share-top-date-td { font-size: 11px; } .pp-share-top-date-td:first-child { width: 103px; } .pp-share-top-date-td:last-child { width: 142px; } .pp-share-top-rel { position: relative; background: url(/i/arr-down-black.png) no-repeat 89% center; } .pp-share-top-date-a { display: block; color: Black; text-decoration: none !important; line-height: 16px; padding: 10px 30px 10px 20px; overflow: hidden; white-space: nowrap; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; cursor: pointer;} .pp-share-top-p { margin: 0 0 9px; } .pp-share-top-btn { background: #348fab; font-family: apercu_pro; border-radius: 2px; color: White; display: inline-block; font-size: 10px; line-height: 15px; padding: 6px 10px; text-decoration: none !important; text-transform: uppercase; margin: 19px 0 0; } .pp-share-bot { padding: 12px 0 10px 20px; border-top: 1px solid #e1e1e1; } .pp-share-bot-elem-a { display: block; float: left; height: 100px; width: 100px; text-align: center; font-size: 12px; line-height: 16px; padding: 50px 15px 0; margin: 0 10px 10px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 5px; } .pp-share-bot-elem-a1 { background: #ededed url(/i/pp-share-bot-elem-a1.png) no-repeat center 20px; } .pp-share-bot-elem-a2 { background: #ededed url(/i/pp-share-bot-elem-a2.png) no-repeat center 20px; } .pp-share-bot-elem-a3 { background: #ededed url(/i/pp-share-bot-elem-a3.png) no-repeat center 20px; } .pp-share-bot-elem-a4 { background: #ededed url(/i/pp-share-bot-elem-a4.png) no-repeat center 20px; } .pp-share-bot-elem-a5 { background: #ededed url(/i/pp-share-bot-elem-a5.png) no-repeat center 20px; } .pp-share-submit { background: #ebebeb; padding: 20px; } .pp-share-submit-a { background: #ebebeb; font-family: apercu_pro; border-radius: 2px; color: #999; display: inline-block; font-size: 10px; line-height: 15px; padding: 6px 10px; text-decoration: none !important; border: 1px solid #bbb; text-transform: uppercase; cursor: pointer; } .pp-share-submit-a:hover { color: #e33232; border: 1px solid #e33232; } .pp-share-submit-a2 { background: #2fbd25; font-family: apercu_pro; border-radius: 2px; color: White; display: inline-block; font-size: 10px; line-height: 15px; padding: 7px 10px; text-decoration: none !important; text-transform: uppercase; float: right; } .pp-share-submit-a2-act { background: #bbb; } .pp-share-top-rel-img { display: block; overflow: hidden; background: url(/i/countries14-tr.png) repeat-y -7px 0; position: absolute; line-height: 16px; top: 10px; right: 21px; width: 18px; height: 16px; z-index: 5; } .pp-share-top-date-a-s { display: block; overflow: hidden; } .pp-share-top-date-list { background: White; border: 1px solid #e1e1e1; position: absolute; top: 36px; left: 0; z-index: 65; min-width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; display: none; } .pp-share-top-date-list-2 { height: 260px; overflow-y: scroll;} .pp-share-top-date-list-a { display: block; color: Black; line-height: 16px; padding: 10px 20px; white-space: nowrap; border-bottom: 1px solid #e1e1e1; cursor: pointer;} .pp-share-top-date-list-a:last-child { border-bottom: 0; } .pp-share-top-date-list-a-act { background: #f5f5f5; } .pp-share-list { list-style-type: none; margin: 0 0 -10px -20px; padding: 0; border-bottom: 1px solid White; } .pp-share-item { display: block; border-top: 1px solid #eee; font-size: 12px; line-height: 16px; } .pp-share-item:last-child { border: 0; } .pp-share-item-link { display: block; color: #a7a7a7; text-decoration: none; padding: 10px 20px; } .pp-share-item-link:hover { color: #000; background: #eee; } /* @resource /css/b-pp-share1.css */ .pp-share { width: 360px; position: absolute; background: White; box-shadow: 0 0 10px #999; display: none; z-index: 55; } .pp-share-top { padding: 12px 20px 30px; } .pp-share-ttl { line-height: 20px; font-size: 15px; font-weight: bold; font-family: 'apercu_pro'; color: Black; margin: 0 0 15px; } .pp-share-x { float: right; display: block; height: 16px; width: 16px; text-decoration: none !important; background: url(/i/x8.png) no-repeat center; } .pp-share-top-lab { font-size: 12px; line-height: 14px; padding: 0 0 0 17px; position: relative; display: inline-block; } .pp-share-top-lab-chk { position: absolute; top: -1px; left: 0; } .pp-share-top-lab-s { line-height: 12px; color: Black; display: inline-block; border-bottom: 1px dotted Black; } .pp-share-top-lab-s2 { line-height: 12px; color: #2fbd25; display: inline-block; border-bottom: 1px dotted #2fbd25; cursor: pointer; font-size: 12px; } .pp-share-top-lab-s3 { line-height: 12px; color: #666; display: inline-block; border-bottom: 1px dotted #666; text-decoration: none !important; font-size: 12px; } .pp-share-top-lab-a { line-height: 14px; color: #999; display: inline-block; font-size: 12px; margin: 0 0 0 7px; vertical-align: top; } .pp-share-top-elem { } .pp-share-top-sep { background: #e1e1e1; } .pp-share-top-sep2 { background: #e1e1e1; margin: 8px 0 7px; } .pp-share-top-p { margin: 0 0 9px; } .pp-share-top-btn { background: #348fab; font-family: apercu_pro; border-radius: 2px; color: White; display: inline-block; font-size: 10px; line-height: 15px; padding: 6px 10px; text-decoration: none !important; text-transform: uppercase; margin: 19px 0 0; } .pp-share-bot { padding: 12px 0 10px 20px; border-top: 1px solid #e1e1e1; } .pp-share-bot-elem-a { display: block; float: left; height: 100px; width: 100px; text-align: center; font-size: 12px; line-height: 16px; padding: 50px 15px 0; margin: 0 10px 10px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 5px; } .pp-share-bot-elem-a1 { background: #ededed url(/i/pp-share-bot-elem-a1.png) no-repeat center 20px; } .pp-share-bot-elem-a2 { background: #ededed url(/i/pp-share-bot-elem-a2.png) no-repeat center 20px; } .pp-share-bot-elem-a3 { background: #ededed url(/i/pp-share-bot-elem-a3.png) no-repeat center 20px; } .pp-share-bot-elem-a4 { background: #ededed url(/i/pp-share-bot-elem-a4.png) no-repeat center 20px; } .pp-share-bot-elem-a5 { background: #ededed url(/i/pp-share-bot-elem-a5.png) no-repeat center 20px; } .pp-share-submit { background: #ebebeb; padding: 20px; } .pp-share-submit-a { background: #ebebeb; font-family: apercu_pro; border-radius: 2px; color: #999; display: inline-block; font-size: 10px; line-height: 15px; padding: 6px 10px; text-decoration: none !important; border: 1px solid #bbb; text-transform: uppercase; cursor: pointer; } .pp-share-submit-a:hover { color: #e33232; border: 1px solid #e33232; } .pp-share-top-rel-img { display: block; overflow: hidden; background: url(/i/countries14-tr.png) repeat-y -7px 0; position: absolute; line-height: 16px; top: 10px; right: 21px; width: 18px; height: 16px; z-index: 5; } .pp-share-top-date-a-s { display: block; overflow: hidden; } .pp-share-top-date-list { background: White; border: 1px solid #e1e1e1; position: absolute; top: 36px; left: 0; z-index: 65; min-width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; display: none; } .pp-share-top-date-list-a { display: block; color: Black; line-height: 16px; padding: 10px 20px; white-space: nowrap; border-bottom: 1px solid #e1e1e1; } .pp-share-top-date-list-a:last-child { border-bottom: 0; } .pp-share-top-date-list-a-act { background: #f5f5f5; } .pp-share-list { list-style-type: none; margin: 0 0 -10px -20px; padding: 0; border-bottom: 1px solid White; } .pp-share-item { display: block; border-top: 1px solid #eee; font-size: 12px; line-height: 16px; } .pp-share-item-link { display: block; color: #a7a7a7; text-decoration: none; padding: 10px 20px; } .pp-share-item-link:hover { color: #000; background: #eee; } .pp-share-submit-a2 { background: #2fbd25; font-family: apercu_pro; border-radius: 2px; color: White; display: inline-block; font-size: 10px; line-height: 15px; padding: 7px 10px; text-decoration: none !important; text-transform: uppercase; float: right; } .pp-share-submit-a2-act { background: #bbb; } .pp-share-top-date2-img { margin: 0 0 -1px 10px; display: block; position: relative; z-index: 1; } .pp-share-top-date { margin: 6px 0 23px; position: relative; } .pp-share-top-date2 { margin: 45px 0 23px; position: relative; } .pp-share-top-date3 { margin: 6px 0 0; position: relative; } .pp-share-top-date-brd { border: 1px solid #e1e1e1; font-size: 11px; border-radius: 2px; display: inline-block; } .pp-share-top-rel { position: relative; background: url(/i/pp-share-top-rel.png) no-repeat right center; float: left; border-right: 1px solid #e1e1e1; } .pp-share-top-rel2 { position: absolute; background: url(/i/pp-share-top-rel.png) no-repeat right center; border: 1px solid #e1e1e1; border-radius: 2px; bottom: -43px; left: 0; } .pp-share-top-rel:last-child { border-right: 0; } .pp-share-top-date-a { display: block; color: Black; text-decoration: none !important; line-height: 16px; padding: 10px 40px 10px 15px; overflow: hidden; white-space: nowrap; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .pp-share-top-rel-ul { max-height: 200px; position: absolute; top: 37px; min-width: 100%; left: 0; overflow-y: auto; overflow-x: hidden; background: White; margin: 0; padding: 0; display: none; box-shadow: 0 0 5px #ccc; z-index: 5; } .pp-share-top-rel-li { border-bottom: 1px solid #e1e1e1; list-style-type: none; } .pp-share-top-rel-li-a { display: block; padding: 10px 25px 10px 15px; color: Black; white-space: nowrap; } .pp-share-label { position: relative; font-size: 12px; line-height: 16px; padding: 0 0 0 17px; color: #2fbd25; } .pp-share-label-chk { position: absolute; top: 0; left: 0; } .pp-share-companion { display: none; } .pp-share-companion-ttl { margin: 15px 0 0; } .pp-share-companion-comm { border-radius: 2px; border: 1px solid #e1e1e1; margin: 7px 0 0; } .pp-share-companion-textarea { border: 0; } .pp-share-top2 { padding: 12px 20px; } .pp-share-img { display: inline-block; margin-top: 10px; vertical-align: top; text-align: center; } .pp-share-img.active img{ border-color: #2fbd25; } .pp-share-img img{ border: 1px solid transparent; padding: 2px;} .pp-share-img a { display: block; margin-top: 5px; width: 100%; overflow: hidden; text-align: center; white-space: nowrap; text-overflow: ellipsis;} .pp-share-textarea { width: 100%; margin: 10px 0; border: 1px solid #e1e1e1; border-radius: 2px; resize: none; padding: 10px; box-sizing: border-box; } .pp-share-place-p { border: 1px solid #e1e1e1; padding: 7px 10px; border-radius: 2px; margin: 0 0 7px; position: relative; } .pp-share-place-inp { background: transparent; border: 0; height: 16px; font-size: 12px; width: 100%; } .pp-share-place { } .pp-share-place .pp-share-top-rel { float: none; border: 1px solid #e1e1e1; border-radius: 2px; } .pp-share-place .pp-share-top-date-a { padding: 10px 26px 10px 10px; } .pp-share-location { border: 1px solid #e1e1e1; padding: 7px 10px 7px 20px; border-radius: 2px; margin: 7px 0 0; background: White url(/i/icon_place.png) no-repeat 7px center; overflow: hidden; } .pp-share-location-btn { background: url(/i/button_list.gif) no-repeat 0 0; cursor: pointer; float: right; font-size: 0; height: 20px; width: 19px; display: block; } .pp-share-location-value { color: #666; display: block; font-size: 12px; line-height: 19px; overflow: hidden; padding-bottom: 1px; white-space: nowrap; } .pp-share-result { font-size: 12px; } .pp-share-result-s { font-weight: bolder; color: Green; } .pp-share-result .pp-share-top-lab-s2 { float: right; margin: 2px 0 0; } .pp-share-photo-file { visibility: hidden; position: absolute; } .pp-share-photo-btn { background: #bbb; font-family: apercu_pro; border-radius: 2px; color: White; display: inline-block; font-size: 10px; line-height: 15px; padding: 7px 10px; text-decoration: none !important; text-transform: uppercase; margin: 0 12px 15px 0; } .pp-share-photo-elem { font-size: 11px; color: #999; margin: 0 0 10px; } .pp-share-photo-elem-del { background: url(/i/x3.png) no-repeat; display: inline-block; width: 10px; text-decoration: none !important; } .pp-share_z { z-index: 57; } .pp-share-coord { margin: 10px 0; } .pp-share-coord-a { border-bottom: 1px dotted #348fab; display: inline-block; text-decoration: none !important; font-size: 12px; line-height: 12px; } .pp-share-place-p_dbl { border: 1px solid #e1e1e1; padding: 7px 10px; border-radius: 2px; margin: 0 0 7px; float: left; width: 155px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .pp-share-place-p_dbl:last-child { margin: 0 0 7px 10px; } /* @resource /css/b-pl-one.css */ .pl-one { } .pl-one-line { height: 36px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-size: 12px; line-height: 12px; } .pl-one-line-2 { height: 36px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-size: 12px; line-height: 12px; } .pl-one-a1 { color: #999; text-decoration: none !important; background: url(/i/pl-one-a1.png) no-repeat 0 1px; display: inline-block; padding: 0 0 0 16px; } .pl-one-a1-2 { text-decoration: none !important; background: url(/i/pl-one-a1.png) no-repeat 0 1px; display: inline-block; padding: 0 0 0 16px; } .pl-one-a2 { color: #999; text-decoration: none !important; background: url(/i/pl-one-info-d3-a2.png) no-repeat 0 1px; display: inline-block; padding: 0 0 0 14px; } .pl-one-a2-2 { text-decoration: none !important; background: url(/i/pl-one-info-d3-a2.png) no-repeat 0 1px; display: inline-block; padding: 0 0 0 14px; } .pl-one-a3 { color: #999; text-decoration: none !important; background: url(/i/pl-one-info-d3-a3.png) no-repeat 0 0; display: inline-block; padding: 0 0 0 16px; } .pl-one-line-rt { float: right; width: 180px; } .pl-one-line-rt-a { display: block; text-align: center; color: #e33232; border: 1px solid #e33232; font-family: apercu_pro; font-size: 14px; line-height: 35px; border-radius: 2px; font-weight: bolder; padding: 0 0 1px; margin: -12px 0 0; } .pl-one-line-rt-a-gray { color: #999; border: 1px solid #DEDEDE;} .pl-one-line-rt-a_blue { color: #348fab; border: 1px solid #348fab; } .pl-one-line-rt4 { float: right; } .pl-one-line-rt4 + .pl-one-line-rt4 {margin-right: 10px;} .pl-one-line-rt4 .pl-one-line-rt-a {padding: 0 8px;} .pl-one-menu { font-size: 12px; line-height: 12px; display: inline-block; color: #999; text-decoration: underline; } .pl-one-span { font-size: 12px; line-height: 12px; display: inline-block; text-decoration: none !important; color: #999; } .pl-one-dot999 { font-size: 12px; line-height: 12px; display: inline-block; text-decoration: none !important; border-bottom: 1px dotted #999; color: #999; } .pl-one-dote33232 { font-size: 12px; line-height: 12px; display: inline-block; text-decoration: none !important; border-bottom: 1px dotted #e33232; color: #e33232; } .pl-one-dot348fab { font-size: 12px; line-height: 12px; display: inline-block; text-decoration: none !important; border-bottom: 1px dotted #348fab; } .pl-one-underline { font-size: 12px; line-height: 12px; display: inline-block; } .pl-one-line-s { color: #bbb; display: inline-block; margin: 0 8px 0 0; } .pl-one-photo { margin: 0 0 0 -5px; } .pl-one-photo-td1 { padding: 0 0 0 5px; } .pl-one-photo-td1-s { opacity: 0.7; position: absolute; z-index: 5; background: #348fab; color: White; display: block; width: 100%; text-align: center; left: 0; bottom: 0; font-size: 12px; line-height: 16px; font-weight: bolder; padding: 7px 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .pl-one-photo-td1-s-2 { opacity: 0.7; z-index: 5; background: #348fab; color: White; display: block; width: 100%; text-align: center; left: 0; bottom: 0; font-size: 12px; line-height: 16px; font-weight: bolder; padding: 7px 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-top: -30px;} .pl-one-photo-td1-s-3 { background: url("/i/bg-black-10.png") repeat scroll 0 0 rgba(0, 0, 0, 0); z-index: 5; color: White; width: 100%; text-align: center; left: 0; bottom: 274px; font-size: 12px; line-height: 16px; font-weight: bolder; padding: 7px 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-top: -30px;} .pl-one-photo-td { width: 20%; padding: 0 0 5px 5px; } .pl-one-photo-color { background: url("/i/pl-one-photo-td.jpg") no-repeat scroll 5px center transparent !important; background-size: 100% auto !important; } .pl-one-photo tr:last-child .pl-one-photo-td3, .pl-one-photo tr:last-child .pl-one-photo-td { padding: 0 0 0 5px; } .pl-one-photo tr:last-child .pl-one-photo-td3:last-child, .pl-one-photo tr:last-child .pl-one-photo-td:last-child { background: #ebebeb url(/i/5x5.png) repeat-y 0 0; text-align: center; text-transform: uppercase; vertical-align: middle; font-size: 10px; line-height: 15px; font-family: apercu_pro; } .pl-one-photo-td-last-bckgrnd {background: url(/i/pl-one-photo-td.jpg) no-repeat scroll center 0 transparent;} .pl-one-photo-all { color: White; background: url(/i/pl-one-photo-all.png) no-repeat center 0; padding: 35px 0 0; display: block; position: absolute; top: 23%; width: 100%; } .pl-one-photo-all-2 { color: White; background: url(/i/pl-one-photo-all.png) no-repeat center 0; padding: 35px 0 0; display: block; top: 25%; width: 100%; } .pl-one-photo-all-3 { position: absolute; color: White; background: url(/i/pl-one-photo-all.png) no-repeat center 0; padding: 35px 0 0; display: block; top: 25%; width: 100%; } .pl-one-photo-td-rel { position: relative; } .pl-one-about { font-size: 12px; line-height: 20px; color: Black; overflow-wrap: break-word; } .pl-one-about-hidden { display: none; } .pl-one-about-p { margin: 10px 0 0; } .pl-one-revs { border: 1px solid #dedede; } .pl-one-revs-elem { border-bottom: 1px solid #dedede; padding: 15px 20px 10px; } .pl-one-revs-user { border-bottom: 1px solid #f0f0f0; padding: 0 0 15px; color: #bbb; } .pl-one-revs-user2 { color: #bbb; } .pl-one-revs-user-rt { float: right; color: #2fbd25; font-size: 12px; line-height: 19px; text-align: right; } .pl-one-revs-user-rt-date { color: #bbb; margin: 0; } .pl-one-revs-ava { float: left; } .pl-one-revs-user-name { margin: 0 0 0 50px; font-size: 12px; line-height: 19px; } .pl-one-revs-user-name-s { color: #666; } .pl-one-revs-rate { border-bottom: 1px solid #f0f0f0; font-size: 12px; line-height: 31px; color: #bbb; } .pl-one-revs-rate-a { color: #bbb; } .pl-one-revs-rate-green { color: #2fbd25; } .pl-one-revs-rate-yellow { color: #cdb409; } .pl-one-revs-rate-red { color: #e33232; } .pl-one-revs-txt { font-size: 12px; line-height: 20px; margin: 8px 0 0; } .pl-one-revs-photo { padding: 9px 0 6px; } .pl-one-revs-photo-a { display: block; height: 60px; width: 60px; float: left; margin: 0 5px 0 0; } .pl-one-revs-photo-a-all { background: #ebebeb; display: block; height: 60px; width: 60px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; text-align: center; padding: 20px 0 0; color: #bbb; text-transform: uppercase; font-size: 10px; line-height: 10px; font-family: apercu_pro; } .pl-one-revs-all { font-size: 12px; line-height: 16px; padding: 10px 20px; color: #999; } .pl-one-td:last-child { width: 160px; } .pl-one-info { } .pl-one-info-resort { } .pl-one-info-td, .pl-one-info-td-two { background: #e1eef2; font-size: 12px; line-height: 22px; height: 70px; vertical-align: middle; } .pl-one-info-resort .pl-one-info-td { background: #dbf6d1; font-size: 12px; line-height: 22px; height: 70px; vertical-align: middle; } .pl-one-info-resort-place .pl-one-info-td { background: #F6EBD1; font-size: 12px; line-height: 22px; height: 70px; vertical-align: middle; } .pl-one-info-district .pl-one-info-td { background: #E3DFF1; font-size: 12px; line-height: 22px; height: 70px; vertical-align: middle; } .pl-one-info-td:first-child, .pl-one-info-td-two:first-child { background: #cfe4eb; width: 55px; height: 70px; } .pl-one-info-resort .pl-one-info-td:first-child { background: #B8E3BD; width: 55px; height: 70px; } .pl-one-info-resort-place .pl-one-info-td:first-child { background: #E3CFB8; width: 55px; height: 70px; } .pl-one-info-district .pl-one-info-td:first-child { background: #CEB8E3; width: 55px; height: 70px; } .pl-one-info-td:last-child { background: #cfe4eb; padding: 0 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 180px; } .pl-one-info-resort .pl-one-info-td:last-child { background: #B8E3BD; padding: 0 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 180px; } .pl-one-info-resort-place .pl-one-info-td:last-child { background: #E3CFB8; padding: 0 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 180px; } .pl-one-info-district .pl-one-info-td:last-child { background: #CEB8E3; padding: 0 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 180px; } .pl-one-info-td-a1 { background: url(/i/pl-one-info-td-a1.png) no-repeat center; width: 55px; height: 70px; display: block; text-decoration: none !important; } .pl-one-info-td-a1-home2 { background: url(/i/pl-one-info-td-a1-2.png) no-repeat center;} .pl-one-info-td-a1-home3 { background: url(/i/pl-one-info-td-a1-3.png) no-repeat center;} .pl-one-info-td2 { color: #bbb; padding: 0 0 0 20px; } .pl-one-info-td2-act { font-size: 14px; color: Black; } .pl-one-info-td2 a { font-size: 14px; } .pl-one-info-rnd { background: White; height: 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 4px; padding: 6px 20px 0 10px; position: relative; margin: 7px 0 0; } .pl-one-info-rnd-a { background: url(/i/pl-one-info-rnd-a.png) no-repeat center; display: block; height: 16px; width: 16px; position: absolute; text-decoration: none !important; right: 8px; top: 7px; } .pl-one-info-inp { border: 0; color: #999; font-size: 10px; height: 16px; width: 100%; font-family: apercu_pro; text-transform: uppercase; } .pl-one-info95 .pl-one-info-td { height: 95px; white-space: nowrap; } .pl-one-td:last-child { padding: 0 0 0 20px; width: 160px; } .pl-one-q { position: relative; } .pl-one-q-p { margin: 0; font-size: 15px; line-height: 24px; font-family: apercu_pro; font-weight: bolder; } .pl-one-q-all { border-bottom: 1px solid #ebebeb; border-top: 1px solid #ebebeb; font-size: 12px; line-height: 16px; margin: 9px 0 0; color: #bbb; padding: 10px 0; } .pl-one-q-all a { font-weight: bold; font-size: 12px; } .pl-one-q-list, .pl-one-q-list2 { margin: 0; padding: 0; } .pl-one-q-i { list-style: none; border-bottom: 1px solid #f3f3f3; padding-top: 3px; } .pl-one-q-i + .pl-one-q-i {padding-top: 11px;} .pl-one-q-list + .pl-one-q-all {border: 0; margin: 0;} .pl-one-q-list2 + .pl-one-q-all {margin: -1px 0 0;} .pl-one-q-a { font-size: 14px; font-weight: bold; } .pl-one-q-detail { font-size: 12px; padding: 4px 0 12px; } .pl-one-q-loc { color: #666; } .pl-one-q-dot { color: #f0f0f0; padding: 0 3px; } .pl-one-q-date { color: #bbb; } .pl-one-map { background: White; border: 1px solid #dedede; height: 300px; padding: 1px; position: relative; } .pl-one-map-a { background: White; border-radius: 3px; box-sizing: border-box; color: #c8242b; font-family: 'apercu_pro'; font-size: 10px; line-height: 11px; padding: 10px 15px 11px; position: absolute; right: 5px; text-decoration: none; text-transform: uppercase; top: 5px; } .pl-one-contact { border-bottom: 1px solid #dedede; padding: 0 0 24px; } .pl-one-contact-td { color: #bbb; font-size: 12px; line-height: 20px; } .pl-one-contact-td:first-child { color: #666; white-space: nowrap; width: 1%; padding: 0 20px 0 0; } .pl-one-contact-not-active {cursor: auto; color: #999;} .pl-one-contact-not-active:hover {text-decoration: none;} .pl-one-side { background: #f3f3f3; } .pl-one-side-rate { color: White; font-size: 18px; line-height: 50px; font-family: apercu_pro; font-weight: bolder; padding: 0 15px 1px; float: left; position: relative; z-index: 1; } .pl-one-side-rate-green { background: #2fbd25; } .pl-one-side-rate-yellow { background: #cdb409; } .pl-one-side-rate-red { background: #e33232; } .pl-one-side-rate-darkgray { background: #707070; } .pl-one-side-pop { padding: 7px 0 8px 82px; color: #999; font-size: 12px; line-height: 18px; background: #ebebeb; } .pl-one-side-type { border-bottom: 1px dotted #cecece; margin: 0 15px; padding: 14px 0 15px; color: Black; font-size: 12px; line-height: 18px; } .pl-one-side-inf { border-bottom: 1px dotted #cecece; margin: 0 15px; padding: 14px 0 15px; color: #999; font-size: 12px; line-height: 20px; } .pl-one-side-p { font-family: apercu_pro; margin: 0 10px; color: #999; font-size: 10px; line-height: 18px; text-transform: uppercase; } .pl-one-side-s { float: left; display: block; width: 25px; } .pl-one-side-p-ttl { color: Black; font-weight: bolder; text-transform: none; font-size: 12px; } .pl-one-side-s-green { color: #2fbd25; } .pl-one-side-s-yellow { color: #cdb409; } .pl-one-side-s-red { color: #e33232; } .pl-one-side-btn { padding: 15px 15px 20px; } .pl-one-side-btn-a { font-family: apercu_pro; border-radius: 2px; color: #e33232; display: inline-block; font-size: 10px; line-height: 15px; padding: 6px 10px; text-decoration: none !important; border: 1px solid #e33232; text-transform: uppercase; } .pl-one-side-btn-a-gray { color: #1abc9c; border: 1px solid #1abc9c; } .pl-one-side-bot { border-top: 1px dotted #cecece; margin: 0 15px; padding: 14px 0 15px; color: #999; font-size: 12px; line-height: 20px; } .pl-one-side-rate-s { display: none; background: none repeat scroll 0 0 #fff8dc; border: 1px solid #d2d2d2; box-sizing: border-box; color: #333; font-size: 10px; line-height: 15px; padding: 7px 10px; position: absolute; right: 0; top: 100%; width: 180px; z-index: 5; } .pl-one-side-rate .pl-one-side-rate-s { left: 0; right: inherit; } .pl-one-side-rate:hover .pl-one-side-rate-s { display: block; } .pl-one-user { margin: 16px -5px 15px 0; } .pl-one-user-td { padding: 0 5px 5px 0; width: 11%; } .pl-one-user tr:last-child .pl-one-user-td { padding: 0 5px 0 0; } .pl-one-hotel-td { width: 25%; } .pl-one-hotel-td-sep { width: 20px; } .pl-one-user-td-companion { background: #1fa715 none repeat scroll 0 0; bottom: 0; color: White; display: block; font-family: apercu_pro; font-size: 9px; left: 0; line-height: 15px; padding: 3px 0; position: absolute; text-align: center; text-transform: uppercase; width: 100%; } .pl-one-user-td-expert { background: #ff8c00 none repeat scroll 0 0; bottom: 0; color: White; display: block; font-family: apercu_pro; font-size: 9px; left: 0; line-height: 15px; padding: 3px 0; position: absolute; text-align: center; text-transform: uppercase; width: 100%; } .pl-one-hotel-photo { margin: 0 0 20px; position: relative; } .pl-one-hotel-rel { position: relative; white-space: nowrap; overflow: hidden; width: 100%; height: 65px; color: #999; font-size: 12px; line-height: 16px; margin: 13px 0 0; } .pl-one-hotel-rel2 { position: relative; white-space: nowrap; overflow: hidden; width: 100%; height: 44px; color: #999; font-size: 12px; line-height: 16px; margin: 13px 0 0; } .pl-one-hotel-rel3 { width: 100%; color: #999; font-size: 12px; line-height: 16px; margin: 13px 0 0; } .pl-one-hotel-abs { position: absolute; top: 0; left: 0; width: 100%; } .pl-one-hotel-ttl { font-size: 14px; line-height: 17px; font-family: apercu_pro; font-weight: bolder; display: block; margin: 0 0 7px; } .pl-one-hotel-star { vertical-align: top; margin: 2px 0 0; } .pl-one-hotel-rate { background: url(/i/pl-one-hotel-rate.png) no-repeat 0 3px; display: inline-block; color: Black; padding: 0 0 0 18px; margin: 0 7px 0 10px; } .pl-one-hotel-inf { line-height: 20px; font-size: 11px; height: 20px;} .pl-one-hotel-price { font-size: 15px; line-height: 18px; font-family: apercu_pro; font-weight: bolder; color: #e33232; margin: 4px 0 0; clear: both; } .pl-one-hotel-rel-bg { background: url(/i/user-setting-shadow.png) repeat-y 0 0; width: 34px; position: absolute; right: 0; top: 0; height: 100%; } .pl-one-hotel-photo-s { background: url(/i/black60.png); bottom: 0; display: none; left: 0; position: absolute; padding: 10px; color: White; font-size: 12px; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .pl-one-hotel-photo:hover .pl-one-hotel-photo-s { display: block; } .pl-one-etg-table {width: 100%;} .pl-one-etg { background: url(/i/pl-one-etg.png) repeat 0 0; padding: 15px; } .pl-one-etg-td { padding: 0 20px 0 0; white-space: nowrap; } .pl-one-etg-td:first-child { width: 200px; } .pl-one-etg-td:last-child { padding: 0; width: 408px;} .pl-one-etg-ttl { color: #bb9c59; font-size: 14px; line-height: 18px; font-family: apercu_pro; font-weight: bolder; margin: -6px 0 12px; } .pl-one-etg-price { display: block; text-decoration: none !important; font-size: 14px; line-height: 33px; font-family: apercu_pro; font-weight: bolder; color: White; } .pl-one-etg-price-s1 { background: #2fbd25; display: block; float: left; padding: 0 10px 3px; border-radius: 2px 0 0 2px; } .pl-one-etg-price-s2 { background: #1fa715; display: block; padding: 0 10px 3px; border-radius: 0 2px 2px 0; margin: 0 0 0 107px; } .pl-one-etg-price-s3 { background: #2fbd25; display: block; float: left; padding: 0 10px 3px; border-radius: 2px; } .pl-one-etg-res { display: block; text-decoration: none !important; font-size: 14px; font-family: apercu_pro; font-weight: bolder; color: #2fbd25; } .pl-one-etg-res-s1 { background: White; display: block; padding: 9px 10px 12px; border-radius: 2px 0 0 2px; margin: 0 32px 0 0; } .pl-one-etg-res-s2 { font-size: 14px; line-height: 14px; display: inline-block; text-decoration: none !important; border-bottom: 1px dotted #2fbd25; color: #2fbd25; } .pl-one-etg-res-s3 { background: White url(/i/pl-one-etg-res-s3.png) no-repeat center; display: block; float: right; border-radius: 0 2px 2px 0; height: 36px; width: 31px; border-left: 1px solid #eaeaea; } .pl-one-etg-photo { height: 60px; overflow: hidden; margin: 0 125px 0 0; } .pl-one-etg-photo-a { display: block; text-decoration: none !important; margin: 0 3px 0 0; float: left; } .pl-one-etg-photo-d { background: #eee1b9; padding: 8px 10px 9px; float: right; width: 125px; } .pl-one-etg-photo-d-a { font-size: 11px; line-height: 11px; display: inline-block; text-decoration: none !important; color: #d0bc86; } .pl-one-etg-photo-d-a .pl-one-dote33232 { color: #2fbd25; font-size: 11px; line-height: 11px; margin: 0 0 4px; border-color: #2fbd25; } .pl-one-etg-photo-d-a .pl-one-dote33232:last-child { margin: 0; } .pl-one-pp { background: White; border-radius: 3px; width: 310px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 15px 20px; z-index: 55; position: absolute; box-shadow: 0 0 8px #999; display: none; } .pl-one-pp-x { background: url(/i/pl-one-pp-x.png) no-repeat center; display: block; height: 10px; width: 10px; text-decoration: none !important; position: absolute; right: 15px; top: 15px; } .pl-one-pp-ttl { font-size: 15px; line-height: 18px; font-family: apercu_pro; font-weight: bolder; color: Black; margin: 0 0 10px; } .pl-one-pp-td { width: 50%; color: #bbb; font-size: 11px; line-height: 18px; } .pl-one-pp-rel { position: relative; overflow: hidden; height: 135px; border-top: 1px solid #ebebeb; padding: 20px 0 0; margin: 15px 0 0; } .pl-one-pp-rel-bg { background: url(/i/user-setting-shadow.png) repeat-y 0 0; height: 100%; width: 34px; position: absolute; right: 0; top: 0; z-index: 55; } .pl-one-pp-rel-abs { position: absolute; } .pl-one-pp-elem { margin: 0 0 15px; } .pl-one-pp-elem-photo { display: block; height: 45px; width: 45px; text-decoration: none !important; float: left; } .pl-one-pp-elem-txt { margin: 0 0 0 55px; font-size: 12px; line-height: 16px; white-space: nowrap; } .pl-one-pp-elem-ttl { font-size: 15px; line-height: 16px; font-family: apercu_pro; font-weight: bolder; margin: -2px 0 2px; } .pl-one-pp-elem-ttl-2 { font-size: 18px; line-height: 22px; font-family: apercu_pro; font-weight: bolder; margin: -2px 0 4px; } .pl-one-pp-elem-place { margin: 0; color: #666; } .pl-one-pp-elem-place-2 { margin: 0 0 4px; color: #666; } .pl-one-pp-elem-place-a { color: #666; } .pl-one-pp-elem-type { margin: 0; } .pl-one-pp-elem-type-a { color: #bbb; } .pl-one-pp-all { font-size: 12px; line-height: 16px; margin: 15px 0 0; } .pl-one-line-brd { border-bottom: 1px solid #ebebeb; } .pl-one .plc15-item { border: 0; } .pl-one-event-td { color: Black; font-size: 12px; line-height: 22px; } .pl-one-event-td:first-child { color: #999; padding: 0 50px 0 0; } .pl-one-links {margin-top: 5px;} .pl-one-links a { margin: 0 8px 0 0; font-size: 11px !important; line-height: 11px !important; } .pl-one-guide-inf { color: Black; display: inline-block; margin: 0 12px 0 0; } .pl-one-vector-map { border: 1px solid #dedede; padding: 1px; position: relative; overflow: hidden; } .pl-one-vector-map-all { font-size: 12px; line-height: 36px; padding: 0 16px; color: #999; border-top: 1px solid #dedede; margin: 0 -1px -1px; } .pl-one-vector-map-td:first-child { background: #f3f3f3; padding: 10px 14px; width: 1%; white-space: nowrap; color: #aaa; } .pl-one-vector-map-td { font-size: 12px; line-height: 16px; } .pl-one-vector-map-ttl { margin: 0 0 6px; color: Black; } .pl-one-vector-map-p { margin: 0 0 6px; } .pl-one-vector-map-sep { height: 1px; background: #dedede; margin: 5px 0 10px; width: 100%; } .pl-one-vector-map .vector-map { height: 250px; } .pl-one-revs_guide .pl-one-revs-elem { padding-left: 15px; padding-right: 15px;} .pl-one-about-guides { border: 1px solid #dedede; color: Black; font-size: 12px; line-height: 20px; padding: 14px 15px; border-radius: 3px; } .pl-one-about-guides-2 { border: 1px solid #dedede; color: Black; font-size: 12px; line-height: 20px; padding: 9px 15px; } .pl-one-about-guides-bot { border-top: 1px solid #dedede; margin: 14px -15px -15px; padding: 8px 15px 10px; } .wide-view {display: table-cell;} .pl-one-about-guides-edit { border: 1px dashed #dedede; color: #999; font-size: 12px; line-height: 20px; padding: 14px 15px; border-radius: 3px; position: relative; } .pl-one-about-guides-edit-a { background: url(/i/ico-edit2.png) no-repeat center; display: block; height: 16px; position: absolute; width: 16px; text-decoration: none !important; right: 15px; top: 15px; } .pl-one-about-guides-edit-a-s { display: none; } .pl-one-about-guides-edit-d1 { } .pl-one-about-guides-edit-d2 { display: none; margin: 0 95px 0 0; } .pl-one-about-guides-edit-text { width: 100%; font-size: 11px; border: 1px solid #f2f2f2; height: 60px; background: White; position: relative; text-align: left; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color: #666; } .pl-one-about-guides-edit-act .pl-one-about-guides-edit-d1 { display: none; } .pl-one-about-guides-edit-act .pl-one-about-guides-edit-d2 { display: block; } .pl-one-about-guides-edit-act .pl-one-about-guides-edit-a { width: auto; background: White; font-family: apercu_pro; border-radius: 2px; color: #348fab; display: inline-block; font-size: 10px; line-height: 15px; padding: 7px 10px; text-decoration: none !important; border: 1px solid #348fab; text-transform: uppercase; vertical-align: top; } .pl-one-about-guides-edit-act .pl-one-about-guides-edit-a-s { display: inline-block; } .pl-one-about-guides-edit-act .pl-one-about-guides-edit-a:hover { color: #e33232; border: 1px solid #e33232; } .pl-one-top { color: #ddd; font-size: 12px; line-height: 16px; margin: 0 0 16px; } .pl-one-top-a { font-weight: bolder; line-height: 12px; border-bottom: 1px dotted #348fab; display: inline-block; text-decoration: none !important; } .pl-one-vector-map-overlay { background: url(/i/bg-gray50.png) repeat center; height: 100%; position: absolute; width: 100%; z-index: 45; left: 0; bottom: 37px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-weight: bolder; color: #333; font-size: 24px; font-family: apercu_pro; text-align: center; padding: 145px 0 0 165px; } .pl-one-vector-map-all-rt { float: right; color: #666; } .pl-one-vector-map-gray .pl-one-dot348fab { color: #999; border-bottom: 1px dotted #999; } .pl-one-vector-map-gray .pl-one-vector-map-ttl { color: #999; } .pl-one-photo-rel { position: relative; } .pl-one-photo-rel-a { text-decoration: none !important; display: block; background: url(/i/black60.png) repeat center; position: absolute; top: 2px; right: 2px; } .pl-one-photo-rel-a i { display: block; background: url(/i/ico-edit.png) no-repeat center; width: 24px; height: 24px; } .pl-one-about-log { border-bottom: 1px solid #e0e0e0; background: #f5f5f5; margin: 10px 0 0; display: none; } .pl-one-about-log-p { border-top: 1px solid #e0e0e0; font-size: 12px; line-height: 18px; margin: 0; padding: 6px 12px 7px 7px; } .pl-one-about-log-del { display: none; background: url(/i/icon_close2.gif) no-repeat; cursor: pointer; font-size: 0; float: right; height: 8px; margin: 5px -5px 0 0; width: 8px; display: none; } .pl-one-about-log-date { color: #afafaf; float: left; font-size: 10px; } .pl-one-about-log-text { color: #666; display: block; margin: 0 5px 0 60px; } .pl-one-about-log-yes { } .pl-one-about-log-no { } .pl-one-about-log-question { font-size: 12px; line-height: 18px; margin: 0; padding: 6px 12px 7px 7px; color: Black; display: none; } .pl-one-about-log-delete { font-size: 12px; line-height: 18px; margin: 0; padding: 6px 12px 7px 7px; color: Black; display: none; } .pl-one-about-log-restore { } .pl-one-about-log-alt { background: #f8f8f8; } .pl-one-about-log-dotted { color: #348fab; display: inline-block; cursor: pointer; line-height: 12px; margin: 0 5px; border-bottom: 1px dotted #348fab; text-decoration: none !important; } .pl-one-about-guides-bot-a { float: right; } .pl-one-top { color: #ddd; font-size: 12px; line-height: 16px; margin: 0 0 16px; } .pl-one-top-a { font-weight: bolder; line-height: 12px; border-bottom: 1px dotted #348fab; display: inline-block; text-decoration: none !important; } .pl-one-exc-td { border: 1px solid #dedede; padding: 15px 20px; font-size: 12px; line-height: 20px; color: #666; } .pl-one-exc-td:last-child { width: 1%; white-space: nowrap; } .pl-one-exc-ttl { font-family: apercu_pro; font-size: 18px; line-height: 20px; font-weight: bolder; margin: 0; } .pl-one-exc-com { min-height: 40px; } .pl-one-exc-p { margin: 0; } .pl-one-exc-a { background: White; font-family: apercu_pro; border-radius: 2px; color: #e33232; display: block; font-size: 14px; line-height: 15px; padding: 7px 10px; text-decoration: none !important; border: 1px solid #e33232; font-weight: bolder; margin: 0 0 5px; } .pl-one-exc-all { border-bottom: 1px solid #ebebeb; font-size: 12px; line-height: 36px; margin: 0; color: #999; } .pl-one-exc-all a { font-weight: bold; } .pl-one-about-all { color: #bbb; margin: 7px 0 0; } .pl-one-ttl { margin: 0 0 10px; } .pl-one-ttl-h2 { font-weight: bolder; color: #000; display: inline-block; font-size: 18px; line-height: 20px; font-family: apercu_pro; margin: 0; vertical-align: bottom; } .pl-one-dotted-red { color: #e33232; border-bottom: 1px dotted #e33232; line-height: 12px; display: inline-block; } .pl-one-countdown { float: right; } .pl-one-countdown-ttl { margin: 0 0 5px; } .pl-one-tt-none .pl-one-side-p { text-transform: none !important; } .pl-one-line-rt-a2 { display: block; text-align: center; color: #e33232; border: 1px solid #e33232; font-family: apercu_pro; font-size: 11px; line-height: 35px; border-radius: 2px; padding: 0 0 1px; margin: -12px 0 0; } .pl-one-side-rate-s { background: #fff8dc; border: 1px solid #d2d2d2; font-size: 10px; line-height: 15px; padding: 7px 10px; position: absolute; width: 180px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; top: 100%; right: 0; display: none; color: #333; z-index: 5; } .pl-one-side-rate .pl-one-side-rate-s { right: inherit; left: 0; } .pl-one-side-pop:hover .pl-one-side-rate-s, .pl-one-side-rate:hover .pl-one-side-rate-s { display: block; } .pl-one-user-td a { position: relative; text-decoration: none !important; display: block; width: 100%; height: 100%; } .pl-one-user-nick { background: #f7f7f7; border: 1px solid #d9d9d9; font-size: 10px; line-height: 15px; padding: 7px 10px; position: absolute; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-top: -31px; right: 60%; display: none; color: #333; z-index: 5; bottom: -31px; box-shadow: 0 0 7px #999; } .pl-one-user-nick-img { position: absolute; top: -6px; right: 10px; width: 11px; height: 6px; background: url(/i/arrow_top_quest.gif) no-repeat 10px 0; } .pl-one-user-td a:hover .pl-one-user-nick { display: block; } .pl-one-side-type-s { color: #999; display: block; font-size: 11px; } .pl-one-photo-td1 a { position: relative; text-decoration: none !important; display: block; } .pl-one-photo-td1-s { opacity: 0.7; position: absolute; z-index: 5; background: #348fab; color: White; display: block; width: 100%; text-align: center; left: 0; bottom: 0; font-size: 12px; line-height: 16px; font-weight: bolder; padding: 7px 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .pl-one-q-p-bull { display: inline-block; font-weight: bolder; font-size: 26px; margin: 7px 5px 0 0; height: 8px; line-height: 8px; vertical-align: top; } .pl-one-line-rt2, .pl-one-line-rt3 { float: right; margin: 0 15px 0 0; } .pl-one-line-rt2 .pl-one-line-rt-a { font-size: 12px; padding: 0 15px 1px; } .pl-one-line-rt3 .pl-one-line-rt-a { padding: 0 15px 1px; font-size: 12px; color: #2fbd25; border: 1px solid #2fbd25; } .pl-one-info145 .pl-one-info-td { height: 110px; white-space: nowrap; } .pl-one-weather-td { padding: 0 15px 0 65px; vertical-align: middle; width: 33.33%; height: 57px; font-size: 18px; line-height: 26px; font-family: apercu_pro; } .pl-one-weather-td-sun { background: url(/i/weather-week-ico-v.png) 0 1px no-repeat; } .pl-one-weather-td-rain { background: url(/i/weather-week-ico-v.png) 0 -136px no-repeat; } .pl-one-weather-td-snow { background: url(/i/weather-week-ico-v.png) 0 -352px no-repeat; } .pl-one-weather-td-cloudy-snow { background: url(/i/weather-week-ico-v.png) 0 -556px no-repeat; } .pl-one-weather-td-cloudy-sun { background: url(/i/weather-week-ico-v.png) 0 -63px no-repeat; } .pl-one-weather-td-fine-rain { background: url(/i/weather-week-ico-v.png) 0 -196px no-repeat; } .pl-one-weather-td-blizzard { background: url(/i/weather-week-ico-v.png) 0 -408px no-repeat; } .pl-one-weather-td-cloudy { background: url(/i/weather-week-ico-v.png) 0 -621px no-repeat; } .pl-one-weather-td-storm { background: url(/i/weather-week-ico-v.png) 0 -258px no-repeat; } .pl-one-weather-td-cloudy-rain { background: url(/i/weather-week-ico-v.png) 0 -196px no-repeat; } .pl-one-weather-td-snow-storm { background: url(/i/weather-week-ico-v.png) 0 -683px no-repeat; } .pl-one-weather-s { font-weight: bolder; font-size: 22px; } .pl-one-weather-plus { color: #ffd700; } .pl-one-weather-minus { color: #93caff; } .pl-one-photo-td3 { width: 19.3%; padding: 0 0 5px 5px; } .pl-one-soc-links { border-bottom: 1px solid #ebebeb; border-top: 1px solid #ebebeb; padding: 20px 0 22px; font-size: 12px; line-height: 24px; } .pl-one-soc-links-p { margin: 0; } .pl-one-soc-links-a { display: inline-block; color: Black; padding: 0 0 0 24px; background: url(/i/pl-one-soc-links-a.png) no-repeat; } .pl-one-soc-links-a0 { background: url(/i/ico-th.png) no-repeat left; } .pl-one-soc-links-a1 { background: url(/i/ico-vk2.png) no-repeat left; } .pl-one-soc-links-a2 { background: url(/i/ico-fb2.png) no-repeat left; } .pl-one-soc-links-a3 { background: url(/i/ico-in.png) no-repeat left; } .pl-one-soc-links-a4 { background: url(/i/ico-tw.png) no-repeat left; } .pl-one-soc-links-a5 { background: url(/i/ico-ok.png) no-repeat left; } .pl-one-ihere { background: #dff6e1; border: 1px solid #b8e5bc; font-size: 14px; line-height: 20px; padding: 10px 15px; color: #2c7e0c; margin: 0 0 20px; } .pl-one-ihere-a { color: #2c7e0c; } .pl-one-igoing { background: #f2f5f9; border: 1px solid #d9e1ec; font-size: 14px; line-height: 18px; padding: 11px 13px; margin: 0 0 20px; color: #7d7e7c; } .pl-one-igoing-a { color: #5ec96b; } .pl-one-ihere-yellow { background: #fcf2e7; border: 1px solid #ebc684; color: #6c6a6a; } .pl-one-ihere-yellow .pl-one-ihere-a { color: #6c6a6a; } .pl-one-revs_guide .pl-one-revs-all { padding-left: 15px; padding-right: 15px;} .pl-one-feed { } .pl-one-feed-elem { border-top: 1px solid #f0f0f0; padding: 20px 0 0; } .pl-one-feed-user { padding: 0 0 12px; color: #bbb; } .pl-one-feed-ttl { font-family: apercu_pro; font-size: 15px; line-height: 20px; font-weight: bolder; color: Black; } .pl-one-feed-txt { font-size: 12px; line-height: 20px; margin: 0 0 14px; color: Black; } .pl-one-feed-img { margin: 0 0 20px; } .pl-one-feed-bot { margin: 0 0 20px; font-size: 12px; } .pl-one-feed-btn { background: White; font-family: apercu_pro; border-radius: 2px; color: #348fab; display: inline-block; font-size: 10px; line-height: 15px; padding: 6px 10px; text-decoration: none !important; border: 1px solid #348fab; text-transform: uppercase; } .pl-one-feed-view { background: url(/i/ico-fav2.png) no-repeat 0 2px; display: inline-block; padding: 0 0 0 12px; margin: 0 17px; color: #bbb; } .pl-one-q-next { background: url(/i/index-cat-next.png) no-repeat center; height: 27px; width: 27px; position: absolute; top: 60px; right: 0; margin: -13px 0 0; z-index: 4; text-decoration: none; } .pl-one-q-prev { background: url(/i/index-cat-prev.png) no-repeat center; height: 27px; width: 27px; position: absolute; top: 60px; left: 0; margin: -13px 0 0; z-index: 4; text-decoration: none; } .pl-one-q-bg { background: url(/i/opacity_1.png) repeat-y; width: 30px; position: absolute; z-index: 3; top: 0; right: 0; height: 100%; } .pl-one-q-jc { } .pl-one-q-over { overflow: hidden; position: relative; height: 183px; } .pl-one-q-over-inn { position: absolute; height: 183px; } .pl-one-q-jc-ul { } .pl-one-q-jc-li { width: 176px; height: 183px; margin: 0 10px 0 0; } .pl-one-ihere { background: #dff6e1; border: 1px solid #b8e5bc; font-size: 14px; line-height: 20px; padding: 10px 15px; color: #2c7e0c; margin: 0 0 20px; } .pl-one-ihere-a { color: #2c7e0c; } .pl-one-igoing { background: #f2f5f9; border: 1px solid #d9e1ec; font-size: 14px; line-height: 18px; padding: 11px 13px; margin: 0 0 20px; color: #7d7e7c; } .pl-one-igoing-a { color: #5ec96b; } .pl-one-info_sand .pl-one-info-td { background: #f2d3b5; } .pl-one-info_sand .pl-one-info-td:first-child, .pl-one-info_sand .pl-one-info-td:last-child { background: #e6bd97; } .pl-one-pp_bc664a a, .pl-one-info_sand a { color: #bc664a; } .pl-one-info.pink .pl-one-info-td-two:first-child { background: #E66367; } .pl-one-info.pink .pl-one-info-td, .pl-one-info-td-two { background: #FFEFEF; } .pl-one-info.pink .pl-one-info-td2 a.active{ color: #EA3B40; } .pl-one-info_1024 { display: none; } .pl-one-info_1280 { } .pl-one-dot_subs { display: inline-block; color: #787878; text-decoration: none !important; font-size: 12px; line-height: 12px; border-bottom: 1px dotted #787878; margin-right: 12px; } .pl-one-dot_subs:hover { color: #05b400; border-bottom: 1px dotted #05b400; } .pl-one-about-guides-edit-auth { background: url(/i/bg-white85.png); font-size: 14px; line-height: 20px; text-align: center; position: absolute; top: 0; right: 0; width: 100%; height: 100%; color: Black; z-index: 2; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 13px 0 0 0; } .pl-one-revs-txt2 { font-size: 12px; line-height: 20px; margin: 5px 0 0; } .pl-one-info-resort-1td .pl-one-info-td:first-child, .pl-one-info-resort-1td .pl-one-info-td:last-child { background: #dbf6d1; width: auto; } .pl-one-info-resort-1td.pl-one-info145 .pl-one-info-td { height: 145px; white-space: nowrap; } .pl-one-info-resort-1td.pl-one-info-resort .pl-one-info-td:first-child { height:110px; } .pl-one-info-tabs { height: 40px; background-color: #b8e3bd; } .pl-one-info-tubs-a { background-color: #b8e3bd; font-family: apercu_pro; color: White; display: inline-block; font-size: 12px; line-height: 16px; padding: 12px 10px; text-decoration: none !important; float: left; border-left: 1px solid #05b400; font-weight: bolder; } .pl-one-info-tubs-list { background: #b8e3bd url(/i/ico-list18.png) no-repeat center; padding: 12px 15px; border-left: 0; } .pl-one-info-tubs-list.pl-one-info-tubs-a-act { background-image: url(/i/ico-list17.png); } .pl-one-info-tubs-a-act { background-color: #dbf6d1; border-top: 1px solid #05b400; color: #05b400; margin: -1px 0 0; } .pl-one-info-tabs .pl-one-info-rnd { float: right; margin: 5px 5px 0 0; } .pl-one-info-tubs-a:last-child.pl-one-info-tubs-a-act { border-right: 1px solid #05b400; } .pl-one-detail { } .pl-one-detail-d { float: left; width: 33%; box-sizing: border-box; padding: 0 15px 20px 50px; background: no-repeat 0 0; } .pl-one-detail-d-a { word-break: break-all; } .pl-one-detail-d-ttl { font-size: 18px; line-height: 22px; font-family: apercu_pro; } .pl-one-detail-d-tr { font-size: 12px; line-height: 18px; margin: 0 0 5px; } .pl-one-detail-d-bull { font-size: 22px; font-weight: bolder; } .pl-one-detail-d2 { float: left; width: 50%; box-sizing: border-box; padding: 0 15px 20px 0; } .pl-one-detail-d2-img { display: block; float: left; } .pl-one-detail-d2-rt { margin: 0 0 0 95px; font-size: 12px; line-height: 18px; } .pl-one-detail-d2-map { background: url(/i/index-sprite.png) no-repeat 0 -339px; color: #bbb; font-size: 12px; line-height: 24px; margin-left: 10px; padding-left: 10px; } @media screen and (max-width: 1200px) { .pl-one-etg-td {padding-right: 10px;} .pl-one-etg-td:last-child {width: 280px;} .wide-view {display: none;} .pl-one-hotel-td {width: 33%;} .pl-one-info-td:last-child, .pl-one-line-rt { width: 158px; } .pl-one-info95 .pl-one-info-td:last-child { width: 150px; } .pl-one-info145 .pl-one-info-td { height: 145px; white-space: nowrap; } .pl-one-hotel-td-hide { display: none; } .pl-one-info_1024 { display: table; } .pl-one-info_1280 { display: none; } } @media screen and (max-width: 1100px) { .pl-one-info-td2 {padding-left: 10px; font-size: 11px;} .pl-one-info-td2 a {font-size: 13px;} } /* @resource /css/b-consult-sh.css */ .consult-sh {position: fixed; width: 134px; height: 56px; z-index: 10;} .consult-sh-in { background: url(../i/consult-sh-in.png) no-repeat 0 0; width: 118px; height: 49px; padding: 7px 16px 0 0; text-align: right; position: absolute; top: 190px; right: -75px; } .consult-sh-in-i2 { background: url(../i/consult-sh-in.png) no-repeat 0 0; width: 118px; height: 49px; padding: 7px 16px 0 0; text-align: right; position: absolute; top: 190px; right: -75px; cursor: pointer;} .consult-sh-a { font-family: 'apercu_pro'; font-size: 11px; line-height: 14px; text-transform: uppercase; font-weight: bold; text-decoration: none; color: #fff; } .consult-sh-a:hover { text-decoration: none; } .consult-sh-dot { border-bottom: dotted 1px #fff; display: inline-block; margin-top: 3px; } @media screen and (max-width: 1024px) { .consult-sh, .consult-sh-in {right:-1px;} } /* @resource /css/b-breadcrumbs.css */ .breadcrumbs { font-size: 12px; line-height: normal; color: #999; margin: 0px 0px 15px; } .breadcrumbs500 { margin: 0px 0px 5px 0px; } .breadcrumbs77{ margin: 0 0 20px 0; } .breadcrumbs-offlink{ color: #999; background: url(../i/breadcrumbs-glue-light.gif) no-repeat 3px 6px; display: inline-block; padding: 0 0 0 21px; } .breadcrumbs-link{ color: #999; text-decoration: underline; background: url(/i/breadcrumbs-glue-light.gif) no-repeat 3px 6px; display: inline-block; padding: 0 0 0 21px; margin-bottom: 5px;} .breadcrumbs-link:hover{ text-decoration: none; } .breadcrumbs-link-start { background: none; padding: 0; } .breadcrumbs-offlink-black{ color: #000; background: url(/i/breadcrumbs-glue.gif) no-repeat 3px 6px; display: inline-block; padding: 0 0 0 21px; } .breadcrumbs-link-black{ color: #000; text-decoration: underline; background: url(/i/breadcrumbs-glue.gif) no-repeat 3px 6px; display: inline-block; padding: 0 0 0 21px; margin-bottom: 5px;} .breadcrumbs-link-black:hover{ text-decoration: none; } .breadcrumbs-link-black-start { background: none; padding: 0; } .breadcrumb {padding: 15px 15px 13px 36px; /* border-bottom: 1px solid #f0f0f0; */} .breadcrumb ul {margin: 0; padding: 0;} .breadcrumb ul .breadcrumb-li {display: inline-block; color: #999;} .breadcrumb-arrow {margin: 0px 7px; top: -1px; position: relative;} .breadcrumb .breadcrumb-link {text-decoration: none;} .breadcrumb .breadcrumb-link:hover {text-decoration: underline;} /* @resource /css/b-guides-side.css */ .guides-side { font-size: 12px; line-height: 19px; } .guides-side-photo { display: block; text-decoration: none !important; margin: 0 0 12px; color: White; position: relative; } .guides-side-photo-s { background: url(/i/bg-black-60.png) repeat center; display: block; vertical-align: bottom; font-size: 11px; line-height: 30px; font-family: apercu_pro; margin: -30px 0 0; position: relative; text-align: center; text-transform: uppercase; } .guides-side-nick { font-weight: bolder; font-size: 18px; line-height: 22px; font-family: apercu_pro; margin: 0 0 2px; } .guides-side-name { color: #666; margin: 0; } .guides-side-rank { color: #ff8d30; margin: 0 0 14px; } .guides-side-btn { font-family: apercu_pro; border-radius: 2px; display: inline-block; font-size: 10px; line-height: 15px; padding: 6px 10px; text-decoration: none !important; border: 1px solid #a5cdd9; text-transform: uppercase; vertical-align: top; } .guides-side-btn:hover { color: #e33232; border: 1px solid #e33232; } .guides-side-btn:last-child { float: right; } .guides-side-d { background: #f3f3f3; margin: 15px 0 0; } .guides-side-d-rate { background: #2fbd25; color: White; font-weight: bolder; font-size: 18px; line-height: 51px; font-family: apercu_pro; padding: 0 15px; width: 1%; white-space: nowrap; } .guides-side-d-rate-up { background: #ebebeb; text-align: center; font-size: 11px; line-height: 16px; vertical-align: middle; } .guides-side-d-rate-up-a { color: #2fbd25; text-decoration: none !important; display: inline-block; } .guides-side-d-rate-up-s { display: inline-block; border-bottom: 1px dotted #2fbd25; line-height: 11px; margin: 0 0 3px; } .guides-side-d-pd { padding: 13px 15px 20px; } .guides-side-d-t { font-size: 12px; line-height: 19px; color: Black; } .guides-side-d-s { float: left; } .guides-side-d-t-num { margin: 0 0 0 72px; color: #2fbd25; } .guides-side-d-t-hint { background: url(/i/ico-q3.png) no-repeat center; text-decoration: none !important; display: inline-block; height: 16px; width: 12px; margin: 0 0 0 3px; } .guides-side-d-btn { background: url(/i/guides-side-d-btn.png) no-repeat center; padding: 4px 0 1px; font-size: 12px; line-height: 27px; color: #999; margin: 7px 0 20px; } .guides-side-d-btn-d { float: left; margin: 0 8px 0 9px; display: inline-block; } .guides-side-d-btn-a { float: left; display: inline-block; width: 28px; text-decoration: none !important; } .guides-side-d-chr { border-bottom: 1px dotted #cecece; border-top: 1px dotted #cecece; padding: 19px 0 20px; margin: 0 0 20px; } .guides-side-d-chr-a { background: url(/i/guides-side-d-chr-a.png) no-repeat 0 center; display: block; font-size: 12px; line-height: 17px; padding: 3px 0 4px 48px; text-decoration: underline; } .guides-side-d-chr-a:hover { text-decoration: none; } .guides-side-d-chr-4 { background: url(/i/guides-side-d-chr-4.png) no-repeat center; padding: 4px 0 1px; margin: 12px 0 0; } .guides-side-d-chr-4-td { width: 50%; font-family: apercu_pro; padding: 0 10px 3px; height: 44px; vertical-align: bottom; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .guides-side-d-chr-4-a { display: block; font-size: 10px; text-transform: uppercase; } .guides-side-d-chr-4-td-s { font-weight: bolder; display: block; font-size: 15px; line-height: 15px; margin: 0 0 -3px; } .guides-side-d-bot-a { background: url(/i/guides-side-d-bot-a.png) no-repeat 0 0; display: inline-block; height: 40px; text-decoration: underline; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-size: 12px; line-height: 17px; color: #999; margin: 0 0 10px; padding: 0 0 0 50px; } .guides-side-d-bot-a:hover { text-decoration: none; } .guides-side-d-bot-a-s { color: #bbb; } .guides-side-d-bot-a1 { background-position: 0 0; } .guides-side-d-bot-a2 { background-position: 0 -50px; } .guides-side-d-bot-a3 { background-position: 0 -100px; margin: 0; } .guides-side-bubble { font-size: 12px; line-height: 18px; margin: 0 0 15px; } .guides-side-bubble-img { margin: 0 0 -1px 15px; } .guides-side-bubble-inn { border: 1px solid #dedede; border-radius: 2px; padding: 10px 15px; color: #666; } .guides-side-blue { background: #e1eef2; padding: 12px 15px 15px; } .guides-side-blue-rel { height: 146px; overflow: hidden; position: relative; } .guides-side-blue-rel-bg { background: url(/i/guides-side-blue-rel-bg.png) repeat-y 0 0; width: 28px; right: 0; top: 0; position: absolute; height: 75px; z-index: 5; } .guides-side-blue-abs { position: absolute; white-space: nowrap; } .guides-side-blue-brd { border-bottom: 1px solid #f0f7f9; border-top: 1px solid #f0f7f9; padding: 10px 0 9px; color: #999; font-size: 11px; line-height: 17px; position: relative; } .guides-side-blue-brd-s { color: #bbb; } .guides-side-d-btn-a-s1 { float: left; display: inline-block; width: 28px; } .guides-side-d-btn-a-s2 { float: left; display: inline-block; width: 28px; } .guides-side-d-btn-a-act .guides-side-d-btn-a-s1 { background: #2fbd25 url(/i/ico-plus3.png) no-repeat 11px center; } .guides-side-d-btn-a-act .guides-side-d-btn-a-s2 { background: #e33232 url(/i/ico-minus3.png) no-repeat 10px center; } .guides-side-edit { border: 1px dashed #dedede; color: #999; font-size: 12px; line-height: 15px; padding: 14px 15px; border-radius: 3px; position: relative; } .guides-side-edit-a { background: url(/i/ico-edit2.png) no-repeat center; display: block; line-height: 16px; height: 16px; position: absolute; width: 16px; text-decoration: none !important; right: 15px; top: 15px; } .guides-side-edit-d1 { } .guides-side-edit-d2 { display: none; text-align: right; margin: -5px; } .guides-side-edit-text { width: 100%; font-size: 11px; border: 1px solid #f2f2f2; height: 60px; background: White; margin: 0 0 10px; position: relative; text-align: left; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .guides-side-edit-act .guides-side-edit-d1 { display: none; } .guides-side-edit-act .guides-side-edit-d2 { display: block; } .guides-side-edit-submit { background: White; font-family: apercu_pro; border-radius: 2px; color: #348fab; display: inline-block; font-size: 10px; line-height: 15px; padding: 7px 10px; text-decoration: none !important; border: 1px solid #348fab; text-transform: uppercase; vertical-align: top; margin: 0 0 0 10px; } .guides-side-edit-submit:hover { color: #e33232; border: 1px solid #e33232; } .guides-side-blue-rel2 { overflow: hidden; position: relative; white-space: nowrap; margin: 0 0 10px; } .guides-side-bubble-edit { background: url(/i/ico-edit2.png) no-repeat center 0; display: block; height: 18px; width: 16px; text-decoration: none !important; overflow: hidden; margin: 0 0 0 15px; float: right; } .guides-side-bubble-s { display: none; } .guides-side-bubble-act { background: none; line-height: 16px; width: auto; } .guides-side-bubble-act .guides-side-bubble-s { display: inline-block; color: #2fbd25; border-bottom: 1px dotted #2fbd25; line-height: 12px; font-size: 12px; margin: 5px 0 0; } .guides-side-bubble-tggl-textarea { background: White; border: 1px solid #ebebeb; border-radius: 2px; box-shadow: 0 5px 6px -7px #ccc inset; box-sizing: border-box; font-size: 12px; height: 46px; margin: 0; padding: 3px; width: 100%; } .guides-side-blue-brd-norm { border-bottom: 1px solid #f0f7f9; border-top: 1px solid #f0f7f9; padding: 10px 0 9px; color: #999; font-size: 11px; line-height: 17px; white-space: normal; } .guides-side-group { background: #e1eef2; padding: 15px 15px 5px; border-radius: 2px 2px 0 0; margin: 15px 0 -15px; text-align: center; } .guides-side-group.pink { background: rgba(222, 39, 172, 0.1); } .guides-side-group-a { font-family: apercu_pro; border-radius: 2px; color: #348fab; display: block; font-size: 10px; line-height: 15px; padding: 7px 0; text-decoration: none !important; border: 1px solid #a5cdd9; text-transform: uppercase; vertical-align: top; margin: 0 0 10px; } .guides-side-group-btn { font-family: apercu_pro; border-radius: 2px; color: #348fab; display: inline; font-size: 10px; text-decoration: none !important; border: 1px solid #a5cdd9; text-transform: uppercase; vertical-align: top; padding: 6px 15px; line-height: 24px; margin-left: 10px; } .guides-side-d-coop { border-bottom: 1px dotted #cecece; border-top: 1px dotted #cecece; padding: 7px 0 8px; margin: -5px 0 7px; } .guides-side-d-coop-p { color: #999; font-size: 12px; line-height: 22px; margin: 0; } .guides-side-d-soc { font-size: 12px; line-height: 22px; margin: 0 0 -13px; } .guides-side-d-soc-a { background: url(/i/guides-side-d-soc-a.png) no-repeat; display: block; height: 14px; width: 14px; text-decoration: none !important; float: right; margin: 3px 0 0 5px; } .guides-side-d-soc-a:last-child { margin: 3px 0 0 0; } .guides-side-d-soc-a1 { background-position: 0 0; } .guides-side-d-soc-a2 { background-position: -24px 0; } .guides-side-d-soc-a3 { background-position: -48px 0; } .guides-side-d-soc-a4 { background-position: -72px 0; } .guides-side-d-soc-a5 { background-position: -97px 0; } .guides-side-d-chr-bt0 { border-top: 0; padding-top: 0; } .guides-side-photo-exp { border: 1px solid #ff8d30; position: relative; } .guides-side-photo-s { background: #ff8d30; font-size: 12px; line-height: 29px; font-family: apercu_pro; color: White; text-align: center; text-transform: uppercase; position: absolute; width: 100%; bottom: 0; left: 0; font-weight: bolder; } /* @resource /css/b-ques14.css */ .ques14 { } .ques14 a {text-decoration: none;} .ques14 a:hover {text-decoration: underline;} .ques14-elem { border: 1px solid #dde7eb; border-radius: 2px; margin: 0 0 20px; background: #ecf7fa; } .ques14-top { border-bottom: 1px solid #dde7eb; padding: 20px; } .ques14-top-ava { float: left; display: block; text-decoration: none !important; } .ques14-top-inf { margin: 0 0 0 55px; color: #bbb; font-size: 12px; line-height: 19px; } .ques14-txt { border-bottom: 1px solid #dde7eb; padding: 11px 20px; font-size: 12px; line-height: 20px; } .ques14-txt-h3 { font: bolder 18px/24px apercu_pro; margin: 0 0 8px; } .ques14-bot { font-size: 12px; line-height: 16px; padding: 10px 20px; color: #999; } .ques14-bot-s { background: url(/i/ico-view.png) no-repeat 0 center; padding: 0 0 0 16px; display: inline-block; float: right; margin: 0 0 0 15px; } .ques14-bot-fav { background: url(/i/ico-fav2.png) no-repeat 0 center; padding: 0 0 0 14px; display: inline-block; color: #999; float: right; margin: 0 0 0 15px; } .ques14-bot-fav.ques14-bot-fav-act {background: url(/i/fav_active.gif) 0 4px no-repeat;} .ques14-bot-complaint { background: url(/i/ico-complain.png) no-repeat 0 center; padding: 0 0 0 14px; display: inline-block; color: #999; float: right; margin: 0 0 0 15px; } .ques14-bot-a { display: inline-block; margin: 0 15px 0 0; } .ques14-bot-best { color: #d99c0a; } .ques14-top-inf-dot { display: inline-block; font-size: 6px; margin: 0 5px; vertical-align: top; } .ques14-top-inf-a { color: #666; } .ques14-rate { padding: 15px 20px; font-size: 12px; line-height: 28px; color: #999; border-bottom: 1px solid #dde7eb; } .ques14-rate-td { font-size: 12px; line-height: 28px; padding: 0 10px; border-left: 1px solid #dde7eb; } .ques14-rate-td:first-child { border-left: 0; } .ques14-rate-a1 { color: #2fbd25; text-decoration: none !important; } .ques14-rate-a2 { color: #e33232; text-decoration: none !important; } .ques14-rate-s { color: #999; display: inline-block; margin: 0 0 0 5px; } .ques14-rate-d { border: 1px solid #dde7eb; background: White; border-radius: 2px; float: left; } .ques14-users { background: White; padding: 10px 20px; color: #999; border-top: 1px solid #dde7eb; font-size: 12px; line-height: 16px; } .ques14-green { color: #2fbd25; } .ques14-comment { background: White; } .ques14-comment .ques14-top { border-bottom: 0; border-top: 1px solid #dde7eb; padding: 20px 20px 0; } .ques14-comment .ques14-txt { border-bottom: 0; } .ques14-answer-item .item-inner {border-left: 1px solid #dde7eb; border-right: 1px solid #dde7eb;} .ques14-no-top-border {border-left: 1px solid #dde7eb; border-right: 1px solid #dde7eb;border-bottom: 1px solid #dde7eb;border-top: none;} .ques14-submit { background: none repeat scroll 0 0 #ebebeb; border-top: 1px solid #ebebeb; padding: 20px; } .ques14-submit-inp { background: #348fab; color: White; border: 0; font-size: 10px; font-weight: bolder; text-transform: uppercase; padding: 0 15px; float: right; border-radius: 3px; height: 33px; } .ques14-submit-inp-2 { background: #348fab; color: White; border: 0; font-size: 10px; font-weight: bolder; text-transform: uppercase; padding: 10px 15px; float: right; border-radius: 3px; margin-right: 22px; } .ques14-submit-d { margin: 0 145px 0 0; border-radius: 3px; padding: 4px 10px 0; background: White; height: 29px !important; overflow: hidden; position: relative; } .ques14-submit-d-2 { margin: 0 145px 0 0; border-radius: 3px; padding: 4px 10px 0; background: White; min-height: 29px !important; overflow: hidden; position: relative; } .ques14-submit-textarea { width: 100%; height: 80px; border: 0; padding: 3px 0 0; background: transparent; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .ques14-submit-textarea-2 { width: 100%; height: 20px; border: 0; padding: 3px 0 0; background: transparent; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .ques14 .ratings-week-footer { border: 0; margin: 0; padding: 10px 0 0; } .ques14-comment .ques14-rate { padding: 0 20px 15px; color: #999; border-bottom: 0; } .ques14-rate-best { color: #d99c0a; display: inline-block; float: left; font-size: 12px; margin: 7px 0 0 15px; } .ques14-top-inf-a2 { color: #bbb; } .ques14-green-dotted { color: #2fbd25; line-height: 13px; display: inline-block; border-bottom: 1px dotted #2fbd25; text-decoration: none !important; } .ques14-bot-a-bg { background: #348fab; color: White; display: inline-block; padding: 5px 10px; margin: -5px 7px -5px 0; } .ques14-users-unsub { color: #999; border-bottom: 1px dotted #999; display: inline-block; float: right; font-size: 11px; line-height: 12px; } .ques14-users-comments-track-act { color: #008000; border-bottom: none; } .ques14-place-point {background:url(/i/icon_check.gif) no-repeat 0 1px;margin:0 0 0 3px;padding:0 0 0 12px} .ques14-geo-point {background:url(/i/icon_place.png) no-repeat 0 1px;margin:0 0 0 3px;padding:0 0 0 12px} .ques14-elem-yellow, .ques14-elem-yellow .ques14-submit { background: #fcf8ea; border-color: #efece0; } .ques14-elem-yellow .ques14-top, .ques14-elem-yellow .ques14-rate, .ques14-elem-yellow .ques14-txt, .ques14-elem-yellow .ques14-rate-d, .ques14-elem-yellow .ques14-users, .ques14-elem-yellow .ques14-comment .ques14-top, .ques14-elem-yellow .ques14-submit, .ques14-elem-yellow .ques14-rate-td { border-color: #efece0; } .comment-link-newstyle-1 a:hover { text-decoration:underline; } .ques14-elem-yellow2, .ques14-elem-yellow2 .ques14-submit { background: #EFFCEA; border-color: #efece0; } .ques14-top-inf-userplace { color: #bbb; } .ques14-top-inf-userplace-s { color: #666; } .ques14-rate-comm { float: right; color: #666; font-size: 12px; margin: 1px 0 0; vertical-align: top; display: inline-block; } .ques14-submit-d-a { height: 100%; display: block; left: 0; position: absolute; top: 0; width: 100%; text-decoration: none !important; } .ques14-submit-d-act { overflow: inherit; height: auto !important; min-height: 29px !important; } .ques14-submit-d-act .ques14-submit-d-a { display: none; } .ques14-nobrd { margin: -15px 0 0; } .ques14-nobrd .ques14-top, .ques14-nobrd .ques14-txt, .ques14-nobrd .ques14-rate, .ques14-nobrd .ques14-users { padding-left: 0; padding-right: 0; } .ques14-txt a { word-wrap: break-word; } .ques14-bot-rt .ques14-bot-best, .ques14-bot-rt .ques14-bot-a-bg { float: right; } .ques14-bot-rt .ques14-bot-a-bg { margin: -5px 0 -5px 10px; } .ques14-bot-rt .ques14-bot-complaint, .ques14-bot-rt .ques14-bot-fav, .ques14-bot-rt .ques14-bot-s { float: left; } .ques14-bot-rt .ques14-bot-complaint { margin: 0; } .ques14-bot-rt .ques14-bot-a { float: right; margin: 0 0 0 15px; } .ques14-submit-inp:hover { text-decoration: underline; cursor:pointer; } .ques14-elem-edit { background: url(/i/ico-edit3.png) no-repeat center; display: block; height: 12px; width: 12px; text-decoration: none !important; right: 21px; top: 5px; position: absolute; z-index: 5; } .ques14-elem-del { background: url(/i/x0.png) no-repeat center; display: block; height: 12px; width: 12px; text-decoration: none !important; right: 5px; top: 5px; position: absolute; z-index: 5; } .ques14-elem-soc { display: inline-block; margin: 0 0 0 5px; text-decoration: none !important; width: 12px; } .ques14-elem-soc-s { display: inline-block; } .ques14-elem-soc1 { background: url(/i/ratings-week-footer-soc1.png) no-repeat center; width: 15px; margin: 0 0 0 10px; } .ques14-elem-soc2 { background: url(/i/ratings-week-footer-soc2.png) no-repeat center; } .ques14-elem-soc3 { background: url(/i/ratings-week-footer-soc3.png) no-repeat center; } .ques14-rate-mb { border-bottom: 1px dotted #a3a5a7; display: inline-block; text-decoration: none !important; float: left; margin: 9px 0 0 15px; line-height: 12px; color: #a3a5a7; } .ques14-comment-act { border: 2px dotted #d99c0a; margin: -2px; position: relative; z-index: 1; } .ques14-best { border: 1px solid #ebcb66; } .ques14-top { position: relative; } .ques14-top-best-rt { background: #ebcb66 url(/i/ques14alt-elem-best.png) repeat-y 0 10px; position: absolute; right: 0; top: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color: White; height: 100%; padding: 31px 15px 15px 30px; font-size: 14px; line-height: 16px; font-family: apercu_pro; } .ques14-elem-yellow-best .ques14-elem-edit { background: url(/i/ico-edit5.png) no-repeat center; } .ques14-elem-yellow-best .ques14-elem-del { background: url(/i/x-white.png) no-repeat center; } /* @resource /css/b-page-ttl.css */ .page-ttl { padding: 0 0 17px; font-size: 12px; } .page-ttl-h1 { font-weight: bolder; color: #000; display: inline-block; font-size: 30px; line-height: 30px; margin: 0; font-family: apercu_pro; vertical-align: bottom; } .page-ttl-h1-gray999 { color: #999; font-size: 30px; line-height: 30px; font-family: apercu_pro; font-weight: bolder; display: inline-block; vertical-align: bottom; margin-bottom: -2px; } .page-ttl-h1_38 { font-weight: bolder; color: #000; display: inline-block; font-size: 38px; line-height: 40px; margin: 0 !important; font-family: apercu_pro; vertical-align: bottom; } .page-ttl-txt { margin: 18px 0 0; font-size: 12px; line-height: 20px; color: #000; } .page-ttl-txt2 { margin: 9px 0 0; font-size: 12px; line-height: 20px; color: #999; } .page-ttl-txt3 { margin: 5px 0 0; font-size: 10px; line-height: 20px; color: #999; } .page-ttl-txt3 { color: #999; font-size: 10px; line-height: 20px; margin: 5px 0 0;} .page-ttl-txt4 { color: #999; font-size: 12px; line-height: 20px; } .page-ttl-txt5 { color: #999; font-size: 11px; line-height: 11px; padding: 5px 0 0; } .page-ttl-txt5 a { color: #999; display: inline-block; margin: 0 0 0 8px; text-decoration: underline; } .page-ttl-txt5 a:hover { text-decoration: none; } .page-ttl-txt5 a:first-child { margin: 0; } .page-ttl-txt6 { font-size: 11px; line-height: 16px; margin: 10px 0 0; } a.page-ttl-txt2 { text-decoration: underline; } .tile-page-ttl { margin-top: 50px; } .page-ttl-txt_s {margin: -5px 0 0 0;} .page-ttl-txt-all { text-decoration: none !important; } .page-ttl-txt-all-s { display: inline-block; border-bottom: 1px dotted #348fab; line-height: 12px; } .page-ttl-back { margin: 0 0 18px -17px; font-size: 12px; line-height: 16px; padding: 13px 0 0; } .page-ttl-back-a { background: url(/i/arrow-prev-blue.png) 0 6px no-repeat; padding-left: 17px; display: inline-block; } .page-ttl-h2 { font-weight: bolder; color: #000; display: inline-block; font-size: 20px; line-height: 24px; font-family: apercu_pro; margin: 0; vertical-align: bottom; } .page-ttl-h2 p { font-weight: bolder; } .page-ttl-h2-gray999 { color: #999; font-size: 20px; line-height: 24px; font-family: apercu_pro; font-weight: bolder; vertical-align: bottom; } .page-ttl-name { background: #2fbd25; border-radius: 3px; color: White; display: inline-block; font-size: 11px; line-height: 13px; margin: 0 0 3px; padding: 2px 5px; text-decoration: none !important; } .page-ttl-btn-green { background: #2fbd25; border-radius: 3px; color: White; display: block; font-size: 16px; line-height: 18px; padding: 7px 15px; text-decoration: none !important; float: right; } .page-ttl-h3 { font-weight: bolder; color: #000; display: inline-block; font-size: 15px; line-height: 20px; font-family: apercu_pro; margin: 0; } .page-ttl-btn1 { background: White; font-family: apercu_pro; border-radius: 2px; color: #348fab; display: inline-block; font-size: 10px; line-height: 15px; padding: 6px 10px; text-decoration: none !important; border: 1px solid #348fab; text-transform: uppercase; vertical-align: top; margin: 3px 0 0 10px; } .page-ttl-btn2 { background: White; font-family: apercu_pro; border-radius: 2px; color: #999; display: inline-block; font-size: 10px; line-height: 15px; padding: 6px 10px; text-decoration: none !important; border: 1px solid #dedede; text-transform: uppercase; vertical-align: top; margin: 0 0 0 10px; float: right; } .page-ttl-btn3 { background: White; font-family: apercu_pro; border-radius: 2px; color: #348fab; display: inline-block; font-size: 10px; line-height: 15px; padding: 7px 10px; text-decoration: none !important; border: 1px solid #348fab; text-transform: uppercase; vertical-align: top; margin: 0 0 0 10px; float: right; } .page-ttl-btn4 { background: White; font-family: apercu_pro; border-radius: 2px; color: #666666; display: inline-block; font-size: 10px; line-height: 15px; padding: 6px 10px; text-decoration: none !important; border: 1px solid #666666; text-transform: uppercase; vertical-align: top; margin: 0 0 -4px 10px; } .page-ttl-btn5 { background: White; font-family: apercu_pro; border-radius: 2px; color: #348fab; display: inline-block; font-size: 10px; line-height: 15px; padding: 6px 10px; text-decoration: none !important; border: 1px solid #348fab; text-transform: uppercase; vertical-align: middle; margin: 0 0 0 10px; } .page-ttl-btn6 { background: #0074bf; font-family: apercu_pro; border-radius: 2px; color: White; display: inline-block; font-size: 10px; line-height: 15px; padding: 7px 10px; text-decoration: none !important; border: 1px solid #0074bf; text-transform: uppercase; vertical-align: top; margin: 0 0 0 10px; float: right; } .page-ttl-btn7 { background: White; font-family: apercu_pro; border-radius: 2px; color: #d99c0a; display: inline-block; font-size: 10px; line-height: 15px; padding: 7px 10px; text-decoration: none !important; border: 1px solid #d99c0a; text-transform: uppercase; vertical-align: top; margin: 0 0 0 10px; float: right; } .page-ttl-btn8 { background: White; font-family: apercu_pro; border-radius: 2px; color: #348fab; display: block; font-size: 14px; line-height: 15px; padding: 15px 0; text-decoration: none !important; border: 1px solid #348fab; text-transform: uppercase; vertical-align: top; margin: 0 auto; width: 250px; text-align: center; } .page-ttl-btn10-ico { background: url(../i/ico-ques4.png) no-repeat center; display: inline-block; cursor: help; height: 16px; width: 16px; margin: 0 0 0 10px; } .page-ttl-btn13 { background: White; font-family: apercu_pro; border-radius: 2px; color: #2fbd25; display: inline-block; font-size: 10px; line-height: 15px; padding: 7px 10px; text-decoration: none !important; border: 1px solid #2fbd25; text-transform: uppercase; vertical-align: top; margin: 0 0 0 10px; } .page-ttl-btn-s-348fab { border-bottom: 1px dotted #348fab; display: inline-block; line-height: 12px; } .page-ttl-btn-1-1 { cursor: pointer; background: White; font-family: apercu_pro; border-radius: 2px; color: #2FBD25; display: inline-block; font-size: 10px; line-height: 15px; padding: 6px 10px; text-decoration: none !important; border: 1px solid #2FBD25; text-transform: uppercase; vertical-align: top; margin: 3px 0 0 24px; } .page-ttl-btn-1-2 { cursor: pointer; background: White; font-family: apercu_pro; border-radius: 2px; color: #2FBD25; display: inline-block; font-size: 10px; line-height: 15px; padding: 6px 10px; text-decoration: none !important; border: 1px solid #dedede; text-transform: uppercase; vertical-align: top; margin: 0 0 0 10px; float: right; } .page-ttl-btn-1-3 { cursor: pointer; background: White; font-family: apercu_pro; border-radius: 2px; color: #2FBD25; display: inline-block; font-size: 10px; line-height: 15px; padding: 7px 10px; text-decoration: none !important; border: 1px solid #2FBD25; text-transform: uppercase; vertical-align: top; margin: 0 0 0 10px; float: right; } .page-ttl-btn-1-4 { cursor: pointer; background: White; font-family: apercu_pro; border-radius: 2px; color: #2FBD25; display: inline-block; font-size: 10px; line-height: 15px; padding: 6px 10px; text-decoration: none !important; border: 1px solid #2FBD25; text-transform: uppercase; vertical-align: top; margin: 0 0 -4px 10px; } .page-ttl-btn-1-5 { cursor: pointer; background: White; font-family: apercu_pro; border-radius: 2px; color: #2FBD25; display: inline-block; font-size: 10px; line-height: 15px; padding: 6px 10px; text-decoration: none !important; border: 1px solid #2FBD25; text-transform: uppercase; vertical-align: middle; margin: 0 0 0 10px; } .page-ttl-btn-1-6 { cursor: pointer; background: #0074bf; font-family: apercu_pro; border-radius: 2px; color: White; display: inline-block; font-size: 10px; line-height: 15px; padding: 7px 10px; text-decoration: none !important; border: 1px solid #0074bf; text-transform: uppercase; vertical-align: top; margin: 0 0 0 10px; float: right; } .page-ttl-btn-1-7 { cursor: pointer; background: White; font-family: apercu_pro; border-radius: 2px; color: #d99c0a; display: inline-block; font-size: 10px; line-height: 15px; padding: 7px 10px; text-decoration: none !important; border: 1px solid #d99c0a; text-transform: uppercase; vertical-align: top; margin: 0 0 0 10px; float: right; } .page-ttl-btn-1-8 { cursor: pointer; background: White; font-family: apercu_pro; border-radius: 2px; color: #348fab; display: block; font-size: 14px; line-height: 15px; padding: 15px 0; text-decoration: none !important; border: 1px solid #348fab; text-transform: uppercase; vertical-align: top; margin: 0 auto; width: 250px; text-align: center; } .page-ttl-btn-1-9 { cursor: pointer; background: White; font-family: apercu_pro; border-radius: 2px; color: #e33232; display: inline-block; font-size: 10px; line-height: 15px; padding: 6px 10px; text-decoration: none !important; border: 1px solid #e33232; text-transform: uppercase; vertical-align: top; margin: 3px 0 0 10px; } .page-ttl-btn-1-10 { cursor: pointer; background: White; font-family: apercu_pro; border-radius: 2px; color: #e33232; display: inline-block; font-size: 10px; line-height: 15px; padding: 6px 10px; text-decoration: none !important; border: 1px solid #dedede; text-transform: uppercase; vertical-align: top; margin: 0 0 0 10px; float: right; } .page-ttl-btn-1-11 { cursor: pointer; background: White; font-family: apercu_pro; border-radius: 2px; color: #e33232; display: inline-block; font-size: 10px; line-height: 15px; padding: 7px 10px; text-decoration: none !important; border: 1px solid #e33232; text-transform: uppercase; vertical-align: top; margin: 0 0 0 10px; float: right; } .page-ttl-btn-1-12 { cursor: pointer; background: White; font-family: apercu_pro; border-radius: 2px; color: #e33232; display: inline-block; font-size: 10px; line-height: 15px; padding: 6px 10px; text-decoration: none !important; border: 1px solid #dedede; text-transform: uppercase; vertical-align: top; margin: 0 0 -4px 10px; } .page-ttl-btn-1-13 { cursor: pointer; background: White; font-family: apercu_pro; border-radius: 2px; color: #2FBD25; display: block; font-size: 14px; line-height: 15px; padding: 15px 0; text-decoration: none !important; border: 1px solid #2FBD25; text-transform: uppercase; vertical-align: top; margin: 0 auto; width: 200px; text-align: center; } .page-ttl-btn-1-14 { cursor: pointer; background: White; font-family: apercu_pro; border-radius: 2px; color: #666666; display: inline-block; font-size: 10px; line-height: 15px; padding: 6px 10px; text-decoration: none !important; border: 1px solid #666666; text-transform: uppercase; vertical-align: top; margin: 0; } .page-ttl-btn-1-15 { cursor: pointer; background: White; font-family: apercu_pro; border-radius: 2px; color: #d99c0a; display: inline-block; font-size: 10px; line-height: 15px; padding: 6px 10px; text-decoration: none !important; border: 1px solid #d99c0a; text-transform: uppercase; vertical-align: top; margin: 0; } .page-ttl-btn-1-16 { cursor: pointer; background: White; font-family: apercu_pro; border-radius: 2px; color: #999; display: inline-block; font-size: 10px; line-height: 15px; padding: 6px 10px; text-decoration: none !important; border: 1px solid #dedede; text-transform: uppercase; vertical-align: top; margin: 0 0 0 10px; float: right; } .page-ttl-btn-1-1:hover, .page-ttl-btn-1-2:hover, .page-ttl-btn-1-3:hover, .page-ttl-btn-1-4:hover, .page-ttl-btn-1-5:hover, .page-ttl-btn-1-13:hover, .page-ttl-btn-1-14:hover { border: 1px solid #2fbd25; background: #2fbd25; color: White; } .page-ttl-btn-1-6:hover { background: #348FAB; } .page-ttl-btn-1-7:hover, .page-ttl-btn-1-15:hover { border: 1px solid #d99c0a; background: #d99c0a; color: White; } .page-ttl-btn-1-8:hover { border: 1px solid #348fab; background: #348fab; color: White; } .page-ttl-btn-1-9:hover, .page-ttl-btn-1-10:hover, .page-ttl-btn-1-11:hover, .page-ttl-btn-1-12:hover, .page-ttl-btn-1-16:hover { border: 1px solid #e33232; background: #e33232; color: White; } .page-ttl-txt-f11 { margin: 0; font-size: 11px; line-height: 20px; color: #000; } .page-ttl-btn1:hover, .page-ttl-btn2:hover, .page-ttl-btn3:hover, .page-ttl-btn7:hover, .page-ttl-btn4:hover { color: #e33232; border: 1px solid #e33232; } .page-ttl-btn3:hover .page-ttl-btn-s-348fab { border-bottom: 1px dotted #e33232; } .page-ttl-btn1-hover:hover { background: #348fab !important; color: White !important; border: 1px solid #348fab; } .page-ttl-link-link { color: #5ab1b1; display: inline-block; margin: 7px 10px 0; padding: 0 0 0 25px; font-size: 10px; line-height: 24px; font-family: apercu_pro; text-transform: uppercase; vertical-align: top; } .page-ttl-link-map { background: url(/i/kurort-ico-map.png) no-repeat 0 0; } .page-ttl-link-rating { background: url(/i/kurort-rating.png) no-repeat 0 0; } .page-ttl-link-r{ float: right; margin: 0; } .page-ttl-link1 { font-size: 14px; line-height: 14px; color: #00BA1A; border-bottom: 1px dotted #00BA1A; display: inline-block; margin: 17px 0 0 50px; text-decoration: none !important; } .page-ttl-txt-dot { display: inline-block; font-size: 6px; margin: 0 5px; vertical-align: top; } .page-ttl-menu { background: url(/i/page-ttl-menu.png) no-repeat center; display: inline-block; height: 12px; width: 12px; margin: 12px 12px 0 0; vertical-align: top; text-decoration: none !important; } .page-ttl-menu_big { margin: 15px 12px 0 0; } .page-ttl-type { margin: 10px 0 0; font-size: 12px; color: #999; line-height: 16px; } .page-ttl-small { color: #999; font-size: 14px; line-height: 18px; font-family: apercu_pro; vertical-align: bottom; display: inline-block; } .page-ttl-recom { background: url(/i/rt-recom2.png) repeat-x 0 center; display: inline-block; color: White; font-size: 10px; height: 35px; font-weight: lighter; line-height: 35px; font-family: apercu_pro; text-transform: uppercase; vertical-align: bottom; margin: 0 0 -7px 15px; } .page-ttl-recom-s1 { background: url(/i/rt-recom.png) no-repeat 0 center; display: inline-block; padding: 0 0 0 51px; } .page-ttl-recom-s2 { background: url(/i/rt-recom1.png) no-repeat right center; display: inline-block; padding: 0 13px 0 0; line-height: 35px; height: 35px;} .page-ttl-type-i { color: #666; display: inline-block; font-size: 12px; height: 12px; margin-left: 7px; } .page-ttl-type-i-icon-add { background: url(/i/icons-places15.png) repeat -244px 0; display: inline-block; height: 9px; margin-right: 3px; width: 9px; } .page-ttl-back-green { color: #2fbd25; font-size: 12px; margin: 15px 0 0; } .page-ttl-back-green2 { color: #2fbd25; font-size: 12px; margin: 15px 0 0; float: right; } .page-ttl-back-green-s { font-size: 13px; } .page-ttl-back-green-a { color: #2fbd25; } .page-ttl-back-green-a { color: #2fbd25; } .page-ttl-year { font-size: 16px; line-height: 16px; color: Black; margin: 0 0 0 12px; } .page-ttl-year-a { color: Black; border-bottom: 1px dotted Black; text-decoration: none !important; display: inline-block; } .page-ttl-year-arr { font-family: Arial, Helvetica, sans-serif; display: inline-block; font-size: 18px; margin: 0 0 4px; vertical-align: bottom; } .page-ttl-bubble { font-size: 12px; line-height: 18px; margin: 10px 0 0; position: relative; } .page-ttl-bubble:after { background: url(../i/side-nav-li-bubble.png) repeat 0 0; content: " "; height: 4px; left: 15px; position: absolute; top: -3px; width: 5px; } .page-ttl-bubble-inn { border: 1px solid #dedede; border-radius: 2px; color: #666; padding: 10px 15px; } .page-ttl-filter-null-result-message {font-family: 'apercu_pro'; color: #58585A; font-weight: bold; font-size: 18px; line-height: 22px; display: inline-block; margin: 50px auto; width: 100%; text-align: center;} .page-ttl-big-btn1 {cursor: pointer;padding:0 25px;border-radius:4px; background: #348fab; font-family: apercu_pro; color: White; display: inline-block; font-size: 14px; line-height: 37px; text-decoration: none !important; border: 1px solid #348fab; vertical-align: top; margin: 0 7px 0 0; font-weight: bolder; position: relative; } .page-ttl-big-btn2 {cursor: pointer;padding:0 25px;border-radius:4px; background: #d99c0a; font-family: apercu_pro; color: White; display: inline-block; font-size: 14px; line-height: 37px; text-decoration: none !important; border: 1px solid #d99c0a; vertical-align: top; margin: 0 7px 0 0; font-weight: bolder; position: relative; } .page-ttl-big-btn3 {cursor: pointer;padding:0 25px;border-radius:4px; background: #71B99D; font-family: apercu_pro; color: White; display: inline-block; font-size: 14px; line-height: 37px; text-decoration: none !important; border: 1px solid #71B99D; vertical-align: top; margin: 0 7px 0 0; font-weight: bolder; position: relative; } .page-ttl-big-btn-new { background: #F041CD; color: White; border-radius: 2px; position: absolute; padding: 2px 5px; right: -8px; top: -8px; font-size: 8px; line-height: 12px; } .page-ttl-h2-new { background: #2fbd25; color: White; border-radius: 2px; padding: 2px 5px; font-size: 8px; line-height: 12px; display: inline-block; margin: 0 0 0 10px; vertical-align: top; } .page-ttl-input { width: 535px; font-size: 24px; } .page-ttl-fix { } .page-ttl-fix-rt { width: 112px; float: right; white-space: nowrap; } .page-ttl-fix-act { position: fixed; z-index: 5; top: 0; padding: 15px; background: White; margin: 0 0 0 -15px; width: 100%; left: 0; } .page-ttl-fix-act .page-ttl-btn1 { margin: 0 auto; float: none; } .page-ttl-fix-act .page-ttl-fix-cnt { max-width: 1260px; min-width: 555px; margin: 0 auto; padding: 0 0 0 245px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; display: block; } .page-ttl-fix-center { max-width: 1230px; margin-left: auto; margin-right: auto; left: 0; right: 0; } @-moz-document url-prefix() { .page-ttl-recom-s2 {line-height: 33px;} } .page-ttl-txt-dot { display: inline-block; font-size: 6px; margin: 0 5px; vertical-align: top; } .page-ttl-h2-a-gray { color: #666; } .page-ttl-h2-dashed-gray { color: #666; font-size: 12px; line-height: 13px; text-decoration: none; display: inline-block; border-bottom: 1px dotted #666; } .page-ttl-h2-dotted-blue { color: #348fab; font-size: 12px; line-height: 13px; text-decoration: none; display: inline-block; border-bottom: 1px dotted #348fab; } .page-ttl-h2-dotted-green { color: #30bd25; font-size: 12px; line-height: 13px; text-decoration: none; display: inline-block; border-bottom: 1px dotted #30bd25; } .page-ttl-h2-dotted-pink { color: #de27ac; font-size: 12px; line-height: 13px; text-decoration: none; display: inline-block; border-bottom: 1px dotted #de27ac; } .page-ttl-h2-dotted-black { color: Black; font-size: 12px; line-height: 13px; text-decoration: none; display: inline-block; border-bottom: 1px dotted Black; } .page-ttl-h2-dashed-gray999-r { color: #30bd25; font-size: 12px; line-height: 16px; background: url(../i/dashed_30bd26.png) repeat-x 0 bottom; text-decoration: none; float: right; margin: 11px 0 0; } .page-ttl-h2-dotted-ok { display: inline-block; background: url(../i/ico-igo-gray.png) no-repeat 0 3px; padding: 0 0 0 12px; } .page-ttl-h2-dotted-ok-act { background: url(../i/ico-igo.png) no-repeat 0 3px; } .page-ttl-h2-dotted-ok-act .page-ttl-h2-dashed-gray { color: #de27ac; border-bottom: 1px dotted #de27ac; } .page-ttl-h2-s999 { color: #999; } .page-ttl-select { font-size: 12px; float: right; margin: 7px 0 0; width: 205px; } .page-ttl-select2 { font-size: 12px; float: right; margin: 7px 10px 0 0; width: 200px; } .page-ttl-select3 { font-size: 12px; margin: -9px 15px 0 10px; width: 200px; } .page-ttl-select4 { font-size: 12px; margin: -9px 15px 0 0; } .page-ttl-select5 { font-size: 12px; margin: -9px 15px 0 10px; width: 100px; } .page-ttl-select6 { font-size: 12px; float: right; margin: 7px 10px 0 0; width: 150px; } .page-ttl-all { background: url(../i/arrow_next_blue.gif) no-repeat right 5px; padding: 0 17px 0 0; display: inline-block; float: right; margin: 12px 0 0; } .page-ttl-green { color: #2fbd25; font-size: 20px; } .page-ttl-green2 { color: #2fbd25; font-size: 14px; } .page-ttl-tabs { display: inline-block; margin: 0 15px 0 0; line-height: 30px; font-size: 15px; } .page-ttl-tabs-act { padding: 0 10px; border: 1px solid #B3B3B3; color: #B3B3B3; cursor: auto; text-decoration: none; } .page-ttl-tabs-right { float: right; } .page-ttl-tabs-right .page-ttl-tabs { margin: 0 0 0 15px; } .page-ttl-h3-a { color: #666; } .page-ttl-h3-new {color: #555; display: inline-block; font: 20px/24px Tahoma,Arial,sans-serif;padding: 0; padding:3px 2px 13px 15px; margin:0 !important;} .page-ttl-h3-block {background:#eee;} .page-ttl-h3-new-a {color:#000;} .page-ttl-h3-ah { color: #000; text-decoration: none; } .page-ttl-h3-ah:hover { color: #000; text-decoration: underline; } .page-ttl-toggle { float: right; font-size: 12px; line-height: 24px; margin: 7px 0 0; } .page-ttl-toggle-a { background: url(../i/dashed_348fab.gif) repeat-x 0 18px; display: inline-block; margin: 0 0 0 7px; text-decoration: none; } .page-ttl-toggle-a-act { background: #348fab none; display: inline-block; margin: 0 0 0 7px; color: White; padding: 0 10px; } .page-ttl-back2{ background: url(../i/arrow-prev-blue.png) 0 8px no-repeat; padding-left: 17px; display: block; float: right; margin: 9px 0 0 0; font-size: 14px; } .page-ttl-back3{ background: url(../i/arrow-prev-blue.png) 0 8px no-repeat; padding-left: 17px; display: block; float: right; margin: 22px 0 0 0; font-size: 14px; } .page-ttl-back4{ background: url(../i/arrow-prev-blue.png) 0 8px no-repeat; padding-left: 17px; display: inline-block; margin: 9px 0 0 0; font-size: 14px; } .page-ttl-green-btn { display: block; background: url(../i/advice-buttons-ask.gif) repeat-x center top; height: 32px; font: 16px/32px Tahoma; color: #ffffff; text-shadow: 0px -1px 0 #2fb326; text-align: center; text-decoration: none; text-transform: uppercase; border: 1px solid #47d03e; float: right; width: 205px; margin: 5px 0 0; } .page-ttl-green-btn:hover { background: url(../i/advice-buttons-ask-hover.gif) repeat-x center top; } .page-ttl-hint-img { margin: 8px 0 0 7px; vertical-align: top; cursor: help; } .page-ttl-hint { background: url(../i/hint-arr.png) no-repeat 0 -12px; color: #666; font-size: 11px; line-height: 15px; padding: 0 0 0 6px; position: absolute; margin: -2px 0 0 5px; display: none; } .page-ttl-hint-s { background: White; border: 1px solid #eee; border-left: 0; display: inline-block; padding: 5px 10px 7px; } .page-ttl-add { background: url(../i/disc-plus.png) no-repeat 0 center; display: inline-block; font-size: 12px; line-height: 20px; padding: 0 0 0 25px; float: right; margin: 7px 0 0; } .page-ttl-add-h1 { background: url(../i/disc-plus.png) no-repeat 0 center; display: inline-block; font-size: 12px; line-height: 20px; padding: 0 0 0 25px; float: right; margin: 17px 0 0; } .page-ttl-add-red { background: url(../i/disc-plus-pink.png) no-repeat 0 center; display: inline-block; font-size: 12px; line-height: 20px; padding: 0 0 0 25px; float: right; margin: 9px 0 0; color: #9b2389; } .page-ttl-add-red-arr { float: right; margin: 13px 0 0; padding: 5px; } .page-ttl-add-buro { padding: 0 20px; float: right; margin: 5px 0 0; background: #dbdbdb url(../i/povod-inn2-a.png) repeat-x 0 0; border: 1px solid #d3d3d3; display: block; text-shadow: 1px 1px 0 #fff; text-transform: uppercase; line-height: 30px; text-decoration: none; font-size: 14px; } .page-ttl-add-bold { background: url(../i/add_place_de27ac.png) no-repeat 0 2px; display: block; float: right; font-size: 14px; font-weight: bold; margin: 9px 0 0 15px; padding: 0 0 0 22px; text-decoration: none; line-height: 18px; color: #de27ac; } .page-ttl-add-bold-brd { border-bottom: 1px dotted #de27ac; } .page-ttl-printing { background: url(../i/print-ico-blue.jpg) no-repeat 0 0; display: inline-block; font-size: 12px; line-height: 24px; padding: 0 0 0 32px; float: right; margin: 7px 0 0 15px; } .page-ttl-pdf { background: url(../i/ico-pdf.png) no-repeat 0 0; display: inline-block; font-size: 12px; line-height: 24px; padding: 0 0 0 32px; float: right; margin: 7px 0 0 15px; } .page-ttl-ico { margin: 0 0 -6px 6px; display: inline-block; vertical-align: top; } .page-ttl-ico-a1 { background: url(../i/ico-filter-list1.png) no-repeat center; display: inline-block; text-decoration: none; width: 34px; height: 34px; } .page-ttl-ico-act .page-ttl-ico-a1 { background: #a3a3a3 url(../i/ico-filter-list2.png) no-repeat center; } .page-ttl-ico-a2 { background: url(../i/ico-filter-full1.png) no-repeat center; display: inline-block; text-decoration: none; width: 34px; height: 34px; } .page-ttl-ico-act .page-ttl-ico-a2 { background: #a3a3a3 url(../i/ico-filter-full2.png) no-repeat center; } .page-ttl-photo { display: inline-block; margin: 7px 48px 0 0; line-height: 20px; font-size: 16px; float: right; } .page-ttl-recom { background: url(/i/rt-recom2.png) repeat-x 0 center; display: inline-block; color: White; font-size: 10px; height: 35px; font-weight: lighter; line-height: 35px; font-family: apercu_pro; text-transform: uppercase; vertical-align: bottom; margin: 0 0 -7px 15px; } .page-ttl-recom-s1 { background: url(/i/rt-recom.png) no-repeat 0 center; display: inline-block; padding: 0 0 0 51px; } .page-ttl-recom-s2 { background: url(/i/rt-recom1.png) no-repeat right center; display: inline-block; padding: 0 13px 0 0; line-height: 35px; height: 35px;} .page-ttl-type-i { color: #666; display: inline-block; font-size: 12px; height: 12px; margin-left: 7px; } .page-ttl-type-i-icon-add { background: url(/i/icons-places15.png) repeat -244px 0; display: inline-block; height: 9px; margin-right: 3px; width: 9px; } .page-ttl-r-edit { text-decoration: none !important; display: block; background: url(/i/black60.png) repeat center; float: right; } .page-ttl-r-edit i { display: block; background: url(/i/ico-edit.png) no-repeat center; width: 24px; height: 24px; } /* @resource /js/jqvmap/jqvmap.css */ /*! * jQVMap Version 1.0 * * http://jqvmap.com * * Copyright 2012, Peter Schmalfeldt * Licensed under the MIT license. * * Fork Me @ https://github.com/manifestinteractive/jqvmap */ .jqvmap-label { position: absolute; display: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #292929; color: white; font-family: sans-serif, Verdana; font-size: smaller; padding: 3px; } .jqvmap-zoomin, .jqvmap-zoomout { position: absolute; left: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #000000; padding: 3px; color: white; width: 10px; height: 10px; cursor: pointer; line-height: 10px; text-align: center; } .jqvmap-zoomin { top: 10px; } .jqvmap-zoomout { top: 30px; } .jqvmap-region { cursor: pointer; } .jqvmap-ajax_response { width: 100%; height: 500px; } /* @resource /css/b-awards.css */ .awards { } .awards-stat { background: #f5f5f5 url(/i/bg-main-pattern-light.png) repeat 0 0; } .awards-stat-td { font-size: 12px; line-height: 16px; width: 1%; white-space: nowrap; color: Black; vertical-align: top; text-align: center; padding: 17px 20px 0 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .awards-stat-td:first-child { background: url(/i/awards-stat.png) no-repeat right 0; width: auto; font-weight: bolder; font-family: apercu_pro; text-align: left; padding: 0 20px 0 20px; height: 95px; } .awards-stat-td2 { padding: 17px 20px 0 20px; } .awards-stat-num { background: url(/i/awards-stat-num.png) no-repeat center 0; font-size: 15px; line-height: 20px; width: 63px; text-align: center; padding: 40px 0 12px; display: inline-block; } .awards-stat-txt { font-size: 17px; line-height: 20px; display: inline-block; } .awards-stat-a { font-size: 15px; line-height: 21px; font-family: apercu_pro; font-weight: bolder; display: block; margin: 0 0 3px; } .awards-stat-a-s { font-size: 24px; } .awards-ttl { padding: 0 0 14px; } .awards-ttl-txt { margin: 9px 0 0; font-size: 12px; line-height: 20px; color: #999; } .awards-ttl-h2 { font-weight: bolder; color: #000; display: inline-block; font-size: 20px; line-height: 24px; font-family: apercu_pro; margin: 0; vertical-align: bottom; } .awards-brd { border-bottom: 1px solid #dedede; padding: 0 0 15px; } .awards-brd:last-child { border-bottom: 0; padding: 0 0 15px; } .awards-elem { float: left; width: 99px; margin: 0 10px 0 0; } .awards-elem:last-child { margin: 0; } .awards-elem-ico { border: 1px solid #dedede; border-radius: 3px; display: block; text-align: center; padding: 15px 0; text-decoration: none !important; margin: 0 0 8px; } .awards-elem-ico-img { } .awards-elem-txt { font-size: 12px; line-height: 18px; color: #999; } .awards-elem-txt b { font-size: 13px; line-height: 16px; color: Black; font-family: apercu_pro; display: block; margin: 0 0 5px; word-wrap: break-word; } .awards-elem-txt a { display: block; margin: 5px 0 0; } .awards-elem-lock .awards-elem-txt b { color: #999; } .awards-elem-pp-top { border-bottom: 1px solid #d2d2d2; margin: 0 0 10px; padding: 0 0 5px; } .awards-elem-pp-top-lf { margin: 0 0 0 115px; } .awards-elem-pp-top-ttl { font-size: 18px; line-height: 24px; color: Black; font-family: apercu_pro; font-weight: bolder; margin: 0 0 10px; } .awards-elem-pp-top-txt { font-size: 14px; line-height: 18px; color: #999; } .awards-elem-pp-top .awards-elem { text-align: center; margin: 0; } .awards-elem-pp-top .awards-elem-ico { border: 0; padding: 0; } .awards-elem-small { text-align: center; float: left; width: 90px; margin: 0 10px 0 0; } .awards-elem-small .awards-elem-ico-img { width: 40px; } .awards-elem-small:last-child { margin: 0; } .awards-elem-ico-medal { display: block; border-radius: 35px; background: url(/i/awards-elem-ico-medal.png) no-repeat center; font-size: 15px; line-height: 20px; width: 67px; padding: 26px 0 0; height: 67px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color: Black; margin: 0 auto; font-weight: bolder; } .awards-elem-all { font-size: 12px; line-height: 67px; background: #efefef; font-weight: bolder; font-family: apercu_pro; color: #666; } /* @resource /css/b-club-profile.css */ .club-user-stat { background: url(/i/bg-club-user-stat.png) 0 0 repeat; border: 1px solid #edebe1; margin-top: 10px; } .club-user-stat-inner { display: table; width: 100%; } .club-user-stat-cell { display: table-cell; width: 14.3%; text-decoration: none; } .club-user-stat-cell:hover {text-decoration: none;} .club-user-stat-val { height: 50px; text-align: center; color: #3488b2; font-family: "apercu_pro"; font-weight: bold; font-size: 15px; line-height: 21px; padding-top: 13px; } .club-user-stat-val span {display: block; font-size: 24px;} .club-user-stat-cell:hover .club-user-stat-val {color: #000;} .club-user-stat-link { display: block; height: 50px; border-top: 1px solid #e9e8e3; background: url(/i/icon-arrow-round-down.png) 50% 50% no-repeat; } .club-user-now { background: #d9f2e5; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 12px; line-height: 20px; margin: 10px 0; } .club-user-now-inner { display: table; width: 100%; height: 67px; } .club-user-now-img { display: table-cell; vertical-align: middle; padding: 0 14px; width: 37px; text-decoration: none; } .club-user-now-info { display: table-cell; vertical-align: middle; } .club-user-now-ttl { font-family: "apercu_pro_bold"; font-size: 15px; font-weight: normal; margin: 0; padding: 0; } .club-user-now-p { color: #666; margin: 0; padding: 0; } .club-user-now-p-a { color: #3488b2; text-decoration: none; } .club-user-now-p-a:hover {text-decoration: underline; cursor:pointer;} /* @resource /css/b-club-user-card.css */ .club-user-card {overflow: hidden; } .club-user-card-photo {float: left; width: 165px; height: 165px; position: relative;} .club-user-card-photo img {width: 100%;} .club-user-card-info {overflow: hidden; padding-left: 15px;} .club-user-card-bubble { font-size: 12px; line-height: 18px; margin: 10px 0 0; position: relative;} .club-user-card-bubble:after { content: ""; position: absolute; left: 15px; top: -3px; width: 5px; height: 4px; background: url(/i/side-nav-li-bubble.png); } .club-user-card-bubble-inn { border: 1px solid #dedede; border-radius: 2px; padding: 10px 15px; color: #666; } .club-user-card-bubble-tbl {line-height: 20px;color: #000; text-align: right;} .club-user-card-bubble-tbl td:first-child {color: #999; text-align: left;} .club-user-card-btn { border: 1px solid #348fab; text-align: center; border-radius: 2px; display: inline-block; font-family: "apercu_pro"; font-size: 10px; line-height: 29px; padding: 0 10px; text-transform: uppercase; text-decoration: none !important; } .club-user-card-btn + .club-user-card-btn {margin-left: 7px;} .club-user-card-btn2 { border-radius: 2px; display: inline-block; font-family: "apercu_pro"; font-size: 10px; line-height: 12px; padding: 3px 12px 4px 30px; text-transform: uppercase; text-decoration: none !important; background: #348FAB url("/i/ico-user3.png") no-repeat scroll 7px center; color: #FFF; margin: 0px 7px 0px 0px; vertical-align: top; } .club-user-card-btn-del {border-color: #bbb; color: #bbb} .club-user-card-rating { margin: 15px 0 14px; } .club-user-card-rating-val { height: 51px; line-height: 50px; color: #fff; border-radius: 2px; background: #009047; display: inline-block; vertical-align: top; font-family: "apercu_pro"; font-weight: bold; font-size: 26px; padding-right: 14px; } .club-user-card-rating-val span { display: inline-block; vertical-align: top; height: 51px; background: #2fbd25; border-radius: 2px 0 0 2px; padding: 12px 12px 0; margin-right: 11px; font-family: "apercu_pro_light"; font-weight: normal; font-size: 10px; line-height: 12px; text-transform: uppercase; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .club-user-card-about { font-size: 12px; line-height: 20px; } .club-user-card-about-loc {color: #666;} .club-user-card-about-s {color: #bbb;} .club-user-card-rate { border: 1px solid #d2d2d2; color: #999; text-align: center; border-radius: 2px; display: inline-block; font-family: apercu_pro; font-size: 10px; line-height: 29px; margin: 0 0 0 7px; text-transform: uppercase; vertical-align: top; } .club-user-card-rate-s1 { display: inline-block; border-right: 1px solid #d2d2d2; padding: 0 10px; float: left; } .club-user-card-rate-s2 { display: inline-block; border-right: 1px solid #d2d2d2; width: 27px; background: url(/i/club-user-card-rate.png) no-repeat -18px center; float: left; } .club-user-card-rate-a { float: left; text-decoration: none !important; display: inline-block; width: 27px; border-right: 1px solid #d2d2d2; } .club-user-card-rate-a:last-child { border-right: 0; } .club-user-card-rate-a1-s { display: inline-block; width: 27px; background: url(/i/club-user-card-rate.png) no-repeat 10px center; } .club-user-card-rate-a2-s { display: inline-block; width: 27px; background: url(/i/club-user-card-rate.png) no-repeat -45px center; } .club-user-card-rate-act .club-user-card-rate-a1-s { background: #2fbd25 url(/i/ico-plus3.png) no-repeat 11px center; } .club-user-card-rate-act .club-user-card-rate-a2-s { background: #e33232 url(/i/ico-minus3.png) no-repeat 10px center; } .club-user-card-rating-t { display: inline-block; vertical-align: top; font-size: 11px; line-height: 16px; color: Black; margin: 8px 0 0 12px; } .club-user-card-rating-t-d { } .club-user-card-rating-t-s { float: left; } .club-user-card-rating-t-num { margin: 0 0 0 72px; color: #2fbd25; } div.club-user-card-rating-touragent { margin-top: 24px; } .club-user-card-rating-t-num-touragent { margin: 0 0 0 84px; color: #2fbd25;} a.club-user-card-rating-t-hint-touragent { float: left; margin-right: 5px; } .club-user-card-rating-t-hint { background: url(/i/ico-q3.png) no-repeat center 3px; text-decoration: none !important; display: inline-block; height: 16px; width: 12px; margin: 0 0 0 3px; } .club-user-card-photo-a { background: url(/i/bg-black-60.png) repeat; color: #bbb; text-decoration: none !important; position: absolute; width: 100%; left: 0; bottom: 0; content: 'bg-black-60.png'; font-size: 12px; line-height: 18px; padding: 7px 0; text-align: center; display: none; } .club-user-card-photo:hover .club-user-card-photo-a { display: block; } .club-user-card-photo-s { background: url(/i/ico-user4.png) no-repeat 0 center; display: inline-block; padding: 0 0 0 22px; } .club-user-card-photo-a:hover { color: White; } .club-user-card-photo-a:hover .club-user-card-photo-s { background: url(/i/ico-user3.png) no-repeat 0 center; } .club-user-card-contact { border-radius: 2px; border: 1px solid #d2d2d2; padding: 10px 15px; } .club-user-card-contact-ttl { font-family: apercu_pro; font-size: 18px; line-height: 20px; font-weight: bolder; margin: 0 0 10px; color: Black; } .club-user-card-contact-d { display: table-cell; padding: 0 10px 0 0; font-size: 12px; line-height: 16px; color: #999; width: 30%; } .club-user-card-contact-p { color: #666; font-size: 14px; line-height: 18px; padding: 0 0 0 20px; margin: 0 0 5px; font-weight: bolder; } .club-user-card-contact-p1 { background: url(/i/ico-phone.png) no-repeat 0 center; } .club-user-card-contact-p2 { background: url(/i/ico-mail4.png) no-repeat 0 center; } .club-user-card-contact-p3 { background: url(/i/ico-clock2.png) no-repeat 0 center; } .club-user-card-contact-p4 { padding: 0 0 0 20px; margin: 0; } .club-user-card-contact-all { text-align: right; font-size: 12px; line-height: 16px; color: #348fab; margin: 5px 0 0; } .club-user-card-contact-gift { background: url(/i/ico-gift.png) no-repeat 0 1px; font-family: apercu_pro; font-size: 18px; line-height: 20px; font-weight: bolder; color: Black; padding: 0 0 0 50px; margin: 20px 0 10px; } .club-user-card-contact-gift-a { font-size: 14px; font-weight: normal; } .club-user-card-contact-f12 { font-size: 12px; line-height: 18px; margin: 0 0 10px; } .club-user-card-contact-sep { background: #d2d2d2; height: 1px; margin: 15px -15px; } .club-user-card-contact-sep img { width: 100%; } .club-user-card-contact-serv { display: table-cell; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 15px 0 0; } .club-user-card-contact-serv:last-child { padding: 0; } .club-user-card-contact-serv-p { font-size: 14px; line-height: 25px; padding: 0 0 0 45px; } .club-user-card-contact-serv-p1 { background: url(/i/ico-car3.png) no-repeat 0 center; } .club-user-card-contact-serv-p2 { background: url(/i/ico-ppl3.png) no-repeat 6px center; } .club-user-card-contact-serv-p3 { background: url(/i/ico-build.png) no-repeat 6px center; } .club-user-card-contact-serv-p4 { background: url(/i/ico-shop.png) no-repeat 12px center; } .club-user-card-contact-serv-p5 { background: url(/i/ico-trns.png) no-repeat 10px center; } .club-user-card-contact-serv-p6 { background: url(/i/ico-photik.png) no-repeat 10px center; } .club-user-card-contact-serv-p7 { background: url(/i/ico-hosp.png) no-repeat 10px center; } .club-user-card-photo-medal { background: url(/i/bg-white75.png); color: #bbb; text-decoration: none !important; position: absolute; width: 100%; left: 0; bottom: 0; z-index: 1; } .club-user-card-photo-medal-s { padding: 10px 0 10px 38px; background: url(/i/ico-medal2.png) no-repeat 10px center; display: block; color: #b00; font-size: 14px; line-height: 18px; } .club-user-card-iClient-i2 { float: left; font-size: 12px; line-height: 12px; background: url(../i/icon-check-black.png) no-repeat 0 center; padding: 0 0 0 16px; text-decoration: none !important; color: Black; margin: 15px 0 15px;} .club-user-card-iClient-s-i2 { border-bottom: 1px dotted Black; font-size: 12px; line-height: 12px; display: block; } .club-user-card-iClient-act { background: url(../i/icon-check-green.png) no-repeat 0 center; color: #1faf66; } .club-user-card-iClient-act .club-user-card-iClient-s-i2 { border-bottom: 1px dotted #1faf66; } .club-user-card-tickets { display: inline-block; text-transform: uppercase; } /* @resource /css/b-side-nav.css */ .side-nav {padding: 0 0 10px 20px; margin: -2px 0 0; } .side-nav-ul { margin: 0; list-style-type: none; padding: 0; } .side-nav-li { font-size: 12px; line-height: 22px;} .side-nav-li-ttl { font-size: 20px; line-height: 34px; font-family: 'apercu_pro'; font-weight: bolder; padding: 9px 0 12px 0;} .side-nav-li-ttl:first-child { border-top: 0; line-height: 0px; margin-bottom: 15px; height: 0px;} .side-nav-li-a { color: #666; } .side-nav-li-a:hover {background: url("/i/toolbar-arrow-rr.png") no-repeat scroll 2% 13% transparent; margin-left: -10px; padding-left: 10px; text-decoration: none; color: #ff4e05;} /*.side-nav-li-a-red { color: #e33232; }*/ .side-nav-li-a-red { color: #e33232; background: url("/i/toolbar-arrow-rr.png") no-repeat scroll 0 13% transparent; font-weight: bolder; margin-left: -10px; padding-left: 10px;} .side-nav-li-a-dotted { color: #666; text-decoration: none !important; display: inline-block; line-height: 13px; } .side-nav-li-bubble { margin: 5px 0 7px -10px; font-size: 11px; line-height: 18px; } .side-nav-li-bubble-img { margin: 0 0 -1px 15px; } .side-nav-li-bubble-inn { border: 1px solid #dedede; border-radius: 2px; padding: 7px 10px; color: #aaa; } .side-nav-li-bubble-a { color: #aaa; } .side-nav-li-bubble-a:hover, .side-nav-li-bubble-a-red { color: #ff4e05; } .side-nav-fixed {position:fixed; top: 20px;} .side-nav-auth { height: 60px; background: #ebebeb; padding: 20px 0 0 20px; margin: 23px 0 7px -20px; } .side-nav-auth-keys { background: url(/i/login-keys.png) 0 50% no-repeat; padding-left: 49px; font-size: 12px; line-height: 19px; height: 40px; } .side-nav-auth-login { display: inline-block; color: #348fab; background: url(/i/dotted-348fab.png) 0 15px repeat-x; text-decoration: none; } .side-nav-auth-reg { display: inline-block; color: #999; background: url(/i/dotted_999.gif) 0 15px repeat-x; text-decoration: none; } .side-nav-auth-login:hover, .side-nav-auth-reg:hover {text-decoration: none;} #route-num { color: #ff4e05; display: inline-block; margin: 0 0 0 5px; font-weight: bolder; line-height: 22px; } .side-nav-li-country { white-space: nowrap; position: relative; overflow: hidden; font-size: 20px; line-height: 24px; font-family: 'apercu_pro'; font-weight: bolder; padding: 9px 0 0; color: #666; } .side-nav-li-country-name {max-width: 155px; overflow-x: hidden; overflow-y: hidden; display: inline-block; vertical-align: top;} .side-nav-li-country-flag {display: inline-block;position: relative;vertical-align: top;z-index: 1;} .side-nav-li-country-bg { background: url(/i/opac-side.png) repeat-y 0 center; width: 80px; position: absolute; top: 0; right: 0; height: 100%; } .side-nav-li-a-nw::after { background: url(/i/ico-cat.png) no-repeat 0 0; content: ""; display: inline-block; height: 9px; margin: 0 0 0 5px; width: 10px; } /* @resource /css/b-pp-add-comm.css */ .pp-add-comm { width: 540px; } .pp-add-comm-content { padding: 10px; font-size: 12px; line-height: 16px; color: #666; } .pp-add-comm-p { margin: 0 0 10px; } .pp-add-comm-inp1 { border: 1px solid #d3d3d3; width: 377px; } .pp-add-comm-inp2 { border: 1px solid #d3d3d3; width: 341px; } .pp-add-comm-area { border: 1px solid #d3d3d3; width: 495px; height: 200px; margin: 5px 0 0; } .pp-add-comm-p-s { color: Red; } .pp-add-comm-p-a { background: url(/i/dashed_1d82a2.gif) repeat-x 0 bottom; display: inline-block; text-decoration: none; } .pp-add-comm-p-a-act { background: #348fab; color: White; padding: 0 5px; } .pp-add-comm-submit { text-align: center; } .pp-add-comm-submit-btn-green { float: none; } .pp-add-comm-btn {background: #348fab; color: #fff; text-decoration: none !important; display: inline-block; padding: 7px 20px;} .pp-add-comm-inp3 { border: 1px solid #d3d3d3; width: 99.1%; } .pp-add-comm-p-hidden1, .pp-add-comm-p-hidden2 { display: none; width: 100%; } .pp-add-comm-p-hidden1-td { white-space: nowrap; vertical-align: middle; } .pp-add-comm-p-hidden1-td2 { padding: 0 10px; width: 1%; } .pp-add-comm-p-hidden1-td3 { padding: 0 10px 0 0; width: 1%; } .pp-add-comm-load { width: 187px; text-align: center; } .pp-add-comm-world { width: 187px; margin-left:5px; } .pp-add-comm-p-bold {width:19px; height:19px; background:#eee url(/i/ico_btn_bold.gif) no-repeat center; position:absolute; top:0; right:41px;} .pp-add-comm-p-em {width:19px; height:19px; background:#eee url(/i/ico_btn_em.gif) no-repeat center; position:absolute; top:0; right:21px;} .pp-add-comm-p-line {width:19px; height:19px; background:#eee url(/i/ico_btn_line.gif) no-repeat center; position:absolute; top:0; right:1px;} .pp-add-comm-p2 { margin: 10px 0 0; position: relative; border-bottom: 1px solid #d2d2d2; padding: 0 10px 10px; font-size: 12px; line-height: 16px; color: #666; } .pp-add-comm-scroll { max-height: 150px; overflow-y: auto; font-size: 12px; line-height: 16px; } .pp-add-comm-scroll-a { border-bottom: 1px solid #d2d2d2; display: block; padding: 7px 10px; text-decoration: none !important; } .pp-add-comm-scroll-a:hover { background: #ff9526; color: White; } .pp-add-comm-scroll-act { background: #ff9526; color: White; } .pp-add-comm-all { float: left; font-size: 12px; line-height: 18px; color: Black; text-align: left; margin: 7px 0 0 10px; } .pp-add-comm-sel { width: 200px; margin: -1px 0 0; } .standart-popup .pp-add-comm-area { width: 100%; } /* @resource /css/b-rev-photo-pp.css */ .rev-photo-pp { width: 570px; } .rev-photo-pp-h3 { text-transform: none; } .rev-photo-pp-num { color: Yellow; } .rev-photo-pp-content { height: 325px; overflow-y: scroll; padding: 10px 0 10px 10px; } .rev-photo-pp-elem { float: left; margin: 0 15px 15px 0; } .rev-photo-pp-elem-lab { display: block; cursor: pointer; } .rev-photo-pp-elem-chk { } .rev-photo-pp-elem-s { border: 1px solid #d3d3d3; display: inline-block; padding: 4px; position: relative; margin: 0 0 0 5px; } .rev-photo-pp-elem-img { } .rev-photo-pp-elem-bg { position: absolute; background: url(/i/white50.png); right: 0; top: 0; width: 100%; height: 100%; display: none; } .rev-photo-pp-elem-act .rev-photo-pp-elem-bg { display: block; } .overview-form-photo { border: 1px solid #d3d3d3; display: inline-block; padding: 4px; position: relative; margin: 0 0 0 5px; } .overview-form-photo-shadow {background:url(/i/frame62x62.png) repeat; position:absolute; width:60px; height:60px; top:4px; left:4px; display:none;} .overview-form-photo-active .overview-form-photo-shadow {display:block;} .blue_border {border: 2px solid #5CC4E7;} .overview-form-photo-del {position:absolute; top:10px; left:35px; width:16px; height:16px; background:url(/i/delete.png) no-repeat; cursor:pointer;} .overview-form-popup-deletePhoto {position:absolute; width:134px; background:#fff; padding:0 0px 12px 12px; top:46px; right:-3px; z-index:100; display:none;box-shadow:#666 0 0 4px;} .overview-form-popup-deletePhoto-title {font-size:12px; text-transform:uppercase; border-bottom:1px solid #e5e5e5; padding:8px 0 9px 0; margin:0 12px 0 0;text-align: center;} .overview-form-popup-deletePhoto-arrow {position:absolute; top:-3px; right:30px; background:url(/i/arrow2.gif) no-repeat; width:5px; height:3px;} .overview-form-popup-deletePhoto-yes {display:inline-block; width:55px; height:28px; background:#49b71d; color:#fff; text-decoration:none; text-transform:uppercase; font-size:11px; text-align:center; line-height:28px; margin:12px 9px 0 0;} .overview-form-popup-deletePhoto-no {display:inline-block; width:55px; height:28px; background:#e72b2b; color:#fff; text-decoration:none; text-transform:uppercase; font-size:11px; text-align:center; line-height:28px; margin:12px 0 0;} /* @resource /css/b-pp-message.css */ .pp-message{display: none; position: absolute; width: 450px; z-index: 55;} .pp-message-wrp{background:url(/i/m_popup_dark_border.png) repeat left top;padding:10px} .pp-message-content{background:#fff;font-size:12px;padding:1px} .pp-message-title{background:#1d82a2;color:#fff;font-size:11px;font-weight:bold;margin:0 0 1px;padding:7px 10px 7px 10px;text-transform:uppercase} .pp-message-close{background:url(/i/pp_close2.gif) no-repeat center;float:right;font-size:0;margin-top:2px;width:11px;height:11px;cursor:pointer} .pp-message-submit{background:#eee;height:1%;overflow:hidden;padding:11px 9px 9px;text-align:center;} .pp-message-btn{background:url(/i/btn_green.gif) repeat-x 0 0;border:1px solid #05b400;color:#fff;display:inline-block;font-size:14px;line-height:26px;height:26px;margin:0 0 0 14px;padding:0 10px;text-transform:uppercase;text-decoration:none;text-shadow:0 -1px 0 #1caf17} .pp-message-wrap{padding: 10px;} .pp-message-tbl{width: 100%;} .pp-message-str{} .pp-message-cell{ vertical-align: middle; color: #AFAFAF;padding-bottom: 10px;} .pp-message-cell-ava{width: 46px; padding-right: 10px; vertical-align: top;} .pp-message-cell-ava-link{width: 46px; height: 46px; overflow: hidden; display: block; position: relative;} .pp-message-user-who{width: 46px; height: 11px; position: absolute; bottom: 0; left: 0; background: url(/i/profi.gif) 0 0 no-repeat;} .pp-message-username{display: block; font-size: 12px; line-height: 14px; font-weight: bold;} .pp-message-textarea{width: 96px; height: 88px; padding: 7px; } .pp-message-sent{padding: 20px; text-align: center; color: #999; font-size: 14px; line-height: 18px; display: none;} /* @resource /css/b-pp-here.css */ .pp-here { width: 450px; } .pp-here-elem { } .pp-here-th { padding: 0 0 3px; font-size: 12px; line-height: 16px; font-weight: normal; text-align: left; } .pp-here-td { padding: 0 0 15px; } .pp-here-td-sep { width: 10px; } .pp-here-red { color: Red; } .pp-here-select { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-size: 12px; } .pp-here-comm { font-size: 12px; line-height: 12px; margin: 0 0 10px; } .pp-here-comm-a { display: inline-block; border-bottom: 1px dotted #348fab; text-decoration: none; } .pp-here-comm-hidden { display: none; } .pp-here-comm-textarea { height: 80px; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .pp-here-comm-right { text-align: right; font-size: 11px; line-height: 15px; color: #999; } .pp-here-comm-symbol { } .pp-here-p { color: #999; font-size: 11px; line-height: 15px; margin: 0; } .pp-here-p2 { margin: 0 0 10px; } .pop-here-p3 { color: Black; font-size: 14px; line-height: 16px; margin: 0 0 10px; } .pp-here-compan-tbl { margin: -5px 0 10px; display: none; } .pp-here-compan-td { padding: 0 5px 0 0; } .pp-here-compan-td:last-child { padding: 0 0 0 5px; } .pp-here-compan-td2 { padding: 5px 0 0; } .pp-here-compan-sel { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .pp-here-from { color: #30BD25; display: inline-block; border-bottom: 1px dotted #30BD25; line-height: 12px; text-decoration: none; margin: 0 0 0 5px; white-space: nowrap; } .pp-here-p2-green { color: #30BD25; } .pp-here-checkbox { margin: 0 5px 0 0; } .pp-here-p2-ico { background: url(/i/icon_cat.gif) no-repeat right 4px; display: inline-block; padding: 0 15px 0 0; } .pp-here-p2-orange { color: orange; } .pp-here-go-delete {float: left; margin-left: 10px;} /* @resource /css/b-miniscreen.css */ .miniscreen { position: fixed; right: 0; bottom: 10px; height: 34px; z-index: 10; } .miniscreen-a1 { background: White url(/i/ico-miniscreen.png) no-repeat center; display: block; height: 30px; width: 30px; text-decoration: none; border: 2px solid #b51e8d; border-radius: 3px; position: absolute; right: 10px; } .miniscreen-a2 { background: White url(/i/ico-miniscreen-a2.png) no-repeat center; display: block; height: 30px; width: 30px; text-decoration: none; position: absolute; right: 5px; top: 0; } .miniscreen-s { background: White; font-size: 14px; line-height: 16px; display: inline-block; padding: 6px 0 8px 15px; position: absolute; right: -190px; white-space: nowrap; border: 2px solid #b51e8d; border-radius: 3px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 190px; } /* @resource /css/common.css */ @charset "UTF-8"; .tags { font-size: 0; } .tags_left { padding-left: 20px; margin-bottom: 18px; } .tags_center { margin-bottom: 19px; } .tags__item { display: inline-block; margin-right: 10px; } .tags__link { display: inline-block; text-decoration: none; color: #338eaa; padding: 0 8px; line-height: 25px; font-family: "apercu_pro_demibold", Arial, sans-serif; font-size: 12px; border-radius: 3px; background: #E6F1F5; } .tags__link_back { position: relative; padding: 0 10px 0 6px; border-radius: 0 3px 3px 0; } .tags__link_back:before { content: ''; position: absolute; top: 0; left: -21px; border-top: 12px solid transparent; border-bottom: 13px solid transparent; border-left: 12px solid transparent; border-right: 9px solid #E6F1F5; } .tags__link_cat { text-transform: uppercase; font-family: "apercu_pro_bold", Arial, sans-serif; } .tags__link_last { color: #666666; background: #ECECEC; } /* ╨Ш╨╜╤Д╨╛╤А╨╝╨░╤Ж╨╕╨╛╨╜╨╜╤Л╨╡ ╤Н╨╗╨╡╨╝╨╡╨╜╤В╤Л (╨║╨╛╨╗╨╕╤З╨╡╤Б╤В╨▓╨╛ ╨┐╤А╨╛╤Б╨╝╨╛╤В╤А╨╛╨▓, ╤Б╤З╨╡╤В╤З╨╕╨║ ╨╝╨╜╨╡ ╨╜╤А╨░╨▓╨╕╤В╤Б╤П ╨╕ ╤В.╨┤.) */ .inform__item { position: relative; display: inline-block; vertical-align: top; color: #bbbbbb; font-size: 12px; margin-right: 17px; } .inform__item:last-child { margin-right: 0; } .inform__item:after { content: ''; position: absolute; top: 0; left: 0; background: url(/i/inform-sprite.png) no-repeat; } .inform__item_views { padding-left: 16px; } .inform__item_views:after { top: 2px; width: 13px; height: 9px; background-position: -25px -3px; } .inform__item_users { padding-left: 20px; } .inform__item_users:after { top: -1px; width: 16px; height: 12px; background-position: 0 0; } .inform__item_likes { color: #0f9e56; padding-left: 19px; } .inform__item_likes:after { width: 15px; height: 12px; background-position: -46px 0; } /* ╨Ъ╨╜╨╛╨┐╨║╨░ ╨╜╨░╨▓╨╡╤А╤Е */ .ontop-clickzone { display: block; position: fixed; top: 0; bottom: 0; left: 0; width: 45px; z-index: 1; text-align: right; visibility: hidden; opacity: 0; -webkit-transition: all .15s ease; transition: all .15s ease; } .ontop-clickzone:hover { background: rgba(255, 255, 255, 0.6); } .ontop-clickzone.fixed { visibility: visible; opacity: 1; } .ontop-clickzone_show { visibility: visible; opacity: 1; } .ontop-clickzone_down .ontop__icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .ontop__icon { display: inline-block; position: absolute; top: 50%; right: 50%; margin-right: -15px; width: 30px; height: 30px; -webkit-transition: -webkit-transform .3s ease; transition: transform .3s ease; } .ontop__svg { width: 30px; height: 30px; fill: #bbb; } @media screen and (max-width: 1365px) { .ontop-clickzone { display: none; } } @media screen and (min-width: 1599px) { .ontop-clickzone { width: 100px; } } @media screen and (min-width: 1800px) { .ontop-clickzone { width: 200px; } } /* @resource /stc/css/common-v4.css */ @charset "UTF-8"; .tags { position: relative; font-size: 0; margin-bottom: 23px; padding-left: 235px; } .tags--in-photo-fs, .tags--in-content { padding-left: 0; margin-bottom: 0; } .tags--in-photo-fs .tags__item, .tags--in-content .tags__item { margin-bottom: 5px; margin-top: 5px; } .tags--normal { padding-left: 0; } .tags__item { display: inline-block; margin-right: 19px; margin-bottom: 10px; } .tags__item--back { position: absolute; left: 10px; } .tags__link { position: relative; display: inline-block; text-decoration: none; color: #398DB1; padding: 0 10px; line-height: 29px; font-size: 13px; background: #ECECEC; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .tags__link:before { content: ''; position: absolute; top: 0; left: -21px; border-top: 14px solid transparent; border-bottom: 15px solid transparent; border-left: 12px solid transparent; border-right: 9px solid #ECECEC; } .tags__link:hover { color: #108dea; } .tags__link:active { color: #1451bb; } .tags__link_back { position: relative; padding: 0 10px 0 6px; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .tags__link_cat { text-transform: uppercase; font-family: "apercu_pro_bold", Arial, sans-serif; } .tags__link_last { color: #666666; background: #ECECEC; } @media (max-width: 800px) { .tags { margin: -20px -20px 30px; overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 15px 20px; white-space: nowrap; background: #F6F6F6 url(/stc/images/header_pattern.png) repeat left center; } .tags--in-content, .tags--in-photo-fs { overflow: visible; margin-top: 0; margin-left: 0; margin-right: 0; padding: 0; margin-bottom: 0; white-space: normal; background: transparent; } .tags--in-content .tags__link, .tags--in-photo-fs .tags__link { background: #ECECEC; } .tags--in-content .tags__link:after, .tags--in-photo-fs .tags__link:after { display: none; } .tags__item { margin-right: 21px; margin-bottom: 0; } .tags__item:last-child { margin-right: 0; } .tags__item--back { position: static; } .tags__link { background: #fff; border-top: 1px solid #ececec; border-right: 1px solid #ececec; border-bottom: 1px solid #ececec; line-height: 27px; } .tags__link:before { top: -1px; } .tags__link:after { content: ''; position: absolute; top: 0px; left: -20px; border-top: 13px solid transparent; border-bottom: 14px solid transparent; border-left: 12px solid transparent; border-right: 8px solid #fff; } } /* Информационные элементы (количество просмотров, счетчик мне нравится и т.д.) */ .inform__item { position: relative; display: inline-block; vertical-align: top; color: #bbbbbb; font-size: 12px; margin-right: 17px; } .inform__item:last-child { margin-right: 0; } .inform__item:after { content: ''; position: absolute; top: 0; left: 0; background: url(/stc/i/inform-sprite.png) no-repeat; } .inform__item_views { padding-left: 16px; } .inform__item_views:after { top: 2px; width: 13px; height: 9px; background-position: -25px -3px; } .inform__item_users { padding-left: 20px; } .inform__item_users:after { top: -1px; width: 16px; height: 12px; background-position: 0 0; } .inform__item_likes { color: #0f9e56; padding-left: 19px; } .inform__item_likes:after { width: 15px; height: 12px; background-position: -46px 0; } /* Кнопка наверх */ .ontop-clickzone { display: block; position: fixed; top: 0; bottom: 0; left: 0; width: 45px; z-index: 1; text-align: right; visibility: hidden; opacity: 0; -webkit-transition: all .15s ease; -o-transition: all .15s ease; transition: all .15s ease; } .ontop-clickzone:hover { background: rgba(255, 255, 255, 0.6); } .ontop-clickzone.fixed { visibility: visible; opacity: 1; } .ontop-clickzone_show { visibility: visible; opacity: 1; } .ontop-clickzone_down .ontop__icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .ontop__icon { display: inline-block; position: absolute; top: 50%; right: 50%; margin-right: -15px; width: 30px; height: 30px; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; -o-transition: transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; } .ontop__svg { width: 30px; height: 30px; fill: #bbb; } /* Рекламный блок */ .banner-rt { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; display: block; text-decoration: none; background: url(/stc/i/banner_pattern.png) repeat top center; max-height: 120px; text-align: center; overflow: hidden; } .banner-rt * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .banner-rt > img { vertical-align: top; height: 100%; } .banner-rt > div:not(.banner-rt__close) { margin-top: 13px; margin-bottom: 13px; max-height: 94px; } .banner-rt yatag { margin-left: auto; margin-right: auto; } .banner-rt_wrap { padding: 13px 20px; } .banner-rt__close { position: absolute; top: 10px; right: 17px; width: 20px; height: 20px; background: url(/stc/i/icon-close-14x15.png) no-repeat center center; } @media screen and (max-width: 1365px) { .ontop-clickzone { display: none; } } @media screen and (min-width: 1599px) { .ontop-clickzone { width: 100px; } } @media screen and (min-width: 1800px) { .ontop-clickzone { width: 200px; } } /* ================================ Баннер "Индивидуальные гиды" ================================ */ .banner-guide { position: relative; padding: 17px 0 0; border: 1px solid #c6c6c6; -webkit-border-radius: 4px; border-radius: 4px; margin-bottom: 20px; height: 428px; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1, 1); } .banner-guide__title { padding: 0 10px; font-size: 19px; line-height: 22px; font-weight: 500; } .banner-guide__title span { position: relative; font-weight: 300; } .banner-guide__title span:after { content: ''; position: absolute; bottom: -6px; border-bottom: 1px solid; left: 0; width: 100%; } .banner-guide__cube { position: absolute; border: 1px solid #fff; -webkit-border-radius: 4px; border-radius: 4px; width: 20px; height: 20px; overflow: hidden; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); overflow: hidden; z-index: 2; } .banner-guide__cube-content { position: absolute; width: 100%; height: 100%; -webkit-transform: rotate(-45deg) translateY(-22%); -ms-transform: rotate(-45deg) translateY(-22%); transform: rotate(-45deg) translateY(-22%); } .banner-guide__cube_photo { top: 113px; left: 86px; margin-left: -53px; width: 107px; height: 107px; } .banner-guide__cube_photo .banner-guide__cube-content { width: 152px; height: 152px; } .banner-guide__cube_green { top: 223px; left: 21px; width: 50px; height: 50px; background: #3AAA35; } .banner-guide__cube_green .banner-guide__cube-content { width: 67px; height: 67px; } .banner-guide__cube_blue { top: 202px; right: 16px; width: 35px; height: 35px; background: #398DB1; } .banner-guide__cube_blue .banner-guide__cube-content { width: 47px; height: 47px; } .banner-guide__cube_white { top: 230px; right: 44px; width: 35px; height: 35px; background: #fff; } .banner-guide__cube_white .banner-guide__cube-content { width: 47px; height: 47px; } .banner-guide__cube-num { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; } .banner-guide__cube-num .icons, .banner-guide__cube-num .info-line .icons_marker_darkcyan, .info-line .banner-guide__cube-num .icons_marker_darkcyan, .banner-guide__cube-num .info-line .icon_point, .info-line .banner-guide__cube-num .icon_point { -webkit-font-smoothing: subpixel-antialiased; -webkit-transform: scale(2); -ms-transform: scale(2); transform: scale(2); zoom: 0.5; } .banner-guide__cube-num .icons_cloud-min_darkcyan { width: 19px; height: 19px; background-position: -813px -505px; } .banner-guide__cover { position: absolute; bottom: -1px; left: -1px; width: 180px; height: 312px; z-index: 1; background: url(/stc/images/banner_cover.png) no-repeat center center; } .banner-guide__inform { position: absolute; bottom: 10px; left: 0; right: 0; padding: 10px; color: #fff; z-index: 2; text-align: center; } .banner-guide__name { font-size: 15px; line-height: 22px; font-weight: 300; margin-bottom: 24px; } .banner-guide__name strong { display: block; font-weight: 500; } .banner-guide__btn { display: inline-block; width: 131px; border: 2px solid #fff; -webkit-border-radius: 4px; border-radius: 4px; height: 41px; line-height: 37px; cursor: pointer; font-size: 13px; color: #fff; font-weight: 500; text-decoration: none; } /* ===================== Полоса информации ===================== */ .info-line { font-size: 0; margin: 0 -7px; } .info-line--regular, .info-line--regular li, .info-line--regular .info-line__link { font-weight: 400; } .info-line--bar { margin-top: 4px; margin-bottom: 15px; padding-top: 13px; border-top: 1px solid #EDEDED; } .info-line li { font-size: 13px; margin: 0 7px; display: inline-block; margin-bottom: 7px; } .info-line .sep { font-weight: 700; color: #878787; } .info-line .icon_que_green { position: relative; top: -2px; } .info-line .icons_marker_darkcyan, .info-line .icon_point, .info-line .icon_point { position: relative; top: -3px; margin-right: 10px; } .info-line__link { font-size: 13px; font-weight: 300; } .info-line__link:hover { color: #108dea; } .info-line__link:active { color: #1451bb; } .info-line li:hover .info-line__link_green { color: #008D36; } .info-line li:active .info-line__link_green { color: #008D36; } .info-line__link_green { color: #008D36; } .info-line__link_green:hover { color: #008D36; } .info-line__link_hint { margin-right: 7px; } .info-line__text_gray { color: #878787; } .info-line__text--light { font-weight: 300; } @media (max-width: 800px) { .info-line li { padding: 3px 0; } .info-line .sep { display: none; } .info-line + .info-line { border-top: 1px solid #c6c6c6; padding-top: 15px; } } /* ========== Иконки ========== */ .icons, .info-line .icons_marker_darkcyan, .info-line .icon_point { position: relative; background-image: url(/stc/i/mega-sprite.png); background-repeat: no-repeat; display: inline-block; vertical-align: middle; } /*Dots*/ .icons_dots_white { width: 30px; height: 6px; background-position: -87px -99px; } .icons_dots_black { width: 30px; height: 6px; background-position: -87px -202px; } .icons_dots_gray { width: 30px; height: 6px; background-position: -87px -305px; } .icons_dots_lightgray { width: 30px; height: 6px; background-position: -87px -408px; } .icons_dots_darkcyan { width: 30px; height: 6px; background-position: -87px -511px; } .icons_dots_blue, .action-link:hover .icons_dots_darkcyan { width: 30px; height: 6px; background-position: -87px -614px; } .icons_dots_darkblue, .action-link:active .icons_dots_darkcyan, .action-link.active .icons_dots_darkcyan { width: 30px; height: 6px; background-position: -87px -717px; } .icons_dots_cyan { width: 30px; height: 6px; background-position: -87px -820px; } /*Share*/ .icons_share_white { width: 18px; height: 26px; background-position: -196px -89px; } .icons_share_black { width: 18px; height: 26px; background-position: -196px -192px; } .icons_share_gray { width: 18px; height: 26px; background-position: -196px -295px; } .icons_share_lightgray { width: 18px; height: 26px; background-position: -196px -398px; } .icons_share_darkcyan { width: 18px; height: 26px; background-position: -196px -501px; } .icons_share_blue, .action-link:hover .icons_share_darkcyan { width: 18px; height: 26px; background-position: -196px -604px; } .icons_share_darkblue, .action-link:active .icons_share_darkcyan, .action-link.active .icons_share_darkcyan { width: 18px; height: 26px; background-position: -196px -707px; } .icons_share_cyan { width: 18px; height: 26px; background-position: -196px -810px; } /*Burger*/ .icons_burger_white { width: 25px; height: 18px; background-position: -294px -94px; } .icons_burger_black { width: 25px; height: 18px; background-position: -294px -196px; } .icons_burger_gray { width: 25px; height: 18px; background-position: -294px -299px; } .icons_burger_lightgray { width: 25px; height: 18px; background-position: -294px -402px; } .icons_burger_darkcyan { width: 25px; height: 18px; background-position: -294px -505px; } .icons_burger_blue { width: 25px; height: 18px; background-position: -294px -608px; } .icons_burger_darkblue { width: 25px; height: 18px; background-position: -294px -711px; } .icons_burger_cyan { width: 25px; height: 18px; background-position: -294px -814px; } .icons_burger_gray.pause { -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; width: 17px; height: 10px; -webkit-transform: rotate(-90deg) translateZ(0); transform: rotate(-90deg) translateZ(0); } /*Close*/ .icons_close_white { width: 24px; height: 20px; background-position: -398px -92px; } .icons_close_black { width: 24px; height: 20px; background-position: -398px -195px; } .icons_close_gray { width: 24px; height: 20px; background-position: -398px -298px; } .icons_close_lightgray { width: 24px; height: 20px; background-position: -398px -401px; } .icons_close_darkcyan { width: 24px; height: 20px; background-position: -398px -504px; } .icons_close_blue { width: 24px; height: 20px; background-position: -398px -607px; } .icons_close_darkblue { width: 24px; height: 20px; background-position: -398px -710px; } .icons_close_cyan { width: 24px; height: 20px; background-position: -398px -813px; } /*Search*/ .icons_search_white { width: 30px; height: 30px; background-position: -499px -87px; } .icons_search_black { width: 30px; height: 30px; background-position: -499px -190px; } .icons_search_gray { width: 30px; height: 30px; background-position: -499px -293px; } .icons_search_lightgray { width: 30px; height: 30px; background-position: -499px -396px; } .icons_search_darkcyan { width: 30px; height: 30px; background-position: -499px -499px; } .icons_search_blue { width: 30px; height: 30px; background-position: -499px -602px; } .icons_search_darkblue { width: 30px; height: 30px; background-position: -499px -705px; } .icons_search_cyan { width: 30px; height: 30px; background-position: -499px -808px; } /*Add*/ .icons_add_white { width: 21px; height: 21px; background-position: -607px -92px; } .icons_add_black { width: 21px; height: 21px; background-position: -607px -195px; } .icons_add_gray { width: 21px; height: 21px; background-position: -607px -298px; } .icons_add_lightgray { width: 21px; height: 21px; background-position: -607px -401px; } .icons_add_darkcyan { width: 21px; height: 21px; background-position: -607px -504px; } .icons_add_blue, .btn:hover .icons_add_darkcyan { width: 21px; height: 21px; background-position: -607px -607px; } .icons_add_darkblue, .btn:active .icons_add_darkcyan { width: 21px; height: 21px; background-position: -607px -710px; } .icons_add_cyan { width: 21px; height: 21px; background-position: -607px -813px; } /*Paper*/ .icons_paper_white { width: 21px; height: 23px; background-position: -710px -91px; } .icons_paper_black { width: 21px; height: 23px; background-position: -710px -194px; } .icons_paper_gray { width: 21px; height: 23px; background-position: -710px -297px; } .icons_paper_lightgray { width: 21px; height: 23px; background-position: -710px -400px; } .icons_paper_darkcyan { width: 21px; height: 23px; background-position: -710px -503px; } .icons_paper_blue { width: 21px; height: 23px; background-position: -710px -606px; } .icons_paper_darkblue { width: 21px; height: 23px; background-position: -710px -709px; } .icons_paper_cyan { width: 21px; height: 23px; background-position: -710px -812px; } /*cloud-min*/ .icons_cloud-min_white { width: 17px; height: 17px; background-position: -815px -94px; } .icons_cloud-min_black { width: 17px; height: 17px; background-position: -815px -197px; } .icons_cloud-min_gray { width: 17px; height: 17px; background-position: -815px -300px; } .icons_cloud-min_lightgray { width: 17px; height: 17px; background-position: -815px -403px; } .icons_cloud-min_darkcyan { width: 17px; height: 17px; background-position: -815px -506px; } .icons_cloud-min_blue { width: 17px; height: 17px; background-position: -815px -609px; } .icons_cloud-min_darkblue { width: 17px; height: 17px; background-position: -815px -712px; } .icons_cloud-min_cyan { width: 17px; height: 17px; background-position: -815px -815px; } /*cloud*/ .icons_cloud_white { width: 24px; height: 22px; background-position: -914px -91px; } .icons_cloud_black { width: 24px; height: 22px; background-position: -914px -194px; } .icons_cloud_gray { width: 24px; height: 22px; background-position: -914px -297px; } .icons_cloud_lightgray { width: 24px; height: 22px; background-position: -914px -400px; } .icons_cloud_darkcyan { width: 24px; height: 22px; background-position: -914px -503px; } .icons_cloud_blue { width: 24px; height: 22px; background-position: -914px -606px; } .icons_cloud_darkblue { width: 24px; height: 22px; background-position: -914px -709px; } .icons_cloud_cyan { width: 24px; height: 22px; background-position: -914px -812px; } /*like*/ .icons_like_white { width: 22px; height: 21px; background-position: -1018px -91px; } .icons_like_black { width: 22px; height: 21px; background-position: -1018px -194px; } .icons_like_gray { width: 22px; height: 21px; background-position: -1018px -297px; } .icons_like_lightgray { width: 22px; height: 21px; background-position: -1018px -400px; } .icons_like_darkcyan { width: 22px; height: 21px; background-position: -1018px -503px; } .icons_like_blue { width: 22px; height: 21px; background-position: -1018px -606px; } .icons_like_darkblue { width: 22px; height: 21px; background-position: -1018px -709px; } .icons_like_cyan { width: 22px; height: 21px; background-position: -1018px -812px; } /*question*/ .icons_question_white { width: 10px; height: 19px; background-position: -1127px -93px; } .icons_question_black { width: 10px; height: 19px; background-position: -1127px -196px; } .icons_question_gray { width: 10px; height: 19px; background-position: -1127px -299px; } .icons_question_lightgray { width: 10px; height: 19px; background-position: -1127px -402px; } .icons_question_darkcyan { width: 10px; height: 19px; background-position: -1127px -505px; } .icons_question_blue { width: 10px; height: 19px; background-position: -1127px -608px; } .icons_question_darkblue { width: 10px; height: 19px; background-position: -1127px -711px; } .icons_question_cyan { width: 10px; height: 19px; background-position: -1127px -814px; } /*question-o*/ .icons_question-o_white { width: 20px; height: 20px; background-position: -1225px -92px; } .icons_question-o_black { width: 20px; height: 20px; background-position: -1225px -195px; } .icons_question-o_gray { width: 20px; height: 20px; background-position: -1225px -298px; } .icons_question-o_lightgray { width: 20px; height: 20px; background-position: -1225px -401px; } .icons_question-o_darkcyan { width: 20px; height: 20px; background-position: -1225px -504px; } .icons_question-o_blue { width: 20px; height: 20px; background-position: -1225px -607px; } .icons_question-o_darkblue { width: 20px; height: 20px; background-position: -1225px -710px; } .icons_question-o_cyan { width: 20px; height: 20px; background-position: -1225px -813px; } /*question-o-fat*/ .icons_question-o-fat_white { width: 20px; height: 20px; background-position: -1328px -92px; } .icons_question-o-fat_black { width: 20px; height: 20px; background-position: -1328px -195px; } .icons_question-o-fat_gray { width: 20px; height: 20px; background-position: -1328px -298px; } .icons_question-o-fat_lightgray { width: 20px; height: 20px; background-position: -1328px -401px; } .icons_question-o-fat_darkcyan { width: 20px; height: 20px; background-position: -1328px -504px; } .icons_question-o-fat_blue { width: 20px; height: 20px; background-position: -1328px -607px; } .icons_question-o-fat_darkblue { width: 20px; height: 20px; background-position: -1328px -710px; } .icons_question-o-fat_cyan { width: 20px; height: 20px; background-position: -1328px -813px; } /*marker*/ .icons_marker_white { width: 17px; height: 22px; background-position: -1433px -92px; } .icons_marker_black { width: 17px; height: 22px; background-position: -1433px -195px; } .icons_marker_gray { width: 17px; height: 22px; background-position: -1433px -298px; } .icons_marker_lightgray { width: 17px; height: 22px; background-position: -1433px -401px; } .icons_marker_darkcyan, .info-line .icons_marker_darkcyan, .info-line .icon_point { width: 17px; height: 22px; background-position: -1433px -504px; } .icons_marker_blue, .info-line li:hover .icon_point, .info-line li:hover .icons_marker_darkcyan { width: 17px; height: 22px; background-position: -1433px -607px; } .icons_marker_darkblue, .info-line li:active .icon_point, .info-line li:active .icons_marker_darkcyan { width: 17px; height: 22px; background-position: -1433px -710px; } .icons_marker_cyan { width: 17px; height: 22px; background-position: -1433px -813px; } /*camera-min*/ .icons_camera-min_white { width: 24px; height: 21px; background-position: -1532px -91px; } .icons_camera-min_black { width: 24px; height: 21px; background-position: -1532px -194px; } .icons_camera-min_gray { width: 24px; height: 21px; background-position: -1532px -297px; } .icons_camera-min_lightgray { width: 24px; height: 21px; background-position: -1532px -400px; } .icons_camera-min_darkcyan { width: 24px; height: 21px; background-position: -1532px -503px; } .icons_camera-min_blue { width: 24px; height: 21px; background-position: -1532px -606px; } .icons_camera-min_darkblue { width: 24px; height: 21px; background-position: -1532px -709px; } .icons_camera-min_cyan { width: 24px; height: 21px; background-position: -1532px -812px; } .icons_camera-min2_gray { width: 22px; height: 18px; background: url(/stc/i/camera.png) no-repeat center center; } /*camera*/ .icons_camera_white { width: 44px; height: 38px; background-position: -1625px -83px; } .icons_camera_black { width: 44px; height: 38px; background-position: -1625px -186px; } .icons_camera_gray { width: 44px; height: 38px; background-position: -1625px -289px; } .icons_camera_lightgray { width: 44px; height: 38px; background-position: -1625px -392px; } .icons_camera_darkcyan { width: 44px; height: 38px; background-position: -1625px -495px; } .icons_camera_blue { width: 44px; height: 38px; background-position: -1625px -598px; } .icons_camera_darkblue { width: 44px; height: 38px; background-position: -1625px -701px; } .icons_camera_cyan { width: 44px; height: 38px; background-position: -1625px -804px; } /*bookmark-min*/ .icons_bookmark-min_white { width: 15px; height: 16px; background-position: -1743px -94px; } .icons_bookmark-min_black { width: 15px; height: 16px; background-position: -1743px -197px; } .icons_bookmark-min_gray { width: 15px; height: 16px; background-position: -1743px -300px; } .icons_bookmark-min_lightgray { width: 15px; height: 16px; background-position: -1743px -403px; } .icons_bookmark-min_darkcyan { width: 15px; height: 16px; background-position: -1743px -506px; } .icons_bookmark-min_blue { width: 15px; height: 16px; background-position: -1743px -609px; } .icons_bookmark-min_darkblue { width: 15px; height: 16px; background-position: -1743px -712px; } .icons_bookmark-min_cyan { width: 15px; height: 16px; background-position: -1743px -815px; } .icons_bookmark-min_yellow { width: 15px; height: 16px; background-position: -1743px -918px; } /*bookmark*/ .icons_bookmark_white { width: 17px; height: 24px; background-position: -1845px -90px; } .icons_bookmark_black { width: 17px; height: 24px; background-position: -1845px -193px; } .icons_bookmark_gray { width: 17px; height: 24px; background-position: -1845px -296px; } .icons_bookmark_lightgray { width: 17px; height: 24px; background-position: -1845px -399px; } .icons_bookmark_darkcyan { width: 17px; height: 24px; background-position: -1845px -502px; } .icons_bookmark_blue, .btn--bookmark:hover .icons_bookmark_gray { width: 17px; height: 24px; background-position: -1845px -605px; } .icons_bookmark_darkblue, .btn--bookmark:active .icons_bookmark_gray { width: 17px; height: 24px; background-position: -1845px -708px; } .icons_bookmark_cyan { width: 17px; height: 24px; background-position: -1845px -811px; } .icons_bookmark_yellow, .btn--bookmark.active .icons_bookmark_gray { width: 17px; height: 24px; background-position: -1845px -914px; } /*eye*/ .icons_eye_white { width: 22px; height: 14px; background-position: -1945px -95px; } .icons_eye_black { width: 22px; height: 14px; background-position: -1945px -198px; } .icons_eye_gray { width: 22px; height: 14px; background-position: -1945px -301px; } .icons_eye_lightgray { width: 22px; height: 14px; background-position: -1945px -404px; } .icons_eye_darkcyan { width: 22px; height: 14px; background-position: -1945px -507px; } .icons_eye_blue { width: 22px; height: 14px; background-position: -1945px -610px; } .icons_eye_darkblue { width: 22px; height: 14px; background-position: -1945px -713px; } .icons_eye_cyan { width: 22px; height: 14px; background-position: -1945px -816px; } /*flag*/ .icons_flag_white { width: 22px; height: 24px; background-position: -2047px -90px; } .icons_flag_black { width: 22px; height: 24px; background-position: -2047px -193px; } .icons_flag_gray { width: 22px; height: 24px; background-position: -2047px -296px; } .icons_flag_lightgray { width: 22px; height: 24px; background-position: -2047px -399px; } .icons_flag_darkcyan { width: 22px; height: 24px; background-position: -2047px -502px; } .icons_flag_blue, .btn--i-here:hover .icons_flag_gray { width: 22px; height: 24px; background-position: -2047px -605px; } .icons_flag_darkblue, .btn--i-here:active .icons_flag_gray { width: 22px; height: 24px; background-position: -2047px -708px; } .icons_flag_cyan { width: 22px; height: 24px; background-position: -2047px -811px; } .icons_flag_green, .btn--i-here.active .icons_flag_gray { width: 22px; height: 24px; background-position: -2047px -914px; } /*heart*/ .icons_heart_white { width: 19px; height: 17px; background-position: -2153px -94px; } .icons_heart_black { width: 19px; height: 17px; background-position: -2153px -197px; } .icons_heart_gray { width: 19px; height: 17px; background-position: -2153px -300px; } .icons_heart_lightgray { width: 19px; height: 17px; background-position: -2153px -403px; } .icons_heart_darkcyan { width: 19px; height: 17px; background-position: -2153px -506px; } .icons_heart_blue, .btn--fav:hover .icons_heart_gray { width: 19px; height: 17px; background-position: -2153px -609px; } .icons_heart_darkblue, .btn--fav:active .icons_heart_gray { width: 19px; height: 17px; background-position: -2153px -712px; } .icons_heart_cyan { width: 19px; height: 17px; background-position: -2153px -815px; } .icons_heart_red, .btn--fav.active .icons_heart_gray { width: 19px; height: 17px; background-position: -2153px -918px; } /*tag*/ .icons_tag_white { width: 24px; height: 18px; background-position: -2253px -93px; } .icons_tag_black { width: 24px; height: 18px; background-position: -2253px -196px; } .icons_tag_gray { width: 24px; height: 18px; background-position: -2253px -299px; } .icons_tag_lightgray { width: 24px; height: 18px; background-position: -2253px -402px; } .icons_tag_darkcyan { width: 24px; height: 18px; background-position: -2253px -505px; } .icons_tag_blue { width: 24px; height: 18px; background-position: -2253px -608px; } .icons_tag_darkblue { width: 24px; height: 18px; background-position: -2253px -711px; } .icons_tag_cyan { width: 24px; height: 18px; background-position: -2253px -814px; } /*arrow-down*/ .icons_arrow-down_white { width: 19px; height: 12px; background-position: -2359px -96px; } .icons_arrow-down_black { width: 19px; height: 12px; background-position: -2359px -199px; } .icons_arrow-down_gray { width: 19px; height: 12px; background-position: -2359px -302px; } .icons_arrow-down_lightgray { width: 19px; height: 12px; background-position: -2359px -405px; } .icons_arrow-down_darkcyan { width: 19px; height: 12px; background-position: -2359px -508px; } .icons_arrow-down_blue { width: 19px; height: 12px; background-position: -2359px -611px; } .icons_arrow-down_darkblue { width: 19px; height: 12px; background-position: -2359px -714px; } .icons_arrow-down_cyan { width: 19px; height: 12px; background-position: -2359px -817px; } .icons_arrow-down_gray.left { -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .icons_arrow-down_gray.right { -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } /*docs-sq*/ .icons_docs-sq_white { width: 35px; height: 35px; background-position: -2454px -85px; } .icons_docs-sq_black { width: 35px; height: 35px; background-position: -2454px -188px; } .icons_docs-sq_gray { width: 35px; height: 35px; background-position: -2454px -291px; } .icons_docs-sq_lightgray { width: 35px; height: 35px; background-position: -2454px -394px; } .icons_docs-sq_darkcyan { width: 35px; height: 35px; background-position: -2454px -497px; } .icons_docs-sq_blue { width: 35px; height: 35px; background-position: -2454px -600px; } .icons_docs-sq_darkblue { width: 35px; height: 35px; background-position: -2454px -703px; } .icons_docs-sq_cyan { width: 35px; height: 35px; background-position: -2454px -806px; } /*fb-sq*/ .icons_fb-sq_white { width: 35px; height: 35px; background-position: -2557px -85px; } .icons_fb-sq_black { width: 35px; height: 35px; background-position: -2557px -188px; } .icons_fb-sq_gray { width: 35px; height: 35px; background-position: -2557px -291px; } .icons_fb-sq_lightgray { width: 35px; height: 35px; background-position: -2557px -394px; } .icons_fb-sq_darkcyan { width: 35px; height: 35px; background-position: -2557px -497px; } .icons_fb-sq_blue { width: 35px; height: 35px; background-position: -2557px -600px; } .icons_fb-sq_darkblue { width: 35px; height: 35px; background-position: -2557px -703px; } .icons_fb-sq_cyan { width: 35px; height: 35px; background-position: -2557px -806px; } /*vk-sq*/ .icons_vk-sq_white { width: 35px; height: 35px; background-position: -2660px -85px; } .icons_vk-sq_black { width: 35px; height: 35px; background-position: -2660px -188px; } .icons_vk-sq_gray { width: 35px; height: 35px; background-position: -2660px -291px; } .icons_vk-sq_lightgray { width: 35px; height: 35px; background-position: -2660px -394px; } .icons_vk-sq_darkcyan { width: 35px; height: 35px; background-position: -2660px -497px; } .icons_vk-sq_blue { width: 35px; height: 35px; background-position: -2660px -600px; } .icons_vk-sq_darkblue { width: 35px; height: 35px; background-position: -2660px -703px; } .icons_vk-sq_cyan { width: 35px; height: 35px; background-position: -2660px -806px; } /*ok-sq*/ .icons_ok-sq_white { width: 35px; height: 35px; background-position: -2763px -85px; } .icons_ok-sq_black { width: 35px; height: 35px; background-position: -2763px -188px; } .icons_ok-sq_gray { width: 35px; height: 35px; background-position: -2763px -291px; } .icons_ok-sq_lightgray { width: 35px; height: 35px; background-position: -2763px -394px; } .icons_ok-sq_darkcyan { width: 35px; height: 35px; background-position: -2763px -497px; } .icons_ok-sq_blue { width: 35px; height: 35px; background-position: -2763px -600px; } .icons_ok-sq_darkblue { width: 35px; height: 35px; background-position: -2763px -703px; } .icons_ok-sq_cyan { width: 35px; height: 35px; background-position: -2763px -806px; } /*instagram-sq*/ .icons_instagram-sq_white { width: 35px; height: 35px; background-position: -2866px -85px; } .icons_instagram-sq_black { width: 35px; height: 35px; background-position: -2866px -188px; } .icons_instagram-sq_gray { width: 35px; height: 35px; background-position: -2866px -291px; } .icons_instagram-sq_lightgray { width: 35px; height: 35px; background-position: -2866px -394px; } .icons_instagram-sq_darkcyan { width: 35px; height: 35px; background-position: -2866px -497px; } .icons_instagram-sq_blue { width: 35px; height: 35px; background-position: -2866px -600px; } .icons_instagram-sq_darkblue { width: 35px; height: 35px; background-position: -2866px -703px; } .icons_instagram-sq_cyan { width: 35px; height: 35px; background-position: -2866px -806px; } /*user*/ .icons_user_white { width: 31px; height: 39px; background-position: -2971px -82px; } .icons_user_black { width: 31px; height: 39px; background-position: -2971px -185px; } .icons_user_gray { width: 31px; height: 39px; background-position: -2971px -288px; } .icons_user_lightgray { width: 31px; height: 39px; background-position: -2971px -391px; } .icons_user_darkcyan { width: 31px; height: 39px; background-position: -2971px -494px; } .icons_user_blue { width: 31px; height: 39px; background-position: -2971px -597px; } .icons_user_darkblue { width: 31px; height: 39px; background-position: -2971px -700px; } .icons_user_cyan { width: 31px; height: 39px; background-position: -2971px -803px; } /*map*/ .icons_map_gray { width: 23px; height: 18px; background: url(/stc/i/map.png) no-repeat center center; } /*lamp*/ .icons_lamp_darkcyan { width: 25px; height: 23px; background: url(/stc/i/icon-lamp-blue.png) no-repeat center center; } /*pencil*/ .icons_pencil_gray { width: 15px; height: 25px; background: url(/stc/i/pencil.png) no-repeat center center; -webkit-background-size: 100% 100%; background-size: 100% 100%; } @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2) { .icons_pencil_gray { background-image: url("/stc/i/pencil@2x.png"); -webkit-background-size: 100% 100%; } } /*fullsize*/ .icons_fullsize_gray { width: 20px; height: 20px; background: url(/stc/i/icon-fullsize.png) no-repeat center center; -webkit-background-size: 100% 100%; background-size: 100% 100%; } @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2) { .icons_fullsize_gray { background-image: url("/stc/i/icon-fullsize@2x.png"); -webkit-background-size: 100% 100%; } } /*minsize*/ .icons_minsize_white { width: 34px; height: 34px; background: url(/stc/i/icon-minsize.png) no-repeat center center; -webkit-background-size: 100% 100%; background-size: 100% 100%; } @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2) { .icons_minsize_white { background-image: url("/stc/i/icon-minsize@2x.png"); -webkit-background-size: 100% 100%; } } /*arrows left/right*/ .icons--arrows { background-image: url(/stc/i/arrows-sprite.png); } .icons_arrow-left_darkcyan { width: 12px; height: 19px; background-position: -206px 0; } .icons_arrow-left_blue { width: 12px; height: 19px; background-position: -103px 0; } .icons_arrow-left_darkblue { width: 12px; height: 19px; background-position: 0 0; } .icons_arrow-right_darkcyan { width: 12px; height: 19px; background-position: 0 -24px; } .icons_arrow-right_blue { width: 12px; height: 19px; background-position: -103px -24px; } .icons_arrow-right_darkblue { width: 12px; height: 19px; background-position: -206px -24px; } .icons_crown { width: 13px; height: 10px; background-position: -1743px -967px; } .icons_stars { height: 10px; width: 59px; background-position: -1743px -1000px; } .icons_stars--1 { width: 11px; } .icons_stars--2 { width: 23px; } .icons_stars--3 { width: 35px; } .icons_stars--4 { width: 47px; } .icons_stars--5 { width: 59px; } /* # SVG */ .icon-svg { display: inline-block; width: 30px; height: 30px; fill: #000; stroke: #000; } .icon-svg--check-white .icon-svg__polyline { fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px; } .icon { position: relative; background-image: url(/stc/i/spritesheet.png); background-repeat: no-repeat; display: inline-block; vertical-align: middle; } .icon_nav { width: 2px; height: 10px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAKCAMAAACpO397AAAABlBMVEX///+ioqIr10bfAAAAAXRSTlMAQObYZgAAABBJREFUeAFjYGQEITDAZAMAANIADYek4TUAAAAASUVORK5CYII=); } .icon_camera { width: 25px; height: 22px; background-position: -5px -5px; } .icon_camera_xl { width: 44px; height: 39px; background-position: -5px -37px; } .icon_camera_blue { width: 24px; height: 20px; background-position: -5px -1131px; } .icon_cloud_blue { width: 25px; height: 25px; background-position: -5px -86px; } .icon_cloud_gray { width: 23px; height: 22px; background-position: -5px -121px; } .icon_cloud_white { width: 23px; height: 22px; background-position: -5px -153px; } .icon_copy_blue { width: 35px; height: 35px; background-position: -5px -185px; } .icon_dots { width: 30px; height: 6px; background-position: -5px -230px; } .icon_dots_bluesky { width: 30px; height: 6px; background-position: -5px -1161px; } .icon_eye { width: 32px; height: 18px; background-position: -5px -246px; } .icon_fb_blue { width: 35px; height: 35px; background-position: -5px -274px; } .icon_fb_gray { width: 41px; height: 41px; background-position: -5px -319px; } .icon_heart { width: 25px; height: 23px; background-position: -5px -370px; } .icon_heart_xl { width: 29px; height: 27px; background-position: -5px -403px; } .icon_insta_gray { width: 41px; height: 41px; background-position: -5px -440px; } .icon_like { width: 23px; height: 23px; background-position: -5px -491px; } .icon_map { width: 25px; height: 22px; background-position: -5px -524px; } .icon_ok_blue { width: 35px; height: 35px; background-position: -5px -556px; } .icon_ok_gray { width: 41px; height: 41px; background-position: -5px -601px; } .icon_plus { width: 21px; height: 21px; background-position: -5px -652px; } .icon_point { width: 17px; height: 22px; background-position: -5px -683px; } .icon_que_gray { width: 20px; height: 20px; background-position: -5px -715px; } .icon_que_green { width: 20px; height: 20px; background-position: -5px -745px; } .icon_que_white { width: 13px; height: 31px; background-position: -5px -775px; } .icon_rt { width: 35px; height: 15px; background-position: -5px -816px; } .icon_rt_gray { width: 35px; height: 15px; background-position: 0 -1251px; } .icon_share_blue { width: 18px; height: 26px; background-position: -5px -841px; } .icon_share_bluesky { width: 18px; height: 26px; background-position: -5px -877px; } .icon_star { width: 29px; height: 28px; background-position: -5px -913px; } .icon_tag { width: 24px; height: 18px; background-position: -5px -951px; } .icon_vk_blue { width: 35px; height: 35px; background-position: -5px -979px; } .icon_vk_gray { width: 41px; height: 41px; background-position: -5px -1024px; } .icon_arrow_down { width: 17px; height: 11px; background-position: 0 -1070px; } .icon_18p { width: 35px; height: 35px; background-position: -5px -1086px; } .icon_smile { width: 20px; height: 20px; background-position: -5px -1177px; } .icon_user_white { width: 32px; height: 39px; background-position: -5px -1207px; } /* ========== Кнопки ========== */ .btn { display: inline-block; vertical-align: top; height: 41px; line-height: 39px; text-decoration: none; border: 1px solid #C6C6C6; -webkit-border-radius: 4px; border-radius: 4px; font-size: 13px; padding: 0 21px 0 21px; white-space: nowrap; color: inherit; font-weight: 400; } .btn .icons, .btn .info-line .icons_marker_darkcyan, .info-line .btn .icons_marker_darkcyan, .btn .info-line .icon_point, .info-line .btn .icon_point, .btn .icon { margin-right: 10px; } .btn .icon_map { position: relative; top: -3px; } .btn .btn__text { font-size: 13px; } .btn .btn__desc { color: #878787; } .btn:hover .btn__text { color: #108dea; } .btn:active .btn__text { color: #1451bb; } .btn--icon { padding: 0 10px; } .btn--icon .icons, .btn--icon .info-line .icons_marker_darkcyan, .info-line .btn--icon .icons_marker_darkcyan, .btn--icon .info-line .icon_point, .info-line .btn--icon .icon_point { margin: 0; } .btn--fav.active .btn__text { color: inherit; } .btn--share:hover .icons_share_gray { background-position: -196px -604px; } .btn--share:active .icons_share_gray { background-position: -196px -707px; } .btn--share.active .icons_share_gray { background-position: -196px -707px; } .btn--share.active .btn__text { color: #1451bb; } .btn--bookmark.active .btn__text { color: inherit; } .btn--i-here.active .btn__text { color: inherit; } .btn__annex { cursor: pointer; padding: 0 11px; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .btn_cyan { background: #35C6C9; color: #fff; border-color: #35C6C9; } .btn_cyan:hover { background: #108dea; border-color: #108dea; } .btn_cyan:hover .btn__text { color: inherit; } .btn_cyan:active { background: #1451bb; border-color: #1451bb; } .btn_cyan:active .btn__text { color: inherit; } .btn__group { position: relative; display: inline-block; vertical-align: top; } .btn__group_right { float: right; } .btn__double { display: inline-block; vertical-align: top; font-size: 0; } .btn__double .btn { overflow: hidden; } .btn__double .btn:not(.btn__annex) { -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .btn__double .btn__annex { float: right; } .btn__double_cyan .btn { background: #35C6C9; color: #fff; border-color: #35C6C9; margin-right: 1px; } .btn__double_cyan .btn-button { padding: 0 32px 0 18px; } .btn__double_cyan:hover .btn { background: #0f8ce9; color: #fff; border-color: #0f8ce9; } .btn__double_cyan:active .btn { background: #1451bb; color: #fff; border-color: #1451bb; } .btn__double_cyan:hover .btn-button .btn__text { color: #fff; } .btn__double_cyan .btn__annex i { margin-right: 0; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } .btn__double_cyan .btn__annex:hover { background: #0f8ce9; } .btn__double_cyan .btn__annex:active { background: #1451bb; border-color: #1451bb; } .btn__double_cyan .btn__annex:active + .btn-button { background: #1451bb; border-color: #1451bb; } .btn__double_cyan .btn__annex.active { background: #1451bb; border-color: #1451bb; } .btn__double_cyan .btn__annex.active + .btn-button { background: #1451bb; border-color: #1451bb; } .btn__double_cyan .btn__annex.active i { -webkit-transform: translateY(-2px) rotate(180deg); -ms-transform: translateY(-2px) rotate(180deg); transform: translateY(-2px) rotate(180deg); } /* dropdown */ .btn-dd { display: none; position: absolute; top: 41px; left: 1%; width: 98%; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25); z-index: 101; padding: 10px 0; background: #fff; } .btn-dd .mCustomScrollBox { max-height: 255px; } .btn-dd__item a { display: block; padding: 10px 20px; font-size: 15px; font-weight: 300; } .btn-dd__item a:hover { background: #d1e9f3; } .btn-dd__cbx-label { display: block; padding: 16px 20px; font-size: 15px; font-weight: 300; line-height: 19px; cursor: pointer; } .btn-dd__cbx-label:hover { background: #fbfbfb; } .btn-dd__cbx-input { position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; } .btn-dd__cbx-input:checked + .btn-dd__cbx-box { border-color: #008D36; } .btn-dd__cbx-input:checked + .btn-dd__cbx-box span { background-color: #008D36; background-image: url(/stc/i/tick.svg); } .btn-dd__cbx-text { position: relative; top: 1px; display: inline-block; vertical-align: middle; font-size: 15px; } .btn-dd__cbx-box { position: relative; display: inline-block; vertical-align: middle; width: 19px; height: 19px; background: #EDEDED; border: 1px solid #E7E7E7; margin-right: 16px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: border-color .3s; -o-transition: border-color .3s; transition: border-color .3s; } .btn-dd__cbx-box:hover { border-color: #999; } .btn-dd__cbx-box span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: background .2s; -o-transition: background .2s; transition: background .2s; background-repeat: no-repeat; background-position: center; -webkit-background-size: 80% 80%; background-size: 80%; } .btn-dd__cbx-box:after { content: ''; position: absolute; top: -2px; left: -2px; width: 43px; height: 43px; margin: -11px 0 0 -11px; -webkit-border-radius: 50%; border-radius: 50%; background: transparent; -webkit-transition: background .65s; -o-transition: background .65s; transition: background .65s; opacity: .2; } .btn-dd__cbx-box:active:after { background: #008D36; -webkit-transition: .1s; -o-transition: .1s; transition: .1s; } /* =================== Ссылки действия =================== */ .action-link__num { font-weight: 300; } .action-link { font-size: 15px; font-weight: 400; color: #878787; } .action-link:hover .icon_dots { background-position: -87px -614px; } .action-link:active .icon_dots, .action-link.active .icon_dots { background-position: -87px -717px; } .action-link .icon, .action-link .icons, .action-link .info-line .icons_marker_darkcyan, .info-line .action-link .icons_marker_darkcyan, .action-link .info-line .icon_point, .info-line .action-link .icon_point { margin-right: 5px; } .action-link--blue { color: #398DB1; } .action-link--blue:hover { color: #108dea; } .action-link--blue:active { color: #1451bb; } .action-link_like .icon, .action-link_like .icons, .action-link_like .info-line .icons_marker_darkcyan, .info-line .action-link_like .icons_marker_darkcyan, .action-link_like .info-line .icon_point, .info-line .action-link_like .icon_point { top: -2px; } .action-link_like:hover .icons, .action-link_like:hover .info-line .icons_marker_darkcyan, .info-line .action-link_like:hover .icons_marker_darkcyan, .action-link_like:hover .info-line .icon_point, .info-line .action-link_like:hover .icon_point { background-position: -2153px -609px; } .action-link_like:active .icons, .action-link_like:active .info-line .icons_marker_darkcyan, .info-line .action-link_like:active .icons_marker_darkcyan, .action-link_like:active .info-line .icon_point, .info-line .action-link_like:active .icon_point { background-position: -2153px -712px; } .action-link_like.active .icons, .action-link_like.active .info-line .icons_marker_darkcyan, .info-line .action-link_like.active .icons_marker_darkcyan, .action-link_like.active .info-line .icon_point, .info-line .action-link_like.active .icon_point { background-position: -2153px -918px; } .action-link_view .icon, .action-link_view .icons, .action-link_view .info-line .icons_marker_darkcyan, .info-line .action-link_view .icons_marker_darkcyan, .action-link_view .info-line .icon_point, .info-line .action-link_view .icon_point { margin-right: 3px; top: -2px; } .action-link_rt .icon_rt { position: relative; top: -2px; } /*.action-link_view:hover .icons {*/ /*background-position: -1945px -610px;*/ /*}*/ /*.action-link_view:active .icons {*/ /*background-position: -1945px -713px;*/ /*}*/ .action-link_fav { color: #398DB1; } .action-link_fav .icon, .action-link_fav .icons, .action-link_fav .info-line .icons_marker_darkcyan, .info-line .action-link_fav .icons_marker_darkcyan, .action-link_fav .info-line .icon_point, .info-line .action-link_fav .icon_point { top: -2px; } .action-link_fav:hover { color: #108dea; } .action-link_fav:hover .icons, .action-link_fav:hover .info-line .icons_marker_darkcyan, .info-line .action-link_fav:hover .icons_marker_darkcyan, .action-link_fav:hover .info-line .icon_point, .info-line .action-link_fav:hover .icon_point { background-position: -1743px -609px; } .action-link_fav:active { color: #1451bb; } .action-link_fav:active .icons, .action-link_fav:active .info-line .icons_marker_darkcyan, .info-line .action-link_fav:active .icons_marker_darkcyan, .action-link_fav:active .info-line .icon_point, .info-line .action-link_fav:active .icon_point { background-position: -1743px -712px; } .action-link_fav.active { color: #1451bb; } .action-link_fav.active .icons, .action-link_fav.active .info-line .icons_marker_darkcyan, .info-line .action-link_fav.active .icons_marker_darkcyan, .action-link_fav.active .info-line .icon_point, .info-line .action-link_fav.active .icon_point { background-position: -1743px -918px; } .action-link_comment { color: #398DB1; } .action-link_comment.empty { color: #878787; } .action-link_comment .icon, .action-link_comment .icons, .action-link_comment .info-line .icons_marker_darkcyan, .info-line .action-link_comment .icons_marker_darkcyan, .action-link_comment .info-line .icon_point, .info-line .action-link_comment .icon_point { top: -2px; } .action-link_comment:hover { color: #108dea; } .action-link_comment:hover .icons, .action-link_comment:hover .info-line .icons_marker_darkcyan, .info-line .action-link_comment:hover .icons_marker_darkcyan, .action-link_comment:hover .info-line .icon_point, .info-line .action-link_comment:hover .icon_point { background-position: -815px -609px; } .action-link_comment:active, .action-link_comment.active { color: #1451bb; } .action-link_comment:active .icons, .action-link_comment:active .info-line .icons_marker_darkcyan, .info-line .action-link_comment:active .icons_marker_darkcyan, .action-link_comment:active .info-line .icon_point, .info-line .action-link_comment:active .icon_point, .action-link_comment.active .icons, .action-link_comment.active .info-line .icons_marker_darkcyan, .info-line .action-link_comment.active .icons_marker_darkcyan, .action-link_comment.active .info-line .icon_point, .info-line .action-link_comment.active .icon_point { background-position: -815px -712px; } .action-group-link { position: relative; } /* Блок поделиться */ .action-link_share { cursor: pointer; } .action-link_share .icon_share_bluesky { display: none; } .action-link_share.active .icon_share_blue { display: none; } .action-link_share.active .icon_share_bluesky, .action-link_share.active + .action-share { display: block; } .action-link_share:hover .icon_share_blue { background-position: -196px -604px; } .action-link_share:active .icon_share_blue { background-position: -196px -707px; } .action-share { display: none; position: absolute; font-size: 0; right: 47px; top: -24px; z-index: 101; background: #F6F6F6; padding: 19px; border: 1px solid #EDEDED; -webkit-border-radius: 4px; border-radius: 4px; white-space: nowrap; -webkit-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2); } .action-share:before, .action-share:after { content: ''; top: 50%; margin-top: -11px; position: absolute; } .action-share:before { right: -26px; border: 11px solid transparent; border-left: 15px solid #EDEDED; } .action-share:after { right: -25px; border: 11px solid transparent; border-left: 15px solid #F6F6F6; } .action-share--panel { top: 55px; right: -20px; text-align: right; } .action-share--panel:after { right: 20px; top: -12px; border: 11px solid transparent; border-bottom: 15px solid #F6F6F6; } .action-share--panel:before { right: 20px; top: -13px; border: 11px solid transparent; border-bottom: 15px solid #EDEDED; } .action-share--panel .action-share__item:first-child { display: block; margin-bottom: 10px; } @media (max-width: 800px) { .action-share--panel { top: 55px; } } .action-share--top { top: auto; bottom: 44px; right: 0; } .action-share__item { font-size: 15px; font-weight: 300; display: inline-block; vertical-align: top; margin-left: 10px; } .action-share__item:first-child { margin-left: 0; } .action-share__field { height: 35px; border: 1px solid #35C6C9; -webkit-border-radius: 4px; border-radius: 4px; background: #fff; } .action-share__field .icon { cursor: pointer; top: -1px; right: -1px; } .action-share__input { display: inline-block; height: 100%; vertical-align: top; padding: 0; margin: 0; border: 0; outline: none; -webkit-border-radius: 4px; border-radius: 4px; padding: 0 10px; font-size: 13px; font-weight: 300; width: 220px; } @media (max-width: 800px) { .action-share { top: -38px; right: 39px; text-align: right; padding: 10px; } .action-share--panel { right: 50%; top: 55px; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); } .action-share--panel:before, .action-share--panel:after { right: 50%; margin-right: -11px; } .action-share__item:first-child { display: block; margin-bottom: 10px; } .action-share__input { width: 150px; } } /* Конец --- Блок поделиться */ /* Блок настройки поста */ .action-link_options { cursor: pointer; } .action-link_options .icon_dots_bluesky { display: none; } .action-link_options.active + .action-options { display: block; } /*.action-link_options.active .icon_dots {*/ /*display: none; }*/ /*.action-link_options.active .icon_dots_bluesky {*/ /*display: inline-block; }*/ .action-options { display: none; position: absolute; background: #F6F6F6; top: 38px; right: 15px; padding: 29px 30px 28px; border: 1px solid #EDEDED; z-index: 101; -webkit-border-radius: 4px 0 4px 4px; border-radius: 4px 0 4px 4px; } .action-options:before, .action-options:after { content: ''; right: -1px; position: absolute; } .action-options:before { top: -19px; border: 9px solid transparent; border-right: 9px solid #EDEDED; border-bottom: 9px solid #EDEDED; } .action-options:after { top: -17px; right: 0; border: 9px solid transparent; border-right: 9px solid #F6F6F6; border-bottom: 9px solid #F6F6F6; } .action-options__item { padding: 11px 0; white-space: nowrap; } .action-options__item .link { font-weight: 400; } /* Конец --- Блок настройки поста */ /* ========================= Кнопка "Показать еще" ========================= */ .btn-more { cursor: pointer; text-decoration: none; background: #F6F6F6; border: 1px solid #EDEDED; height: 61px; line-height: 59px; font-size: 17px; color: #398DB1; text-align: center; -webkit-border-radius: 4px; border-radius: 4px; } .btn-more--small { height: 38px; line-height: 36px; font-size: 17px; font-weight: 300; } .btn-more:hover { color: #108dea; } .btn-more:active { color: #1451bb; } /* ================== Цветные классы ================== */ .gray { color: #878787; } /* =========== Адаптив =========== */ .show-responsive { display: none; } @media (max-width: 1023px) { .show-responsive_1023 { display: block; } } @media (max-width: 800px) { .show-responsive_800, .show-responsive_768 { display: block; } /* =========== Кнопки =========== */ .btn { display: block; width: 100%; text-align: center; } .btn__group { display: block; width: 100%; } .btn__group .btn__double { width: 100%; display: block; } .btn__group .btn { width: auto; } .btn__group .btn__annex { margin-left: 1px; } /*==================*/ .hide-responsive_800, .hide-responsive_768 { display: none; } } .flex-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; } .flex-row--jcb { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .flex-row .link--find-err { margin-left: auto; } /* @resource /stc/modules/place/widgets/Header/header-v4.css */ @charset "UTF-8"; .header * { box-sizing: border-box; } /* ================ Верхнее меню ================ */ .header-topmenu { position: relative; height: 51px; padding: 7px 19px; background-color: #F6F6F6; background-image: url(/stc/i/header_pattern.png); background-repeat: no-repeat; background-position: center center; background-size: cover; } .header-topmenu__items { display: inline-block; vertical-align: top; } .header-topmenu__item { display: inline-block; vertical-align: top; line-height: 37px; height: 37px; margin-right: 15px; } .header-topmenu__item:last-child { margin-right: 0; } .header-topmenu__item_add-material { position: absolute; top: 7px; right: 322px; margin-right: 0; } .header-topmenu__item_auth { float: right; font-size: 13px; } .header-topmenu__item_auth .header-topmenu__link { margin-left: 17px; } .header-topmenu__link { color: #666666; text-decoration: none; } .header-topmenu__link > span { color: #358fab; } .header-topmenu__link_bold-tt { font-weight: 700; text-transform: uppercase; } .header-topmenu__link_gen { position: relative; top: 3px; display: inline-block; width: 14px; height: 14px; background: url(/stc/i/icon_gen.png) no-repeat center center; } .header-topmenu__btn { background: #fff; display: inline-block; vertical-align: top; position: relative; height: 37px; line-height: 35px; padding: 0 19px; border-radius: 4px; text-align: center; font-size: 13px; border: 1px solid #eee; color: #398DB1; margin-right: 7px; } .header-topmenu__btn:hover { color: #108dea; } .header-topmenu__btn:active { color: #1451bb; } .header-topmenu__btn_contour { border-color: #398DB1; box-shadow: inset 0 0 0 1px #398DB1; } .header-topmenu__btn_contour:hover { border-color: #108dea; box-shadow: inset 0 0 0 1px #108dea; } .header-topmenu__btn_contour:active { border-color: #1451bb; box-shadow: inset 0 0 0 1px #1451bb; } .header-topmenu__btn_privileges { background-color: #eee; display: inline-block; color: #398DB1; position: relative; margin-right: 0; padding-left: 14px; padding-right: 10px; border-radius: 0 4px 4px 0; } .header-topmenu__btn_privileges:before { background-color: #398DB1; width: 4px; position: absolute; top: 0px; left: 0px; bottom: 0px; content: ''; } .header-topmenu__btn_privileges:hover { color: #108dea; } .header-topmenu__btn_privileges:hover:before { background-color: #108dea; } .header-topmenu__btn_privileges:active { color: #1451bb; } .header-topmenu__btn_privileges:active:before { background-color: #1451bb; } .header-topmenu__btn_add-material { position: relative; display: inline-block; height: 35px; line-height: 34px; padding-left: 20px; padding-right: 20px; color: #fff; background: #398DB1; border-color: #398DB1; } .header-topmenu__btn_add-material i { position: relative; top: -1px; margin-right: 5px; } .header-topmenu__btn_add-material:hover { color: #fff; background: #0f8ce9; border-color: #0f8ce9; } .header-topmenu__btn_add-material:active { color: #fff; background: #1451bb; border-color: #1451bb; } /* ================ Иконки ================ */ .header__icon { background-image: url(/stc/i/header_sprite.png); background-repeat: no-repeat; display: inline-block; vertical-align: middle; } .header__icon_doc { width: 21px; height: 23px; background-position: -5px -5px; } .header__icon_hamburger { width: 25px; height: 18px; background-position: -36px -5px; } .header__icon_search { width: 29px; height: 30px; background-position: -36px -33px; } /* ================ Средний блок ================ */ .header-mid { padding-right: 20px; padding-left: 20px; margin-bottom: 46px; } .header-mid__table { margin-top: 32px; width: 100%; display: table; table-layout: fixed; } .header-mid__col { display: table-cell; vertical-align: top; } .header-mid__col_logo { width: 225px; } .header-mid__col_user { width: 309px; padding-left: 30px; } .header-mid__logo { display: block; height: 50px; } .header-mid__logo > img { position: relative; top: -6px; vertical-align: top; } /* ======== Меню ======== */ .header-nav { position: relative; padding: 0 20px 32px; } .header-nav-mobile { display: none; } .header-nav:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background: -webkit-linear-gradient(left, #35C6C9 0%, #C8E20D 100%); background: linear-gradient(to right, #35C6C9 0%, #C8E20D 100%); } .header-nav__items { font-size: 0; padding-left: 20px; } .header-nav__item { vertical-align: top; display: inline-block; margin-right: 27px; padding-bottom: 10px; } .header-nav__item:last-child { margin-right: 0; } .header-nav__link { position: relative; display: inline-block; font-size: 18px; line-height: 24px; font-weight: 500; color: #000; } .header-nav__link:hover { color: #94c11e; } .header-nav__link.active { color: #008D36; } /*Кнопка Бургер, для открытия меню*/ .header__trigger { display: none; position: absolute; top: 20px; right: 20px; width: 24px; height: 23px; -webkit-transition: 0.25s; transition: 0.25s; cursor: pointer; } .header__trigger.active { z-index: 104; } .bar { height: 2px; width: 24px; display: block; position: absolute; background-color: #000; border-radius: 10px; -webkit-transition: 0.4s; transition: 0.4s; } .header__trigger .bar:nth-of-type(1) { top: 0px; -webkit-transition: top 0.25s ease, -webkit-transform 0.25s ease-out; -webkit-transition-delay: 0.25s, 0.1s; -webkit-transition: top 0.25s ease 0.25s, -webkit-transform 0.25s ease-out 0.1s; transition: top 0.25s ease 0.25s, transform 0.25s ease-out 0.1s; } .header__trigger .bar:nth-of-type(2) { top: 9px; -moz-transition: ease 0.2s 0.2s; -o-transition: ease 0.2s 0.2s; -webkit-transition: ease 0.2s; -webkit-transition-delay: 0.2s; -webkit-transition: ease 0.2s 0.2s; transition: ease 0.2s 0.2s; } .header__trigger .bar:nth-of-type(3) { top: 18px; -webkit-transition: top 0.25s ease, -webkit-transform 0.25s ease-out; -webkit-transition-delay: 0.25s, 0.1s; -webkit-transition: top 0.25s ease 0.25s, -webkit-transform 0.25s ease-out 0.1s; transition: top 0.25s ease 0.25s, transform 0.25s ease-out 0.1s; } .header__trigger.active .bar:nth-of-type(1) { top: 9px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: top 0.25s ease, -webkit-transform 0.25s ease-out; -webkit-transition-delay: 0.1s, 0.25s; -webkit-transition: top 0.25s ease 0.1s, -webkit-transform 0.25s ease-out 0.25s; transition: top 0.25s ease 0.1s, transform 0.25s ease-out 0.25s; } .header__trigger.active .bar:nth-of-type(2) { opacity: 0; } .header__trigger.active .bar:nth-of-type(3) { top: 9px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: top 0.25s ease, -webkit-transform 0.25s ease-out; -webkit-transition-delay: 0.1s, 0.25s; -webkit-transition: top 0.25s ease 0.1s, -webkit-transform 0.25s ease-out 0.25s; transition: top 0.25s ease 0.1s, transform 0.25s ease-out 0.25s; } .header__trigger-add { display: none; position: absolute; top: 20px; right: 66px; background: transparent; border: none; outline: none; } .header__trigger-add:hover .icons_add_darkcyan { background-position: -607px -607px; } .header__trigger-add:active .icons_add_darkcyan { background-position: -607px -710px; } /* =========== Адаптив =========== */ @media (max-width: 1023px) { .header-topmenu__item_add-material { right: 20px; } .header-mid__col_user { width: 230px; } } @media (max-width: 800px) { .header { padding-top: 63px; } /*topmenu*/ .header-topmenu { display: none; } /*header mid*/ .header-mid { padding: 0; margin-bottom: 30px; } .header-mid__table { margin-top: 0; display: block; } .header-mid__col { display: block; } .header-mid__col_user, .header-mid__col_search { display: none; } .header__trigger, .header__trigger-add { display: block; } .header-mid__col_logo { position: fixed; top: 0; left: 0; right: 0; background: #fff; width: auto; height: 63px; padding: 11px 20px; z-index: 102; } .header-mid__col_logo:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background: -webkit-linear-gradient(left, #35C6C9 0%, #C8E20D 100%); background: linear-gradient(to right, #35C6C9 0%, #C8E20D 100%); } .header-mid__logo { width: 134px; } .header-mid__logo img { top: 0; width: 100%; } /*header nav*/ .header-nav { display: none; position: fixed; top: 63px; bottom: 0; width: 100%; max-width: 420px; right: 0; left: -440px; z-index: 101; box-shadow: 0 15px 15px 2px rgba(0, 0, 0, 0.5); -webkit-transition: all .3s ease; transition: all .3s ease; background: #EDEDED; } .header-nav.show { left: 0; } .header-nav ul { position: absolute; top: 192px; left: 0; right: 0; bottom: 0; border-bottom: 1px solid #AEAEAE; padding: 26px 20px; overflow: auto; } .header-nav__items { padding-left: 0; padding-top: 26px; } .header-nav__item { display: block; padding-bottom: 21px; } .header-nav__link { font-size: 19px; font-weight: 300; } .header-nav .user { margin: 0 -20px; background: #fff; padding: 21px 20px; } .header-nav .header-topmenu__btn { display: block; border-radius: 0; margin: 0 -20px; text-align: left; font-size: 17px; font-weight: 300; height: 50px; line-height: 48px; } .header-nav .header-topmenu__btn i { top: -2px; } .header-nav .header-topmenu__btn_navigator { background: #F5F5F5; border-color: #F5F5F5; } .header-nav-mobile { display: block; position: fixed; top: 63px; bottom: 0; width: 100%; max-width: 420px; right: 0; left: -440px; z-index: 101; box-shadow: 0 15px 15px 2px rgba(0, 0, 0, 0.5); -webkit-transition: all .3s ease; transition: all .3s ease; background: #EDEDED; overflow-y: auto; padding-top: 50px; } .header-nav-mobile.show { left: 0; } .header-nav-mobile .searchbar { position: absolute; top: 0; left: 0; width: 100%; } .header-nav-mobile .user { background: #fff; padding: 21px 20px; } .header-nav-mobile__area { height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; } .header-nav-mobile .left-nav { padding: 25px 20px; background: #F5F5F5; } .header-nav-mobile .left-nav__title { padding-bottom: 11px; } .header-nav-mobile .left-nav__item { padding: 11px 0; } .header-nav-mobile .header-nav__items { padding-left: 20px; padding-right: 20px; } } @media (max-width: 800px) { /*header mid*/ .header-mid { margin-bottom: 0px; } } /* @resource /stc/css/widgets/header/suggest/b-header-autocomplete.css */ .header-autocomplete { border: 1px solid #1261a0; position: absolute; top: 55px; right: 30px; width: 294px; font-size: 12px; z-index: 200; background: #fff; } .header-autocomplete2014 { width: 100%; top: 30px; right: 0px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; display: none; } .header-autocomplete-inn { max-height: 264px; overflow-y: auto; } .header-autocomplete-ul {list-style:none; margin:0; padding:0;} .header-autocomplete-list {overflow:hidden; clear:both;} .header-autocomplete-list-grey {overflow:hidden; clear:both;} .header-autocomplete-link {display:block; overflow:hidden; clear:both; text-decoration:none; padding:2px 0 5px; background:#fff; color:#666; border:none;} .header-autocomplete-link2 { display: block; overflow: hidden; clear: both; text-decoration: none; padding: 2px 5px 5px; background: #fff; color: #666; border: none; } .header-autocomplete-span-l {float:left; width:21px; padding:0 0 0 3px;} .header-autocomplete-span-r {padding:0 0 0 24px; display:block;} .header-autocomplete-list-active .header-autocomplete-link, .header-autocomplete-list .header-autocomplete-link:hover, .header-autocomplete-list-grey .header-autocomplete-link:hover, .header-autocomplete-link:hover{color:#fff; background:#1261a0;} .header-autocomplete-link-selected{color:#fff !important; background:#1261a0 !important;} .header-autocomplete-state {font-size:10px; line-height:10px; color:#b3b3b3; display:block; white-space:nowrap;} .header-autocomplete-img1 {position:relative; margin:0 0 0 4px;} .header-autocomplete-img2 {position:relative; top:2px;} .header-autocomplete-img3 {position:relative; top:3px;} .header-autocomplete-list-grey .header-autocomplete-link {color:#666; background:#f5f5f5;} .header-autocomplete-link-city {padding:8px 0;} .header-autocomplete-group { clear: both; border-top: 1px solid #cde9f5; border-bottom: 1px solid #cde9f5; background: #edf7fc; color: #666; text-align: center; font-size: 10px; line-height: 15px; text-transform: uppercase; } .header-autocomplete-list-all { clear: both; border-top: 1px solid #cde9f5; border-bottom: 1px solid #cde9f5; background: #edf7fc; text-align: center; font-size: 10px; line-height: 18px; text-transform: uppercase; } .header-autocomplete-list-all-a { color: #1d82a2; font-weight: bolder; } .header-autocomplete-result { clear: both; background: White; color: #666; text-align: center; font-size: 10px; line-height: 18px; } .header-autocomplete-all { border-top: 1px solid #cde9f5; background: #edf7fc; color: #666; text-align: center; font-size: 10px; line-height: 15px; text-transform: uppercase; margin: 0; padding: 0 0 3px; } .header-autocomplete-list-list-user .header-autocomplete-span-l { float: left; width: 27px; padding: 0 0 0 3px; position: relative; } .header-autocomplete-list-list-user .header-autocomplete-span-r { padding: 0 0 0 30px; display: block; } .header-autocomplete-span-l-pro { background: url(/stc/i/advice-country-expert-pro.gif) repeat center bottom; bottom: -3px; height: 6px; left: 3px; position: absolute; width: 20px; } /* @resource /stc/css/widgets/header/suggest/b-header-autocomplete14.css */ .header-autocomplete14 { border: 1px solid #dadada; position: absolute; font-size: 12px; z-index: 200; background: #fff; width: 100%; top: 30px; right: 0px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; display: none; min-width: 300px; overflow: hidden;} .header-autocomplete14-inn { max-height: 264px; overflow-y: auto; } .header-autocomplete14-ul { list-style: none; margin: 0; padding: 0 10px 0 0; } .header-autocomplete14-list { overflow: hidden; clear: both; } .header-autocomplete14-link { display: block; overflow: hidden; clear: both; text-decoration: none !important; padding: 5px 0 8px; background: #fff; color: #666; border-bottom: 1px solid #f7f7f7; } .header-autocomplete14-span-l { float: left; width: 21px; padding: 0 0 0 3px; } .header-autocomplete14-span-r { padding: 0 0 0 24px; display: block; } .header-autocomplete14-list-active .header-autocomplete14-link, .header-autocomplete14-link:hover .header-autocomplete14-state, .header-autocomplete14-list .header-autocomplete14-link:hover, .header-autocomplete14-link:hover{ background: #f3f3f3; } .header-autocomplete14-state { font-size: 10px; line-height: 10px; color: #b3b3b3; display: block; white-space: nowrap; } .header-autocomplete14-img1 { position: relative; top: 4px; margin: 0 0 0 4px; } .header-autocomplete14-img2 { position: relative; top: 2px; } .header-autocomplete14-img3 { position: relative; top: 3px; } .header-autocomplete14-link-city { padding: 8px 0; } .header-autocomplete14-group { clear: both; border-bottom: 1px solid #cde9f5; color: Black; font-size: 12px; line-height: 24px; font-weight: bolder; padding: 0 5px; } .header-autocomplete14-group:hover { background: #edf7fc; } .header-autocomplete14-result { clear: both; color: #666; font-size: 11px; line-height: 18px; padding: 0 0 3px 5px; border-bottom: 1px solid #f7f7f7; background: #f3fbf2; text-align: center; } .header-autocomplete14-all { border-top: 1px solid #cde9f5; background: #edf7fc; color: #666; text-align: center; font-size: 10px; line-height: 18px; text-transform: uppercase; margin: 0; padding: 0 0 3px; } .header-autocomplete14-list-list-user .header-autocomplete14-span-l { float: left; width: 27px; padding: 0 0 0 3px; position: relative; } .header-autocomplete14-list-list-user .header-autocomplete14-span-r { padding: 0 0 0 30px; display: block; } .header-autocomplete14-span-l-pro { background: url(/stc/i/advice-country-expert-pro.gif) repeat center bottom; bottom: -3px; height: 6px; left: 3px; position: absolute; width: 20px; } .header-autocomplete14 strong { font-weight: normal !important; color: #ff0200 !important; } .autocomplete14-scroller-wrapp{ position: absolute; top: 0; right: 5px; background: #eee; width: 4px; height: 92%; } .autocomplete14-scroller{ background: #ff0200; width: 100%; min-height: 50px; border-radius: 2px; position: absolute; left: 0; top: 0; cursor: pointer; } .header2014-2-search{ margin: 0 222px 0 0; border-radius: 2px 0 0 2px; } .header2014-2-country{ right: -120px; } .header2014-2-search-mrg{ margin: 0; } @media screen and (max-width: 1024px){ .header2014-2-search{ margin: 0 162px 0 0; } } /* @resource /stc/css/widgets/header/suggest/b-autocomplite.css */ .autocomplite { position: absolute; background: White; font-size: 12px; line-height: 15px; top: 0; left: 0; width: 100%; box-shadow: 0 7px 7px 0 #a7a7a7; z-index: 6; max-height: 340px; overflow-y: auto; } .autocomplite-a { border-top: 1px solid #ebebeb; color: #666; display: block; padding: 10px; text-decoration: none !important; } .autocomplite-a strong {color: #2fbc25; font-weight: normal;} .autocomplite-a:hover { background: #eaf8e9; } .autocomplite-a-act { color: #2fbc25; } .autocomplite-a-s { color: #bbb; font-size: 9px; } .autocomplite-span-r {padding: 0 0 0 7px; display: block;} .autocomplite-header { border: none; position: absolute; font-size: 12px; z-index: 200; background: #fff; box-shadow: 0 7px 7px 0 #A7A7A7;} /* @resource /stc/css/reset-ls.css */ 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; outline: 0;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} body {line-height: 1;} ol, ul {list-style: none;} table {border-collapse: collapse; border-spacing: 0;} input, textarea {margin: 0;} input:focus, textarea:focus {outline: 0 none;} textarea {overflow: auto;} button {padding: 0; margin: 0; cursor: pointer;} img {vertical-align: bottom;} td, th { padding: 0; } /* @resource /stc/css/style-main.css */ @charset "UTF-8"; /*===========================================================================================*/ /* General */ a { color: #348fab; outline: none; text-decoration: none; } /*a:hover { text-decoration: underline; }*/ html, body { /* height: 100%;*/ margin: 0; padding: 0; width: 100%; } body { background: #e4e4e4; color: #58585a; font-size: 11px; font-weight: 400; font-family: 'Roboto', Tahoma, Arial, sans-serif; /*line-height: 15px;*/ position: relative; } form { margin: 0; } img { border: none; vertical-align: middle; outline: 0; line-height: 0; } input, input * { outline: none; } input { color: #58585a; font-size: 12px; font-family: 'Roboto', Tahoma, Arial, sans-serif; vertical-align: middle; } input[type="checkbox"] { -webkit-appearance: checkbox; } input.cal { background: url(/stc/i/calendar.gif) no-repeat center; border: 0; cursor: pointer; margin: 0; height: 18px; width: 20px; } input.data { border: 1px solid #afafaf; height: 16px; line-height: 16px; margin: 0; padding: 0 2px; text-align: center; width: 66px; } input.text { border: 1px solid #afafaf; } select { border: 1px solid #afafaf; color: #58585a; font-size: 12px; font-family: 'Roboto', Tahoma, Arial, sans-serif; margin: 0; padding: 0; vertical-align: middle; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } textarea { border: 1px solid #afafaf; color: #58585a; font-size: 12px; font-family: 'Roboto', Tahoma, Arial, sans-serif; margin: 0; padding: 0; width: 100%; height: 100px; outline: none; overflow-y: auto; resize: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } label { vertical-align: middle; } hr { height: 1px; color: #ddd; background-color: #ddd; border: 0; } h1, h2, h3, h4, h5, h6, p { margin: 0 0 10px 0; padding: 0; font-weight: normal; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; vertical-align: top; } sup, sub { vertical-align: baseline; position: relative; } sup { top: -0.4em; } sub { bottom: -0.3em; } a span, label { cursor: pointer; } content, header, footer { display: block; } body.pattern-1 { background: url(/stc/i/bg-main-pattern.png); } .noshadow { background: #e4e4e4; } .noshadow #container, body.pattern-1 #container { box-shadow: none; } h1 { font-size: 23px; font-weight: normal; } h2 { font-size: 18px; font-weight: normal; } body.formula1 { position: relative; background: url(/stc/images/formula1.jpg) no-repeat top center; background-size: 100%; } .formula1-text { position: absolute; top: 50px; font-family: 'apercu_pro'; font-style: italic; font-weight: bold; font-size: 24px; line-height: 40px; color: #fff; width: 160px; } .formula1-text-left { width: 140px; left: -160px; } .formula1-text-right { right: -190px; } .formula1-btn { color: #fff; font-family: 'apercu_pro'; font-style: normal; font-weight: normal; position: absolute; text-decoration: none; line-height: 28px; padding: 0 15px; border: 1px solid #fff; border-radius: 3px; font-size: 11px; text-transform: uppercase; bottom: -60px; left: 0; } .formula1-btn:hover { text-decoration: none; } @media screen and (max-width: 1675px) { .formula1-text-left { left: -120px; } .formula1-text { font-size: 18px; line-height: 30px; } } @media screen and (max-width: 1590px) { .formula1-text-left { left: -120px; } .formula1-text { font-size: 18px; line-height: 30px; } .formula1-text-right { right: -170px; } } @media screen and (max-width: 1570px) { .formula1-text-right { right: -170px; font-size: 14px; } .formula1-text-left { font-size: 16px; left: -95px; } .formula1-btn { font-size: 9px; padding: 0 5px; line-height: 24px; bottom: -40px; } } @media screen and (max-width: 1480px) { .formula1-text { display: none; } } /* Container */ #container { position: relative; min-height: 100%; max-width: 1260px; /*min-width: 555px;*/ margin: 0 auto; margin-bottom: -169px; background: #FFF; } #container.container_error502 { margin-bottom: -50px; } .ie8 #container { border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; } #container .empty { clear: both; height: 169px; font-size: 0px; line-height: 0; } #container .empty15 { clear: both; height: 15px; font-size: 0px; line-height: 0; } .content-wrap { margin: 0 20px; padding: 20px 0; } .image-preload { display: none; } #overlay, #overlay_status, #overlay_white, #overlay_dbl, #overlay_dark { background: url(/stc/i/px.gif); width: 100%; height: 100%; position: fixed; z-index: 50; } #overlay_dbl { z-index: 49; } #overlay_white { background: #fff; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=62); -moz-opacity: 0.62; -khtml-opacity: 0.62; opacity: 0.62; z-index: 51; } #overlay_dark { background: #000; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=62); -moz-opacity: 0.62; -khtml-opacity: 0.62; opacity: 0.62; } /* Clear */ .clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clear { display: inline-block; } .clear { display: block; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /* °ЁшЇЄ√ */ .f9 { font-size: 9px !important; } .f10 { font-size: 10px !important; } .f11 { font-size: 11px !important; } .f12 { font-size: 12px !important; } .f13 { font-size: 13px !important; } .f14 { font-size: 14px !important; } .f15 { font-size: 15px !important; } .f16 { font-size: 16px !important; } .f17 { font-size: 18px !important; } .f18 { font-size: 18px !important; } .f19 { font-size: 19px !important; } .f20 { font-size: 20px !important; } .f22 { font-size: 22px !important; } .f24 { font-size: 24px !important; } .f26 { font-size: 26px !important; } .l11 { line-height: 11px !important; } .l12 { line-height: 12px !important; } .l13 { line-height: 13px !important; } .l14 { line-height: 14px !important; } .l15 { line-height: 15px !important; } .l16 { line-height: 16px !important; } .l18 { line-height: 18px !important; } .l20 { line-height: 20px !important; } .l26 { line-height: 26px !important; } .center { text-align: center !important; } .left { text-align: left !important; } .right { text-align: right !important; } .arial { font-family: Arial, Helvetica, sans-serif !important; } .dashed-blue { background: url(/stc/i/dashed_blue.gif) repeat-x left bottom; color: #348FAB !important; cursor: pointer; display: inline-block; text-decoration: none !important; white-space: nowrap; line-height: 10pt; } .dashed-grey { background: url(/stc/i/dashed_grey.gif) repeat-x left bottom; color: #dfdfdf !important; cursor: pointer; display: inline-block; text-decoration: none !important; white-space: nowrap; line-height: 10pt; } .dashed-grey2 { background: url(/stc/i/dashed_grey2.gif) repeat-x left bottom; color: #afafaf !important; cursor: pointer; display: inline-block; text-decoration: none !important; white-space: nowrap; line-height: 10pt; } .dashed-grey3 { background: url(/stc/i/dashed_grey3.gif) repeat-x left bottom; color: #919192 !important; cursor: pointer; display: inline-block; text-decoration: none !important; white-space: nowrap; line-height: 10pt; } .dashed-grey4 { background: url(/stc/i/dashed_grey4.gif) repeat-x left bottom; color: #7d8283 !important; cursor: pointer; display: inline-block; text-decoration: none !important; white-space: nowrap; line-height: 10pt; } .dashed-grey6 { background: url(/stc/i/dashed_grey6.gif) repeat-x left bottom; color: #58585a !important; cursor: pointer; display: inline-block; text-decoration: none !important; white-space: nowrap; line-height: 10pt; } .dashed-grey-dark { background: url(/stc/i/dashed_grey_dark.gif) repeat-x left bottom; color: #666 !important; cursor: pointer; display: inline-block; text-decoration: none !important; white-space: nowrap; line-height: 10pt; } .dashed-red { background: url(/stc/i/dashed_red.gif) repeat-x left bottom; color: #E14A4A !important; cursor: pointer; display: inline-block; text-decoration: none !important; white-space: nowrap; line-height: 10pt; } .dashed-white { background: url(/stc/i/dashed_white.gif) repeat-x left bottom; color: #fff !important; cursor: pointer; display: inline-block; text-decoration: none !important; white-space: nowrap; line-height: 10pt; } .dashed-swamp { background: url(/stc/i/dashed_swamp.gif) repeat-x left bottom; color: #626f26 !important; cursor: pointer; display: inline-block; text-decoration: none !important; white-space: nowrap; line-height: 10pt; } .text { font-size: 12px; line-height: 23px; color: #000; } .black { color: #000 !important; } .blue { color: #348FAB !important; } .green { color: #2fbd25 !important; } .lite-green { color: #B5E499 !important; } .grey { color: #afafaf !important; } .gray { color: #666 !important; } .gray999 { color: #999 !important; } .red { color: #e33232 !important; } .white { color: #fff !important; } .yellow { color: #cdb409 !important; } .orange { color: #ff4e05 !important; } .purple { color: #de27ac !important; } /* яюффхЁцър placeholder */ input::-webkit-input-placeholder { color: #AFAFAF; } textarea::-webkit-input-placeholder { color: #AFAFAF; } .m-placeholder { color: #AFAFAF !important; } .bold { font-weight: bold !important; } .norm { font-weight: normal !important; } .ital { font-style: italic !important; } .uper { text-transform: uppercase !important; } .nowrap { white-space: nowrap; } .underline { text-decoration: underline !important; } .nobrd { border: 0 !important; } .mrg0 { margin: 0 !important; } .rel { position: relative; } .chk { margin: 0; padding: 0; width: 14px; height: 14px; } .jquery-radio { display: inline; font-size: 11px; line-height: 11px; cursor: pointer; cursor: hand; } .jquery-radio .mark { display: inline; } .jquery-radio img { background: url(/stc/i/radio.png) no-repeat 0 0; vertical-align: top; width: 10px; height: 11px; margin-right: 4px; } .jquery-radio-checked img { background-position: 0px -11px; } .jquery-radio-disabled img { background-position: 0px 0px; } .jquery-radio-checked .jquery-radio-disabled img { background-position: 0px 0px; } .content-main-tbl { width: 100%; table-layout: fixed; border-collapse: separate; } .content-main-td-right-180, .content-main-td-left-180 { width: 200px; box-sizing: border-box; } .content-main-td-right-205, .content-main-td-left-205 { width: 205px; } .content-main-td-right-270, .content-main-td-left-270 { width: 270px; } .content-main-td-right-225, .content-main-td-left-225 { width: 225px; } .content-main-td-right20 { padding: 0 20px 0 0; } .content-main-td-left20 { padding: 0 0 0 20px; } .content-main-td-w20 { width: 20px; } .content-main-td_eaeaea { background: url(/stc/i/content-main-td_eaeaea.png) repeat-y right bottom; border-top: 5px solid #eaeaea; border-bottom: 5px solid #eaeaea; } .mobile-act .content-main-td-hide-abs { left: 0; } .mobile-act #container { margin: 0 0 0 232px; } .m5t { margin-top: 5px; } .m10t { margin-top: 10px; } .m15t { margin-top: 15px; } .m20t { margin-top: 20px; } .m25t { margin-top: 25px; } .m10r { margin-right: 10px !important; } .p15l { padding-left: 15px; } .fll { float: left !important; } .flr { float: right !important; } .responsive-tester { position: fixed; top: 10px; right: 50%; margin: 0 -720px 0 0; z-index: 49; background: #fff; box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.3); padding: 15px 13px; font-size: 13px; line-height: 20px; color: #666; box-sizing: border-box; border-radius: 3px; } .responsive-tester a { font-size: 15px; margin-left: -15px; padding-left: 15px; display: inline-block; } .responsive-tester a:hover { text-decoration: underline; } .link-to-up { position: absolute; left: 50%; top: 500px; background: White url(/stc/i/arrow_top_photo2.png) no-repeat center; display: block; width: 20px; text-align: center; text-decoration: none !important; height: 20px; border: 1px solid #ccc; border-radius: 3px; } @font-face { font-family: 'ALSRublRegular'; src: url("/stc/fonts/rouble.eot"); src: url("/stc/fonts/rouble.eot") format("embedded-opentype"), url("/stc/fonts/rouble.woff") format("woff"), url("/stc/fonts/rouble.ttf") format("truetype"), url("/stc/fonts/rouble.svg#ALSRublRegular") format("svg"); } .rur { font-family: 'ALSRublRegular'; font-size: 14px; line-height: normal; text-transform: lowercase; } @font-face { font-family: 'apercu_pro'; src: url("/stc/fonts/apercupro-bolditalic-webfont.woff") format("woff"), url("/stc/fonts/apercupro-bolditalic-webfont.ttf") format("truetype"); font-weight: bold; font-style: italic; } @font-face { font-family: 'apercu_pro'; src: url("/stc/fonts/apercupro-bold-webfont.woff") format("woff"), url("/stc/fonts/apercupro-bold-webfont.ttf") format("truetype"), url("/stc/fonts/apercupro-bold-webfont.svg#apercu_probold") format("svg"); font-weight: bold; font-style: normal; } @font-face { font-family: 'apercu_pro_mono'; src: url("/stc/fonts/apercumonopro-regular-webfont.woff") format("woff"), url("/stc/fonts/apercumonopro-regular-webfont.ttf") format("truetype"), url("/stc/fonts/apercumonopro-regular-webfont.svg#apercu_pro_monoregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'apercu_pro'; src: url("/stc/fonts/apercupro-regular-webfont.woff") format("woff"), url("/stc/fonts/apercupro-regular-webfont.ttf") format("truetype"), url("/stc/fonts/apercupro-regular-webfont.svg#apercu_proregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'apercu_pro'; src: url("/stc/fonts/apercupro-ltalic-webfont.woff") format("woff"), url("/stc/fonts/apercupro-ltalic-webfont.ttf") format("truetype"), url("/stc/fonts/apercupro-ltalic-webfont.svg#apercu_proitalic") format("svg"); font-weight: normal; font-style: italic; } @font-face { font-family: 'apercu_pro'; src: url("/stc/fonts/apercupro-lightltalic-webfont.woff") format("woff"), url("/stc/fonts/apercupro-lightltalic-webfont.ttf") format("truetype"), url("/stc/fonts/apercupro-lightltalic-webfont.svg#apercu_prolight_italic") format("svg"); font-weight: normal; font-style: italic; } @font-face { font-family: 'apercu_pro'; src: url("/stc/fonts/apercupro-demibolditalic-webfont.woff") format("woff"), url("/stc/fonts/apercupro-demibolditalic-webfont.ttf") format("truetype"), url("/stc/fonts/apercupro-demibolditalic-webfont.svg#apercu_prodemibold_italic") format("svg"); font-weight: bold; font-style: italic; } @font-face { font-family: 'apercu_pro_demibold'; src: url("/stc/fonts/apercupro-demibold-webfont.woff") format("woff"), url("/stc/fonts/apercupro-demibold-webfont.ttf") format("truetype"), url("/stc/fonts/apercupro-demibold-webfont.svg#apercu_prodemibold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'apercu_pro'; src: url("/stc/fonts/apercupro-demibold-webfont.woff") format("woff"), url("/stc/fonts/apercupro-demibold-webfont.ttf") format("truetype"), url("/stc/fonts/apercupro-demibold-webfont.svg#apercu_prodemibold") format("svg"); font-weight: bold; font-style: normal; } @font-face { font-family: 'apercu_pro_bold'; src: url("/stc/fonts/apercupro-bold-webfont.woff") format("woff"), url("/stc/fonts/apercupro-bold-webfont.ttf") format("truetype"), url("/stc/fonts/apercupro-bold-webfont.svg#apercu_probold") format("svg"); font-weight: bold; font-style: normal; } @font-face { font-family: 'apercu_pro_light'; src: url("/stc/fonts/apercupro-light-webfont.woff") format("woff"), url("/stc/fonts/apercupro-light-webfont.ttf") format("truetype"), url("/stc/fonts/apercupro-light-webfont.svg#apercu_prolight") format("svg"); font-weight: normal; font-style: normal; } .clear:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .clear {display:inline-block;} .clear {display:block;} .clearfix:before, .clearfix:after {content: ""; display: table;} .clearfix:after {clear: both;} .clearfix {*zoom: 1;} .clear_both, .clear_left, .clear_right { clear: both; padding: 0px; margin: 0px; font-size: 0px; line-height: 0px; height: 0px; overflow: hidden;} /* нумерация страниц */ .pagination {clear:both; margin:25px 0 20px; text-align:center;} .pagination .npwrap {display:inline-block; vertical-align:top;} .pagination .first {color:#afafaf; display:block; font-size:9px; padding:5px 7px; text-align:right;} .pagination .first a {color:#afafaf} .pagination .last {color:#afafaf; display:block; font-size:9px; padding:5px 7px;} .pagination .last a {color:#afafaf} .pagination .next {background:#eee; color:#919192; display:block; font-size:14px; line-height:13px; padding:4px 7px 6px;} .pagination .next a {font-size:11px; color:#919192;} .pagination .pages {display:inline-block; font-size:11px; padding:5px 10px; white-space:nowrap; vertical-align:top;} .pagination .pages a {color:#919192; padding:5px 5px;} .pagination .pages span {background:#e5e5e5; color:#4c4c4c; padding:5px 7px;} .pagination .prev {background:#eee; color:#919192; display:block; font-size:14px; line-height:13px; padding:4px 7px 6px;} .pagination .prev a {font-size:11px; color:#919192;} .pagination-2 {margin:0;padding:15px 0 0 0} .pagination-2 .prev, .pagination-2 .next{background: #348fab;color: #fff;} .pagination-2 .prev a, .pagination-2 .next a{color: #fff;} .pagination-2 .pages span{background: #2fbd25;color: #fff;} #ctrlcopy { height:1px; overflow:hidden; position:absolute; width:1px; margin: 5px 0 0 -1px; line-height:0; opacity: 0; } /* @resource /stc/css/main.css */ @charset "UTF-8"; /* font Roboto */ @import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700, 900&subset=cyrillic"); /*===========================================================================================*/ * { box-sizing: border-box; } html, body { height: 100%; width: 100%; } body { background: #F2F2F2; -webkit-backface-visibility: hidden; } input { -webkit-appearance: none; } input[type="checkbox"] { -webkit-appearance: checkbox; } /* =================== Каркас страницы =================== */ .page { position: relative; color: #000; max-width: 1260px; min-width: 320px; margin: auto; background-color: #fff; font-family: "Roboto", Arial, sans-serif; font-size: 14px; line-height: normal; -webkit-appearance: none; -moz-appearance: none; } .content { padding: 20px; } .content-table { display: table; table-layout: fixed; width: 100%; height: 100%; } .col { position: relative; display: table-cell; vertical-align: top; height: 100%; } .col_left { width: 225px; padding-right: 20px; } .col_right { width: 200px; padding-left: 20px; } .teast { height: 600px; background: #eee; border-radius: 5px; margin-bottom: 20px; } /* ============= Заголовки ============= */ h1, h2, h3, h4, h5, h6 { display: inline-block; margin: 0; padding: 0; } .title { padding-bottom: 20px; } .title--low { padding-bottom: 7px; } .title--mid { padding-bottom: 14px; } .title-h1 { font-size: 31px; font-weight: 500; margin-right: 15px; } .title-h2 { display: inline-block; font-size: 21px; font-weight: 500; margin-right: 15px; } .title-h2 + .title-rate { top: -2px; } .title__desc { display: inline-block; font-weight: 300; } .title__desc--basic-gray { font-size: 15px; color: #a2a2a2; } .title-rate { position: relative; top: 3px; text-decoration: none; padding: 0 10px; display: inline-block; vertical-align: top; height: 30px; margin-right: 5px; border: 1px solid #008D36; border-radius: 3px; line-height: 28px; } .title-rate--no-frame { border: none; padding: 0; } .title-rate .text { display: inline-block; vertical-align: middle; font-size: 15px; line-height: 28px; font-weight: 400; color: #008D36; } .title-rate .num { color: #000; } .title-rate .num .num_min { font-size: 13px; } .title-rate .icon { margin-right: 6px; } .title-rate_mute { border-color: #878787; } .title-rate_mute .text { color: #000; } .title-num { display: inline-block; font-size: 31px; line-height: 40px; color: #A2A2A2; font-weight: 300; } /* =================== Разные элементы каркаса =================== */ .label-status { display: inline-block; vertical-align: top; height: 30px; line-height: 28px; border: 1px solid transparent; border-radius: 4px; padding: 0 15px; color: #3C3C3B; font-size: 15px; font-weight: 400; } .label-status--title { position: relative; top: 3px; } .label-status--notverified { background: #FFD400; } /* =================== Адаптив каркаса =================== */ @media (max-width: 1100px) { .col_right { display: none; } } @media (max-width: 800px) { /* ============= Заголовки ============= */ .title { padding-bottom: 10px; } .title-rate, .title-h1, .title-h2 { margin-bottom: 10px; } .col_left { width: 0; } } /* @resource /stc/css/b-page-ttl.css */ .page-ttl { padding: 0 0 17px; font-size: 12px; } .page-ttl-h1 { font-weight: bolder; color: #000; display: inline-block; font-size: 30px; line-height: 30px; margin: 0; font-family: apercu_pro; vertical-align: bottom; } .page-ttl-h1-gray999 { color: #999; font-size: 30px; line-height: 30px; font-family: apercu_pro; font-weight: bolder; display: inline-block; vertical-align: bottom; margin-bottom: -2px; } .page-ttl-h1_38 { font-weight: bolder; color: #000; display: inline-block; font-size: 38px; line-height: 40px; margin: 0 !important; font-family: apercu_pro; vertical-align: bottom; } .page-ttl-txt { margin: 18px 0 0; font-size: 12px; line-height: 20px; color: #000; } .page-ttl-txt2 { margin: 9px 0 0; font-size: 12px; line-height: 20px; color: #999; } .page-ttl-txt3 { margin: 5px 0 0; font-size: 10px; line-height: 20px; color: #999; } .page-ttl-txt3 { color: #999; font-size: 10px; line-height: 20px; margin: 5px 0 0;} .page-ttl-txt4 { color: #999; font-size: 12px; line-height: 20px; } .page-ttl-txt5 { color: #999; font-size: 11px; line-height: 11px; padding: 5px 0 0; } .page-ttl-txt5 a { color: #999; display: inline-block; margin: 0 0 0 8px; text-decoration: underline; } .page-ttl-txt5 a:hover { text-decoration: none; } .page-ttl-txt5 a:first-child { margin: 0; } .page-ttl-txt6 { font-size: 11px; line-height: 16px; margin: 10px 0 0; } a.page-ttl-txt2 { text-decoration: underline; } .tile-page-ttl { margin-top: 50px; } .page-ttl-txt_s {margin: -5px 0 0 0;} .page-ttl-txt-all { text-decoration: none !important; } .page-ttl-txt-all-s { display: inline-block; border-bottom: 1px dotted #348fab; line-height: 12px; } .page-ttl-back { margin: 0 0 18px -17px; font-size: 12px; line-height: 16px; padding: 13px 0 0; } .page-ttl-back-a { background: url(/stc/i/arrow-prev-blue.png) 0 6px no-repeat; padding-left: 17px; display: inline-block; } .page-ttl-h2 { font-weight: bolder; color: #000; display: inline-block; font-size: 20px; line-height: 24px; font-family: apercu_pro; margin: 0; vertical-align: bottom; } .page-ttl-h2-gray999 { color: #999; font-size: 20px; line-height: 24px; font-family: apercu_pro; font-weight: bolder; vertical-align: bottom; } .page-ttl-name { background: #2fbd25; border-radius: 3px; color: White; display: inline-block; font-size: 11px; line-height: 13px; margin: 0 0 3px; padding: 2px 5px; text-decoration: none !important; } .page-ttl-btn-green { background: #2fbd25; border-radius: 3px; color: White; display: block; font-size: 16px; line-height: 18px; padding: 7px 15px; text-decoration: none !important; float: right; } .page-ttl-h3 { font-weight: bolder; color: #000; display: inline-block; font-size: 15px; line-height: 20px; font-family: apercu_pro; margin: 0; } .page-ttl-btn1 { background: White; font-family: apercu_pro; border-radius: 2px; color: #348fab; display: inline-block; font-size: 10px; line-height: 15px; padding: 6px 10px; text-decoration: none !important; border: 1px solid #348fab; text-transform: uppercase; vertical-align: top; margin: 3px 0 0 10px; } .page-ttl-btn2 { background: White; font-family: apercu_pro; border-radius: 2px; color: #999; display: inline-block; font-size: 10px; line-height: 15px; padding: 6px 10px; text-decoration: none !important; border: 1px solid #dedede; text-transform: uppercase; vertical-align: top; margin: 0 0 0 10px; float: right; } .page-ttl-btn3 { background: White; font-family: apercu_pro; border-radius: 2px; color: #348fab; display: inline-block; font-size: 10px; line-height: 15px; padding: 7px 10px; text-decoration: none !important; border: 1px solid #348fab; text-transform: uppercase; vertical-align: top; margin: 0 0 0 10px; float: right; } .page-ttl-btn4 { background: White; font-family: apercu_pro; border-radius: 2px; color: #666666; display: inline-block; font-size: 10px; line-height: 15px; padding: 6px 10px; text-decoration: none !important; border: 1px solid #666666; text-transform: uppercase; vertical-align: top; margin: 0 0 -4px 10px; } .page-ttl-btn5 { background: White; font-family: apercu_pro; border-radius: 2px; color: #348fab; display: inline-block; font-size: 10px; line-height: 15px; padding: 6px 10px; text-decoration: none !important; border: 1px solid #348fab; text-transform: uppercase; vertical-align: middle; margin: 0 0 0 10px; } .page-ttl-btn6 { background: #0074bf; font-family: apercu_pro; border-radius: 2px; color: White; display: inline-block; font-size: 10px; line-height: 15px; padding: 7px 10px; text-decoration: none !important; border: 1px solid #0074bf; text-transform: uppercase; vertical-align: top; margin: 0 0 0 10px; float: right; } .page-ttl-btn7 { background: White; font-family: apercu_pro; border-radius: 2px; color: #d99c0a; display: inline-block; font-size: 10px; line-height: 15px; padding: 7px 10px; text-decoration: none !important; border: 1px solid #d99c0a; text-transform: uppercase; vertical-align: top; margin: 0 0 0 10px; float: right; } .page-ttl-btn8 { background: White; font-family: apercu_pro; border-radius: 2px; color: #348fab; display: block; font-size: 14px; line-height: 15px; padding: 15px 0; text-decoration: none !important; border: 1px solid #348fab; text-transform: uppercase; vertical-align: top; margin: 0 auto; width: 250px; text-align: center; } .page-ttl-btn10-ico { background: url(/stc/i/ico-ques4.png) no-repeat center; display: inline-block; cursor: help; height: 16px; width: 16px; margin: 0 0 0 10px; } .page-ttl-btn13 { background: White; font-family: apercu_pro; border-radius: 2px; color: #2fbd25; display: inline-block; font-size: 10px; line-height: 15px; padding: 7px 10px; text-decoration: none !important; border: 1px solid #2fbd25; text-transform: uppercase; vertical-align: top; margin: 0 0 0 10px; } .page-ttl-btn-s-348fab { border-bottom: 1px dotted #348fab; display: inline-block; line-height: 12px; } .page-ttl-btn-1-1 { cursor: pointer; background: White; font-family: apercu_pro; border-radius: 2px; color: #2FBD25; display: inline-block; font-size: 10px; line-height: 15px; padding: 6px 10px; text-decoration: none !important; border: 1px solid #2FBD25; text-transform: uppercase; vertical-align: top; margin: 3px 0 0 24px; } .page-ttl-btn-1-2 { cursor: pointer; background: White; font-family: apercu_pro; border-radius: 2px; color: #2FBD25; display: inline-block; font-size: 10px; line-height: 15px; padding: 6px 10px; text-decoration: none !important; border: 1px solid #dedede; text-transform: uppercase; vertical-align: top; margin: 0 0 0 10px; float: right; } .page-ttl-btn-1-3 { cursor: pointer; background: White; font-family: apercu_pro; border-radius: 2px; color: #2FBD25; display: inline-block; font-size: 10px; line-height: 15px; padding: 7px 10px; text-decoration: none !important; border: 1px solid #2FBD25; text-transform: uppercase; vertical-align: top; margin: 0 0 0 10px; float: right; } .page-ttl-btn-1-4 { cursor: pointer; background: White; font-family: apercu_pro; border-radius: 2px; color: #2FBD25; display: inline-block; font-size: 10px; line-height: 15px; padding: 6px 10px; text-decoration: none !important; border: 1px solid #2FBD25; text-transform: uppercase; vertical-align: top; margin: 0 0 -4px 10px; } .page-ttl-btn-1-5 { cursor: pointer; background: White; font-family: apercu_pro; border-radius: 2px; color: #2FBD25; display: inline-block; font-size: 10px; line-height: 15px; padding: 6px 10px; text-decoration: none !important; border: 1px solid #2FBD25; text-transform: uppercase; vertical-align: middle; margin: 0 0 0 10px; } .page-ttl-btn-1-6 { cursor: pointer; background: #0074bf; font-family: apercu_pro; border-radius: 2px; color: White; display: inline-block; font-size: 10px; line-height: 15px; padding: 7px 10px; text-decoration: none !important; border: 1px solid #0074bf; text-transform: uppercase; vertical-align: top; margin: 0 0 0 10px; float: right; } .page-ttl-btn-1-7 { cursor: pointer; background: White; font-family: apercu_pro; border-radius: 2px; color: #d99c0a; display: inline-block; font-size: 10px; line-height: 15px; padding: 7px 10px; text-decoration: none !important; border: 1px solid #d99c0a; text-transform: uppercase; vertical-align: top; margin: 0 0 0 10px; float: right; } .page-ttl-btn-1-8 { cursor: pointer; background: White; font-family: apercu_pro; border-radius: 2px; color: #348fab; display: block; font-size: 14px; line-height: 15px; padding: 15px 0; text-decoration: none !important; border: 1px solid #348fab; text-transform: uppercase; vertical-align: top; margin: 0 auto; width: 250px; text-align: center; } .page-ttl-btn-1-9 { cursor: pointer; background: White; font-family: apercu_pro; border-radius: 2px; color: #e33232; display: inline-block; font-size: 10px; line-height: 15px; padding: 6px 10px; text-decoration: none !important; border: 1px solid #e33232; text-transform: uppercase; vertical-align: top; margin: 3px 0 0 10px; } .page-ttl-btn-1-10 { cursor: pointer; background: White; font-family: apercu_pro; border-radius: 2px; color: #e33232; display: inline-block; font-size: 10px; line-height: 15px; padding: 6px 10px; text-decoration: none !important; border: 1px solid #dedede; text-transform: uppercase; vertical-align: top; margin: 0 0 0 10px; float: right; } .page-ttl-btn-1-11 { cursor: pointer; background: White; font-family: apercu_pro; border-radius: 2px; color: #e33232; display: inline-block; font-size: 10px; line-height: 15px; padding: 7px 10px; text-decoration: none !important; border: 1px solid #e33232; text-transform: uppercase; vertical-align: top; margin: 0 0 0 10px; float: right; } .page-ttl-btn-1-12 { cursor: pointer; background: White; font-family: apercu_pro; border-radius: 2px; color: #e33232; display: inline-block; font-size: 10px; line-height: 15px; padding: 6px 10px; text-decoration: none !important; border: 1px solid #dedede; text-transform: uppercase; vertical-align: top; margin: 0 0 -4px 10px; } .page-ttl-btn-1-13 { cursor: pointer; background: White; font-family: apercu_pro; border-radius: 2px; color: #2FBD25; display: block; font-size: 14px; line-height: 15px; padding: 15px 0; text-decoration: none !important; border: 1px solid #2FBD25; text-transform: uppercase; vertical-align: top; margin: 0 auto; width: 200px; text-align: center; } .page-ttl-btn-1-14 { cursor: pointer; background: White; font-family: apercu_pro; border-radius: 2px; color: #666666; display: inline-block; font-size: 10px; line-height: 15px; padding: 6px 10px; text-decoration: none !important; border: 1px solid #666666; text-transform: uppercase; vertical-align: top; margin: 0; } .page-ttl-btn-1-15 { cursor: pointer; background: White; font-family: apercu_pro; border-radius: 2px; color: #d99c0a; display: inline-block; font-size: 10px; line-height: 15px; padding: 6px 10px; text-decoration: none !important; border: 1px solid #d99c0a; text-transform: uppercase; vertical-align: top; margin: 0; } .page-ttl-btn-1-16 { cursor: pointer; background: White; font-family: apercu_pro; border-radius: 2px; color: #999; display: inline-block; font-size: 10px; line-height: 15px; padding: 6px 10px; text-decoration: none !important; border: 1px solid #dedede; text-transform: uppercase; vertical-align: top; margin: 0 0 0 10px; float: right; } .page-ttl-btn-1-1:hover, .page-ttl-btn-1-2:hover, .page-ttl-btn-1-3:hover, .page-ttl-btn-1-4:hover, .page-ttl-btn-1-5:hover, .page-ttl-btn-1-13:hover, .page-ttl-btn-1-14:hover { border: 1px solid #2fbd25; background: #2fbd25; color: White; } .page-ttl-btn-1-6:hover { background: #348FAB; } .page-ttl-btn-1-7:hover, .page-ttl-btn-1-15:hover { border: 1px solid #d99c0a; background: #d99c0a; color: White; } .page-ttl-btn-1-8:hover { border: 1px solid #348fab; background: #348fab; color: White; } .page-ttl-btn-1-9:hover, .page-ttl-btn-1-10:hover, .page-ttl-btn-1-11:hover, .page-ttl-btn-1-12:hover, .page-ttl-btn-1-16:hover { border: 1px solid #e33232; background: #e33232; color: White; } .page-ttl-txt-f11 { margin: 0; font-size: 11px; line-height: 20px; color: #000; } .page-ttl-btn1:hover, .page-ttl-btn2:hover, .page-ttl-btn3:hover, .page-ttl-btn7:hover, .page-ttl-btn4:hover { color: #e33232; border: 1px solid #e33232; } .page-ttl-btn3:hover .page-ttl-btn-s-348fab { border-bottom: 1px dotted #e33232; } .page-ttl-btn1-hover:hover { background: #348fab !important; color: White !important; border: 1px solid #348fab; } .page-ttl-link-link { color: #5ab1b1; display: inline-block; margin: 7px 10px 0; padding: 0 0 0 25px; font-size: 10px; line-height: 24px; font-family: apercu_pro; text-transform: uppercase; vertical-align: top; } .page-ttl-link-map { background: url(/stc/i/kurort-ico-map.png) no-repeat 0 0; } .page-ttl-link-rating { background: url(/stc/i/kurort-rating.png) no-repeat 0 0; } .page-ttl-link-r{ float: right; margin: 0; } .page-ttl-link1 { font-size: 14px; line-height: 14px; color: #00BA1A; border-bottom: 1px dotted #00BA1A; display: inline-block; margin: 17px 0 0 50px; text-decoration: none !important; } .page-ttl-txt-dot { display: inline-block; font-size: 6px; margin: 0 5px; vertical-align: top; } .page-ttl-menu { background: url(/stc/i/page-ttl-menu.png) no-repeat center; display: inline-block; height: 12px; width: 12px; margin: 12px 12px 0 0; vertical-align: top; text-decoration: none !important; } .page-ttl-menu_big { margin: 15px 12px 0 0; } .page-ttl-type { margin: 10px 0 0; font-size: 12px; color: #999; line-height: 16px; } .page-ttl-small { color: #999; font-size: 14px; line-height: 18px; font-family: apercu_pro; vertical-align: bottom; display: inline-block; } .page-ttl-recom { background: url(/stc/i/rt-recom2.png) repeat-x 0 center; display: inline-block; color: White; font-size: 10px; height: 35px; font-weight: lighter; line-height: 35px; font-family: apercu_pro; text-transform: uppercase; vertical-align: bottom; margin: 0 0 -7px 15px; } .page-ttl-recom-s1 { background: url(/stc/i/rt-recom.png) no-repeat 0 center; display: inline-block; padding: 0 0 0 51px; } .page-ttl-recom-s2 { background: url(/stc/i/rt-recom1.png) no-repeat right center; display: inline-block; padding: 0 13px 0 0; line-height: 35px; height: 35px;} .page-ttl-type-i { color: #666; display: inline-block; font-size: 12px; height: 12px; margin-left: 7px; } .page-ttl-type-i-icon-add { background: url(/stc/i/icons-places15.png) repeat -244px 0; display: inline-block; height: 9px; margin-right: 3px; width: 9px; } .page-ttl-back-green { color: #2fbd25; font-size: 12px; margin: 15px 0 0; } .page-ttl-back-green2 { color: #2fbd25; font-size: 12px; margin: 15px 0 0; float: right; } .page-ttl-back-green-s { font-size: 13px; } .page-ttl-back-green-a { color: #2fbd25; } .page-ttl-back-green-a { color: #2fbd25; } .page-ttl-year { font-size: 16px; line-height: 16px; color: Black; margin: 0 0 0 12px; } .page-ttl-year-a { color: Black; border-bottom: 1px dotted Black; text-decoration: none !important; display: inline-block; } .page-ttl-year-arr { font-family: Arial, Helvetica, sans-serif; display: inline-block; font-size: 18px; margin: 0 0 4px; vertical-align: bottom; } .page-ttl-bubble { font-size: 12px; line-height: 18px; margin: 10px 0 0; position: relative; } .page-ttl-bubble:after { background: url(/stc/i/side-nav-li-bubble.png) repeat 0 0; content: " "; height: 4px; left: 15px; position: absolute; top: -3px; width: 5px; } .page-ttl-bubble-inn { border: 1px solid #dedede; border-radius: 2px; color: #666; padding: 10px 15px; } .page-ttl-filter-null-result-message {font-family: 'apercu_pro'; color: #58585A; font-weight: bold; font-size: 18px; line-height: 22px; display: inline-block; margin: 50px auto; width: 100%; text-align: center;} .page-ttl-big-btn1 {cursor: pointer;padding:0 25px;border-radius:4px; background: #348fab; font-family: apercu_pro; color: White; display: inline-block; font-size: 14px; line-height: 37px; text-decoration: none !important; border: 1px solid #348fab; vertical-align: top; margin: 0 7px 0 0; font-weight: bolder; position: relative; } .page-ttl-big-btn2 {cursor: pointer;padding:0 25px;border-radius:4px; background: #d99c0a; font-family: apercu_pro; color: White; display: inline-block; font-size: 14px; line-height: 37px; text-decoration: none !important; border: 1px solid #d99c0a; vertical-align: top; margin: 0 7px 0 0; font-weight: bolder; position: relative; } .page-ttl-big-btn3 {cursor: pointer;padding:0 25px;border-radius:4px; background: #71B99D; font-family: apercu_pro; color: White; display: inline-block; font-size: 14px; line-height: 37px; text-decoration: none !important; border: 1px solid #71B99D; vertical-align: top; margin: 0 7px 0 0; font-weight: bolder; position: relative; } .page-ttl-big-btn-new { background: #F041CD; color: White; border-radius: 2px; position: absolute; padding: 2px 5px; right: -8px; top: -8px; font-size: 8px; line-height: 12px; } .page-ttl-h2-new { background: #2fbd25; color: White; border-radius: 2px; padding: 2px 5px; font-size: 8px; line-height: 12px; display: inline-block; margin: 0 0 0 10px; vertical-align: top; } .page-ttl-input { width: 535px; font-size: 24px; } .page-ttl-fix { } .page-ttl-fix-rt { width: 112px; float: right; white-space: nowrap; } .page-ttl-fix-act { position: fixed; z-index: 5; top: 0; padding: 15px; background: White; margin: 0 0 0 -15px; width: 100%; left: 0; } .page-ttl-fix-act .page-ttl-btn1 { margin: 0 auto; float: none; } .page-ttl-fix-act .page-ttl-fix-cnt { max-width: 1260px; min-width: 555px; margin: 0 auto; padding: 0 0 0 245px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; display: block; } .page-ttl-fix-center { max-width: 1230px; margin-left: auto; margin-right: auto; left: 0; right: 0; } @-moz-document url-prefix() { .page-ttl-recom-s2 {line-height: 33px;} } .page-ttl-h2-a-gray { color: #666; } .page-ttl-h2-dashed-gray { color: #666; font-size: 12px; line-height: 13px; text-decoration: none; display: inline-block; border-bottom: 1px dotted #666; } .page-ttl-h2-dotted-blue { color: #348fab; font-size: 12px; line-height: 13px; text-decoration: none; display: inline-block; border-bottom: 1px dotted #348fab; } .page-ttl-h2-dotted-green { color: #30bd25; font-size: 12px; line-height: 13px; text-decoration: none; display: inline-block; border-bottom: 1px dotted #30bd25; } .page-ttl-h2-dotted-pink { color: #de27ac; font-size: 12px; line-height: 13px; text-decoration: none; display: inline-block; border-bottom: 1px dotted #de27ac; } .page-ttl-h2-dotted-black { color: Black; font-size: 12px; line-height: 13px; text-decoration: none; display: inline-block; border-bottom: 1px dotted Black; } .page-ttl-h2-dashed-gray999-r { color: #30bd25; font-size: 12px; line-height: 16px; background: url(/stc/i/dashed_30bd26.png) repeat-x 0 bottom; text-decoration: none; float: right; margin: 11px 0 0; } .page-ttl-h2-dotted-ok { display: inline-block; background: url(/stc/i/ico-igo-gray.png) no-repeat 0 3px; padding: 0 0 0 12px; } .page-ttl-h2-dotted-ok-act { background: url(/stc/i/ico-igo.png) no-repeat 0 3px; } .page-ttl-h2-dotted-ok-act .page-ttl-h2-dashed-gray { color: #de27ac; border-bottom: 1px dotted #de27ac; } .page-ttl-h2-s999 { color: #999; } .page-ttl-select { font-size: 12px; float: right; margin: 7px 0 0; width: 205px; } .page-ttl-select2 { font-size: 12px; float: right; margin: 7px 10px 0 0; width: 200px; } .page-ttl-select3 { font-size: 12px; margin: -9px 15px 0 10px; width: 200px; } .page-ttl-select4 { font-size: 12px; margin: -9px 15px 0 0; } .page-ttl-select5 { font-size: 12px; margin: -9px 15px 0 10px; width: 100px; } .page-ttl-select6 { font-size: 12px; float: right; margin: 7px 10px 0 0; width: 150px; } .page-ttl-all { background: url(/stc/i/arrow_next_blue.gif) no-repeat right 5px; padding: 0 17px 0 0; display: inline-block; float: right; margin: 12px 0 0; } .page-ttl-green { color: #2fbd25; font-size: 20px; } .page-ttl-green2 { color: #2fbd25; font-size: 14px; } .page-ttl-tabs { display: inline-block; margin: 0 15px 0 0; line-height: 30px; font-size: 15px; } .page-ttl-tabs-act { padding: 0 10px; border: 1px solid #B3B3B3; color: #B3B3B3; cursor: auto; text-decoration: none; } .page-ttl-tabs-right { float: right; } .page-ttl-tabs-right .page-ttl-tabs { margin: 0 0 0 15px; } .page-ttl-h3-a { color: #666; } .page-ttl-h3-new {color: #555; display: inline-block; font: 20px/24px Tahoma,Arial,sans-serif;padding: 0; padding:3px 2px 13px 15px; margin:0 !important;} .page-ttl-h3-block {background:#eee;} .page-ttl-h3-new-a {color:#000;} .page-ttl-h3-ah { color: #000; text-decoration: none; } .page-ttl-h3-ah:hover { color: #000; text-decoration: underline; } .page-ttl-toggle { float: right; font-size: 12px; line-height: 24px; margin: 7px 0 0; } .page-ttl-toggle-a { background: url(/stc/i/dashed_348fab.gif) repeat-x 0 18px; display: inline-block; margin: 0 0 0 7px; text-decoration: none; } .page-ttl-toggle-a-act { background: #348fab none; display: inline-block; margin: 0 0 0 7px; color: White; padding: 0 10px; } .page-ttl-back2{ background: url(/stc/i/arrow-prev-blue.png) 0 8px no-repeat; padding-left: 17px; display: block; float: right; margin: 9px 0 0 0; font-size: 14px; } .page-ttl-back3{ background: url(/stc/i/arrow-prev-blue.png) 0 8px no-repeat; padding-left: 17px; display: block; float: right; margin: 22px 0 0 0; font-size: 14px; } .page-ttl-back4{ background: url(/stc/i/arrow-prev-blue.png) 0 8px no-repeat; padding-left: 17px; display: inline-block; margin: 9px 0 0 0; font-size: 14px; } .page-ttl-green-btn { display: block; background: url(/stc/i/advice-buttons-ask.gif) repeat-x center top; height: 32px; font: 16px/32px Tahoma; color: #ffffff; text-shadow: 0px -1px 0 #2fb326; text-align: center; text-decoration: none; text-transform: uppercase; border: 1px solid #47d03e; float: right; width: 205px; margin: 5px 0 0; } .page-ttl-green-btn:hover { background: url(/stc/i/advice-buttons-ask-hover.gif) repeat-x center top; } .page-ttl-hint-img { margin: 8px 0 0 7px; vertical-align: top; cursor: help; } .page-ttl-hint { background: url(/stc/i/hint-arr.png) no-repeat 0 -12px; color: #666; font-size: 11px; line-height: 15px; padding: 0 0 0 6px; position: absolute; margin: -2px 0 0 5px; display: none; } .page-ttl-hint-s { background: White; border: 1px solid #eee; border-left: 0; display: inline-block; padding: 5px 10px 7px; } .page-ttl-add { background: url(/stc/i/disc-plus.png) no-repeat 0 center; display: inline-block; font-size: 12px; line-height: 20px; padding: 0 0 0 25px; float: right; margin: 7px 0 0; } .page-ttl-add-h1 { background: url(/stc/i/disc-plus.png) no-repeat 0 center; display: inline-block; font-size: 12px; line-height: 20px; padding: 0 0 0 25px; float: right; margin: 17px 0 0; } .page-ttl-add-red { background: url(/stc/i/disc-plus-pink.png) no-repeat 0 center; display: inline-block; font-size: 12px; line-height: 20px; padding: 0 0 0 25px; float: right; margin: 9px 0 0; color: #9b2389; } .page-ttl-add-red-arr { float: right; margin: 13px 0 0; padding: 5px; } .page-ttl-add-buro { padding: 0 20px; float: right; margin: 5px 0 0; background: #dbdbdb url(/stc/i/povod-inn2-a.png) repeat-x 0 0; border: 1px solid #d3d3d3; display: block; text-shadow: 1px 1px 0 #fff; text-transform: uppercase; line-height: 30px; text-decoration: none; font-size: 14px; } .page-ttl-add-bold { background: url(/stc/i/add_place_de27ac.png) no-repeat 0 2px; display: block; float: right; font-size: 14px; font-weight: bold; margin: 9px 0 0 15px; padding: 0 0 0 22px; text-decoration: none; line-height: 18px; color: #de27ac; } .page-ttl-add-bold-brd { border-bottom: 1px dotted #de27ac; } .page-ttl-printing { background: url(/stc/i/print-ico-blue.jpg) no-repeat 0 0; display: inline-block; font-size: 12px; line-height: 24px; padding: 0 0 0 32px; float: right; margin: 7px 0 0 15px; } .page-ttl-pdf { background: url(/stc/i/ico-pdf.png) no-repeat 0 0; display: inline-block; font-size: 12px; line-height: 24px; padding: 0 0 0 32px; float: right; margin: 7px 0 0 15px; } .page-ttl-ico { margin: 0 0 -6px 6px; display: inline-block; vertical-align: top; } .page-ttl-ico-a1 { background: url(/stc/i/ico-filter-list1.png) no-repeat center; display: inline-block; text-decoration: none; width: 34px; height: 34px; } .page-ttl-ico-act .page-ttl-ico-a1 { background: #a3a3a3 url(/stc/i/ico-filter-list2.png) no-repeat center; } .page-ttl-ico-a2 { background: url(/stc/i/ico-filter-full1.png) no-repeat center; display: inline-block; text-decoration: none; width: 34px; height: 34px; } .page-ttl-ico-act .page-ttl-ico-a2 { background: #a3a3a3 url(/stc/i/ico-filter-full2.png) no-repeat center; } .page-ttl-photo { display: inline-block; margin: 7px 48px 0 0; line-height: 20px; font-size: 16px; float: right; } .page-ttl-recom { background: url(/stc/i/rt-recom2.png) repeat-x 0 center; display: inline-block; color: White; font-size: 10px; height: 35px; font-weight: lighter; line-height: 35px; font-family: apercu_pro; text-transform: uppercase; vertical-align: bottom; margin: 0 0 -7px 15px; } .page-ttl-recom-s1 { background: url(/stc/i/rt-recom.png) no-repeat 0 center; display: inline-block; padding: 0 0 0 51px; } .page-ttl-recom-s2 { background: url(/stc/i/rt-recom1.png) no-repeat right center; display: inline-block; padding: 0 13px 0 0; line-height: 35px; height: 35px;} .page-ttl-type-i { color: #666; display: inline-block; font-size: 12px; height: 12px; margin-left: 7px; } .page-ttl-type-i-icon-add { background: url(/stc/i/icons-places15.png) repeat -244px 0; display: inline-block; height: 9px; margin-right: 3px; width: 9px; } .page-ttl-r-edit { text-decoration: none !important; display: block; background: url(/stc/i/black60.png) repeat center; float: right; } .page-ttl-r-edit i { display: block; background: url(/stc/i/ico-edit.png) no-repeat center; width: 24px; height: 24px; } /* @resource /stc/css/popup.css */ .popup-inn { background: White; padding: 1px; margin: 0 10px; } .popup-h3 { background: #1d82a2; color: #fff; font-size: 11px; font-weight: bold; margin: 0 0 1px; padding: 7px 10px; text-transform: uppercase; } .popup-close-8x8 { background: url(/stc/i/pp_close2.gif) no-repeat center top; float: right; font-size: 0; margin: 2px 0 0; width: 12px; height: 12px; cursor: pointer; } .popup-close-12x12 { background: url(/stc/i/pp_close3.gif) no-repeat center top; float: right; font-size: 0; margin: 1px 0 0; width: 12px; height: 12px; cursor: pointer; } .popup-submit { height: 50px; background: #eee; } .popup-submit-btn { background: url(/stc/i/excurs-block-btn.gif) repeat-x left top; height: 28px; width: 150px; border-left: solid 1px #1c93b9; border-right: solid 1px #1c93b9; display: block; margin: 0 auto; text-decoration: none; position: relative; top: 12px; font: bold 12px Tahoma,Arial,sans-serif; text-transform: uppercase; color: #fff; text-align: center; line-height: 26px; } .popup-submit-btn-red { background: url(/stc/i/button_red_bg.gif) repeat-x 0 0; color: #fff; display: inline-block; font-size: 11px; font-weight: bold; line-height: 28px; height: 28px; margin: 11px 10px 0 0; padding: 0 10px; text-transform: uppercase; text-decoration: none; float: right; } .popup-submit-btn-green { background: url(/stc/i/button_green_bg.gif) repeat-x 0 0; color: #fff; display: inline-block; font-size: 11px; font-weight: bold; line-height: 28px; height: 28px; margin: 11px 10px 0 0; padding: 0 10px; text-transform: uppercase; text-decoration: none; float: right; } .popup-submit-btn-green2 { background: url(/stc/i/button_green_bg.png) repeat-x 0 0; color: #fff; display: inline-block; font-size: 14px; line-height: 26px; height: 26px; margin: 11px 10px 0 0; padding: 0 20px; text-transform: uppercase; text-decoration: none; float: right; border: 1px solid #05b400; text-shadow: 0 -1px 0 #0b9f05; font-family: Tahoma, Arial, sans-serif; } .popup-submit-cancel{background:url(/stc/i/dashed_1d82a2_2.gif) repeat-x scroll left bottom;color:#1D82A2;cursor:pointer;display:inline-block;font-size:13px;line-height:14px;margin:17px 14px 0 10px;text-decoration:none;float:right} /* popups.html */ #pp-reg-city {display:none; position:absolute; width:535px; z-index:51;} #pp-reg-city .wrp {background:url(/stc/i/m_popup_dark_border.png) repeat left top; padding:10px;} #pp-reg-city .content {background:#fff; font-size:12px; padding:1px;} #pp-reg-city h3 {background:#1d82a2; color:#fff; font-size:11px; font-weight:bold; margin:0 0 1px; padding:7px 10px 7px 10px; text-transform: uppercase;} #pp-reg-city h3 span.close {background:url(/stc/i/pp_close2.gif) no-repeat center; float:right; font-size:0; margin-top:2px; width:11px; height:11px; cursor:pointer;} #pp-reg-city td p {border-bottom:1px solid #eee; cursor:pointer; font-size:12px; margin:0; padding:4px 10px;} #pp-reg-city td p.sub {color:#939393; font-size:11px; padding:5px 10px 5px 24px;} #pp-reg-city td p b {font-size:15px; line-height:1;} #pp-reg-city td p.active {background:#eee;} #pp-reg-city th {background:#eee; font-size:11px; font-weight:normal; padding:4px 10px 8px; text-align:left; text-transform:uppercase;} #pp-reg-city th p {padding-left:7px;} #pp-reg-city th.quick {background:#eee url(/stc/i/scroll_bg.gif) repeat-y right; padding-left:3px;} #pp-reg-city th.quick input.text {height:20px; line-height:20px; width:199px; padding-left:4px} #pp-reg-city .abc {background:#eee;} #pp-reg-city .abc i {color:#1d82a2; cursor:pointer; display:block; font-family:'Lucida Console',Arial,sans-serif; font-size:10px; font-style:normal; line-height:13px; text-align:center; text-transform:uppercase; width:24px;} #pp-reg-city .abc i.active {background:#1d82a2; color:#fff;} #pp-reg-city .abc i.disabled {background:#eee; color:#d0d0d0;} #pp-reg-city .abc ins {background:url(/stc/i/arrow_small_blue_r.gif) no-repeat 0 0; font-size:0; height:13px; position:absolute; width:3px; margin-left:24px;} #pp-reg-city .country, #pp-reg-city .city {background:#fff; height:378px; padding:1px 0; overflow:scroll; overflow-x:hidden;} #pp-reg-city .addcity {background:#eee; font-size:12px; margin:0 0 1px; padding:8px 8px 8px 10px; position:relative;} #pp-reg-city .place {background:#fff url(/stc/i/icon_place.png) no-repeat 5px 7px; border:1px solid #afafaf; display:inline-block; height:20px; padding:1px 1px 1px 20px;} #pp-reg-city .place input {background:#fff; border:0; color:#666; margin:2px 0 0; padding:0; width:278px; vertical-align:baseline; outline:none;} #pp-reg-city .result {background:#e0e0e0; font-size:12px; margin:0 0 1px; padding:6px 10px 8px;} #pp-reg-city .result span {color:#257b25; font-weight:bold;} #pp-reg-city .submit {background:#eee; height:1%; overflow:hidden; padding:10px; text-align:right;} #pp-reg-city .submit .close {background:url(/stc/i/button_red_bg.gif) repeat-x 0 0; color:#fff; display:inline-block; font-size:11px; font-weight:bold; line-height:28px; height:28px; margin:0 0 0 10px; padding:0 10px; text-transform:uppercase; text-decoration:none;} #pp-reg-city .submit .next {background:url(/stc/i/button_green_bg.gif) repeat-x 0 0; color:#fff; display:inline-block; font-size:11px; font-weight:bold; line-height:28px; height:28px; margin:0 0 0 10px; padding:0 10px; text-transform:uppercase; text-decoration:none;} .pp-photos {font-family:Tahoma,Arial,sans-serif; background: url(/stc/i/m_popup_dark_border.png) repeat left top; padding:10px; position: absolute; width:607px; z-index:55;} .pp-photos h3, .pp-photos .top_title {background:#1d82a2; color:#fff; font-size:11px; font-weight:bold; margin:0 0 1px; padding:7px 10px; text-transform: uppercase;} .pp-photos h3 span.close, .pp-photos .top_title span.close {background: url(/stc/i/pp_close2.gif) no-repeat left top; float:right; font-size:0; margin-top:2px; width:11px; height:11px; cursor:pointer;} .pp-photos h3 em, .pp-photos .top_title em {font-style: normal;color: #77b4c7;} .pp-photos .content {background:#fff; padding:1px;} .pp-photos .nav {background:#f5f5f5; height:105px; overflow: hidden; position:relative;} .pp-photos .nav .carousel {margin:0 30px;} .pp-photos .nav .prev {background:#eee url(/stc/i/pop_prev_ico.png) no-repeat center; border-right:1px solid #fff; cursor:pointer; height:105px; width:29px; position:absolute; left:0; top:0;} .pp-photos .nav .next {background:#eee url(/stc/i/pop_next_ico.png) no-repeat center; border-left:1px solid #fff; cursor:pointer; height:105px; width:29px; position:absolute; right:0; top:0;} .pp-photos .nav .disabled {background-image:none;} .pp-photos .nav2,.pp-photos .nav2 .prev,.pp-photos .nav2 .next {height:198px;} .pp-photos-1 .nav li {border:1px solid #f5f5f5; margin:3px; height:97px; width:264px;} .pp-photos-1 .nav li.active {border:1px solid #e3e3e3;} .pp-photos .albums table {margin-top:13px;} .pp-photos .albums td {color:#afafaf; padding:0 0 0 15px; vertical-align:middle;} .pp-photos .albums td.title {padding:0 0 0 10px; width:175px;} .pp-photos .albums td a {color:#58585a; font-size:12px; line-height:14px; text-decoration:none;} .pp-photos .albums td a.hover {text-decoration:underline;} .pp-photos .albums td a.preview {background:url(/stc/i/pop_car_photo_bg.gif) no-repeat; display:inline-block; padding:12px 6px 6px;} .pp-photos .albums table.active td a.preview {background:url(/stc/i/pop_car_photo_bg_a.gif) no-repeat;} .pp-photos .bigtext {color:#666; padding:57px 0; text-align:center;} .pp-photos .bigtext h4 {background: url(/stc/i/pop_arrow_tit.gif) no-repeat center top; font-size:22px; font-weight:normal; line-height:26px; padding:30px 0 0 0; margin:0 0 13px;} .pp-photos .text {padding:10px 15px 12px 15px;font-family:Tahoma,Arial,sans-serif; font-size:11px;} .pp-photos .items {height:183px; overflow: hidden; position:relative;} .pp-photos .items li {padding:0 0 0 11px; width:535px; position:relative;} .pp-photos .items li a, .pp-photos .items li div.i {background:#fff url(/stc/i/px.gif) no-repeat center; border:1px solid #d3d3d3; float:left; margin:4px 0 0 4px; padding:4px; position:relative; width:60px; height:60px;} .pp-photos .items li a:hover, .pp-photos .items li div.ia {background:url(/stc/i/thumb_active.gif); border:0; padding:5px;} .pp-photos .items li div.ia {background:url(/stc/i/thumb_active.gif); border:0; padding:5px;} .pp-photos .items li div.i .checkbox {display: block;position: absolute;left: 1px;top: 2px;} .pp-photos .items li div.ia .checkbox {left: 2px;top: 3px;} .pp-photos .items li a .ico, .pp-photos .items li div.i .ico {background:#fff url(/stc/i/ico_img_mo.gif) no-repeat center; border:1px solid #d3d3d3; font-size:0; position:absolute; right:-3px; top:-3px; width:13px; height:13px;} .pp-photos .items li img {vertical-align:top;} .pp-photos .items .carousel {margin:0 30px; padding:16px 0 0;} .pp-photos .items .prev {background:url(/stc/i/pop_prev_ico.png) no-repeat center; cursor:pointer; height:183px; width:29px; position:absolute; left:0; top:0;} .pp-photos .items .next {background:url(/stc/i/pop_next_ico.png) no-repeat center; cursor:pointer; height:183px; width:29px; position:absolute; right:0; top:0;} .pp-photos .items .disabled {display:none;} .pp-photos .pagination {margin:0 auto 15px;} .pp-photos .submit {background:#eee; border-top:1px solid #fff; height:1%; overflow:hidden; padding:10px;} .pp-photos .submit .close {background:url(/stc/i/button_red_bg.gif) repeat-x 0 0; color:#fff; float:right; font-size:11px; font-weight:bold; line-height:28px; height:28px; margin:0 0 0 10px; padding:0 10px; text-transform:uppercase; text-decoration:none;} .pp-photos .submit .choose {background:url(/stc/i/button_green_bg.gif) repeat-x 0 0; color:#fff; float:right; font-size:11px; font-weight:bold; line-height:28px; height:28px; margin:0 0 0 10px; padding:0 10px; text-transform:uppercase; text-decoration:none;} .pp-photos .submit .fleft {margin:0;} .m_popup { background: url(/stc/i/m_popup_arr_top.png) no-repeat center top; padding: 4px 0px 0px 0px; position: absolute; width: 96px; display: none; z-index:51;} .m_popup_up {background: url(/stc/i/m_popup_arr_btm.png) no-repeat center bottom; padding:0 0 4px;} .m_popup .dark_border { background: url(/stc/i/m_popup_dark_border.png) repeat left top; padding: 4px; zoom:1; } .m_popup .dark_border .popup_inner { background: #ffffff; padding: 1px; zoom:1; } .m_popup .dark_border .popup_inner .text { font-size: 9px; line-height: 11px; color: #999999; margin: 0px 4px 0px 4px; padding: 2px 0px 2px 0px; } .m_popup .tb_pop_rate { width: 100%; } .m_popup .tb_pop_rate td { padding: 0px 0px 0px 0px; } .m_popup .tb_pop_rate td.lf { padding: 7px 0px 7px 9px; font-size: 9px; color: #58585a; text-transform: uppercase; } .m_popup .tb_pop_rate td.rt { font-size: 9px; padding: 6px 5px 0px 0px; width: 18px; } .m_popup .tb_pop_rate .red td { background: #f0b8b8; } .m_popup .tb_pop_rate .red td.rt { color: #b87676; } .m_popup .tb_pop_rate .blue td { background: #c6f2a3; } .m_popup .tb_pop_rate .blue td.rt { color: #7da5ba; } .m_popup .tb_pop_rate .green td { background: #6fe774; } .m_popup .tb_pop_rate .green td.rt { color: #4ab14f; } .m_popup .tb_pop_rate .glue td { background: #ffffff; padding: 0px; height: 1px; line-height: 0px; font-size: 0px; } #pp-rep {width:212px;} #pp-rep th {padding:5px 10px 7px; text-align:left; white-space:nowrap;} #pp-rep th sup {font-size:9px; font-weight:normal; margin-left:2px; line-height:8px;} #pp-rep th.red {background:#f8dbd9; color:#c64b42 !important;} #pp-rep th.green {background:#bbefbb; border-left:1px solid #fff; color:#27a21e !important;} #pp-rep td {padding:5px 10px 7px;} #pp-rep td a {color:#666;} #pp-rep td.red {background:#faeaea;} #pp-rep td.green {background:#d4f8d5; border-left:1px solid #fff;} #pp-rep .total {background:#eee; border-top:1px solid #fff; color:#666; line-height:18px; padding:5px 10px; text-align:center;} #pp-rep .prev {background:url(/stc/i/pop_prev_ico.gif) no-repeat 0 0; cursor:pointer; display:inline-block; height:18px; margin:0 15px; width:10px; vertical-align:middle;} #pp-rep .next {background:url(/stc/i/pop_next_ico.gif) no-repeat 0 0; cursor:pointer; display:inline-block; height:18px; margin:0 15px; width:10px; vertical-align:middle;} .pp-reg .wrp {background: url(/stc/i/m_popup_dark_border.png) repeat left top; padding:10px;} .pp-reg .content {background:#fff; font-size:12px; padding:1px;} .pp-reg h3 {background:#1d82a2; color:#fff; font-size:11px; font-weight:bold; margin:0 0 1px; padding:7px 10px 7px 10px; text-transform: uppercase;} .pp-reg h3 span.close {background: url(/stc/i/pp_close2.gif) no-repeat center; float:right; font-size:0; margin-top:2px; width:11px; height:11px; cursor:pointer;} .pp-reg input.checkbox {margin-left:0; margin-top:0;} .pp-reg input.text {background:#fff; border:0; color:#666; margin:2px 0 0; padding:0; width:100%; vertical-align:baseline; outline:none;} .pp-reg div.text {padding:10px 9px 5px 10px;} .pp-reg .account {background:#f5efc7; color:#afa87c; font-size:11px; margin:0 0 1px; padding:5px 10px 6px;} .pp-reg .error {background:#fcedec; color:#e45247; font-size:12px; margin:0 0 1px; padding:10px 10px 11px;} .pp-reg .login {background:#fff url(/stc/i/icon_user.gif) no-repeat 5px 7px; border:1px solid #afafaf; height:20px; margin:0 0 10px; padding:1px 1px 1px 20px;} .pp-reg .lock {background:#fff url(/stc/i/icon_lock.gif) no-repeat 5px 7px; border:1px solid #afafaf; height:20px; margin:0 0 10px; padding:1px 1px 1px 20px;} .pp-reg .remind {background:url(/stc/i/dashed_grey2.gif) repeat-x left bottom; color:#b2b2b2; cursor:pointer; float:right; font-size:11px; white-space:nowrap; line-height:13px;} .pp-reg .submit {background:#eee; border-top:1px solid #fff; height:1%; overflow:hidden; padding:10px; text-align:right;} .pp-reg .submit .next {background:url(/stc/i/button_green_bg.gif) repeat-x 0 0; color:#fff; display:inline-block; font-size:11px; font-weight:bold; line-height:28px; height:28px; margin:0 0 0 10px; padding:0 10px; text-transform:uppercase; text-decoration:none;} .pp-reg .submit .reg {background:url(/stc/i/dashed_grey6.gif) repeat-x left bottom; color:#58585a; cursor:pointer; float:left; white-space:nowrap; line-height:14px; margin:6px 12px 0 0;} .pp-reg .warning {border:5px solid #b2b2b2; margin:-36px 0 0 263px; position:absolute; z-index:1;} .pp-reg .warning ins {background:url(/stc/i/arrow_left_grey.gif) no-repeat 0 0; font-size:0; height:7px; position:absolute; width:4px; top:6px; left:-9px;} .pp-reg .warning .err {background:#fcedec; border:1px solid #fff; color:#e45247; font-size:9px; padding:2px 4px; white-space:nowrap;} #pp-add-photo {display:none; position:absolute; width:593px; z-index:51;} #pp-add-photo .wrp {background:url(/stc/i/m_popup_dark_border.png) repeat left top; padding:10px;} #pp-add-photo .content {background:#fff; font-size:12px; padding:1px;} #pp-add-photo h3 {background:#1d82a2; color:#fff; font-size:11px; font-weight:bold; margin:0 0 1px; padding:7px 10px 7px 10px; text-transform: uppercase;} #pp-add-photo h3 span.close {background:url(/stc/i/pp_close2.gif) no-repeat center; float:right; font-size:0; margin-top:2px; width:11px; height:11px; cursor:pointer;} #pp-add-photo p {padding:5px 10px 0 10px;} #pp-add-photo p.switch {padding:0 10px;} #pp-add-photo .account {background:#f5efc7; color:#afa87c; font-size:11px; margin:0 0 1px; padding:10px 10px 10px;} #pp-add-photo .submit {background:#eee; height:1%; overflow:hidden; padding:10px; text-align:right;} #pp-add-photo .submit .close {background:url(/stc/i/button_red_bg.gif) repeat-x 0 0; color:#fff; display:inline-block; font-size:11px; font-weight:bold; line-height:28px; height:28px; margin:0 0 0 10px; padding:0 10px; text-transform:uppercase; text-decoration:none;} #pp-add-photo .submit .next {background:url(/stc/i/button_green_bg.gif) repeat-x 0 0; color:#fff; display:inline-block; font-size:11px; font-weight:bold; line-height:28px; height:28px; margin:0 0 0 10px; padding:0 10px; text-transform:uppercase; text-decoration:none;} #pp-add-photo .place {background:#fff url(/stc/i/icon_place.png) no-repeat 5px 7px; border:1px solid #afafaf; display:inline-block; height:20px; padding:1px 1px 1px 20px;} #pp-add-photo .place input {background:#fff; border:0; color:#666; margin:2px 0 0; padding:0; width:185px; vertical-align:baseline; outline:none;} #pp-add-photo .addphoto {font-size:12px; height:24px; margin:0 0 1px; padding:8px 8px 8px 10px; position:relative; border-bottom:1px solid #d3d3d3;} #pp-add-photo .load {background:#fff url(/stc/i/ico_load_photo.gif) no-repeat 5px 8px; border:1px solid #afafaf; display:inline-block; height:20px; padding:1px 1px 1px 20px;} #pp-add-photo .load input {background:#fff; border:0; color:#666; margin:2px 0 0; padding:0; width:278px; vertical-align:baseline; outline:none;} #pp-add-photo .addphoto .load_button {background:url(/stc/i/button_green_bg.gif) repeat-x 0 0; color:#fff; float:right; font-size:11px; font-weight:bold; line-height:24px; height:24px; margin:0 0 0 10px; padding:0 10px; text-transform:uppercase; text-decoration:none; width:70px;} #pp-add-photo .addphoto .noright {float:none; display:inline-block;} #pp-add-photo .pict { border:1px solid #d3d3d3; padding:5px; margin:10px 10px 20px 10px } #pp-place {display:none; position:absolute; width:535px; z-index:51;} #pp-place .wrp {background:url(/stc/i/m_popup_dark_border.png) repeat left top; padding:10px;} #pp-place .content {background:#fff; font-size:12px; padding:1px;} #pp-place h3 {background:#1d82a2; color:#fff; font-size:11px; font-weight:bold; margin:0 0 1px; padding:7px 10px 7px 10px; text-transform: uppercase;} #pp-place h3 span.close {background:url(/stc/i/pp_close2.gif) no-repeat center; float:right; font-size:0; margin-top:2px; width:11px; height:11px; cursor:pointer;} #pp-place td {background:#eee;} #pp-place td p {border-bottom:1px solid #eee; cursor:pointer; font-size:12px; line-height: 14px; margin:0; padding:5px 10px;} #pp-place td p b {font-size:15px; line-height:1;} #pp-place td p.active {background:#f7f7f7;} #pp-place td p.sub {color:#939393;font-size:11px;padding:5px 10px 5px 24px;} #pp-place th {background:#eee url(/stc/i/scroll_bg.gif) repeat-y right; font-size:11px; font-weight:normal; padding:4px 10px 10px; text-align:left; text-transform:uppercase;} #pp-place th input.text {height:20px; line-height:20px; width:199px; padding-left:4px} #pp-place .country {background:#fff; height:148px; padding:1px 0; overflow:scroll; overflow-x:hidden;} #pp-place .info {text-align:center;} #pp-place .info h2 {margin:7px 0 12px;} #pp-place .info .frame {margin:0 0 12px; position:relative;} #pp-place .info .summary {font-size:10px;} #pp-place .info .summary b {color:#1d82a2; font-weight:normal;} #pp-place .result {background:#e0e0e0; font-size:12px; margin:0 0 1px; padding:6px 10px 8px;} #pp-place .result span {color:#257b25; font-weight:bold;} #pp-place .submit {background:#eee; height:1%; overflow:hidden; padding:10px; text-align:right;} #pp-place .submit .close {background:url(/stc/i/button_red_bg.gif) repeat-x 0 0; color:#fff; display:inline-block; font-size:11px; font-weight:bold; line-height:28px; height:28px; margin:0 0 0 10px; padding:0 10px; text-transform:uppercase; text-decoration:none;} #pp-place .submit .next {background:url(/stc/i/button_green_bg.gif) repeat-x 0 0; color:#fff; display:inline-block; font-size:11px; font-weight:bold; line-height:28px; height:28px; margin:0 0 0 10px; padding:0 10px; text-transform:uppercase; text-decoration:none;} #pp-feedback {display:none; position:absolute; width:445px; z-index:51;} #pp-feedback .wrp {background:url(/stc/i/m_popup_dark_border.png) repeat left top; padding:10px;} #pp-feedback .content {background:#fff; font-size:12px; padding:1px;} #pp-feedback h3 {background:#1d82a2; color:#fff; font-size:11px; font-weight:bold; margin:0 0 1px; padding:7px 10px 7px 10px; text-transform: uppercase;} #pp-feedback h3 span.close {background:url(/stc/i/pp_close2.gif) no-repeat center; float:right; font-size:0; margin-top:2px; width:11px; height:11px; cursor:pointer;} #pp-feedback .account {background:#f5efc7; color:#afa87c; font-size:11px; margin:0 0 1px; padding:10px 10px 10px;} #pp-feedback .submit {background:#eee; height:1%; overflow:hidden; padding:10px; text-align:right;} #pp-feedback .submit .close {background:url(/stc/i/button_red_bg.gif) repeat-x 0 0; color:#fff; display:inline-block; font-size:11px; font-weight:bold; line-height:28px; height:28px; margin:0 0 0 10px; padding:0 10px; text-transform:uppercase; text-decoration:none;} #pp-feedback .submit .next {background:url(/stc/i/button_green_bg.gif) repeat-x 0 0; color:#fff; display:inline-block; font-size:11px; font-weight:bold; line-height:28px; height:28px; margin:0 0 0 10px; padding:0 10px; text-transform:uppercase; text-decoration:none;} #pp-feedback .standart_forms { margin: 0px 11px 0px 11px; padding: 11px 0px 15px 0px; } #pp-feedback .standart_forms .field { margin: 0px 0px 11px 0px; } .pp-feedback {display:none; position:absolute; width:445px; z-index:51;} .pp-feedback .wrp {background:url(/stc/i/m_popup_dark_border.png) repeat left top; padding:10px;} .pp-feedback .content {background:#fff; font-size:12px; padding:1px;} .pp-feedback .top_title {background:#1d82a2; color:#fff; font-size:11px; font-weight:bold; margin:0px 0px 1px 0; padding:7px 10px 7px 10px; text-transform: uppercase; display: block;} .pp-feedback .top_title span.close {background:url(/stc/i/pp_close2.gif) no-repeat center; float:right; font-size:0; margin-top:2px; width:11px; height:11px; cursor:pointer;} .pp-feedback .account {background:#f5efc7; color:#afa87c; font-size:11px; margin:0 0 1px; padding:10px 10px 10px;} .pp-feedback .submit {background:#eee; height:1%; overflow:hidden; padding:10px; text-align:right;} .pp-feedback .submit .close {background:url(/stc/i/button_red_bg.gif) repeat-x 0 0; color:#fff; display:inline-block; font-size:11px; font-weight:bold; line-height:28px; height:28px; margin:0 0 0 10px; padding:0 10px; text-transform:uppercase; text-decoration:none;} .pp-feedback .submit .next {background:url(/stc/i/button_green_bg.gif) repeat-x 0 0; color:#fff; display:inline-block; font-size:11px; font-weight:bold; line-height:28px; height:28px; margin:0 0 0 10px; padding:0 10px; text-transform:uppercase; text-decoration:none;} .pp-feedback .standart_forms{margin: 0px 11px 0px 11px;padding: 11px 0px 15px 0px;} .pp-feedback .standart_forms .field{margin: 0px 0px 11px 0px;} .pp-photos .submit .cancel {background: url(/stc/i/ico_cancel.png) no-repeat 0px 4px;color:#58585a;text-decoration: none;padding: 0px 0px 0px 12px;float: right;margin: 6px 0px 0px 0px;} .pp-photos .submit .cancel span{background:url(/stc/i/dashed_grey6.gif) repeat-x left bottom;} .pp-photos .submit .count_photo {float: left;font-size: 11px;text-transform: uppercase;color: #919192;font-weight: bolder;padding: 6px 0px 0px 0px;} .create_album{padding: 13px 0px 8px 0px;margin: 0px 10px 0px 10px;zoom:1;} .t_input {background: url(/stc/i/icon_text.gif) no-repeat 5px 7px #FFFFFF;border: 1px solid #AFAFAF;font-size: 12px;margin: 0 0 5px;min-height: 20px;padding: 1px 1px 1px 20px;display: block;} .t_input input.text {background: #FFFFFF;border: 0 none;color: #666666;height: 14px;margin: 2px 0 0;padding: 0;vertical-align: baseline;width: 100%;} .t_area {background: url(/stc/i/icon_text.gif) no-repeat 5px 7px #FFFFFF;border: 1px solid #AFAFAF;font-size: 12px;margin: 0 0 5px;min-height: 20px;padding: 1px 1px 1px 20px;display: block;} .t_area textarea {background: #FFFFFF;border: 0 none;color: #666666;font-size: 12px;height: 59px;margin: 2px 0 0;overflow: auto;padding: 0;resize: none;width: 100%;} .pp-residents {position:absolute; width:445px; z-index:52; display:none;} .pp-residents .wrp {background: url(/stc/i/m_popup_dark_border.png) repeat left top; padding:10px;} .pp-residents .content {background:#fff; font-size:12px; padding:1px;} .pp-residents .top_title {background:#1d82a2; color:#fff; font-size:11px; font-weight:bold; margin:0 0 1px; padding:7px 10px 7px 10px; text-transform: uppercase;} .pp-residents .top_title span.close {background: url(/stc/i/pp_close2.gif) no-repeat center; float:right; font-size:0; margin-top:2px; width:11px; height:11px; cursor:pointer;} .pp-residents .content {background:#fff; padding:1px;} .pp-residents .scroll_residents { height: 315px; overflow-y: scroll; overflow-x: hidden;} .pp-residents .tbl {padding:0 9px;} .pp-residents .info {background:#f5efc7; color:#afa87c; font-size:11px; margin:0 0 1px; padding:11px 10px 13px;} .pp-residents .submit {background:#eee; border-top:1px solid #fff; height:1%; overflow:hidden; padding:10px; text-align:right;} .pp-residents .submit .next {background:url(/stc/i/button_green_bg.gif) repeat-x 0 0; color:#fff; display:inline-block; font-size:11px; font-weight:bold; line-height:28px; height:28px; margin:0 0 0 10px; padding:0 10px; text-transform:uppercase; text-decoration:none;} .pp-residents .usersinfo td {background:url(/stc/i/dashed_grey.gif) repeat-x top; font-size:12px; padding:9px 25px 8px 0; vertical-align:middle;} .pp-residents .usersinfo tr:first-child td {background:none;} .pp-residents .usersinfo .avatar {padding:8px 8px 9px 0; width:46px;} .pp-residents .usersinfo .avatar span {background:#fff; border:1px solid #d3d3d3; display:inline-block; margin-right:8px; padding:4px;} .pp-residents .usersinfo .avatar span.ihover {background:none; border:0; margin:0; padding:0;} .pp-residents .usersinfo .username {color:#afafaf; font-size:11px; line-height:1.2;} .pp-residents .usersinfo .username a {color:#666; display:inline-block; margin-bottom:4px;} .pp-residents .usersinfo .useralb {padding:15px 0 0 0; vertical-align:top; white-space:nowrap; width:90px;} .pp-residents .usersinfo .useralb span {background:url(/stc/i/icon_folder.gif) no-repeat 0 3px; color:#afafaf; display:inline-block; font-size:11px; line-height:13px; padding-left:12px;} .create_album .warning {border: 5px solid #B2B2B2;margin: -36px 0 0 425px;position: absolute;z-index: 1;white-space: nowrap;} .create_album .warning ins {background: url(/stc/i/arrow_left_grey.gif) no-repeat 0 0;font-size: 0;height: 7px;left: -9px;position: absolute;top: 10px;width: 4px;} .create_album .warning .err {background: #F0B8B8;border: 1px solid #FFFFFF;color: #9C1515;font-size: 9px;padding: 7px 8px;} .choose_type_note{padding:11px 0px 15px 0px;margin:0px 6px 0px 6px} .choose_type_note .tb_ctn{width:100%;border-collapse:collapse} .choose_type_note .tb_ctn td.col{padding:0px;width:50%} .tb_checks{border-collapse:collapse} .tb_checks td{padding:0px 0px 1px 0px;vertical-align:top} .tb_checks td.l{padding-right:2px} .tb_checks td.r{padding-top:1px} .tb_checks td.r label{cursor:pointer;font-size:12px;color:#787878} .text_tezis{font-size:11px;line-height:16px;color:#787878;margin:0px 10px 0px 10px;padding:10px 0px 10px 0px;zoom:1;} .text_tezis h4{font-size:11px;font-weight:bolder;color:#666666;padding:0px;margin:0px 0px 3px 0px} .text_tezis .t_input{margin-top:1px} .text_tezis .green{color:#32bc28} .add_material{margin: 0px 10px} .add_material table{ width: 100%; border-collapse: collapse; margin: 24px 0; } .add_material table td{padding: 0px;vertical-align: top;} .add_material table td.sep { font-size: 0px; vertical-align: top; width: 1px; } .add_material table td.sep1 { padding: 0; } .add_material table td.sep2 { padding: 0; vertical-align: bottom; } .add_material table td.sep span{ font-size: 0px; height: 95px; width: 1px; background-color: #dadada; overflow: hidden; display: inline-block; } .add_material table td div.sep{ height: 1px; width: 145px; background-color: #dadada; overflow: hidden; margin: 0 auto; } .add_material table td.col{text-align: center;width: 50%;padding: 0px 0px 0px 0px;} .add_material table td.col a { display: block; font-size: 18px; color: #787878; padding: 54px 0px 20px 0px; text-decoration: none; zoom: 1; line-height: 19px; } .add_material table td.col a.photo{background: url(/stc/i/ico_b_ap.gif) no-repeat center 0;} .add_material table td.col a.photo:hover{background: url(/stc/i/ico_b_ap_a.gif) no-repeat center 0;} .add_material table td.col a.note{background: url(/stc/i/ico_b_an.gif) no-repeat center 0;} .add_material table td.col a.note:hover{background: url(/stc/i/ico_b_an_a.gif) no-repeat center 0;} .add_material table td.col a.quest{ background: url(/stc/i/ico_b_qu.gif) no-repeat center 0; padding: 54px 0px 0 0px; } .add_material table td.col a.quest:hover{background: url(/stc/i/ico_b_qu_a.gif) no-repeat center 0;} .add_material table td.col a.tip{ background: url(/stc/i/ico_b_tip.gif) no-repeat center 0; padding: 54px 0px 0 0px; } .add_material table td.col a.tip:hover{background: url(/stc/i/ico_b_tip_a.gif) no-repeat center 0;} .add_material table td.col a span, .add_material .col-pl a span {background: url(/stc/i/dashed_787878.gif) repeat-x left bottom;text-transform: uppercase;} .add_material table td.col a:hover span, .add_material .col-pl a:hover span {background: url(/stc/i/dashed_1d82a2.gif) repeat-x left bottom;color: #1d82a2;} .add_material table td.col a em, .add_material .col-pl a em { text-align: center; display: block; font: normal 14px/16px Tahoma; color: #cccccc; text-transform: uppercase; margin: 3px 0 0; } .add_material .col-pl { text-align: center; } .add_material .col-pl-a { background: url(/stc/i/ico_b_pl.png) no-repeat center 0; display: block; font-size: 18px; color: #787878; padding: 63px 0px 10px 0px; text-decoration: none; zoom: 1; line-height: 19px; } .add_material .col-pl-a:hover { background: url(/stc/i/ico_b_pl_hover.png) no-repeat center 0; } .personal_data{text-align: center;font-size: 12px;line-height: 18px;color: #58585a;margin: 0px 20px 0px 20px;padding: 15px 0px 14px 0px;} .personal_data .img{padding:0px 0px 17px 0px} .personal_data p{margin:0px 0px 10px 0px;padding:0px} .personal_data p .r{color:#bd5959} .personal_data .tb_agree{margin:0 auto} .personal_data .tb_agree td{padding:0px;line-height:normal} .personal_data .tb_agree td.check{padding:0px 4px 0px 0px} .personal_data .tb_agree td a{color:#58585a;text-decoration:underline} .personal_data .tb_agree td a:hover{text-decoration:none} .personal_data .tb_agree td.label{padding-top:2px} .personal_data .tb_agree td label{margin-right:3px;cursor:pointer;float:left} .submit .law{float:left;height:24px;line-height:24px;margin:2px 0px 0px 0px} .submit .law a{display:block;float:left;height:25px;background:url(/stc/i/ico_dw.gif) no-repeat right 9px;padding:0px 11px 0px 0px;text-decoration:underline} .submit .law a:hover{text-decoration:none} .submit .law a span{float:left;height:25px;padding:0px 0px 0px 29px;background:url(/stc/i/ico_gerb.gif) no-repeat 0px 0px;text-decoration:underline} .submit .law a:hover span{text-decoration:none} .pp_load{position: absolute;width: 400px;text-align: center;z-index: 999;display: none;} .pp_load .img{font-size: 0px;line-height: 0px;margin: 0px 0px 12px 0px;} .pp_load .text{font-size: 18px;color: #0f0f0f;} #photo-selector-photos .carousel {visibility: visible; overflow-x: hidden; overflow-y: hidden; position: relative; z-index: 2; left: 0px; width: 546px} #photo-selector-photos .carousel ul {margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; position: relative; list-style-type: none; z-index: 1; width: 546px; left: 0px} #photo-selector-photos .carousel ul li {overflow-x: hidden; overflow-y: hidden; float: left; width: 535px; height: 148px} .popup-gray {background: url(/stc/i/m_popup_dark_border.png) repeat left top; padding:10px; position: absolute; width:562px; z-index:51; display: none;} .popup-gray .top_title {background:#2ec325; color:#fff; font-size:11px; font-weight:bold; margin:0 0 1px; padding:7px 11px 9px 16px; text-transform: uppercase;} .popup-gray .top_title span.close {background: url(/stc/i/pp_close_green.gif) no-repeat left top; float:right; font-size:0; margin-top:2px; width:12px; height:12px; cursor:pointer;} .popup-gray .top_title em {font-style: normal;color: #77b4c7;} .popup-gray .content {background:#fff; padding:1px;} .popup-gray .submit {background:#eee; border-top:1px solid #fff; height:1%; overflow:hidden; padding:15px 10px 15px 10px; text-align: center;} .popup-gray .submit .close {background:url(/stc/i/button_red_bg.gif) repeat-x 0 0; color:#fff; float:right; font-size:11px; font-weight:bold; line-height:28px; height:28px; margin:0 0 0 10px; padding:0 10px; text-transform:uppercase; text-decoration:none;} .popup-gray .submit .choose {background:url(/stc/i/button_green_bg.gif) repeat-x 0 0; color:#fff; float:right; font-size:11px; font-weight:bold; line-height:28px; height:28px; margin:0 0 0 10px; padding:0 10px; text-transform:uppercase; text-decoration:none;} .popup-gray .submit .fleft {margin:0;} .popup-blue {background: url(/stc/i/m_popup_dark_border.png) repeat left top; padding:10px; position: absolute; width:562px; z-index:51; display: none;} .popup-blue .top_title {background:#1d82a2; color:#fff; font-size:11px; font-weight:bold; margin:0 0 1px; padding:7px 11px 9px 16px; text-transform: uppercase;} .popup-blue .top_title span.close {background: url(/stc/i/pp_close_blue.gif) no-repeat left top; float:right; font-size:0; margin-top:2px; width:12px; height:12px; cursor:pointer;} .popup-blue .top_title em {font-style: normal;color: #77b4c7;} .popup-blue .content {background:#fff; padding:1px;} .popup-blue .submit {background:#d2e5e4; border-top:1px solid #fff; height:1%; overflow:hidden; padding:15px 10px 15px 10px; text-align: center;} .popup-blue .submit .close {background:url(/stc/i/button_red_bg.gif) repeat-x 0 0; color:#fff; float:right; font-size:11px; font-weight:bold; line-height:28px; height:28px; margin:0 0 0 10px; padding:0 10px; text-transform:uppercase; text-decoration:none;} .popup-blue .submit .choose {background:url(/stc/i/button_green_bg.gif) repeat-x 0 0; color:#fff; float:right; font-size:11px; font-weight:bold; line-height:28px; height:28px; margin:0 0 0 10px; padding:0 10px; text-transform:uppercase; text-decoration:none;} .popup-blue .submit .fleft {margin:0;} .popup-blue .submit .blue-btn{background:url(/stc/i/submit-blue-btn.gif) repeat-x left bottom;text-decoration:none;color:#1d82a2;margin:0px 20px 0px 20px;height:26px;text-shadow:0px -1px 0 #3286a0;border:1px solid #2396bb;display:-moz-inline-box;display:inline-block;font:14px/26px Tahoma;text-transform:uppercase;color:#ffffff;float:none;padding:0px 16px 0px 16px} .popup-gray .submit .green-btn{background:url(/stc/i/submit-green-btn.gif) repeat-x left bottom;text-decoration:none;color:#1d82a2;margin:0px 20px 0px 20px;height:26px;text-shadow:0px -1px 0 #2fb326;border:1px solid #2fa327;display:-moz-inline-box;display:inline-block;font:14px/26px Tahoma;text-transform:uppercase;color:#ffffff;float:none;padding:0px 16px 0px 16px} .ask_question{width:562px} .ask_question .forms{padding:4px 0px 0px 0px;background:#f4f4f4} .give_advice .forms{padding:4px 0px 0px 0px;background:#e9f8f7} .tb_ask_question{width:100%;border-collapse:collapse} .tb_ask_question td.side{ width: 16px; min-width: 16px; font-size: 0px; line-height: 0px; padding: 11px 0px 9px; } .tb_ask_question td.glue{ width: 24px; min-width: 24px; font-size: 0px; line-height: 0px; padding: 11px 0px 9px; } .tb_ask_question td.col{ width: 45%; padding: 11px 0px 9px; } .tb_ask_question .border td{border-bottom:1px solid #fff} .tb_ask_question td .textarea{margin:0px 0px 9px 0px} .tb_ask_question td .textarea textarea{/*overflow-y:scroll;*/ height:125px} .tb_ask_question td.add_note{background:transparent;padding:17px 0px 14px 0px} .tb_ask_question .value{overflow:hidden;white-space:nowrap;width:220px;} .forms .tb_ask_question .place{background:#fff;padding:1px 1px 1px 5px; height: 20px;} .forms .tb_ask_question .tags{height:20px} .give_advice .tb_ask_question td .textarea textarea{height:97px} .tb_ask_question div#pp-reg-city{position:absolute;left:4% !important;top:-10% !important;} .tb_ask_question div.pp-photos{position:absolute;left:10% !important;top:20% !important;} .forms .frmf .tb_checks td.l input{width:15px} .pp-addfrnd {position:absolute; width:276px; z-index:51; display:none;} .pp-addfrnd .wrp {background: url(/stc/i/m_popup_dark_border.png) repeat left top; padding:10px;position:relative;} .pp-addfrnd .content {background:#fff; font-size:12px; padding:1px;} .pp-addfrnd .top_title { color: White; font-size: 11px; font-weight: bold; padding: 7px 10px 9px; text-transform: uppercase; background-color: #2fbd25; } .pp-addfrnd .top_title span.close { background: url(/stc/i/x_green.gif) no-repeat center; float: right; font-size: 0; margin-top: 2px; width: 12px; height: 12px; cursor: pointer; } .pp-addfrnd .content {background:#fff; padding:1px;} .pp-addfrnd .submit {background:#eee; height:1%; overflow:hidden; padding:11px 9px 9px; text-align:right;} .pp-addfrnd .submit .cancel {background:url(/stc/i/dashed_1d82a2_2.gif) repeat-x left bottom; color:#1d82a2; cursor:pointer; display:inline-block; font-size:13px; line-height:14px; margin:0 0 0 10px; text-decoration:none;} .pp-addfrnd .submit .next {background:url(/stc/i/btn_green.gif) repeat-x 0 0; border:1px solid #05b400; color:#fff; display:inline-block; font-size:14px; line-height:26px; height:26px; margin:0 0 0 14px; padding:0 10px; text-transform:uppercase; text-decoration:none; text-shadow:0 -1px 0 #1caf17;} .pp-addfrnd .fields {color:#999; font-size:12px; line-height:16px; padding:10px 10px 5px;} .pp-addfrnd .fields p {margin:0 0 9px;} /* @resource /stc/css/jquery/nanoscroller.css */ /** initial setup **/ .nano { position : relative; width : 100%; height : 100%; overflow : hidden; } .nano > .nano-content { position : absolute; overflow : scroll; overflow-x : hidden; top : 0; right : 0; bottom : 0; left : 0; } .nano > .nano-content:focus { outline: thin dotted; } .nano > .nano-content::-webkit-scrollbar { display: none; } .has-scrollbar > .nano-content::-webkit-scrollbar { display: block; } .nano > .nano-pane { background : rgba(0,0,0,.25); position : absolute; width : 10px; right : 0; top : 0; bottom : 0; visibility : hidden\9; /* Target only IE7 and IE8 with this hack */ opacity : .01; -webkit-transition : .2s; -moz-transition : .2s; -o-transition : .2s; transition : .2s; -moz-border-radius : 5px; -webkit-border-radius : 5px; border-radius : 5px; } .nano > .nano-pane > .nano-slider { background: #444; background: rgba(0,0,0,.5); position : relative; margin : 0 1px; -moz-border-radius : 3px; -webkit-border-radius : 3px; border-radius : 3px; } .nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed { visibility : visible\9; /* Target only IE7 and IE8 with this hack */ opacity : 0.99; } /*header2016-sug*/ #header2016-sug .nano-pane { background: #e0e0e0; opacity: 1; } #header2016-sug .nano-slider { background: #e33232; } /* @resource /stc/css/fontello/css/fontello.css */ @font-face { font-family: 'fontello'; src: url('/stc/css/fontello/font/fontello.eot?9348186'); src: url('/stc/css/fontello/font/fontello.eot?9348186#iefix') format('embedded-opentype'), url('/stc/css/fontello/font/fontello.woff2?9348186') format('woff2'), url('/stc/css/fontello/font/fontello.woff?9348186') format('woff'), url('/stc/css/fontello/font/fontello.ttf?9348186') format('truetype'), url('/stc/css/fontello/font/fontello.svg?9348186#fontello') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'fontello'; src: url('/stc/css/fontello/font/fontello.svg?9348186#fontello') format('svg'); } } */ [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .icon-note:before { content: '\e800'; } /* '' */ .icon-note-beamed:before { content: '\e801'; } /* '' */ .icon-music:before { content: '\e802'; } /* '' */ .icon-search:before { content: '\e803'; } /* '' */ .icon-flashlight:before { content: '\e804'; } /* '' */ .icon-mail:before { content: '\e805'; } /* '' */ .icon-heart:before { content: '\e806'; } /* '' */ .icon-heart-empty:before { content: '\e807'; } /* '' */ .icon-star:before { content: '\e808'; } /* '' */ .icon-star-empty:before { content: '\e809'; } /* '' */ .icon-user:before { content: '\e80a'; } /* '' */ .icon-users:before { content: '\e80b'; } /* '' */ .icon-user-add:before { content: '\e80c'; } /* '' */ .icon-video:before { content: '\e80d'; } /* '' */ .icon-picture:before { content: '\e80e'; } /* '' */ .icon-camera:before { content: '\e80f'; } /* '' */ .icon-layout:before { content: '\e810'; } /* '' */ .icon-menu:before { content: '\e811'; } /* '' */ .icon-check:before { content: '\e812'; } /* '' */ .icon-cancel:before { content: '\e813'; } /* '' */ .icon-cancel-circled:before { content: '\e814'; } /* '' */ .icon-cancel-squared:before { content: '\e815'; } /* '' */ .icon-plus:before { content: '\e816'; } /* '' */ .icon-plus-circled:before { content: '\e817'; } /* '' */ .icon-plus-squared:before { content: '\e818'; } /* '' */ .icon-minus:before { content: '\e819'; } /* '' */ .icon-minus-circled:before { content: '\e81a'; } /* '' */ .icon-minus-squared:before { content: '\e81b'; } /* '' */ .icon-help:before { content: '\e81c'; } /* '' */ .icon-help-circled:before { content: '\e81d'; } /* '' */ .icon-info:before { content: '\e81e'; } /* '' */ .icon-info-circled:before { content: '\e81f'; } /* '' */ .icon-back:before { content: '\e820'; } /* '' */ .icon-home:before { content: '\e821'; } /* '' */ .icon-link:before { content: '\e822'; } /* '' */ .icon-attach:before { content: '\e823'; } /* '' */ .icon-lock:before { content: '\e824'; } /* '' */ .icon-lock-open:before { content: '\e825'; } /* '' */ .icon-eye:before { content: '\e826'; } /* '' */ .icon-tag:before { content: '\e827'; } /* '' */ .icon-bookmark:before { content: '\e828'; } /* '' */ .icon-bookmarks:before { content: '\e829'; } /* '' */ .icon-flag:before { content: '\e82a'; } /* '' */ .icon-thumbs-up:before { content: '\e82b'; } /* '' */ .icon-thumbs-down:before { content: '\e82c'; } /* '' */ .icon-download:before { content: '\e82d'; } /* '' */ .icon-upload:before { content: '\e82e'; } /* '' */ .icon-upload-cloud:before { content: '\e82f'; } /* '' */ .icon-reply:before { content: '\e830'; } /* '' */ .icon-reply-all:before { content: '\e831'; } /* '' */ .icon-forward:before { content: '\e832'; } /* '' */ .icon-quote:before { content: '\e833'; } /* '' */ .icon-code:before { content: '\e834'; } /* '' */ .icon-export:before { content: '\e835'; } /* '' */ .icon-pencil:before { content: '\e836'; } /* '' */ .icon-feather:before { content: '\e837'; } /* '' */ .icon-print:before { content: '\e838'; } /* '' */ .icon-retweet:before { content: '\e839'; } /* '' */ .icon-keyboard:before { content: '\e83a'; } /* '' */ .icon-comment:before { content: '\e83b'; } /* '' */ .icon-chat:before { content: '\e83c'; } /* '' */ .icon-bell:before { content: '\e83d'; } /* '' */ .icon-attention:before { content: '\e83e'; } /* '' */ .icon-alert:before { content: '\e83f'; } /* '' */ .icon-vcard:before { content: '\e840'; } /* '' */ .icon-address:before { content: '\e841'; } /* '' */ .icon-location:before { content: '\e842'; } /* '' */ .icon-map:before { content: '\e843'; } /* '' */ .icon-direction:before { content: '\e844'; } /* '' */ .icon-compass:before { content: '\e845'; } /* '' */ .icon-cup:before { content: '\e846'; } /* '' */ .icon-trash:before { content: '\e847'; } /* '' */ .icon-doc:before { content: '\e848'; } /* '' */ .icon-docs:before { content: '\e849'; } /* '' */ .icon-doc-landscape:before { content: '\e84a'; } /* '' */ .icon-doc-text:before { content: '\e84b'; } /* '' */ .icon-doc-text-inv:before { content: '\e84c'; } /* '' */ .icon-newspaper:before { content: '\e84d'; } /* '' */ .icon-book-open:before { content: '\e84e'; } /* '' */ .icon-book:before { content: '\e84f'; } /* '' */ .icon-folder:before { content: '\e850'; } /* '' */ .icon-archive:before { content: '\e851'; } /* '' */ .icon-box:before { content: '\e852'; } /* '' */ .icon-rss:before { content: '\e853'; } /* '' */ .icon-phone:before { content: '\e854'; } /* '' */ .icon-cog:before { content: '\e855'; } /* '' */ .icon-tools:before { content: '\e856'; } /* '' */ .icon-share:before { content: '\e857'; } /* '' */ .icon-shareable:before { content: '\e858'; } /* '' */ .icon-basket:before { content: '\e859'; } /* '' */ .icon-bag:before { content: '\e85a'; } /* '' */ .icon-calendar:before { content: '\e85b'; } /* '' */ .icon-login:before { content: '\e85c'; } /* '' */ .icon-logout:before { content: '\e85d'; } /* '' */ .icon-mic:before { content: '\e85e'; } /* '' */ .icon-mute:before { content: '\e85f'; } /* '' */ .icon-sound:before { content: '\e860'; } /* '' */ .icon-volume:before { content: '\e861'; } /* '' */ .icon-clock:before { content: '\e862'; } /* '' */ .icon-hourglass:before { content: '\e863'; } /* '' */ .icon-lamp:before { content: '\e864'; } /* '' */ .icon-light-down:before { content: '\e865'; } /* '' */ .icon-light-up:before { content: '\e866'; } /* '' */ .icon-adjust:before { content: '\e867'; } /* '' */ .icon-block:before { content: '\e868'; } /* '' */ .icon-resize-full:before { content: '\e869'; } /* '' */ .icon-resize-small:before { content: '\e86a'; } /* '' */ .icon-popup:before { content: '\e86b'; } /* '' */ .icon-publish:before { content: '\e86c'; } /* '' */ .icon-window:before { content: '\e86d'; } /* '' */ .icon-arrow-combo:before { content: '\e86e'; } /* '' */ .icon-down-circled:before { content: '\e86f'; } /* '' */ .icon-left-circled:before { content: '\e870'; } /* '' */ .icon-right-circled:before { content: '\e871'; } /* '' */ .icon-up-circled:before { content: '\e872'; } /* '' */ .icon-down-open:before { content: '\e873'; } /* '' */ .icon-left-open:before { content: '\e874'; } /* '' */ .icon-right-open:before { content: '\e875'; } /* '' */ .icon-up-open:before { content: '\e876'; } /* '' */ .icon-down-open-mini:before { content: '\e877'; } /* '' */ .icon-left-open-mini:before { content: '\e878'; } /* '' */ .icon-right-open-mini:before { content: '\e879'; } /* '' */ .icon-up-open-mini:before { content: '\e87a'; } /* '' */ .icon-down-open-big:before { content: '\e87b'; } /* '' */ .icon-left-open-big:before { content: '\e87c'; } /* '' */ .icon-right-open-big:before { content: '\e87d'; } /* '' */ .icon-up-open-big:before { content: '\e87e'; } /* '' */ .icon-down:before { content: '\e87f'; } /* '' */ .icon-left:before { content: '\e880'; } /* '' */ .icon-right:before { content: '\e881'; } /* '' */ .icon-up:before { content: '\e882'; } /* '' */ .icon-down-dir:before { content: '\e883'; } /* '' */ .icon-left-dir:before { content: '\e884'; } /* '' */ .icon-right-dir:before { content: '\e885'; } /* '' */ .icon-up-dir:before { content: '\e886'; } /* '' */ .icon-down-bold:before { content: '\e887'; } /* '' */ .icon-left-bold:before { content: '\e888'; } /* '' */ .icon-right-bold:before { content: '\e889'; } /* '' */ .icon-up-bold:before { content: '\e88a'; } /* '' */ .icon-down-thin:before { content: '\e88b'; } /* '' */ .icon-left-thin:before { content: '\e88c'; } /* '' */ .icon-right-thin:before { content: '\e88d'; } /* '' */ .icon-up-thin:before { content: '\e88e'; } /* '' */ .icon-ccw:before { content: '\e88f'; } /* '' */ .icon-cw:before { content: '\e890'; } /* '' */ .icon-arrows-ccw:before { content: '\e891'; } /* '' */ .icon-level-down:before { content: '\e892'; } /* '' */ .icon-level-up:before { content: '\e893'; } /* '' */ .icon-shuffle:before { content: '\e894'; } /* '' */ .icon-loop:before { content: '\e895'; } /* '' */ .icon-switch:before { content: '\e896'; } /* '' */ .icon-play:before { content: '\e897'; } /* '' */ .icon-stop:before { content: '\e898'; } /* '' */ .icon-pause:before { content: '\e899'; } /* '' */ .icon-record:before { content: '\e89a'; } /* '' */ .icon-to-end:before { content: '\e89b'; } /* '' */ .icon-to-start:before { content: '\e89c'; } /* '' */ .icon-fast-forward:before { content: '\e89d'; } /* '' */ .icon-fast-backward:before { content: '\e89e'; } /* '' */ .icon-progress-0:before { content: '\e89f'; } /* '' */ .icon-progress-1:before { content: '\e8a0'; } /* '' */ .icon-progress-2:before { content: '\e8a1'; } /* '' */ .icon-progress-3:before { content: '\e8a2'; } /* '' */ .icon-target:before { content: '\e8a3'; } /* '' */ .icon-palette:before { content: '\e8a4'; } /* '' */ .icon-list:before { content: '\e8a5'; } /* '' */ .icon-list-add:before { content: '\e8a6'; } /* '' */ .icon-signal:before { content: '\e8a7'; } /* '' */ .icon-trophy:before { content: '\e8a8'; } /* '' */ .icon-battery:before { content: '\e8a9'; } /* '' */ .icon-back-in-time:before { content: '\e8aa'; } /* '' */ .icon-monitor:before { content: '\e8ab'; } /* '' */ .icon-mobile:before { content: '\e8ac'; } /* '' */ .icon-network:before { content: '\e8ad'; } /* '' */ .icon-cd:before { content: '\e8ae'; } /* '' */ .icon-inbox:before { content: '\e8af'; } /* '' */ .icon-install:before { content: '\e8b0'; } /* '' */ .icon-globe:before { content: '\e8b1'; } /* '' */ .icon-cloud:before { content: '\e8b2'; } /* '' */ .icon-cloud-thunder:before { content: '\e8b3'; } /* '' */ .icon-flash:before { content: '\e8b4'; } /* '' */ .icon-moon:before { content: '\e8b5'; } /* '' */ .icon-flight:before { content: '\e8b6'; } /* '' */ .icon-paper-plane:before { content: '\e8b7'; } /* '' */ .icon-leaf:before { content: '\e8b8'; } /* '' */ .icon-lifebuoy:before { content: '\e8b9'; } /* '' */ .icon-mouse:before { content: '\e8ba'; } /* '' */ .icon-briefcase:before { content: '\e8bb'; } /* '' */ .icon-suitcase:before { content: '\e8bc'; } /* '' */ .icon-dot:before { content: '\e8bd'; } /* '' */ .icon-dot-2:before { content: '\e8be'; } /* '' */ .icon-dot-3:before { content: '\e8bf'; } /* '' */ .icon-brush:before { content: '\e8c0'; } /* '' */ .icon-magnet:before { content: '\e8c1'; } /* '' */ .icon-infinity:before { content: '\e8c2'; } /* '' */ .icon-erase:before { content: '\e8c3'; } /* '' */ .icon-chart-pie:before { content: '\e8c4'; } /* '' */ .icon-chart-line:before { content: '\e8c5'; } /* '' */ .icon-chart-bar:before { content: '\e8c6'; } /* '' */ .icon-chart-area:before { content: '\e8c7'; } /* '' */ .icon-tape:before { content: '\e8c8'; } /* '' */ .icon-graduation-cap:before { content: '\e8c9'; } /* '' */ .icon-language:before { content: '\e8ca'; } /* '' */ .icon-ticket:before { content: '\e8cb'; } /* '' */ .icon-water:before { content: '\e8cc'; } /* '' */ .icon-droplet:before { content: '\e8cd'; } /* '' */ .icon-air:before { content: '\e8ce'; } /* '' */ .icon-credit-card:before { content: '\e8cf'; } /* '' */ .icon-floppy:before { content: '\e8d0'; } /* '' */ .icon-clipboard:before { content: '\e8d1'; } /* '' */ .icon-megaphone:before { content: '\e8d2'; } /* '' */ .icon-database:before { content: '\e8d3'; } /* '' */ .icon-drive:before { content: '\e8d4'; } /* '' */ .icon-bucket:before { content: '\e8d5'; } /* '' */ .icon-thermometer:before { content: '\e8d6'; } /* '' */ .icon-key:before { content: '\e8d7'; } /* '' */ .icon-flow-cascade:before { content: '\e8d8'; } /* '' */ .icon-flow-branch:before { content: '\e8d9'; } /* '' */ .icon-flow-tree:before { content: '\e8da'; } /* '' */ .icon-flow-line:before { content: '\e8db'; } /* '' */ .icon-flow-parallel:before { content: '\e8dc'; } /* '' */ .icon-rocket:before { content: '\e8dd'; } /* '' */ .icon-gauge:before { content: '\e8de'; } /* '' */ .icon-traffic-cone:before { content: '\e8df'; } /* '' */ .icon-cc:before { content: '\e8e0'; } /* '' */ .icon-cc-by:before { content: '\e8e1'; } /* '' */ .icon-cc-nc:before { content: '\e8e2'; } /* '' */ .icon-cc-nc-eu:before { content: '\e8e3'; } /* '' */ .icon-cc-nc-jp:before { content: '\e8e4'; } /* '' */ .icon-cc-sa:before { content: '\e8e5'; } /* '' */ .icon-cc-nd:before { content: '\e8e6'; } /* '' */ .icon-cc-pd:before { content: '\e8e7'; } /* '' */ .icon-cc-zero:before { content: '\e8e8'; } /* '' */ .icon-cc-share:before { content: '\e8e9'; } /* '' */ .icon-cc-remix:before { content: '\e8ea'; } /* '' */ .icon-github:before { content: '\f300'; } /* '' */ .icon-github-circled:before { content: '\f301'; } /* '' */ .icon-flickr:before { content: '\f303'; } /* '' */ .icon-flickr-circled:before { content: '\f304'; } /* '' */ .icon-vimeo:before { content: '\f306'; } /* '' */ .icon-vimeo-circled:before { content: '\f307'; } /* '' */ .icon-twitter:before { content: '\f309'; } /* '' */ .icon-twitter-circled:before { content: '\f30a'; } /* '' */ .icon-facebook:before { content: '\f30c'; } /* '' */ .icon-facebook-circled:before { content: '\f30d'; } /* '' */ .icon-facebook-squared:before { content: '\f30e'; } /* '' */ .icon-gplus:before { content: '\f30f'; } /* '' */ .icon-gplus-circled:before { content: '\f310'; } /* '' */ .icon-pinterest:before { content: '\f312'; } /* '' */ .icon-pinterest-circled:before { content: '\f313'; } /* '' */ .icon-tumblr:before { content: '\f315'; } /* '' */ .icon-tumblr-circled:before { content: '\f316'; } /* '' */ .icon-linkedin:before { content: '\f318'; } /* '' */ .icon-linkedin-circled:before { content: '\f319'; } /* '' */ .icon-dribbble:before { content: '\f31b'; } /* '' */ .icon-dribbble-circled:before { content: '\f31c'; } /* '' */ .icon-stumbleupon:before { content: '\f31e'; } /* '' */ .icon-stumbleupon-circled:before { content: '\f31f'; } /* '' */ .icon-lastfm:before { content: '\f321'; } /* '' */ .icon-lastfm-circled:before { content: '\f322'; } /* '' */ .icon-rdio:before { content: '\f324'; } /* '' */ .icon-rdio-circled:before { content: '\f325'; } /* '' */ .icon-spotify:before { content: '\f327'; } /* '' */ .icon-spotify-circled:before { content: '\f328'; } /* '' */ .icon-qq:before { content: '\f32a'; } /* '' */ .icon-instagram:before { content: '\f32d'; } /* '' */ .icon-dropbox:before { content: '\f330'; } /* '' */ .icon-evernote:before { content: '\f333'; } /* '' */ .icon-flattr:before { content: '\f336'; } /* '' */ .icon-skype:before { content: '\f339'; } /* '' */ .icon-skype-circled:before { content: '\f33a'; } /* '' */ .icon-renren:before { content: '\f33c'; } /* '' */ .icon-sina-weibo:before { content: '\f33f'; } /* '' */ .icon-paypal:before { content: '\f342'; } /* '' */ .icon-picasa:before { content: '\f345'; } /* '' */ .icon-soundcloud:before { content: '\f348'; } /* '' */ .icon-mixi:before { content: '\f34b'; } /* '' */ .icon-behance:before { content: '\f34e'; } /* '' */ .icon-google-circles:before { content: '\f351'; } /* '' */ .icon-vkontakte:before { content: '\f354'; } /* '' */ .icon-smashing:before { content: '\f357'; } /* '' */ .icon-db-shape:before { content: '\f600'; } /* '' */ .icon-sweden:before { content: '\f601'; } /* '' */ .icon-logo-db:before { content: '\f603'; } /* '' */ /* @resource /css/b-sides3.css */ .side {font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;position: absolute; top: 0px; font-size: 9px; background: none; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .side ul {margin: 0; padding: 0;} .side ul li {list-style: none;} .side-body {background: #303844;padding: 4px;} .side_open, .side_open .side-cnt, .side-hidden {width: 160px;} .side_close, .side_close .side-cnt {width: 70px;} .side_slim, .side_slim .side-cnt {width: 27px;} .side-left {left: -180px; } .side-right {right: -180px; } .side-left.side_close {left: -70px;} .side-right.side_close {right: -70px;} .side-left.side_slim {left: -27px;} .side-right.side_slim {right: -27px;} .side-cnt-wrap {position: fixed;} .side-cnt {background: transparent; overflow: hidden;border: 1px dotted #999ba0;} .side-cnt-logo { display: block; text-decoration: none;padding: 20px 0 0 0; height: 56px;text-align: center;vertical-align: top; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .side-cnt-list-cell {padding: 0 15px;} .side-cnt-list {overflow: hidden;} .side-cnt-i {margin-top: 16px;position: relative;} .side-cnt-img { margin: 0 5px 9px; width: 120px; border-radius: 60px; } /*.side-cnt-i:after { content: ""; height: 0; padding-bottom: 100%; display: block; background: url(/i/frame-hb-tgb.png) 50% 0 no-repeat; -webkit-background-size: 122px; background-size: 122px; width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0 auto; }*/ .side-cnt-p {text-align: center;} .side-cnt-p-a {font-size: 12px; color: #fff; text-transform: none; text-decoration: none;} .side-cnt-p-a:hover {text-decoration: underline;} .side-cnt-btn {padding: 0; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;width: 120px;margin: 16px 5px 20px 5px;text-align: center;line-height: 32px;height: 33px;background: #005e9f; color: #fff; text-transform: uppercase; font-size: 10px;font-weight: bold;text-decoration: none; border: 0; border-radius: 3px; display: block;} .side-cnt_peg .side-cnt-btn {background: #24317f;} .side-cnt_intr .side-cnt-btn {background: #007bc4;} .side-cnt_pac .side-cnt-btn {background: #004785;} .side-cnt_hbr .side-cnt-btn {background: #C83831;} .side-cnt_hbr .side-cnt-logo {padding-top: 27px;} .side-capt {width: 100%; height: 37px; position: relative; color: #fff; line-height: 37px; background: #959595;} .side-capt_ttl {background: #5d5d5d;} .side-left .side-capt {padding-left: 3px; margin-left: -3px;} .side-right .side-capt {padding-right: 3px; margin-right: -3px;} .side_slim .side-capt {padding: 0; margin: 0;} .side-capt-icon {display: inline-block; width: 15px; height: 7px; margin: 0 5px;} .side_open.side-left .side-capt-icon {background: url(/i/side-capt-r.png) no-repeat 0 0;} .side_open.side-right .side-capt-icon {background: url(/i/side-capt-l.png) no-repeat 0 0;} .side_close.side-left .side-capt-icon {background: url(/i/side-capt-l.png) no-repeat 0 0;} .side_close.side-right .side-capt-icon {background: url(/i/side-capt-r.png) no-repeat 0 0;} .side_slim.side-left .side-capt-icon {background: url(/i/side-capt-slim-l.png) no-repeat 0 0; width: 9px;} .side_slim.side-right .side-capt-icon {background: url(/i/side-capt-slim-r.png) no-repeat 0 0; width: 9px;} .side-left .side-capt_ttl {text-align: right;} .side-capt-cnt {padding: 0 10px;} .side-left .side-capt_ttl .side-capt-cnt {padding-left: 0;} .side-right .side-capt_ttl .side-capt-cnt {padding-right: 0;} .side_slim .side-capt-cnt {padding: 0 5px;} .side-capt-arr {display: block; width: 0; height: 0; position: absolute; bottom: -3px; border-top: 3px solid #606060;} .side-left .side-capt-arr {left: 0; border-left: 3px solid transparent;} .side-right .side-capt-arr {right: 0; border-right: 3px solid transparent;} .side-case {padding: 5px 10px;} .side-list-li {padding: 5px 0; border-top: 1px solid #868688;} .side-list-li:first-child {border-top: 0 none;} .side-list_dark .side-list-li-a {color: #c8c8c8;} .side-list-li-a_curr {color: #ffca05!important;} .side-logo {margin: 5px 0 13px; text-align: center;} .side-prize {margin-right: -10px;} .side-prize-i {display: inline-block; width: 50px; height: 50px; padding: 5px 0; margin: 0 10px 0 0;} .side-afisha {} .side-afisha-i {padding: 5px 0; overflow: hidden;} .side-afisha-figure {width: 50px; height: 50px; float: left; overflow: hidden;} .side-afisha-descript {padding-left: 10px; overflow: hidden;} .side-afisha-ttl {padding-top: 5px;} .side_open .hidden-open {display: none;} .side_close .hidden-close {display: none;} .side-head { line-height: 37px;} .side-head-ttl { color: #aaa; font-size: 11px; text-transform: none; text-decoration: none;} .side-head-ttl:hover { text-decoration: underline;} .side-head-dots {float: right;} .side-head-dots-i {float: left;} .side-head-dots-a {color: #efefef; font-size: 18px; text-decoration: none; padding-left: 5px; float: left;} .side-head-dots-a_act {color: #c7c7c7} .side-switch-top {background: url(/i/sprite-tgb-hide-show.png) 50% 0 no-repeat; width:14px; height: 12px; display: inline-block;text-decoration: none; margin-left: 7px;vertical-align: middle;} .side-switch-top.side-show {display: none;} .side-hidden {display: none;overflow: hidden;border: 1px solid #d2d2d2; padding: 16px 0 0 0; text-align: center; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .side-hidden-p {color: #aaa; font-size: 12px;} .side-hidden-a {display: inline-block;color: #bbb; background: url(/i/sprite-tgb-hide-show.png) 50% -23px no-repeat; width: 17px; height: 12px; margin: 11px 0 18px 0;} .side-avia {position: absolute; top: 300px;border: 1px dotted #fff; padding: 0 9px;width: 160px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .side-avia-top {padding: 13px 0 10px 0;} .side-avia-ttl {width: 128px;height: 18px;font-family: sans-serif; font-size: 12px; font-weight: normal; text-transform: uppercase; color: #999; background: url(/i/side-avia-ttl-bg.png) 0 0 repeat-x;line-height: 18px; margin: 0;padding: 0;} .side-avia-tbl {font-size: 11px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: #bbb; margin-top: 10px;} .side-avia-tbl td:first-child {font-size: 10px;padding: 1px 8px 0 0;} .side-avia-top-link {color: #1c6d96; text-decoration: none;} .side-avia-top-link:hover {text-decoration: underline;} .side-avia-mid {} .side-avia-item {display: block; text-decoration: none; height: 43px; background: #ebebeb; padding-left: 10px; margin-bottom: 1px; padding-top: 4px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .side-avia-type {color: #999; font-size: 11px; line-height: 17px;} .side-avia-price {font-size: 15px; color: #1b6c95; font-family: 'MuseoSansCyrl-700'; line-height: 17px;} .side-avia-bot {padding-left: 10px; color: #aaa; font-size: 11px;} .side-avia-all {line-height: 35px; text-decoration: none; color: #aaa;} .side-avia-all:hover {text-decoration: underline;} .side-menu {width: 160px; position: absolute; top: 28px;} .side-menu-list {} .side-menu-list li {text-align: right;} .side-menu-a {color: #a4a4a4; background: url(/i/dotted-999999.png) 0 12px repeat-x; font-size: 11px; text-decoration: none; line-height: 24px;} .side-menu-a:hover {text-decoration: none;} .side-tip {background: #fff; width: 160px;} .side-tip-top {position: relative; padding: 9px 0 13px 15px;} .side-tip-h2 {background: url(/i/icon-wand.png) 0 50% no-repeat; padding: 4px 0 0 25px; font-size: 15px; font-weight: bold; line-height: 21px;} .side-tip-close {background: url(/i/icon-close-999.png) 0 0 no-repeat; width: 10px; height: 10px; display: block; position: absolute; right: 20px; top: 19px;} .side-tip-mid {padding: 0 20px;} .side-tip-mid p {border: 1px solid #e5e5e5; border-width: 1px 0 1px 0; font-size: 11px; line-height: 15px; padding: 10px 0 11px 0;} .side-tip-mid p a {} .side-tip-like {display: block; text-decoration: none;background: url(/i/country-hotels-tab-in-per.png) 0 50% no-repeat; padding-left: 14px; font-size: 11px; color: #999; margin: 10px 0 12px 0;} .side-tip-like span {background: url(/i/dotted-999999.png) 0 12px repeat-x;} .side-tip-like:hover {text-decoration: none;} .side-tip-like_green {background-image: url(/i/country-hotels-tab-in-per_green.png); color: #00a551;} .side-tip-like_green span {background-image: url(/i/dotted-00a551.png);} .side-tip-bot {background: #efefef; padding: 10px;} .side-tip-inp-wrap {height: 30px; line-height: 30px; background: #fff; padding: 7px 8px 8px 8px; border-radius: 3px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .side-tip-inp {display: block;height: 15px; line-height: 15px; width: 100%; border: 0; background: none;} @media screen and (max-width: 1679px) { .side_open .side-cnt { width: 120px;} .side-cnt-list-cell { padding: 0px 10px;} .side-cnt-img {width: 80px; margin: 0 10px 10px 10px;} .side-cnt-i:after {-webkit-background-size: 82px; background-size: 82px; height: 82px;} .side-cnt-p {font-size: 11px;} .side-cnt-logo {padding: 20px 20px 0 20px; height: 44px;} .side-cnt-logo img {width: 80px;} .side-cnt-btn {margin: 16px 10px 20px 10px; width:80px; height: 27px; line-height: 26px;} .side-cnt-p-a {font-size: 11px; line-height: 15px;} .side-tip {display: none;} } @media screen and (max-width: 1620px) { .side-left {display: none;} } @media screen and (max-width: 1535px) { .side { position: relative; width: 100%; overflow: hidden; right: 0; padding: 0; margin: 10px 0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .side-cnt-wrap {position: relative;} .side-head {display: none;} .side_open .side-cnt {position: relative; width: 100%; height: 70px;margin: 0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .side-cnt-logo {text-align: left;float: left; height: 70px; margin: 0 0 0 10px; padding-top: 17px;width: 195px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .side-cnt-logo img {width: auto;} ul.side-cnt-list {padding: 10px 0;} .side-cnt-i {float:left;margin: 0; padding: 0 15px 0 0; width: 33.33%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .side-cnt-i:last-child{padding-right: 0;} .side-cnt-i:after {-webkit-background-size: 52px; background-size: 52px; background-position: -1px -1px;} .side-cnt-img {width: 50px; float: left; margin: 0 15px 0 0;} .side-cnt-p {text-align: left;} .side-cnt-p-a {font-size: 11px;line-height: 15px;text-decoration: none; display: table-cell; vertical-align: middle; height: 50px;} .side-cnt-btn {display: none;} } /* @resource /stc/modules/place/widgets/Header/AddMaterial/popup-add-material.css */ .popup-am * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .popup-am { position: absolute; top: 10px; left: 50%; margin-left: -250px; width: 500px; z-index: 101; background: #fff; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); display: none; } .popup-am__head { position: relative; padding: 20px 20px 20px 25px; height: 60px; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; background: #fff url(/stc/modules/place/widgets/Header/AddMaterial/auth-form-head_bg.png) no-repeat center center; } .popup-am__ttl { font-family: "Roboto", Arial, sans-serif; font-weight: 500; line-height: 20px; font-size: 18px; color: #000; } .popup-am__close { position: absolute; right: 20px; top: 50%; margin-top: -10px; width: 20px; height: 20px; background: url(/stc/modules/place/widgets/Header/AddMaterial/icon-close-14x15.png) no-repeat center center; border: none; outline: none; } .popup-am__list { padding: 10px 0; } .popup-am__item { position: relative; display: block; line-height: 40px; height: 40px; border-top: 1px solid #eee; font-size: 14px; padding: 0 60px; text-decoration: none; -webkit-transition: background .1s ease; -o-transition: background .1s ease; transition: background .1s ease; } .popup-am__item:hover { background: #E6F1F5; border-color: #E6F1F5; } .popup-am__item:hover + .popup-am__item { border-color: #E6F1F5; } .popup-am__item:first-child { border-top: none; } .popup-am__item i { position: absolute; top: 0px; left: 25px; font-size: 16px; } .popup-am__item strong { font-size: 16px; font-weight: 700; } @media (max-width: 800px) { .popup-am { z-index: 103; } } @media (max-width: 600px) { .popup-am { display: block; width: 100%; left: 0; margin-left: 0; -webkit-border-radius: 0; border-radius: 0; top: 0; bottom: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; } .popup-am__head { height: auto; padding-right: 50px; } .popup-am__item { padding-top: 10px; padding-bottom: 10px; height: auto; line-height: 20px; } .popup-am__item i { top: 50%; -webkit-transform: translateY(-55%); -ms-transform: translateY(-55%); transform: translateY(-55%); } } /* @resource /stc/modules/place/widgets/Header/Suggest/searchbar-v4.css */ @charset "UTF-8"; .searchbar { background: #F2F2F2; height: 50px; border-radius: 4px; } .searchbar-queries { padding: 10px 10px 0; font-size: 14px; } .searchbar-queries a { font-weight: 700; border-bottom: 1px solid; } .searchbar__field { position: relative; height: 100%; padding: 0 120px 0 20px; } .searchbar__input { display: block; width: 100%; height: 100%; border: none; outline: none; background: transparent; font-size: 15px; font-weight: 300; } .searchbar__submit { position: absolute; top: 10px; right: 30px; border: none; outline: none; cursor: pointer; background-color: transparent; background-image: url(/stc/i/mega-sprite.png); width: 30px; height: 30px; background-position: -499px -499px; } .searchbar__submit:hover { background-position: -499px -602px; } .searchbar__submit:active { background-position: -499px -705px; } .searchbar__list-trigger { position: absolute; top: 16px; right: 89px; width: 25px; height: 18px; display: block; background-position: -294px -505px; background-image: url(/stc/i/mega-sprite.png); cursor: pointer; } .searchbar__list-trigger:hover { background-position: -294px -608px; } .searchbar__list-trigger:active { background-position: -294px -711px; } .searchbar__close { position: absolute; top: 16px; right: 89px; width: 25px; height: 18px; display: block; cursor: pointer; } .searchbar--stealth { position: absolute; top: 0; left: 0; background: #fff; width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: -webkit-transform .2s ease-out; transition: transform .2s ease-out; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .searchbar--stealth.show { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .searchbar--stealth.show .searchbar__field { opacity: 1; } .searchbar--stealth.show .searchbar__hider { opacity: 0; -webkit-transition: opacity 0s; transition: opacity 0s; } .searchbar--stealth .searchbar__hider { right: auto; left: -50px; -webkit-transition: opacity .3s .35s; transition: opacity .3s .35s; } .searchbar--stealth .searchbar__close { right: 20px; } .searchbar--stealth .searchbar__submit { right: 70px; } .searchbar--stealth .searchbar__field { opacity: 0; border-radius: 4px; height: 50px; width: 100%; background: #F2F2F2; -webkit-transition: opacity .5s; transition: opacity .5s; } .suggest { position: absolute; top: 51px; left: 0; right: 0; z-index: 101; background: #fff; min-height: 400px; box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.1); padding-top: 130px; padding-bottom: 50px; display: none; } .suggest__wrapper { height: 100%; overflow-y: auto; } .suggest__content { margin-left: 245px; margin-right: 309px; max-width: 686px; } .suggest__item { margin-bottom: 25px; padding-bottom: 20px; border-bottom: 1px solid #eee; } .suggest__item:last-child { padding-bottom: 0; border: 0; } .suggest__title { display: inline-block; font-weight: 300; font-size: 19px; line-height: 25px; padding: 0 20px; margin-bottom: 9px; } .suggest__count { color: #878787; } .suggest__list { margin-top: 9px; display: table; width: 100%; } .suggest__list_has-photo { margin-top: 16px; } .suggest__list-item { display: table-row; text-decoration: none; color: #000; -webkit-transition: background .1s; transition: background .1s; } .suggest__list-item:hover { background: #E6F0F5; } .suggest__list-col { display: table-cell; padding-top: 10px; padding-bottom: 10px; padding-right: 20px; vertical-align: middle; } .suggest__list-col_photo { padding-right: 30px; width: 150px; } .suggest__list-col:first-child { padding-left: 20px; } .suggest__list-name { font-size: 15px; line-height: 20px; font-weight: 300; } .suggest__list-place { font-size: 13px; line-height: 18px; font-weight: 300; color: #878787; } .suggest__list-photo { width: 100px; height: 80px; border-radius: 4px; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover; } .suggest__tags { padding: 0 20px; display: table; } .suggest__tags-col { display: table-cell; padding-right: 36px; } .suggest__tags-item { display: block; vertical-align: top; white-space: nowrap; font-size: 15px; font-weight: 300; line-height: 40px; } .suggest__found { color: #E02B4E; } @media (max-width: 1100px) { .suggest { padding-bottom: 20px; } .suggest__title { padding: 0 10px; } .suggest__content { max-width: 100%; margin: 0 10px; } .suggest__list-col { padding-right: 10px; } .suggest__list-col_photo { width: 130px; padding-right: 20px; } .suggest__list-col:first-child { padding-left: 10px; } .suggest__tags { display: block; padding: 0 10px; } .suggest__tags-col { display: inline; padding-right: 0; } } @media (max-width: 800px) { .suggest { padding-top: 20px; top: 113px; } } /* ======================== Когда открыт саджест ======================== */ .suggest-show .header-mid__logo, .suggest-show .searchbar:not(.searchbar--stealth), .suggest-show .user { position: relative; z-index: 102; } .suggest-show .searchbar--stealth { z-index: 102; } /* =========== Адаптив =========== */ @media (max-width: 800px) { .suggest { position: fixed; max-width: 420px; } .searchbar { border-radius: 0; } .searchbar__list-trigger { display: none; } .searchbar__submit { right: 20px; } } /* @resource /stc/modules/place/widgets/Header/User/header_user-v3.css */ .user { display: block; text-decoration: none; } .user:hover .user__country { color: #0f8ce9; } .user:active .user__country { color: #1552bc; } .user__photo { float: left; width: 50px; height: 50px; border-radius: 3px; overflow: hidden; } .user__photo > img { width: 100%; height: auto; } .user__about { margin-left: 70px; } .user__name { margin-top: 5px; display: block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 17px; line-height: 20px; font-weight: 500; color: #333; } .user__name:hover { color: #358fab; } .user__name:hover span { color: #3b3b3b; } .user__country { margin-top: 2px; color: #333; font-weight: 300; font-size: 13px; } .user__country--focus { color: #1552bc; } .user__country--hover { color: #108dea; }