body {margin: 0; padding: 0; background-color: white; color: black;}
body, td, th {font-size: 80%; font-family: Arial, Geneva CY, Sans-Serif;}

a {color: #125090;}
a:visited {color: #50667e;}
a:hover {color: #04386e;}

.error {color: #cc3333;}
a.popup img {margin: 0.2em 0.6em 0 0;}


/* Navigation */

td.root-menu {font-size: 95%; padding: 20px 0 0 20px;}
td.root-menu div.root-current {font-weight: bold;}

ul.sub-menu {margin: 0.8em 0 0 18px; padding: 0; list-style-type: none;}
ul.sub-menu li {margin: 0 0 0.3em 0; padding: 0; background: none;}
ul.sub-menu li.current {font-weight: bold;}

td.root-menu ul.sub-menu {font-size: 85%;}

div#service-icons {margin: 17px 20px 0 0;}


/* Splash */

div.splash-left-block {margin: 0 0 0.5em 20px; position: relative; z-index: 2; font-size: 94%;}
div.splash-left-block a, div.splash-left-block a:visited, div.splash-left-block a:hover {color: white;}
div.splash-right-block {margin: 15px 10px 0.5em 0; color: #060606; font-size: 94%;}
div.splash-right-block h2 {font-size: 133%; color: #a8a9ad;}
div.splash-right-block a, div.splash-right-block a:visited, div.splash-right-block a:hover {color: white;}


/* Common HTML elements */

h1 {margin: 0 0 1.2em 0; font-size: 150%;}
h2 {margin: 2em 0 0.5em 0; font-size: 125%;}
h3 {margin: 1.5em 0 0.5em 0; font-size: 112.5%;}
h2.first, td.content h3.first {margin-top: 0;}
p {margin: 0 0 1.2em 0;}
ul {margin: 0 0 1.2em 6px; padding: 0; list-style-type: none;}
ul li {margin: 0.5em 0 0 0; padding-left: 18px; background: url('/i/li.gif') 0 0.6em no-repeat;}
ol {margin: 0 0 1.2em 0; padding: 0;}
ol li {margin: 1.2em 0 0 24px; padding: 0;}

.comment {color: #525051; font-size: 85%;}

p.name {margin-bottom: 0.3em;}
div.contacts {margin: 0 0 1.2em 20px;}

span.phone-number {font-size: 125%; font-weight: bold; color: #ed8000;}
span.phone-sequence {font-weight: bold; color: #ed8000;}
span.comment {color: #525051; font-size: 85%;}

table.content {margin: 0 0 1.2em 0; position: relative; left: -5px;}
table.content tr th {padding: 0.5em 15px 0.5em 5px; border-bottom: 2px solid #ebebeb; color: #494949; font-weight: bold;}
table.content tr td {padding: 0.5em 15px 0.5em 5px; border-bottom: 1px solid #ebebeb;}
table.content tr.last td {border-bottom: none;}
table.content tr td.subtitle {padding-top: 1em; border-bottom: 0; color: #494949; font-weight: bold; font-size: 100%;}

table.small tr th, table.small tr td {font-size: 70%;}

/* Download files */
div.dn-file {position: relative; margin: 0 0 1.2em 24px;}
div.dn-file div.icon {position: absolute; top: 0.2em; left: -24px;}
ul li div.dn-file {margin-top: 0.5em; margin-bottom: 0.5em;}


/* Forms */

form {margin: 0; padding: 0;}
table.form {margin: 0 0 1.2em 0;}
table.form td.field-caption {padding: 0.3em 10px 0.3em 0;}
table.form td.field {padding: 0.3em 0 0.3em 0;}
table.form td.required {padding: 0.3em 0 0.3em 0;}
input.field, textarea.field {width: 100%;}

/* Card order */

table.order-card {margin: 0 0 1.2em 0;}
table.order-card td.image {padding: 2px 10px 0 0;}
table.order-card td div.face-value-caption {font-size: 85%; margin: 0 8px;}
table.order-card td div.face-value {font-weight: bold; font-size: 125%; margin: 0 8px 5px 8px;}
table.order-card td div.input-block {background-color: #eeeeee; padding: 3px 8px 5px 8px; width: 185px; margin-right: 8px;}
table.order-card td div.input-block table td {font-size: 70%; padding: 0 8px 1px 0;}
table.order-card td div.input-block table td.cost {font-weight: bold; font-size: 125%; color: #781c21;}
table.order-card td.comment {font-size: 70%; padding-top: 3px;}
table.order-card td.comment span.price {color: #781c21;}
table.order-card-footer {margin: 0 0 0 92px;}
table.order-card-footer td.total {border-top: 1px solid #663333; padding: 0.3em 0 0.5em 0; font-weight: bold; font-size: 100%; color: #781c21;}
table.order-card-footer td.total span#totalCost {font-size: 125%;}

table.ordered-cards {margin: 0 0 1.2em 0;}
table.ordered-cards td {font-size: 100%; padding: 0.1em; color: #781c21;}
table.ordered-cards td.count {font-size: 125%; text-align: right;}


/* News */

div.article-item {margin: 0 0 1.2em 0;}
div.article-item div.date {color: #8c8c8c;}
div.article-item div.lead p {margin: 0;}
div.article div.date {margin: 0 0 1.2em 0; color: #8c8c8c;}
div.article div.source {margin: 0 0 1.2em 0; font-style: italic;}
div.article div.source p {margin: 0;}
table.news td {padding-right: 20px;}


/* Sitemap */

td.yandex-server {font-size: 70%; color: #525051;}

table.sitemap td {padding-right: 20px;}
table.sitemap td ul {margin: 0 0 2em 0;}
table.sitemap td ul li {padding: 0; margin: 0; background: none; font-weight: bold; font-size: 112.5%;}
table.sitemap td ul li ul {margin: 0;}
table.sitemap td ul li ul li {margin-top: 0.3em; font-weight: normal; font-size: 89%;}
table.sitemap td ul li ul li ul li {margin-left: 20px; font-size: 100%;}


/* Search results */

ol.search-results { color: #999999; }
ol.search-results div { color: black; }
ol.search-results div.link { font-size: 125%; }
ol.search-results div.heading { margin-bottom: 1.2em; }

div.page-nav { margin: 1em 0 0 24px; }
div.page-nav span.page { margin: 0 0.3em; font-size: 150%; }
div.page-nav span.page.selected {  }


/* Content */

td.content {padding: 0 50px 1.5em 20px;}


/* Left column */

td.left-column {padding: 0 0 1.5em 20px;}
td.left-column h1 {margin: 0 0 0.2em 0; padding-right: 10px; font-size: 150%; border-right: 4px solid #626468;}
td.left-column h2 {margin: 0 0 0.2em 0; padding-right: 10px; font-size: 125%; border-right: 4px solid #626468;}
td.left-column div.title {margin: 0 0 0.2em 0; padding-right: 20px; font-weight: bold; font-size: 150%; border-right-width: 4px; border-right-style: solid;}

td.left-column ul.calendar {margin: 1.5em 0 0 0; padding: 0; list-style-type: none;}
td.left-column ul.calendar li {margin-bottom: 0.3em; padding: 0; background: none;}
td.left-column ul.calendar li.selected span {font-weight: bold;}
td.left-column ul.calendar li.selected ul {margin: 0 0 0 18px; padding: 0; list-style-type: none;}
td.left-column ul.calendar li.selected ul li {text-transform: lowercase;}


/* Right column */

td.right-column {padding: 0 20px 1.5em 0;}
/*td.right-column h2 {margin: 0 0 0.2em 0; font-size: 125%;}*/

td.right-column div.personal-block {background-color: #97245b; padding: 15px; margin-bottom: 1.5em; color: white;}
td.right-column div.personal-block a {color: white;}
td.right-column div.personal-block h2 {margin: 0 0 0.4em 0; font-size: 100%;}
td.right-column div.personal-block p {margin: 0; font-size: 85%;}

td.right-column div.contacts-block {margin: 0 0 2.5em 0; font-size: 94%;}
td.right-column div.contacts-block h2 {font-size: 133%;}
td.right-column div.contacts-block table.phones {margin: 0 0 0.5em 15px;}
td.right-column div.contacts-block table.phones td {font-size: 100%; font-weight: bold; color: #ed8000;}
td.right-column div.contacts-block p {margin-left: 15px;}

td.right-column div.search-form {border-left: 3px solid #5c5c5e; padding-left: 7px; margin-bottom: 2.5em; position: relative; left: -10px;}


/* Incuts */

div.incut {background-color: #f7f7d7; padding: 18px 18px 10px 18px; font-size: 85%;}
div.incut table td {font-size: 70%;}
td.right-column div.incut {padding: 15px 15px 10px 15px;}


/* Banners */

table.banners {margin: 1em 0 2.5em 0;}
table.banners td {width: 33.3%; padding: 0 50px 0 20px; font-size: 70%;}
table.banners td div {position: relative;}
table.banners td div img {position: absolute; top: 0px; left: -55px; border: 0;}


/* Footer */
td#footer td {font-size: 70%; padding: 1em 0 2em 20px;}
td#footer td#artlebedev img {float: left; margin-right: 10px;}