body {background: url(../images/bg.gif); background-attachment: fixed; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 14px; letter-spacing: .05em; color: #555; margin: 0;}
h1 {font-size: 24px; color: darkslategray; font-family: sans-serif; margin-top: 0px; margin-bottom: 7px; text-shadow: -1px -1px 1px rgba(255,255,255,0.2), 1px 1px 1px rgba(255,255,255,0.2), 1px 1px 1px rgba(0,0,0,0.2);}
ul {list-style-type: none; padding: 0;}
#container {width: 1064px; margin: 0 auto; padding: 20px; background-color: #fff; border: 1px solid lightgray; border-radius: 4px;}
#header {background: #f4f4f4; padding: 1px 0;  width: 1064px; margin: auto;}
#content {line-height: 18px;}
#navi {background: currentColor; height: 105px;}
#navi p {font-size: 11px; color: gray; font-family: Verdana, Arial, Helvetica, Sans-serif; margin-top: 0; margin-bottom: 0; padding-top: 10px;}
a {color: #0088cc;}
a:hover {text-decoration: none; color: red;}
.col {float: left; width: 25%;}
.col-1 {max-width: 100%;}
.topblock {text-align: center; height: 90px; margin: 0 auto 5px;}
.midblock {text-align: center; margin-top: 15px; width: 336px; height: 280px; display: -webkit-box;}
.bottblock {text-align: center; width: 580px; height: 400px; margin: 0 auto;}
.mobile {text-align: center; margin-top: 15px; width: 336px; height: 280px; display: none;}
.sideblock {text-align: center; margin-top: 15px; width: 330px; display: -webkit-box;}
.bigblock {margin: 0 auto; width: 336px; height: 280px;}
#social {text-align: right; margin-top: 15px;}
.clearfix {clear: both;}

.little {list-style-type: square;}
.little li {margin-bottom: 7px;}
.ads-main-bott {margin-top: 20px;}

.col-1 p {margin: 0;}
.col-1 p:nth-child(2n) {background-color: rgba(255,255,255,0.50); border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd;}
.col-1 p:last-child {margin-bottom: 10px;}

.page-header h1 {margin-top: 0; color: darkslategray;}
.infoblock table {width: 100%; border-spacing: 0; font-size: 16px;}
.infoblock tr, td, th {padding: 5px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #dddddd;}
.infoblock th {text-align: center; background: #f9f9f9;}

.region {margin-bottom: 10px; border-bottom: solid 1px #eee; }
.region p { text-transform: uppercase; font-weight: bold; margin-top: 0; margin-bottom: 0;}
.region ul {margin: 0 0 9px 0;}
.region ul li {/*width: 23%;*/ margin-right: 1%; margin-bottom: 4px; color:#0088cc;}
.linksblock {border-top: 1px solid #eee;}
.linksblock ul {margin-top: 10px; list-style-type: square; padding-left: 25px;}

.logoblock {float: left; width: 270px; margin: 5px 0 0 0;}
.breadcrumb {width: 50%; float: left;}
.breadcrumb > li {color: #999; display: inline-block; text-shadow: 0 1px 0 #fff; font-size: 14px;}
.breadcrumb a {color: #999; text-decoration: none; margin: 0 3px;}
.breadcrumb a:hover {text-decoration: underline}
.icon-location {vertical-align: middle;}
.divider {content: ""; display: inline-block; width: 0; height: 0; vertical-align: middle; border-top: 4px solid transparent; border-left: 4px solid green; border-bottom: 4px solid transparent;}
.divh1 {min-height: 46px; text-align: center; margin-bottom: 15px; margin-top: 15px;}

.vremrab tr:nth-child(3n +1) {background: #f9f9f9;}
.vremrab table {width: 100%;}
.vremrab tr, td, th {padding: 5px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #dddddd;}
.vremrab th {text-align: left;}

li.okrug {margin-top: 12px; font-style: italic;}
.red {color: red;}
.primechanie {margin: 0; font-size: 12px; font-style: italic; margin-top: 5px;}

.block-head {/*background: white;*/}
.ripped {background: url(../images/hr.png) top left transparent; min-height: 64px; margin-top: -55px; clear: right;}
.podzag {font-size: 17px; font-weight: 500; color: #777; margin: 0;}
.quick-menu {display: inline-block; margin: 0 0 15px 0; width: 100%;}
.quick-menu-link {border-bottom: 1px dotted lightgray; text-decoration: none; color: gray;}
.grid {float: left; padding: 5px; width: 32.1%; text-align: center; border-right: 1px solid lightgray;}
.grid span {color: #999;}
.grid:last-child {border-right: none;}
.bord {border: 1px solid lightgray; background: #fbfbfb; text-transform: uppercase;}
.info-block {width: 66%; float: left; margin-right: 10px;}
.zagl {font-weight: bold; text-transform: uppercase; border-bottom: 2px solid #0066CC; padding-bottom: 10px; margin-bottom: 8px; color: #000;}
.first {margin-bottom: 10px;}
.stroka {display: block; clear: both; border-bottom: 1px dotted lightgray; padding: 7px;}
.obozn {width: 27%; float: left; display: -webkit-box; color: #777;}
.obozn h3 {margin: 0 0 0 5px; font-weight: 400; font-size: 17px; letter-spacing: .08em;}
.obozn span {color: #999;}
.dannye {font-weight: 600; font-size: 17px; display: -webkit-box;}
.dannye span {font-weight: 100;}
.block-foot {width: 1064px; margin: auto;}
.block-foot a {float: left; margin-top: 20px; margin-right: 15px; font-size: 11px; color: darkgray; }
.copyright {float: left; width: 50%; }
.clinics {line-height: 1.5; font-weight: 600; font-size: 17px; color: #777;}
.clinics li {border-bottom: 1px solid lightgray; margin: 5px 0; padding-bottom: 5px;}
.clinics li a {margin-left: 7px;}
.center {text-align: center;}
.side {float: right; width: 32.1%;}
.align-left {margin: 0;}
.country span {margin-right: 5px; color: #777;}
.second {margin-bottom: 30px; margin-top: 30px;}
.opinions {margin-top: 30px;}
.wrapper {padding:0;}
.other {font-weight: 400; font-size: 16px;}
.other-clinics-more {text-align: right; text-transform: uppercase;}
.other-clinics-more a {color: lightgray; text-decoration: none;}
.other-clinics-more a:hover {color: red;}
.holiday {color:#C30;}
.adress {font-weight: 400; margin-left: 30px; font-size: 15px;}
.adress span {color: #999;}
.raskryv-ul li {border-left:solid 1px #999;}
.raskryv-ul li:before {border-bottom:solid 1px #999;}
.raskryv-ul li:last-child:before {border-left:solid 1px #999;}
h3.perenos {/*display: table-caption;*/}
.counter {float: right; margin: -7px 0;}
.map {height: 280px; border: 3px dotted lightgray; width: 99.3%; margin-top: 0;}
.adsbig {clear: both; display: inline-block; margin-top: 30px; margin-bottom: 35px;}
.gray {color: #ddd; border-bottom: 2px solid #ddd;}
.info-block-article h2 {text-align: center; line-height: 2;}
.info-block-article ul {list-style-type: inherit; -webkit-padding-start: 40px;}
.info-block-article li {margin-bottom: 5px;}
.articles-block {clear: both; border-bottom: 1px dotted lightgray; padding-top: 30px; margin-bottom: 30px;}
.articles-block ul {display: -webkit-box; padding: 10px 0;}
.articles-block ul li {width: 16.6%; border-right: 1px solid lavender; text-align: -webkit-center; font-weight: 600;}
.articles-block ul li:last-child {border-right: none}
.ul-articles-block a {color: #555;}
.ul-articles-block a:hover {color: red;}
.notice-box {background-color: rgba(169, 68, 66, 0.2); border: 1px solid rgba(169, 68, 66, 0.29); padding: 0.2em;}
.warn-box {border: 1px solid; padding: 1em;}
.box-yellow {background-color: rgba(255,236,0,.2); border-color: #ffec00;}
.col-art {width: 50%; float:left; position: relative;}
.text-upper {text-transform: uppercase;}
.noinfo {color: #999; font-weight: inherit;}
.map-block {width: 66.1%; margin-top: 30px; float: right;}
/* ul-treefree */
ul.ul-treefree { /*padding-left:25px; */}
ul.ul-treefree ul {margin:0; /*padding-left:6px;*/ }
ul.ul-treefree li {position:relative; list-style:none outside none; /*border-left:solid 1px #999;*/ margin:0; padding:0 0 0 19px; line-height:23px; }
ul.ul-treefree li:before {content:''; display:block; border-bottom:solid 1px #999; position:absolute; width:18px; height:11px; left:0; top:0; }
ul.ul-treefree li:last-child {border-left:0 none;}
/* ul-dropfree */
ul.ul-dropfree div.drop {width:100%;height:11px;position:absolute;z-index:10;top:6px;left:0;background-image: url(https://telefon-registratury.ru/images/plus.png');background-position:-11px 0;background-repeat:no-repeat;cursor:pointer;}
.mistake-check-page td, .mistake-form td {padding-left: 0; border-top: none;}
.mistake-check-page td:before, .mistake-form td:before {display: none;}
h1 span {display: block; color: red; font-size: 14px; text-shadow: none; text-transform: uppercase;}
.clinics li a span {color: red; font-size: 11px; text-shadow: none; text-transform: uppercase; text-decoration: underline;}
.noactive {opacity: 0.4;}
.ad-block {background: antiquewhite; border: 1px solid rosybrown; padding: 5px;}


@media screen and (max-width:1024px) {
    #container {width:950px; margin: 0 auto;} 
    #header {width: 100%;}
    .block-foot {width: 950px;} 
    .map-block {width: 63%;}   
}
@media screen and (max-width:1023px) and (min-width:769px) {
    #container {width:100%; margin: 0 auto;}
    #header {width: 100%;} 
    .info-block {float:none; width: 100%; margin-right:0;}
	.obozn {float:none; margin-bottom:10px;}
    .side {float: none; margin: 0 auto; width: 100%;}
    .grid {padding: 3px;}
    .sideblock {display: none;}
    .wrapper {padding:10px;} 
    .topblock {margin-top: 0;} 
    h3.perenos {display: inline-block; position: absolute;} 
    .counter {float: none; margin: -7px 0;}  
    .bigblock {margin-left: 0px;}
    .map-block {float: none; width: 100%;}
    .adsbig {margin: 25px auto; width: 336px; display: block;}
}
@media screen and (max-width:768px) and (min-width:761px) {
    #container {width:100%; margin: 0 auto; padding: 0;}
    .info-block {float:none; width: 100%; margin-right:0;}
	.obozn {float:none; margin-bottom:10px;}
    .side {float: none; margin: 0 auto; width: 100%;}
    .grid {padding: 3px;}
    .sideblock {display: none;}
    .wrapper {padding:10px;} 
    .topblock {margin-top: 0;} 
    h3.perenos {display: inline-block; position: absolute;} 
    .counter {float: none; margin: -7px 0;}  
    .bigblock {margin-left: 0px;} 
    .mobile {display: none;}
    .map {width: auto;}     
    .map-block {float: none; width: 100%;}  
    .adsbig {margin: 25px auto; width: 336px; display: block;}   
}
@media screen and (max-width:760px) {
    #container {width:100%; margin: 0 auto; padding: 0;}
    #content {width: 100%; } 
    #header {margin-left: 0;max-width: 100%;} 
    .col {float: left; width: 25%;}
    .topblock {height: 100%; margin: 0;}  
    .midblock {float: none; margin-top: 0;} 
    .sideblock {display: none;} 
    .breadcrumb {width: 100%;}
    .logoblock {float: none; margin: 10px auto;}
    .block-foot {width: 100%;}
	.block-foot a {float: none; position: inherit;}
    .copyright {float: none; width: 100%; margin-bottom: 5px;}
    .side {float: none; width: 100%;}
    .grid {float: none; width: auto; text-align: left; border-right: none;} 
    .region ul li {display: block;} 
    .info-block {width: 100%; margin-right:0; margin-bottom: 35px;}
	#navi {height: 100%;}
    #navi p {padding-top: 0;}	
	.wrapper {padding:10px;}
	.obozn {float:none; margin-bottom:10px; width: 100%;}
    h3.perenos {display: block;}
    .col-art {width: 100%;}
    .info-block-article h2 {line-height: 1em;}
    .mobile {display: none;}
    .map-block {float: none; width: 100%;}
    .adsbig {display: inherit;}  
    .img-contacts {width: 100%;}              
	
	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr {display: block;}	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr {position: absolute;top: -9999px;left: -9999px;}	
	tr { border: 1px solid #ccc; }
	td {	/* Behave  like a "row" */border: none;	border-bottom: 1px solid #eee; position: relative;padding-left: 50%; }
	td:before {/* Now like a table header */position: absolute;
	/* Top/left values mimic padding */top: 6px;left: 6px;width: 45%; padding-right: 10px;white-space: nowrap;}
		/*Label the data*/
	td:nth-of-type(1):before { content: ""; }
	td:nth-of-type(2):before { content: "Пн"; }
	td:nth-of-type(3):before { content: "Вт"; }
	td:nth-of-type(4):before { content: "Ср"; }
	td:nth-of-type(5):before { content: "Чт"; }
	td:nth-of-type(6):before { content: "Пт"; }
	td:nth-of-type(7):before { content: "Сб"; }
	td:nth-of-type(8):before { content: "Вс"; }
}
@media screen and (max-width:640px) {
    .col {float: left; width: 50%;} 
    .col-1 {padding-left: 20px;}
    ul.little {padding-left: 15px;}
    ul.little li {margin-bottom: 15px;} 
    .bigblock {display: none; margin-left: 0px;} 
    .articles-block ul {display: block;} 
    .articles-block ul li {width: 100%; text-align: start; border-right: none;}   
}
@media screen and (max-width:480px) {
    h1 {font-size: 20px;} 
    .bottblock {display: none; margin-left: 0px;}
    .midblock {margin-left: 0px; float: right;}
    .mobile {display: inherit; width: 100%; height: auto;}           
}
@media screen and (max-width:320px) {
    #navi a {margin-left:0;}
    #navi {height: 100%;}
    .col {float: none; width: 100%;} 
    h1 {font-size: 18px;} 
    .breadcrumb {width: auto; margin: 0 10px 10px;}
    .map {margin-bottom: 35px;}
    .mobile {display: inherit; float: right; margin-right: 25px;}        
}