/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }
/* Left & Right alignment */
.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}
.relative{ position:relative;}

/* Global properties ======================================================== */
body{ background:#000; border:0; font:13px Arial, Helvetica, sans-serif; color:#88817a; line-height:21px; min-width:1156px; overflow:hidden;}
.css3{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4); position: relative;}
.block {height:61px;}
.extra {min-height:100%; height:auto !important; height:100%; margin: 0 auto -61px;}
body, html {height:100%;}


/* Global Structure ============================================================= */
.main {	margin: 0 auto;	width: 940px; padding-right:10px }
#bg{ position:fixed; z-index:-1}
.bg1{ background:url(../images/bg_footer.png) center 0 repeat-x; height:61px;} 
.spinner{ position:absolute;background: url(../images/loader.gif) 50% 50% no-repeat #000; z-index:99; width:100%; height:100%; top:0; left:0} 

/* ============================= main layout ====================== */

a{ color:#88817a; text-decoration: none; outline:none}
a:hover{ color:#fff}
h1{ padding:23px 0 0 0;}
h2{ font-size:30px; color:#fff; padding:19px 0 16px 0; background: url(../images/line_hor1.gif) 0 bottom repeat-x; line-height:1.2em;margin-bottom: 1em}
h2.marg_bot1{ margin-bottom:34px;}
h3{ font-size:18px; color:#fff; padding:39px 0 20px 0; line-height:1.2em;}
h3.under{ background:url(../images/line_hor1.gif) 0 bottom repeat-x; padding:52px 0 9px 0; margin-bottom:33px;}
h4{ font-size:20px; color:#fbfccf; padding:10px 0 16px 0;}
h5{ font-size:15px; color:#c1c0bc; padding:10px 0 16px 0;}
h6{ font-size:20px; color:#f93905; padding:19px 0 10px 0;}
h7 {font-size:14px; color:#000000;}
h8 {font-size:15px; color:#393832; padding:10px 0 16px 0;}
h9 { font-size:15px; color:#000000;}
marg_bot2{color:#000000; align="left"}
#page_services h3.under{ padding-top:46px;}
p{ padding-bottom:21px;}
 h1a {
    font-family: 'Times New Roman', Times, serif; /* Гарнитура текста */ 
    font-size: 30pt; /* Размер шрифта */ 
    color: red
   } 
h2b {
    font-family: Verdana, Arial, Helvetica, sans-serif; /* Гарнитура текста */ 
    font-size: 16pt; /* Размер шрифта в процентах */ 
    color: #586781
    }
h3c {font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 8pt;
    }
p1 {
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 12pt; /* Размер шрифта в пунктах */ 
   }
p5 {font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10pt; /* Размер шрифта в пунктах */ 
    color: #fff6ad;
}
p6 {font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10pt; /* Размер шрифта в пунктах */ 
    color: #ff4e62;
}
body {
    background: #c7b39b url(images/Bagcolor1.jpg); /* Цвет фона и путь к файлу */
    color: black; /* Цвет текста */
   }
.menu1 { /* Верхний фиксируемый блок */
    position: fixed; /* Фиксированное положение */
    left: 5px; /* Расстояние от левого края окна браузера */
    top: 2%; /* Расстояние сверху */
    padding: 0px; /* Поля вокруг текста */ 
    background: #c7b39b url(images/Bagcolor1.jpg); /* Цвет фона */ 
    border: 0px; /* Параметры рамки */ 
   }
.text1 {
    height: 100px;
   }
#content1 { /* Нижний фиксированный блок */
    width: 500px; /* Ширина слоя */
    margin: 0 auto 50px; /* Выравнивание по центру */
   }
#footer1 {
    position: fixed; /* Фиксированное положение */
    left: 0; bottom: 0; /* Левый нижний угол */
    padding: 10px; /* Поля вокруг текста */
    background: url(images/001.jpg); /* Цвет фона */
    color: #fff; /* Цвет текста */
    width: 100%; /* Ширина слоя */
   }


/* ============================= header ====================== */
header{ width:206px; position:absolute; left:0; z-index:4;}
#logo {display:block; 
	text-indent:-9999px; 
	background:url(../images/logo22.jpg) 0 0 no-repeat; 
	background-size:contain;
	width:316px; 
	height:400px;
}
#menu { padding-top:4px;}
#menu > li { position:relative; width:386px;}
#menu > li > a{ position:relative; background:url(../images/menu_bg.png) 0 0 repeat-x; width:386px; display:block; font-size:19px; color:#fff; line-height:52px; padding-left:30px;} 
#menu > li:hover > a, #menu > .active > a{}
#menu > li > a span{ position:absolute; top:0; left:0;height:100%; background:url(../images/menu_bg_active.jpg) left 0 repeat-x;}
#menu > li > a strong{ position:relative;}
.submenu_1{ position:absolute; top:1px; left:386px; background:#0c0a07; z-index:10;}
.submenu_1 ul{ position:relative; box-shadow: 1px 1px 4px #000; -moz-box-shadow: 1px 1px 4px #000;-webkit-box-shadow: 1px 1px 4px #000; background:url(../images/submenu_line.gif) 8px 6px no-repeat; width:304px; padding:8px 2px 4px}
.submenu_1 li { position:relative; line-height:38px; background:url(../images/submenu_line.gif) center bottom no-repeat; padding-bottom:2px; padding-top:1px;}
.submenu_1 a{ padding:0 19px; font-size:18px; color:#bdbdbd; display:block;font-size: 17px}
.submenu_1 li:hover > a{ background:url(../images/submenu_bg_active.gif) 0 0 repeat-x #fd870e; color:#fff}

.submenu_2{ position:absolute; top:2px; left:169px; background:#0c0a07; z-index:10}
.submenu_2 li:hover > a{ background:url(../images/submenu2_bg_active.gif) 0 0 repeat-x #1f1812;}
function externalLinks() {
    links = document.getElementsByTagName("a");
    for (i=0; i<links.length; i++) {
      link = links[i];
      if (link.getAttribute("href") && link.getAttribute("rel") == "external")
      link.target = "_blank";
    }
   }
   window.onload = externalLinks;

/* ============================= content ====================== */
#content{ height:839px; padding:6px 0; width:812px; margin:0 auto; overflow:hidden;}
#content > ul { position:relative; height:839px; width:100%;}
#content > ul > li{ position:relative; width:100%; height:100%}
.bg_cont{ position:absolute; top:0 ; left:0; z-index:1; width:100%}
.box{ position: relative; z-index:2; margin:56px; overflow:hidden;}
.box > div{ position:relative;}
.button1{ display:inline-block; position:relative; box-shadow: 1px 1px 4px #111; -moz-box-shadow: 1px 1px 4px #111; -webkit-box-shadow: 1px 1px 4px #111;}
.button1 span{ display:block; border:1px solid #1d1d1d; position:relative; background:#000000; padding:0 19px; line-height:35px; color:#fff; text-transform:uppercase;}
.button1 strong{ font-weight:normal; background:url(../images/marker_1.gif) right 14px no-repeat; display:block; padding-right:19px;}
.button1 .active{ background:url(../images/button1_bg.gif) 0 0 repeat-x #fd870e; border:1px solid #fd870e; color:#fff; position:absolute; top:0; left:0}
.button1 .active strong{}
.marg_right1{ margin-right:20px;}
.pad_up1{ padding-top:25px;}
.pad_bot1{ padding-bottom:25px;}
.pad_bot2{ padding-bottom:15px;}
.pad_left1{ padding-left:60px;}
.pad_left2{ padding-left:40px;}
.marg_bot1{ margin-bottom:5px;}
#page_contacts .pad_left1{ padding-left:56px;}
figure { position:relative; background:#212121; margin-top:6px; box-shadow: 1px 1px 4px #111; -moz-box-shadow: 1px 1px 4px #111; -webkit-box-shadow: 1px 1px 4px #111;}
figure a{ display:block;}
figure .act{ background:#fff; position:absolute; top:0; left:0; width:100%; height:100%; display:block;}
figure img, figure iframe{ position:relative; padding:5px;}

.color1{ color:#fff;}
.list1{ padding:6px 15px 4px 0;} 
.list1 li{ margin-bottom:1px; background:#000; border:1px solid #1c1c1c; line-height:35px; position: relative;box-shadow: 1px 1px 4px #111; -moz-box-shadow: 1px 1px 4px #111; -webkit-box-shadow: 1px 1px 4px #111;}
.list1 span{ position:absolute; top:0; left:0; width:100%; height:100%; display:block; background:url(../images/button1_bg.gif) 0 0 repeat-x #fd870e; }
.list1 a{ display:block; padding-left:27px; text-transform:uppercase; color:#fff; background: url(../images/marker_1.gif) 10px 14px no-repeat; position:relative;}
.list1 a:hover{ color:#fff;}
.scroll{height:590px; width:100%; overflow:hidden;}/*экран внутри основного окна уменьшается*/
.track{ width:1px; height:600px; padding:30px 0; top: 50px !important; left:700px !important; background:#1f1f1f}
.shuttle{ width:10px; height:55px; background:#992b2b; margin-left:-7px;} /*это ползунок прокрутки/
.shuttle:hover{background-color: #fff}
._up-butt, ._down-butt{ height:0px !important;}

/* ============================= footer ====================== */

footer { padding-top:27px; line-height:16px; color:#a49b92}
footer a{ color:#a49b92}
footer a:hover{ color:#fff}
footer .right{ padding-top:7px;}
#icons{} 
#icons li{ padding-right:39px; background: url(../images/footer_line.gif) right 0 no-repeat; margin-right:44px; float:left; padding-top:5px; padding-bottom:10px;}
#icons img{ float:left; margin-right:10px;}
#icons a{ display:inline-block; font-size:10px; text-transform:uppercase; position:relative;}
#icons .act{ position:absolute; top:0; left:0;}
p {
	font-size: 1.3em;
	line-height: 1.4em;
	color: #000000;
	font-family: 'Segoe UI', "sans-serif-light", 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
p align: left;
} /*это параметры текста*/
 img.pics {
	max-width: 100%;
	height: auto;
	margin: 2em auto .3em;
	/*padding-bottom: 5em;*/
}
p a {
	text-decoration: underline;
}
.kursiv {
	font-size: 1.3em;
	font-style: italic;
	line-height: 1.4em;
        font-color: #000000;
}
.snoski {
	border-top: 1px #ddd solid;
	font-style: italic;
	padding-top: 1.6em;
	margin-top: 1.6em;
}
/*весь нижний блок влияет на всплывающее основное окно*/

sup { vertical-align: baseline; position: relative; top: -0.4em; } @media screen and (max-width: 1730px)/*выравнивает всплывающее окно по центру*/
{
.main {margin-left: 420px!important}/*определяет положение на экране всплывающего окна*/
}
@media screen and (max-width: 1320px){
.main {margin-left: 420px!important}

#menu > li {width:286px;}
#menu > li > a{width:286px;font-size:13px;}
}
@media screen and (max-height: 820px){
#logo {height:182px;}
}
@media screen and (max-height: 690px){
#logo {height:130px;}
}
@media screen and (max-height: 640px){
#logo {display: none;}
}