body {background-color: #EEE; color: #000000; margin: 0; padding: 0}

#logotype {background: #000; padding: 5px; text-align: center;}
#header {background: blue; padding: 1px; text-align: center; color: white;}
#menubar {float: left; top:75px; position: fixed; width: 127px; padding: 5px; margin: 0px; border-right: 1px solid #000;}
#menuline {display: none;}
#content {margin: 0px 0px 0px 137px; padding: 5px; border-left: 1px solid #000; font-size: 18px;}
#footer {background: blue; padding: 1px; color: white; clear: both; text-align: right;}
#upbutton {background: url("/img/orca-up.png") no-repeat scroll; width: 100px; height: 40px; bottom: 30px; right: 30px; cursor: pointer; display: none; overflow: hidden; position: fixed; z-index: 1002;}

.logotype-head {background: #000 url(/img/logo.gif) 0 no-repeat; width: 218px; height: 36px; margin: 0 auto; cursor: pointer;}
p {font-family: Times New Roman Cyr, Times New Roman, Times;}
h1, h2, h3 {font-family: Times New Roman Cyr, Times New Roman, Times; text-align: center;}
h1 {font-size: 150%;}
h2, h3 {font-size: 110%;}
blockquote {margin-left: 40px; margin-right: 20px;}
hr {background-color: blue; color: blue; height: 3px; border: 0 none;}
hr.snoska {background-color: black; color: black; width:200px; height: 1px; border: 0 none; text-align: left; margin-left: 0;}
hr.obrez {background-color: black; color: black; height: 1px; border: 0 none;}

a:link {color: #0000FF;}
a:hover {color: #CC0000;}
a:visited {color: #9900FF;}
a:visited:hover {color: #CC0000;}
a[href^="tel:"] {text-decoration:none;color:inherit;cursor:default;}

a.menu {color: #0000FF; text-decoration: none; font-family: Arial Cyr, Arial, Helvetica; font-size: 13px;}
a.menu:visited {color: #0000FF; text-decoration: none;}
a.menu:hover {color: #0000FF; text-decoration: underline;}
ul.menu {margin: 0px; padding: 0px; border: 0px;}
ul.menu li {list-style: none; margin: 13px 0; padding: 0px; border: 0px; color: black; font-family: Arial Cyr, Arial, Helvetica; font-size: 13px; font-weight: bold;}

table.standart {border-collapse: collapse; margin: 7px;}
td.standart, th.standart {padding: 3px; border: 1px solid black;}

abbr {text-decoration: none; color: #777; border-bottom: 1px dashed #777; cursor: help;}

.noprintable {display: block !important;}
.onlyprint {display: none !important;}

.content-lidhead {color: #000000; text-align: left; font-size: 22px; text-decoration: none; font-weight: bold;}
.content-lidhead:hover {text-decoration: none;}

.content-block {text-align: justify;}
.content-image, .content-center {text-align: center;}
.content-sign {text-align: right;}
.content-modified {text-align: left; color:dimgray; font-size: 90%;}
.content-media {background: silver; margin: 10px auto; width: 280px; position: relative; padding: 10px; border: 1px solid black; -moz-border-radius: 1em; -webkit-border-radius: 1em; -khtml-border-radius: 1em; border-radius: 1em;}
.content-commentary {text-align: justify; margin: 7px 7px 0px 35px;}

.justborder {border: 1px solid #000000;}
.microstr {font-size: 66%;}
.gtxt {color: goldenrod;}
.wtxt {color: white;}
.rtxt, .yandex {color: red;}
.error {color: red; font-weight: bold;}
.orcinus {color: blue;}
.rounded {margin: 10px auto; width: 90%; position: relative; padding: 10px; border: 1px solid black; -moz-border-radius: 1em; -webkit-border-radius: 1em; -khtml-border-radius: 1em; border-radius: 1em;}
.warning {background: silver; margin: 10px auto; width: 50%; position: relative; padding: 10px; border: 1px solid black; -moz-border-radius: 1em; -webkit-border-radius: 1em; -khtml-border-radius: 1em; border-radius: 1em;}
.precode, .prehtml, .prejs {background: silver; border: 1px dotted black; padding: 5px; margin-left: 40px; margin-right: 10px; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size: 13px; overflow: auto; overflow-y: hidden}
.quote {background: #EEE url(/img/blockquote.gif) 3px 10px no-repeat; margin: 0px 20px 0px 20px; padding: 3px 3px 3px 36px; border: 1px dashed blue;}
acronym, applet, basefont, big, center, dir, font, frame, frameset, strike, u {color: red;}

/* знак рубля */
@font-face {font-family: "Arial Rubl Sign"; src: url(/inc/ruble.eot);}
span.rur {font-family: Arial;//font-family: "Arial Rubl Sign";text-transform: uppercase;//text-transform: none;}
span.rur span {position: absolute; overflow: hidden; width: .45em; height: 1em; margin: .1em 0 0 -.68em;//display: none;}
span.rur span:before {content: '\2013';}

/* знаки */
a.twitter {padding-left: 18px; background-image: url(/img/ico/twitter.png); background-repeat: no-repeat;}
a.ya_images {padding-left: 18px; background-image: url(/img/ico/ya_images.png); background-repeat: no-repeat;}
a.yandex {padding-left: 18px; background-image: url(/img/ico/yandex.png); background-repeat: no-repeat;}
a.wikipedia {padding-left: 18px; background-image: url(/img/ico/wikipedia.png); background-repeat: no-repeat;}
a.external {background:url(/img/ico/blank.png) 100% 4px no-repeat; padding-right:12px}

/* самодельный Лайтбокс*/
a.lightbox img {border: 2px solid green;}
#lightbox_overlay {position:fixed; top:0; left:0; height:100%; width:100%; background:black url(/img/loader.gif) no-repeat scroll center center;}
#lightbox {position:fixed;}


/* метро-плитки */
.plitka {position: relative; padding-top: 170px; width: 214px; margin: 0 auto; text-align: center;}/*width: 214px*/
.plitka img {position: absolute; top: 0; left: 0; border: 2px solid; padding: 5px; border-radius: 5px;}

.plitka_tr {margin: 0; padding: 0; height: 220px; border:0;}
.plitka_td1 {float: left; width: 98%; margin: 0; padding: 0; border:0;}
.plitka_td2 {float: left; width: 49%; margin: 0; padding: 0; border:0;}
.plitka_td3 {float: left; width: 33%; margin: 0; padding: 0; border:0;}
.cleaner {clear: both; height: 0; border: 0; margin: 0; padding: 0; font-size: 0;}

/* панелька авторизации 400*400 по центру */
#autent_panel {width:400px; height:200px; margin:0 auto; overflow:visible; position:absolute; left:50%; top:50%; margin-left:-200px; margin-top:-100px; background:#cecece;}
.adm_place {margin: 0px; padding: 5px; border: 0px}

/* для всевозможных маленьких устройств шириной до 800 пикселей */
@media handheld, tv, (max-width: 800px) 
{
 #header {display: none !important;}
 #menubar {display: none !important;}
 #menuline {margin: 0px; padding: 5px; display: block !important;}
 #content {margin: 0px; padding: 5px; border: 0px}
 #upbutton {display: none !important; width: 1px; height: 1px; position: static !important; z-index: 1;}
 ul, ol, li {padding: 5px; margin: 0px; border: 0px;}
 li {list-style: none;}

 li.menu {float: left; padding: 5px;}

 .content-image img {width: 300px; height: auto;}

 /* метро-плитка */
 .plitka_tr {display: block; margin: 0; padding: 0; height: auto !important;}
 .plitka_td3, .plitka_td2, .plitka_td1 {display: block; float: none !important; margin: 0; padding: 5px; width: auto !important;}
}

@media print
{
 body {background: none !important;}
 #menubar {display: none !important;}
 #menuline {display: none !important;}
 #content {margin: 0px; padding: 5px; border: 0px}
 #footer {background: none !important; padding: 1px; color: black; clear: both; text-align: left;}

 a, a:visited, a:link {color: black; text-decoration: none !important;}

 .wtxt {color: black;}
 .noprintable {display: none !important;}
 .onlyprint {display: inline !important;} /* применимо только к span, но не div*/
}