body {min-width:1260px; text-align:center; font-size: 16px; margin:0; padding:0; font-family: sans-serif; color:#80858C}


/* стандартные элементы */
div {box-sizing: border-box; margin:0; padding:0}
table {border-collapse:collapse}
td {vertical-align:top; font-size:13px}
img {border:none; vertical-align:middle;}
form {margin:0}
button, .button {cursor: pointer}
button:hover, .button:hover, button.but:hover, button.but1:hover {background: #C4DAE3; 
    -webkit-transform: scale(1,1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 550ms;
    -moz-transform: scale(1,1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 550ms}
/*input.type_text, select, textarea {box-sizing: border-box; margin:0 0 0 2px; padding:10px 15px; background:#fcf6db; border:1px solid #80858C; color:#475189}*/
.type_text input, textarea {width:100%; text-align:left; background:#d6d9d9; font-size:14px; color:#535353; padding:13px; border:none; border-radius:7px; 
-moz-border-radius:7px;-webkit-border-radius:7px}
fieldset {color:#475189; }
legend {color:#475189; }
button, .button, input.type_text, select, textarea, form {border-radius: 10px; outline:none;/* Иначе Chrome выделяет текущее поле рамкой */}
textarea.type_text {width:95%}
blockquote {background:#E1E2E2; padding:10px; border-left:8px solid #C4DAE2}
div.perelink-block {background:#E1E2E2; padding:10px; font-style:italic; border: 1px solid #03557B; height:120px}

h1 {color:#59656a; font-size:25px}
p.h1 {font-size:25px; font-weight:bold; color:#59656a}
h2 {color:#03557b; font-size:20px}
.h2 {color:#03557b; font-size:23px}
h3 {color:#59656a; font-size:16px}
a {color:#03557b}
.clear {clear:both !important}
.center {text-align:center !important}
.tar {text-align:right !important}
.fl {float:left; margin-right:15px}
.fr {float:right; margin-left:15px}
.badvalue {border:1px solid red !important}
.content p {text-align:justify}
.content li {margin-bottom:12px}
.red {color:#C4DAE2; font-weight:bold}
.red1 {color:red; font-weight:bold}
.redbutton {color:red; font-weight:bold; font-size:25px; text-decoration:none; line-height:20px}
img.fl2 {vertical-align:top; margin:0 5px 10px; width:250px; border-radius:50%; border: 3px solid #01547E}
img.fl {margin-right:15px; margin-bottom:10px}
img.fr {margin-left:15px; margin-bottom:10px}
.bold {font-weight:bold; color:#03557b}
.blue {color:#03557b; font-size:17px}

table.table td, table.table th {border:2px solid #C4DAE2; padding:10px}
table.table th {text-align:center}


/* глобальные блоки */
.all {width:1346px; margin:0 auto; position:relative; text-align:left}
.head {background: url(/include/style/top-fon.jpg) left top repeat-x; height:164px;}
.head_save {font-size:23px; font-weight:bold; color:#01547E}
div.hmenu {height:45px; background:#e1e2e2}
div.centerblock {text-align:center; width:100%; margin-top:20px}

div.futer {min-height:140px; border-top:#7a8488 solid 1px}

/* шапка */
.head .all a {color:#c8cbd0}
.head .all div {display:inline-block; vertical-align:top}
.head_1 {width:210px; text-align:left; font-size:17px; color:#c8cbd0}
.head_2 {width:365px; text-align:right; font-size:17px; color:#e8e9eb; margin-top:15px}
.head_2 p {margin:3px 0}
.mka {font-size:25px; color:#c8cbd0;}
.head_3 {width:365px; font-size:25px; color:#e8e9eb; margin-top:15px}
.head_3 p {margin:3px 0}
.head_3 a {font-size:17px; color:#c8cbd0}
.head_4 {width:260px; text-align:right; font-size:17px; color:#c8cbd0;}
.head_4 p {}
.head_5 {position:absolute; top:135px; left:0; width: 1346px}
.head_5 p {font-size:15px; color:#c8cbd0; text-align:center; margin:0 auto}
a.knopka {display:block; border-radius: 10px; color:#e8e9eb; text-decoration:none; border:1px solid #e8e9eb; width:200px; height:30px; line-height:30px; text-align:center; margin-left:40px}
.knopka1 {display:block; border-radius: 10px; color:#03557b; text-decoration:none; border:1px solid #03557b; width:200px; height:40px; line-height:40px; text-align:center; float:left}
.knopka2 {display:block; height:40px; line-height:40px; width:200px; background:#03557b; text-align:center; border-radius:10px; float:right; color:#fff; text-decoration:none;
-moz-border-radius:10px;-webkit-border-radius:10px;
    -webkit-transform: scale(1,1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 550ms;
    -moz-transform: scale(1,1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 550ms;}

.knopka2:hover, .knopka1:hover {border:1px solid #03557b;     
    -webkit-transform: scale(1.11,1.11);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 550ms;
    -moz-transform: scale(1.11,1.11);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 550ms;}

p.phone {font-size:22px; color:#c8cbd0; margin-right:15px}
p.phone a {text-decoration:none !important; color:#c8cbd0}
.logo {width:126px; height:126px; margin-top:5px}
.head1 {font-size:27px; font-weight:bold; color:#03557b; text-align:center; padding-top:20px}


/* горизонтальное меню */
#hmenu {position:relative; border:none; height:45px; text-align:center; border-collapse:collapse; margin-left:15px}
#hmenu td {position:relative; padding:0; text-align:center; vertical-align:middle; font-size: 17px}
#hmenu * {margin:0; padding:0}
#hmenu a {color:#03557b; text-decoration:none;opacity:0; transition: 2s; animation: show5 2s 1; animation-fill-mode: forwards; animation-delay: 0.2s;
    -webkit-transform: scale(1,1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 550ms;
    -moz-transform: scale(1,1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 550ms}
  @keyframes show5{
	 0%{
		 opacity:0;
	 } 
	 100% {
		 opacity:1;
	 }
}
   
#hmenu span a {margin:0; padding:0 14px; display:block; line-height:45px;}
#hmenu ul {position:absolute; top:45px; display:none; list-style:none; border-top:1px solid #010000; background:#e1e2e2; z-index:1000;  font-weight:normal}
#hmenu ul li {position:relative; border-bottom:1px solid #010000;margin:0; text-align:left; width:250px}
#hmenu ul li a, .hmenu ul li a:visited {font-size:16px; display:block; padding:10px 8px 12px}
#hmenu ul ul {left:245px; top:-1px; background:#e1e2e2}
#hmenu ul ul li a {color:black}
#hmenu .ferst span a {border:none}
#hmenu a.curent, #hmenu a:hover {background:#c4dae3}
.treugolnik {float:right; border:none !important}

/* Блок контента */
div.content {width:1346px; text-align:justify; margin:0 auto 30px}
div.vrach {display:inline-block; text-align: center; width:296px; height:296px; margin:0 18px; border-radius:50%; border:3px solid #03557b}
div.vrach img, div.vrach3 img {position:relative; left:-3px; top:-3px}

div.vrach3 {float:right; width:296px; height:296px; margin:0 18px; border-radius:50%; border:3px solid #03557b}
 
div.vrach, div.vrach3 {opacity:0; transition: 5s; animation: show5 5s 1; animation-fill-mode: forwards; animation-delay: 1s;  
    -webkit-transform: scale(1,1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 550ms;
    -moz-transform: scale(1,1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 550ms}
div.vrach:hover, div.vrach3:hover {
	-webkit-transform: scale(1.12,1.12);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 550ms;
    -moz-transform: scale(1.12,1.12);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 550ms;}	
div.anons {margin-top:20px; background:#e1e2e2; padding:20px}
div.anons p.head2 {font-size:25px; font-weight:bold; color:#9d080c}

.allNews {padding:5px 14px}
.allNews div {display:inline-block; vertical-align:top}
.allNews p.newhead, p.newhead {font-size:25px; font-weight:bold; color:#59656a; text-transform: uppercase}
.newsBlock {width:655px}
.imgBlock {width:280px}
.textBlock {width:355px; font-size:17px}
.textBlock h2 {margin:0}
.more_news a {display:inline-block; width:90px; height:35px; line-height:35px; font-size:15px; border:1px solid; color:#03557B; font-size:15px; text-decoration:none; text-align:center}
.more_news a {
	border-radius:  10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius:  10px 10px 10px 10px;
	-khtml-border-radius:  10px 10px 10px 10px;
	behavior: url(/include/ie-css3.htc);
	}
.imgBlock img {border-radius:50%; border:3px solid #03557b}
table.otziv1 td div.otziv img {border-radius:50%; border:1px solid #03557b}

table.otziv1 {width:1345px; background:#e1e2e2; }
table.otziv1 td {width:50%; color:#4d4e4f; font-size:15px; padding:10px 25px 0}
table.otziv1 td p.h1, table.otziv1 td p.h2 {margin:0}
table.otziv1 td p.h2 .fr {color:#8eb1c0}
table.otziv1 td div.otziv {height:360px; overflow:hidden; margin:-20px 0 20px; position:relative;}
table.otziv1 td div.otziv:before{
    content:"";
    display:block;
    height:40px;
    position:relative;
    top:330px;
    background-image:linear-gradient(to bottom, rgba(255, 256, 256, 0), #e1e2e2 75%)
}

.news_futer {display:block; width:150px; height:30px; line-height:30px; border:1px solid #03557b; border-radius: 10px; text-align:center !important; 
	-moz-border-radius: 10px;
	-webkit-border-radius:  10px;
	-khtml-border-radius:  10px;
	behavior: url(/include/ie-css3.htc);
	}
.news_futer a {text-decoration:none}
img.fl1 {float:left; margin:0 15px 15px 0; border-radius:20px; border:3px solid #03557b; width:300px}
.frm_post {width:80%}
td.lefttd {width:200px}
legend {font-size:18px} 
fieldset {border:1px dotted #59656A}

table.scrollable {width:1270px; height:260px; border-collapse:collapse; margin:0 0 0 30px; padding:0}
.scrollable td {padding:0}
td.leftscrollable {padding-right:20px}
td.rightscrollable {padding-left:20px}
#galery {margin:0; width:1170px; overflow:hidden; height:260px}
#galerycontent {border-collapse:collapse}
#galerycontent td {padding:0 !important; text-align:center; vertical-align:top; margin:0}
#galerycontent a {display:block; margin:3px 20px; color:#978d89; text-decoration:none; font-size:25px;}
#galerycontent a img {margin:0 auto; width:250px; height:250px; border-radius:50%; box-shadow: 0px 0px 3px 3px #b6b7b8; }

#prev, #next {display:block; height:260px; width:30px}
.prev, #aktery_prev {background: url(/include/style/prev-next.png) left top no-repeat}
.next, .aktery_next {background: url(/include/style/prev-next.png) right top no-repeat}
.prev2, .next2 {visibility:hidden}

/* Футер */
.futer .all {padding:20px 0 10px 20px}
.futer_1 {display:inline-block; width:400px; margin-right:100px; text-align:left}
.futer_1 p {text-align:left; margin:0; color:#c8c9cc; font-size:17px; padding-left:110px; }
.futer_1 p.phone {font-size:20px}
.futer_1 img.fl {float:left; margin:0 20px 0 -80px !important; }
.futer_2 {display:inline-block; width:400px; margin:0 100px 0 0; } 
.futer_2 p {text-align:center; color:#c8c9cc; font-size:20px}
.futer_3 {display:inline-block; float:right; width:300px; }
.futer_3 p {text-align:right; margin:0; color:#c8c9cc;}
.futer_3 a {color:#c8c9cc}
.yashare-auto-init {margin-top:30px}

.vk, .inst {display:inline-block; width:35px; height:35px; margin:12px; text-decoration:none}
.vk {background:url(/include/style/vk.jpg) top left no-repeat}
.inst {background:url(/include/style/vk.jpg) top right no-repeat}


/* элементы оформления */
.doktor {background:url(/files/doktor.jpg)left top no-repeat; padding:0 15px 15px 15px; width:100%; margin-top:30px}
.doktor div {display:inline-block}
.podpis {}
.podpis p {font-size:18px; color:#fff; font-weight:bold; text-shadow: #000 1px 1px 0;}
.rightdoktor {margin:0 0 0 80px}
.rightdoktor ul {font-size:17px; font-weight:normal; list-style:none;}
.rightdoktor li {}
.rightdoktor p.dok {font-size:26px; font-weight:bold; color:#03557B}
div.rightdoktor p.head2 {font-size:20px; font-weight:bold; color:#9d080c;}

.small {font-size:13px; text-align:center !important; color:grey; font-style:italic}

#jsiMainBox {background:white; color:black; border:1px solid gray}
p.includefoto {text-align:center !important}
p.includefoto img {vertical-align:top; margin:0 5px 10px; width:250px; border-radius:50%; border: 3px solid #01547E}
.citata {border-left:4px solid #C4DAE2; padding-left:30px}

.hideframe {width:0; height:0;border:none; position:absolute}

p.futer, p.goback {clear:both; border-top:1px dotted; padding:10px 0 0}
p.goback {text-align:center}
.otherpage  {display:inline-block; color:#5B8191; background:#ffffff; border:2px solid #5B8191; width:33px; line-height:33px; text-align:center; font-weight:bold}
a.otherpage {text-decoration:none; color:#ffffff; background:#5B8191; border:2px solid #ffffff; font-weight:bold !important}

.news p {padding:0 0 0 59px; clear:both}
.news img {width:48px; height:48px; background:#A3CB88; float:left; margin:3px 0 0 -59px}
.news a {color:#5B8191}
p.newshead {background: url(/include/style/ship.gif) 28px center no-repeat; padding:15px 0 15px 84px; color:#475189; border-bottom:solid 5px; font-size:20px}

.artblock {width:250px; height:470px; padding:10px; border:1px solid #E1E2E2;  border-radius:10px; float:left; margin:0 10px 15px 0; overflow:hidden; text-align:center !important; 
-moz-border-radius:10px;
-webkit-border-radius:10px}

.artblock:before{
    content:"";
    display:block;
    height:60px;
    position:relative;
    top:400px;
    background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff 75%)
}
p.arthead {text-align:center !important}
.arthead a {color:#01547E; font-size:20px; text-decoration:none;}
.artlogo {width:220px; height:220px; border-radius:50%; border:3px solid #01547E; margin-top:-60px}
.artlogo:hover {
    -webkit-transform: scale(1.05,1.05);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 550ms;
    -moz-transform: scale(1.05,1.05);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 550ms;}

.artblock1 {display: inline-block; width:250px; height:80px; padding: 10px; border:1px solid #E1E2E2;  border-radius:10px; margin:0 10px 15px 0; overflow:hidden; text-align:center !important; 
-moz-border-radius:10px;
-webkit-border-radius:10px}

.artblock1:before{
    content:"";
    display:block;
    height:60px;
    position:relative;
    top:400px;
    background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff 75%)
}
.artblock1 p.arthead {margin-top:-55px}

.comment {width:90%; padding:5px 20px; margin:0 auto 20px; border:1px dotted grey; border-radius: 20px}
.comment a {float:left; margin-right:15px; margin-bottom:10px}

div.link {text-align:left; font-weight:bold; position:fixed; z-index:10000; top:100px; left:50%; margin:0 0 0 500px; width:150px; padding:5px; background:white; border:red 1px solid}
div.link a {color:blue; display:block; margin:10px}
a.maina {color:#00aa00 !important}
a.mainb {color:#aaaa00 !important}
a.mainc {color:#aa0000 !important}
a.maina:hover {color:#00ff00 !important}
a.mainb:hover {color:#ffff00 !important}
a.mainc:hover {color:#ff0000 !important}

#okdiv {z-index:1000; position:absolute;top:0;left:0;width:100%;height:100%;background:black;opacity:0.6;filter:alpha(opacity="60")}
#savetel, #inokdiv {z-index:2000; position:absolute; top:50%; left:50%; margin:-70px 0 0 -160px; width:450px; padding:0; background:#f9f9f9; text-align:center; opacity:0; transition: 1s; animation: show5 1s 1; animation-fill-mode: forwards; animation-delay: 0s;
}
	  @keyframes show5{
	 0%{
		 opacity:0;
	 } 
	 100% {
		 opacity:1;
	 }
}
#savetel form {width:350px; margin:20px auto; }
#savetel table td {font-size:15px}

#inokdiv {margin:-70px 0 0 -110px; width:220px; height:140px}
#inokdiv p {padding:0; margin:10px} 
#waitdiv {position:absolute; z-index:1000; top:50%; left:50%; margin:-30px; width:60px; height:30px; padding:10px; border: 1px outset #555555; background:#DAE9FF; font-weight:bold; color:white; text-align:center}
#waitdiv, #inokdiv, #savetel {
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
	behavior: url(/include/ie-css3.htc);

	-moz-box-shadow: 0px 2px 3px #000;
	-webkit-box-shadow: 0px 2px 3px #000;
	box-shadow: 0px 2px 3px #000;
	}
.scrollTop {background:url(/include/style/polzun.png) 0 0 no-repeat; width:50px; height:50px; bottom:10px; left:90%}
.scrollTop:hover{background-position:0 bottom}

/*zapis_na_priem*/
#parent_popup {background:url(/include/style/fon_pop.png) left top repeat; display:none; height:100%;
position:fixed; width:100%; z-index:10000; top:0;left:0}

#popupup {margin:100px auto 0; background:#f9f9f9; border-radius:7px; width:450px; 
-moz-border-radius:7px;-webkit-border-radius:7px;-webkit-box-shadow:#000 0px 2px 3px;
-moz-box-shadow:#000 0px 2px 3px; box-shadow:#000 0px 2px 3px; padding:0 0 0 0; color:#f00; z-index:20001;     
 opacity:0; transition: 1s; animation: show4 1s 1; animation-fill-mode: forwards; animation-delay: 0s;
}
	  @keyframes show4{
	 0%{
		 opacity:0;
	 } 
	 100% {
		 opacity:1;
	 }
}

/*#popupup p.head1 {font-size:27px; color:#0A4197; padding-top:20px}*/

#close {
    top: 98px;
    margin-left: 430px;
    width: 20px;
    height: 20px;
    position: absolute;
    padding: 0;
    border: 2px solid #ccc;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    background-color: rgba(61, 61, 61, 0.8);
   
    text-align: center;
    text-decoration: none;
    font: 13px/20px 'Tahoma', Arial, sans-serif;
    font-weight: bold;
    -webkit-transition: all ease .8s;
    -moz-transition: all ease .8s;
    -ms-transition: all ease .8s;
    -o-transition: all ease .8s;
    transition: all ease .8s;
}
#close:before {
    color: rgba(255, 255, 255, 0.9);
    content: "X";
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
    font-size: 12px;
}
#close:hover {
    background-color: rgba(252, 20, 0, 0.8);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);    
}
.lable {text-align:left; clear:left; display:block; font-size:13px; color:#fff}
table.form input, table.form textarea, input.type_text {text-align:left; background:#d6d9d9; font-size:14px; color:#535353; padding:13px; border:none; width:230px; border-radius:7px; 
-moz-border-radius:7px;-webkit-border-radius:7px}

select {text-align:left; background:#d6d9d9; font-size:14px; font-family:Arial; color:#535353; padding:13px; border:none; border-radius:7px; -moz-border-radius:7px;-webkit-border-radius:7px}
table.form {width:390px; margin:-25px auto 30px;}
table.form td, td.lefttd {font-size:15px; color:#535353; text-align:left}
button.but, button.fl {width:100px; height:40px; line-height:40px; font-size:17px; color:#fff; text-align:center; background:#0a3c74; border:none; border-radius:7px;
-moz-border-radius:7px;-webkit-border-radius:7px; float:left; margin-bottom:30px}
button.but1, button {width:100px; height:40px; line-height:40px; font-size:17px; color:#fff; text-align:center; background:#0a3c74; border:none; border-radius:7px;
-moz-border-radius:7px;-webkit-border-radius:7px; float:right}

/*end*/

.drugoy {text-align:center; background:#6C7580; text-decoration:none; color:#fff !important; margin-right:5px; padding:10px 15px;
	border-radius:10px; 
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius: 10px;
	behavior: url(/include/ie-css3.htc);
}
.idet {color:#6C7580; margin:0 35px;  
	border-radius:10px; 
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius: 10px;
	behavior: url(/include/ie-css3.htc);
}
.str {display:inline-block}

.table_space {height:10px}
.vremia {color:#C4DAE2; font-weight:bold; text-align:center; font-size:16px}
.vremia p {font-size:15px; text-align:center; font-weight:normal}
.podpis {color:#01547E; font-size:17px; padding:10px 0}
.otvet {color:#01547E; font-style:normal; font-weight:normal; font-size:16px; padding-top:15px}
td.otvet p {color:#005B87 !important; margin:0 auto 0 30px}
.guest_text {color:#6c7580; font-style:italic; font-weight:bold}
td.soobshenie {background:#E1E2E2; color:#6c7580; font-style:italic; font-size:17px; padding:10px 20px; line-height:20px; border:1px solid #d7dadd}
.frm_post2 td {font-size:16px; color:#6c7580; text-align:right}
.frm_post2 caption {color:#c0a35f}
.frm_post td.lefttd, .frm_post td, p.lefttd {color:#c0a35f; font-size:16px; font-weight:normal}
.guest_add {font-weight:bold; color:#01547E}

div.closed {padding:10px 0; text-align:left}
div.closed a {color:#01547E; text-decoration:underline; font-size:20px}
.closed div {display:none}
.plus {padding:0 0 0 20px; text-decoration:none; background:url(/include/style/plus.gif) left center no-repeat;}
.opened div {border:1px dashed; margin:10px 0 10px 20px; padding:0 15px; opacity:0; transition: 1s; animation: show4 1s 1; animation-fill-mode: forwards; animation-delay: 0s;}
.minus {text-decoration:none; padding:10px 0 0 20px; background:url(/include/style/minus.gif) left center no-repeat; font-size:20px}
div.mobil {display:none}