body { font-family: serif; font-size: 14px; line-height: 1.42857143; color: #FFF;  background-color: #171717; }
#back {}
.back_home { background-image: none; background-position: top center; background-size: 100%; background-repeat: no-repeat;  }
NAV.navbar-trans.navbar-default { background-color: transparent; background: transparent; box-shadow: none; border: none; }
NAV.navbar-trans.navbar-default > DIV.container { background-color: rgba(0, 0, 0, 0.15); }
.navbar-default A.navbar-brand { color: #FFF; font-size: 30pt; }
#header .Logo_text {background-color: rgba(0, 0, 0, 0.7); width:80%; /*height:100px;*/ margin: 30px 0 0 25px; padding:18px;}
#header .collections { margin-top:60px; }
#header .collections .coll { border: 1px solid #FFF; text-align: center; background-color: #000; font-size: 16pt; /*height: 214px;*/ padding: 1px 1px 2px 1px; max-width: 240px;margin: 0 auto 20px; }

.navbar-nav { margin: 0 auto; display: inline-block; float: none;}
.navbar-default .navbar-nav>li>a { color: #FFF; font-size: 14pt; }
.navbar-default .navbar-nav>li>a:focus, 
.navbar-default .navbar-nav>li>a:hover, 
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover, 
.navbar-default .navbar-nav>.active>a:hover { color: #FFF; background-color: #222; background-image: none; filter:none; }
NAV.navbar .container, NAV.navbar .container-fluid { padding:0; }
NAV.navbar .navbar-nav UL.nav-child { display:none;}

NAV.navbar .navbar-collapse { text-align: center; }

.mod-languages { float: right; margin: 7px 0; display: inline-block; }
.mod-languages SELECT { color: #CCC; font-family: monospace; font-size: 9pt; border: none; padding: 2px;     background-color: #444; }

DIV.container.borders {border-left: 1px solid #222; border-right: 1px solid #222;}
.img100 > DIV IMG {max-width: 100%;}

/* */
.top_nav { /* background-color: #F8F8F8; */ }
.navbar { margin-bottom:0; }

.top_app { background-color: #AAA; }
.top_app .container { position: relative;  }
.top_app_btn_left { z-index: 100; position: absolute; top: 0; bottom: 0; left: 0; width: 100px; font-size: 20px;
                    color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.6);  padding:40px 0; overflow: hidden;  }
.top_app_btn_left IMG { margin: 10px 5px; border: 1px solid #FFF; opacity: 0.5; cursor: pointer; }
.top_app_btn_left IMG:hover { opacity: 1; }
.top_app_btn_left_top { position: absolute; top: 0; left: 0; width: 100px; z-index: 110; width: 100px; height: 40px; background: url(../images/arrow_up.png); opacity: .5; cursor: pointer;  }
.top_app_btn_left_top:hover { opacity: 1; }
.top_app_btn_left_down { position: absolute; bottom: 0; left: 0; width: 100px; z-index: 110; width: 100px; height: 40px; background: url(../images/arrow_down.png); opacity: .5; cursor: pointer;  }
.top_app_btn_left_down:hover { opacity: 1; }
.top_app_btn_left_body {  overflow: hidden; position: relative;  height: 100%;}

.top_app_btn_right {  z-index: 100; position: absolute; top: 0; bottom: 0; right: 0; width: 100px; font-size: 20px;
                      color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.6); padding:40px 0; overflow: hidden;  }
.top_app_btn_right IMG { margin: 10px 5px; border: 1px solid #FFF; opacity: 0.5; cursor: pointer; }
.top_app_btn_right IMG:hover { opacity: 1; }
.top_app_btn_right_top { position: absolute; top: 0; left: 0; width: 100px; z-index: 110; width: 100px; height: 40px; background: url(../images/arrow_up.png); opacity: .5; cursor: pointer;  }
.top_app_btn_right_top:hover { opacity: 1; }
.top_app_btn_right_down { position: absolute; bottom: 0; left: 0; width: 100px; z-index: 110; width: 100px; height: 40px; background: url(../images/arrow_down.png); opacity: .5; cursor: pointer;  }
.top_app_btn_right_down:hover { opacity: 1; }
.top_app_btn_right_body {  overflow: hidden; position: relative;  height: 100%;}

.top_app_cont { box-shadow: 0 0 30px rgba(0,0,0,0.5); z-index: 1; }
.top_app_cont_body { position: relative; }
.top_app_cont IMG { width: 100%; }
.top_app_btn { background-color: #FFF; position: relative; z-index: 70; }
.top_app_btn IMG { background-color: #FFF; margin-top: -20px;  padding: 5px;  border: 1px solid #AAA;  background-color: #FFF; }
.top_app_cont_back { /*position: absolute; top: 0; bottom: 0; left: 0; right:0; width: 100%;*/ z-index: 60; }
.top_app_cont_front { position: absolute; top: 0; bottom: 0; left: 0; right:0; width: 100%; z-index: 50;  /* margin-left: 40px; */ }

.top_app_btn .top_app_btn_body { /*width:240px; top: -24px; */ position: relative;  border: 1px solid #000; }
.top_app_btn .top_app_btn_body DIV { padding:20px; font-size: 22px; }
.top_app_btn .top_app_btn_body .color_i_0010 { background: url(/images/parket/colors/b_0010.jpg); color:#222; }
.top_app_btn .top_app_btn_body .color_i_0105 { background: url(/images/parket/colors/b_0105.jpg); color:#222; }
.top_app_btn .top_app_btn_body .color_i_0203 { background: url(/images/parket/colors/b_0203.jpg); color:#FFF; }
.top_app_btn .top_app_btn_body .color_i_0500 { background: url(/images/parket/colors/b_0500.jpg); color:#555; }
.top_app_btn .top_app_btn_body .color_i_542b { background: url(/images/parket/colors/b_542b.jpg); color:#FFF; }
.top_app_btn .top_app_btn_body .color_i_860 { background: url(/images/parket/colors/b_860.jpg); color:#FFF; }
.top_app_btn .top_app_btn_body .color_i_871-799 { background: url(/images/parket/colors/b_871-799.jpg); color:#FFF; }
.top_app_btn .top_app_btn_body .color_i_2002 { background: url(/images/parket/colors/b_2002.jpg); color:#FFF; }
.top_app_btn .top_app_btn_body .color_i_2216 { background: url(/images/parket/colors/b_2216.jpg); color:#FFF; }
.top_app_btn .top_app_btn_body .color_i_2585 { background: url(/images/parket/colors/b_2585.jpg); color:#FFF; }
.top_app_btn .top_app_btn_body .color_i_101478 { background: url(/images/parket/colors/b_101478.jpg); color:#FFF; }
.top_app_btn .top_app_btn_body .color_i_black { background: url(/images/parket/colors/b_black.jpg); color:#FFF; }

.kr_images {text-align: center; /*  background-color: #77B24F; */  /*padding-bottom: 40px;  padding-top: 40px; */ font-size: 19px;  color: #FFF;}
.kr_images IMG { border-radius: 150px; margin-bottom: 10px; }

.coll_homepage { position: relative; padding: 0; }
.coll_homepage A { position: relative; padding: 0; margin: 0; display: block; }
.coll_homepage A:hover { border: 1px solid #FFF; z-index:100; box-shadow:0 0px 2px #FFF; margin: -5px; }
.coll_homepage IMG { width:100%; }
.coll_homepage SPAN { position: absolute; top:0; left:0; margin: 10px 0 0 10px; font-size: 20pt; color: #FFF; text-shadow: 2px 2px 2px #000; padding: 1px 10px 5px; background-color: rgba(0,0,0,0.6); border-radius: 10px; }

.plitkahome > DIV.clst { padding: 20px 20px 0; color:#171717; }
.plitkahome > DIV.clstwhite { padding: 20px 20px 0; color:#FFF; }
.plitkahome A { display: inline-block; padding: 2px 15px 3px 15px; background-color: #171717; color: #FFF; font-size: 12pt; }
.plitkahome A.readmore { display: inline-block; padding: 2px 15px 3px 15px; background-color: #171717; color: #FFF; font-size: 12pt; }

section.bloghomeplitka article {margin-top: 10px; margin-bottom: 10px;}
section.bloghomeplitka H2 { color: #FFF; }
section.bloghomeplitka .img-intro-left { /*text-align: center;*/ position: relative; }
section.bloghomeplitka .img-intro-left IMG { max-height: 300px; margin: 0 auto;}
section.bloghomeplitka .img-intro-left .img-intro-body { position: absolute; top:0; height: 100%; width: 80%; margin: 0 0 0 20%; background-color: rgba(20,20,20,0.9); padding: 20px 0 20px 20px; border-right: 1px solid #111; }

section.blogcollection article { /*margin-top: 10px; margin-bottom: 10px; */  padding: 0;}
section.blogcollection H2 { color: #FFF; margin-top: 0; }
section.blogcollection .img-intro-left { /*text-align: center;*/ position: relative; padding-top: 60px; }
section.blogcollection .img-intro-left IMG { /*max-height: 300px;*/ margin: 0 auto; width: 100%;}
section.blogcollection .img-intro-left .img-intro-body { position: absolute; top:0; /*height: 100%;*/ width: 100%; margin: 0; background-color: rgba(20,20,20,0.6); padding: 20px 0 20px 20px;/* border-right: 1px solid #111;*/ }


.blogcollections {background-color:#000;}
.blogcollections div.item {position: relative; padding: 0; border: 1px solid #000; margin-top: 0px;}
.blogcollections div.item > div { position: absolute; top:0; margin:2%; background-color: rgba(0,0,0,0.5); padding: 5px 20px 5px 15px; }
.blogcollections div.item div.border_wave { border-left: 7px solid #4C4C4E; }
.blogcollections div.item div.border_terra { border-left: 7px solid #808285; }
.blogcollections div.item div.border_art-deco { border-left: 7px solid #00A99D; }
.blogcollections div.item div.border_flora { border-left: 7px solid #ACBD81; }

#footer {margin-top: 50px;}
#footer .footer_left { position: relative; text-align: right; }
#footer .footer_left IMG { position: absolute; top:0; left: 0; margin: 10px 0 0 10px; }
#footer .footer_right {  }
#footer .footer_left .nav {display: inline-block; margin-right: 20px;}
#footer .footer_left .nav A {color: #fff;font-size: 12pt; padding: 5px 15px;}
#footer .footer_left .nav A:hover {color: #fff;font-size: 12pt; padding: 5px 15px;     background-color: #222; }

HR { border-color: #333; }

@media (min-width: 450px) {
   .coll_homepage { width: 50%; float: left; }
}

@media (min-width: 768px) {
   .top_app .container { padding-right: 40px; padding-left: 40px; width:100% }
   .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left: -15px; margin-top: 20px; margin-bottom: 20px; }
   #header .collections { margin-top:90px; }
   .coll_homepage { width: 25%; float: left; }
   #header .Logo_text { width:initial;}
   .back_home { background: url(../images/bg_black.jpg); background-position: top center; background-size: 100%; background-repeat: no-repeat;  }
   .back_collections { background: url(../images/bg_collections.jpg); background-position: top center; background-size: 100%; background-repeat: no-repeat;  }
   .back_termodoska { background: url(../images/bg_td.jpg); background-position: top center; background-size: 100%; background-repeat: no-repeat;  }
}
@media (min-width: 992px) {
   #header .collections { margin-top:290px; }
   .cont_row_pos_2 { padding: 0 10px; }
   .coll_homepage { width: 25%; float: left; border: 10px solid rgba(0,0,0,0.1); margin-top: -50px; margin-bottom: -20px; z-index: 50; }
   .coll_homepage_first { /*border-left: 20px solid rgba(0,0,0,0.1);*/ }
   #header .Logo_text { width:initial;}
}
@media (min-width: 1080px) {
   .container { width: 1080px; }
   #header .collections { margin-top:330px; }
   #header .Logo_text { width:initial; }
}