/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}
audio, canvas, video {
	display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
	display: none;
}
[hidden] {
display: none;
}
/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html {
	margin: 0;
    padding: 0;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	margin: 0;
    padding: 0;
	font-size: 1em;
	line-height: 1.4;
	font-family: 'Scada', sans-serif;
	font-weight: 400;
}

#main {
    min-height: 100%;
    margin-bottom: -50px;
}
* html #main {
	min-height: 100%;
    margin-bottom: -50px;
}
.page-buffer {
    height: 50px;
}
/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

/* ::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; } */


/*
 * Fonts
 *
 * Our font size and line height declarations are based on the following
 * articles:
 * - http://www.alistapart.com/articles/howtosizetextincss
 * - http://24ways.org/2006/compose-to-a-vertical-rhythm
 *
 * All modern browsers use a 16px default font size. Specifying the font-size
 * and line-height in ems (relative to the 16px default font) allows the user
 * to resize the font in the browser and produces the most consistent results
 * across different browsers.
 */
 html{
 	min-width: 1000px;
	overflow: auto;
	height: 100%;
}	

html, button, input, select, textarea {
    color: #222222;
    font-family: 'Scada', sans-serif;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}
audio, canvas, video {
	display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
	display: none;
}
[hidden] {
display: none;
}

/* =============================================================================
   Forms
   ========================================================================== */

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
/* Indicate that 'label' will shift focus to the associated form element */
label {
	cursor: pointer;
}
/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend {
	border: 0;
*margin-left: -7px;
	padding: 0;
	white-space: normal;
}
/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
*vertical-align: middle;
}
/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */

button, input {
	line-height: normal;
}
/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */

button, input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
*overflow: visible;
}
/*
 * Re-set default cursor for disabled elements
 */

button[disabled], input[disabled] {
	cursor: default;
}
/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
*width: 13px;
*height: 13px;
}
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */

button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */

textarea {
	overflow: auto;
	vertical-align: top;
	resize: vertical;
}

/* Colors for form validity */
input:valid, textarea:valid {
}
input:invalid, textarea:invalid {
background-color: #f0dddd;
}

#skip-to-nav,
#page {
font-size: 0.9em;
line-height: 1.6em;
}

/*
 * Instead of relying on the fonts that are available on a user's computer, you
 * can use web fonts which, like images, are resources downloaded to the user's
 * browser. Because of the bandwidth and rendering resources required, web fonts
 * should be used with care.
 *
 * Numerous resources for web fonts can be found on Google. Here are a few
 * websites where you can find Open Source fonts to download:
 * - http://www.fontsquirrel.com/fontface
 * - http://www.theleagueofmoveabletype.com
 *
 * In order to use these fonts, you will need to convert them into formats
 * suitable for web fonts. We recommend the free-to-use Font Squirrel's
 * Font-Face Generator:
 *   http://www.fontsquirrel.com/fontface/generator
 *
 * The following is an example @font-face declaration. This font can then be
 * used in any ruleset using a property like this:  font-family: Example, serif;

@font-face {
  font-family: 'Example';
  src: url('../fonts/example.eot');
  src: url('../fonts/example.eot?iefix') format('eot'),
    url('../fonts/example.woff') format('woff'),
    url('../fonts/example.ttf') format('truetype'),
    url('../fonts/example.svg#webfontOkOndcij') format('svg');
  font-weight: normal;
  font-style: normal;
}

 */
/*
body,
caption,
th,
td,
input,
textarea,
select,
option,
legend,
fieldset {

  font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
}

pre,
code,
kbd,
samp,
tt,
var {
  font-family: "Courier New", "DejaVu Sans Mono", monospace;
}
*/
/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */

.chromeframe {
	margin: 0.2em 0;
	background: #000;
	color: #fff;
	padding: 0.2em 0;
	text-align: center;
}
.chromeframe a {
	color: #FF0;
}
.chromeframe em {
	color: #F00;
}

/*
 * Block-level elements
 *
 * To achieve a pleasant vertical rhythm, we use the 1.5em line height of our
 * base font as the top and bottom margins for our block level elements and make
 * the line heights of any larger fonts be a multiple of 1.5 ems. For more
 * information, see http://24ways.org/2006/compose-to-a-vertical-rhythm
 */
 


h5, h6,
p, blockquote, pre,
ul, ol, dl,
hr, table, fieldset {
  #margin: 1.5em 0;
}



