html, body {background:#fff;margin:0px;padding:0px;font-family:'russianregular', sans-serif;height:100%;}
.main {height:100%;}
#navbar {width:100%;height:2.6em;overflow:hidden;margin-bottom:0px;background:#72abea;padding-top:0.4em;background:#1a77ff url("../_img/navsky.jpg") no-repeat bottom left;background-size: 100% 100%;}
#navbar a {font-family:'russianregular', sans-serif;text-decoration:none; font-size:1.4em;display:inline-block;padding:0.3em 20px 0.4em 20px; margin-left:2px; height:1.25em;color:#888;background:#fcfcfc url('../_img/navshade.png') no-repeat;background-size: 100% 100%;border-radius: 3px 1px 0px 0px;}

#navbar a {
     color:#888;
	-webkit-transition: all 300ms ease;
	 transition: all 300ms ease;
}

#navbar a:hover {
	color:#1a77ff;
	-webkit-transition: all 50ms ease;
	transition: all 50ms ease;
}
#navbar a.selected {color:#000;background:#fff;}
#navbar a:first-child {border-left:0px;color:#f9fc0b;padding-left:1.8em;height:1.4em;border-bottom:0px none;background:transparent url('../_img/yulong.png') no-repeat bottom left;background-size:contain;border-radius: 0px;}



.main #navbar
{
	filter: grayscale(100%);
	-webkit-transition: all 1000ms ease;
	-webkit-transition-delay: 2s; 
	transition: all 1000ms ease;
    transition-delay: 2s;
}
.main #navbar:hover, .main #navbar:active
{
	filter: grayscale(0%);
	
	-webkit-transition: all 150ms ease;
	transition: all 150ms ease;
}

#headerimg {width:90%;height:35%;background:#fff url("header.jpg") center center no-repeat;background-size:cover;margin:2em 0px 0px 10%;}
h1 {z-index:2;font-size:2.6em; color:#AAA; margin:1em 0% 0px 10%;padding-bottom:0.1em;border-bottom:2px solid #AAA;}
h2 {z-index:2;font-size:3.2em; color:#445; margin:0.5em 10% 0px 10%;}
h3 {z-index:2;font-size:1.2em; color:#666; margin:0.5em 10% 0px 10%;color:#888;font-family:'Open-Sans',sans-serif;}

.main h2 {font-size:3.2em; margin:0.0em 10% 0px 10%;}

.main h1 {margin-top:0.5em;}
.main h3 {margin-bottom:1.5em;margin-top:0em;font-size:1.0em;font-style:italic;font-weight:normal;}

h1 span {color:#445;font-size:1.5em;}
.maintxt {margin-bottom:10%;margin-left:10%;width:80%;z-index:2;font-family:'Open-Sans',sans-serif;}
.maintxt p {font-size:1.0em; color:#445; margin:10px 10% 10px 0%; text-align:justify;}
.maintxt div {width:100%;float:left;margin:40px 0px 0px 0px; padding:0px;clear:both;}
.maintxt div p {font-size:1em; color:#666; margin:0px 10% 10px 10%;text-align:justify;}
.maintxt div img {max-width:35%;width:100%;float:left;margin:0px 20px 20px 0px;clear:both;}
#footer {height:100px;clear:both;}

a, a:link {color:#222;text-decoration:underline;}
a:visited {color:#b03a60;}
a:hover, a:active {color:#1a77ff;}