@charset "utf-8";

/*  Верстка: makexhtml.ru   */

/* <reset> */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}body{line-height:1}blockquote,q{quotes:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/* </reset> */


/*  <general>   */
* {
	margin:0;
	padding:0;
}
html, body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}
body {
	background:#495864;
	color:#2b2b2a;
	font:12px Tahoma, Helvetica, Arial, Verdana;
}
a {
	color:#2b2b2a;
	font:bold 12px Tahoma, Helvetica, Arial, Verdana;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
.wrap {
	width:1004px;
	height:auto !important;
	height:100%;
	min-height:100%;
	margin:0 auto;
	position:relative;
}
.empty {
	height:102px;
}
.clear {
	clear:both;
}
.btn {
	width:158px;
	height:40px;
	color:#fff;
	font:18px Tahoma, Helvetica, Verdana, Arial;
	text-align:center;
	background:#000 url(images/btn.gif) no-repeat;
	border:0;
	padding-bottom:4px;
}
/*  </general>   */

/*  <syspanel>   */
.syspanel {
	height:20px;
	color:#495864;
	font:11px Arial, Tahoma, Helvetica, Verdana;
	background:#fff;
}
.syspanel a {
	color:#495864;
	font:11px Arial, Tahoma, Helvetica, Verdana;
	line-height:18px;
}
.twitter {
	float:left;
	margin-left:8px;
}
*html .twitter {
	display:inline;
}
.login-link {
	float:right;
	margin-right:8px;
}
*html .login-link {
	display:inline;
}
.twitter a {
	background:url(images/icon-fav.gif) no-repeat left 4px;
	padding:1px 0 1px 17px;
}
.twitter span {
	margin-right:13px;
}
.twitter span a {
	background:url(images/icon-tweet.gif) no-repeat left;
	padding:1px 0 1px 24px;
}
.login-link span a {
	background:url(images/icon-contact.gif) no-repeat left;
	padding:1px 0 1px 20px;
	margin-right:18px;
}
.login-link a span {
	font-weight:bold;
	padding:0 !important;
}
/*  </syspanel>   */

/*  <header>   */
.header {
	height:131px;
	position:relative;
}
.logo, .slogan, .wethebest, .search, .nav {
	position:absolute;
}
.logo {
	top:10px;
	left:17px;
}
.slogan {
	top:78px;
	left:96px;
	color:#fff;
	font:12px Arial, Tahoma, Helvetica, Verdana;
}
.slogan span {
	color:#ffe577;
}
.goldcolor {
	color:#f9bd08 !important;
}
.wethebest {
	top:37px;
	left:327px;
	width:250px;
	color:#fff;
	font:10px Tahoma, Helvetica, Verdana, Arial;
}
.search {
	top:34px;
	right:8px;
	width:350px;
}
.search-form {
	height:33px;
	background:#fff url(images/search-form.gif) no-repeat;
}
.search-form input {
	vertical-align:middle;
}
.search-text {
	width:240px;
	color:#595959;
	font:bold 14px Tahoma, Helvetica, Verdana, Arial;
	background:transparent;
	margin:8px 0 0 29px;
	//margin:6px 0 0 29px;
	border:0;
}
.search-btn {
	width:63px;
	color:#fff;
	font:12px Tahoma, Helvetica, Verdana;
	text-align:center;
	background:url(images/search-btn.gif) no-repeat;
	padding:5px 0 9px 0;
	margin:0 0 -10px 16px;
	border:0;
}
.search-help {
	float:left;
	margin-left:8px;
	width:201px;
	height:17px;
	color:#989898;
	font:11px Tahoma, Helvetica, Verdana, Arial;
	line-height:15px;
	background:#2b2b2a;
	padding:0 4px 0 6px;
	position:relative;
}
*html .search-help {
	display:inline;
}
.scl, .scr {
	position:absolute;
	top:0;
	width:6px;
	height:17px;
}
.scl {
	left:0;
	background:url(images/search-help.gif) no-repeat top;
}
.scr {
	right:0;
	background:url(images/search-help.gif) no-repeat left -17px;
}
.search-adv {
	float:right;
	height:17px;
	margin-right:10px;
}
.search-adv a {
	color:#fff;
	font:11px Tahoma, Helvetica, Verdana, Arial;
	line-height:15px;
}
.nav, .main-links, .other-links {
	height:27px;
}
.nav {
	top:104px;
	left:16px;
	width:989px;
}
.main-links {
	float:left;
	width:200px;
	text-align:center;
}
.main-links ul {
	list-style:none;
}
.main-links li {
	display:inline;
}
.main-links li img {
	margin-bottom:2px;
}
.main-links a {
	color:#fffdf9;
	font:11px Arial, Tahoma, Helvetica, Verdana;
	line-height:27px;
}
.other-links {
	float:right;
	width:786px;
	background:#fffdf9;
	margin-right:1px;
	position:relative;
}
.ocl, .ocr {
	position:absolute;
	top:0;
	width:9px;
	height:9px;
}
.ocl {
	left:0;
	background:url(images/other-links.gif) no-repeat top;
}
.ocr {
	right:0;
	background:url(images/other-links.gif) no-repeat 0 -9px;
}
.project-links {
	float:left;
	margin-left:14px;
}
.rss {
	float:right;
	margin-right:14px;
}
.project-links ul, .rss ul {
	list-style:none;
}
.project-links li, .rss li {
	color:#2b2b2a;
	font:11px Arial, Tahoma, Helvetica, Verdana;
	line-height:27px;
	display:inline;
}
.project-links li a, .rss li a {
	color:#2b2b2a;
	font:11px Arial, Tahoma, Helvetica, Verdana;
	line-height:27px;
}
.project-links li span a {
	background:url(images/arrow.gif) no-repeat left 5px;
	padding-left:9px;
}
li.other-sep {
	padding:0 2px;
}
/*  </header>   */

/*  <category>   */
.category {
	height:42px;
	background:#373735 url(images/category.gif) repeat-x top;
	margin-left:8px;
	position:relative;
}
.ctl {
	position:absolute;
	top:0;
	left:0;
	width:10px;
	height:10px;
	background:url(images/category.gif) no-repeat 0 -42px;
}
.category ul {
	list-style:none;
}
.category li {
	line-height:42px;
	padding:0 8px;
	display:inline;
}
.category a {
	color:#fffdf9;
	font:12px Arial, Tahoma, Helvetica, Verdana;
	line-height:42px;
	background:url(images/arrow_white.gif) no-repeat left;
	padding-left:10px;
}
li.thispage {
	color:#cebf72;
	font:12px Arial, Tahoma, Helvetica, Verdana;
}
li.thispage a {
	color:#cebf72;
	font:12px Arial, Tahoma, Helvetica, Verdana;
	background:none;
}
.category_footer {
	height:42px;
	margin-left:8px;
}
.category_footer ul {
	list-style:none;
}
.category_footer li {
	line-height:42px;
	padding:0 8px;
	display:inline;
}
.category_footer a {
	color:#fffdf9;
	font:12px Arial, Tahoma, Helvetica, Verdana;
	line-height:42px;
	background:url(images/arrow_white.gif) no-repeat left;
	padding-left:10px;
}
/*  </category>   */

/*  <content>   */
.content {
	background:#f4f4ef;
	padding:9px;
	position:relative;
}
.contl, .contr, .conbl, .conbr {
	position:absolute;
	width:9px;
	height:9px;
}
.contl, .contr {
	top:0;
}
.conbl, .conbr {
	bottom:0;
}
.contl, .conbl {
	left:0;
}
.contr, .conbr {
	right:0;
}
.contl {
	background:url(images/content.gif) no-repeat -9px top;
}
.contr {
	background:url(images/content.gif) no-repeat left top;
}
.conbl {
	background:url(images/content.gif) no-repeat -9px -9px;
}
.conbr {
	background:url(images/content.gif) no-repeat left -9px;
}
.notice {
	color:#fff;
	font:bold 12px Tahoma, Helvetica, Verdana, Arial;
	background:#373735;
	margin-top:11px;
	padding:12px;
	position:relative;
}
.notice a {
	color:#fff;
	font:bold 12px Tahoma, Helvetica, Verdana, Arial;
}
.notice span {
	color:#cebf72;
}
.ntl, .ntr, .nbl, .nbr {
	position:absolute;
	width:12px;
	height:12px;
}
.ntl, .ntr {
	top:0;
}
.nbl, .nbr {
	bottom:0;
}
.ntl, .nbl {
	left:0;
}
.ntr, .nbr {
	right:0;
}
.ntl {
	background:url(images/notice.gif) no-repeat -12px top;
}
.ntr {
	background:url(images/notice.gif) no-repeat left top;
}
.nbl {
	background:url(images/notice.gif) no-repeat -12px -12px;
}
.nbr {
	background:url(images/notice.gif) no-repeat left -12px;
}
.container {
	background:url(images/separator.gif) repeat-y 660px;
	margin-top:19px;
	min-height:300px;
}
.main {
	float:left;
	width:653px;
}
.sidebar {
	float:right;
	width:318px;
}
/*  </content>   */

/*  <main_page>   */
.main_page {
	background:url(images/separator.gif) repeat-y 326px;
	margin-top:13px;
}
.leftcolumn {
	float:left;
	width:318px;
}
.rightcolumn {
	float:right;
	width:318px;
}
.social-content {
	margin:0 8px 20px 8px;
	font:11px Tahoma, Helvetica, Verdana, Arial;
}
.social-content a {
	color:#2b2b2a;
	font:11px Tahoma, Helvetica, Verdana, Arial;
}

.block-content-main {
	margin:0 8px 20px 8px;
}
.block-content-main a {
	color:#2b2b2a;
	font:12px Tahoma, Helvetica, Verdana, Arial;
}
.block-content-main h2 {
	color:#2b2b2a;
	font:bold 17px Tahoma, Helvetica, Verdana, Arial;
	margin-bottom:8px;
}
.block-content-main h2 a {
	color:#2b2b2a;
	font:bold 17px Tahoma, Helvetica, Verdana, Arial;
}
.block-content-img {
	padding:10px 0;
}
.block-content-img img {
	background:#fff;
	padding:9px;
}
.up {
	float:left;
	width:40px;
}
.give_article {
	float:left;
	width:140px;
	text-align:center;
}
.give_article a {
	color:#bcb49f;
	font:11px Tahoma, Helvetica, Verdana, Arial;
	line-height:38px;
}
.read_articles {
	float:right;
	width:123px;
	height:40px;
	color:#fff;
	font:12px Tahoma, Helvetica, Verdana, Arial;
	text-align:center;
	background:#000;
	line-height:38px;
	padding:0 6px;
	position:relative;
}
.read_articles a {
	color:#fff;
	font:12px Tahoma, Helvetica, Verdana, Arial;
	line-height:38px;
}
.read_articles2 {
	float:right;
	height:40px;
	color:#fff;
	font:11px Tahoma, Helvetica, Verdana, Arial;
	text-align:center;
	background:#000;
	line-height:38px;
	margin-top:10px;
	padding:0 18px;
	position:relative;
}
.bcl, .bcr {
	position:absolute;
	top:0;
	width:17px;
	height:40px;
}
.bcl {
	left:0;
	background:url(images/read.gif) no-repeat top;
}
.bcr {
	right:0;
	background:url(images/read.gif) no-repeat 0 -40px;
}
/*  </main_page>   */

/*  <speedbar>   */
.speedbar {
	margin:0 0 8px 15px;
}
.speedbar a {
	font:bold 11px Tahoma, Helvetica, Verdana, Arial;
}
/*  </speedbar>   */

/*  <counters>   */
.counters {
	width:308px;
	background:#fff;
	margin-top:20px;
	padding:5px;
	position:relative;
}
.counters-title {
	position:absolute;
	top:-15px;
	right:0;
	color:#cecec9;
	font:10px Arial, Tahoma, Helvetica, Verdana;
	text-align:right;
}
/*  </counters>   */

/*  <partners>   */
.partner_top, .partner_right_1, .partner_right_2, .partner_main_1, .partner_main_2, .partner_main_3, .partner_main_4 {
	text-align:center;
	background:#F4F4EF;
}
.partner_right_2 {
	margin:13px 0;
}
.partner_main_1 {
	margin:20px 0 40px 0;
}
.partner_main_2 {
	margin-bottom:20px;
}
.partner_main_4 {
	margin-bottom:25px;
}
/*  </partners>   */

/*  <blocks>   */
.block {
	margin-bottom:13px;
}
.block-title {
	height:37px;
	text-transform:uppercase;
	line-height:37px;
	background:#373735 url(images/block-title.gif) no-repeat right;
}
.block-title h4 {
	color:#fff;
	font:normal 17px Tahoma, Helvetica, Verdana, Arial;
	line-height:37px;
	padding:0 14px;
}
.block-title h4 span {
	font-weight:bold;
}
.block-content {
	padding:8px;
}
.block-content h3 {
	color:#2b2b2a;
	font:normal 16px Tahoma, Helvetica, Verdana, Arial;
	margin-bottom:3px;
}
.block-content ul {
	list-style:square;
	margin:0 0 10px 13px;
}
.block-content li {
	padding:3px;
}
.block-author {
	padding:10px 0;
}
.author-avatar {
	float:left;
	width:100px;
}
.author-about {
	float:right;
	width:180px;
	line-height:17px;
}
.author-about p {
	margin-bottom:5px;
}
.author-about p a {
	font:14px Tahoma, Helvetica, Verdana, Arial;
}
.block-vote {
	padding:8px 8px 15px 8px;
}
.block-vote div {
	font-size:15px;
	padding:6px 0;
}
.block-vote input {
	vertical-align:middle;
	margin:-3px 8px 0 0;
}
.question {
	color:#2b2b2a;
	font:bold 17px Tahoma, Helvetica, Verdana, Arial;
	margin-bottom:8px;
}
.vote-btn {
	text-align:center;
	margin-top:10px;
}
.vote-btn input {
	width:158px;
	height:40px;
	color:#fff;
	font:18px Tahoma, Helvetica, Verdana, Arial;
	text-align:center;
	background:#000 url(images/btn.gif) no-repeat;
	border:0;
	padding-bottom:4px;
}
.vote-btn p {
	margin-top:20px;
}
.vote-btn a {
	font-weight:normal;
}
/*  </blocks>   */

/*  <other_news>   */
.other_news {
	color:#fffdf9;
	background:#232a30;
}
.other_pic {
	float:left;
	width:358px;
	text-align:center;
	position:relative;
}
.other_news_title {
	position:absolute;
	bottom:0;
	left:0;
	text-align:left;
	background:url(images/dot.png);
	padding:5px 10px 7px 10px;
}
.other_news_title a {
	color:#fffdf9;
	font-weight:normal;
}
.other_news_title h2 {
	color:#fffdf9;
	font:bold 22px Tahoma, Helvetica, Verdana, Arial;
	margin-bottom:5px;
}
.other_news_title h2 a {
	color:#fffdf9;
	font:bold 22px Tahoma, Helvetica, Verdana, Arial;
}
.other_readmore {
	text-align:right;
}
.other_news_list {
	float:right;
	width:265px;
	padding:10px 10px 10px 0;
}
.other_news_list h4 {
	color:#cebf72;
	font:bold 18px Tahoma, Helvetica, Verdana, Arial;
	margin-bottom:8px;
}
.other_news_list ul {
	list-style:none;
}
.other_news_list li {
	padding:7px 0;
}
.other_news_list a {
	color:#fff;
	background:url(images/arrow_white.gif) no-repeat left 5px;
	padding-left:10px;
}
.other_news_info {
	height:24px;
	font:11px Tahoma, Helvetica, Verdana, Arial;
	line-height:22px;
	padding:0 10px;
}
.other_news_info a {
	color:#fffdf9;
	font:normal 11px Tahoma, Helvetica, Verdana, Arial;
}
.other_news_info span {
	margin-left:10px;
}
/*  </other_news>   */

/*  <post>   */
.post {
	margin-bottom:10px;
}
.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 {
	color:#2b2b2a;
	margin-bottom:4px;
}
.post h1 {
	font:normal 21px Tahoma, Helvetica, Verdana, Arial;
}
.post h2 {
	font:normal 19px Tahoma, Helvetica, Verdana, Arial;
}
.post h3 {
	font:normal 18px Tahoma, Helvetica, Verdana, Arial;
}
.post h4 {
	font:bold 16px Tahoma, Helvetica, Verdana, Arial;
}
.post h5 {
	font:bold 14px Tahoma, Helvetica, Verdana, Arial;
}
.post h6 {
	font:bold 12px Tahoma, Helvetica, Verdana, Arial;
}
.post p {
	padding:8px 0;
}
.post ul {
	margin-left:13px;
	//margin-left:15px;
	padding:5px 0;
}
.post ol {
	margin-left:20px;
	//margin-left:25px;
	padding:5px 0;
}
.post-print, .post-author {
	margin-top:4px;
}
.post-print {
	float:left;
	color:#373735;
	font:11px Tahoma, Helvetica, Verdana, Arial;
	margin:0 0 0 -10px;
}
.post-print ul {
	list-style:none;
}
.post-print li {
	display:inline;
}
.post-print a {
	color:#373735;
	font:normal 11px Tahoma, Helvetica, Verdana, Arial;
}
.post-author {
	float:right;
	width:250px;
	color:#373735;
	font:normal 11px Tahoma, Helvetica, Verdana, Arial;
	text-align:right;
}
.post-author a {
	color:#373735;
	font:normal 11px Tahoma, Helvetica, Verdana, Arial;
}
/*  </post>   */

/*  <rating>   */
.rating {
	float:left;
	height:40px;
	color:#373735;
	font:bold 11px Tahoma, Helvetica, Verdana, Arial;
	line-height:40px;
	margin-top:10px;
}
.rating input {
	vertical-align:middle;
	margin:-3px 1px 0 5px;
}
noindex:-o-prefocus, .rating input {
	margin:0 1px 0 5px;
}
.rating span {
	font-weight:normal;
	margin:0 10px;
	//margin:0 5px;
}
.rating img {
	margin-bottom:-2px;
}
.rating-btn {
	width:34px;
	color:#f4f4ef;
	font:bold 11px Tahoma, Helvetica, Verdana, Arial;
	text-align:center;
	background:#373735 url(images/rating-btn.gif) no-repeat;
	padding:8px 0;
	//padding:0 0;
	//line-height:12px;
	margin-top:-4px !important;
	//margin-bottom:-4px !important;
	border:0;
}
noindex:-o-prefocus, .rating-btn {
	padding:9px 0;
	margin-top:-8px !important;
}
/*  </rating>   */

/*  <comments>   */
.add_comment {
	height:50px;
	line-height:50px;
	margin-top:20px;
}
.add_comment {
	float:left;
}
.add_comment img {
	vertical-align:middle;
}
.add_comment a {
	color:#f4f4ef;
	font:bold 15px Tahoma, Helvetica, Verdana, Arial;
}
.add_comment span {
	color:#373735;
	font:bold 14px Tahoma, Helvetica, Verdana, Arial;
	line-height:50px;
	margin-left:20px;
}
.warning {
	float:right;
	color:#f4f4ef;
	font:11px Tahoma, Helvetica, Verdana, Arial;
	background:#810019;
	margin-top:33px;
	padding:6px 8px;
}
.comments {
	margin:10px 15px;
}
noindex:-o-prefocus, .comments {
	padding-top:20px;
}
.comment-text {
	color:#30302e;
	font:13px Tahoma, Helvetica, Verdana, Arial;
	background:#fff;
	padding:15px 11px;
	position:relative;
}
.comtl, .comtr, .combl, .combr {
	position:absolute;
	width:10px;
	height:10px;
}
.comtl, .comtr {
	top:0;
}
.combl, .combr {
	bottom:0;
}
.comtl, .combl {
	left:0;
}
.comtr, .combr {
	right:0;
}
.comtl {
	background:url(images/comment-text.gif) no-repeat -10px top;
}
.comtr {
	background:url(images/comment-text.gif) no-repeat left top;
}
.combl {
	background:url(images/comment-text.gif) no-repeat -10px -10px;
}
.combr {
	background:url(images/comment-text.gif) no-repeat left -10px;
}
.comment-author {
	float:left;
	color:#2b2b2a;
	font:9px Tahoma, Helvetica, Verdana, Arial;
	margin-top:10px;
	padding-left:40px;
	position:relative;
}
.comment-author p a {
	color:#2b2b2a;
	font:bold 15px Tahoma, Helvetica, Verdana, Arial;
}
.comment-avatar {
	position:absolute;
	top:0;
	left:0;
}
.comment-avatar img {
	background:#3c3c3a;
	padding:1px;
}
.comment-corner {
	position:absolute;
	top:-10px;
	right:-45px;
	width:28px;
	height:33px;
	background:url(images/comment-corner.gif) no-repeat;
}
.comment-space {
	height:25px;
}
/*  </comments>   */

/*  <another>   */
.another_articles, .person {
	width:300px;
	color:#cebf72;
	background:#232a30;
	padding:8px 10px;
}
.another_articles a, .person a {
	color:#cebf72;
	font-weight:normal;
}
.another_articles {
	float:left;
}
.another_articles h4, .person h4 {
	font:bold 14px Tahoma, Helvetica, Verdana, Arial;
	margin-bottom:10px;
}
.another_articles ul, .person ul {
	list-style:square;
	margin-left:13px;
	padding-bottom:10px;
}
.person {
	float:right;
}
.person-photo {
	float:left;
	width:90px;
}
.person-name {
	float:right;
	width:210px;
}
.person-more {
	text-align:right;
	margin-top:8px;
}
.person-more a {
	font-size:11px;
}
/*  </another>   */

/*  <footer>   */
.footer {
	width:1004px;
	height:102px;
	background:url(images/footer_separator.gif) repeat-x top;
	margin:-102px auto 0 auto;
	position:relative;
}
.copyright, .footer_nav, .contact_link {
	margin-top:30px;
}
.copyright, .copleft, .copright, .contact-link {
	height:21px;
}
.copyright {
	float:left;
	width:188px;
	color:#140421;
	font:10px Arial, Tahoma, Helvetica, Verdana;
	background:#fff;
	line-height:20px;
	padding:0 8px;
	position:relative;
}
.copleft, .copright {
	position:absolute;
	top:0;
	width:7px;
	height:21px;
}
.copleft {
	left:0;
	background:url(images/copyright.gif) no-repeat top;
}
.copright {
	right:0;
	background:url(images/copyright.gif) no-repeat 0 -21px;
}
.footer_nav {
	float:left;
	width:410px;
	margin-left:10px;
}
.footer_nav ul {
	list-style:none;
}
.footer_nav li {
	padding:0 3px;
	display:inline;
}
.footer_nav a {
	color:#fff;
	font:11px Arial, Tahoma, Helvetica, Verdana;
	line-height:20px;
}
.contact_link {
	float:right;
	width:67px;
	text-align:center;
	background:#050505 url(images/contact_link.gif) no-repeat;
}
.contact_link a {
	color:#fff;
	font:12px Arial, Tahoma, Helvetica, Verdana;
	line-height:21px;
	display:block;
}
.license a {
	color:#44515C;
	margin-top:10px;
	font:8px Arial, Tahoma, Helvetica, Verdana;
}

.license {
	color:#44515C;
	margin-top:10px;
	font:8px Arial, Tahoma, Helvetica, Verdana;
}
.licens {
	color:#F4F4EF;
	margin-top:11px;
	font:11px Arial, Tahoma, Helvetica, Verdana;
}

.licens a {
	color:#F4F4EF;
	font:11px Arial, Tahoma, Helvetica, Verdana;
        text-decoration:none;
}
.licens a:hover {
        color:#F4F4EF;
	font:11px Arial, Tahoma, Helvetica, Verdana;
        text-decoration:none;
        border-bottom:#F4F4EF dotted 1px;
}
/*  </footer>   */


.pollss a:hover {
color:#333;
font-size:10px;
font-weight:700;
text-align:center;
text-decoration:none;
border-bottom:#000 dotted 1px;
}

.poll_result {
background-color:#960096;
height:20px;
}

.poll_result_rest {
background-color:#E7E5D5;
height:20px;
}
/*  Верстка: makexhtml.ru   */