h5, h6 {
  font-size:16px;
  margin: 1.5em 0;
}


/* ---------------- Defaul CSS ----------------- */
h1 {
font-weight: bold;
font-size: 30px;
margin: 0;
line-height: 35px;
}
h2{
font-weight: bold;
font-size: 24px;
margin: 20px 0 10px 0;
}
h3{
font-weight: bold;
font-size: 16px;
margin:0;
line-height:18px;
margin-bottom:5px;
margin-top:5px;
}
h4{
font-style:italic;
font-size:18px;
font-weight:bold;
margin:0;
line-height:18px;
margin-bottom:15px;
}

a, a:visited{
	color: #1f6ab7;
}
a:hover {
	color: #e80f0f;
}

/* Other block-level elements */
p {
margin: 0;
}

.clear {
	clear: both;
	float: none !important;
}

ul.action-links{
margin:0;
}

blockquote p {
margin:0;
}

pre {
  font-size: 1.1em; /* Monospace fonts can be hard to read */
  margin: 1.364em 0; /* Equivalent to 1.5em in the page's base font: 1.5 / 1.1 = 1.364 */
}

hr {
  height: 1px;
  border: 1px solid #666;
}
/*
.address {
padding-left: 20px;
border-left: 2px solid #CFCFCF;
font-style: italic;
}*/

/*
 * Search (search-block-form.tpl.php)
 */
 /* Wrapper for the search form */

/* ---------------- Search top ----------------- */
#search-block-form {
	position: absolute;
	right: 20px;
	top: 134px;
	z-index: 1000;
}
#search-block-form input[type="text"] {
	border: 1px solid #B0B0B0;
	border-bottom: 1px solid #EAEAEA;
	border-radius: 50px;
	outline: none;
	font-size: 13px;
	width: 90px;
	padding: 0 8px;
	height: 18px;
	vertical-align:top;
}
#search-block-form  input[type="submit"]{
background:url(/images/main-sprites.png) 0 -20px;
border:none;
position:absolute;
right:0;
top:0;
width:27px;
height:19px;
display:none;
z-index:1;
}


.grey-box {
padding: 10px;
background: #F2F2F2;
border: 1px solid #EFEFEF;
-o-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
float: left;
margin: 10px;
}

.grey-box-center {
padding: 10px;
background: #F2F2F2;
border: 1px solid #EFEFEF;
-o-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
display:block;
}

.list-arrow ul li {
font-size: 1.1em;
padding-left: 13px;
background: url(/images/arrow2.gif) no-repeat left;
background-position-y: 8px;
list-style: none;
}

.list-arrow ul li a span {
color: #7F7F7F;
}

.list-arrow ul li a:hover span {
color:#087ba6;
}

/*  -------------- Red Block ---------------  */
.address{
background: #9B193E;
color: white;
font-size: 16px;
padding: 4px 8px 6px 10px;
line-height: 20px;
margin-top:10px;
margin-bottom:10px;
max-width: 450px;
display: inline-block;
}
.address a{
color:#f6cb5a;
}
.address a:hover{
color:#000;
}

.vrezka-left {
width: 310px;
padding: 5px 10px 5px 10px;
margin: 0 20px 0 0;
border-top: 1px solid black;
border-bottom: 1px solid black;
font-size: 1.3em;
line-height: 1.5em;
float: left;
}

.vrezka-right {
width: 310px;
padding: 5px 10px 5px 10px;
margin: 0 0 0 20px !important;
border-top: 1px solid black;
border-bottom: 1px solid black;
font-size: 1.3em;
line-height: 1.5em !important;
float: right;
}

