body {margin: 0; padding: 0; min-width: 1020px; font-family:Verdana, Geneva, sans-serif; font-size: 14px; color: #676767; background: #fff;}
body.mceContentBody { background-image: none;}
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;}

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

@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: absolute; width: 100%; height: 164px; background: url(../images/top_bgr.png) repeat-x;}

#menu {width: 100%;}
#top, #info {max-width: 1280px; margin: 0 auto 0; min-width: 980px;}
#top { position: relative; height: 164px;}

#logo {position: absolute; top: 44px; left: 15px; z-index: 5;}

#top-right {position: absolute; top: 42px; right: 15px;}
#top-right .phones {position: absolute; top: 57px; right: 0px;}
#top-right p {margin-bottom: 15px;}
#top-right a {color: #1d4a63;}

#lang {position: absolute; bottom: 20px; left: 0; 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: 550px; overflow: hidden;}
#info-top video {margin-top: 0;}
#info-top .video-text {position: absolute; z-index: 15; padding: 15px 0 5px; bottom: 0; left: 0; width: 100%; background: url(../images/info-top2_bgr.png) repeat; border-bottom: 45px solid #fff; color: #3b3b3b; letter-spacing: .2ex;}

#info {position: relative; padding: 0; margin: 40px auto 40px;}
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 {padding: 0 15px; 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: #496311;
	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: 0 150px 15px 0;}
#breadcrumbs .separator {margin: 0 3px;}
.showHere { color: #9a9a9a; }

.clear {clear: both; height: 20px;}

#footer { position: relative; width: 940px; margin: 0 auto; padding: 38px 0 35px; font: normal 13px MyFont; color: #fff;}
#footer p { margin: 0 0 4px; }
#footer a {color: #c8e8f2;}
#footer-bgr {width: 100%; background: #dbdbdb url(../images/footer_bgr.png) repeat-x 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, .blog-top.cck-ptb {position: relative;}
.blog-top.cck-ptb {width: 32%; float: left; margin-right: 2%; margin-bottom: 25px; border: 1px solid #dddddd; box-sizing: border-box;}
.blog-top.cck-ptb:nth-child(6n+5) {margin-right: 0;}
.cck-plr .cck-pos-mainbody {padding: 0; border-radius: 0; }
.cck_proj_pict_main img {width: 100%; height: auto;}

.proj-top {position: absolute; top: 0; background: url(../images/proj_top_bgr.png) repeat; width: 100%;}
.cck_page_items .cck_art_title, .cck_page_items .cck_proj_area_common {display: inline-block; color: #fff;}
.cck_page_items .cck_proj_area_common {float: right; font: normal 18px MyFont; padding: 10px 12px 11px; background: #1e545d;}
#content .cck_art_title h3 {margin: 0; padding: 10px 12px 11px; font: normal 18px MyFont;}
 #content .cck_art_title h3 a {color: #fff;}

.cck_icon_edit, .cck_icon_delete {position: absolute; top: 0px; }
body.projects .cck_icon_edit, body.projects .cck_icon_delete {top: 50px;}
.item-page .cck_icon_edit, .item-page .cck_icon_delete {top: 0; }
.cck_page_list .cck_icon_edit a, .cck_page_list .cck_icon_delete a {color: #fff;}
.icon-trash, .icon-edit {margin-right: 12px;}
.icon-trash::before, .icon-edit::before {font-size: 17px;}
.cck_icon_edit {right: 0;}
.cck_icon_delete {right: 30px;}

.proj-bottom {padding: 10px;}
.proj-bottom .cck_item {padding: 5px 0;}
.proj-bottom .cck_item .cck_label {display: inline-block;}
.proj-bottom .cck_item .cck_value {display: inline-block; float: right;}
.proj-bottom .cck_proj_price_proj {border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee;}


.blog .cck_main_img {float: right; margin: 10px 0 20px 30px;}
.cck_gallery_groupx {padding: 0;}
.cck_gallery_groupx a {display: inline-block; margin: 0 25px 25px 0;}
.cck_gallery_groupx a:nth-child(2n) {}

form .cck_gallery_groupx .collection-group-wrap .cck_label_upload_image {display: none;}
form .cck_gallery_groupx .collection-group-wrap .cck_form_upload_image {margin-top: 10px;}
form .cck_gallery_groupx .collection-group-wrap .cck_form_upload_image a {margin: 0;}
form .cck_gallery_groupx .collection-group-wrap .cck_form_upload_image a img {height: 150px; width: auto;}

body.no-edit-link .icons {display: none;}

.item-page .proj_left {width: 65%; float: left;}
.item-page .proj_left img {width: 100%; height: auto;}

/* ПРОЕКТ ДОМА - ИНФО */
.item-page .proj_right {float: right; width: 30%; padding-left: 2%; padding-right: 2%; line-height: 1.6; font: normal 15px MyFont; text-align: center;}
.item-page .proj_right > div {margin-bottom: 20px;}
div.cck_contents.cck_content div.cck_label {float: none; width: auto;}
div.cck_contents.cck_content div.cck_value.cck_value_text {float: none; font-size: 30px; width: auto; text-align: center;}

div.cck_contents.cck_content.cck_proj_area_common div.cck_value.cck_value_text {margin-top: 5px;}
div.cck_contents.cck_content.cck_proj_area_common div.cck_value.cck_value_text span {background: #57a8b7; font-family: MyFont_Bold; padding: 3px 8px; border-radius: 6px; color: #fff;}

div.cck_contents.cck_content.cck_proj_price_proj div.cck_value.cck_value_text {margin-top: 5px;}
div.cck_contents.cck_content.cck_proj_price_proj div.cck_value.cck_value_text span {font-family: MyFont_Bold; padding: 3px 8px; border: 1px solid #777777; border-radius: 6px;}

.proj_plans .cck_upload_image {margin-top: 40px;}
.proj_plans label {font: normal 20px MyFont;}
.proj_plans a {margin: 0 auto; text-align: center; display: block;}
.proj_plans img {max-width: 600px; height: auto; margin: 0 auto;}

/* PROJEXTS SEARCH FORM */
body.projects #seblod_form {margin-bottom: 25px;}
body.projects #seblod_form .cck-plr.cck-ptb > div {display: inline-block; margin-right: 20px;}
body.projects #seblod_form .cck-plr.cck-ptb .cck_proj_area_common_min > div {display: inline-block;}
body.projects #seblod_form .cck-plr.cck-ptb .cck_proj_area_common_max {margin-right: 5px;}
body.projects #seblod_form .cck-plr.cck-ptb .cck_proj_area_common_max > div {display: inline-block;}

body.projects #seblod_form .cck-plr.cck-ptb .cck_proj_area_common_min input, body.projects #seblod_form .cck-plr.cck-ptb .cck_proj_area_common_max input {width: 50px;}

body.projects #seblod_form .cck-plr.cck-ptb .cck_label_text {margin-right: 5px;}

body.projects #seblod_form .cck-plr.cck-ptb input.checkbox {top: 2px; position: relative; margin-right: 6px; /*transform : scale(1.8); border: solid 1px #666666;*/}
body.projects #seblod_form #button_search {background: #57a8b7; margin: 0; border: none; border-radius: 6px; padding: 5px 12px; cursor: pointer; font: normal 15px MyFont; text-transform: uppercase; color: #fff; }
body.projects #seblod_form #button_search:hover {box-shadow: 0px 0px 1px #444444;}

.cck_page_items > div > .cck-clear:last-child {clear: both;}

.html5gallery-elem-img-0 a {display: none;}