* {margin: 0px; padding: 0px;}
body {font: 12px Arial, Helvetica, sans-serif; color: #454444; background: #FFFFFF;}
a {cursor: pointer; color: #1E66B3;}
a:hover {text-decoration: none;}
li {list-style: none;}
img {border: none;}


.set {clear: both; height: 0; overflow: hidden;}

.bg-1 {width: 51%; height: 147px; position: absolute; left: 0; top: 0; background: url(../images/bg-1.gif) repeat-x; z-index: 1;}
.bg-2 {width: 51%; height: 147px; position: absolute;  right: 0; top: 0; background: url(../images/bg-2.gif) repeat-x; z-index: 1;}

.all {width: 1022px; margin: 0 auto; position: relative; z-index: 100;}

.h01, .h02, .h03, .h04, .h05 {height: 1%;}
.h01 {background: url(../images/h01.gif) 0 0 no-repeat;}
.h02 {background: url(../images/h02.gif) 200px 0 no-repeat;}
.h03 {background: url(../images/h03.gif) 400px 0 no-repeat;}
.h04 {background: url(../images/h04.gif) 600px 0 no-repeat;}
.h05 {background: url(../images/h05.gif) 800px 0 no-repeat; height: 147px;}

.m-1 {padding: 87px 0 0 249px;}
	.m-1 li {float: left; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #464646;}
	.m-1 li a {display: block; float: left; text-decoration: none; padding: 5px 10px 0; height: 17px; color: #464646; background: url(../images/m-1-bg.gif) repeat-x;}
	.m-1 li a:hover {text-decoration: underline;}
	.m-1-l, .m-1-2 {display: block; width: 10px; height: 22px; float: left;}
	.m-1-l {background: url(../images/m-1-l.gif) no-repeat;}
	.m-1-2 {background: url(../images/m-1-r.gif) no-repeat;}
	
.form-1 {padding: 3px 0 0 35px;}
	.form-1 input, .form-1 select {vertical-align: top;}
	.form-1-1 {background: url(../images/sersh-bg-2.gif) repeat-x; float: left; margin-right: 11px;}
	.form-1-2 {background: url(../images/sersh-bg-1.gif) left top no-repeat; _float: left;}
	.form-1-3 {background: url(../images/sersh-bg-3.gif) right top no-repeat; height: 28px; padding: 5px 9px 0; _float: left;}
	
	.select-1 {width: 161px; height: 20px; background: #FFFFFF; border: solid 1px #A5ACB2; margin-left: 6px;}
	.text {width: 435px; height: 20px; background: #FFFFFF; border: solid 1px #A5ACB2; _margin-top: -1px;}
	.poisk {width: 71px; height: 22px; background: url(../images/poisk.gif) no-repeat; cursor: pointer; border: none; margin-left: 5px;}
	.select-2 {width: 163px; height: 20px; background: #FFFFFF; border: solid 1px #A5ACB2; margin: 0 7px;}
	*+html .select-1 {height: 21px; margin-top: 1px;}
	*+html .select-2 {height: 22px;}
	*+html .text {height: 19px;}
	
.center {padding-bottom: 13px;}

.left {width: 300px; float: left; padding: 0 0 30px 21px;}
	.h201 {height: 24px; background: url(../images/h201-bg.gif) 0 20px repeat-x; font: bold 14px arial, tahoma, verdana, sans-serif; color: #0e9ee7; padding-top: 20px;}
	.h201 span {display: block; height: 24px; background: url(../images/h201-l.gif) left top no-repeat;}
	.h201 span span {background: url(../images/h201-r.gif) right top no-repeat; padding: 5px 143px 0 29px; text-align: center;}
	
	.m-3 {width: 115px; float: left; padding: 8px 7px 0 25px; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #393939;}
		.m-3 li {padding-bottom: 4px; background: url(../images/m-3-li-bg.gif) 0 100% no-repeat; margin-bottom: 6px;}
		.m-3 a {text-decoration: none; color: #393939;}
		.m-3 a:hover {text-decoration: underline;}
	.spisok-2 .m-3 {width: 20%; float: left; padding: 8px 7px 0 25px;}
		
	.spisok {background: url(../images/nashi-hudozgniki.gif) 33px top no-repeat; padding: 50px 0px 0 14px;}
		#spisok {background: url(../images/novosti-bg-r.gif) right 27px no-repeat;}
		.h401 {background: url(../images/novosti-bg-top.gif) 100% 100% no-repeat; padding: 0 16px 18px 0; text-align: right; font: bold 11px Arial, Helvetica, sans-serif;}
		.h401 a {color: #1e66b3;}
		
		.rezum {padding: 5px 10px 5px 0;}
			.rezum img {float: left; padding: 0 8px 6px 0;}
			.h601 {font: bold 12px Arial, Helvetica, sans-serif; color: #454444; padding-bottom: 3px;}
			.h601 a {color: #454444; text-decoration: none;}
			
			.desc {float: none; clear: both; padding-bottom: 10px;}
			.desc span {display: block; text-align: right; color: #0f0f0f; font-size: 11px;}
			.desc span a {color: #1e66b3; font-weight: bold;}
	 

.right {width: 701px; float: left;}

	.m-2-bg {padding-top: 20px; background: url(../images/m-2-bg.gif) repeat-x;}
	.m-2 {background: url(../images/m-2-l.gif) left bottom no-repeat; padding-left: 17px; height: 24px;}
	.m-2 li {float: left; width: 164px; height: 24px; background: url(../images/m-2-1-bg.gif) repeat-x; font: bold 13px arial, tahoma, verdana, sans-serif; color: #303030;}
	.m-2 li span, .m-2 li span span {display: block; height: 24px; background: url(../images/m-2-1-l.gif) 0 0 no-repeat;}
	.m-2 li span span {background: url(../images/m-2-1-r.gif) right top no-repeat; padding: 0 8px;}
	.m-2 li a {display: block; height: 20px; padding-top: 4px; text-align: center; text-decoration: none; color: #303030;}
	
	.m-2 li.m-2-a {background-image: url(../images/m-2-2-bg.gif); color: #0e9ee7;}
	.m-2 li.m-2-a span {background-image: url(../images/m-2-2-l.gif);}
	.m-2 li.m-2-a span span {background-image: url(../images/m-2-2-r.gif);}
	.m-2 li.m-2-a a {color: #0e9ee7;}
	
	.p01 {padding: 5px 30px 5px 15px;}
	
	.thumbs  {padding:  0 0 0px 10px;}
	.thumbs li {width: 151px; height: 213px; padding: 2px; margin: 3px; border: solid 2px #EFEFEF; background-color: #FFFFFF; text-align: center; float: left;}
	.h611, .h612, .h613 {font: bold 11px arial, tahoma, verdana, sans-serif; text-align: right; height: 12px; overflow: hidden; padding-right: 6px; margin-bottom: 20px; line-height: 11px; color: #FFFFFF;}
	.h611 {background: #B1CBE5;}
	.h612 {background: #BEE1A7;}
	.h613 {background: #FFAD5C;}
	.thumbs li a {text-decoration: none;}
	.thumbs li a span {text-decoration: underline; font-size: 12px; color: #1E66B3; padding: 0 0 7px;}
	.thumbs li a:hover span {text-decoration: none;}
	.thumbs li img {padding: 2px; background-color:  #FFFFFF; border: solid 2px #EFEFEF; margin-bottom: 6px;}
	.thumbs li span {font-weight: bold; font-size: 11px; color: #666666; display: block; padding-top: 6px;}
	.thumbs li span strong {padding-right: 4px; color: #1E66B3;}
	
	.page-navi {text-align: center; font: normal 18px Arial, Helvetica, sans-serif; color: #6aade6; padding-top: 13px;}
	.page-navi a {color: #6aade6;}
	
	.spisok-2 {background: url(../images/novie-hudozgniki.gif) 33px top no-repeat; padding: 50px 0px 0 14px; width: 660px;}
		#spisok-2 {background: url(../images/content-1-r.gif) right 27px no-repeat;}
		.h402 {background: url(../images/content-1-t.gif) 100% 100% no-repeat; padding: 0 16px 18px 0; text-align: right; font: normal 12px Arial, Helvetica, sans-serif;}
		.h402 a {color: #1e66b3; font-weight: bold;}
		
		.spisok-2-left, .spisok-2-right {width: 50%; float: left;}
		.spisok-2-right {width: 270px; padding-left: 40px;}
		.spisok-2-left .h201, .spisok-2-right .h201 {width: 280px;}
		.h202 {font: normal 18px Arial, Helvetica, sans-serif; color: #94c1e8; padding: 15px 10px 5px;}
		.spisok-2-left p {padding-right: 10px;}
		.spisok-2-left p a {font-weight: bold; color: #1e66b3;}
		
		.h602 {font: bold 11px aril, tahoma, verdana, sans-serif; color: #5c5d5f; padding: 11px 0 30px;}
		.golos {padding: 2px 0 15px; font: 11px arial, tahoma, verdana, sans-serif; color: #5c5d5f; background: url(../images/spisok-2-right-bg.gif) 0 0 repeat-x;}
		.golos li {background: url(../images/spisok-2-right-bg.gif) 0 100% repeat-x; padding: 4px 0 5px; min-height: 13px; float: none; clear: both;}
		.golos span {display: block; width: 106px; float: left;}
		.golos span span {width: 71px;}
	
	#footer {background: #CEE0EC url(../images/footer-bg.gif) 0 0 repeat-x;}	
	.footer {width: 996px; margin: 0 auto; padding: 5px 26px;}
		.h203 {font: normal 24px Arial, Helvetica, sans-serif; color: #ffffff; padding-bottom: 10px;}
		.footer p {height: 90px; padding: 5px 0;}
		.footer-m {padding: 100px 0 35px; font: 11px arial, tahoma, verdana, sans-serif; color: #646567; text-align: center;}
		.footer-m a {color: #646567; text-decoration: none;}
		.footer-m a:hover {text-decoration: underline;}
		.footer-m span {padding-top: 4px; display: block;}    
© TrueDev.org