@charset "utf-8";
* {margin:0;padding: 0;}
html {height: 100%;}
body {color: #443713; font:13px Verdana,Georgia,"Times New Roman",Times,serif; height: 100%; background: url("wood.jpg") repeat;
/*background-image: url(044.jpg);*/
}
a {color: #990100; outline: none; text-decoration: underline;}
a:hover {color: #fe0000; text-decoration: none;}
p {margin: 0 0 6px; text-align: justify;}
img {border: none;}
input {vertical-align: middle;}
@font-face {font-family:Century_Gothic; src:url("Century_Gothic.ttf") format("opentype");}
#wrapper {width: 900px;margin:0 auto;min-height: 100%;height: auto !important;height: 100%;background: #ffffff;}
/* Почта с папки /mail-sait/
-----------------------------------------------------------------------------*/
div.forma-contact input, div.forma-contact textarea {width: 100%; font-size: 13px; padding: 6px 0 4px 10px; border: 1px solid #cecece; background: #F6F6f6; border-radius: 8px; margin-bottom:5px;}
div.forma-contact textarea {margin-bottom:7px;}
div.forma-contact .post_help {font-size: 12px; margin: 5px 0 10px 0;}
.formaline { display:flex;}
.contact-button {padding: 6px 0; border: 1px solid #cecece; background: #F6F6f6; border-radius: 8px; width:120px; text-align:center; cursor: pointer; }
#my_form_fuck { color:#F70307; padding:4px 0;}
#my_form_ok { color: #106303; padding:10px 0;}
#file_in {border:none; background:#ffffff;}
#scaptcha {margin: -5px 0px 0px 0px; font-size: 34px; font-weight: bold; width: 100px;}
.photo:hover::after {content: attr(data-title);position: absolute; left: 70%; z-index: 1; background: rgba(255,255,230,0.9); font-family: Arial, sans-serif; font-size: 11px; padding: 5px 10px; border: 1px solid #333;}
.button_circle_red { font-size: 45px; font-family: Helvetica; color: #fff; font-weight: bold; background: linear-gradient(45deg, #e62a2a, #fda2a2); padding: 20px; margin: 20px; display: flex; justify-content: center; align-items: center; border-radius: 50%; border: 3px solid #c30000; width: 10px; height: 10px; max-width: 10px; max-height: 10px; cursor: pointer;}
/* Яндекс поиск - убрал из search.txt поставил сюда
-----------------------------------------------------------------------------*/
.ya-page_js_yes .ya-site-form_inited_no { display: none; }
/* Header
-----------------------------------------background: #ffffff url(header.jpg) repeat-x;------------------------------------*/
#header {color: #7f4336; }
.headerimg{background-image: url("header.jpg"); background-repeat: no-repeat; background-size: 100% auto; padding-bottom: 36%;}
.headertext {font-family: Century_Gothic; letter-spacing: -1px; font-size: 22px; margin-left:5px; text-align:center; position: absolute; top:3%;}
.headertext-min {font-family: Century_Gothic; letter-spacing: 1px; font-size: 14px; margin:7% 0 0 21%; position: absolute; font-weight: bold; }
/* Middle
-----------------------------------------------------------------------------*/
#middle {width: 100%; padding: 0 0 90px; height: 1%; position: relative; margin-top: -5px;}
#middle:after {content: '.'; display: block; clear: both; visibility: hidden; height: 0;}
#container {width: 100%; float: left; overflow: hidden; }
#content { padding: 0 270px 0 10px; background:#ffffff;}
/* Сетка у таблицы
-----------------------------------------------------------------------------*/
table.grid {border: solid #000000 1px; border-collapse: collapse;}
table.grid th, table.grid td {border-width: 1px; padding: 8px; border: solid #000000 1px;}
table.gridcentr { border:none; width: 90%; margin-left:5%; text-align: center; font-weight: bold;}
/* Сетка у таблицы
-----------------------------------------------------------------------------*/
table.sto {border: solid #c2c0bc 1px; border-collapse: collapse; width:100%}
table.sto th, table.sto td {vertical-align: top; padding: 4px; border:solid 1px #c2c0bc;}
table.noborder {border:none; border-collapse: collapse;}
table.noborder th, table.noborder td {vertical-align: central; padding: 4px; border:none; width:100%}
table.nobordertop {border:none; border-collapse: collapse;}
table.nobordertop th, table.nobordertop td {vertical-align: top; padding: 4px; border:none; width:100%}
/* Sidebar Right
-----------------------------------------------------------------------------*/
#sideRight {float: right; margin-right: 0; margin-top: 15px; width: 250px; margin-left: -250px; position: relative; background: #fff; background-repeat: no-repeat; padding-bottom: 10px;}
#sideRight-p {float: right; margin-right: -3px; width: 250px; margin-left: -250px; position: relative; background: #fff; background-repeat: no-repeat;}
/* Footer
-----------------------------------------------------------------------------*/
#footer {width: 900px; margin: -80px auto 0; height: 80px; position: relative; color: #582118; background: #ffffff url(footer.gif) no-repeat top center;}
#footer-block-1 {float:left; margin-left: 15px; margin-top: 15px;}
#footer-block-1 A {color: #582118; padding-top: 17px; text-decoration: none;}
#footer-block-1 A:hover {text-decoration: underline;}
#footer-block-2 {margin-top: 15px; margin-right: 20px; float:right;}
#footertext {font-size: 13px; font-family: Verdana, Arial; color: #000000; text-align: center; padding-top: 20px;}
#footertext A {color: #000000; text-decoration: none;}
#footertext1 {float:left; padding-top: 25px; font-weight: bold; margin-left: 5px;}
#footertext2 {float:right; padding-top: 20px;}
h1 {color: #862610; font: 22px Century_Gothic; font-weight: normal; text-align: center; margin: 0; padding: 0 0 20px;}
h2 {color: #a26455; font: 18px Century_Gothic; margin-left: 10px; margin-top: 22px; margin-bottom: 9px;}
h3 {color: #a67240; font: 16px Century_Gothic; margin-left: 30px; margin-top: 20px; margin-bottom: 11px;}
h4 {margin-left: 30px; font: 14px Century_Gothic; margin-bottom: 11px;}
h5 {margin-left: 30px; font: 13px Century_Gothic; margin-bottom: 11px;}
/* Новое --- lightbox фото в боксе выводится
-----------------------------------------------------------------------------*/
.lb-loader,.lightbox{text-align:center;line-height:0}
body:after{content:url(script-foto/close.png) url(script-foto/loading.gif) url(script-foto/prev.png) url(script-foto/next.png);display:none}.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}
body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;border-radius:3px}.lightbox a img{border:none}.lb-outerContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;border-radius:4px}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{display:table}.lb-container{padding:4px}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(script-foto/loading.gif) no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(script-foto/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(script-foto/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{display:table}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(script-foto/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}
.lb-number { padding-top:7px;}
/* Таблица на div главная страница
-----------------------------------------------------------------------------*/
.cells-russian {display: table; padding-left: 1%; width: 100%;}
.glav-krai-verx, .glav-krai-niz, .glav-center-verx, .glav-center-niz {display: table-cell !important; display: inline; vertical-align:middle; text-align:center; padding:1%; width: 14%; background:#faf9e5; font-size: small;}
.glav-krai-verx, .glav-center-verx {border-radius: 8px 8px 0px 0px; width: 14%;}
.glav-krai-niz, .glav-center-niz {border-radius: 0px 0px 8px 8px; width: 14%;}
.cells-russian img {width:90%; }
/* Таблица на div фото лестницы
-----------------------------------------------------------------------------*/
.cell-krai-verx, .cell-krai-niz, .cell-center-verx, .cell-center-niz {display: table-cell !important; display: inline; vertical-align:middle; text-align:center; padding:1px; width: 140px; background:#faf9e5;}
.cell-krai-verx, .cell-center-verx {border-radius: 8px 8px 0px 0px;}
.cell-krai-niz, .cell-center-niz {border-radius: 0px 0px 8px 8px;}
.cell-center-verx, .glav-center-verx {font-weight: bold; border-left: 2px solid #fff; }
.cell-center-niz, .glav-center-niz {border-left: 2px solid #fff; border-bottom: 2px solid #fff; padding-bottom: 1px; float: center;}
.cell-krai-verx {font-weight: bold;}
.cell-krai-niz, .glav-krai-niz {padding-bottom: 1px; border-bottom: 2px solid #fff;}
/* Таблица на div НОВОЕ
-----------------------------------------------------------------------------*/
.stroka-russian {}
.stolbes-left {border-left: 2px solid #fff; border-bottom: 2px solid #fff; display: table-cell !important; display: inline; vertical-align:middle; text-align:center; padding: 6px; background:#faf9e5; width: 288px; float: center; border-radius: 8px;}
.stolbes-right {border-left: 2px solid #fff; border-bottom: 2px solid #fff; display: table-cell !important; display: inline; vertical-align:middle; text-align:center; padding: 6px; background:#f9f9f7; width: 250px; float: center; border-radius: 8px;}
/* Меню с картинкой
-----------------------------------------------------------------------------*/
#menu-glav {padding-top: 82px; padding-left: 24px; line-height: 1.6; color: #fff; font-weight: bold;}
#menu-glav a {color: #ffffff;}
/* Меню главное на php сделано!
-----------------------------------------------------------------------------*/
.nav {font-family: Century_Gothic; font-size: 17px; margin-bottom: 19px; margin-left:2px; height: 32px; width: 100%; margin-top: -32px;}
.nav li {display: inline;padding: 4px;}
.nav li a {font-family: Century_Gothic; color: #fff; padding: 9px 9px; text-decoration: none;}
.nav li a:hover {text-decoration: underline;}
.nav #selected a {text-decoration: none;}
/* Меню главное на php сделано!
-----------------------------------------------------------------------------*/
/* Линия из точек в текстовой ссылке
-----------------------------------------------------------------------------*/
.line-toshki {border-bottom-style: dotted; border-width:1px; padding-left: 10px; padding-top: 8px; margin-bottom: 5px;}
.shadow {box-shadow:5px 5px 15px #808080; -webkit-box-shadow 5px 5px 15px #808080; -moz-box-shadow: 5px 5px 15px #808080;}
/* Отступы у картинок
-----------------------------------------------------------------------------*/
.leftimg {float:left; margin: 10px 10px 10px 0;}
.rightimg {float: right; margin: 10px 0 10px 10px;}
.centerimg {margin: 10px 0 10px 0;}
/* Меню партнёры
-----------------------------------------------------------------------------*/
#menu-parent {float: right; margin-right: 7px; margin-BOTTOM: 10px; width: 94%; POSITION: relative; BACKGROUND-COLOR: #ffffff;}
#menu-header {FONT-FAMILY: Verdana, Helvetica, sans-serif; FONT-SIZE: 12px; font-weight: bold; color: #ffffff; MARGIN: 1px; PADDING-TOP: 7px; PADDING-LEFT: 20px; PADDING-RIGHT: 10px; PADDING-BOTTOM: 7px; BACKGROUND-COLOR: #8e5341; MARGIN-bottom: 7px; border-top: 1px solid #ddb704; border-bottom: 1px solid #ddb704;}
/* меню правое новое
-----------------------------------------------------------------------------*/
#menu-left-1 {PADDING-TOP: 92px; PADDING-LEFT: 22px; PADDING-BOTTOM: 4px; background-image: url(menu-left-1.gif); font: 13px Verdana; color: #862610; font-weight: bold;}
#menu-left-2 {PADDING-TOP: 4px; PADDING-LEFT: 22px; PADDING-BOTTOM: 4px; background-image: url(menu-left-2.gif); font: 13px Verdana; color: #862610; font-weight: bold; }
#menu-left-3 {PADDING-TOP: 2px; PADDING-LEFT: 22px; PADDING-RIGHT: 10px; PADDING-BOTTOM: 40px; background-image: url(menu-left-3.gif); font: 13px Verdana; color: #862610; font-weight: bold;}
#menu-left-1 a, #menu-left-2 a, #menu-left-3 a {font: 12px Verdana; color: #ffffff; font-weight: bold; text-decoration: none;}
#menu-left-1 a:hover, #menu-left-2 a:hover, #menu-left-3 a:hover {text-decoration: underline;}
/* Выделяем текст
-----------------------------------------------------------------------------*/
.text-select {color: #862610; font-size: 14px;}
.tema-tabl {background: url("read-on.png") no-repeat scroll 4px 4px #faf9e5; color: #862610; font-weight: bold; height: 22px; margin-bottom: 0 !important; margin-top: 25px; padding: 16px 57px;
border-radius: 10px 10px 10px 0px; border: 1px solid #E8D99C; border-left: 3px solid #E8D99C;}
.oglavlenie {border-left: 3px solid #E8D99C; color: #686969; font-weight: bold; padding-left: 17px; padding-top: 12px; padding-bottom: 5px; margin-bottom: 22px;}
.oglavlenie A {font-style: italic; font-weight: normal; line-height: 1; text-decoration: none;}
.oglavlenie A:hover {text-decoration:underline;}
/* Новое меню
-----------------------------------------------------------------------------*/
.menu-r {background: url(menu-fon.jpg); border: 1px solid #edb578; margin: 15px; margin-top: -20px; padding: 10px; padding-top: 20px; border-radius: 7px 7px 7px 7px; width: 200px;}
.menu-image {width:250px; margin-left:0 auto; margin-right:0 auto;}
.menu-content A { margin: 5px 0; display: block; font: 12px Verdana; text-decoration: none;}
.menu-zag {font: 13px Verdana; color: #a72f13; font-weight: bold; background: #eeddb0; border-top: 1px solid #fff; margin-top: 5px; border-bottom: 1px solid #fff; margin-bottom: 5px;
padding-top: 2px; padding-bottom: 2px; text-align: center;}
/* Новое меню Р-Ы
-----------------------------------------------------------------------------*/
.menu-r2 {background: url(menu-fon.jpg); border: 1px solid #edb578; margin: 15px; padding: 10px; padding-top: 0px; border-radius: 7px 7px 7px 7px; width: 200px;}
.menu-zag2 {font: 13px Verdana; color: #a72f13; font-weight: bold; background: #eeddb0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; text-align: center; margin: 5px 0 5px 0; padding: 2px 0 2px 0;}
/* Хлебные крошки
-----------------------------------------------------------------------------*/
.xleb {text-transform: uppercase; font-size: 9pt; color: gray; margin: 0 0 15px 5px;}
.xleb a {text-transform: uppercase; font-size: 9pt; color: #a67240; text-decoration: none;}
.xleb a:hover {color: #fe0000; text-decoration: underline;}
.activm a {color: #fe0000;}
/* Рамка
-----------------------------------------------------------------------------*/
.ramka {background: url(menu-fon.jpg); border: 1px solid #edb578; margin:10px; padding: 10px; border-radius: 7px 7px 7px 7px; }
.ramkatext {text-transform: uppercase; font-size: 11pt; color: #a67240; border-top: 1px solid #fff; border-bottom: 1px solid #fff; background: #eeddb0; padding:3px; text-align: center;}
.ya-site-form__wrap {background:none!important;}
/* Видео ролики Ютуб
-----------------------------------------------------------------------------*/
.video-responsive {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow:hidden;
}
.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
p.point {letter-spacing: -1pt;}
p.point a {text-decoration: none; font-size: 6pt;}
@media all and (max-width: 860px){
body {
background-image:none;
-webkit-text-size-adjust:none;
font-family:Helvetica, Arial, Verdana, sans-serif;
font-size:15px;
padding:3px;
min-height:100%;
}
/* Блоки
--------------------------------------------------------------*/
#wrapper, #middle, #content, #sideRight, #footer {
clear:both!important;
display:block!important;
width:100%!important;
float:none!important;
margin:0!important;
padding:0!important;
}
.menu-content A { margin: 10px 0; font-size:14px;}
/* Шапка
--------------------------------------------------------------*/
#header {height:auto;}
/* Шрифты
--------------------------------------------------------------*/
.headertext {margin-left:1px; text-align: left; font-size:14px;}
.headertext-min { display:none; }
.glav-krai-verx, .glav-krai-niz, .glav-center-verx, .glav-center-niz {font-size:60%;}
/* Правое меню
--------------------------------------------------------------*/
.menu-r, .menu-r2 { width:80%}
/* Footer
--------------------------------------------------------------*/
#footer {background: none; }
/* Image
-----------------------------------------------------------------------------*/
.menu-image {min-width: 99%; max-height: 70%; display:none; }
img {max-width:100%; height:auto;}
/* Сбрасываем главное меню
--------------------------------------------------------------*/
.nav {font-family: Arial; font-size: 16px; margin:5px; clear:both!important;}
.nav li a {font-family: Arial; color: #000000; text-decoration: none; padding: 0 0 0 40px;}
.nav li a:hover {text-decoration: underline;}
.nav {color: #000000; z-index:7; position: relative;
position: relative;
min-height: 40px;
}
.nav ul {
width:80%;
padding: 5px 0;
position: absolute;
top: 0;
left: 0;
border: solid 1px #aaa;
background: #fff url(menu/icon-menu.png) no-repeat 10px 11px;
border-radius: 5px;
box-shadow: 0 1px 2px rgba(0,0,0,.3);
min-height:30px;
margin: 0 0 50px 20px;
}
.nav li {
display: none; /* hide all items */
margin: 0;
}
.nav .current {
display: block; /* show only current item */
}
.nav a {
padding: 5px 5px 5px 32px;
text-align: left;
}
.nav .current a {
background: none;
color: #666;
}
/* on nav hover */
.nav ul:hover {
background-image: none;
}
.nav ul:hover li {
display: block;
margin: 0 0 5px;
}
.nav ul:hover .current {
background: url(menu/icon-check.png) no-repeat 10px 7px;
}
/* center nav */
.nav.center ul {
left: 50%;
}
}
@media screen and (max-device-width: 480px){
.xleb { display:none;}
}