html,body {margin:0; padding:0; width:100%; height:100%;}
body {background-color:#fff; font:100% Arial,sans-serif; color:#000; line-height:1.4;}
table {width:100%; border:0; border-collapse:collapse;}
td {vertical-align:top; padding:0;}

a {color:#06c;}
a:hover {color:#f00;}
.self {color:#06c; text-decoration:none; border-bottom:1px dashed #06c;}
.self:hover {color:#f00; border-bottom-color:#f00;}
.map, .popup {position:relative; margin-right:18px;}
.map::before, .popup::before {
    content:"";
    position:absolute;
    top:50%;
    left:100%;
    width:16px;
    height:16px;
    margin-top:-7px;
    margin-left:.2em;
    background:url(/i/icons.gif) no-repeat scroll 0 0;
}
.popup::before {background-position:-16px 0;}

.container {min-width:1100px;}

.row:before, .row:after {content:"";display:table;}
.row:after {clear:both;}
.col {float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

spacer {float:none !important; position:static !important;}
.header h1 {font-size:140%; font-weight:normal; margin-left:5%; clear:both;}
td.sep {padding-bottom:5em !important;}

/* домик, лупа и конверт */
div.trio-block {height:26px; padding-left:80px; background-color:#f00}
a.trio {display:block; width:27px; height:16px; margin:5px 20px; float:left;}
a.home {background:url(../i/trio.gif) no-repeat 0 0;}
a.home-selected {background:url(../i/trio.gif) no-repeat 0 -16px;}
a.search {background:url(../i/trio.gif) no-repeat 0 -32px;}
a.search-selected {background:url(../i/trio.gif) no-repeat 0 -48px;}
a.contact {background:url(../i/trio.gif) no-repeat 0 -64px;}
a.contact-selected {background:url(../i/trio.gif) no-repeat 0 -80px;}

/* переключатель языка */
#lang {float:right; color:#fff; font-size:81.25%; line-height:26px; margin-right:30px;}
#lang a, #lang span {text-decoration:none; color:#fff; padding:.1em .5em; margin:0 .2em;}
#lang .selected {background-color:#fff; color:#f00;}

/* логотип */
.logo {width:710px;}

/* главное меню */
.menu {margin-right:5%; float:right;}
.menu nav {display:table; height:137px;}
.menu ul, .menu li {margin:0; padding:0; list-style:none;}
.menu ul {display:table-cell; vertical-align:middle; height:137px;}
.menu ul:first-child {padding-right:25px;}
.menu li {white-space:nowrap; font-size:87.5%; line-height:1.7;}
.menu li.selected {font-weight:bold; color:#f00;}
.menu ul a {font-weight:normal;}

/* блок тизеров */
table.teasers {background-color:#ff0000;}
table.teasers td {width:33%; vertical-align:middle; text-align:center;}
table.teasers td.center {width:33%; padding:0; border-left:1px dashed #ffffff; border-right:1px dashed #ffffff;}
.teaser {width:20em; margin:15px auto; background-color:#ffffff;}
table.teaser-content {width:1px; margin:0 auto;}
table.teaser-content td {font-size:80%; line-height:1.6em; padding:.3em; text-align:left; white-space:nowrap;}
table.teaser-content h2 {font-size:165%; font-weight:normal; margin:0;}
table.teaser-content a {color:#ff0000;}
table.teaser-content a:hover {color:#000000;}
.top-left, .bottom-left, .top-right, .bottom-right {width:100%; height:5px;} 
.top-left {background:url(../i/corner/tl.gif) no-repeat top left;}
.bottom-left {background:url(../i/corner/bl.gif) no-repeat bottom left;}
.top-right {background:url(../i/corner/tr.gif) no-repeat top right;}
.bottom-right {background:url(../i/corner/br.gif) no-repeat bottom right;}

/* журналы и книги на главной странице */
.recent-editions-header > div {width:23.3%; margin:0 5%;}
.recent-editions-header > div:first-child {width:56.6%;}
.recent-editions-header h1 {font-size:131.25%; font-weight:normal;}
.recent-editions {margin-top:1em; font-size:87.5%; line-height:1.4em;}
.recent-editions > div {width:23.3%; margin:0 5%;}
.recent-editions a {color:#f00;}
.recent-editions a:hover {color:#000;}
.recent-editions h2 {margin-top:1.5em; font-size:100%;}
.recent-editions ul {list-style-image:url(../i/li_annon.gif); margin-left:15px; padding:0; font-size:92.85%; line-height:1.2em;}
.recent-editions ul li {margin:1em 0; padding-left:10px;}

/* новости на главной */
.recent-news {margin-top:2em; background-color:#f0f2f4; padding:20px 0;}
.recent-news h2 {font-weight:normal; font-size:140%; margin:0 0 .5em 5%;}
.recent-news-item {width:23.3%; margin:0 5%; font-size:81.25%;}
.recent-news-item .date {color:#777;}
.recent-news-archive {margin:1.5em 0 0 5%;}
.recent-news-archive a {color:#f00; font-size:81.25%; margin-right:2em;}
.recent-news-archive a:hover {color:#000;}

/* баннеры */
.banners {margin:2em 0;}
.banners td {text-align:center;}
.banners img {border:0;}
div.line {width:100%; height:3px; background-color:#f00;}

/* подвал */
.footer {background-color:#f0f2f4; border-top:3px solid #f00; color:#666; font-size:75%; line-height:1.5em;}
.footer-address {margin-left:5%; padding:30px 0; width:28.3%;}
.footer-phones {margin-left:5%; padding:30px 0; width:28.3%;}
.footer-developer {margin:0 5%; padding:30px 0; width:23.3%;}
.footer-developer > div:first-child{margin-bottom:.5em;}
.footer-developer-logo {color: #000; font-size: 125%;}
.footer-developer span {color: #f60;}

/* крошки */
.breadcrumbs {float:left; font-size:81.25%; margin:1em 5%; color:#444;}
.breadcrumbs a {color:#444;}
.breadcrumbs a:hover {color:#000;}

/* боковое меню */
.sidemenu, .sidemenu ul, .sidemenu li {list-style-type:none; margin:0; padding:0;}
.sidemenu {font-size:87.5%; line-height:1.7;}
.sidemenu > li {position:relative;}
.sidemenu ul {position:absolute; top:0; left:4em; z-index:1; font-weight:normal;}
.sidemenu .selected {color:#f00; font-weight:bold;}
.sidemenu-wide li {line-height:1.5 !important; margin-bottom:1.2em !important;}

/* статические страницы */
.page-header {margin-left:25%; margin-top:3em; font-size:131.25%; font-weight:normal; clear:both;}
.page-nav {width:20%; margin-left:5%; padding-right:30px;}
.page-content {width:70%; margin-bottom:30px; line-height:1.7; font-size:87.5%;}

/* архив новостей */
.news {width:70%;}
.news-header {margin-left:25%; margin-top:3em; font-size:131.25%; font-weight:normal; clear:both;}
.news-nav {width:20%; margin-left:5%; padding-right:30px;}
.news-rss {margin:1em 0; font-size:87.5%;}
.news-rss a {color:#f00;}
.news-rss a:hover {color:#000;}
.news-item {margin-bottom:2em;}
.news-date {color:#777; font-size:81.25%;}
.news-title {font-size:87.5%;}
.news-content {margin-bottom:30px; line-height:1.7; font-size:87.5%;}

/* журналы и приложения */
.editions-list {margin-bottom:2em; overflow:hidden;}
.editions-list-cover {margin-left:5%; width:20%; padding-right:30px;}
.editions-list-cover img {border:0; max-width:203px; width:100%;}
.editions-list-info {margin-right:5%; width:70%;}
.editions-list-title {font-size:112.5%; color:#f00;}
.editions-list-title:hover {color:#000;}
.editions-list-description, .editions-list-years {font-size:87.5%; margin-top:1em;}
.editions-list-years a {display:inline-block; margin-right:.5em; margin-bottom:.5em;}

/* выпуски изданий и приложений */
.issues-header {margin-left:25%; font-size:131.25%; font-weight:normal; clear:both;}
.issues {width:70%;}
.issues > div {float:left; width:30%; margin-right:3.3%; margin-bottom:50px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.issues > div:nth-child(3n+1){clear:left;}
.issues-date {font-size: 87.5%;}
.issues-nav {width:20%; margin-left:5%; padding-right:30px;}

/* выпуск издания */
.issue {width:70%;}
.issue-cover {padding-right:30px;}
.issue-toc {clear:both; margin:2em 0;}
.issue-toc h2 {font-size:100%; color:#000; font-weight:bold;}
.issue-toc-item {position:relative; font-size:87.5%; margin-bottom:1.5em;}
.issue-toc-item .pdf {position:absolute; top:0; left:-36px;}
.issue-toc-item .pdf img {border:0; width:29px; height:28px; background:url(/i/pdf.gif) no-repeat top left;}
.issue-toc-item .author {font-style:italic;}
.issue-toc-item .title a {text-decoration:none; border-bottom:1px dashed #06c; cursor:pointer;}
.issue-toc-item .title a:hover,
.issue-toc-item .title a.selected {border-bottom-color:#f00; color:#f00;}
.issue-toc-item .description {display:none; padding-top:.5em; font-size:92.86%;}

/* дайджесты и книги */
.digebooks {margin-bottom:3em; overflow:hidden;}
.digebook-cover {margin-left:5%; width:20%; padding-right:30px;}
.digebook-cover img {border:0; max-width:203px; width:100%;}
.digebooks-header {margin-left:25%; font-size:131.25%; font-weight:normal; clear:both;}
.digebook-info {width:50%; padding-right:30px;}
.digebook-order {margin-right:5%; width:20%; text-align:center;}
.digebook-title {font-size:100%; font-weight:bold; color:#000;}
.digebook-author {font-size:87.5%; color:#666;}
.digebook-description {font-size:87.5%; margin-top:1em;}
.digebook-toc {margin-top:1em;}
.digebook-toc img {border:0; width:29px; height:28px; margin-right:10px; background:url(/i/pdf.gif) no-repeat left top;}
.digebook-price {font-size:121.5%; color:#c00; white-space:nowrap;}
.digebook-old-price {font-size:121.5%; white-space:nowrap; color:#9ab; text-decoration:line-through;}
.digebook-absent {font-size:121.5%; white-space:nowrap; color:#9ab;}
.digebook-order-btn {margin-top:1em;}

/* выставки и конференции*/
.activity-header {margin-left:25%; margin-top:3em; font-size:131.25%; font-weight:normal; clear:both;}
.activity-nav {width:20%; margin-left:5%; padding-right:30px;}
.activity-events {width:70%; margin-bottom:30px;}
.activity-events table {font-size:87.5%;}
.activity-events th, .activity-events td {border-bottom:1px solid #ccc; padding:.5em 1em; text-align:left;}
.activity-events th {vertical-align:bottom; border-bottom-width:2px;}

/* информер корзины покупок */
.cart {float:right; width:23%; margin:1em 5%; padding-left:50px; background:url(/i/cart2.gif) no-repeat left top;}
.cart-title {font-weight:bold; font-size:87.5%;}
#cart-totals {font-size:87.5%;}

/* корзина покупок */
.cart-header {margin-left:25%; margin-top:3em; font-size:131.25%; font-weight:normal; clear:both;}
.cart-nav {width:20%; margin-left:5%; padding-right:30px;}
.cart-content {width:70%; margin-bottom:30px;}
.cart-msg {font-size:87.5%;}
.cart-msg-payment li {padding-bottom:1em;}
.cart-list {width:100%; font-size:87.5%;}
.cart-list td {border-bottom:1px solid #ddd; padding:10px 5px; vertical-align:middle;}
.cart-list th {border-bottom:3px solid #ddd; padding:10px 5px; text-align:left;}
.cart-list tr.total td {border:0; font-weight:bold;}
.cart-list input {font-family:sans-serif; font-size:100%}
.cart-list-remove {display:block; width:21px; text-align:center; text-decoration:none; color:#c00; font:21px/21px serif;}
.cart-list-remove:hover {color:#f00;}
.shipping-methods {font-size: 87.5%; line-height:2;}
.shipping {margin-bottom:20px; text-align:right;}
.shipping-asterisk {font-size:175%; color:#f00;}
.shipping-info {font-size:87.5%;}
.shipping-remark {font-size:81.25%; font-style:italic;}
.order-form {width:auto; font-size:87.5%;}
.order-form th {padding:0 5px 20px 5px; font-weight:bold; text-align:left;}
.order-form td {padding:5px; text-align:left;}
.order-form input.txt {width:20em;}
.order-form textarea {width:100%; height:8em; overflow:auto;}
.order-form textarea#address {height:4em;}

/* форма поиска */
.search-form {float:right; width:23.3%; margin:1em 5%;}
.search-form-sitemap {font-size:81.25%; color:#000;}

/* страница поиска */
.search-container {margin:30px 5% 0 25%;}
.search-header {font-size:131.25%; font-weight: normal;}

.sitemap {font-size:87.5%; margin-top:30px;}
.sitemap ul {margin:0; padding:0; list-style:none;}
.sitemap ul ul {margin-left:2em; margin-bottom:1em;}
.sitemap li {margin-bottom:.3em;}
