body {
  margin: 0;
  padding: 0 0 30px 0;
  font-family:Verdana, Geneva, sans-serif;
  font-size: 12px;
  color: #3b3b3b;
  background: #d0e6eb;
}
body.mceContentBody { background-image: none; background: #c8cfc2;}
p { margin: 0 0 10px 0;}
img { border: none; }
a {color: #5d95af; text-decoration: none;}
a:hover { color:#7ba7bb; text-decoration: underline; }
table {border-collapse: collapse;}
hr {border: 1px solid #E3E7E8;}

/* ФОРМЫ и КНОПКИ */
button.button {margin: 10px 0 0 3px;}
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/avantgardegothicc-bold-webfont.eot');
    src: url('../fonts/avantgardegothicc-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/avantgardegothicc-bold-webfont.woff') format('woff'),
         url('../fonts/avantgardegothicc-bold-webfont.ttf') format('truetype'),
         url('../fonts/avantgardegothicc-bold-webfont.svg#AvantGardeGothicCBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

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


#page_wrapper {
	position: relative; 
	margin: 0 auto;
	padding: 0;
	width: 980px;
	height: auto;
}

#top {position: relative; height: 570px;}
#top p {margin: 0; padding: 0}

#logo {z-index: 5; padding: 35px 50px 20px;}
#top p.logo-big0 {display: inline-block; font: bold 42px Verdana; color: #359900; background: #f7f9f7; margin: 0 0 4px 0;	padding: 0px 6px 2px;}
#top p.logo-big1, #top p.logo-big2 {display: inline-block;}
#top p.logo-big1 {color: #fff; font: normal 18px MyFont2; text-transform: uppercase;}
#top p.logo-big2 {background: #b5e57f;	margin: 7px 0 0 5px;	padding: 3px 5px; text-transform: uppercase;	color: #3a4534;	font: normal 18px MyFont2-Bold;}
#top p.logo-sm1 {color: #fff; font: normal 20px myfont2-bold; margin-top: 0;}
.slogan {margin: 20px 0; color: #fff; font: normal 18px MyFont_Bold;}

#gar-kach {position: absolute; top: 40px; left: 490px;}

#top-right {position: absolute; padding: 15px; top: 30px; right: 150px;}

#content-top {margin: 20px 0 15px 0;}
#content-top .uslugi {background: url(../images/uslugi-bgr.png) repeat; box-shadow: 0 0 20px #3c4935;}
#content-top .uslugi td {padding-top: 30px; padding-bottom: 30px;}

#info {
  display: table;
  position: relative;
  width: 100%;
  padding: 0;
  margin: 30px 0 15px;
}

#content {
  display: table-cell;
  padding: 0;
	width: 100%;
  margin: 0;
  vertical-align: top;
  line-height: 1.6;
}

#content .item-page, #content .blog, #content .category-list, #content .blog-featured {}

#content .items-row {margin-bottom: 50px; background: url(../images/content_bgr.png) repeat; padding: 20px 30px 30px; box-shadow: 0 0 20px #3c4935;}
#content .items-row:last-child {margin-bottom: 20px;}

#content h1 {
  font-family: MyFont_Bold;
  margin: 0 0 10px 0;
  font-size: 18px;
  font-weight: normal;
	letter-spacing: 0.06ex;
  color: #235389;
  text-decoration: none;
}
#content h2, .mceContentBody h2 {
	font-family: MyFont2;
	background: #b5e57f;
  margin: 0 -30px 30px;
  padding: 6px 30px 5px;
	font-size: 25px;
	letter-spacing: 0.06ex;
	color: #3c3e29;
	font-weight: normal;
	/*border-bottom: 1px solid #949698;*/
}
#content h2 a, .mceContentBody h2 a {
  font-family: MyFont;
  font-size: 22px;
  color: #3f0706;
  text-decoration: none;
  font-weight: normal;
  letter-spacing: 0.06ex;
}
#content h2 a:hover, .mceContentBody h2 { text-decoration: underline; border: none;}
#content .blog .row-fluid h2, #content .blog-featured .row-fluid h2 {margin-top: 5px;}
/*#content .blog .row-0 h2, #content .blog-featured .row-0 h2 {margin-top: 0;}*/
/*#content .blog h2 {margin-top: 10px;}*/

