@import url('reset.css');
@import url('layout.css');
@import url('main.css');
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,300,400italic,300italic,600italic&subset=latin,cyrillic);

/* ============================================================================
   OVERRIDES
============================================================================ */

.social-buttons {
 vertical-align: top;
}
.fb-like {
 display: inline-block;
 margin: 0 10px 0 0;
 vertical-align: top;
}

.twitter-share-button {
 display: inline-block;
 margin: 0 10px 0 0;
 vertical-align: top;
}

#vkshare0 {
 display: inline-block;
}
#vk_like {
 display: inline-block;
}


html, body {
 margin: 0;
 padding: 0;
}

img {
 max-width: none;
}

.dropdown-menu > li {
 text-align: left;
}
.dropdown-menu > li > a:hover {
 background: #f0f0e7;
 background: #80cdf5;
 color: #ffffff!important;
}

textarea {
 margin: 0;
}

input[type="text"],
input[type="text"]:focus,
input[type="password"],
input[type="password"]:focus {
 margin: 0;
 padding: 0 3px;
 height: 23px;
 border-radius: 0;
 -moz-border-radius: 0;
 -webkit-border-radius: 0;
 outline: 0px none;
 border: 1px solid rgba(0,0,0,0.1);
 font: 13px/13px Arial, sans-serif;
}

select {
 width: 200px;
 margin: 0;
 padding: 3px;
 height: 25px;
 font: 13px Arial, sans-serif;
 border-radius: 0;
 -moz-border-radius: 0;
 -webkit-border-radius: 0;
}
input[type="checkbox"],
input[type="radio"] {
 display:inline;
 vertical-align: middle;
}
select:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus {
 outline: none;
}
label {
 display: inline;
 vertical-align: middle;
}


/* ============================================================================
   ССЫЛКИ
============================================================================ */

a {
 text-decoration: underline;
 color: #333333;
 outline: none!important;
}
a:visited {
 text-decoration: underline;
 color: #666666;
}
p a, p a:visited, li a, li a:visited {
 color: #478ab7!important;
 color: #67382e!important;
}
a.download-pdf-old {
 width: 16px;
 height: 16px;
 margin: 0 7px 0 0;
 padding: 3px 12px 3px 11px;
 background: url('./images/pdficon_small.png') no-repeat 3px #ffffff;
 border: 1px solid rgba(0,0,0,0.3);
}

.link-btn-container {
 margin: 0 0 10px 0;
}

a.link-btn {
 display: inline-block;
 margin: 0 5px 5px 0;
 padding: 5px 14px 10px 14px;
 font: 100 16px/16px "Open Sans", Arial, sans-serif;
 background: rgba(0,0,0,0.1);
}

/* ============================================================================
   ПАРАГРАФЫ И ЗАГОЛОВКИ
============================================================================ */
p, li {
 font: normal 14px/20px Arial, Georgia, Times, serif;
 color: #333333;
}
p {
 margin: 0 0 10px 0;
}
p.small {
 font: 12px/12px Tahoma, sans-serif;
 vertical-align: middle;
}
p.justify {
 text-align: justify;
}
p.indent {
 text-indent: 30px;
}
p.author {
 text-align: right;
 font-weight: bold;
 font-style: italic;
}
p.center {
 text-align: center;
 text-indent: 0;
}
p.navlink {
 font: 12px Tahoma, "Open Sans", sans-serif;
 font-weight: 300;
 color: #848484!important;
}
p.navlink a, p.navlink a:hover {
 text-decoration: none;
 border-bottom: 1px dotted #848484;
 color: #848484!important;
}

ul, ol {
 margin: 0 0 15px 15px;
}
li {
}

h1 {
 font: 24px/26px "Open Sans", Arial, sans-serif;
 font-weight: 500;
 margin:0 0 15px 0;
 letter-spacing: -1px;
}

h2 {
 font: 16px/20px "Open Sans", Arial, sans-serif;
 font-weight: 400;
 margin: 0 0 15px 0;
}

h3 {
 font: 18px/20px "Open Sans", Arial, sans-serif;
 font-weight: 400;
 margin: 20px 0 10px 0;
}

/* ============================================================================
   КОНТЕЙНЕРЫ
============================================================================ */
.floatbox {
 float: left;
 margin: 5px 20px 20px 0;
}

.imagebox {
 margin: 20px 20px 20px 0;
}
.imagebox img {
 margin: 0 5px 5px 0;
}

img.grayborder {
 border: 1px solid #cccccc;
}

/* ============================================================================
   РАЗНОЕ
============================================================================ */
.noindent {
 text-indent: 0;
}

.tooltip-inner {
 color: #ffffff;
 font: 13px/15px "Open Sans", Arial, sans-serif;
}

hr.clear {
 margin: 20px 0 20px 0;
 clear: both;
 color: #929292;
 background-color: #929292;
 border: 0px none;
 height: 1px;
}


 /* ВЫБОР ЯЗЫКА */
 .lang {
 }
 .lang span {
  display: inline-block;
  margin: 0 5px 0 0;
  padding: 6px 8px;
  font: 14px/14px "Open Sans", sans-serif;
  font-weight: 400;
  border-radius: 3px;
 }
 .lang span a {
  color: #333333!important;
 }
 .available-language {
 }
 .current-language {
  color: #ffffff;
  background: rgba(0,0,0,0.2);
 }



/* ============================================================================
   ПОИСК
============================================================================ */

div.search_form {
 display: block;
 position: relative;
 overflow: hidden;
 vertical-align: top;
 margin: 0px 0px 20px 0px;
 font: normal 13px/14px Tahoma, sans-serif;
}

