body {min-width:1240px; text-align:center; font-size: 17px; margin:0; padding:0; font-family: sans-serif; color:#535353}


/* стандартные элементы */
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}

.type_text input, textarea, input.type_text {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, select, textarea, form {border-radius: 10px; outline:none;/* Иначе Chrome выделяет текущее поле рамкой */}
textarea.type_text {width:95%}
blockquote {background:#E1E2E2; padding:10px; border-left:8px solid #C4DAE2}

h1 {color:#03557b; font-size:25px}
p.h1 {font-size:25px; font-weight:bold; color:#59656a}
h2 {color:#03557b; font-size:20px; text-transform: uppercase}
.h2 {color:#03557b; font-size:23px}
h3 {color:#03557b; 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:#03557b; 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}
ul {list-style-image: url(/include/style/bul.gif)}

table.table td, table.table th {border:1px solid #C4DAE2; padding:10px; font-size:17px}
table.table th {text-align:center}
table.table tr:hover {background: #e1e2e2}


/* глобальные блоки */
.all {width:1346px; margin:0 auto; position:relative; text-align:left}
.head {background: url(/include/style/top-fon.jpg) left top repeat-x; height:163px;}
/*.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:207px}

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

/* шапка */
.top {width:100%; height:210px; position: fixed; z-index: 1000; top:0 !important}
.head .all a {color:#c8cbd0}
.head .all div {display:inline-block; vertical-align:top}
.head_1 {width:320px; text-align:left; font-size:15px; color:#c8cbd0;}
.head_2 {width:200px; text-align:right; font-size:15px; color:#e8e9eb;}
.head_2 p {margin:3px 0}
.mka {font-size:25px; color:#c8cbd0;}
.head_3 {width:360px; font-size:25px; color:#e8e9eb; margin-top:15px}
.head_3 p {margin:3px 0}
.head_3 a {font-size:15px; color:#c8cbd0}
.head_4 {width:250px; 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:23px; color:#c8cbd0; margin-right:15px}
p.phone a {text-decoration:none !important; color:#c8cbd0}
.logo {width:192px; 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 30px; 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:#fff}
.treugolnik {float:right; border:none !important}

/*slayder*/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  { outline: none; }
 
.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}
 
.flexslider a img { outline: none; border: none; }
 
.flexslider {
    margin: 0;
    padding: 0;
}
.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
}
 
.flexslider .slides img {
    width: 100%;
    display: block;
 
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }
.flexslider {
    position: relative;
    zoom: 1;
    padding: 0;
}
.flex-container {margin-top: 159px; min-width: 1005px;
    max-width: 1920px;
}
 
.flexslider .slides { zoom: 1; }
.flexslider .flex-control-nav {
    position: absolute;
    width: 100%;
    bottom: 30px;
    text-align: center;
    margin: 0;
}
 
.flex-control-nav li {
    display: inline-block;
    zoom: 1;
}
 
.flex-control-paging li a {
    display: block;
    cursor: pointer;
    text-indent: -9999px;
    width: 12px;
    height: 12px;
    margin: 0 3px;
    background-color: #b6b6b6 \9;
 
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
 
    -webkit-box-shadow: inset 0 0 0 2px #b6b6b6;
    -moz-box-shadow: inset 0 0 0 2px #b6b6b6;
    box-shadow: inset 0 0 0 2px #b6b6b6;
}
 
.flex-control-paging li a.flex-active {
    background-color: #82d344;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5dbc92), to(#0b3f88));
    background-image: -webkit-linear-gradient(top, #5dbc92, #0b3f88);
    background-image: -moz-linear-gradient(top, #5dbc92, #0b3f88);
    background-image: -o-linear-gradient(top, #5dbc92, #0b3f88);
    background-image: linear-gradient(to bottom, #5dbc92, #0b3f88);
 
    -webkit-box-shadow:  0 0 0 2px #fff;
    -moz-box-shadow: 0 0 0 2px #fff;
    box-shadow: 0 0 0 2px #fff;
}

/*endslider*/

/* Блок контента */
div.content {width:1346px; text-align:justify; margin:20px auto 30px}


.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; text-align:left}
.futer .all div {display:inline-block; vertical-align:top}
.futer_1 {width:460px; text-align:left !important}
.futer_1 p {text-align:left; margin:0; color:#9d9a9a; font-size:23px }
.futer_1 p a {color:#9d9a9a; text-decoration: none}

.futer_2 {width:400px; margin:0 100px 0 0} 
.futer_2 p {text-align:center; color:#9d9a9a; font-size:20px; margin:0}
.futer_2 img {margin:15px 15px auto}
/*.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}


/* элементы оформления */

div.mi {width:100%; height:90px; background:#f5f6f6; border-bottom:1px solid #03557b; padding:10px}
div.mi div {display:inline-block; vertical-align:top; width:253px; height:70px; margin-right:6px;}
div.mi div p {font-size:17px; color:#434445; text-align:left; display: flex; align-items: center; padding:0}
div.mi div img {margin-right:10px; float:left}

div.glmenu {width:321px; height:217px; border:1px solid #b8b8b8; padding:10px; float:left; margin:20px 15px 20px 0}
div.glmenu img {clear:both}
div.glmenu p {line-height:50px; width:300px; text-align:center; font-size:17px; background:#03557b}
div.glmenu p a {color:#fff; text-decoration:none}

.small {font-size:13px; 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}


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}





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*/



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}