/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:0.95em; text-align:center; background:url(images/bg.gif) repeat-x top #023d52}
html, input, textarea	{	font-family:Tahoma;
		color:#b5b5b5;	}

.vam{ vertical-align:middle}
.clear { clear:both;}
.fl{ float:left}
.fr{ float:right}
.tac{ text-align: center}
.width{ width:100%}
div.container {	overflow:hidden; width: 100%;}

a img{ border:0px}
img{ vertical-align:top;  }
img.certificate {
	width: 100%;
	display: block;
}

img.m-mash-office {
	width: 100%;
	height: auto;
	margin: 10px auto;
	display: block;
	position: relative;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}

div.m-mash-office-container {
	width: 100%;
	height: auto;
	display: table;
	transition: 0.1s ease;
	-o-transition: 0.1s ease;
	-moz-transition: 0.1s ease;
	-webkit-transition: 0.1s ease;
}

div.m-mash-office-container.active {
	background: rgba(255,255,255,1);
	width: 100vw;
	height: 100vh;
	top: 0px;
	right: 0px;
	position: fixed;
	z-index: 10;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}

div.m-mash-office-wrap {
	width: 100%;
	height: auto;
	display: table-cell;
	vertical-align: middle;
	position: relative;
}

div.m-mash-office-container.active > div.m-mash-office-wrap {
	width: 90%;
	height: auto;
}

div.m-mash-office-container.active img.m-mash-office {
	width: auto;
	max-width: 90%;
	height: auto;
	max-height: 95vh;
}

b{color:#018eb9;}

a{color:#468fab; text-decoration:underline}
a:hover{text-decoration:none}
.a1{color:#3d829c; display:block; margin-bottom:11px;}

ul{margin:0; padding:0; list-style:none;}
ul li{background:url(images/arrow.gif) top left no-repeat; background-position:0 9px; margin:0px; padding-left:10px; }
ul li a{color:#468fab; text-decoration:underline; line-height:1.6em; font-weight:bold}
ul li a:hover { text-decoration:none; }

.ul1 li{background:url(images/arrow1.gif) top left no-repeat; background-position:0 7px; margin:0px; padding-left:32px; }
.ul1 li a{color:#d4dade; text-decoration:none; line-height:1.9em; font-weight:normal;  font-family:Helvetica; font-size:1.5em}
.ul1 li a:hover { text-decoration:underline; }

.ul2 li{background:url(images/arrow2.gif) top left no-repeat; background-position:0 7px; margin:0px; padding-left:32px; }
.ul2 li a{color:#d4dade; text-decoration:none; line-height:1.9em; font-weight:normal; font-family:Helvetica; font-size:1.5em}
.ul2 li a:hover { text-decoration:underline; }

.link1 { display:block; float:left; background:url(images/link1_bg.gif) left top repeat-x; text-decoration:none;}
.link1 em { display:block; background:url(images/link1_left.gif) no-repeat left top;}
.link1 b { display:block; background:url(images/link1_right.gif) no-repeat right top; padding:5px 19px 13px 15px; font-weight:normal; font-style:normal;}
.link1 a {color:#c9e8fa;  text-decoration:none; font-weight:bold; font-size:.9em}
.link1 a:hover {color:#b5b5b5;  text-decoration:none; font-weight:bold;}

.link2 { display:block; float:left; background:url(images/link2_bg.gif) left top repeat-x; text-decoration:none;}
.link2 em { display:block; background:url(images/link2_left.gif) no-repeat left top;}
.link2 b { display:block; background:url(images/link2_right.gif) no-repeat right top; padding:5px 19px 13px 15px; font-weight:normal; font-style:normal;}
.link2 a {color:#c9e8fa;  text-decoration:none; font-weight:bold; font-size:.9em}
.link2 a:hover {color:#b5b5b5;  text-decoration:none; font-weight:bold;}


/*header*/
#header {font-size:0.75em; color:#FFFFFF }
#header .indent{padding:10px 0px 55px 0px; height:299px;}
#header .logo{ margin:0px 353px 0px 0px }
#header .slogan{ margin:95px 0 0px 388px }
#header .but{ margin:18px 0 0px 388px }
#header .m{ margin:0px 0 0px 22px }

/*content*/
#content{ font-size:0.75em; width:100%; text-align:left; background:#010103; font-family:Arial}
#content .indent_main{padding:0px 33px 0px 36px}
#content .indent_col1{padding:26px 0px 42px 15px;}
#content .indent_col2{padding:26px 0px 60px 0px}
#content .indent{ padding:25px 30px 75px 14px; }
#content .indent1{ padding:25px 26px 35px 14px; }
#content .title{  margin-bottom:16px}
#content .title1{  margin:12px 0 0 21px; position:absolute}
#content .title2{  margin:2px 0 0 6px; position:absolute}
#content .pic_left{ margin:0; padding:0;}
#content .pic{ margin:0px 0px 23px 0px}
#content .pic1{ margin:0px 0px 13px 0px}
#content .line{ margin:10px 0px 26px 0px}
#content p{ margin:0px 0px 23px 0px}
#content .p1{ margin:0px 0px 17px 0px}
#content .p2{ margin:0px 0px 8px 0px}
#content .p{ margin:0px 0px 5px 0px}
#content .txt{ color:#468fab; font-weight:bold; float: right}
#content .txt1{ color:#468fab;}

/*block*/
.block{ background:#193b50; width:100%;}
.block .bg_bottom_left{ background: url(images/bg_bottom_left.gif) no-repeat bottom left; width:100%; }
.block .bg_top_left{ background: url(images/bg_top_left.gif) no-repeat top left; width:100%; }
.block .indent_block1{ padding:69px 0px 39px 36px; }
.block .indent_block{ padding:26px 40px 39px 37px; }
/*block1*/
.block1{ background:#112836; width:100%; }
.block1 .bg_top_left{ background: url(images/bg_top_left1.gif) no-repeat top left }
.block1 .bg_top_left_1{ background: url(images/bg_top_left1_1.gif) no-repeat top left }
.block1 .bg_top_right{ background: url(images/bg_top_right1.gif) no-repeat top right }
.block1 .bg_bottom_left{ background: url(images/bg_bottom_left1.gif) no-repeat bottom left }
.block1 .bg_bottom_right{ background: url(images/bg_bottom_right1.gif) no-repeat bottom right; width:100%; }
.block1 .indent_block1{ padding:69px 0px 10px 40px; }
.block1 .indent_block{ padding:25px 18px 10px 39px; }
.block1 .indent_block2{ padding:25px 5px 10px 39px; }
/*block2*/
.block2{ background:#010103; width:100%; }
.block2 .indent_block{ padding:25px 40px 20px 14px; }
.block2 .indent_block1{ padding:25px 40px 20px 14px; }
/*block3*/
.block3{ background: url(images/bg_top_left.gif) no-repeat top left; width:100%; }
.block3 .indent_block{ padding:26px 18px 10px 37px; }

#page2 .pad{ padding:0 30px 0 0}
#page2 .width1{ width:179px}


/*footer*/
#footer { color:#66889d; font-size:0.6875em; background:url(images/bot.gif) repeat-x top; padding:41px 60px 45px 24px; text-align:right}
#footer a {color:#66889d; text-decoration:underline}
#footer a:hover {  text-decoration:none}

.h{ height:36px}
.block_contact span{ float:right; margin-right:30px}
input{
   	border:1px solid #d0d0d0;
	background:#FFFFFF;
	width:145px; height:18px;
	font-size:1em;
	color:#000000;
	padding-left:5px;
	margin-bottom:3px
}
textarea{
   	border:1px solid #d0d0d0;
	background:#FFFFFF;
	width:151px; height:70px;
	font-size:1em;
	color:#000000;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto}




	.map { margin:0 0 0 23px;}