/* ОБЛАСТЬ ПОИСКА */
p.searcharea {
 text-indent: 0;
 margin: 0 0 10px 0;
}
p.searcharea span.area_selected {
 display: inline;
 background: #cccccc;
 padding: 5px 10px;
 font: normal 9pt/150% Arial, sans-serif;
 color: #ffffff;
 border-radius: 2px;
}
p.searcharea span.area_not_selected {
 display: inline;
 background: #ffffff;
 padding: 5px 10px;
 font: normal 9pt/150% Arial, sans-serif;
}
p.searcharea span a, a:visited {
 color: #333333;
}
label {
 font: 12px/12px Tahoma, sans-serif;
}

/* ============================================================================
   РЕЗУЛЬТАТЫ ПОИСКА
============================================================================ */
span.search_result_num {
 display: none;
 position: absolute;
 text-indent: 0;
 left: 40px;
 font: normal 8pt/14pt Arial, Georgia;
 color: #aaaaaa;
}
p.search_result_name {
 text-indent: 0;
 font: normal 11pt/14pt Arial, Georgia;
 margin: 0 30% 0 0;
}
/* для других списков */
p.list_item_name {
 text-indent: 0;
 margin: 0 30% 6px 30px;
}
span.search_result_date {
 text-indent:0;
 font: normal 8pt/11pt Arial, Georgia;
 padding: 2px 5px;
 background: #eeeeee;
 background: #e3e9ef;
 background: rgba(0,0,0,0.05);
 white-space: nowrap;
}

p.search_result_content {
 text-indent: 0;
 font: normal 10pt/12pt Arial;
 margin: 5px 30% 0 0;
}
p.search_result_link {
 text-indent: 0;
 font: normal 8pt/10pt Arial;
 margin: 5px 30% 0 0;
}
p.search_result_link a, a:visited {
 text-decoration: none;
}

/* ============================================================================
   НОМЕРА СТРАНИЦ
============================================================================ */
div.pagenumbers {
 display: block;
 position: relative;
 width: 70%;
 padding: 10px;
 margin: 30px auto 20px auto;
 text-align: center;
}

/* номера */
.pagenumbers a, .pagenumbers a:active,
.pagenumbers a:visited, .pagenumbers span {
 display: inline-block;
 width: 25px;
 height: 25px;
 margin: 3px 3px 3px 3px;
 font: bold 8pt "Tahoma";
 text-align: center;
 vertical-align: middle;
 line-height: 25px;
 color: #333;
 border: 0px solid #063;
 text-decoration: none;
 background: rgba(0,0,0,0.1);
}

/* текущая страница */
.pagenumbers span {
 width: 25px;
 height: 25px;
 margin: 0px 3px 0px 3px;
 text-align: center;
 vertical-align: middle;
 line-height: 25px;
 background: rgba(0,0,0,0.3);
 color: #666666;
}

/* подсветка при наведении мышкой */
.pagenumbers a:hover {
 background: rgba(0,0,0,0.3);
 color: #ffffff;
 text-decoration: none;
 border: 0px solid #000000;
}



/* ============================================================================
   FROM BOOTSTRAP
============================================================================ */
.btn {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  padding: 4px 12px;
  margin-bottom: 0;
  font: 14px/14px "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e6e6e6;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #cccccc;
  *border: 0;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  *margin-left: .3em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}
.btn:active,
.btn.active {
  background-color: #cccccc \9;
}
.btn:first-child {
  *margin-left: 0;
}
.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-large {
  padding: 11px 19px;
  /* font-size: 17.5px; */
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {
  margin-top: 4px;
}
.btn-small {
  padding: 2px 10px;
  font-size: 11.9px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
  margin-top: 0;
}
.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"] {
  margin-top: -1px;
}
.btn-mini {
  padding: 0 6px;
  font-size: 10.5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}


/* ==========================
 PREVIEW В ФОТОАЛЬБОМАХ
========================== */
div.photo-image-preview {
 display: inline-block;
 float: none;
 overflow: hidden;
 width: 190px;
 height: 190px;
 margin: 0px 7px 7px 0px;
 padding: 10px;
 font: normal 13px/14px Tahoma, Georgia, Arial, Tahoma;
 background: rgba(0,0,0,0.1);
 vertical-align: top;
}


/* ============================================================================
   РАЗВОРАЧИВАЮЩИЕСЯ БЛОКИ МЕНЮ
============================================================================ */
.spoiler-caption {
 display: inline-block;
 cursor: pointer;
}
.spoiler-expand-collapse {
 color: rgba(0,0,0,0.3);
}
.spoiler {
 display: none;
}



/* ============================================================================
   ТАБЛИЦЫ ФОРМ
============================================================================ */
.form-table {
 margin: 10px;
}
.form-table td {
 padding: 2px;
 font: 12px/100% Arial, sans-serif;
 vertical-align: middle;
}
.form-table td.field-caption {
 text-align: right;
}
.form-table .field-subcaption {
 font: italic 10px/100% Arial, sans-serif;
 text-align: right;
 color: green;
}

.form-table td p.heading-caption {
 margin: 20px 0 10px 0;
 font: 20px/100% Arial, sans-serif;
 text-align: left;
 color: #333333;
}


.form-table input[type=radio] {
 line-height: 1;
 vertical-align: bottom;
}
.form-table label {
 font: 12px/100% Arial, sans-serif;
}
.btn-submit {
 margin: 0 auto;
 padding: 5px 10px;
 font: 14px/100% Arial, sans-serif;
 text-align: center;
}