html { margin: 40px 40px 0; }
body { background: white; margin: 0 auto; min-width: 900px; max-width: 1080px; }
body, table, input, button, select, textarea { font: 13px Arial; color: #444; }
a { color: #2c87c8; text-decoration: underline; cursor: pointer; }
a:hover { color: #f04e2a; }
a img { border: 0; }
table { border-collapse: separate; border-spacing: 0; }
table td { padding: 0; }
q, tt, dfn { display: none; }

header { display: table; width: 100%; border-bottom: 1px solid #ddd; margin-bottom: 30px; white-space: nowrap; }
header section, header form { display: table-cell; vertical-align: middle; padding: 0 0 20px; }
header section.icons { width: 8%; letter-spacing: 8px; }
header section.auth img { position: relative; top: 2px; left: -2px; }
header section.auth label { color: #2c87c8; border-bottom: 1px dotted; cursor: pointer; }
header section.auth label:hover { color: #f04e2a; }

header section.auth form { box-sizing: border-box; position: absolute; margin: -32px 0 0 -4px; padding: 15px 20px; border: 1px solid #ddd; background: white; border-radius: 5px; }
header section.auth form input:first-of-type { margin-top: 15px; }
header section.auth form input { margin-top: 7px; }
header section.auth form button { margin-top: 10px; }
header section.auth form.hidden { display: none; }
header section.auth form.showed { display: block; }

header form.search { text-align: right; font-size: 11px; }
header form.search input { margin: 0 3px 8px 0; width: 150px; }
header form.search img { cursor: pointer; }

nav { display: table-cell; vertical-align: top; width: 25%; padding-right: 30px; white-space: nowrap; }
nav section a
{
	display: inline-block;
	border-radius: 5px;
	text-decoration: none;
	background-color: #f1f7fb;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9fcfd', endColorstr='#eaf3f9');
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f9fcfd), to(#eaf3f9));
	background-image: -webkit-linear-gradient(top, #f9fcfd, #eaf3f9);
	background-image: -moz-linear-gradient(top, #f9fcfd, #eaf3f9);
	background-image: -ms-linear-gradient(top, #f9fcfd, #eaf3f9);
	background-image: -o-linear-gradient(top, #f9fcfd, #eaf3f9);
	background-image: linear-gradient(top, #f9fcfd, #eaf3f9);
	box-shadow: 0 2px 0 #d5e7f4;
	outline: none;
}
nav section a:hover
{
	background-color: #fef2f0;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffaf9', endColorstr='#fdedea');
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fffaf9), to(#fdedea));
	background-image: -webkit-linear-gradient(top, #fffaf9, #fdedea);
	background-image: -moz-linear-gradient(top, #fffaf9, #fdedea);
	background-image: -ms-linear-gradient(top, #fffaf9, #fdedea);
	background-image: -o-linear-gradient(top, #fffaf9, #fdedea);
	background-image: linear-gradient(top, #fffaf9, #fdedea);
	box-shadow: 0 2px 0 #fcdcd4;
}
nav section a:active
{
	background-color: #fef2f0;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdedea', endColorstr='#fffaf9');
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fdedea), to(#fffaf9));
	background-image: -webkit-linear-gradient(top, #fdedea, #fffaf9);
	background-image: -moz-linear-gradient(top, #fdedea, #fffaf9);
	background-image: -ms-linear-gradient(top, #fdedea, #fffaf9);
	background-image: -o-linear-gradient(top, #fdedea, #fffaf9);
	background-image: linear-gradient(top, #fdedea, #fffaf9);
	box-shadow: inset 0 2px 2px #fcdcd4;
}
nav section a.active
{
	background-color: #f3f3f3;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#fafafa');
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#fafafa));
	background-image: -webkit-linear-gradient(top, #eeeeee, #fafafa);
	background-image: -moz-linear-gradient(top, #eeeeee, #fafafa);
	background-image: -ms-linear-gradient(top, #eeeeee, #fafafa);
	background-image: -o-linear-gradient(top, #eeeeee, #fafafa);
	background-image: linear-gradient(top, #eeeeee, #fafafa);
	box-shadow: inset 0 2px 2px #d5d5d5;
	color: #666;
	cursor: default;
}
nav section div.two a:first-of-type { width: 175px; border-radius: 5px 0 0 5px; }
nav section div.two a:last-of-type { border-radius: 0 5px 5px 0; border-left: 1px solid #d5e7f4; padding: 10px 0; width: 25px; text-align: center; /*color: #bdd3e7;*/ }
/*nav section div.two a:last-of-type:hover { color: #f7c5bc; }*/
nav section a.level1 { width: 200px; margin: 20px 0 0 0; font-size: 17px; padding: 10px 15px; }
nav section a.level2 { width: 200px; margin: 10px 0 0 0; font-size: 14px; padding: 7px 15px; }
nav section:first-of-type a.level1 { margin: 0 0; }

section.image { height: 150px; background-position: center center; margin-bottom: 30px; border-radius: 5px; }

section.main { display: table-cell; vertical-align: top; width: 53%; }
section.main h1 { font-size: 24px; margin: 30px 0 15px; font-weight: normal; }
section.main h1:first-of-type { margin-top: 0; }
section.main h2 { font-size: 20px; margin: 30px 0 15px; font-weight: normal; }
section.main h2 small { color: #999; font-size: 13px; }
section.main div.illustration { margin: 30px 0; height: 250px; border-radius: 5px; background-color: #eee; background-repeat: no-repeat; }
section.main section.news1 div.one { clear: both; display: inline-block; width: 250px; vertical-align: top; margin: 10px 10px 10px 0; font-size: 14px; } 
section.main section.news1 div.one img { display: inline-block; vertical-align: top; width: 90px; margin: 0 10px 10px 0; border-radius: 3px; } 
section.main section.news1 div.one a { display: inline-block; vertical-align: top; width: 140px; } 
section.main section.news1 div.one div.date { font-size: 12px; margin-bottom: 8px; } 
section.main section.news2 div.one { clear: both; display: inline-block; width: 170px; vertical-align: top; margin: 20px 10px 0 0; font-size: 13px; } 
section.main section.news2 div.one div.date { font-size: 12px; margin-bottom: 5px; } 

aside { display: table-cell; vertical-align: top; padding-left: 40px; text-align: right; width: 20%; }
aside article { margin-bottom: 30px; }
aside article:last-of-type { margin-bottom: 0; }

footer { display: table; width: 100%; border-top: 1px solid #ddd; margin: 40px 0; white-space: nowrap; }
footer section { display: table-cell; vertical-align: top; padding-top: 30px; }
footer section.copy { font-size: 14px; width: 25%; }
footer section.copy div.links { font-size: 11px; margin-top: 5px; }
footer section.copy div.links a { margin-right: 5px; }
footer section.addr { font-size: 13px; line-height: 22px; padding-top: 27px; }
footer section.dev { color: #666; font-size: 11px; text-align: left; width: 200px; }
footer section.dev img { float: left; margin: 25px 3px 0 0; }