@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; }