body {min-width:1260px; text-align:center; font-size: 16px; margin:0; padding:0; font-family: arial; 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}

.type_text input, textarea {width:98%; 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%}

h1, .h1 {color:#496795; font-weight: normal; font-size:25px; background: #d7d8dd; padding:10px 0; border-left:25px #496795 solid; text-align: center !important; text-transform:uppercase}
h2 {color:#496795; font-size:20px}
.h2 {color:#496795; font-size:23px}
h3 {color:#496795; font-size:16px}
a {color:#496795}
.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:#18578c}
.b {color:#18578c}
.blue {color:#03557b; font-size:17px}

/* глобальные блоки */
.all {width:1260px; margin:0 auto; position:relative; text-align:left}
.head {background: url(/include/style/fonhead.jpg) left top repeat-x; height: 162px; margin:0 auto;}

div.hmenu {}
div.centerblock {text-align:center; width:100%; margin-top:20px}

div.futer {height:167px; margin: 0 auto; padding:0}

/* шапка */
.head .all a {color:#808187}
.head .all div {display:inline-block; vertical-align:top}
.head_2 {background: url(/include/style/home.png) right center no-repeat; width:450px; text-align:right; font-size:17px; color:#808187}
.head_2 p {padding: 0 40px; }
.head_3 {width:365px; color:#808187}
.head_3 p {font-size:18px;}
.head_3 p a {color:#808187; text-decoration: none}
.head_3 p.clok {background: url(/include/style/clok.png) left center no-repeat; height: 31px; line-height: 31px; padding-left:40px}
.head_3 p.phone {background: url(/include/style/phone.png) left center no-repeat; height: 31px; line-height: 31px; padding-left:40px}

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;}

.logo {width:407px; height:116px; margin:0 auto}



/* горизонтальное меню */
#hmenu {position:relative; border:none; height:45px; text-align:center; border-collapse:collapse;}
#hmenu td {position:relative; padding:0; text-align:center; vertical-align:middle; font-size: 17px}
#hmenu * {margin:0; padding:0}
#hmenu a {color:#54555c; text-decoration:none;opacity:0; transition: 1s; animation: show5 1s 1; animation-fill-mode: forwards; animation-delay: 0.3s;
    -webkit-transform: scale(1,1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 350ms;
    -moz-transform: scale(1,1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 350ms}
  @keyframes show5{
	 0%{
		 opacity:0;
	 } 
	 100% {
		 opacity:1;
	 }
}
   
#hmenu span a {margin:0; padding:0 50px; 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 {color:#496795; background: URL(/include/style/podmenu.png) center 30px no-repeat; text-shadow: #9eceff 0 0 4px}
.treugolnik {float:right; border:none !important}

/* Блок контента */
div.content {width:1260px; text-align:justify; margin:0 auto 30px}

/*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 {min-width: 1005px;
    max-width: 1923px;
}
 
.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*/


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}

table.moika {width:100%;} 
table.moika td {font-size:30px; color:#82848d; text-align:center}
table.moika td p.bagaj {display: block; width:180px; height: 34px; background: #d7d8dd; font-size:20px; color:#fff; text-align:center; line-height: 34px; margin-left:71px}
.stoimost {text-align:center !important; color:#a1a0a0; font-size:20px}

table.moika1, table.moika3 {width:100%;}
table.moika1 th, table.moika3 th {text-align:center; font-size:19px; background: #efeff1; padding:5px; color:#496795} 
table.moika1 td, table.moika3 td {text-align:center; font-size:17px; color:#6e6f78; padding:5px 8px; vertical-align: middle}
table.moika1 td.left, table.moika3 td.left  {text-align: left}
table.moika1 tr.grey, table.moika1 td.grey, table.moika3 tr.grey, table.moika3 td.grey {background: #efeff1}
table.moika1 tr:hover, table.moika3 tr:hover {background: #D7D8DD}
table.moika1 tr.image:hover, table.moika3 tr.image:hover {background:none}

table.moika2 {width:100%;}
table.moika2 th {text-align:center; font-size:19px; background: #efeff1; padding:5px; color:#496795} 
table.moika2 td {text-align:center; font-size:17px; color:#6e6f78; padding:5px 8px; vertical-align: middle}
table.moika2 td.left {text-align: left}
table.moika2 .border {border-bottom:1px solid grey}
table.moika2 .border1 {border-bottom:1px solid grey; background: #efeff1}
table.moika2 td.grey {background: #efeff1}

/* Футер */
.futer .all {padding:0 10px 10px 20px; width:1260px; height:167px; background: #356798 url(/include/style/futer.jpg) left top no-repeat; margin:0 auto; vertical-align: top}
.futer div {margin-top:0; padding:0}
.futer div p {font-size:18px; color:#fff; text-align: left}
.futer div p a {color:#fff; text-decoration: none}
.futer div p.futerb {font-size:20px; font-weight: bold; color:#d2e6fa}
.futer div p.futersmall {font-size:15px}
.futer_1 {width:250px; margin:20px 40px 0 0; padding-top:20px; text-align:left; float:left}
.futer_1 p {text-align:left; color:#c8c9cc; font-size:17px; padding-left:110px; }

.futer_2, .futer_4, .futer_5 {width:220px; margin:0 20px 0 0; float:left} 
.futer_2 p {text-align:center; color:#c8c9cc; font-size:20px}
.futer_3 {float:right; width:200px; padding-top:20px}
.futer_3 p {text-align:right; font-size:15px !important}
.futer_3 p a {color:#fff}

div.gl1 {position: relative; display:block; width:410px; height:415px; margin:10px 3px 18px 3px; padding:10px 0; float:left; text-align:center; border:1px solid #d7dadd}

div.gl1 p {margin:12px; padding:0 10px; text-align:center !important}
div.gl1 img {width:365px}
div.gl1 div.head1 {display: block; text-align:center !important; height:70px; overflow:hidden; padding:5px; font-size:20px; ; font-weight:bold}
div.gl1 div.head1 a {text-decoration:none; color:#C0A35F !important}
div.gl1 div.head1 p.head {overflow:hidden; text-align:center; font-size:20px; color:#6b96a4}
div.gl1 .head a {text-decoration:none; color:#1983C6}
div.gl1 p.tar a {display:block; width:365px; text-decoration:none; background:#0A3C74; line-height:30px; color:#fff}

div.gl2 {position: relative; display:block; width:385px; height:186px; margin:10px 11px 18px 11px; padding:0; float:left; text-align:center}

div.gl2 div.head {position: relative; height:60px; width:385px; top:130px !important; left:0; padding:0 10px; z-index:10; background: none}

div.gl2 div.head a {font-size:20px; text-decoration:none; color:#fff; text-shadow: #000 1px 1px 0}
div.gl2 a img {position: relative; top:-60px; left:0; width:385px; height:186px}

div.gl2, div.gl1 {opacity:0.5;filter:alpha(opacity="60");  
    -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.gl2:hover, div.gl1:hover {opacity:1;filter:alpha(opacity="100");
    -webkit-transform: scale(1.03,1.03);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 550ms;
    -moz-transform: scale(1.03,1.03);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 550ms; z-index:101}
div.gl2:hover a {color:#fff}

.small {font-size:13px}
#jsiMainBox {background:white; color:black; border:1px solid gray}
#jsiBoxClose {color:#868686}
#jsiBoxMainImageWrap {max-width:100%}
#jsiBoxMainImageWrap img {max-width:100%}
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}

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}

.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*/

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}