﻿@import url("jquery.fancybox-1.3.4.css");
@import url("nivo-slider.css");
@import url("fonts.css");
@charset "utf-8";
/* CSS Document */

html, body { margin:0px; padding:0px; position:relative; height:100%; }

body, td, p { font-family: 'Noto Sans', sans-serif; font-size:11pt; color:#232319;}
body { text-align:left; background:#ffffff;}

form { margin: auto; width:1200px; }
a img { border: 0; outline:none;  }
table { border-collapse: collapse; empty-cells:show; }
p { text-indent: 0.2cm; margin-bottom: 10px; padding-bottom:0px; margin-top: 0px; padding-top:0px; line-height: 120%; text-align: justify; }

.clear { clear:both; }
.red { color: #b2001e; }
.strong { font-weight: bold; }
.left { float: left; }
.right { float: right; }
.w49 { width: 49%; }

#nivo * { width: 100%; }
img.largebanner { width: 950px; height: 360px; }
.largebanners { cursor: pointer; }

hr { background:#ccc; line-height:0; font-size:0; height:1px; border:none; }

.w100 { width: 100%; }
.m1cm { margin: 1cm 0cm; }
.p1cm { padding: 1cm; }
.small { font-size: 80%; }
.large { font-size: 125%; }
.redbox { background-color: #91001d; overflow: auto; }
.wline { margin-left: 1cm; border-left: solid 2px #fff; font-size: 140%; color:#fff; }

a { color: #5d79a6; outline-style:none; text-decoration:underline; }
a:hover { color: #7793c2; text-decoration:none; }

a img { border-color:#000 }

h1 { color:#425d84; font-size: 32pt; font-weight:normal; text-align: center; font-family: ClearSans; }
h2 { color:#425d84; font-size: 20pt; font-weight:normal; text-align: center; font-family: ClearSans; }
h3 { color:#425d84; font-size: 16pt; font-weight:normal; text-align: center; font-family: ClearSans; }

div.info { display: table; width: 100%; margin: 20px 0px 20px 0px; border-collapse: collapse; border-top: solid 3px #000; border-bottom: solid 3px #000; }
div.info div.row { display: table-row; border-bottom: solid 1px #000; }
div.info div.row:nth-child(even) { background-color: #f8f8f8; }
div.info div.row div.cell { display: table-cell; vertical-align: middle; padding: 5px; border-right: solid 1px #eee; }
div.info div.row div.cell:last-child { border-right-width: 0px; }

.thumb {color:#000000}

#header { display: table; width: 100%; color: #fff; background:#425d84 url(../ii/top.png) right top no-repeat; }
#logo { display: table-cell; vertical-align: middle; text-align: center; width: 112px; padding: 9px; }
#logot { display: table-cell; vertical-align: middle; text-align: center; padding: 20px; width: 345px; }
#since { font-style: italic; margin-top: 10px; letter-spacing: 2px; }
#slogan { display: table-cell; vertical-align: middle; text-align:center; font-size:20pt; color:#fff; padding: 20px; }
#contacts { display: table-cell; vertical-align: top; text-align:right; font-size:16pt; color:#fff; xpadding: 20px;}
#phone { font-size: 125%; }
#email { font-size: 90%; }
#email a { color: #fff; text-decoration: none; }
#request { margin-bottom: 10px; background-color: #f9fd0a; padding: 8px 20px; width: 200px; display: inline-block; }
#request a { color:#000; line-height: 20px; font-size: 80%; text-decoration:none; }
#dlprice { line-height: 32px; padding: 5px; padding-left: 65px; margin: 20px 0px; border: solid 2px #900323; font-size: 125%; width: auto; background: url(../ii/cart.png) 10px 5px no-repeat; }
#dlprice a { text-decoration: none; }

/*#menu { display: table; table-layout: fixed; width: 100%; margin-bottom: 20px; }
#menu a { display: table-cell; text-decoration: none; line-height: 40px; font-size: 18px; background-color: #800; color: #fff; text-align: center; }
#menu a:hover { background-color: #9e1a27; transition: .3s; }*/

ul.dropdown { display: table; table-layout: fixed; width: 100%; padding:0px; margin:0px; margin-bottom: 20px; position: relative; }
ul.dropdown > li { display: table-cell; text-decoration: none; line-height: 40px; font-size: 18px; background-color: #5d79a6; color: #fff; text-align: center; }
ul.dropdown > li a { text-decoration: none; color:#fff; }
ul.dropdown > li:hover { background-color: #7793c2; transition: .3s; position: relative; }
/* 	LEVEL TWO */
ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 7777; list-style: none; padding:0px; margin: 0px; }
ul.dropdown ul li  { width: 260px; padding-left: 20px; font-weight: normal; background: #f6f6f6; color: #000; border-bottom: 1px solid #ccc; text-align: left; float: none; }
ul.dropdown ul li a { text-decoration: none; color:#000; font-size: 90%; }
ul.dropdown ul li:hover  { background: #eee; }

.facts { display: flex; width:100%; xheight:140px; margin: 50px 0px; }
.facts .fact { flex-basis: 100%; margin-right: 15px; padding: 7px; /*border: solid 3px #5d79a6; border-radius: 20px 0px 20px 0px; background: #7793c2; color:#fff; box-shadow: 0px 0px 10px #777;*/}
.facts .fact:last-child { margin-right: 0px; }
.facts .fact .const { font-size: 60px; line-height:52px; font-family: "ClearSansThin"; font-weight: 900; letter-spacing: -4px; text-align: center; padding-bottom: 10px; border-bottom: 2px solid #5d79a6; }
.facts .fact .text { font-size: 24px; line-height: 32px; text-align: center; padding-top: 15px; color: #5d79a6; }
@media screen and (max-width: 1500px) { 
    .facts { height:130px; }
    .facts .fact .const { font-size: 50px; line-height: 45px; } 
    .facts .fact .text { font-size: 21px; line-height: 21px; } }
@media screen and (max-width: 1250px) { 
    .facts { height:120px; }
    .facts .fact .const { font-size: 40px; line-height: 34px; } 
    .facts .fact .text { font-size: 18px; line-height: 18px; } }
@media screen and (max-width: 1000px) { 
    .facts { height:110px; }
    .facts .fact .const { font-size: 32px; line-height: 28px; } 
    .facts .fact .text { font-size: 15px; line-height: 15px; } }

.diplom { width: 200px; height: 100px; margin: 0px 30px 15px 0px; display: inline-block; text-align: center; }
.diplom img { height: 100px; }

#footer { margin: 1cm 0cm; overflow: auto; }
#bmenu { font-size:110%; font-weight:bold; margin:5px 0px; text-align: center; }
#copy, #develop { text-align:center; width:100%; }

#storelist { width: 250px; height: 600px; overflow: auto; background-color: #f8f8f8; }
#storelist .item { width: 220px; padding: 5px; border-bottom: dotted 1px #bbb; font-size: 85%; cursor: pointer; }
#storelist .item:hover { background-color:#f0f0f0; }
#storelist .item:last-child { border-bottom: none; }
#storelist .citem { width: 220px; padding: 5px; border-bottom: dotted 1px #bbb; font-size: 100%; background-color:#e8e8e8; font-weight:bold; }
#cities { width: 400px; padding: 20px; overflow: auto; }
#cities a { display: block; text-decoration: none; font-size: 110%; padding: 5px 10px; border-bottom: solid 1px #999; }
#cities a:hover { background-color: #f4f4f4; }
#cities a.sel { background-color: #efe; font-weight: bold; }

div.image-container { text-align: left; overflow: hidden; position: absolute; }
div.image { float: left; margin: 5px 18px 5px 0px; }

.islider { overflow: hidden; white-space: nowrap; text-align: center; }
.islider .item { display: inline-block; margin-right: 20px; }
.islider .item img { height: 200px; border: solid 2px #fecb32; box-shadow: 0px 0px 8px #666; }
.islider .item a { text-decoration: none !important; }
.islider .item a .name { background: #e77c00; border: solid 2px #d76c00; border-radius: 5px; color: #fff; width: 190px; padding: 5px; text-align: center; margin-top: 10px; }

#nivo { margin-top: 20px; border-top: solid 5px #425d84; border-bottom: solid 5px #425d84; }
.nivo-controlNav { margin-top: 10px; }
.nivo-controlNav a { display:inline-block; width:16px; height:16px; background:url(../ii/dot.png) no-repeat; text-indent:-9999px; border:0; margin-right:0px; }
.nivo-controlNav a.active { background-image:url(../ii/dot2.png); }

table.data { border-collapse: collapse; border: solid 1px #999999; width: 100%; }
table.data tr th { background-color: #f4f4f4; color: #425d84 !important; font-weight: bold; margin: 0px; padding: 5px;}
table.data tr td { vertical-align: top; border: solid 1px #999999; margin: 0px; padding: 5px; }
table.data tr:nth-child(even) { background-color: #f8f8f8; }

table#kinds { border-collapse: collapse; width: 100%; }
table#kinds td { vertical-align: middle; padding: 3px; border: solid 1px #f4f4f4; }

.news { overflow: auto; }
.news .item { clear: both; margin-bottom: 10px; }
.news .item img { width: 160px; }
.news .item img { border: 1px solid #ddd;padding: 5px; max-width:150px; max-height: 150px; margin:0 10px 0 0; float:left; }
.news .item .title { font-weight: bold; }
.news .item .date { background:#425d84; color:white; width:150px; padding:2px; text-align:center; margin:0 8px 5px 0; display:inline-block; }

.smart-captcha {
    height: 110px !important;
    margin: 10px 0 -15px 0;
}