html { height: 100% }

body {
    height: 100%;
    font-family: Arial;
    font-size: 10pt;
    margin: 0px;
    padding: 0px;
    color: #091024;
    background: #1a3675 url('images/fon_up.jpg') no-repeat top center;
    background-size: cover;
    background-attachment: fixed;
}

table { font-family: Arial; font-size: 10pt } 

/* div.fon { width: 100%; background: url('img/fon_footer.jpg') no-repeat bottom center; background-size: cover;} */
div.center { width: 990px; margin: 0px; padding: 0px; }

div.topmenu { position: fixed; z-index: 5; width: 100%; height: 46px; background: #091024 url('img/topmenu.png') repeat-x;  }
div.topmenu a {
    border-right: 1px rgb(250, 250, 250) solid;
    padding-right: 10px;
    margin-right: 10px;
}
div.menu { width: 940px; height: 26px; margin: 0px; padding: 0px 25px; text-align: left; font-size: 12pt; line-height: 50px; color: white }
div.menu a img { margin: 0px; }
div.menu a:hover img { opacity: 0.8 }
div.logo { display: none; position: absolute; float: left; z-index: 10; width: 307px; height: 192px; text-align: center; font-family: Arial Narrow; font-size: 14pt;
 color: white; background: url('img/podlogo.png'); ; margin-left:80px; margin-right:0px; margin-top:0px; margin-bottom:0px }
div.hotline {
    position: fixed;
    top: 8px;
    width: 220px;
    height: 28px;
    font-size: 9pt; text-align: right; color: white;
    background: url('img/hotline.png') no-repeat;
    background-size: contain;
    padding: 7px;
    z-index: 9999;
    right: calc(50% - 990px / 2);
    display: table;
}
div.hotline b {
    font-size: 11pt;
}
div.main { color: white; font-size: 14pt; margin: 20px 0px -15px 0px }

.show-hide-menu {
    display: table;
    padding: 10px;
    margin: 10px;
    color: rgb(255, 255, 255);
    border-radius: 5px;
    cursor: pointer;
    background-color: rgb(39, 39, 39);
/*
    background-image: url(/images/arrow483.svg);
    background-size: 25px 25px;
    background-position: right center;
    background-repeat: no-repeat;
*/
}
#menu.hide {
    display: none;
}
#menu {
    position: relative;
    width: 990px;
}
#menu * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#menu li {
    cursor: pointer;
    position: relative;
    display: inline-block;
    width: 330px;
    height: 330px;
    color: white;
    text-align: center;
    font-size: 10pt;
    text-decoration: none;
    position: relative;
    /*border-left: 1px rgb(250, 250, 250) solid;*/
}
#menu li > b {
    text-transform: uppercase;
    position: absolute;
    bottom: 2px;
    left: 2px;
    font-size: 17pt;
    width: 326px;
    display: table-cell;
    padding: 15px;
    background-color: rgba(209, 9, 9, .9);
    color: rgb(255, 255, 255);
    font-weight: normal;
}

#menu li:hover { COLOR: #eeeeee; background-image: none; }
#menu li img { margin-bottom: 7px; opacity: .75; width: 100%; height: 330px; border: 2px white solid; transition-duration: .2s;

    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);

}
#menu li:hover img { opacity: 1; transition-duration: .5s; border: 2px transparent solid;
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
}

.dropdown {
    width: 990px;
    opacity: 0;
    left: 0px;
    top: 328px;
    text-align: left;
/*
    background: #091024;
*/
    background-color: rgba(39, 39, 39, .9);
    border-top: 5px rgb(180, 0, 0) solid;
    z-index: -100;
    height: 0px;
    overflow: hidden;
    position: absolute;
    box-shadow: 0px 0px 80px rgb(0,0,0) inset;
}

#menu li:nth-child(4) .dropdown  {
    left: 0px !important;
}
#menu li:nth-child(2) .dropdown, #menu li:nth-child(5) .dropdown {
    left: -330px !important;
}
#menu li:nth-child(3) .dropdown, #menu li:nth-child(6) .dropdown {
    left: -660px !important;
}

#menu li:hover .dropdown {  opacity: 1; z-index: 999999; transition-property: opacity; height: auto; }

.col { float: left; position: relative; margin: 10px; position: relative; right: -500px; opacity: .1}
.col1 { float: right; position: relative; margin: 10px }

#menu li:hover .dropdown .col {
    right: 0px;
    opacity: 1;
    transition-duration: .25s;
    transition-timing-function: ease-in;
}
#menu li:hover .dropdown .col:nth-child(2) {
    transition-duration: .31s;
}
#menu li:hover .dropdown .col:nth-child(3) {
    transition-duration: .37s;
}

#menu li A:link, #menu li a:visited { display: block; margin-bottom: 10px;COLOR: white; TEXT-DECORATION: none; background: url('img/white.gif') no-repeat }
#menu li A:hover { COLOR: #eeeeee; TEXT-DECORATION: underline }


