/* Start:/bitrix/templates/.default/components/bitrix/menu/main_lanta_multilevel/style.min.css?14855747403715*/ #horizontal-multilevel-menu,#horizontal-multilevel-menu ul{margin:0;padding:0;background:#bc262c url(/bitrix/templates/.default/components/bitrix/menu/main_lanta_multilevel/images/header_menu_bg.gif) repeat-x;min-height:27px;width:100%;list-style:none;font-size:11px;float:left}#horizontal-multilevel-menu a{display:block;padding:5px 10px;text-decoration:none;text-align:center}#horizontal-multilevel-menu li{float:left}#horizontal-multilevel-menu li a.root-item{color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li a.root-item-selected{background:#fc8d3d;color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li:hover a.root-item,#horizontal-multilevel-menu li.jshover a.root-item{background:#e26336;color:#fff}#horizontal-multilevel-menu a.parent{background:url(/bitrix/templates/.default/components/bitrix/menu/main_lanta_multilevel/images/arrow.gif) center right no-repeat}#horizontal-multilevel-menu a.denied{background:url(/bitrix/templates/.default/components/bitrix/menu/main_lanta_multilevel/images/lock.gif) center right no-repeat}#horizontal-multilevel-menu li:hover,#horizontal-multilevel-menu li.jshover{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li.item-selected{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li ul{position:absolute;top:auto;display:none;z-index:500;height:auto;width:135px;background:#f5f5f5;border:1px solid #c1c1c1}#horizontal-multilevel-menu li li{width:100%;border-bottom:1px solid #dedede}#horizontal-multilevel-menu li ul a{text-align:left}#horizontal-multilevel-menu li a,#horizontal-multilevel-menu li:hover li a,#horizontal-multilevel-menu li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a{color:#4f4f4f;font-weight:bold}#horizontal-multilevel-menu li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a{color:#4f4f4f}#horizontal-multilevel-menu li ul ul{margin:-27px 0 0 132px}#horizontal-multilevel-menu li:hover ul ul,#horizontal-multilevel-menu li.jshover ul ul,#horizontal-multilevel-menu li:hover ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul ul{display:none}#horizontal-multilevel-menu li:hover ul,#horizontal-multilevel-menu li.jshover ul,#horizontal-multilevel-menu li li:hover ul,#horizontal-multilevel-menu li li.jshover ul,#horizontal-multilevel-menu li li li:hover ul,#horizontal-multilevel-menu li li li.jshover ul,#horizontal-multilevel-menu li li li li:hover ul,#horizontal-multilevel-menu li li li li.jshover ul,#horizontal-multilevel-menu li li li li li:hover ul,#horizontal-multilevel-menu li li li li li.jshover ul{display:block}div.menu-clear-left{clear:left} /* End */ /* Start:/bitrix/templates/.default/components/bitrix/menu/lanta_vertical_multilevel_sub/style.min.css?14855747402111*/ ul#vertical-multilevel-menu,#vertical-multilevel-menu ul{margin:0;padding:0;list-style:none;width:214px;font-size:12px}#vertical-multilevel-menu li ul{position:absolute;top:auto;display:none;z-index:500;height:auto;border:1px solid #c1c1c1;border-bottom:0;width:200px}#vertical-multilevel-menu li a{display:block;text-decoration:none;color:#4f4f4f;font-weight:bold;padding:5px;background:#f5f5f5;border-bottom:1px solid #c1c1c1}#vertical-multilevel-menu li a.item-selected{background-color:#d6d6d6}#vertical-multilevel-menu li a:hover{background-color:#d6d6d6}#vertical-multilevel-menu a.root-item{color:#fff;font-weight:bold;font-size:12px;padding:5px 0 7px 35px;background:#61656a url(/bitrix/templates/.default/components/bitrix/menu/lanta_vertical_multilevel_sub/images/item_bg.gif) 0 0 no-repeat;border:0;box-sizing:border-box;-moz-box-sizing:border-box}#vertical-multilevel-menu a.root-item:hover,#vertical-multilevel-menu a.root-item-selected:hover{background:#61656a url(/bitrix/templates/.default/components/bitrix/menu/lanta_vertical_multilevel_sub/images/item_bg.gif) 0 -26px no-repeat}#vertical-multilevel-menu a.root-item-selected{color:#fff;font-weight:bold;font-size:12px;padding:5px 0 7px 35px;background:#61656a url(/bitrix/templates/.default/components/bitrix/menu/lanta_vertical_multilevel_sub/images/item_bg.gif) 0 -26px no-repeat;border:0;box-sizing:border-box;-moz-box-sizing:border-box}#vertical-multilevel-menu a.parent{background:#f5f5f5 url(/bitrix/templates/.default/components/bitrix/menu/lanta_vertical_multilevel_sub/images/arrow.gif) center right no-repeat;padding-right:10px}#vertical-multilevel-menu a.denied{background:#f5f5f5 url(/bitrix/templates/.default/components/bitrix/menu/lanta_vertical_multilevel_sub/images/lock.gif) center right no-repeat;color:#ddd;padding-right:10px}/*\*/* html ul#vertical-multilevel-menu li{float:left;height:1%}* html ul#vertical-multilevel-menu li a{height:1%}/**/#vertical-multilevel-menu li ul.root-item{margin:-27px 0 0 210px}#vertical-multilevel-menu li ul{margin:-27px 0 0 133px}#vertical-multilevel-menu li:hover ul ul,#vertical-multilevel-menu li.jsvhover ul ul,#vertical-multilevel-menu li:hover ul ul ul,#vertical-multilevel-menu li.jsvhover ul ul ul{display:none}#vertical-multilevel-menu li:hover ul,#vertical-multilevel-menu li.jsvhover ul,#vertical-multilevel-menu li li:hover ul,#vertical-multilevel-menu li li.jsvhover ul,#vertical-multilevel-menu li li li:hover ul,#vertical-multilevel-menu li li li.jsvhover ul{display:block} /* End */ /* Start:/bitrix/templates/lanta_blue_all/styles.css?16082920464248*/ .citata{ display: block; margin-left: 40px; padding-left: 20px; border-left: solid 4px #ff5307; font-style: italic; text-indent: 0 !important; } .text_orange{ color: #ff5307; } .text_violet{ color: #0156b3; } .showHideContent{ padding: 10px; margin: 20px; border: dotted 1px #17AEDD; } .showHideContent b{ color: #FE821B; } .showHideContent span{ display: none; padding-left: 30px; } .list-beaty_p{background: #ff5207; width: 98%; padding: 5px 0 5px 2%; color: #fff;margin: 0; font-weight: bold;} .list-beaty_ul{list-style: none; padding: 0; margin-top: 5px;} .list-beaty_ul li{background-color: #dde7f0; color: #000; padding: 5px 5px 5px 5%; margin-bottom: 5px; font-weight: bold;} .icon-ask {background: url(/bitrix/templates/lanta_blue_all/ico/ask.png) no-repeat 10px; background-size: 20px 20px;} .icon-calendar {background: url(/bitrix/templates/lanta_blue_all/ico/calendar.png) no-repeat 10px; background-size: 20px 20px;} .icon-capsule {background: url(/bitrix/templates/lanta_blue_all/ico/capsule.png) no-repeat 10px; background-size: 20px 20px;} .icon-diagnosis {background: url(/bitrix/templates/lanta_blue_all/ico/diagnosis.png) no-repeat 10px; background-size: 20px 20px;} .icon-female {background: url(/bitrix/templates/lanta_blue_all/ico/female.png) no-repeat 10px; background-size: 20px 20px;} .icon-gynecologyl {background: url(/bitrix/templates/lanta_blue_all/ico/gynecologyl.png) no-repeat 10px; background-size: 20px 20px;} .icon-hospital {background: url(/bitrix/templates/lanta_blue_all/ico/hospital.png) no-repeat 10px; background-size: 20px 20px;} .icon-laboratory {background: url(/bitrix/templates/lanta_blue_all/ico/laboratory.png) no-repeat 10px; background-size: 20px 20px;} .icon-male {background: url(/bitrix/templates/lanta_blue_all/ico/male.png) no-repeat 10px; background-size: 20px 20px;} .icon-medical {background: url(/bitrix/templates/lanta_blue_all/ico/medical.png) no-repeat 10px; background-size: 20px 20px;} .icon-money {background: url(/bitrix/templates/lanta_blue_all/ico/money.png) no-repeat 10px; background-size: 20px 20px;} .icon-pregnancy {background: url(/bitrix/templates/lanta_blue_all/ico/pregnancy.png) no-repeat 10px; background-size: 20px 20px;} .icon-symptoms {background: url(/bitrix/templates/lanta_blue_all/ico/symptoms.png) no-repeat 10px; background-size: 20px 20px;} .icon-dermatology {background: url(/bitrix/templates/lanta_blue_all/ico/dermatology.png) no-repeat 10px; background-size: 20px 20px;} .icon-medicine {background: url(/bitrix/templates/lanta_blue_all/ico/medicine.png) no-repeat 10px; background-size: 20px 20px;} .icon-microbiology {background: url(/bitrix/templates/lanta_blue_all/ico/microbiology.png) no-repeat 10px; background-size: 20px 20px;} .icon-microbiology1 {background: url(/bitrix/templates/lanta_blue_all/ico/microbiology1.png) no-repeat 10px; background-size: 20px 20px;} .icon-ophthalmology {background: url(/bitrix/templates/lanta_blue_all/ico/ophthalmology.png) no-repeat 10px; background-size: 20px 20px;} .icon-pediatricsl {background: url(/bitrix/templates/lanta_blue_all/ico/pediatricsl.png) no-repeat 10px; background-size: 20px 20px;} .icon-search-symptoms {background: url(/bitrix/templates/lanta_blue_all/ico/search-symptoms.png) no-repeat 10px; background-size: 20px 20px;} @media (max-width: 980px) { .list-beaty_ul li{padding: 5px 0 5px 70px;} .icon-ask, .icon-calendar, .icon-capsule, .icon-diagnosis, .icon-female, .icon-gynecologyl, .icon-dermatology, .icon-medicine, .icon-microbiology, .icon-microbiology1, .icon-ophthalmology, .icon-pediatricsl, .icon-search-symptoms, .icon-hospital, .icon-laboratory, .icon-male, .icon-medical, .icon-money, .icon-pregnancy, .icon-symptoms {background-size: 40px 40px;} } .mibok-link12 *{box-sizing: content-box;} .mibok-link12.wrapper-mibok-glaza{margin: 0; width: 200px;position: absolute;right: 330px; top: 10px;} .mibok-link12 .wrapper-mibok-glaza-link{font: 11px Arial, Helvetica, sans-serif;color: #189de1;font-weight: bold;text-decoration: none !important;position: relative;margin: 0 10px 0 10px;} .mibok-link12 .wrapper-mibok-glaza-link:hover{text-decoration: none !important;} .mibok-link12 .wrapper-mibok-glaza-link .mibok-glaza-icon{width: 39px; height:39px; border-radius: 50%; -webkit-border-radius:50%; -moz-border-radius:50%; background: none; font-size: 22px; font-weight: bold; color:#189de1!important; display: inline-block; line-height: 1.7em;text-align: center; text-shadow: 0 1px 1px rgba(0, 0, 30, 0.6); margin-right: 10px; border: 3px solid #189de1;} .mibok-link12 .wrapper-mibok-glaza-link .mibok-glaza-text{font-size: 15px;color:#189de1; display: inline-block;width: 120px;vertical-align: middle;margin-top: -7px;} .mibok-link12 .wrapper-mibok-glaza-link .mibok-glaza-text:hover{text-decoration: underline; } @media (max-width: 1179px) { .mibok-link12.wrapper-mibok-glaza{ right: 310px; top: 110px;}} /* End */ /* Start:/bitrix/templates/lanta_blue_all/template_styles.css?160829204624874*/ /* font-family: "CenturyGothicRegular"; */ @font-face { font-family: "CenturyGothicRegular"; src: url("/bitrix/templates/.default/fonts/centurygothicregular.eot"); src: url("/bitrix/templates/.default/fonts/centurygothicregular.eot?#iefix")format("embedded-opentype"), url("/bitrix/templates/.default/fonts/centurygothicregular.woff") format("woff"), url("/bitrix/templates/.default/fonts/centurygothicregular.ttf") format("truetype"); font-style: normal; font-weight: normal; } body { font-family: CenturyGothicRegular; background-color: #ffffff; margin: 0; padding: 0; } .head{ width: 100%; min-width: 900px; height: 320px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#def1fd+1,ffffff+50,def1fd+100 */ background: #def1fd; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2RlZjFmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZWYxZmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #def1fd 1%, #ffffff 50%, #def1fd 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(1%,#def1fd), color-stop(50%,#ffffff), color-stop(100%,#def1fd)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #def1fd 1%,#ffffff 50%,#def1fd 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #def1fd 1%,#ffffff 50%,#def1fd 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #def1fd 1%,#ffffff 50%,#def1fd 100%); /* IE10+ */ background: linear-gradient(to right, #def1fd 1%,#ffffff 50%,#def1fd 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#def1fd', endColorstr='#def1fd',GradientType=1 ); /* IE6-8 */ } .head_content{position:relative; margin:0 auto; overflow:visible; padding-top:50px;} .head_content:before {content:""; position:absolute; top:0px; left:-130px; width:195px; height:270px; background:url("/bitrix/templates/.default/images/dnk.png") no-repeat;} .logo{margin-top:-27px; width:460px; height:170px; background:url("/bitrix/templates/.default/images/logo.png") no-repeat;} .logo a{display: block; width:100%; height:100%;} .sheldue{color:#189de1; font-size:14px; font-weight:bold; text-align:center; margin-top:-50px; padding-top:5px; float:right; width:360px; height:110px; background:url("/bitrix/templates/.default/images/sheldue.png") no-repeat;} .sheldue small{display:block; margin-top:5px;} .sheldue span.time{display:block; margin:0 auto; font-size:20px; font-weight:normal; width:175px; height:21px; border-bottom:3px solid #fe821b;} .sheldue p{font-size:11px; margin:0;} .phone{text-align: right; font-size:25px;margin-top:0; font-weight:normal; background:url("/bitrix/templates/.default/images/phone.png") no-repeat; background-position:55px 20px;} .payments{text-indent:-100px; font-size:11px; padding-top:3px; height:20px; background:url("/bitrix/templates/.default/images/cards.png") no-repeat; background-position:205px 0px;} .phone b{font-size:40px; font-weight:bolder; color: #ff5307;} .price{font-weight:normal; font-size:16px; text-align: right;} .price a{color: #189de1; text-decoration: none;} .price a:hover {text-decoration: underline;} .price a.zapis1{color: #ff5307; font-weight: bold;} .price a.zapis1:hover {text-decoration: none; } .top_menu{ position: relative; margin: 0 auto; margin-top: -140px; background: #FFFFFF; height: 55px; } #nav, #nav ul, #nav li { margin: 0; padding: 0; } #nav, #nav ul { background: rgb(255,255,255); } #nav { /* подменю перемещается относительно меню */ position: relative; display: table; width: 100%; } #nav ul { /* подменю находится вне потока */ position: absolute; z-index: 5; display: none; font-family: CenturyGothicRegular; } #nav li:hover ul { /* подменю будет показано, если курсор наведён на пункт меню с выпадающем списком */ display: block; } #nav li ul{ background: #f3efef; } ul.im1, ul.im2{ max-width: 260px; } ul.im3, ul.im4, ul.im5{ max-width: 520px; } #nav li ul.im1{ left: 0; } #nav li ul.im5{ right: 0; } #nav li ul li{ background-image: none; background: #f3efef; font-family: CenturyGothicRegular; font-size: 14px; line-height: 18px; display: block; width: 240px; float: left; padding-top: 5px; } #nav li { font-size: 20px; line-height: 55px; display: table-cell; text-align: center; background: url(/bitrix/templates/.default/images/ibg.gif) no-repeat right top; padding: 0 10px; } #nav ul li { display: block; text-align: left; } #nav .right { /* последнее подменю будет расширяться справа налево */ direction: rtl; background-image: none; } #nav .right ul { /* для IE, решение найдено случайно, где связь ??? */ right: 0; } #nav .right li { /* последнее подменю будет расширяться справа налево, но не пункты последнего подменю */ direction: ltr; } #nav a { font-family: CenturyGothicRegular; display: block; padding: 0px; width: 100%; height: 100%; color: #0156b3; text-decoration: none; } #nav li:hover { background: rgb(255,83,7); } #nav li:hover a, #nav li ul li:hover a{ color:#FFFFFF; } #nav li:hover ul a { color: #343434; } /* лицензии */ .license_item, .license_item2{ display: inline-block; float:left; margin: 20px 0; } /* вкладки на главной */ #tabs{ position: relative; margin: 0 auto; } #tabs ul, #tabs li { margin: 0; padding: 0; list-style: none; } #tabs li{ display: inline-block; float: left; height: 140px; border: solid 2px #e1e1e1; -webkit-border-top-left-radius:20px; -webkit-border-top-right-radius:20px; -moz-border-radius-topleft:20px; -moz-border-radius-topright:20px; border-top-left-radius:20px; border-top-right-radius:20px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eceded+0,ffffff+35,ffffff+50,ffffff+50 */ background: #eceded; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZWNlZGVkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzUlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(-45deg, #eceded 0%, #ffffff 35%, #ffffff 50%, #ffffff 50%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #eceded 0%,#ffffff 35%,#ffffff 50%,#ffffff 50%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #eceded 0%,#ffffff 35%,#ffffff 50%,#ffffff 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eceded', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ } #tabs li:hover { background: -moz-linear-gradient(-45deg, #eceded 0%, #ffffff 15%, #ffffff 30%, #ffffff 30%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #eceded 0%,#ffffff 15%,#ffffff 30%,#ffffff 30%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #eceded 0%,#ffffff 15%,#ffffff 30%,#ffffff 30%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } #tabs li a{ display: block; width: 100%; text-decoration: none; color: #000; font-family: CenturyGothicRegular; font-size: 20px; background-repeat: no-repeat; background-position: left center; outline: none; } #tabs div p{ padding: 160px 0 0 0; margin: 0; } #tabs li.ui-tabs-active{ border-bottom-width: 0; } /* фотогид*/ .fotogid, .partners, .specialists{ padding: 0; text-align: justify; -moz-text-align-last: justify; -webkit-text-align-last: justify; text-align-last: justify; } .fotogid:after, .partners:after, .specialists:after{ width: 100%; height: 0px; visibility: hidden; overflow: hidden; content: ""; display: inline-block; } .fotogid_item, .partner_item{ display: inline-block; white-space: nowrap; margin: 20px 0; } .partner_item{ border: dotted 1px #c3c4c4; } .partner_item:hover{ border: solid 1px #c3c4c4; } .fotogid_item{ background-color: #ebebeb; } .partner_item img{ width: 100%; } .fotogid_item a{ font-family: CenturyGothicRegular; font-size: 18px; color: #464747; text-decoration: none; display: block; width: 100%; height: 100%; } .fotogid_item:hover a{ color: #e64112; } .fotogid span{ display: block; text-align: left; -moz-text-align-last: left; -webkit-text-align-last: left; text-align-last: left; white-space:normal; padding: 10px; /*height: 45px;*/ } .specialist_item{ display: block; float: left; white-space: nowrap; } .fotogid_item img{ display: block; width: 100%; } .specialist_item span{ width: 100%; position: relative; display: block; text-align: center; -moz-text-align-last: center; -webkit-text-align-last: center; text-align-last: center; white-space:normal; font-family: CenturyGothicRegular; } .spec_dolzn{ font-size: 14px; } .specialist_item img{ position: relative; display: block; width: 60%; margin: 0 auto; } .page_nav{ position: relative; margin: 0 auto; width: 300px; text-align: center; font-family: CenturyGothicRegular; } .page_nav a{ text-decoration: none; } a.f_and_b{ font-size: 20px; color: #c3c4c4; } a.f_and_b:hover{ color: #000000; } a.current_page, a.all_pages{ display: inline-block; padding: 0 2px; } a.current_page{ color: #fff; background-color: #e64112; } a.all_pages:hover{ color: #fff; background-color: #e64112; } /* контакты */ .contacts{ width: 700px; float: right; } .contacts_text{ display: block; float: left; text-align: center; font-family: CenturyGothicRegular; font-size: 20px; color: #25aeda; } .contacts_text span{ display: block; font-size: 24px; color: #ff5806; } .contacts_text b{ font-size: 30px; font-weight: normal; } /* стили для слайдера*/ .slider{ position: relative; margin: 0 auto; background: #d6cec3; height: 330px; text-align: center; overflow:hidden; } .slider img{ height: 330px; width: 1400px; } #slider{ /* Оболочка слайдера */ width: 100%; height: 330px; overflow: hidden; position:relative;} .slide{ /* Слайд */ position: absolute; width: 100%; height:100%; } .slide a{ text-decoration: none; display: block; width: 100%; height: 100%; } .slide p{ font-family: CenturyGothicRegular; position:relative; margin-top: -70px; height: 65px; font-size: 27px; color: #2e2d2b; background: #ffffff; text-indent: 0; z-index: 20; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* IE 5.5+*/ -moz-opacity: 0.8; /* Mozilla 1.6 и ниже */ -khtml-opacity: 0.8; /* Konqueror 3.1, Safari 1.1 */ opacity: 0.8; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */ text-align: left; line-height: 70px; width: 50%; padding-left: 2%; border: 3px #ffffff solid; /* стили рамки */ -moz-border-radius: 0 20px 0 0; /* закругление для старых Mozilla Firefox */ -webkit-border-radius: 0 20px 0 0; /* закругл. для старых Chrome и Safari */ -khtml-border-radius: 0 20px 0 0; /* закругл.для брауз.Konquerer сист. Linux */ border-radius: 0 20px 0 0; /* закругление углов для всех, кто понимает */ } #slider:hover p{ color: #282828; } .sli-links{ /* Кнопки смены слайдов */ margin-top:-25px; text-align:right; z-index: 100; margin-right: 20px; position: relative; } .control-slide{ margin:2px; display:inline-block; width:16px; height:16px; overflow:hidden; text-indent:-9999px; font-size:0px; background:url(/bitrix/templates/.default/images/radiobg.png) center bottom no-repeat;} .control-slide:hover{ cursor:pointer; background-position:center center;} .control-slide.active{ background-position:center top;} #prewbutton, #nextbutton{ /* Ссылка "Следующий" и "Педыдущий" */ display:none; width:46px; height:100%; position:absolute; top:0; overflow:hidden; text-indent:-999px; background:url("/bitrix/templates/.default/images/arrowbg.png") left center no-repeat; opacity:0.8; z-index:30; outline:none !important;} #prewbutton{left:0px;} #nextbutton{ right:0px; background:url("/bitrix/templates/.default/images/arrowbg.png") right center no-repeat;} div#slider:hover a#prewbutton,div#slider:hover a#nextbutton{ display:block; opacity:1;} /* средняя часть */ .middle_part{ margin: 0 auto; z-index: 20; background: #fff; } /* левое меню*/ .left_menu{ width: 280px; float: left; font-family: CenturyGothicRegular; font-size: 20px; } .left_menu a{ text-decoration: none; } .left_menu ul{ list-style: none; margin: 0; padding: 0; } #cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #cssmenu { width: 280px; color: #ffffff; } #cssmenu ul ul { display: none; } #cssmenu > ul > li.active > ul { display: block; } .align-right { float: right; } #cssmenu > ul > li > a { padding: 16px 22px; cursor: pointer; z-index: 2; text-decoration: none; color: #ffffff; box-shadow: inset 0 -1px #fff; background: #17aedd; -webkit-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; } #cssmenu > ul > li.active > a{ background: #ff5307; } #cssmenu > ul > li > a:hover { color: #d8f3f0; background: #ff5307; } #cssmenu ul > li.has-sub > a:after { position: absolute; right: 26px; top: 19px; z-index: 5; display: block; height: 10px; width: 2px; background: #ffffff; content: ""; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } #cssmenu ul > li.has-sub > a:before { position: absolute; right: 22px; top: 23px; display: block; width: 10px; height: 2px; background: #ffffff; content: ""; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } #cssmenu ul > li.has-sub.open > a:after, #cssmenu ul > li.has-sub.open > a:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #cssmenu ul ul li a { padding: 14px 22px; cursor: pointer; z-index: 2; text-decoration: none; color: #000; background: #dee7ee; box-shadow: inset 0 -1px #fff; -webkit-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; } #cssmenu ul ul ul li a { padding: 14px 22px; cursor: pointer; z-index: 2; text-decoration: none; color: #000; background: #eff3f6; -webkit-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; } #cssmenu ul ul ul li a { padding-left: 32px; } #cssmenu ul ul li a:hover { color: #ff5307; } #cssmenu ul ul > li.has-sub > a:after { top: 16px; right: 26px; background: #000000; } #cssmenu ul ul > li.has-sub > a:before { top: 20px; background: #000000; } /* Контент*/ .contentlanta{ font-size: 16px; float: right; } .content_gradient{ width: 100% /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dbd8c5+0,f4f1ea+100 */ background: #dbd8c5; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZDhjNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGYxZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #dbd8c5 0%, #f4f1ea 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #dbd8c5 0%,#f4f1ea 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #dbd8c5 0%,#f4f1ea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbd8c5', endColorstr='#f4f1ea',GradientType=0 ); /* IE6-8 */ height: 16px; } .contentlanta h1{ font-family: CenturyGothicRegular; padding-left: 20px; color: #21ace3; } .content_text{ font-family: CenturyGothicRegular; font-size: 16px; margin-left: 20px; } .content_text img{ margin: 3px; } /* Подвал */ .footer{ margin-top: 20px; width: 100%; min-width: 900px; height: 150px; background: #dededc; } .footer_content{ margin: 0 auto; color: #4d4d4d; font-family: CenturyGothicRegular; } .copyrights{ padding-top: 10px; font-size: 12px; float: left; width: 390px; } .footer_menu{ padding-top: 10px; float: right; width: 510px; } .footer_menu a{ color: #4D4D4D; text-decoration: none; line-height: 40px; margin-left: 10px; font-size: 14px; } .footer_menu a:hover{ color: #f77740 ; } .dev{ margin: 0 auto; font-size: 8px; } .dev a{ color: #4D4D4D; } /* размеры*/ @media (min-width: 1580px) { div.head_content, div.top_menu, div.slider, #tabs, div.footer_content, div.dev, div.fotogid, div.middle_part {width: 1400px;} div.top_menu ul li {width: 279px;} .slide img {margin: 0;} .slide p {font-size: 23px;} #nav li ul.im2{left: 274px;} #nav li ul.im3{right: 565px;} #nav li ul.im4{right: 283px;} #tabs li{width: 346px; text-align: center;} #tabs li a{padding-top: 50px; height: 90px;} .contacts_text{width: 700px;} .contacts_text span{padding-top: 50px;} .fotogid_item, .fotogid_item4{width: 420px; height: 345px;} .fotogid_item span, .fotogid_item4 span{width: 400px;} .partner_item, .partner_item4, .specialist_item, .specialist_item3{width: 320px;} .specialist_item {margin: 20px 40px 20px 0;} .specialist_item3 {margin: 20px 0 60px 0;} .fotogid_item {margin-right: 70px;} .partner_item {margin-right: 37px;} .partner_item4 {margin-left: 1px} .spec_dolzn{height: 50px;} .contentlanta, div.specialists{width: 1120px;} .license_item, .license_item2,.license_item img, .license_item2 img{width: 500px; height: 710px;} .license_item {margin-right: 100px;} .license_item2 {margin-right: 0;} } @media (min-width: 1180px) and (max-width: 1579px) { div.head_content, div.top_menu, div.slider, #tabs, div.footer_content, div.dev, div.fotogid, div.middle_part {width: 1100px;} div.top_menu ul li {width: 219px;} .slide img {margin: 0 -150px 0 -150px;} .slide p {font-size: 18px;} #nav li ul.im2{left: 211px;} #nav li ul.im3{right: 447px;} #nav li ul.im4{right: 224px;} #tabs li{width: 271px; text-align: center;} #tabs li a{padding-top: 50px; height: 90px;} .contacts_text{width: 400px;} .fotogid_item,.fotogid_item4{width: 320px; height: 280px;} .fotogid_item span,.fotogid_item4 span{width: 300px;} .fotogid_item {margin-right: 70px;} .partner_item, .partner_item4, .specialist_item, .specialist_item3{width: 265px;} .specialist_item{height: 265px; margin: 20px 3px 5px 0;} .specialist_item3{height: 265px; margin: 20px 0 5px 1px;} .partner_item {margin-right: 10px;} .partner_item4 {margin-left: 2px} .contentlanta, div.specialists{width: 820px;} .license_item, .license_item2,.license_item img, .license_item2 img{width: 350px; height: 500px;} .license_item {margin-right: 100px;} .license_item2 {margin-right: 0;} } @media (max-width: 1179px) { div.head_content, div.top_menu, div.slider, #tabs, div.footer_content, div.dev, div.fotogid, div.middle_part {width: 900px;} div.top_menu ul li {width: 179px;} .slide img {margin: 0 -250px 0 -250px;} .slide p {font-size: 14px;} #nav li ul.im2{left: 164px;} #nav li ul.im3{right: 372px;} #nav li ul.im4{right: 187px;} #tabs li{width: 221px; text-align: right;} #tabs li a{ padding-top: 50px; padding-right: 10px; height: 90px; } .contacts_text{width: 200px;} .contacts_text span{font-size: 16px;} .contacts_text b{font-size: 22px;} .fotogid_item, .fotogid_item4{width: 250px; height: 235px;} .fotogid_item span, .fotogid_item4 span{width: 230px;} .fotogid_item {margin-right: 75px;} .partner_item, .partner_item4, .specialist_item, .specialist_item3{width: 215px;} .partner_item {margin-right: 10px;} .partner_item4 {margin-left: 2px} .specialist_item{height: 225px; margin: 20px 3px 20px 0;} .specialist_item3{height: 225px; margin: 20px 0 20px 1px;} .contentlanta, div.specialists{width: 620px;} .license_item, .license_item2,.license_item img, .license_item2 img{width: 270px; height: 387px;} .license_item {margin-right: 60px;} .license_item2 {margin-right: 0;} } /* онлайн запись */ /* Style the form */ #regForm { background-color: #ffffff; margin: 100px auto; padding: 40px; width: 70%; min-width: 300px; } /* Style the input fields */ #regForm input,#regForm select { padding: 10px; width: calc(100% - 20px);; font-size: 17px; font-family: Raleway; border: 1px solid #aaaaaa; } /* Mark input boxes that gets an error on validation: */ #regForm input.invalid { background-color: #ffdddd; } /* Hide all steps by default: */ #regForm .tab { display: none; } /* Make circles that indicate the steps of the form: */ #regForm .step { height: 15px; width: 15px; margin: 0 2px; background-color: #bbbbbb; border: none; border-radius: 50%; display: inline-block; opacity: 0.5; } /* Mark the active step: */ #regForm .step.active { opacity: 1; } /* Mark the steps that are finished and valid: */ #regForm .step.finish { background-color: #21ace3; } #regForm #prevBtn, #regForm #nextvBtn{ background-color: #bbbbbb; } #regForm button { background-color: #21ace3; color: #ffffff; border: none; padding: 10px 20px; font-size: 17px; cursor: pointer; } /* End */ /* /bitrix/templates/.default/components/bitrix/menu/main_lanta_multilevel/style.min.css?14855747403715 */ /* /bitrix/templates/.default/components/bitrix/menu/lanta_vertical_multilevel_sub/style.min.css?14855747402111 */ /* /bitrix/templates/lanta_blue_all/styles.css?16082920464248 */ /* /bitrix/templates/lanta_blue_all/template_styles.css?160829204624874 */