@charset "utf-8";
/* CSS Document */

html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, dd, dt, dl, table, tr, td, th, p, span, strong, small, a, img, form  {margin: 0px; padding: 0px;}
html {height: 100%; font-size: 62.5%;}
body {font: normal 12px Arial, Helvetica, sans-serif; color: #3d3c3c; background: #00608a; min-width: 1000px; position: relative; height: auto !important; height: 100%; min-height: 100%;}
img {border: none;}
a {cursor: pointer; text-decoration: underline; color: #27408b;}
a:hover {text-decoration: none;}
p {padding-bottom: 15px;}
p small {font-size: 0.8em;}
h1, h2, h3, h4, h5, h6 {font: bold 18px Arial, Helvetica, sans-serif; color: #3d3c3c; padding-bottom: 15px;}
h1 {font-size: 24px;}
h3 {font-size: 14px;}
h4 {font-size: 13px;}
h5 {font-size: 12px;}
h6 {font-size: 11px;}
input[type='submit'], input[type='button'] {cursor: pointer;}
ul li {list-style: disc  inside; padding-left: 10px;}
.set {height: 0; overflow: hidden; clear: both;}
.fl {float: left;}
.fr {float: right;}
.rel {position: relative;}

.m-t {width: 1001px; position: relative; margin: 0 auto; padding: 18px 0; color: #ffffff; }
	.m-t .fl { padding-left: 8px; }
	.m-t .fr { padding-right: 20px; }
	.m-t a { color: #fff; margin-left: 12px; }
	.m-t b { padding: 0 0 0 12px; }
	.sp-1 a { padding-left: 20px; background: url(../images/bl-1.png) 0 center no-repeat; }
	
.header { position: relative; width: 1001px; margin: 0 auto -76px; background: url(../images/header-BG.png) 0 0 repeat-y; height: 1%; }
	.h-T { background: url(../images/header-T.png) 0 0 no-repeat; height: 1%; padding: 0 1px; }
	.logo { float: left; padding: 22px 0 14px 25px; }
	.logo a { display: block; width: 623px; height: 87px; background: url(../images/logo.png) 0 0 no-repeat; text-indent: -9999px; overflow: hidden; }
	
	.small-photo { width: 200px; float: right; padding: 6px 10px 0 0; }
		.small-photo li { display: block; list-style: outside none none; float: left; width: 50px; height: 50px; padding: 0; }
		.small-photo li a { position: relative; text-decoration: none !important; display: inline-block; *display: inline; zoom:1; }
		.small-photo img { width: 45px; height: 45px; }
		.small-photo span { width: 45px; height: 45px; position: absolute; left: 0; top: 0; background: url(../images/small-photo-BG.png) 0 0 no-repeat; }
		
	.m-1 { padding: 0px; margin: 0 0 -31px 4px; _margin: 0 0 -31px 2px; float: left; background: url(../images/m-1.png) 0 2px repeat-x; position: relative; z-index: 20; height: 76px; top: -31px; }
		.m-1 li { display: block; float: left; width: 94px; height: 29px; font-size: 18px; line-height: 29px; padding: 2px 0 0; text-align: center; position: relative; z-index: 10; }
		.m-1 li a { text-decoration: none !important; color: #3d3c3c; }
		.m-1 li b, .m-1 li i { display: block; position: absolute; top: 2px; right: 0; background: url(../images/m-1.png) -4px -138px no-repeat; width: 1px; height: 29px; }
		.m-1 li b { display: none; right: auto; left: 0px; }
		.m-1 li.first b { display: block; background-position: 0 -262px; left: -4px; width: 5px; }
		.m-1 li.last i { width: 5px; background-position: 0 -231px; right: -4px; }
		.m-1 li.m-1-a, .m-1 li.first-m-1-a, .m-1 li.last-m-1-a { background: url(../images/m-1.png) 0 -74px repeat-x; z-index: 20; }
		.m-1 li.m-1-a i, .m-1 li.m-1-a b, .m-1 li.first-m-1-a i, .m-1 li.last-m-1-a b, .m-1 li.first-m-1-a b { background-position: -4px -105px; height: 31px; top: 0; }
		.m-1 li.m-1-a b, .m-1 li.last-m-1-a b { left: -1px; display: block; }
		.m-1 li.first-m-1-a b { background-position: 0 -167px; }
		.m-1 li.last-m-1-a i { background-position: 0 -197px; }
		
	.podmenu { z-index: 10; position: absolute; left: -4px; top: 30px; width: 999px; height: 46px; background: url(../images/m-1.png) 0 -28px repeat-x; }
		.podmenu ul { display: none; padding-left: 8px; }
		.podmenu ul li { width: auto; padding: 4px; font-size: 12px; }
		.podmenu ul li a { color: #707070; display: inline-block; *display: inline; zoom:1; padding: 4px 7px 0; height: 28px; line-height: 28px; background: url(../images/bg-1.png) -1px no-repeat; }
		.podmenu ul li a:hover { background-repeat: repeat; }
		
		
		
		
.page-BG { background: url(../images/page-BG.png) center repeat-y; }
	.page-T { background: url(../images/page-T.png) center top no-repeat; height: 1%; }	
	.page-B { background: url(../images/page-BG-25.png) center bottom no-repeat; padding-bottom: 4px; height: 1%; }
	.page { padding: 120px 0 20px; width: 999px; background: #fdfcf6; border-left: solid 1px #e5eae6; border-right: solid 1px #e5eae6; margin: 0 auto; height: 1%; }
		
	.col-1, .col-2, .col-3 { width: 234px; float: left; padding-left: 25px; }
	.col-2 { width: 204px; }
	.col-3 { width: 194px; }
		.h201 { font: italic 18px 'Times New Roman', Times, serif; color: #3d3c3c; padding-bottom: 7px; padding-left: 2px; position: relative; margin-bottom: 12px; border-bottom: solid 1px #a8a7a1; }
			.h201 a { color: #3d3c3c; text-decoration: none; }
			.h201 a:hover { color: #27408b; text-decoration: underline; }
		.h202 { font: italic 18px 'Times New Roman', Times, serif; color: #3d3c3c; padding-bottom: 0px; }
		.sl-1 { position: relative; }
			.sl-1-L, .sl-1-R { position: absolute; width: 22px; height: 23px; display: block; top: -15px; right: 0; background: url(../images/bl-2.png) 0 0 no-repeat; }
			.sl-1-L { right: 22px; background-position: -22px 0; }
			.sl-1-L:hover { background-position: -22px -23px; }
			.sl-1-R:hover { background-position: 0px -23px; }
		
		.article {  }
		.h301 { font-size: 18px; padding-bottom: 5px; padding-right: 44px; font-weight: normal; }
			.h301 a { text-decoration: none; color: #000; }
			.h301 a:hover { text-decoration: underline; }
		
		.img-1 { margin-bottom: 5px; font-size: 10px; width: 233px; position: relative; left: -2px; text-align: center; }
			.img-1 .BG { background: url(../images/img-1-BG.png) 0 0 repeat-y; height: 1%; }
			.img-1 .T { background: url(../images/img-1-T.png) 0 0 no-repeat; height: 1%; }
			.img-1 .B { background: url(../images/img-1-B.png) 0 100% no-repeat; height: 1%; padding: 8px 8px 11px; }
			.img-1 img { margin-bottom: 6px; }
			.img-1 span, .img-2 span { text-align: left; display: block; padding: 0 7px; }
		
		.text-1 { padding-bottom: 5px; text-align: justify; }
		.text-2 { font-size: 11px; }
		
		.box-1 { width: 236px; background: url(../images/box-1-BG.png) 0 0 repeat-y; height: 1%; position: relative; left: -4px; font-size: 10px; line-height: 14px; margin-bottom: 26px; }
			.box-1-T { background: url(../images/box-1-T.png) 0 0 no-repeat; height: 1%; }
			.box-1-B { background: url(../images/box-1-B.png) 0 100% no-repeat; height: 1%; padding: 38px 20px 20px 24px; }
			
			.box-1 dl { padding-bottom: 12px; }
			.box-1 dt, .box-1 dd { display: inline-block; *display: inline; zoom:1; width: 49px; vertical-align: top; }
			.box-1 dd { width: 140px; }
		
		
		.vote-box { margin-bottom: 25px; }
			.h401 { font-size: 15px; color: #4a4948; padding: 0 46px 10px 0; }
			.h401 a { color: #4a4948; text-decoration: none; }
			.h401 a:hover { text-decoration: underline; }
			.vote { padding-bottom: 9px; font-size: 11px; line-height: 15px; }
			.vote li { display: block; float: none; clear: both; padding: 0 9px 9px; overflow: hidden; list-style: outside none none; zoom:1; }
			.jNiceRadio { width: 16px; height: 16px; background: url(../images/i-radio.png) 0 -16px no-repeat; border: none; }
			.jRadioWrapper { width: 27px; }
			.jRadioWrapper .jNiceChecked { background-position: 0 0; }
			.vote label { display: block; float: left; width: 155px; }
			
			.i-s { background: url(../images/i-submit.png) 0 0 repeat-x; position: relative; padding: 0 3px; height: 24px; font-size: 12px; color: #3d3c3c; line-height: 24px; text-align: center; display: inline-block; *display: inline; zoom:1; text-decoration: none !important; margin-bottom: 20px; }
				.i-s i, .i-s b { display: block; width: 2px; height: 24px; background: url(../images/i-submit.png) 0 -24px no-repeat; position: absolute; left: 0; top: 0; }
				.i-s b { left: -2px; margin-left: 100%; background-position: 0 -48px; }
				.i-s:hover { background-position: 0 -72px; }
				.i-s:hover i { background-position: 0 -96px; }
				.i-s:hover b { background-position: 0 -120px; }
			.is-1 { width: 100px; }
			.is-2 { width: 170px; }
			.i-s-3 { width: 60px; }
			.i-s input { background: none; padding: 0; margin: 0; border: none; height: 24px; font: normal 12px Arial, Helvetica, sans-serif; line-height: 24px; color: #3d3c3c; }
			
			.ul-1 { font-size: 10px; }
				.ul-1 li { list-style: outside none none; padding: 0 0 6px; }
		
		.autor { padding-bottom: 10px; }	
			.autor dt, .autor dd, .autor dt a { display: inline-block; *display: inline; zoom:1; }
			.autor dt img { width: 55px; height: 55px; }
			.autor dt a { position: relative; padding: 1px; }
			.autor dt a span { display: block; position: absolute; width: 56px; height: 56px; left: 0; top: 0; background: url(../images/photo-BG.png) 0 0 no-repeat; }
			.autor dd { position: relative; bottom: 4px; padding-left: 8px; }
			
		.new { padding-bottom: 12px; font-size: 11px; line-height: 18px; }
			.new dt {  }
			.new dt a { color: #3d3c3c;  }
			.new dd { color: #a4a4a4; padding-bottom: 5px; }
			
		.img-2 { margin-bottom: 4px; width: 208px; position: relative; left: -6px; text-align: center; }
			.img-2 .BG { background: url(../images/img-4-BG.png) 0 0 repeat-y; height: 1%; }
			.img-2 .T { background: url(../images/img-4-T.png) 0 0 no-repeat; height: 1%; }
			.img-2 .B { background: url(../images/img-4-B.png) 0 100% no-repeat; height: 1%; padding: 11px 11px 16px 16px; }
			.img-2 span { padding: 6px 4px 0; }
			
	.c-1 { width: 987px; margin: 0 auto; background: #ffffff; }
		.c-1 .T { background: url(../images/c-1-T.png) 0 0 repeat-x; }
		.c-1 .L-T { background: url(../images/c-1-L-T.png) 0 0 no-repeat; }
		.c-1 .R-T { background: url(../images/c-1-R-T.png) 100% 0 no-repeat; }
		.c-1 .R-B { background: url(../images/c-1-R-B.png) 100% 100% no-repeat; }
		.c-1 .L-B { background: url(../images/c-1-L-B.png) 0 100% no-repeat; padding: 25px 53px 16px; min-height: 130px; _height: 130px; }
		
		.temi { width: 650px; float: left; padding: 0 7px 13px; }
			.f-s-10 { font-size: 10px; }
			.f-s-13 { font-size: 13px; }
			.f-s-17 { font-size: 17px; }
			.f-s-22 { font-size: 22px; }
			.tags a { color: #0174d5; padding-right: 1em; }
			
		.rubriki { width: 200px; float: right; }
			.rubriki li { list-style: outside none none; line-height: 18px; padding: 0; }
			.rubriki li a { color: #4599e0; }
			.rubriki .h202 { padding-bottom: 4px; }
			
		.i-t-1, .sel-1 { height: 22px; width: 648px; font-size: 14px; line-height: 22px; padding: 0 5px; background: #fdfcf6; border: solid 1px #91908b; margin-right: 5px; float: left; color: #a09d78; }
		.sel-1 { width: 133px; height: 24px; *font-size: 16px; padding-right: 0; }
		.form-1 .i-s { margin-bottom: 0; }
		
		.footer { text-align: center; padding: 25px 0 0; }
			.footer * { vertical-align: middle;}
			.footer .m-t { padding: 0 0 9px; }
			
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		    
© TrueDev.org