/*
.cleared
Правильный clear для блоков, содержащих float'нутые элементы
*/

.cleared:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

* html .cleared {
   display: inline-block;
   height: 1%;
}

/*
* {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
   box-sizing: border-box;
}
*/

html, body { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
body { background: #467bfd url('/images/top_bg_grad.jpg') repeat-x top; }

#header { height: 233px; background: url('/images/top_smiles.jpg') no-repeat top right; position: relative; }
	.wrapper_Logo { display: none; width: 309px; height: 224px; xxxbackground: url('/images/logo_glow.jpg') no-repeat left top; position: absolute; top: 0; left: 0; }
		.Logo { position: absolute; top: 20px; left: 37px; }
	.slogan { position: absolute; top: 23px; right: 310px; }
	#header i { z-index: 5; display: block; position: absolute; bottom: -261px; left: 0; width: 100%; height: 261px; font-size: 1%; line-height: 1%; text-indent: -9999px; background: url('/images/section_top_bg_grad.jpg') repeat-x top; }
		#header i i { bottom: 0; background: url('/images/rounders_top.png') no-repeat right -262px; }
			#header i i i { bottom: 0; background-position: left 0; }

#section { background: #79a9fe; border-top: 1px solid #d3eafd; padding: 0 13px 0 14px; min-height: 280px; min-width: 660px; font-size: .8em; line-height: 1.2em; }
	.sb-wrapper { border: 1px solid #c4d7f9; padding: 5px 190px 6px 190px; background: #92b9fe url('/images/section_bottom_bg_grad.jpg') repeat-x bottom; border-top: none; border-bottom: none; }
		#navi, #aside, #content { position: relative; z-index: 20; }
		#navi { width: 180px; float: left; margin-left: -185px; padding-bottom: 40px; }
			#wrapper_Search { width: 146px; height: 23px; background: url('/images/nice_search.png') no-repeat 0 0; }
				#wrapper_Search input { border: none; display: block; height: 18px; line-height: 18px; width: 110px; padding-left: 10px; background: transparent; font-style: italic; color: #c1c9de; font-size: .9em; }
			#wrapper_Search.active { background-position: 0 -24px; }
				#wrapper_Search.active input { color: #2a4069; font-style: normal; font-size: .9em; }

		#aside { width: 180px; float: right; margin-right: -185px; padding-bottom: 40px; }
			#aside a, #aside a:visited { color: #fff; }
			#aside a:hover { color: #aeb9d4; }
			a.link_VK, a.link_VK:visited { text-decoration: none; background: url('/images/icon_vk.png') no-repeat 0 2px; padding-left: 25px; color: #fff; font-weight: bold; display: block; margin-top: 15px; }
			a.link_VK:hover { color: #aeb9d4; }
			.time { text-align: center; padding-top: 10px; margin: 0; }
			#navi .banners, #aside .banners { margin-left: -4px; padding: 5px 0; }
			#aside h2 { font-size: 1.5em; margin: 0 0 .7em 0; line-height: 1.9em; }
			.mainBlock { background: #344f94; padding: 10px 17px 25px 17px; color: #fff; position: relative; }
				.mainBlock i.t, .mainBlock i.b { width: 180px; height: 9px; display: block; position: absolute; left: 0; font-size: 1%; line-height: 1%; text-indent: -9999px; background: url('/images/rounders.png') no-repeat 0 0; }
				.mainBlock i.t { top: 0; }
				.mainBlock i.b { bottom: 0; background-position: 0 -9px; }
				#aside .mainBlock i.t { background-position: 0 -18px; }
			#aside .mainBlock { font-size: .85em; line-height: 1.5em; }
				#aside .mainBlock nobr { font-size: 1.3em; }
/* temp */
			#aside .mainBlock h2 { display: none; }
			#aside .mainBlock p { background: url('/images/menu_div.jpg') repeat-x bottom; padding: 5px 0 7px 0; margin-bottom: 0; }
				#aside a, #aside a:visited { color: #fff; text-decoration: none; }
				#aside a:hover { color: #aeb9d4; }

/* temp */

		#content { background: #fff; position: relative; }
			#content i.r_t, #content i.r_t i, #content i.r_b, #content i.r_b i { display: block; height: 9px; font-size: 1%; line-height: 1%; text-indent: -9999px; background: url('/images/rounders_content.png') no-repeat right top; position: absolute; left: 0; width: 100%; }
			#content i.r_t { top: 0; }
			#content i.r_b { background-position: right -9px; bottom: 0; }
				#content i.r_t i { background-position: 0 0; width: 9px; }
				#content i.r_b i { background-position: 0 -9px; width: 9px; }
			.wrapperContent { padding: 20px 30px 40px 30px; min-height: 400px; line-height: 1.3em; }
				.wrapperContent h1,
				.wrapperContent h2,
				.wrapperContent h3,
				.wrapperContent h4 { margin-top: 0; }
#footer { height: 84px; background: #79a9fe url('/images/bottom_bg_grad.jpg') repeat-x top; position: relative; color: #fff; font-size: .75em; line-height: 1.2em; }
	#footer i { z-index: 5; display: block; position: absolute; top: -78px; left: 0; width: 100%; height: 78px; background: url('/images/rounders_bottom.png') no-repeat right -79px; font-size: 1%; line-height: 1%; text-indent: -9999px; }
		#footer i i { top: 0; background-position: left 0; }
	#footer a, #footer a:visited { color: #fff; }
	#footer a:hover { color: #bed2ff; }
		.copyright { padding: 20px 28px; }
			.copyright small { color: #a9c3fe; line-height: .8em; display: block; line-height: 1em; padding: 3px 0 0 12px; }
		.seo { position: absolute; top: 20px; right: 30%; }
	.r3 { position: absolute; right: 48px; top: 20px; }
		.r3 img { width: 25px; height: 25px; float: left; margin: 0 7px 0 0; }
		.r3 small { display: block; margin-top: 3px; }
		.r3 a, .r3 a:visited {  }
		.r3 a:hover {  }

#logo { position: absolute; top: 20px; left: 33px; width: 209px; height: 123px; z-index: 100; xxxoverflow: hidden; }

.wrapper_Menu { position: absolute; top: 160px; left: 40px; }
	.wrapper_Menu p { margin-bottom: .6em; }
		.wrapper_Menu a, .wrapper_Menu a:visited { color: #284a8a; margin-right: 1em; text-shadow: 1px 1px 0 #dcf0fc; }
		.wrapper_Menu a:hover { color: #af0203; }


ul.largeMenu, ul.smallMenu { list-style: none; margin: 0 0 20px 0; padding: 5px 2px 5px 2px; line-height: .7em; }
ul.largeMenu { font-size: 1.2em; }
	ul.largeMenu li, ul.smallMenu li { background: url('/images/menu_div.jpg') repeat-x bottom; margin: 0; padding: 5px 0 8px 0; xxxpadding: 1px 0 2px 0; }
		ul.largeMenu li span { display: block; xxxpadding: 5px 0 6px 5px; }
		ul.largeMenu a, ul.largeMenu a:visited,
		ul.smallMenu a, ul.smallMenu a:visited { color: #fff; text-decoration: none; display: block; xxxpadding: 5px 0 6px 5px; }
		ul.largeMenu a:hover, ul.smallMenu a:hover { color: #aeb9d4; xxxcolor: #fff; xxxbackground: #526cad; }

/* Мк.5:9 */