@import "publication.css";
@import "_publication.css";

HTML,
BODY,
FORM {margin: 0; padding: 0;}
BODY {color: #000000; background: #022954 url('/img/body_bg.gif') repeat-x; font: normal 70% "Tahoma";}

INPUT, SELECT, TEXTAREA {font: normal 1em "Tahoma";}

A {color: #058ad8; text-decoration: underline;}
A:HOVER {text-decoration: none;}
A IMG {border: 0;}

H1 {margin: 0 0 0.6em 0; padding: 0; font: bold 1.4em "Tahoma"; color: #006c7d;}
H1 A {color: #006c7d; text-decoration: none;}
H1 A:HOVER {text-decoration: underline;}
H2,
H3 {margin: 0 0 0.4em 0; padding: 0; font: bold 1em "Tahoma";}
H3 {margin-top: 2em;}

P {margin: 0 0 0.7em 0;}
DIV.text {line-height: 1.2em;}

DIV.row {min-height: 1%;}
DIV.row:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#header:after,
#main_inner:after,
#footer:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#outer {background: #ffffff; max-width: 1073px;}
#inner {position: relative; text-align: left;width: 973px; padding: 45px 0;}

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

#topleft {float: left; padding-right: 14px;}
#topleft:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#header {margin: 0 0 1.5em 0; position: relative; width: 719px; hieght: 300px;}
    #header_img {position: relative; margin-top: -48px; left: 0; width: 719px; height: 269px; z-index: 1;}
    #header_img_space {position: absolute; bottom: 0; left: 0; width: 719px; height: 211px; z-index: 2;}
    #header_menu {margin: 0 0 0 0; padding: 0; position: relative; top: -0.25em; z-index: 2; text-align: right;}
        #header_menu LI {margin: 0; padding: 0 0 0 1.8em; display: inline; list-style: none; font: normal 1.2em "Tahoma";}
        #header_menu LI A {color: #f2581b; text-decoration: none;}
    #header_shortcuts {position: absolute; z-index: 3; top: 0; left: 18px;}
        #header_shortcuts A {margin-right: 14px;}

#breadcrumbs,
#no_breadcrumbs {font-size: 0.8em; margin: 2px 0 0 0; padding: 0.3em 1em 0.5em 1em;}
#breadcrumbs {background: #e4e8eb;}
#breadcrumbs A {}
#breadcrumbs IMG {margin: 0 0.3em;}

#main {width: 519px; position: relative; float: left;}
#main DIV.text {padding: 0 0 0.8em 0; min-height: 1px; font-size: 1.2em;}
#main DIV.text:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#main DIV.text H1 {font-size: 1.2em;}
#main DIV.text P {position: relative; top: -0.28em; left: 0;}
#main DIV.text DIV.img {float: left; margin-right: 14px; position: relative; z-index: 4;}
#main DIV.text DIV.img IMG {border: 1px solid #cecece;}
#main DIV.col3 {font-size: 0.9em; margin-bottom: 0.8em; min-height: 1px;}
#main DIV.col3:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#main DIV.col3 DIV.col {width: 171px; float: left; padding-top: 6px;}
#main DIV.col3 DIV.sep {width: 3px; float: left;}
#main DIV.col3 DIV.img {margin-bottom: 1em;}
#main DIV.col3 DIV.img IMG {width: 169px; height: 92px; border: 1px solid #cecece;}
#main DIV.col3 DIV.c1 {border-top: 4px solid #59d13c;}
#main DIV.col3 DIV.c2 {border-top: 4px solid #3ccbd1;}
#main DIV.col3 DIV.c3 {border-top: 4px solid #d13c79;}
#main DIV.col3 H1 {color: #f2581b; font: bold 1.1em "Tahoma";}
#main DIV.col3 H1,
#main DIV.col3 H1 A {color: #f2581b; text-decoration: none;}
#main DIV.col3 H1 A:HOVER {text-decoration: underline;}
#main DIV.col3 {color: #646464;}
#main DIV.col2 {margin-bottom: 0.8em; min-height: 1px;}
#main DIV.col2:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#main DIV.col2 DIV.banner {margin: 5px 0 10px 0; height: 115px;}
#main DIV.col2 DIV.col {width: 255px; float: left;}
#main DIV.col2 DIV.sep {width: 9px; float: left;}
#main DIV.col2 DIV.list P {font-size: 1.2em; background: url('/img/i_arrow.gif') no-repeat left 0.4em; padding-left: 16px; margin: 0 0 0.4em 0;}
#main DIV.banner_bottom {margin-top: 2em;}
#main DIV#quote {margin: 0 0 2em 0;}
#main DIV#quote H2 {margin: 0; padding: 0; position: relative; top: 1px; left: 30px;}
#main DIV#quote_inner {border: 1px solid #cecece; padding: 20px 30px; color: #6e7e8b; font: normal 1.25em Times New Roman, Times;}
#main DIV#quote BLOCKQUOTE {margin: 0 0 0.5em 0; padding: 0;}
#main DIV#quote ADDRESS {font-weight: bold; font-style: normal; margin: 0; padding: 0;}

#left {width: 186px; position: relative; float: left; padding: 0.1em 14px 0 0;}
#leftmenu {margin-bottom: 1em;}
#leftmenu UL {margin: 0; padding: 0;}
#leftmenu UL LI {list-style: none; margin: 0; padding: 0; background: url('/img/bg_leftmenu.gif') repeat-x left top; position: relative;}
#leftmenu UL LI.active {background-color: #fef8e3;}
#leftmenu UL LI.first {background-image: none;}
#leftmenu UL LI SPAN.inner {display: block; padding: 0.8em 0 0.7em 45px; position: relative;}
#leftmenu UL LI.first SPAN.inner {padding-top: 0.2em;}*
#leftmenu UL LI SPAN.inner IMG {position: absolute; left: 0; top: 0.2em;}
#leftmenu UL LI UL {padding-top: 0.4em;}
#leftmenu UL LI SPAN.header A {font: bold 1.1em "Tahoma"; color: #f2581b; padding-right: 5px; text-decoration: none; background: url('/img/bg_leftmenu_h.gif') no-repeat right 0.7em; text-transform: uppercase;}
#leftmenu UL UL LI {display: inline; background: none;}
#leftmenu UL UL LI.active {font-weight: bold;}
#leftmenu UL UL LI A {text-decoration: none; color: #006c7d;}
#leftmenu UL LI SPAN.header A:HOVER,
#leftmenu UL LI A:HOVER {text-decoration: underline;}
#leftmenu UL LI SPAN.inner UL LI A IMG {position: relative; top: -0.1em;}
#leftmenu UL UL LI.sep {padding: 0 2px; position: relative; top: 0.4em; left: 1px;}

#left DIV.search {background: #d8e9eb; border-top: 3px solid #006c7d; padding: 14px 6px 14px 12px; margin: 0 0 1.5em 0;}
#left DIV.search INPUT.text {padding: 1px 2px 2px 4px; margin-right: 6px; width: 133px; float: left; border: 1px solid #8eb5b0; color: #b2b2b2;}
#left DIV.search INPUT.active {color: #000000;}
#left DIV.search INPUT.submit {}
#left DIV.banner_bottom {padding: 0 0 1.5em 0;}

#left DIV.partners P {/* padding-left: 25px; */ position: relative;}
#left DIV.partners P IMG {position: absolute; top: 7px; left: 3px; width: 16px; height: 16px;}

#left DIV.gadgets {}
#left DIV.gadgets DIV.list {border: 1px solid #c30710; margin: 0; padding: 10px; text-align: center;}
#left DIV.gadgets DIV.list DIV.item {margin-bottom: 15px; color: #646464;}
#left DIV.gadgets DIV.list DIV.item A {font-size: 1.2em;}
#left DIV.gadgets DIV.list DIV.item P {margin: 0; padding: 0;}
#left DIV.gadgets DIV.list DIV.img {margin: 6px 0 2px 0;}
#left DIV.gadgets DIV.list DIV.img IMG {width: 100px; height: 100px; border: 1px solid #cecece;}
#left DIV.gadgets DIV.link A {background: #c30710; padding: 0px 5px 2px 5px; color: #fff; font-size: 0.85em;}

#right DIV.facts {padding-top: 10px;}
#right DIV.facts DIV.list {border: 1px solid #ff8400; margin: 0; padding: 10px; text-align: center;}
#right DIV.facts DIV.list DIV.item {margin-bottom: 15px; color: #646464;}
#right DIV.facts DIV.list DIV.item A {font-size: 1.2em;}
#right DIV.facts DIV.list DIV.item P {margin: 0; padding: 0;}
#right DIV.facts DIV.list DIV.img {margin: 6px 0 2px 0;}
#right DIV.facts DIV.list DIV.img IMG {width: 100px; height: 100px; border: 1px solid #cecece;}
#right DIV.facts DIV.link A {background: #ff8400; padding: 0px 5px 2px 5px; color: #fff; font-size: 0.85em;}

#main DIV.mania {padding-top: 10px;}
#main DIV.mania DIV.list {border: 1px solid #ff8400; margin: 0;}
#main DIV.mania DIV.list DIV.item {padding-bottom: 15px; color: #646464; float: left; width: 33.25%; text-align: center;}
#main DIV.mania DIV.list DIV.item P {font-size: 1.2em; margin: 0; padding: 0 8px; text-align: center;}
#main DIV.mania DIV.list DIV.img {margin: 6px 0 2px 0;}
#main DIV.mania DIV.list DIV.img IMG {width: 100px; height: 100px; border: 1px solid #cecece;}
#main DIV.mania DIV.header {position: relative; padding-top: 20px; padding-bottom: 5px;}
#main DIV.mania DIV.header H2 {float: left; text-align: left; color: #fff; background: #ff8400 url('/img/mania_arrow_out.gif') no-repeat right top; height: 13px; padding: 2px 15px 2px 5px; width: 50px;}
#main DIV.mania DIV.header P {float: left; padding: 2px 0 0 20px; color: #646464;}
#main DIV.mania DIV.header A.link {float: right; position: relative; background: #ff8400 url('/img/mania_arrow_in.gif') no-repeat left top; height: 13px; padding: 2px 5px 2px 15px; color: #fff; font-size: 0.85em;}
#main DIV.mania DIV.video DIV.item {width: 24.9%;}
#main DIV.mania DIV.video DIV.img IMG {width: 70px;}

#main DIV.whatsnew {background: #fef8e3; border: 1px solid #e7e3d7; padding: 20px 20px 10px 20px; margin-bottom: 10px;}

#right {float: left; width: 240px;}
#right DIV.banner_top {padding: 0 0 1px 0; width: 240px; height: 401px;}
DIV.block {margin: 0 0 1.5em 0;}
DIV.block H1 {margin: 0; padding: 0;}
DIV.block DIV.list {margin: 0 0 0.8em 0;}
DIV.block DIV.list P {margin: 0; padding: 0.3em 0.5em 0.4em 1.6em;}
#right DIV.block DIV.list P.even {}
#right DIV.block DIV.list P.odd {background: #edf1f4;}
#right DIV.block DIV.list P A {color: #000000; text-decoration: none;}
#right DIV.block DIV.list P A:HOVER {text-decoration: underline;}
#right DIV.block DIV.rss {float: left; padding-left: 1.6em; padding-top: 0.3em;}
#right DIV.block DIV.read_all,
#right DIV.block DIV.forum {text-align: right; padding-right: 0.5em;}
#right DIV.block DIV.read_all A {background: url('/img/i_read_all.gif') no-repeat left 0.4em; padding-left: 20px;}
#right DIV.block DIV.forum A {background: url('/img/i_forum.gif') no-repeat left 0.1em; padding-left: 20px;}
#right DIV.banner_bottom {padding: 0 0 1.5em 0;}
#right DIV.voting {border: 1px solid #006c7d;}
#right DIV.voting P#voting-result-info {color: #c30710;}
#right DIV.voting H1 {margin: 0; padding: 0; display: block; background: #006c7d;}
#right DIV.voting DIV.inner {padding: 1em 0.8em;}
#right DIV.voting SPAN.resultline {display: block; height: 3px; background: #f2581b;}
#right DIV.voting H2 {font: bold 1.1em "Tahoma"; color: #f2581b; margin: 0 0 0.8em 0;}
#right DIV.voting DIV.list {margin: 0 0 1em 0;}
#right DIV.voting DIV.list P {margin: 0 0 0.4em 0.2em; min-height: 1%;}
#right DIV.voting DIV.list P:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#right DIV.voting DIV.list P LABEL {margin-left: 20px; padding: 2px 0 0 4px; display: block;}
#right DIV.voting DIV.list P INPUT {float: left;}

#right-profile {background: #d8e9eb; font-size: 1.2em; margin-top: 1.5em;}
#right-profile H3 {margin: 0;}
#right-profile TD {border: 0;}
#right-profile DIV.inner {padding: 10px 15px 10px 16px;}
/*#right-profile TD INPUT {font-size: 0.85em;}*/
#right-profile .smallfont {font-size: 0.85em;}
#right-profile DIV.add {border-top: 1px solid #c0d2d4; padding: 10px 0 3px 0; margin: 10px 0 0 0; position: relative;}
#right-profile DIV.add A {background: url('/img/i_add.gif') no-repeat; padding-left: 20px; position: relative; padding-bottom: 3px;}

#bottom {border-top: 1px solid #d9d9d9; position: relative; clear: left; margin: 1em 0 0.8em 0;}
#bottom:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#bottom DIV.col4 {font-size: 0.9em;}
#bottom DIV.col4:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#bottom DIV.col4 H1 {color: #f2581b; font: bold 1.1em "Tahoma";}
#bottom DIV.col4 H1 A {color: #f2581b;}
#bottom DIV.col4 {color: #646464;}
#bottom DIV.col {width: 165px; height: 100px; position: relative; float: left; padding-left: 70px; /*border-left: 70px solid #3c9ad1;*/}

#bottom DIV.sep {width: 11px; float: left;}
#bottom DIV.col DIV.inner {/*position: absolute; bottom: 0; left: 0; */padding-left: 11px;}
#bottom DIV.col P {margin: 0;}
#bottom DIV.col DIV.img {position: absolute; top: 0; left: 0; width: 70px;}
#bottom DIV.col DIV.img IMG {border: 1px solid #cecece;}

#footer {border-top: 6px solid #006c7d; position: relative; margin: 2em 0 0 0; padding: 1em 0;}
#footer DIV.counters {float: left; width: 65px; position: relative;}
#footer DIV.counters DIV {float: left; margin-right: 4px;}
#footer P.adv {float: left; width: 270px; padding-right: 40px;}
#footer P.copyright {float: left; width: 300px; padding-right: 40px;}
#footer P.dl_logo {float: left; width: 50px; }
#footer P.designlab {float: left; width: 200px;}

.hidden {display: none;}

/* reklamnye ssylki */
#begunSpan {font-size: 11px; color: Black;}
#begunSpan a{color: #666666; font-size: 11px;}