/* ------------------------------------------------------------------------ This you can edit. ------------------------------------------------------------------------- */ div.light_rounded .pp_top .pp_left { background: url(/images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */ div.light_rounded .pp_top .pp_right { background: url(/images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.light_rounded .pp_content .ppt { color: #000; } div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right { background: #fff; } div.light_rounded .pp_content { background-color: #fff; } /* Content background */ div.light_rounded .pp_next:hover { background: url(/images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_rounded .pp_previous:hover { background: url(/images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_rounded .pp_expand { background: url(/images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_rounded .pp_expand:hover { background: url(/images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_rounded .pp_contract { background: url(/images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_rounded .pp_contract:hover { background: url(/images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_rounded .pp_close { width: 75px; height: 22px; background: url(/images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_rounded #pp_full_res .pp_inline { color: #000; } div.light_rounded .pp_gallery a.pp_arrow_previous, div.light_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.light_rounded .pp_nav .pp_play { background: url(/images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.light_rounded .pp_nav .pp_pause { background: url(/images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.light_rounded .pp_arrow_previous { background: url(/images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_rounded .pp_arrow_next { background: url(/images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_rounded .pp_bottom .pp_left { background: url(/images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */ div.light_rounded .pp_bottom .pp_right { background: url(/images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.light_rounded .pp_loaderIcon { background: url(/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Rounded Theme ----------------------------------- */ div.dark_rounded .pp_top .pp_left { background: url(/images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.dark_rounded .pp_top .pp_middle { background: url(/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */ div.dark_rounded .pp_top .pp_right { background: url(/images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.dark_rounded .pp_content_container .pp_left { background: url(/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */ div.dark_rounded .pp_content_container .pp_right { background: url(/images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */ div.dark_rounded .pp_content { background: url(/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */ div.dark_rounded .pp_next:hover { background: url(/images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_rounded .pp_previous:hover { background: url(/images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.dark_rounded .pp_expand { background: url(/images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_rounded .pp_expand:hover { background: url(/images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_rounded .pp_contract { background: url(/images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_rounded .pp_contract:hover { background: url(/images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(/images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_rounded .currentTextHolder { color: #c4c4c4; } div.dark_rounded .pp_description { color: #fff; } div.dark_rounded #pp_full_res .pp_inline { color: #fff; } div.dark_rounded .pp_gallery a.pp_arrow_previous, div.dark_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.dark_rounded .pp_nav .pp_play { background: url(/images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.dark_rounded .pp_nav .pp_pause { background: url(/images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.dark_rounded .pp_arrow_previous { background: url(/images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_rounded .pp_arrow_next { background: url(/images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_rounded .pp_bottom .pp_left { background: url(/images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.dark_rounded .pp_bottom .pp_middle { background: url(/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */ div.dark_rounded .pp_bottom .pp_right { background: url(/images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.dark_rounded .pp_loaderIcon { background: url(/images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Square Theme ----------------------------------- */ div.dark_square .pp_left , div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content { background: url(/images/prettyPhoto/dark_square/contentPattern.png) top left repeat; } div.dark_square .currentTextHolder { color: #c4c4c4; } div.dark_square .pp_description { color: #fff; } div.dark_square .pp_loaderIcon { background: url(/images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ div.dark_square .pp_content_container .pp_left { background: url(/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */ div.dark_square .pp_content_container .pp_right { background: url(/images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */ div.dark_square .pp_expand { background: url(/images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_square .pp_expand:hover { background: url(/images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_square .pp_contract { background: url(/images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_square .pp_contract:hover { background: url(/images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_square .pp_close { width: 75px; height: 22px; background: url(/images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_square #pp_full_res .pp_inline { color: #fff; } div.dark_square .pp_gallery a.pp_arrow_previous, div.dark_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.dark_square .pp_nav .pp_play { background: url(/images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.dark_square .pp_nav .pp_pause { background: url(/images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.dark_square .pp_arrow_previous { background: url(/images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_square .pp_arrow_next { background: url(/images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_square .pp_next:hover { background: url(/images/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_square .pp_previous:hover { background: url(/images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ---------------------------------- Light Square Theme ----------------------------------- */ div.light_square .pp_left , div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content { background: #fff; } div.light_square .pp_content .ppt { color: #000; } div.light_square .pp_expand { background: url(/images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_square .pp_expand:hover { background: url(/images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_square .pp_contract { background: url(/images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_square .pp_contract:hover { background: url(/images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_square .pp_close { width: 75px; height: 22px; background: url(/images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_square #pp_full_res .pp_inline { color: #000; } div.light_square .pp_gallery a.pp_arrow_previous, div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.light_square .pp_nav .pp_play { background: url(/images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.light_square .pp_nav .pp_pause { background: url(/images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.light_square .pp_arrow_previous { background: url(/images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_square .pp_arrow_next { background: url(/images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_square .pp_next:hover { background: url(/images/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_square .pp_previous:hover { background: url(/images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ---------------------------------- Facebook style Theme ----------------------------------- */ div.facebook .pp_top .pp_left { background: url(/images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.facebook .pp_top .pp_middle { background: url(/images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } /* Top pattern/color */ div.facebook .pp_top .pp_right { background: url(/images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.facebook .pp_content .ppt { color: #000; } div.facebook .pp_content_container .pp_left { background: url(/images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } /* Content background */ div.facebook .pp_content_container .pp_right { background: url(/images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } /* Content background */ div.facebook { min-width: 160px;} div.facebook .pp_content { background: #fff; min-height: 80px; min-width: 120px; } div.facebook .pp_details{min-width: 120px;} /* Content background */ div.facebook .pp_expand { background: url(/images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.facebook .pp_expand:hover { background: url(/images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.facebook .pp_contract { background: url(/images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.facebook .pp_contract:hover { background: url(/images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.facebook .pp_close { width: 22px; height: 22px; background: url(/images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.facebook #pp_full_res .pp_inline { color: #000; } div.facebook .pp_loaderIcon { background: url(/images/prettyPhoto/facebook/loader.gif) center center no-repeat; } /* Loader icon */ div.facebook .pp_arrow_previous { background: url(/images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The previous arrow in the bottom nav */ div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; } div.facebook .pp_arrow_next { background: url(/images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The next arrow in the bottom nav */ div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; } div.facebook .pp_nav { margin-top: 0; } div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; } div.facebook .pp_nav .pp_play { background: url(/images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; } div.facebook .pp_nav .pp_pause { background: url(/images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; } div.facebook .pp_next:hover { background: url(/images/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.facebook .pp_previous:hover { background: url(/images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.facebook .pp_bottom .pp_left { background: url(/images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.facebook .pp_bottom .pp_middle { background: url(/images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } /* Bottom pattern/color */ div.facebook .pp_bottom .pp_right { background: url(/images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ /* ------------------------------------------------------------------------ DO NOT CHANGE ------------------------------------------------------------------------- */ div.pp_pic_holder a:focus { outline:none; } div.pp_overlay { background: #000; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500; } div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000; } .pp_top { height: 20px; position: relative; } * html .pp_top { padding: 0 20px; } .pp_top .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_top .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_top .pp_middle { left: 0; position: static; } .pp_top .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_content { height: 40px; } .pp_fade { display: none; background:#fff; } .pp_content_container { position: relative; text-align: left; width: 100%; } .pp_content_container .pp_left { padding-left: 20px; } .pp_content_container .pp_right { padding-right: 20px; } .pp_content_container .pp_details { float: left; margin: 10px 0 2px 0; } .pp_description { display: none; margin: 0 0 5px 0; } .pp_nav { clear: left; float: left; margin: 3px 0 0 0; } .pp_nav p { float: left; margin: 2px 4px; } .pp_nav .pp_play, .pp_nav .pp_pause { float: left; margin-right: 4px; text-indent: -10000px; } a.pp_arrow_previous, a.pp_arrow_next { display: block; float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px; } .pp_hoverContainer { position: absolute; top: 40px; width: 100%; z-index: 2000; } .pp_gallery { left: 50%; margin-top: -50px; position: absolute; z-index: 10000; } .pp_gallery ul { float: left; height: 35px; margin: 0 0 0 5px; overflow: hidden; padding: 0; position: relative; } .pp_gallery ul a { border: 1px #000 solid; border: 1px rgba(0,0,0,0.5) solid; display: block; float: left; height: 33px; overflow: hidden; } .pp_gallery ul a:hover, .pp_gallery li.selected a { border-color: #fff; } .pp_gallery ul a img { border: 0; } .pp_gallery li { display: block; float: left; margin: 0 5px 0 0; } .pp_gallery li.default a { background: url(/images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat; display: block; height: 33px; width: 50px; } .pp_gallery li.default a img { display: none; } .pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next { margin-top: 7px !important; } a.pp_next { background: url(/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: right; height: 100%; text-indent: -10000px; width: 49%; } a.pp_previous { background: url(/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: left; height: 100%; text-indent: -10000px; width: 49%; } a.pp_expand { top:11px !important; *top:12px !important;} a.pp_expand, a.pp_contract { cursor: pointer; display: none; height: 20px; position: absolute; right: 60px; text-indent: -10000px; top: 16px; width: 20px; z-index: 20000; } a.pp_close { display: block; float: right; line-height:22px; text-indent: -10000px; } .pp_bottom { height: 20px; position: relative; } * html .pp_bottom { padding: 0 20px; } .pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_bottom .pp_middle { left: 0; position: static; } .pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_loaderIcon { display: block; height: 24px; left: 50%; margin: -12px 0 0 -12px; position: absolute; top: 50%; width: 24px; } #pp_full_res { line-height: 1 !important; } #pp_full_res .pp_inline { text-align: left; } #pp_full_res .pp_inline p { margin: 0 0 15px 0; } div.ppt { color: #fff; display: none; font-size: 17px; margin: 0 0 5px 15px; z-index: 9999; } /* ------------------------------------------------------------------------ Miscellaneous ------------------------------------------------------------------------- */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */.companyServisePage {float: left; width: 100%;} .companyServisePage > div{margin-right: -270px;min-height: 1px; padding: 14px 3px 0; position: relative;} .companyServisePage .resumeSearchResult .sortPanel{ padding: 0 0 20px; margin-left: -5px;} .companyServisePage .resumeSearchResult .sortPanel a { margin: 0 5px;} .serviceText{ font-size: 11px; color: #808080;line-height: 18px; padding-bottom: 1px;} .serviceText h3{display: none;} .tariffArchiveCar .serviceText h3{ font-size: 14px; color: #808080;line-height: 18px; padding-bottom: 1px;display: block;} .serviceText * {font-size: 13px;} .serviceText p {font-size: 13px; color: #808080;line-height: 18px; margin-bottom:15px;} .serviceText p s.labelVacHot{margin-top: -3px;} /*basket block*/ .basketBlockOrder { padding: 15px 20px 10px; position: relative; min-height: 130px; } .basketEmpty { min-height: 1px; padding-bottom: 1px;} .basketBlockOrder h3{ margin: 0 0 15px; font-weight: 400; font-size: 26px; line-height: 31px; height: 31px;} .basketRight {position: absolute; right: 20px; top: 67px; width: 220px;} .basketRight div{ color: #808080; font-size: 14px; padding-bottom: 15px;} .basketRight div b{ color: #000; font-size: 13px;} .basketLeft { padding-right: 270px; min-width: 380px; max-width: 450px;} .basketLeft .baskItem{ padding-bottom: 14px;} .basketLeft .baskItem a{ display: block; float: right; border-bottom: 1px dashed #808080; color: #808080; font-size: 12px; margin-left: 20px; white-space: nowrap; text-decoration: none; line-height: 13px; margin-top: 4px;} .basketLeft .baskItem a:hover{border-bottom: 1px dashed transparent;} .basketLeft .baskItem b{float: right; display: block; white-space: nowrap; font-weight: 400; font-size: 16px;} .basketLeft .baskItem b span { font-size: 13px; margin-left: 2px;} .basketLeft .baskItem div{ margin-right: 150px; padding-left: 25px; position: relative;} .basketLeft .baskItem div label.checkCarEmpl { position: absolute !important; left: 0; top: 3px;} .basketLeft .baskItem div span{display: inline-block; font-weight: bold; color: #0064c4;border-bottom: 1px dashed #0064c4; line-height: 14px; font-size: 13px; vertical-align: top; margin-top: 3px;} .basketLeft .baskItem div em{font-style: normal; color: #808080; font-size: 11px; display: block; padding-top: 4px;} body #container .basketLeft .baskItem label.checkCarEmpl.checkCheceked{cursor: default;} /*services form*/ .serviceForm {} .clearForm { padding: 22px 22px 10px;} .clearForm a{ font-size: 12px; color: #0063be; border-bottom: 1px dashed #0063be; display: inline-block; text-decoration: none;} .clearForm a:hover{ border-bottom: 1px dashed #ffffff;} .serviceForm .registerEmployerGB { padding: 0; margin: 0;} .serviceForm table { padding: 0; border-spacing: 0; border: 0; border-collapse: separate; width: 100%;} .serviceForm table td { width: 34%;padding: 20px;} .serviceForm table td + td{ border-left: 1px solid #BED2DF; width: 33%} .serviceForm table td h5 { color: #808080; font-weight: 400; font-size: 14px; margin: 0 0 15px;} .serviceForm table td > div + div, .serviceForm table td .formLine > div + div { padding-top: 10px;} .serviceForm table td div strong { display: block; /*padding-top: 2px; margin-bottom: 15px;*/} .serviceForm table td div strong *{ font-size: 13px;} /*form create vip*/ .serviceArrovCntr{ padding: 0 19px; position: relative; width: 60px; display: inline-block; margin-right: 8px; background: none; height: auto; vertical-align: super; margin-left: 0;} .serviceArrovCntr > a{ background-image: url(/media/images/carierist/form/servArr.png); background-repeat: no-repeat; width: 8px; height: 18px; display: block; position: absolute; top: 5px; cursor: pointer;} .serviceArrovCntr > a.min { background-position: 0 0; left: 0;} .serviceArrovCntr > a.pl { background-position:-8px 0; right: 0;} .serviceArrovCntr > a.min.dis { background-position: 0 -18px; cursor: default; } .serviceArrovCntr > a.pl.dis { background-position: -8px -18px; cursor: default;} .serviceArrovCntr.sp_dis > a.min { background-position: 0 -18px; cursor: default; } .serviceArrovCntr.sp_dis > a.pl { background-position: -8px -18px; cursor: default;} /*create hot*/ .serviceForm .servRadio label.radCarEmpl { margin: 7px 0 0 0 !important; vertical-align: top} .serviceForm .servRadio .multiSelectControl {width: auto; display: block; margin-left: 25px;} .servRadioSel > label{ float: left !important;} .serviceForm .labelVacHot { margin: 0 4px 0 0;} .servRadio.errorFieldContainer { margin-bottom: 0;} .servRadio + .servRadio { padding-top: 13px;} #selected-item { height: 146px; overflow-y: auto;} #selected-item.itemNologed { height: auto; overflow: visible;} #selected-item > div { padding: 4px 0;} #selected-item > div label { vertical-align: top;} #selected-item .stabCntrl.checkCheceked{cursor: default;} .serviceForm .text { vertical-align: top; line-height: 28px; display: inline-block;} .serviceForm .text.textCapitalize{text-transform: capitalize;} .text.h5 { color: #808080; font-size: 14px;} .serviceForm .servRadioSel .multiSelectControl .value{cursor: pointer;} /*resume base*/ .serviceResBasOrder .text {vertical-align: top; margin-top: 7px;} .serviceResBasOrder label.radCarEmpl, .serviceResBasOrder label.radCarEmpl b{ margin-bottom: 0 !important; font-size: 13px;} .serviceResBasOrder .serviceArrovCntr { margin-top: 7px; margin-left:11px;} .serviceResBasOrder b ,.serviceResBasOrder b *{ font-weight: bold; color: #000; font-size: 13px;} .serviceResBasOrder table td div h5 { display: inline-block; width: 120px; margin-bottom: 10px; /* margin:10px 0 5px; */} .registerEmployerGB .basOrderDiscount{color: #5da400; /* margin-bottom: 15px; padding: 0 0 10px 0;*/} .registerEmployerGB .forbasOrderDiscount{min-height: 17px; margin-top: 9px; padding-top: 0;} .registerEmployerGB.serviceResBasOrder .forbasOrderDiscount{min-height: 26px; margin-top: 0px;} .companyServisePage .registerEmployerGB .inputCntr.sp_dis #tarifcnt{cursor: not-allowed;background: #EEE;} .serviceTariffMaximum label.radCarEmpl, .serviceTariffMaximum label.radCarEmpl b, .serviceTariffBase label.radCarEmpl, .serviceTariffBase label.radCarEmpl b{ margin-bottom: 0 !important; font-size: 13px;} .serviceTariffMaximum #tariff_choise, .serviceTariffBase #tariff_choise{font-weight: bold;} .serviceTariffMaximum table td div h5, .serviceTariffBase table td div h5{display: inline-block;margin-bottom: 10px;width: 120px;} .serviceTariffMaximum .forbasOrderDiscount, .serviceTariffBase .forbasOrderDiscount{margin-top: 0px;} .serviceTariffBase a.linkSelection{color: #0063be; font-size: 13px; padding-top: 10px;display: inline-block;} .tariff_present{ background-image: url(/media/images/carierist/form/present.png); background-repeat: no-repeat; width: 21px; height: 23px; line-height: 23px; padding-left: 25px; color: #eb6502; display: inline-block; font-weight: bold; min-width: 150px; } /*valid*/ .errorFieldContainer .serviceArrovCntr input, .errorFieldContainer .serviceArrovCntr input:focus { border-color: #ff0000;box-shadow:none;outline: medium none; } .errorFieldContainer .serviceArrovCntr .error {left:19px; margin-top: 0px; min-width:175px; max-width:175px; white-space: normal;} /*pay choise*/ .userPayChoise {width: 100%; float: left;} .userPayChoise .breadcrumbs{padding: 14px 3px 0;} .userPayChoise >div { padding: 0 3px;} .userPayChoise h1 {font-size: 26px; font-weight: 400; color: #000; padding: 16px 0 20px; border-bottom: 3px solid #808080; margin: 0 0 20px} .tableUserService { padding-bottom: 25px;} .tableUserService table { width: 100%;} .tableUserService tr > * { border-bottom: 1px solid #d8d8d8; color: #000; font-size: 13px; text-align: left;} .tableUserService tr > .noBorder { border: 0; padding: 15px 0 10px;} .tableUserService th{padding:7px 0;} .tableUserService th span { font-weight: 400; font-size: 13px;} .tableUserService td{ padding:22px 0;} .tableUserService td .del a{ color: #0063be; font-size: 13px; text-decoration: none;} .tableUserService td .del a:hover { color: #008EE0} .tableUserService td span {color: #808080} .tableUserService td span.succesPay { color: #4e8901;} .tableUserService td span.unsuccesPay { color: #bd0d00;} .tableUserService .paidCompServNum{position: relative;} .tableUserService .paidCompServNum .vf_print_doc{ color: #0063be; text-decoration: none; border-bottom: 1px dashed #0063be;} .tableUserService .paidCompServNum .vf_print_doc:hover{ border-bottom: 1px dashed #ffffff;} .tableUserService .paidCompServNum .note{position: absolute; border: 1px solid #ebeef5; padding: 4px 16px; background: #FFF;z-index: 1; margin-top: 7px;} .tableUserService .paidCompServNum .note s{position: absolute; top:-7px; left: 10px; display: block; width: 13px; height: 7px; background: url(/media/images/carierist/for_note.png) #FFF;} .tableUserService .paidCompServNum .note a{color: #0063be; text-decoration: underline; line-height: 24px;} .tableUserService .paidCompServNum .note a:hover{text-decoration: none;} .tableUserService .totalTR *{ font-weight:bold; font-size: 13px;} .tableUserService .dv_pages_panel { border: 0;} .companyPayChoiceBottom {} .companyPayChoiceBottom > div > p{ font-size: 13px; margin: 0; padding: 0 0 30px;} .companyPayChoiceBottom >div{min-width: 460px;} .companyPayChoiceBottom > .blueButton { float: right; margin:12px 40px 0 10px !important;} .companyPayChoiceBottom .companyPayChoiceBottomText { font-size: 13px; padding-top: 20px;} .companyPayChoiceBottom .companyPayChoiceBottomText p{ color: #515358; font-style: italic; padding-bottom: 20px;} .companyPayChoiceBottomRadio{ border:1px solid #D8D8D8; border-width:1px 0; padding: 12px 0;} .companyPayChoiceBottomRadio table { width: 100%; display: table !important;} .companyPayChoiceBottomRadio table td{ width: 50%; vertical-align: middle; text-align: left;} .companyPayChoiceBottomRadio table td label { display: inline-block; vertical-align: middle; cursor: pointer;} .companyPayChoiceBottomRadio table td input { vertical-align: middle; margin-right: 4px;cursor: pointer;} .companyPayChoiceBottom.companyPayChoiceBottomNew .buttonsBottom .buttonsLink{font-size: 13px;line-height: 31px; color: #0063be; text-decoration: underline; cursor: pointer;} .companyPayChoiceBottom.companyPayChoiceBottomNew .buttonsBottom .buttonsLink:hover{color: #0063be; text-decoration: none;} .companyPayChoiceBottom.companyPayChoiceBottomNew .buttonsBottom .blueButton{float: right;} .companyPayChoiceBottom.companyPayChoiceBottomNew .companyPayChoiceBottomRadio{margin-bottom: 26px;} .companyPayChoiceBottom.companyPayChoiceBottomNew > div > p {padding: 0px 0px 10px;} .companyPayChoiceBottom.companyPayChoiceBottomNew .companyPayChoiceBottomRadio input{height: 25px;} .companyPayChoiceBottom.companyPayChoiceBottomNew .companyPayChoiceBottomRadio label{margin-right: 10px; width: 150px; display: inline-block;} .companyPayChoiceBottom.companyPayChoiceBottomNew .companyPayChoiceBottomRadio div{display: inline-block;} .registerEmployer .serviseRecInput { margin-right: 0;} .registerEmployer .serviseRecInput .employerForm .formLine .cntr { margin:0 25px 0 200px;} .registerEmployer .serviseRecInput .employerForm .formLine label{ width: 190px;} .smallDimension #transaction-basket-details{ margin-right: -280px !important; overflow: hidden; } .registerEmployer.registerEmployerSmall .registerEmployerGB{padding-top: 30px; padding-bottom: 10px;} .registerEmployer.registerEmployerSmall .serviseRecInput .employerForm .formLine label{ width: 90px;} .registerEmployer.registerEmployerSmall .serviseRecInput .employerForm .formLine .cntr{margin: 0px 25px 0px 100px;} .registerEmployer.registerEmployerSmall .breadcrumbs a:hover{text-decoration: none; color: #0063be;} /*inovice page*/ .serviceInvoicePage { padding: 0 3px; margin: 0 -270px 0 0;} .serviceInvoicePage .breadcrumbs { padding: 14px 0 3px 0px;} .serviceInvoicePageHeader { padding: 13px 0 7px; border-bottom: 3px solid #808080;} .serviceInvoicePageHeader .blueButton{ float: right;} .serviceInvoicePageHeader .blueButton + .blueButton { margin-right: 18px} .serviceInvoicePageHeader h1{ font-size: 26px; font-weight: 400; margin-right: 310px;} /*.serviceInvoicePageFotter { margin-top: -94px; margin-bottom: 47px; margin-right: 121px; padding: 10px 0 7px;}*/ .serviceInvoicePageFotter { margin: -94px auto 47px auto; padding: 10px 0 7px; width: 920px;} .serviceInvoicePageFotter .blueButton{ float: right;} .serviceInvoicePageFotter .blueButton + .blueButton { margin-right: 18px} .serviceInvoicePageFotter h1{ font-size: 26px; font-weight: 400; margin-right: 310px;} .serviceInvoicePageContainer { margin: 8px auto 100px auto; padding: 40px; border: 1px solid #d3d6dd; width: 840px;} @media (max-width: 1260px) { .serviceInvoicePageContainer { margin: 8px auto 100px auto; padding: 20px; border: 1px solid #d3d6dd; width: 740px;} .serviceInvoicePageFotter {width: 780px;} .forwidz{margin: 0 0 0 -40px} } /* @media (max-width: 1100px) { .serviceInvoicePageContainer { margin: 8px auto 100px auto; padding: 10px; border: 1px solid #d3d6dd; width: 650px;} .forwidz{margin: 0 0 0 -85px} .serviceInvoicePageFotter {width: 670px;} }*/ .serviceInvoicePageContainer.serviceInvoicePageContainerBasket{width: 810px; padding: 0; border: none;overflow: hidden;} .serviceInvoicePageContainer.serviceInvoicePageContainerBasket .serviceInvoicePageTable{border: 1px solid #d3d6dd; padding: 20px 7px 0px 0!important; display: block;} .serviceInvoicePageContainer.serviceInvoicePageContainerBasket .serviceInvoicePageText{margin-left: -66px !important; width: 876px !important; font-size: 12px !important; line-height: 14px !important;} .serviceInvoicePageContainer.serviceInvoicePageContainerBasket .serviceInvoicePageText a{color: #0063be;} .serviceInvoicePageFotter.serviceInvoicePageFotterBasket{width: auto;} .userPayChoise .userPayChoiseWich h2 { font-weight: 400; margin: 0 18px 10px;} .userPayChoise .userPayChoiseWich .tableUserService th { padding: 7px 9px 7px 18px;} .userPayChoise .userPayChoiseWich .tableUserService td { padding: 22px 9px 22px 18px;} .userPayChoise .userPayChoiseWich .noCompPaidResult{padding: 0 18px;} .companyServisePage .reference{font-size: 11px; color: #808080; font-style: italic; padding: 5px 3px 0;} .companyServisePage .reference a{color: #0063be; font-size: 11px; font-style: italic;}/*------------------------------------- zTree Style version: 3.4 author: Hunter.z email: hunter.z@263.net website: http://code.google.com/p/jquerytree/ -------------------------------------*/ .ztree * {padding:0; margin:0; font-size: 16px;} .ztree {margin:0; padding:5px; color:#333} .ztree li{padding:0; margin:0; list-style:none; line-height:14px; text-align:left; white-space:nowrap; outline:0} .ztree li ul{ margin:0; padding:0 0 0 26px} /*.ztree li ul.line{ background:url(/media/images/zTreeStyle/img/line_conn.gif) 0 0 repeat-y;}*/ .ztree li a {padding:1px 3px 0 0; margin:0 0 0 -9px; cursor:pointer; height:17px; color:#333; background-color: transparent; text-decoration:none; vertical-align:top; display: inline-block} /*.ztree li a:hover {text-decoration:underline}*/ .ztree li a:hover {text-decoration:none;} /*.ztree li a.curSelectedNode {padding-top:0px; background-color:#FFE6B0; color:black; height:16px; border:1px #FFB951 solid; opacity:0.8;} .ztree li a.curSelectedNode_Edit {padding-top:0px; background-color:#FFE6B0; color:black; height:16px; border:1px #FFB951 solid; opacity:0.8;} */ .ztree li a.tmpTargetNode_inner {padding-top:0px; background-color:#316AC5; color:white; height:16px; border:1px #316AC5 solid; opacity:0.8; filter:alpha(opacity=80)} .ztree li a.tmpTargetNode_prev {} .ztree li a.tmpTargetNode_next {} .ztree li a input.rename {height:14px; width:80px; padding:0; margin:0; font-size:12px; border:1px #7EC4CC solid; *border:0px} .ztree li span {line-height:16px; margin-right:2px; background-color:transparent;} .ztree li span.button {line-height:0; margin:0; width:16px; height:16px; display: inline-block; vertical-align:middle; border:0 none; cursor: pointer;outline:none; background-color:transparent; background-repeat:no-repeat; background-attachment: scroll; /*background-image:url("/media/images/zTreeStyle/img/zTreeStandard.png"); *background-image:url("/media/images/zTreeStyle/img/zTreeStandard.gif"); opacity: 0.5;*/ z-index: 1010; position: relative; } .ztree li span.button.chk {width:13px; height:13px; margin:0 3px 0 0; cursor: pointer;} .ztree li span.button.chk.checkbox_false_full {background-position:0 0} .ztree li span.button.chk.checkbox_false_full_focus {background-position:0 -14px} .ztree li span.button.chk.checkbox_false_part {background-position:0 -28px} .ztree li span.button.chk.checkbox_false_part_focus {background-position:0 -42px} .ztree li span.button.chk.checkbox_false_disable {background-position:0 -56px} .ztree li span.button.chk.checkbox_true_full {background-position:-14px 0} .ztree li span.button.chk.checkbox_true_full_focus {background-position:-14px -14px} .ztree li span.button.chk.checkbox_true_part {background-position:-14px -28px} .ztree li span.button.chk.checkbox_true_part_focus {background-position:-14px -42px} .ztree li span.button.chk.checkbox_true_disable {background-position:-14px -56px} .ztree li span.button.chk.radio_false_full {background-position:-28px 0} .ztree li span.button.chk.radio_false_full_focus {background-position:-28px -14px} .ztree li span.button.chk.radio_false_part {background-position:-28px -28px} .ztree li span.button.chk.radio_false_part_focus {background-position:-28px -42px} .ztree li span.button.chk.radio_false_disable {background-position:-28px -56px} .ztree li span.button.chk.radio_true_full {background-position:-42px 0} .ztree li span.button.chk.radio_true_full_focus {background-position:-42px -14px} .ztree li span.button.chk.radio_true_part {background-position:-42px -28px} .ztree li span.button.chk.radio_true_part_focus {background-position:-42px -42px} .ztree li span.button.chk.radio_true_disable {background-position:-42px -56px} .ztree li span.button.switch {width:18px; height:18px} .ztree li span.button.root_open{background-position:-92px -54px} .ztree li span.button.root_close{background-position:-74px -54px} /*.ztree li span.button.roots_open{background-position:-92px 0}*/ .ztree li span.button.roots_open { width: 12px; height: 13px; background: url("/media/images/carierist/plMn.png") no-repeat 0 -13px; margin-right: 11px;} /*.ztree li span.button.roots_close{background-position:-74px 0}*/ .ztree li span.button.roots_close { width: 12px; height: 13px; background: url("/media/images/carierist/plMn.png") no-repeat 0 0; margin-right: 11px;} /*.ztree li span.button.center_open{background-position:-92px -18px}*/ .ztree li span.button.center_open { width: 12px; height: 13px; background: url("/media/images/carierist/plMn.png") no-repeat 0 -13px; margin-right: 11px;} /*.ztree li span.button.center_close{background-position:-74px -18px} */ .ztree li span.button.center_close { width: 12px; height: 13px; background: url("/media/images/carierist/plMn.png") no-repeat 0 0; margin-right: 11px;} /*.ztree li span.button.bottom_open{background-position:-92px -36px}*/ .ztree li span.button.bottom_open { width: 12px; height: 13px; background: url("/media/images/carierist/plMn.png") no-repeat 0 -13px; margin-right: 11px;} /*.ztree li span.button.bottom_close{background-position:-74px -36px}*/ .ztree li span.button.bottom_close { width: 12px; height: 13px; background: url("/media/images/carierist/plMn.png") no-repeat 0 0; margin-right: 11px;} .ztree li span.button.noline_open{background-position:-92px -72px} .ztree li span.button.noline_close{background-position:-74px -72px} .ztree li span.button.root_docu{ background:none;} .ztree li span.button.roots_docu{background-position:-56px 0} /*.ztree li span.button.center_docu{background-position:-56px -18px}*/ .ztree li span.button.center_docu{background:none;} /*.ztree li span.button.bottom_docu{background-position:-56px -36px}*/ .ztree li span.button.bottom_docu{background:none;} .ztree li span.button.noline_docu{ background:none;} .ztree li span.button.ico_open{margin-right:2px; background-position:-110px -16px; vertical-align:top; *vertical-align:middle} .ztree li span.button.ico_close{margin-right:2px; background-position:-110px 0; vertical-align:top; *vertical-align:middle} .ztree li span.button.ico_docu{margin-right:2px; background-position:-110px -32px; vertical-align:top; *vertical-align:middle} .ztree li span.button.edit {margin-right:2px; background-position:-110px -48px; vertical-align:top; *vertical-align:middle} .ztree li span.button.remove {margin-right:2px; background-position:-110px -64px; vertical-align:top; *vertical-align:middle} .ztree li span.button.ico_loading{margin-right:2px; background:url(/media/images/zTreeStyle/img/loading.gif) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle} ul.tmpTargetzTree {background-color:#FFE6B0; opacity:0.8; filter:alpha(opacity=80)} span.tmpzTreeMove_arrow {width:16px; height:16px; display: inline-block; padding:0; margin:2px 0 0 1px; border:0 none; position:absolute; background-color:transparent; background-repeat:no-repeat; background-attachment: scroll; background-position:-110px -80px; background-image:url("/media/images/zTreeStyle/img/zTreeStandard.png"); *background-image:url("/media/images/zTreeStyle/img/zTreeStandard.gif")} ul.ztree.zTreeDragUL {margin:0; padding:0; position:absolute; width:auto; height:auto;overflow:hidden; background-color:#cfcfcf; border:1px #00B83F dotted; opacity:0.8; filter:alpha(opacity=80)} .zTreeMask {z-index:10000; background-color:#cfcfcf; opacity:0.0; filter:alpha(opacity=0); position:absolute} /* level style*/ /*.ztree li span.button.level0 { display:none; } .ztree li ul.level0 { padding:0; background:none; }*/ .ztree li span{color: #0063be; text-decoration: underline;} .ztree li span:hover{ color: #008ee0; text-decoration: underline;} .ztree li ul{ margin: 5px 0; } .ztree li{margin-bottom: 4px;} .ztree li ul li span{color: #575757; text-decoration: underline; } .ztree li ul li span:hover, .ztree li ul li span:active, .ztree li ul li span:focus{ color: #808080; text-decoration: underline;} .ztree li .checkbox_true_full + a span, .ztree li .checkbox_true_full_focus + a span, .ztree li .checkbox_true_part + a span, .ztree li .checkbox_true_part_focus + a span , .ztree li .checkbox_false_part + a span, .ztree li .checkbox_false_part_focus + a span {color: #eb6502;} .ztree li .checkbox_true_full + a span:hover, .ztree li .checkbox_true_full_focus + a span:hover, .ztree li .checkbox_true_part + a span:hover, .ztree li .checkbox_true_part_focus + a span:hover , .ztree li .checkbox_false_part + a span:hover, .ztree li .checkbox_false_part_focus + a span:hover {color: #eb6502;} /* input.tree-cb-emul {position: relative; left: -9px; top: 1px; z-index: -5;}*/ input.tree-cb-emul {position: relative; left: -9px; top: 1px; z-index: 0;} blockquote, article, aside, figure, header{ margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; display: block;} blockquote{ quotes: none;} blockquote:before, blockquote:after{ content: '';content: none;} /* лединг 1 */ .ladingReg1{margin: 0 auto; width:960px; font-family: "Verdana";} .ladingReg1 a:hover{text-decoration: none;} .ladingReg1 header{margin: 28px 5px -5px;} .ladingReg1 header .logoBlock{float: left; width: 300px;} .ladingReg1 header h1{font-family: "Verdana"; font-size: 31px; color: #5f7fad; text-transform: uppercase; text-align: center; margin: 5px 76px 0px; padding: 0; font-weight: normal;} .ladingReg1 article{overflow: hidden;margin: 0 5px;} .ladingReg1 figure{position: relative; background-image: url("/media/images/maket/registration.png"); background-position: right top; background-repeat: no-repeat; width: 570px; height: 520px;float: left; margin-bottom: -30px;} .ladingReg1 figure .f{font-family: "Verdana"; background-color: RGBA(104,188,222,0.85); display: block; position: absolute; text-align: center; color: #282249; font-size: 14px; line-height: 18px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; z-index: 1; box-sizing: border-box;} .ladingReg1 figure .f:hover{z-index: 2;background-color: RGBA(104,188,222,1); -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5); -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);} .ladingReg1 figure s{position: absolute; display: block;} .ladingReg1 figure .f.f1{top: 5px; left: 5px;width: 159px; height: 159px; background-color: RGBA(56,149,184,0.85); font-size: 21px; color: #fff; padding-top: 44px; line-height: 24px;} .ladingReg1 figure .f.f1:hover{z-index: 2;background-color: RGBA(56,149,184,1); } .ladingReg1 figure .f.f1 + s{top: 123px; left: 3px; width: 25px; height: 82px; background-image: url("/media/images/maket/arrow1.png"); background-repeat: no-repeat; } .ladingReg1 figure .f.f2{top: 136px; left: 35px; width: 143px; height: 143px;padding-top: 60px; background-image: url("/media/images/maket/f2.png"); background-repeat: no-repeat; background-position: center 15px; } .ladingReg1 figure .f.f2 + s{top: 189px; left: 182px; width: 48px; height: 72px; background-image: url("/media/images/maket/arrow2.png"); background-repeat: no-repeat; } .ladingReg1 figure .f.f3{top: 250px; left: 84px; width: 173px; height: 173px;padding-top: 75px; background-image: url("/media/images/maket/f3.png"); background-repeat: no-repeat; background-position: center 25px;} .ladingReg1 figure .f.f3 + s{top: 424px; left: 185px; width: 77px; height: 40px; background-image: url("/media/images/maket/arrow3.png"); background-repeat: no-repeat; } .ladingReg1 figure .f.f4{top: 286px; left: 238px;width: 195px; height: 195px;padding-top: 87px; background-image: url("/media/images/maket/f4.png"); background-repeat: no-repeat; background-position: center 20px;} .ladingReg1 aside{margin-left: 575px;} .ladingReg1 .regFromLading{background: #5f7fad; color: #ffffff; min-height: 396px; margin: 16px 0 13px; padding: 10px 20px; text-align: center;} .ladingReg1 .regFromLading h1{font-family: "Verdana"; margin: 0 0 15px; font-size: 18px; font-weight: normal; padding: 0;} .ladingReg1 .regFromLading a{font-family: "Verdana"; color: #fff;} .ladingReg1 .regFromLading .formLine{margin-bottom: 13px; position: relative;} .ladingReg1 .regFromLading .formLine label{font-family: "Verdana"; display: inline-block;padding: 0; text-align: right; width: 40px; margin-right:10px; font-size: 12px; line-height: 29px; } .ladingReg1 .regFromLading .formLine .cntr{display: inline-block; width: 276px; margin: 0; vertical-align: top; } .ladingReg1 .regFromLading .formLine .rightTip{color: #9d94ca; font-size: 10px; position: absolute;left: 60px; z-index: 1; top: 0px; line-height: 29px; margin: 0px;} .ladingReg1 .regFromLading .formLine .cntrRlus{margin: 0;} .ladingReg1 .regFromLading .formLine .cntrRlus label{width: 100%; text-align: center; font-size: 12px; line-height: 14px; margin: 0;} .ladingReg1 .regFromLading .formLine .newInput{ border: 1px solid #bbbbbb; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; box-shadow: none !important;} .ladingReg1 .regFromLading .formLine .newInput input{box-sizing: border-box; width: 100%; font: 12px Arial; color: #000; padding: 0 5px; height: 27px; line-height: 27px;} .ladingReg1 .regLineFromBottom{margin: 21px 0 18px 54px; padding: 0; text-align: left;} .ladingReg1 .regLineFromBottom .btn{margin: 0; text-decoration:none; text-align:center; padding:10px 21px; display: inline-block; border:none; font: bold 16px/21px Arial, Helvetica, sans-serif; color:#ffffff; background: #8dc63f; } .ladingReg1 .regLineFromBottom .btn:hover{ background: #a7da61; } .ladingReg1 .regLineFromBottom .btnOringe{margin: 0; text-decoration:none; text-align:center; padding:10px 21px; display: inline-block; border:none; font: bold 16px/21px Arial, Helvetica, sans-serif; color:#ffffff; background: #fc6d25; } .ladingReg1 .regLineFromBottom .btnOringe:hover{ background: #fc8346; } .ladingReg1 .regLineFromBottom .buttonCntrlLinks{font-size: 13px; margin: 12px 12px 12px 12px; text-decoration: underline; border: none; display: inline-block;} .ladingReg1 .regLineFromBottom .buttonCntrlLinks:hover{border: none;text-decoration: none;} .ladingReg1 .cntrRlus input{display: none;} .ladingReg1 .regFromSocial span{font-size: 18px; display: block; text-align: center; border-top: 1px solid #fff; margin: 14px 7px 3px 7px; padding: 10px;} .ladingReg1 aside .choseUserType{text-align: center; font-size: 12px; margin: 0 0 10px 0;color: #282249;} .ladingReg1 aside .choseUserType a{color: #0063be; text-decoration: underline;} .ladingReg1 aside .choseUserType a:hover {text-decoration: none;} .ladingReg1 .ladindGallery{margin:0 5px; height: 190px; background: #dbc5e9; border: 1px solid #d6a8f7; padding: 0px 100px; overflow: hidden; } .ladingReg1 .ladindGallery h2{font-family: "Verdana"; margin: 0; padding: 0; color: #282249; font-size: 26px; text-align: center; margin: 20px 0px -7px 0; padding-left: 132px; font-weight: normal;} .ladingReg1 .slides_container div{width: 710px;overflow: hidden; } .ladingReg1 .slides_container div img{display: block; margin-left: 55px; float: left; width: 128px; height: 128px; -webkit-border-radius: 64px; -moz-border-radius: 64px; border-radius: 64px;} .ladingReg1 .slides_container div blockquote{font-family: "Verdana"; padding: 20px 30px 20px 210px; margin: 0; font-size: 12px; line-height: 18px; text-align: center; /* background:url("/media/images/maket/quotes.png") no-repeat scroll 192px 5px, transparent url("/media/images/maket/quotes_.png") no-repeat scroll 682px 112px; */} .ladingReg1 .ladindGallerySlides{width:710px; height:130px; position:relative; display: block; margin: 0 20px;} .ladingReg1 .slides {position:absolute; top:0px; left:0px;z-index:100;} .ladingReg1 .slides .next,.ladingReg1 .slides .prev { position:absolute; top:21px; left:-20px; width:20px; height:82px; display:block; z-index:101;} .ladingReg1 .slides .next:hover,.ladingReg1 .slides .prev:hover{-webkit-filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.5));} .ladingReg1 .inputCntr .error{font-family: Arial, Helvetica, sans-serif; } .ladingReg1 .regFromLading .formLine #passwords .error { width: 190px; white-space: normal; text-align: left;line-height: 10px;} .ladingReg1 .slides .next {left:710px;} .ladingReg1 .slides_container {width:710px; height:130px; overflow:hidden; position:relative;} /* лединг 2 */ .ladingReg2{margin: 0 auto; max-width:1020px; min-width: 800px; font-family: Arial;} .ladingReg2 .ladingArticle{overflow: hidden;} .ladingReg2 a{color: #0063be; text-decoration: underline;} .ladingReg2 a:hover {text-decoration: none;} .ladingReg2 header{padding: 28px 0px 13px;} .ladingReg2 header .logoBlock .logo{ margin: 0;} .ladingReg2 figure{ float: left; width: 277px; padding-top: 25px; background: url("/media/images/maket/corner.png") top right no-repeat; } .ladingReg2 figure div{background: #fce5cd; min-height: 31px; padding: 18px; font-size: 12px; line-height: 16px; color: #423f3f; text-align: center;} .ladingReg2 aside{margin-left: 277px;} .ladingReg2 aside .header{background: url("/media/images/maket/corner_header.png") top right no-repeat #f9a66d; width: 546px; height: 65px; margin-left: -25px; } .ladingReg2 aside .header h1{color:#fefefe; font-size: 23px; text-align: center; padding: 10px 80px 3px 92px;} .ladingReg2 aside .header p{color:#ffffff; font-size: 17px; text-align: center; padding: 0 80px 0 92px;} .ladingReg2 .regFromLading{ border-left: 1px solid #f3c7ac; border-right: 1px solid #f3c7ac; border-bottom: 1px solid #f3c7ac; background: #fdf9ed; color: #808080; min-height: 353px; margin: 0px 0 0 68px; width: 336PX; padding: 25px 20px 10px;} .ladingReg2 .regFromLading p{text-align: center; font-size: 12px; margin: 0 0 10px 0;} .ladingReg2 .regFromLading{text-align: center;} .ladingReg2 .regFromLading h1{ margin: 0 0 15px; font-size: 18px; font-weight: normal; } .ladingReg2 .regFromLading .formLine{margin-bottom: 10px; position: relative;} .ladingReg2 .regFromLading .formLine label{display: inline-block; padding: 0; text-align: right; width: 40px; margin-right:10px; font-size: 13px; line-height: 29px; } .ladingReg2 .regFromLading .formLine .cntr{display: inline-block; width: 276px; margin: 0; vertical-align: top;} .ladingReg2 .regFromLading .formLine .rightTip{color: #d0d0d0; font-size: 11px; position: absolute; left: 60px; z-index: 1; top: 0px; line-height: 29px; margin: 0px;} .ladingReg2 .regFromLading .formLine .cntrRlus{margin: 0;} .ladingReg2 .regFromLading .formLine .cntrRlus label{width: 100%; text-align: center; font-size: 12px; line-height: 14px; margin: 0;} .ladingReg2 .regFromLading .formLine .newInput{ border: 1px solid #bbbbbb; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; box-shadow: none !important;} .ladingReg2 .regFromLading .formLine .newInput input{box-sizing: border-box; width: 100%; font: 12px Arial; color: #000; padding: 0 5px; height: 27px; line-height: 27px;} .ladingReg2 .regFromLading .formLine #passwords .error { width: 190px; white-space: normal; text-align: left;line-height: 10px;} .ladingReg2 .regLineFromBottom{margin: 21px 0 18px 54px; padding: 0; text-align: left;} .ladingReg2 .btn{margin: 0; text-decoration:none; text-align:center; padding:10px 21px; display: inline-block; border:none; font: 17px/21px Arial, Helvetica, sans-serif; color:#ffffff; background: #f27c21; } .ladingReg2 .btn:hover{ background: #f9a66d; } .ladingReg2 .regLineFromBottom .buttonCntrlLinks{font-size: 13px; margin: 12px 12px 12px 12px; text-decoration: underline; border: none;display: inline-block;} .ladingReg2 .regLineFromBottom .buttonCntrlLinks:hover{border: none;text-decoration: none;} .ladingReg2 .cntrRlus input{display: none;} .ladingReg2 .regFromSocial span{font-size: 18px; display: block; text-align: center; color: #423f3f; border-top: 1px solid #f3c7ac; margin: 16px 7px 3px 7px; padding: 18px 10px 10px;} .ladingReg1 .socLogin, .ladingReg2 .socLogin {text-align: center; padding: 0;} .ladingReg1 .socLogin a, .ladingReg2 .socLogin a { display: inline-block; margin: 0 1px; height: 32px; width: 32px;background: url("/media/images/maket/soc.png") no-repeat scroll 0 0 transparent;} .ladingReg1 .socLogin a.scbFB, .ladingReg2 .socLogin a.scbFB {background-position: -35px 0;} .ladingReg1 .socLogin a.scbOK, .ladingReg2 .socLogin a.scbOK {background-position: -70px 0;} .ladingReg1 .socLogin a.scbVK, .ladingReg2 .socLogin a.scbVK {background-position: 0 0;} .ladingReg1 .socLogin a.scbMoimir, .ladingReg2 .socLogin a.scbMoimir {background-position: -105px 0;} .ladingReg1 .socLogin a.scbGoogle, .ladingReg2 .socLogin a.scbGoogle {background-position: -140px 0;} .ladingReg1 .socLogin a.scbLinkedin, .ladingReg2 .socLogin a.scbLinkedin {background-position: -175px 0;} .ladingReg1 .inputCntr .error, .ladingReg2 .inputCntr .error {left: 0;margin-top: 0;}