div.br { height: 48px; overflow: hidden; margin-bottom: 25px }
div.partner { width: 965px;  margin: 10px; background: url('img/partner.jpg')  }
div.partner img { margin: 7px }

a.rig { float: right; display: block; line-height: 25px; padding: 5px; padding-left: 30px; margin: 25px; border: 1px solid #9e0303; background: url('img/icon.png') no-repeat }
a.rig:hover { background: url('img/icon_on.png') no-repeat; border: 1px solid #e40000 }
div.bot { width: 950px; height: 45px; margin: 10px; padding: 5px; font-size: 11pt; COLOR: #304273; background: white url('img/phone.png') no-repeat }
div.bot span { float: left; width: 430px; margin: 5px 0px 5px 35px; text-align: left }
div.footer {
    float: left;
    margin: 0px;
    border-top: 1px rgba(255, 255, 255, .5) solid;
    padding-top: 20px;
}

p   { color: #091024; text-indent: 0px; font-size: 10pt; text-align: justify; margin: 10px 25px }
p.fot { color: white; font-size: 10pt; text-align: justify; margin: 7px 10px }
p.left { text-align: left; font-size: 11pt; COLOR: #304273; margin: 15px 25px 10px 25px }
p.center { font-size: 10pt; text-align: center; margin: 10px }
p.right { text-align: right; margin: 15px 25px }
p.master { border: 1px solid #304273; position: relative; z-index:1; float: left; height: 50px; padding: 5px; padding-left: 70px; padding-right: 70px; margin: 10px;
 text-align: left;  font-size: 11pt; color: #304273 }
p.answer   { margin: 25px; margin-top: 5px }
p.qwuetion   { font-weight: bold;  color: #8b8a93; margin: 10px 25px }


h1, .h1 { font-size: 14pt; font-weight: normal; text-align: left; text-indent: 0px; margin: 25px }
h2 { font-size: 11pt; COLOR: #304273; font-weight: bold; text-align: left; margin: 25px; margin-bottom: 10px }
h3, h4, h5 { font-size: 18pt; font-weight: normal; text-align: center; margin: 10px; padding-bottom: 10px }
h3 { color: #091024; background: url('backup/img/lost_2.png') no-repeat bottom }
h4 { color: #091024; background: url('backup/img/find_2.png') no-repeat bottom }
h5 { color: #091024; background: url('backup/img/present_2.png') no-repeat bottom }

A:link, a:visited { COLOR: #9e0303; TEXT-DECORATION: underline }
A:hover { COLOR: #e40000; TEXT-DECORATION: none }

A:link.none, a:visited.none { COLOR: #9e0303; TEXT-DECORATION: none }
A:hover.none { COLOR: #e40000; TEXT-DECORATION: underline }

A:link.white, a:visited.white { COLOR: white; TEXT-DECORATION: none }
A:hover.white { COLOR: #eeeeee; TEXT-DECORATION: underline }

ul , ol { text-align: justify; margin: 15px 30px; padding: 0px }
ul  { list-style: square }

.pop { VISIBILITY: hidden }
.go { VISIBILITY: visible }

.but { cursor: pointer; color: white; font-size: 10pt; font-weight: bold; margin: 5px; padding: 5px; background: #304273 }

hr { align: center; height: 0; color: #8b8a93; border-top: solid 1px #8b8a93; margin: 2px; padding: 0px }

div.gallery {float: left; text-align: center; width: 257px; height: 240px; padding: 5px 5px; margin: 25px; border: 2px solid #cecfd3}
div.gallery a { color: #304273 }
div.gallery img { margin-bottom: 10px }

.links-bottom {
    clear: both;
    padding: 10px;
}
.links-all-from-header {
    padding: 20px 5px 0px 10px;
}
.links-all-from-header a {
    color: rgb(250, 250, 250);
    padding: 5px 0px;
    width: 32%;
    display: inline-block;
    float: left;
    text-decoration: none;
}
.links-all-from-header br {
    white-space: nowrap;
}

/*
	ËČÍČß ĎĐÎČÇÂÎÄČŇĹËĹÉ
*/

.fonov_project_carusel{
	width:100%;
	height:80px;
	overflow:hidden;
	position:relative;
	margin: -10px 0px 5px 0px
	z-index: 6;
}

.fonov_project_carusel_item{
	position:absolute;
	width:4000px;
	margin: -10px 0px 5px 0px
}
.fonov_project_carusel_img
{	
	margin: 0px 9px;	
	float: left;
	overflow: hidden;
}

#ft_vk, #ft_fb {
	display: block;
	width: 30px;
	height: 30px;
	background: url(/img/socseti.png) no-repeat;
	display: inline-block;
}
#ft_vk {background-position: -1077px -28px;}
#ft_fb {background-position: -1118px -28px;}

/* .fonov_project_carusel img{	
	opacity:0.6;
	cursor:pointer;
}

.fonov_project_carusel img:hover{	
	opacity:1;
}
*/

/*
	ËČÍČß ĎĐÎČÇÂÎÄČŇĹËĹÉ
*/