body {margin: 0; padding: 0; min-width: 1020px; font-family:Verdana, Geneva, sans-serif; font-size: 14px; color: #153e5c; background: #edbd01 url(../images/body_bgr.jpg) no-repeat top center; background-size: contain;}
body.home-page {}

body.mceContentBody { background-image: none; background: #fffbe8;}
p { margin: 0 0 10px 0;}
img { border: none; }
a {color: #5d95af; text-decoration: none;}
a:hover { color:#7ba7bb; text-decoration: underline; }
a img:hover {opacity: .9;}
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;}

/* /ФОРМЫ и КНОПКИ */

/* ТАБЛИЦЫ */
table {border-collapse: collapse; border-color: #c5bf94; margin-bottom: 10px;}
table tr th {
  background: #807444;
  font: normal 14px MyFont_Bold;
  color: #fff;
  padding: 8px 8px 0;
  letter-spacing: 0.06ex;
	text-align: left;
	vertical-align: center;
	border-color: #fff;
}
table tr:nth-child(even) {background: #e9cc98;}
table.no-zebra tr:nth-child(even) {background: none;}
table td {border-color: #c5bf94; padding: 8px 8px 0;}
/*table p {margin-bottom: 2px;}*/
#table_aboutus td {padding: 0;}
#table_aboutus td img {display: block;}
#table_aboutus td.text {padding: 15px 30px; background: #1d5488; color: #fff;}

@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;
}

#top-bgr {position: relative; width: 100%; height: 214px; background: url(../images/top_bgr3.jpg) no-repeat right; background-size: cover;}

#top, #menu, #info {width: 980px; margin: 0 auto 0;}
#info {width: 910px;}
#top { position: relative; /*margin-top: -262px;*/ margin-bottom: 0;}

#white_strip {position: absolute; width: 680px; height: 75px; background: url(../images/white_strip.png) no-repeat; top: 68px; left: -120px;}
#logo {position: absolute; top: 40px; left: 0px; z-index: 5;}

#top-right {position: absolute; top: 40px; right: 0;}
/*#top-right p {margin-bottom: 15px;}*/
#top-right a {color: #1d4a63;}

#lang {position: absolute; top: 170px; right: 0px; z-index: 10;}
.mod-languages a {font-size: 15px; color: #fff;}
.mod-languages li {padding: 8px 2px 6px 6px; margin: 0 !important;}
.mod-languages li:last-child {padding-right: 6px;}
.mod-languages li.lang-active {background: url(../images/lang.png) repeat;}

#info-top {position: relative; width: 100%; height: auto; margin: 45px 0 0;}
#info-top .moduletable.home-text {padding: 35px 0 25px; background: url(../images/cont-top_bgr.png) repeat; /*background-size: cover;*/}

#info {display: table; position: relative; padding: 25px 35px; margin: 45px auto 45px; background: url(../images/info_bgr.png) repeat;}
body.home-page #info, body.production-page #info {background: none; padding: 0;}
/*body.home-page #info {margin-top: 0;}*/

#left, #right {display: table-cell; vertical-align: top;}
#left {width: 200px; padding: 0 0 15px 0; /*border-right: 1px solid #e8e8e8;*/}

#left h3, #right h3 {font-family: MyFont; color: #093674; font-size: 16px; margin: 0 0 7px 0; padding-bottom: 2px; font-weight: normal; border-bottom: 1px solid #949698;}
#left .moduletable, #right .moduletable {margin-bottom: 30px;}

/* АНИМАЦИЯ БАННЕРОВ НА ГЛАВНОЙ */
.home-table a img {opacity: 1; transition: all .2s;  -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s;}
.home-table a img:hover { opacity: .9; box-shadow: 0px 2px 8px #3a3a3a;}
.home-table a img:active { box-shadow: 0px 0px 1px #3a3a3a;}

.spacer {display: table-cell; width: 0; /*height: 350px;*/} /* ДЛЯ МИНИМАЛЬНОЙ ВЫСОТЫ ОСН. БЛОКА */
.spacer-right {display: table-cell; width: 0; height: 350px;}

#content {display: table-cell; padding: 0; margin: 0; vertical-align: top; line-height: 1.6;}
#content h1 {font: normal 24px MyFont; margin: 0 0 22px 0; padding: 0 0 2px; letter-spacing: 0.06ex; color: #496311; text-decoration: none; border-bottom: 1px solid #949698; line-height: 1.6;}
#content h2, .mceContentBody h2 {
	font-family: MyFont;
  margin: 0 0 25px 0;
  padding: 0 0 2px;
	font-size: 22px;
	letter-spacing: 0.06ex;
	color: #3f0706;
	font-weight: normal;
	border-bottom: 1px solid #949698;
}
#content h2 a, .mceContentBody h2 a {font-family: MyFont; font-size: 24px; 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-0 h2, #content .blog-featured .row-0 h2 {margin-top: 25px;}*/
/*#content .blog h2 {margin-top: 10px;}*/

#content h3, .mceContentBody h3 {font: normal 20px MyFont_Bold; margin: 14px 0 5px; color: #004d66;}
#content h4, .mceContentBody h4 {font: normal 18px MyFont_Bold; margin: 14px 0 5px; color: #004d66;}
#content h5, .mceContentBody h5 {font: normal 16px MyFont_Bold; margin: 14px 0 5px; color: #004d66;}
#content ul li, .mceContentBody ul li, #content ol li {margin-bottom: 6px;}
#content p { margin: 0 0 10px 0; line-height: 1.5;}
/*#content table p { margin: 0;}*/
span.handmade {padding-left: 15px; border-left: 3px solid #496311;}

#breadcrumbs {position: relative; width: auto; height: auto;  font: normal 14px MyFont; margin-bottom: 10px; list-style: none;}
#breadcrumbs ul { margin: 0; padding: 0;}
#breadcrumbs li {display: inline-block; margin: 0; padding: 0;}
#breadcrumbs .separator {margin: 0 3px;}
.showHere { color: #9a9a9a; }
.divider.icon-location {color: #9d9686;}

/* ПОДКАТЕГОРИИ */
.cat-children {margin: 15px 0 35px; padding: 30px 30px 20px; background: url(../images/cont-top_bgr2.jpg) no-repeat; background-size: cover;}
.cat-children a {font: normal 18px MyFont_Bold; color: #fff; }
.cat-children span {font: normal 14px MyFont; color: #933a00; background: #9dbabf; padding: 3px 7px 3px 0; border-radius: 3px; margin-left: 4px;}
#content .cat-children h3 {margin: 0 0 15px; padding-left: 35px; background: url(../images/logo_subcat.png) no-repeat left;}


/* КАТЕГОРИЯ СТАТЬИ */
.article-info {margin: -20px 0 15px; padding: 0;}
.article-info dd {margin: 0; padding: 0; font: normal 14px MyFont; color: #857d6b;}

.clear {clear: both;}

#footer { position: relative; width: 980px; margin: 0 auto; padding: 38px 0 35px; font: normal 13px MyFont; color: #153e5c;}
#footer p { margin: 0 0 4px; }
#footer a {color: #246ca2;}
#footer-bgr {width: 100%; background: #dbdbdb url(../images/footer_bgr2.png) repeat center center;}


textarea.wfEditor, textarea.wfNoEditor { font-size: 1.4em !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;}

/* ОБРАТНЫЙ ЗВОНОК И КНОПКА-ССЫЛКА */
p.button-link a, #top button.button-joomly-callback-form, #top button.button-joomly-callback-lightbox {display: block; text-align: center; font: normal 16px MyFont; padding: 8px 10px; background: #408304; color: #fff; text-transform: uppercase; letter-spacing: .02em;}
p.button-link a:hover,#top button.button-joomly-callback-form:hover, #top button.button-joomly-callback-lightbox:hover {text-decoration: none; background: #55ad05; opacity: 1;}

/* SEBLOD */
div.vertical div.cck_contents {width: auto;}
div.vertical div.cck_contents > div {width: auto !important;}
div.vertical div.cck_forms.cck_site div.cck_label {width: 170px;}
#content .button-group {float: left; padding-top: 15px;}
#content .button-group div.cck_forms {display: inline-block; width: auto; margin-right: 10px;}
#content .button-group div.cck_forms button.button {margin-left: 0;}

.blog .item {position: relative;}
.blog .clear {height: 35px;}
.cck_icon_edit, .cck_icon_delete {position: absolute; top: 0;}
.cck_icon_edit {right: 0;}
.cck_icon_delete {right: 35px;}
.blog .cck_main_img, .item-page .cck_main_img {float: right; margin: 10px 0 20px 30px;}
.cck_gallery_groupx {padding: 10px 10px;}
.cck_gallery_groupx a {display: inline-block; margin: 0 25px 25px 0;}
.cck_gallery_groupx a:nth-child(2n) {margin-right: 0;}

.icons {/*display: none;*/}
body.yes-edit-link .icons {display: block;}
body.no-edit-link .icons {display: none;}
.btn.dropdown-toggle {display: none;}

.cck_module_form {margin-top: 20px;}
.cck_module_form .cck_label, .cck_page_form .cck_label {float: left; width: 190px;}
.cck_module_form .cck_forms, .cck_page_form .cck_forms {margin-bottom: 10px;}

.cck_readmore_link, .cck_readmore_btn a {display: inline-block; padding: 8px 12px; margin: 5px 0 0 0; background: #1d5488; color: #fff; font: normal 15px MyFont;}
.cck_readmore_link a:hover, .cck_readmore_btn a:hover {text-decoration: none; background: #2672b7;}


/* БАННЕРЫ НА ГЛАВНОЙ */
a.cat_banner {position: relative; float: left; margin: 0 38px 35px 0; width: 40%; height: 140px; font: normal 22px MyFont_Bold; text-align: center; padding: 25px 25px; color: #153e5c; text-decoration: none; border: 2px solid #fffdf4; border-radius: 10px; box-shadow: 1px 1px 5px #222222; background-size: cover;}
a.cat_banner:nth-child(even) {margin-right: 0;}
a.cat_banner:hover  {box-shadow: 2px 2px 10px #222222;}
a.cat_banner:active {box-shadow: 1px 1px 2px #222222;;}
a.cat_05, a.cat_06 {margin-bottom: 0;}
.cat_01 {background: url(../images/cat_01_2.jpg) no-repeat left center;}
.cat_02 {background: url(../images/cat_02_2.jpg) no-repeat left center;}
.cat_03 {background: url(../images/cat_03_2.jpg) no-repeat left center;}
.cat_04 {background: url(../images/cat_04_2.jpg) no-repeat left center;}
.cat_05 {background: url(../images/cat_05_2.jpg) no-repeat left center;}
.cat_06 {background: url(../images/cat_06_2.jpg) no-repeat left center;}
.muz_logo img {display: block; position: absolute; width: auto; height: 45px; right: 15px; top: 15px; }
.cat_text {display: block; position: absolute; width: 100%; left: 0; bottom: 0; border-radius: 0 0 10px 10px; box-sizing: border-box; padding: 8px 20px; background: url(../images/cont-top_bgr.png) repeat; color: #fff; z-index: 5;}

a.oborud_link {display: inline-block; padding: 10px 18px 9px; font: normal 16px MyFont; background: #1d5488; color: #fff; margin-top: 40px; box-shadow: 1px 1px 4px #222222; border: 2px solid #fffdf4; border-radius: 5px;}
a.oborud_link:hover {text-decoration: none; background: #2672b7; box-shadow: 2px 2px 8px #222222;}
a.oborud_link:active {box-shadow: 1px 1px 2px #222222;}

#top-right [class^="icon-"], #top-right [class*=" icon-"] {margin-right: 8px; color: #153e5c;}