#content h3, .mceContentBody h3 {font-family: MyFont_Bold; margin: 14px 0 5px !important; color: #676767; font-size: 16px !important; font-weight: normal; line-height: 1.2;}
#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, #content-top ul li, .mceContentBody ul li, #content ol li {margin-bottom: 8px;}
#content p { margin: 0 0 10px 0; line-height: 1.4; font-size: 12px; }
#content table p { margin: 0;}
#content p:last-child {margin-bottom: 0;}

#breadcrumbs {
	background: url(../images/content_bgr.png) repeat;
	margin: 0;
	padding: 20px 25px 10px;
  position: relative;
  font-size: 11x;
	font-style: italic;
	font-weight: bold;
}
#breadcrumbs ul {list-style: none; margin: 0; padding: 0;}
#breadcrumbs ul li {float: left;}
#breadcrumbs ul li .divider {margin: 0 2px;}
#breadcrumbs ul li:first-child {display: none;}
#breadcrumbs ul li.active {font-weight: normal;}

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

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

.clear {clear: both;}

#footer {
  position: relative;
	width: 100%;
  margin: 40px auto -30px;
  padding: 20px 0;
  height: auto;
	background: #394631;
  font-size: 11px;
  overflow: hidden;
  color: #ffffff;
}
#footer p {margin: 0 0 4px; }
#footer a {color: #256F92;}
#footer td {padding: 0 20px;}

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

/* 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;}

/* КАТЕГОРИИ И ПОДКАТЕГОРИИ  под заголовком статьи*/
dl.article-info { margin: -5px 0 10px -2px; 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.create {float: right; background: none; margin-top: -2px;}
dl.article-info dd.create span.icon-calendar {display: none;}

/*  ССЫЛКИ АДМИНА (изменить)  */
#content ul.actions, #content ul.dropdown-menu {float: right; list-style: none; margin: -37px 0 0 0; padding: 0; }
ul.actions li a, ul.dropdown-menu li a {color: #387EC5;}
#content  .home-page ul.dropdown-menu {position: absolute; margin: 5px;}
.icons .btn-group {margin-bottom: 0;}

/* АВТОРИЗАЦИЯ + 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-group {margin-bottom: 10px;}
.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;}

/* НОМЕРА СТРАНИЦ */
#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;}
/* /НОМЕРА СТРАНИЦ */

/* ПОИСК РЕЗУЛЬТАТЫ */
.search-results .result-title {font: normal 15px MyFont_Bold; border-bottom: 1px solid #949698; padding-bottom: 3px;}
.result-text {font-size: 13px;}
.result-url {margin-bottom: 20px; margin-top: 2px; font: italic 10px Verdana; color: #BBBBBB;}

/* RAPID CONTACT */
#content .rapid_contact td {font-size: 13px; font-style: italic; line-height: 2;}

/* КНОПКИ "ДОБАВИТЬ..." в РАЗДЕЛАХ (не на главной) */
#content  p.button-add {margin: 20px 5px 20px 2px;}
.button-add a {
  /*border: 3px solid #fff;*/
  /*border-radius: 8px;*/
  box-shadow: 0px 0px 2px #a3a3a3;
  color: #fff;
  font-weight: bold;
  padding: 6px 12px;
	background: #235389;
}
p.button-add a:hover {text-decoration: none; box-shadow: 0px 0px 5px #757575; }
p.button-add a:active {text-decoration: none; box-shadow: 0px 0px 2px #a3a3a3;}
/* /КНОПКИ "ДОБАВИТЬ..." в РАЗДЕЛАХ (не на главной) */

/* slideshow*/
.slideshowck.camera_wrap {min-height: 800px !important; min-width: 1000px !important;}

#scrollToTop {font: normal 13px MyFont2-Bold;}