@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,500italic,400italic&subset=latin,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700&subset=latin,cyrillic);

@font-face {
    font-family: 'MicraNormal';
    src: url('font/micra.eot');
    src: url('font/micra.eot') format('embedded-opentype'),
         url('font/micra.woff2') format('woff2'),
         url('font/micra.woff') format('woff'),
         url('font/micra.ttf') format('truetype'),
         url('font/micra.svg#MicraNormal') format('svg');
}

body {margin: 0; padding: 0; background: url("/themes/images/fon.jpg") repeat;}
img {margin: 0; padding: 0; border: 0px;}
b, strong {font-weight: 400;}

.bold {font-weight: 600;}
.white {color: #ffffff;}
.border {border: 1px solid #6f6f6f; margin: 10px; box-shadow: 0 0 5px rgba(255,255,255,0.99);}

#center {position: relative; top: 0; left: 50%; margin-left: -534px; width: 1068px; background: url("/themes/images/fon-1.png") repeat-y;}
#center #content {position: relative; left: 34px;}
#clear {clear: both;}

/*********/
/* ШАПКА */
/*********/

#center #content #logo_fon {position: absolute; top: 0; background: url("/themes/images/transparent-fon.png") repeat-y; width: 1000px; height: 103px;}

/* Новогодние веточки */

body #fon_winter_left {position: absolute; top: 0; left: 0; background: url("/themes/images/fon-winter-left.png") repeat; width: 900px; height: 1248px;}
body #fon_winter_right {position: absolute; top: 0; right: 0; background: url("/themes/images/fon-winter-right.png") repeat; width: 900px; height: 1248px;}

#center #content #vetka_left {position: absolute; top: 0; left: 0; background: url("/themes/images/vetka.png") no-repeat; width: 300px; height: 126px; background-position: 0 0; z-index: 9999;}
#center #content #vetka_right {position: absolute; top: 0; right: 68px; background: url("/themes/images/vetka.png") no-repeat; width: 300px; height: 126px; background-position: 0 -126px; z-index: 9999;}

/* Логотип и прозрачный фон */
#center #content #logo_fon #logo {position: absolute; top: 7px; left: 50%; margin-left: -134px; z-index: 99;}
#center #content #logo_fon #logo a {}
#center #content #logo_fon #logo a img {width: 268px; height: 85px;}

/* Тень под логотипом */
#center #content #logo_shadow {position: absolute; top: 74px; left: 50%; margin-left: -275px; background: url("/themes/images/top-shadow.png") no-repeat; width: 551px; height: 78px; background-position: 0 -78px;}

/* Фото в шапке на главной странице */
#center #content #big_foto {margin: 0; padding: 0;}
#center #content #big_foto ul {margin: 0; padding: 0; list-style: none;}
#center #content #big_foto ul li {margin: 0; padding: 0;float: left;}
#center #content #big_foto ul li img {margin: 0; padding: 0; border: 0; width: 1000px;}

/* Фото в шапке на дополнительных сраницах */
#center #content #dop_foto {margin: 0; padding: 0;}
#center #content #dop_foto ul {margin: 0; padding: 0; list-style: none;}
#center #content #dop_foto ul li {margin: 0; padding: 0;}
#center #content #dop_foto ul li img {margin: 0; padding: 0; border: 0; width: 1000px;}

/* Стрелка - ВЛЕВО */
#center #content #arrow_left {position: absolute; top: 200px; left: -65px; background: url("/themes/images/arrow-foto.png") no-repeat; width: 67px; height: 257px; background-position: 0 0;}
#center #content #arrow_left:hover {background-position: 0 -257px; cursor: pointer;}
/* Стрелка - ВПРАВО */
#center #content #arrow_right {position: absolute; top: 200px; right: 3px; background: url("/themes/images/arrow-foto.png") no-repeat; width: 67px; height: 257px; background-position: -67px 0;}
#center #content #arrow_right:hover {background-position: -67px -257px; cursor: pointer;}

/*********/
/* ТЕЛО  */
/*********/

#center #content #body {margin: 0 15px; padding: 0; width: 980px;}
/* Блок */
#center #content #body .block {position: relative; margin: 25px 10px 0 0; padding: 0; text-align: center;}
#center #content #body .block h1,
#center #content #body .block h2 {margin: 0; padding: 30px 0 0 0; font-size:22px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight:400; font-style: normal; color:#ffffff; text-transform: uppercase; text-align: center;}
#center #content #body .block hr {background: url("/themes/images/hr.png") no-repeat; width: 862px; height: 18px; border: 0px;}
#center #content #body .block div#link {position: relative; display: block; text-align: center;}
#center #content #body .block div#link>a {margin: 0 auto; padding: 0; font-size:14px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight:400; font-style: normal; color:#ffffff; text-decoration: none; border-bottom: 1px solid #ffffff;}
#center #content #body .block div#link>a:hover {text-decoration: none; border-bottom: 1px dashed #ffffff;}

/* новость */
#center #content #body .block #news {width: 300px; margin: 10px; text-align: left; display: inline-table;}
#center #content #body .block #news h3 {margin: 20px 0 0 0; padding: 0; font-size:13px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight:400; font-style: normal; color:#ffffff; text-transform: uppercase; text-align: left;}
#center #content #body .block #news #date {margin: 5px 0; padding: 0; font-size:12px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight:400; font-style: italic; color:#ffffff; float: left;}
#center #content #body .block #news #hr {position: relative; top: 12px; right: -75px; background: url("/themes/images/hr-mini.png") no-repeat right; width: 223px; height: 2px;}
#center #content #body .block #news #clear {clear: both;}
#center #content #body .block #news p {margin: 0; padding: 0;}
#center #content #body .block #news p a {margin: 0; padding: 0; font-size:12px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight:400; font-style: normal; color:#aaaaaa; text-decoration: none;}
#center #content #body .block #news p a:hover {border-bottom: 1px dashed #ffffff; color: #ffffff;}

/* мини фото */
#center #content #body .block #mini-foto {width: 255px; margin: 20px 25px 10px 25px; text-align: left; display: inline-table;}
#center #content #body .block #mini-foto h3 {margin: 0; padding: 0; font-size:14px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight:400; font-style: normal; color:#ffffff; text-transform: uppercase; text-align: left;}
#center #content #body .block #mini-foto p {margin: 7px 0 0 0; padding: 0;}
#center #content #body .block #mini-foto p a {margin: 0; padding: 0; font-size:12px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight:400; font-style: normal; color:#aaaaaa; text-decoration: none;}
#center #content #body .block #mini-foto p a:hover {border-bottom: 1px dashed #ffffff; color: #ffffff;}
#center #content #body .block #mini-foto #foto img {width: 252px; height: 112px;}
#center #content #body .block #mini-foto #foto #foto-top-shadow {background: url("/themes/images/mini-foto-shadow.png") no-repeat; width: 256px; height: 17px; background-position: 0 0;}
#center #content #body .block #mini-foto #foto #foto-bottom-shadow {background: url("/themes/images/mini-foto-shadow.png") no-repeat; width: 256px; height: 17px; background-position: 0 -17px;}

#center #content #body .block #big-foto {position: relative; top: 0; left: -15px; margin: 30px 0;}
#center #content #body .block #big-foto img {width: 1000px; height: 318px; }
#center #content #body .block #big-foto #foto-top-shadow {position: absolute; top: -49px; left: 50%; margin-left: -275px; background: url("/themes/images/top-shadow.png") no-repeat; width: 551px; height: 78px; background-position: 0 0;}
#center #content #body .block #big-foto #foto-bottom-shadow {position: absolute; bottom: -50px; left: 50%; margin-left: -275px; background: url("/themes/images/top-shadow.png") no-repeat; width: 551px; height: 78px; background-position: 0 -78px;}

/* Почему мы ? */
#center #content #body .block #big-logo {padding: 50px 30px 30px 0px; width: 300px; display: inline-block;}
#center #content #body .block #big-logo img {width: 300px;}

#center #content #body .block #txt {padding: 40px 30px; text-align: left; width: 500px; display: inline-block;}
#center #content #body .block #txt h3 {margin: 0; padding: 0 0 15px 0; font-size:22px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight:400; font-style: normal; color:#ffffff; text-transform: uppercase; text-align: left;}
#center #content #body .block #txt p {margin: 0; padding: 10px 0; font-size:14px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight:400; font-style: normal; color:#aaaaaa; line-height: 19px;}

/* Наши видео */
#center #content #body .block #video {margin: 60px 15px 70px 15px; padding: 0; display: inline-block; border: 1px solid #3d3d3d; box-shadow: 0 0 15px #aaaaaa;}

/*********/
/* ХВОСТ */
/*********/

#foot {position: relative; background-color: #191919; width: 100%; border-top: 1px solid #4a4a4a;}
#foot #foot-shadow {background: url("/themes/images/foot-shadow.png") repeat-x; width: 100%; height: 20px;}
#foot #foot-light {position: absolute; top: -30px; left: 50%; margin-left: -500px; background: url("/themes/images/foot-light.png") no-repeat; width: 1000px; height: 30px;}

#foot #foot-center {position: relative; top: 0; left: 50%; margin: 0 0 0 -500px; width: 1000px; padding: 10px 10px 25px 10px;}
/* нижнее меню */
#foot #foot-center #foot-menu {display: inline-block; width: 225px; vertical-align: top;} 
#foot #foot-center #foot-menu h3 {margin: 0 0 10px 0; padding: 0; font-size:16px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight:400; font-style: normal; color:#ffffff; text-transform: uppercase; text-align: left; line-height: 40px; background: url("/themes/images/hr-mini.png") no-repeat bottom left;}

#foot #foot-center #foot-menu ul {margin: 0; padding: 0; list-style: none;}

#foot #foot-center #foot-menu ul span#vydelenye {display: block; padding-top: 10px; font-size:13px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight:600; font-style: italic; color:#ffffff; text-decoration: none;}


#foot #foot-center #foot-menu ul li {margin: 0; padding: 0;}
#foot #foot-center #foot-menu ul li a {font-size:12px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight:400; font-style: normal; color:#aaaaaa; text-align: left; text-decoration: none; border: 0; line-height: 18px;}
#foot #foot-center #foot-menu ul li a:hover {text-decoration: none; border-bottom: 1px dashed #ffffff; color: #ffffff;}
/* телефоны */
#foot #foot-center #foot-phone {display: inline-block; width: 300px; vertical-align: top; text-align: right;}
#foot #foot-center #foot-phone h3 {margin: 10px 0 0 0; padding: 0; font-size:16px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight:400; font-style: normal; color:#ffffff; text-transform: uppercase;}
#foot #foot-center #foot-phone #phn {margin: 5px 0; padding: 0;}
#foot #foot-center #foot-phone #mini {margin: 0 10px 0 0; padding: 0; font-size:14px; font-family:MicraNormal, Tahoma, Arial, Helvetica, sans-serif; font-weight:400; font-style: normal; color:#aaaaaa; text-transform: uppercase;}
#foot #foot-center #foot-phone #big {margin: 0; padding: 0; font-size:24px; font-family:MicraNormal, Tahoma, Arial, Helvetica, sans-serif; font-weight:400; font-style: normal; color:#aaaaaa; text-transform: uppercase;}
/* e-mail */
#foot #foot-center #foot-phone #eml a {margin: 5px 0; padding: 0; font-size:18px; font-family:MicraNormal, Tahoma, Arial, Helvetica, sans-serif; font-weight:400; font-style: normal; color:#aaaaaa; text-transform: uppercase; text-decoration: none;}
#foot #foot-center #foot-phone #eml a:hover {color: #ffffff; border-bottom: 1px dashed #ffffff;}

#foot #foot-center hr {margin: 20px auto; background: url("/themes/images/hr-mini.png") no-repeat; width: 223px; height: 2px; border: 0px;} 
#foot #foot-center p {margin: 0; padding: 0; font-size:14px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight:400; font-style: normal; color:#aaaaaa; text-align: center;}
#foot #foot-center p a {font-size:14px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight:400; font-style: normal; color:#aaaaaa; text-align: center; border: 0; text-decoration: none;}
#foot #foot-center p a:hover {border-bottom: 1px dashed #ffffff; color: #ffffff;}

/*******************/
/* REDportal.ru    */
/*******************/
#foot #foot-center p a span.rp_1 {line-height: 30px; font-size:18px; font-family: 'Roboto Condensed', Tahoma, Arial, Helvetica, sans-serif; font-weight:600; font-style: normal; color:#ffffff; background-color: #962828;
border-top: 0px #962828 solid; /* стили рамки */
border-right: 2px #962828 solid; /* стили рамки */
border-bottom: 0px #962828 solid; /* стили рамки */
border-left: 2px #962828 solid; /* стили рамки */
 -moz-border-radius: 3px; /* закругление для старых Mozilla Firefox */
 -webkit-border-radius: 3px; /* закругление для старых Chrome и Safari */
 -khtml-border-radius: 3px; /* закругл. для браузера Konquerer системы Linux */
 border-radius: 3px; /* закругление углов для всех, кто понимает */
}
#foot #foot-center p a span.rp_2 {font-size:16px; font-family: 'Roboto Condensed', Tahoma, Arial, Helvetica, sans-serif; font-weight:400; font-style: normal; color:#ffffff; text-transform: lowercase;}
#foot #foot-center p a span.rp_3 {font-size:14px; font-family: 'Roboto Condensed', Tahoma, Arial, Helvetica, sans-serif; font-weight:400; font-style: normal; color:#ffaaaa; text-transform: lowercase;}

/*******************/
/* Иконка ТЕЛЕФОНА */
/*******************/

#phone {position: fixed; top: 200px; right: 0; background: url("/themes/images/icon-phone.png") no-repeat; width: 43px; height: 46px; background-position: 0 0;}
#phone:hover {background-position: 0 -46px; cursor: pointer;}
/* форма с телефонами */
#fixed_phone {position: fixed; top: 42px; right: 0;  background-color: #C8151E; padding: 10px 0; -moz-border-radius: 10px 0 0 0; -webkit-border-radius: 10px 0 0 0;}
#fixed_phone .btn {position: absolute; left: -43px; bottom: 0; background: url("/themes/images/icon-phone.png") no-repeat; width: 43px; height: 46px; background-position: 0 -46px;}
#fixed_phone h5 {margin: 15px 10px 15px 10px; padding: 0; font-size:18px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight:400; font-style: normal; color:#ffffff; text-align: right; text-transform: uppercase;}
#fixed_phone #phn {margin: 5px 10px; padding: 0;}
#fixed_phone #mini {margin: 0 5px 0 10px; padding: 0; font-size:12px; font-family:MicraNormal, Tahoma, Arial, Helvetica, sans-serif; font-weight:400; font-style: normal; color:#ffffff; text-transform: uppercase;}
#fixed_phone #big {margin: 0; padding: 0; font-size:20px; font-family:MicraNormal, Tahoma, Arial, Helvetica, sans-serif; font-weight:400; font-style: normal; color:#ffffff; text-transform: uppercase;}

#fixed_phone #zak {margin: 10px 10px 15px 10px; padding: 0; font-size:12px; font-family:MicraNormal, Tahoma, Arial, Helvetica, sans-serif; font-weight:400; font-style: normal; color:#ffffff; text-transform: none; text-align: right;}
#fixed_phone #zak a {font-size:14px; font-family:MicraNormal, Tahoma, Arial, Helvetica, sans-serif; font-weight:400; font-style: normal; color:#ffffff; text-transform: uppercase; text-decoration: none; line-height: 15px;}
#fixed_phone #zak a:hover {border-bottom: 1px dashed #ffffff;}

#fixed_phone #eml {margin: 10px 10px 30px 10px; padding: 0; font-size:10px; font-family:MicraNormal, Tahoma, Arial, Helvetica, sans-serif; font-weight:400; font-style: normal; color:#ffffff; text-transform: none; text-align: right;}
#fixed_phone #eml a {font-size:14px; font-family:MicraNormal, Tahoma, Arial, Helvetica, sans-serif; font-weight:400; font-style: normal; color:#ffffff; text-transform: uppercase; text-decoration: none; line-height: 15px;}
#fixed_phone #eml a:hover {border-bottom: 1px dashed #ffffff;}

/************************/
/* Иконка КАЛЬКУЛЯЬТОРА */
/************************/

#calculator {position: fixed; top: 260px; z-index: 999; right: 0; background: url("/themes/images/icon-calculator.png") no-repeat; width: 34px; height: 164px; background-position: 0 0;}
#calculator:hover {background-position: 0 -164px; cursor: pointer;}

/******************/
/* Иконк СОЦСЕТЕЙ */
/******************/

#in {position: fixed; top: 435px; right: 0; z-index: 999; background: url("/themes/images/icons.png") no-repeat; width: 46px; height: 46px; background-position: -292px -184px;}
#in:hover {background-position: -296px -184px; cursor: pointer;}

#ok {position: fixed; top: 480px; right: 0; z-index: 999; background: url("/themes/images/icons.png") no-repeat; width: 46px; height: 46px; background-position: -234px -8px;}
#ok:hover {background-position: -238px -8px; cursor: pointer;}

#vk {position: fixed; top: 527px; right: 0; z-index: 999; background: url("/themes/images/icons.png") no-repeat; width: 46px; height: 46px; background-position: -118px -8px;}
#vk:hover {background-position: -122px -8px; cursor: pointer;}

#fb {position: fixed; top: 574px; right: 0; z-index: 999; background: url("/themes/images/icons.png") no-repeat; width: 46px; height: 46px; background-position: -293px -8px;}
#fb:hover {background-position: -297px -8px; cursor: pointer;}

#hz {position: fixed; top: 622px; right: 0; z-index: 999; background: url("/themes/images/houzz.png") no-repeat; width: 46px; height: 46px; background-position: 8px 1px;}
#hz:hover {background-position: 3px 1px; cursor: pointer;}

/*******************/
/* прокрутка вверх */
/*******************/

#up {position: fixed; bottom: 0; left: 0; width: 50px; height: 100%; background-color: #000000; opacity: 0.1; color:#ffffff; cursor: pointer;}
#up span {position: relative; top: 15px; left: 7px; font-size:40px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight:600; font-style: normal; cursor: pointer;}

/**************************/
/* Заказ обратного звонка */
/**************************/

.modalDialog {position: fixed; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: rgba(30,30,30,0.80); z-index: 99999; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; display: none; pointer-events: none; }
.modalDialog:target {display: block; pointer-events: auto;}
.modalDialog > div {width: 400px; position: relative; margin: 10% auto; padding: 5px 20px 13px 20px; border-radius: 10px; background: #fff; background: -moz-linear-gradient(#fff, #bbb); background: -webkit-linear-gradient(#fff, #bbb); background: -o-linear-gradient(#fff, #bbb); -moz-box-shadow: 0px 0px 36px #000; -webkit-box-shadow: 0px 0px 36px #000; box-shadow: 0px 0px 36px #000;}
.modalDialog > div #phone1 {position: relative; top: 15px; left: -65px; margin: 0 10px 0 0; padding: 0; background: url("/themes/images/icon-phone.png") no-repeat; width: 43px; height: 46px; background-position: 0 -46px; float: left; border: 2px solid #ffffff;border-radius: 10px 0 0 10px;}

/* стиль кнопки закрытия окна */
.close {background-color: #606061; color: #FFFFFF; border: 2px solid white; line-height: 25px; position: absolute; right: -12px; text-align: center; top: -10px; width: 24px; text-decoration: none; font-weight: bold; border-radius: 5px;}
.close:hover {background-color: #C8151E;}

/* стиль содержимого */
.modalDialog div h3 {position: relative; top: 0px; left: -40px; margin: 30px 15px 0px 0px; padding: 0; font-size:20px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight:400; font-style: normal; color: #C8151E; text-transform: uppercase;}
.modalDialog div ul {list-style: none; margin: 0 15px; padding: 20px 0 30px 0; -webkit-appearance: none;}
.modalDialog div ul li {margin: 10px 0; padding: 5px 0; font-size:12px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight:400; font-style: normal; color: #555;}
.modalDialog div ul li i {color: red; font-weight: 600;}
.modalDialog div ul li input {display: block; border: 2px solid #ccc; width: 355px; margin-top: 5px; padding: 5px; font-size:16px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight:400; font-style: normal; color: #555555;}

/* стиль выпадающего списка */
.modalDialog div ul li select {display: block; border: 2px solid #bbb; width: 370px; height: 35px; margin-top:0px; padding: 5px; font-size:16px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight:400; font-style: normal; color: #555555;}
.styled-select {margin: 5px 0 20px 0; width: 370px; height: 35px; overflow: hidden; background: url("/themes/images/down_arrow_select.jpg") no-repeat right #fff;}
.styled-select select {background: transparent; width: 268px; padding: 5px; font-size: 16px; line-height: 1; border: 0; height: 34px; -webkit-appearance: none;}

.modalDialog div ul li input:hover,
.modalDialog div ul li input:focus,
.modalDialog div ul li select:hover,
.modalDialog div ul li select:focus {border: 2px solid #90ADC4;}
.red_input {background-color: #F7D3D6;}
.green_input {background-color: #C6F2D1;}

/* кнопка ЖДУ ЗВОНКА */
.modalDialog .modal-submit {background-color: #606061; color: #FFFFFF; border: 3px solid #bbb; line-height: 25px; position: absolute; bottom: -40px; right: 150px; text-align: center; text-decoration: none; font-weight: bold; border-radius: 5px; font-size:16px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight:400; font-style: normal; text-transform: uppercase; padding: 10px 20px;}
.modalDialog .modal-submit:hover {background-color: #C8151E; cursor: pointer;}

.modalDialog .otvet {}
.modalDialog .otvet p {margin: 40px 0px 40px 20px; padding: 0; font-size:16px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight:400; font-style: normal; color: #207dce; text-align: left;}

.on_otvet {display: block;}
.off_otvet {display: none;}

.on {display: block;}
.off {display: none;}