body {
  margin: 0;
  padding: 15px;
  font-family:Verdana, Geneva, sans-serif;
  font-size: 14px;
  color: #2c1c10;
  background: #6d7b89 url(../images/bgr.png) repeat fixed center top;
}
body.mceContentBody { background-image: none; background-color: #ffff95;}
p { margin: 0 0 10px 0;}
img { border: none; }
a {color: #4b8ba9; text-decoration: none;}
a:hover { color:#539db6; text-decoration: underline; }
a > img:hover {opacity: .9;}
hr {border: 1px solid #d3d8da;}

/* ТАБЛИЦЫ */
table {border-collapse: collapse; border-color: #d1b296;}
/*
table thead tr {
  background: #a87f58;
  font: normal 14px MyFont_Bold;
  color: #fff;
  padding: 7px 10px;
  letter-spacing: 0.06ex;
}
table tr:nth-child(even) {background: #e8dacd;}
table td {border-color: #d1b296;}
*/

img.frame {border: 5px solid #fff;}
img.shadow {box-shadow: 0px 0px 5px #7c7c7c; }

/* ФОРМЫ и КНОПКИ */
button.button {margin-top: 10px;}
input, textarea, div.cck_forms input.inputbox, div.cck_forms textarea.inputbox, div.cck_forms select.inputbox, div.cck_forms button.inputbox {border: solid 1px #a8a8a8 !important; border-radius: 4px; padding: 5px;}
.login-fields input#remember {margin-left: 0;}
input:hover, select:hover, textarea:hover { box-shadow: 0 0 12px #ebebeb inset;}
select {border: solid 1px #a8a8a8; border-radius: 4px; padding: 4px}
input.button {padding: 3px; margin-right: 5px;}
input.button:hover { box-shadow: 0px 0px 4px #a0a0a0;}
input.button:active { box-shadow: none;}
.login-fields label {display: inline-block; width: 130px;}
.login-fields input {margin-bottom: 10px;}
fieldset {padding: 0; margin:0; border: none; text-align: left;}
label#jform_email-lbl {display: block; margin-bottom: 10px;}
/* /ФОРМЫ и КНОПКИ */

@font-face {
    font-family: 'MyFont_Bold';
    src: url('../fonts/magistralc-bold-webfont.eot');
    src: url('../fonts/magistralc-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/magistralc-bold-webfont.woff') format('woff'),
         url('../fonts/magistralc-bold-webfont.ttf') format('truetype'),
         url('../fonts/magistralc-bold-webfont.svg#magistralcBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyFont';
    src: url('../fonts/magistralc-webfont.eot');
    src: url('../fonts/magistralc-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/magistralc-webfont.woff') format('woff'),
         url('../fonts/magistralc-webfont.ttf') format('truetype'),
         url('../fonts/magistralc-webfont.svg#magistralcRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

#page_wrapper { 
	position: relative; 
	margin: 0 auto; 
	width: 980px;
	/*max-width: 980px; 
	min-width: 900px;*/
	height: auto;
	background: #ffff95;
	box-shadow: 0px 0px 10px #343434;
}
#top { position: relative; height: 215px;}
#logo {position: absolute; top: 10px; left: 20px;}
#logo_text {position: absolute; top: 186px; left: 300px;}
#top-right {position: absolute; top: 25px; right: 30px; text-align: right; }

#info {display: table; position: relative; width: 100%; padding: 0; margin: 0;}
#cont-top {margin: 0; padding: 0;}
#cont-top p {margin: 0;}
#cont-top img {display: block;}

#right {display: table-cell; vertical-align: top; width: 200px; padding: 44px 40px 60px 0;}

#content {display: table-cell; vertical-align: top; padding: 35px 60px 60px; line-height: 1.3;}
.home-page #content {padding-top: 0;}
#content h1 {
  font-family: MyFont_Bold;
  margin: 0 0 10px 0;
  font-size: 18px;
  font-weight: normal;
  color: #235389;
  text-decoration: none;
}
#content h2, .mceContentBody h2 {
  margin: 0 0 30px -60px;
  padding: 5px 30px 4px 60px;
  background: url(../images/h2_bgr.png) no-repeat top right;
	font-family: MyFont;
	font-weight: normal;
	font-size: 22px;
	color: #FFF;
	letter-spacing: 0.06ex;
}
#content .blog .items-row h2 {margin-top: 58px}
#content .blog .items-row:first-child h2 {margin-top: 0;}

#content h2 a, .mceContentBody h2 a {
  font-family: MyFont;
  font-size: 22px;
  color: #FFF;
  text-decoration: none;
  font-weight: normal;
  letter-spacing: 0.06ex;
}
#content h2 a:hover, .mceContentBody h2 { text-decoration: underline; border: none;}

#content h3, .mceContentBody h3 {font-family: MyFont_Bold; margin: 0 0 5px; color: #723000; font-size: 16px; font-weight: normal; text-transform: uppercase;}
#content h4, .mceContentBody h4 {font-family: MyFont_Bold; margin: 0 0 5px !important; color: #676767; font-size: 13px !important; font-weight: normal; }

#content ul li, .mceContentBody ul li, #content ol li {margin-bottom: 6px;}
#content p { margin: 0 0 10px 0; line-height: 1.4; }

#content .items-row {margin-top: 30px;}
#content .items-row.row-0 {margin-top: 0;}


#breadcrumbs {
  position: relative;
  width: auto; 
  height: auto;  
  font-size: 10px;
  margin-bottom: 10px;
}
.showHere { color: #9a9a9a; }

ul.actions {float: right; list-style: none; margin: -42px 25px 0 0; padding: 0;}
.cj-main ul.actions {margin: -10px 8px 0 0;}
.item-separator { clear: both; } 

/* Категории и подкатегории */
dl.article-info { margin: -10px 0 7px 10px; padding: 0; }
dl.article-info dd { margin: 0; padding: 0;  display: inline; font-size: 9px; color: #b5b5b5; }

.clear {clear: both;}

#footer{
  position: relative;
  background: #1b1b18;
	opacity: .96;
  margin: 0;
  padding: 35px 40px;
  height: auto;
  font-size: 11px;
  overflow: hidden;
  color: #fbe1b2;
}

#footer a { text-decoration: none; color: #8BC7DE;}
#footer a.no-color {color: #fbe1b2;}
#footer a:hover { text-decoration: underline;}
#footer p { margin: 0 0 4px; }
#footer td p:last-child {margin: 0;}

/* ---------------- СИСТЕМНЫЕ СТИЛИ (Joomla 3) ------------ */

/* TOOLTIPS */
.tip-wrap {
  float: left;
  border: 1px solid #D4D5AA;
  padding: 5px;
  background: #FFFFCC;
  max-width: 200px;
  color: #000;
}
.tip-title {
  padding: 0;
  margin: 0;
  margin-top: -15px;
  padding-top: 15px;
  padding-bottom: 5px;
  background: url(../../system/images/selector-arrow.png) no-repeat;
  font-size: 100%;
  font-weight: bold;
  color: #000;
}
.tool-text { margin: 0;  font-size: 100%; color: #000;}
/* /TOOLTIPS */

textarea.wfEditor, textarea.wfNoEditor { font-size: 1.4em !important; }

/* Системные сообщения */
#system-message { margin-top: 0;}

/*  ССЫЛКИ АДМИНА (изменить)  */
.items-row {position: relative;}
.items-row:first-child {margin-top: 0;}
.item-page {position: relative;}
ul.actions, ul.dropdown-menu {list-style: none; margin: -20px 0 20px; padding: 0;}
span.icon-cog {display: none;}
/*
ul.actions, ul.dropdown-menu {float: right; list-style: none; margin: -47px 8px 0 0; padding: 0; }
.cj-main ul.actions {margin: -10px 8px 0 0;}
*/

/* НЕ ОПУБЛИКОВАНО */
.system-unpublished { 
	background: none;
	border: none;
	position: relative;
	opacity: .65;
	margin-bottom: 25px;
}
.system-unpublished .label-warning {
	position: absolute;
	right: 10px;
	top: 38px;
	font-weight: bold;	
	color: red;
	font-style: italic;
}

/* АВТОРИЗАЦИЯ + ADMIN-FORM (редактор на фронте) */
.login, .logout {margin-top: 15px;}
.control-group {margin-bottom: 8px;}
.control-label { margin-bottom: 3px; color: #606060}
.controls {}
#remember {margin: 0; vertical-align: middle;}
#jform_publish_down_img {
	width: 18px;
	height: 18px;
	margin-left: 3px;
	background: url(../../system/images/calendar.png) no-repeat;
	cursor: pointer;
	vertical-align: middle;
}
#jform_publish_up_img {
	width: 18px;
	height: 18px;
	margin-left: 3px;
	background: url(../../system/images/calendar.png) no-repeat;
	cursor: pointer;
	vertical-align: middle;
}
.nav-tabs {display: none;}
.btn-toolbar .btn-group {display: inline-block;}
#jform_title {width: 400px;}
#jform_articletext_parent {margin-bottom: 15px;}
#editor-xtd-buttons {display: none;}
#jform_tags_chzn, #jform_tags_chzn input {width: 200px !important;}

/* Категории и подкатегории */
dl.article-info { margin: -13px 0 7px 10px; padding: 0; }
dl.article-info dd { 
	margin: 0;
	padding: 0 0 0 11px;
  display: inline;
	font-size: 9px;
	color: #b5b5b5;
	background: url(../images/arrow.png) no-repeat;
}
/*dl.article-info dd:first-child {background: none;}*/

/* НОМЕРА СТРАНИЦ */
#content div.pagination {margin-top: 20px; padding-bottom: 0; text-align: center;}
#content .pagination p.counter {font-family: MyFont; font-size: 11px; letter-spacing: 0.1ex;}
#content .pagination ul {
  float: left;
  left: 50%;
  list-style: none outside none;
  margin: 0;
  padding: 0;
  position: relative;
}
#content .pagination ul li { float: left;  margin: 0 4px 2px 0; position: relative; right: 50%;}
#content a.pagenav {background: none repeat scroll 0 0 #235389;  color: #FFFFFF;  font-weight: normal;}
#content span.pagenav {background: none repeat scroll 0 0 #8B9FB5; color: #D1DEE2;}
#content a.pagenav, #content span.pagenav {font-family: MyFont; font-size: 11px; letter-spacing: 0.1ex; padding: 4px 7px;}
#content a.pagenav:hover {background-color: #36669c; border: medium none; text-decoration: none;}
/* /НОМЕРА СТРАНИЦ */

/* System Messages */
.alert {
    background-color: #FCF8E3;
    border: 1px solid #FBEED5;
    border-radius: 4px;
    margin: 0 0 18px;
    padding: 8px 35px 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.alert, .alert h4 {color: #C09853;}
.alert h4 {margin: 0;}
.alert .close {line-height: 18px; position: relative; right: -21px; top: -2px;}
.alert-success {background-color: #DFF0D8; border-color: #D6E9C6; color: #468847;}
.alert-success h4 {color: #468847;}
.alert-danger, .alert-error {background-color: #F2DEDE; border-color: #EED3D7; color: #B94A48;}
.alert-danger h4, .alert-error h4 {color: #B94A48;}
.alert-info {background-color: #D9EDF7; border-color: #BCE8F1; color: #3A87AD;}
.alert-info h4 {color: #3A87AD;}
.alert-block {padding-bottom: 14px; padding-top: 14px;}
.alert-block > p, .alert-block > ul, #content .alert p {margin-bottom: 0;}
.alert-block p + p {margin-top: 5px;}
.close {
    color: #000000;
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 18px;
    opacity: 0.2;
    text-shadow: 0 1px 0 #FFFFFF;
}
.close:hover, .close:focus {
    color: #000000;
    cursor: pointer;
    opacity: 0.4;
    text-decoration: none;
}

.tip-wrap { background:#FEFDE2; font-size:0.8em ; padding:5px; border:solid 1px #ddd; border-radius:3px; box-shadow: 0 1px 5px #ccc }
.tip-title {font-weight:bold}

/* ------------------------------------------------*/



/* ФОРМА ОБРАТНОЙ СВЯЗИ */
.rapid_contact table tr {background: none;}
.rapid_contact td {padding: 0 !important; font-size: 15px;} 
.rapid_contact td input,.rapid_contact td textarea {font-size: 15px; margin: 5px 0 7px; font-family:Verdana, Geneva, sans-serif;}

/*   ТАБЛИЦА НА ГЛАВНОЙ   */
.table-uslugi {margin: 0 -60px;}
table.uslugi td {padding: 20px 30px; color: #fff;}
table.uslugi tr:first-child {background: #4277ab;}
table.uslugi tr {background: #123558;}
table.uslugi a {color: #73dcff;}
table.uslugi ul {margin-bottom: 0;}