.b-list-link {
background:#f8f8f8;
padding-bottom: 5px;

box-shadow:2px 2px 2px 0px gainsboro;
-moz-box-shadow:2px 2px 2px 0px gainsboro;
-ms-box-shadow:2px 2px 2px 0px gainsboro;
-o-box-shadow:2px 2px 2px 0px gainsboro;
-webkit-box-shadow:2px 2px 2px 0px gainsboro;

#position: relative;
left: -8px;
padding-top: 7px;
margin-bottom:20px;
width: 240px;
float:left;
margin-right:10px;
}
.b-rubl-list{
margin:0;
padding:0;
list-style:none;
margin-top: 11px;
font-size:16px;
}
.b-rubl-list li{
padding-left: 20px;
background: url(/images/p_ico.png) no-repeat 20px 5px;
margin-left: -10px;
line-height: 20px;
text-indent: 15px;
padding-right: 5px;
}
.b-list-link .b-title{
background:url(/images/view-line.png) repeat-x center center;
text-align:center;
font-size:14px;
color:#0f6292;
margin-bottom: 11px;
}
.b-list-link .b-title span{
background: #f8f8f8;
padding: 0 3px;
position: relative;
top: -1px;
}
.b-like-bloke{
background: #4E4E4E;
float: right;
padding-top: 7px;
margin-right: 8px;
width: 170px;
margin-left: 21px;
margin-top: -5px;
}
.b-like-bloke .b-title{
background:url(/images/view-line-w.png) repeat-x center center;
text-align:center;
font-size:14px;
color:#eeeeee;
}
.b-like-bloke .b-title span{
background: #4e4e4e;
padding: 0 3px;
position: relative;
top: -1px;
}
.b-like-bloke ul{
margin:0;
padding:0;
list-style:none;
padding: 0 9px;
margin-top: 11px;
padding-bottom: 6px;
}
.b-like-bloke ul li{
margin-bottom: 11px;
}
.b-like-bloke a{
color:#fff;
}
.b-like-bloke a:hover{
color:#fcd66f;
}

.b-distinguish{
position: relative;
text-align: center;
font-size: 30px;
width: 556px;
padding-right: 20px;
padding-left: 20px;
margin: 0 auto;
line-height: 31px;
clear: both;
margin-bottom: 3px;
}
.b-distinguish:after{
position:absolute;
right:0;
top:50%;
content:'}';
font-weight: bold;
font-size:40px;
margin-top: -12px;
}

.b-distinguish:before{
position:absolute;
left:0;
top:50%;
content:'{';
font-weight:bold; 
font-size:40px;
margin-top: -12px;
}

.selection {
padding-left: 20px;
border-left: 2px solid #CFCFCF;
font-style: italic;
font-size: 120%;
}

.autor {
font-style: italic;
text-align: right;
}

/*
 * Lists
 *
 * We need to standardize the list item indentation.
 */
ul,
ol {
  margin-left: 0; /* LTR */
  padding-left: 2em; /* LTR */
}

ul ul, ul ol,
ol ol, ol ul,
.item-list ul ul, .item-list ul ol,
.item-list ol ol, .item-list ol ul {
  margin: 0;
}

li {
  margin: 0;
  padding: 0;
}

.item-list ul li,
ul.menu li,
li.expanded,
li.collapsed,
li.leaf /* Drupal override */ {
  margin: 0;
  padding: 0;
}

ul          { list-style-type: disc;  }
ul ul       { list-style-type: circle; }
ul ul ul    { list-style-type: square; }
ul ul ul ul { list-style-type: circle; }
ol          { list-style-type: decimal; }
ol ol       { list-style-type: lower-alpha; }
ol ol ol    { list-style-type: decimal; }

dl {
}

dt {
  margin: 0;
  padding: 0;
}

dd {
  margin: 0 0 0 2em; /* LTR */
  padding: 0;
}

/*
 * Tables
 *
 * Drupal provides table styling which is only useful for its admin section
 * forms, so we override this default CSS. (We set it back in forms.css.)
 */
table {
  border-collapse: collapse;
  /* width: 100%; */ /* Prevent cramped-looking tables */
}

th {
  text-align: left; /* LTR */
  padding: 0;
  border-bottom: none;
}

tbody {
  border-top: none;
}

/*
 * Forms
 */
form {
  margin: 0;
  padding: 0;
}

fieldset {
  #padding: 0.5em;
}


/*
 * Links
 *
 * The order of link states are based on Eric Meyer's article:
 * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
 */

#article a:link {
#text-decoration: underline;
}


a:focus {
color:#087ba6;
}

li a.active {
#font-weight: bold;
}

/*
 * Other inline elements
 */

.node .content img {
padding: 7px;
border: 1px solid #F1F1F1;
}

.left {
margin-right:20px;
float:left;
}

.right {
margin-left:20px;
float:right;
}

abbr, /* Abbreviations */
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
  white-space: nowrap;
}
#fancybox-title {
font-size: 15px;
font-weight: bold;
}
span.yellow-item{background-color:#f4ca59;padding:2px;}