/* ------------------------------------------------------------- */
/* - WRS-css system -------------------------------------------- */
/* ------------------------------------------------------------- */
/* - CSS LAYOUT! ----------------------------------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/** css wrs v0.0001 ** 08-08-2017 ********************************/
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* ------------- #337ab7 #fab727 #0083c9 ------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Noto+Serif&display=swap');
h1 , h2 , h3, h4 ,h5 , h6 { margin-bottom: 15px; position: relative; }
.margin_bbig { padding-bottom: 10px; border: 0; margin-top: 10px; margin-bottom: 10px; }
body > .margin_bbig { margin-bottom: 0px; }
h2:before, .text-big:before { } /* content: ""; position: absolute; width: 9.5%; min-width: 100px; height: 2px; background: #2c3658; /*#337ab7;* /bottom: -10px; left: auto; right: auto; */
.articles_detail_text h2 { margin-top: 20px; }
.articles_detail_text h2:first-child { margin-top: 0px; }
.text-big { font-size: 200%; position: relative; margin-bottom: 20px; }
.glyphicon { margin-right: 0px; }
body { margin-top: 0px; font-family: "Open Sans","Helvetica Neue", Helvetica, Arial,sans-serif;
font-weight: 300; font-size: 1.6em; letter-spacing: 0.5px;
-o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
h1, h2, h3, h4, h5, h6 { font-family: "Open Sans","Helvetica Neue", Helvetica, Arial,sans-serif; /*color: #00a7eb*/ }
h4 { font-size: 105%; }
b, strong { font-weight: 400; }
video, .video-iframe video {
width: 100%;
max-width: 100%;
height: auto;
}
a { color: #337ab7;
text-decoration: underline;
transition: 0.4s all;
-webkit-transition: 0.4s all;
-moz-transition: 0.4s all;
-o-transition: 0.4s all;
-ms-transition: 0.4s all;
text-decoration:none;
}
a:hover { color: #c41c2E; text-decoration: underline; }
a[name] { display: block; margin-top: -120px; height: 120px; position: absolute; }
.admin-absolute { z-index: 1; }
.news_create { position: absolute; left: 15px; top: -40px; }
section { clear: both; }
#home_sluzby { padding-top: 20px; padding-bottom: 20px; background-color: #ece9e9; color: #000 }
.gradient { background-image: linear-gradient(to bottom right, #f1f1f1, #c3c3c3,#f1f1f1); }
.btn-a { background-color: #fff; border-color: red; color: red; border-radius: 0; }
.btn-a:hover { background-color: red; border-color: #842121; color: #fff; }
.btn { border-radius: 0; }
.btn-primary { background-color: #2c3658; border-color:#2c3658; }
.container { background: transparent; }
.B_sloupec { margin-top: 40px; }
.banner_novy_klient a { width: 100%; border-radius: 0; display: block; font-size: 28px; }
.mapawebu { padding: 3% 0; }
.news_datum { padding: 10px 0; }
.perex { /*font-size: 130%;*/ padding-bottom: 0px; padding-top: 20px; }
.articles_detail_text { margin-bottom: 0px; }
.margin-napistenam { padding: 0px 0; }
.pager ._nav_active { background: #ccc; }
.pager li>a:hover, .pager li>a:focus {
background-color: #337ab7;
color: #fff; border-color: #337ab7;
}
#home_main { padding: 10px 0 60px; }
._layout_backA { }
._layout_backB { }
._layout_backC { background-color: #f47820; color: #fff } ._layout_backC a { color: #fff; }
#home_foto { padding-bottom:20px; padding-top: 0; }
/* ------------------------------------------------------------- */
/* top cerna lista --------------------------------------------- */
.wrstop { color: #555; clear: both; background: #efe4d2; padding: 5px 0 5px 0px; }
.wrstop .text-left { padding-top: 3px; }
.wrstop a { color: #757575; }
.wrstop a:hover { color: #000; }
.wrstop a.btn-danger { color: #000; margin-left: 10px }
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
.panel-fotogalerie { margin-bottom: 30px }
.fotogalerie-body { position: absolute; bottom: 0; padding: 5%; color: #fff; background: #2c3658; /*#337ab7;*/width: 100%; background: #337ab7e0; }
.fotogalerie-body h3 { margin: 0; }
.fotogalerie_detail_foto .foto { border: 3px solid #fff; }
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
#hledej_show, .zbozi_detail { margin-top: 120px; position: relative; }
#hledej_show li { padding: 2%; min-height: 300px; }
#hledej_show .list-group .col-md-6 { }
/* ------------------------------------------------------------- */
/* - wrs_navigace ---------------------------------------------- */
#wrs_navigace .admin .dropdown-menu { right: 0; left: auto; }
#wrs_navigace nav { width: 100%; }
#wrs_navigace .navbar-nav { float: right; }
#wrs_navigace.affix { top: 0; width: 100%; z-index: 10; }
#wrs_navigace.navbar-default, #wrs_navigace.navbar-inverse {
border-radius: 0; background-color: #fff;
border: 0;
}
#wrs_navigace.navbar { z-index: 2; /* background: #f2f2f2; background: rgba(240,240,240,0.9 ); */
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease; border-radius: 0; border: 0;
min-height: 50px;
font-size: 110%;
margin-bottom: 0; border-bottom: 0px solid #2c3658; /*#337ab7;*/background-color: #fff;
}
#myNavbar { border-bottom: 1px solid #2c3658; /*#337ab7;*/}
#wrs_navigace.navbar-default .navbar-brand { padding: 10px 20Px 0 20px; font-family: tahoma; }
#wrs_navigace.navbar-default .navbar-brand:hover { }
#wrs_navigace.navbar-default .navbar-nav > li { position: relative; margin-bottom: 5px; }
#wrs_navigace.navbar-default .navbar-nav > li > a { display: block } /* - barva hlavniho menu */
#wrs_navigace.navbar-default .navbar-nav > li:before, #wrs_navigace.navbar-inverse .navbar-nav > li:before { content: ""; background: #2c3658; /*#337ab7;*/position: absolute; z-index: 0; width: 100%; height: 0px; left: 0; bottom: 0; opacity: 0; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 0; }
#wrs_navigace.navbar-default .navbar-nav > li:hover:before, #wrs_navigace.navbar-inverse .navbar-nav > li:hover:before { height: 2px; opacity: 1; background: #2c3658; /*#337ab7;*/}
#wrs_navigace.navbar-default .navbar-nav > li:hover, #wrs_navigace.navbar-inverse .navbar-nav > li:hover { /* background: #333; - zruseno - hover hlavni menu pc */ }
#wrs_navigace .navbar-brand img { margin-top: 0px; }
/*#wrs_navigace .navbar-header { width: 150Px; }*/
#wrs_navigace .navbar-nav { text-align: center; }
#wrs_navigace .nav > li { float: none; display: inline-block; }
#form_hledej, #kosik_obsah { padding: 20px 0; /* background: #842121;; */ }
#form_hledej .search-btn-absolute { font-size: 30px; }
/* menu logout */
#wrs_navigace.navbar-default li.admin a.btn-logout { border-radius: 0; }
/* pro skok pri afix */
.affix + .container-fluid, .affix + .articles_detail, .affix + .container, .affix + .container-fluid-off {
padding-top: 50px;
}
#wrs_navigace.navbar.affix { background-color: #2c3658; /*#337ab7;*/ }
#wrs_navigace.navbar.affix .navbar-nav>li>a { color: #fff; }
#wrs_navigace.navbar-default.affix .navbar-nav > li:hover:before, #wrs_navigace.navbar-inverse.affix .navbar-nav > li:hover:before { background: #fff; }
.navbar-default.affix .navbar-toggle .icon-bar { background: #fff;}
.navbar-default.affix .navbar-toggle:hover, .navbar-default.affix .navbar-toggle:focus { background: #fff; border-color: #2c3658; /*#337ab7;*/}
.navbar-default.affix .navbar-toggle:hover .icon-bar, .navbar-default.affix .navbar-toggle:focus .icon-bar { background: #2c3658; /*#337ab7;*/}
#wrs_navigace.navbar img.logo_b { display: block; }
#wrs_navigace.navbar img.logo_w { display: none; }
#wrs_navigace.navbar.affix img.logo_b { display: none; }
#wrs_navigace.navbar.affix img.logo_w { display: block; }
.dropdown-content { list-style: none; margin: 0; padding: 0; text-align: left; width: 100%; min-width: 220px }
.dropdown-content a { font-size: 80%; padding: 8px 16px; }
/* - wrs_navigace - konec -------------------------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
.carousel-control, .carousel-indicators {display: none; }
#carousel-carousel-full h1 { color: #fff; }
#carousel-carousel-full .carousel-inner { /* background: url("../images/home/back_krabicky.jpg"); background-size: 100% auto;*/ }
#carousel-carousel-full .car-text { position: absolute; width: 100%; height: auto; top: 20%; color: #fff; text-shadow: 2px 3px 2px rgba(0, 0, 0, 0.7); letter-spacing: 1px; padding-left: 20px; padding-right: 20px }
#carousel-carousel-full .car-text .car-nadpis { font-size: 64px; text-shadow: 2px 3px 2px rgba(0, 0, 0, 0.7); font-weight: 400; }
#carousel-carousel-full .car-text h1.car-nadpis { font-weight: 600; }
#carousel-carousel-full { position: relative; text-align: center; font-size: 18px; font-weight: 400; }
#carousel-carousel-full .car-text a { color: #fff; }
#carousel-carousel-full .carousel-inner>.item>img, #carousel-carousel-full .carousel-inner>.item>a>img { max-width: none; width: 100%; height: auto; }
#carousel-carousel-full .carousel-inner { max-height: 70vh; }
/* ------------------------------------------------------------- */
#carouselA, #carouselB { margin: 10px 0 20px; position: relative; }
#carouselA .item, #carouselB .item { overflow: hidden; margin: 0 10px; position: relative; border: 1px solid #eee; border-left: 4px solid red; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#carouselA .item div, #carouselB .item div { background: #f2f2f2; position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px 20px; }
#carouselA .item div a, #carouselB .item div a { font-size: 1.2em; }
#carouselA .item img:hover , #carouselB .item img:hover { transform: scale(1.16); -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
#carouselA .item div a:hover, #carouselB .item div a:hover { text-decoration: none; }
#carouselA .carusel_cena, #carouselB .carusel_cena { display: none; text-align: center; }
#carouselA .btn-a { opacity: 0.6; position: absolute; right: 25px; top: 8%; }
#carouselA .btn-a:hover { opacity: 1; }
#home_main .col-sm-8 .text-legend img { padding: 2px 0px; }
.text-legend { -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;
border: 1px solid #eee; border-left: 4px solid red; position: relative; z-index: 0; margin-bottom: 15px; }
.text-legend .legend:before { content: ""; background: red; color: #fff; position: absolute; z-index: 0; width: 100%; height: 0px; left: 0; bottom: 0; opacity: 0; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 0; }
.text-legend:hover .legend:before { background: red; color: #fff; position: absolute; z-index: 1; width: 100%; height: 5px; left: 0; opacity: 0.8; }
.text-legend .legend { background: #f1f1f1; text-decoration: none;
color: #000;
position: absolute; z-index: 1;
bottom: 10Px; padding: 8px 20Px;
right: 0Px; font-size: 120%; border: 0px solid #fff; border-bottom: 1px solid red;
}
.text-legend:hover .legend { text-decoration: none;
font-size: 240%; border-bottom: 5px solid red; }
/* ------------------------------------------------------------- */
.top_newskat { display: block; padding: 15px 0; min-height: 10px; }
/* ------------------------------------------------------------- */
.top_images { min-height: 200px; }
.top_images:before {
content: "";
left: 0; right: 0; bottom: 0; position: absolute; top: 0;
width: 100%; height: 100%;
background: #000; opacity: 0.2;
}
#carousel-full .item:before { content: ""; left: 0; right: 0; bottom: 0; position: absolute; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.3; }
.top_images .admin { width: auto; }
.home_toptext { font-weight: 600; font-size: 60Px; }
.home_toptext img.b_white { width: 140px; position: relative; top: 15px; padding: 12px 10px ; background: #fff; margin-left: auto; margin-right: auto }
.home_toptext:before { content: "";
left: 0; right: 0; bottom: 0; position: absolute; top: 0;
width: 100%; height: 100%;
background: #000; opacity: 0.2; }
/* ------------------------------------------------------------- */
#home_projekt .col-sm-6 { margin-bottom: 30px; margin-top: 20px; text-align: center; padding: 10px 4%; min-height: 380px }
#home_projekt .col-sm-6 .box { background: #fff; padding: 10px; margin-top: 30px; min-height: 350px;}
#home_projekt .col-sm-6 h3 { max-width: 230px; width: 80%; }
#home_projekt h2, #home_projekt h2 a { color: #2c3658; /*#337ab7;*/margin-top: 0; }
.home_ico { font-size: 63Px;
margin-left: auto; margin-right: auto;
width: auto;
padding: 15px 30px; background: #2c3658; /*#337ab7;*/color: #fff;
text-align: center; border-radius: 60px; }
#home_projekt .col-sm-6 .box .home_ico { position: relative; top: -40px; }
/* ------------------------------------------------------------- */
#home_akce { background: #3f9818; color: #fff; }
#home_akce p { padding: 20px 0 0 0; }
#home_akce .home_ico { background: #409818; }
/* ------------------------------------------------------------- */
/*
.reference .home_content_news { / * min-height: 530px; * / margin-bottom: 30px; position: relative; }
.reference .home_content_news:before { content: ""; position: absolute; width: 100%; height: 40%; background: #2c3658; /*#337ab7;*/background: #f48e20c4; bottom: 0px; left: 0; right: 0; }
.reference .home_content_news .about { overflow: hidden; position: absolute; bottom: 0px; width: 100%; height: 40%; color: #fff; }
.reference .home_content_news .about h3 { margin: 0; position: absolute; width: 100%; height: 100%; padding: 5%; top: 10px; }
.reference .home_content_news .about p { position: absolute; width: 100%; height: 100%; padding: 5%; top: 400px; }
.reference:hover .home_content_news .about h3 { top: 200px; }
.reference:hover .home_content_news .about p { top: 10px; }
.reference .home_content_news .about button { position: absolute; right: 15px; bottom: 15px; background: #fff; color: #000; opacity: 0.3 }
.reference:hover .home_content_news .about button { opacity: 1; }
.home_content_news, .reference:hover .home_content_news .about, .reference:hover .home_content_news .about h3 , .reference:hover .home_content_news .about p {
-o-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-webkit-transition: all 1s ease;
transition: all 1s ease; }
*/
/* ----------------------------------------------------------------- */
#home_blog { padding: 30px 0; margin: 20px 0; }
#home_blog .text-big { margin-bottom: 60px; }
#home_blog img { width: 100%; }
#home_blog .col-md-4 { padding: 0; font-size: 120%; }
#home_blog .col-md-4 > div { padding: 1px; }
#home_blog .col-md-4 a div { opacity: 0; }
#home_blog .col-md-4:hover a div { opacity: 1; display: block; transition: all 0.5s ease; }
#home_blog h3 { font-size: 140%; padding: 10% 7% 5px 7%; margin-top: 5px; color: #fff; margin-bottom: 0; }
#home_blog p.small { padding: 1% 7% 5px 7%; font-size: 70%; color: #9AABB7; }
#home_blog p { padding: 6% 7% 5px 7%; }
#home_blog div { margin-bottom: 0px; }
#home_blog .col-md-4 > div a { display: block; position: relative; background: #2c3658; }
#home_blog .col-md-4 > div a p.center { position: absolute; bottom: 0; width: 100%; }
#home_blog div a div { position: absolute; bottom: 0; top: 0; margin-bottom: 0; padding: 0; left: 0; right: 0; background: #2c3658; background: rgba(30,36,56,0.8); }
#home_blog .news_links div { background: #2c3658; background: rgba(30,36,56,0.9); }
#home_blog .news_links a div { font-size: 120%; opacity: 1; display: block; top: 0; left:0; right: 0; text-align: center; padding: 30% 3%; transition: all 0.5s ease; }
#home_blog .news_links a { color: #fff; }
#home_blog div a div p { color: #fff; }
/* ----------------------------------------------------------------- */
/* ------------------------------------------------------------- */
.owl-controls .owl-page, .owl-controls .owl-buttons div {
cursor: pointer;
}
#carouselB .item { padding: 0 1% 0 0; }
#carouselB .item:hover { padding: 0 0 0 2%; }
#carouselB .owl-buttons {
color: #ab9E73;
font-size: 40px;
position: absolute;
right: 30px;
top: -6px;
}
#carouselB .button-close { font-size: 20px; position: absolute; right: 10px; }
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* admin menu dropdown */
#wrs_navigace.navbar-default li.admin > a { background: transparent; }
#wrs_navigace.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
background: #333; color: #ccc; } /* aktivni tlacitko admin */
#wrs_navigace.navbar-default li.admin > ul.dropdown-menu { background: #222; }
#wrs_navigace.navbar-default li.admin > ul.dropdown-menu a { color: #ccc; font-size: 100%; }
#wrs_navigace.navbar-default li.admin > ul.dropdown-menu > li a:hover { background: #fff; color: #000; } /* #FF4935 */
#wrs_navigace.navbar-default li.admin > ul.dropdown-menu .glyphicon-plus { color: green; }
/* ------------------------------------------------------------- */
.icon-menu {
background-color: transparent;
background-image: none;
border-radius: 4px;
float: left;
margin: 2px 10px 0 0;
padding: 0px;
position: relative; display: inline-block;
}
.icon-bar {
border-radius: 1px;
display: block;
height: 2px;
width: 20px; margin: 3px 0;
background: #000 none repeat scroll 0 0;
}
/* ------------------------------------------------------------- */
.box_sluzby { text-align: center;
/*border: 1px solid #fff;*/
margin: 10px;
-o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.box_sluzby .ico { text-align: center; font-size: 50px; }
.box_sluzby p { text-align: center; padding: 0 10px 10px 0; font-size: 100%; }
.box_sluzby:hover { transform: scale(1.17); z-index: 1; }
#home_foto .box_sluzby { margin: 0; }
/* ------------------------------------------------------------- */
/* E-shop */
.eshop { background: #f4f4f4; }
.eshop-product { background: #fff; }
.list-eshop { background: #F4F4F4; }
.list-eshop .list-group-item { background: transparent; border: 0px; }
#eshop-custom { background: #F2F2F2; border-bottom: 1px solid #ddd; }
#zbozi_large { float: left; }
#zbozi_item { float: left; }
#zbozi_list { float: left; }
#eshop-filtrs { background: #F2F2F2; border-bottom: 1px solid #ddd; margin: 10px 0 30px; padding-top: 10px; }
.btn-eshop-filtrs { position: relative; top: 15px; }
.eshop-product-place { }
#form_mena {
position: absolute;
right: 0;
top: -5px;
}
#frm-filtersForm { padding-top: 20px; }
#frm-filtersForm input[type=checkbox], .form_filters input { margin-right: 10px; }
/*
* #zbozi_large { }
* zbozi_item { }
* zbozi_list { }
* #eshop-onpage { }
* #eshop-sort { }
*/
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
#tree_menu a.open { background: #fff; color: red; border: 1px solid red; }
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
.eshop_detail_text ul.nav-tabs { padding: 40px 0 0; }
.eshop_detail_text .souvysejici_produkty .col-xs-6 { text-align: center; padding: 0 5px; margin-bottom: 5px; }
.eshop_detail_text .souvysejici_produkty .col-xs-6 h4 { color: #333; left: 0; display: block; font-weight: 300; padding: 10px 20Px; background: #f2f2f2; position: absolute; bottom: 0; width: 100%; margin: 0; }
.eshop_detail_text .souvysejici_produkty .col-xs-6:hover h4 { bottom: 0; left: 0; }
.eshop_detail_text .souvysejici_produkty .col-xs-6 a { color: #333; margin: 0; padding: 0px; font-size: 1.2em; position: relative; text-decoration: none; display: block; border: 1px solid #f2f2f2; border-left: 4px solid red; border-right: 2px solid #fff; text-align: center; overflow: hidden; }
.eshop_detail_text .souvysejici_produkty .col-xs-6:hover a img { transform: scale(1.16); -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.eshop_detail_text .tab-content { border: 1px solid #e2e2e2;
position: relative; padding: 15px 15px 30px; margin-bottom: 20px;
top: -1px; border-top: 1px solid red; }
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
.news_default_clear { margin-bottom: 30px; position: relative; }
.minigalerie { padding: 0;}
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* kontakt - zmena formulare - */
#kontakt h3 { border: 0; }
#kontakt .btn-success { border: 1px solid #842121;; color: #842121; }
#kontakt .btn-success:hover { color: #fff; background-color: #842121;; }
#kontakt .form-group {
margin-bottom: 20px;
}
#kontakt .form-control {
background-color: #f9f9f9;
border: 1px solid #E0E0E0;
border-radius: 0px;
box-shadow: none;
height: auto;
padding: 14px 28px;
}
#kontakt .form-control:focus {
border-color: #DADADA;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(150, 144, 144, 0.5);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(150, 144, 144, 0.5);
-ms-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(150, 144, 144, 0.5);
-o-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(150, 144, 144, 0.5);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(150, 144, 144, 0.5);
}
#frm-napistenamForm label { font-weight: 100;letter-spacing: 1px; }
#frm-napistenamForm input { width: 100%; margin-bottom: 10px; border-radius: 0; padding: 14px 28px; height: auto; background: #FFFFFF }
#frm-napistenamForm input.btn-success { background-color: #2c3658; /*#337ab7;*/color: #fff; margin: 30px 15px; padding: 15px 0; border-color: #fff;
font-size: 120%; letter-spacing: 2px; }
#frm-napistenamForm input.btn-success:hover { background-color: #fff; color:#2c3658; /*#337ab7;*/border-color: #fff; }
#frm-napistenamForm textarea { width: 100%; min-height: 300px; border-radius: 0; margin-bottom: 10px; padding: 14px 28px; height: auto; background: #FFFFFF }
#frm-napistenamForm.form-inline .form-group { width: 100%; display: block; }
/* ------------------------------------------------------------- */
#napistenam { background-color: #2c3658; /*#337ab7;*/color: #FCFCFC; }
#napistenam hr { border-top: 1px solid #101830; }
/* ------------------------------------------------------------- */
.fotogalerie_detail_foto { padding-bottom: 60px; }
/* ------------------------------------------------------------- */
#bottom { border-top: 0px solid #fff; margin-top: 0;
color: #ccc; padding-top: 40px; padding-bottom: 40px;
background: #212121; /* Old browsers */
}
#bottom h4 { color: #ccc; display: block; margin: 30px 0 20px; }
#bottom hr { border-color: #222; }
#bottom ul { margin-bottom: 20px; padding-left: 0; }
#bottom ul li { list-style: none; display: block; font-size: 100%; padding: 0 10px; margin: 2% }
#bottom a { color: #ccc; }
#bottom .a_block a { display: block; }
#bottom a.a_black { display: inline-block; background: #000; padding: 5px 10px; border-radius: 3px; width: auto; }
#bottom a:hover { color: #f4f4f4; text-decoration: none }
#bottom a .img-responsive { margin-top: 30px; margin-bottom: 30Px; }
#bottom a .fa-facebook:hover { color: rgb(70,88,153); }
#bottom a .fa-instagram:hover { color: #ccc; }
#bottom a .fa-youtube:hover { color: red; }
#bottom a .fa-youtube-play:hover { color: #E21D1D; }
#bottom .social-media-link { padding-top: 30px; }
#bottom .social-media-link .glyphicon { margin-right: 0; }
#bottom .social-media-link a {
display: inline-block;
width: 44px; height: 44px;
text-align: center; font-size: 20px;
padding-top: 5px; border-radius: 100%;
background: #00a7eb; color: #e2e2e2;
-webkit-transition: .3s all;
-o-transition: .5s all;
transition: .5s all;
border: 2px solid #00a7eb;
}
#bottom .social-media-link a:hover {
/*background: #26B7E3;*/
background: #fff; color: #00a7eb; border: 2px solid #fff;
}
.wrscopy { color: #777; clear: both; background: #000; padding: 10px 0 10px 0px; }
.wrscopy a { color: #777; }
/* ------------------------------------------------------------- */
#info_bottom { color: #fff; padding: 30px 0; background: #842121;; margin: 0% 0 20px 0; clear: both; }
#info_bottom h3 { font-size: 230%; color: #fff; border-color: #eee; }
#info_bottom h4 { font-size: 130%; color: #fff; }
#info_bottom h4 b, #info_bottom h4 a { font-weight: bold; font-size: 110%; color: #fff; }
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* - pagebreake - klik a scrolll to top ------------- */
.pagebreak { text-align: center; clear: both; }
.pagebreak .glyphicon { margin:0; }
.pagebreak div { border-top: 1px solid #eee; position: relative; top: -81px; z-index: -1;}
.btn-circle { border-radius: 50px;
width: auto;
height: auto;
line-height: 20px;
overflow: hidden;
padding: 10px 10px 6px;
margin: 50px 0;
border: 10px solid #fff;
text-align: center;
}
.btn-circle-up { padding: 7px 10px 10px; }
.btn-circle:hover { border-color: #afdfef; }
/* - pagebreak - konec ----- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* - posun scrooling o cast strany ----------------------------- */
.scrolling_box { clear: both; padding: 30px 0 10px; text-align: center; }
.scrolling_box .text-muted { position: relative; top: 10px; padding-top: 20px; font-size: 80%; }
.center .scrollingdolu, .scrolling_box .scrollingdolu { position: relative; bottom: -15px; z-index: 1; float: none; right: 0; border-radius: 30px; }
.scrollingdolu { position: fixed; bottom: 5%; right: 22px; z-index:1; }
/* #scroltop { position: absolute; right: 22px; z-index:1; }
.animated */ #scroltop { position: fixed; bottom: 12%; right: 22px; z-index: 5 }
.scroltop {
background: #fff none repeat scroll 0 0;
border: 1px solid #26B7E3; border-radius: 0;
color: #26B7E3; font-size: 18px;
float: right;
height: 42px;
line-height: 12px;
padding: 9px 12px;
text-align: center;
width: 42px;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
/* konec - posun scrooling o cast strany ----------------------- */
/* ------------------------------------------------------------- */
.news_gal { padding-bottom: 30px }
.news_gal img { margin-bottom: 15px; margin-top: 15px; }
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
body > div.articles_detail_text { padding-bottom: 30Px }
.news_block h4 { margin: 0 0 5px 0; }
.news_block p { margin: 0 0 15px 0; }
.news_block > div { margin: 10Px; }
.news_block div.col-xs-3 { padding: 0 }
/* ------------------------------------------------------------- */
.articles_detail_text .user_icoart { padding-bottom: 30px; }
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* ----------------------------------------------- */
/* ----------------------------------------------- */
/* WRS_icon -------------------------------------- */
.doklady .doklad_stav_0 { background-color: #f0ad4e; }
.doklady .doklad_stav_1 { background-color: #fcf8e3; }
.doklady .doklad_stav_2 { background-color: #d9edf7; }
.doklady .doklad_stav_3 { background-color: #fff; }
.doklady .doklad_stav_4 { background-color: #dff0d8; }
.www_icons { background: url(../data/images/ico/www-icons.png); background-size: 390px auto;
width: 64px; height: 64px;
display: inline-block; }
.www_icons_a1 { background-position: -8px -7px; background-size: 600px auto; }
.www_icons_a2 { background-position: -81px -7px; background-size: 600px auto; }
.www_icons_a3 { background-position: -156px -7px; background-size: 600px auto; }
.www_icons_a4 { background-position: -229px -7px; background-size: 600px auto; }
.www_icons_a5 { background-position: -303px -7px; background-size: 600px auto; }
.www_icons_a6 { background-position: -380px -7px; background-size: 600px auto; }
.www_icons_a7 { background-position: -450px -7px; background-size: 600px auto; }
.www_icons_a8 { background-position: -8px -84px; background-size: 600px auto; }
.www_icons_a9 { background-position: -81px -84px; background-size: 600px auto; }
.www_icons_a10 { background-position: -156px -84px; background-size: 600px auto; }
.www_icons_a11 { background-position: -229px -84px; background-size: 600px auto; }
.www_icons_a12 { background-position: -303px -84px; background-size: 600px auto; }
.www_icons_a13 { background-position: -380px -84px; background-size: 600px auto; }
.www_icons_a14 { background-position: -450px -84px; background-size: 600px auto; }
.www_icons_a15 { background-position: -8px -154px; background-size: 600px auto; }
.www_icons_a16 { background-position: -81px -154px; background-size: 600px auto; }
.www_icons_a17 { background-position: -156px -154px; background-size: 600px auto; }
.www_icons_a17s { background-position: -79px -77px; background-size: 300px auto; width: 32px; height: 32px; }
.www_icons_a18 { background-position: -229px -154px; background-size: 600px auto; }
.www_icons_a18s { background-position: -115px -77px; background-size: 300px auto; width: 32px; height: 32px; }
.www_icons_a19 { background-position: -303px -154px; background-size: 600px auto; }
.www_icons_a19s { background-position: -152px -77px; background-size: 300px auto; width: 32px; height: 32px; }
.www_icons_a20 { background-position: -380px -154px; background-size: 600px auto; }
.www_icons_a20s { background-position: -191px -77px; background-size: 300px auto; width: 32px; height: 32px; }
.www_icons_a21 { background-position: -450px -154px; background-size: 600px auto; }
.www_icons11 { background-position: -4px -274px; }
.www_icons12 { background-position: -82px -274px; }
.www_icons13 { background-position: -162px -274px; }
.www_icons14 { background-position: -242px -274px; }
.www_icons15 { background-position: -322px -274px; }
.www_icons21 { background-position: -4px -358px; }
.www_icons22 { background-position: -82px -358px; }
.www_icons23 { background-position: -162px -358px; }
.www_icons24 { background-position: -242px -358px; }
.www_icons25 { background-position: -322px -358px; }
.www_icons31 { background-position: -4px -445px; }
.www_icons32 { background-position: -82px -445px; }
.www_icons33 { background-position: -162px -445px; }
.www_icons34 { background-position: -242px -445px; }
.www_icons35 { background-position: -322px -445px; }
.www_icons41 { background-position: -4px -530px; }
.www_icons42 { background-position: -82px -530px; }
.www_icons43 { background-position: -162px -530px; }
.www_icons44 { background-position: -242px -530px; }
.www_icons45 { background-position: -322px -530px; }
.www_icons51 { background-position: -4px -620px; }
.www_icons52 { background-position: -82px -620px; }
.www_icons53 { background-position: -162px -620px; }
.www_icons54 { background-position: -249px -620px; }
.www_icons55 { background-position: -322px -620px; }
.www_icons61 { background-position: -4px -709px; }
.www_icons62 { background-position: -82px -709px; }
.www_icons63 { background-position: -162px -709px; }
.www_icons64 { background-position: -242px -709px; }
.www_icons65 { background-position: -322px -709px; }
/*********************************************/
.vyrobawww_info .btn { color: #f4cccc; opacity: 0.7; position: absolute; right: 10px; bottom: 5px }
.vyrobawww_info .btn em { font-size: 36px; }
.vyrobawww_info .btn:hover { color: red; opacity: 1; }
.vyrobawww_info {
padding-top: 10px;
}
.vyrobawww_info ul { padding: 2% 4% 4%; list-style:none;
border: 1px solid #842121;; border-radius: 10px;
min-height: 240px; margin-bottom: 0px;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 5%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 5%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 5%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}
.vyrobawww_info .www_icons { float: left; margin-right: 10px; position: relative; top: -10px; left: -10px; }
.vyrobawww_info ul li.no-hover { list-style: none; margin-bottom: 30px;
}
/* konec - WRS_icon ------------------------------ */
/* ----------------------------------------------- */
.eshop_objednavka { padding-bottom: 100px;}
#frm-objednavkaForm { padding-bottom: 20Px; }
#frm-objednavkaForm label { color: #333; font-weight: 300; margin-top: 10px; font-size: 90%; }
#frm-objednavkaForm p { padding-bottom: 30px; }
#frm-objednavkaForm .form-control-radio { margin-right: 10px; }
#frm-objednavkaForm .tab-content { border: 1px solid #842121; background: #f2f2f2; padding: 10Px 20px;}
#frm-objednavkaForm .nav-tabs>li.active>a { border-left: 1px solid #842121; border-right: 1px solid #842121; border-top: 1px solid #842121; position: relative; top: 1px; }
#frm-objednavkaForm .nav-tabs>li.active>a, #frm-objednavkaForm .nav-tabs>li.active>a:focus, #frm-objednavkaForm .nav-tabs>li.active>a:hover { background: #f2f2f2; }
#frm-objednavkaForm .bigbox_platba { background: #fff; padding: 10px 30px 20px; border: 1px solid #842121; }
#frm-objednavkaForm .box_doprava { border: 1px solid #ccc; background: #f2f2f2; padding: 20px 10px; margin-bottom: 30Px; }
#frm-objednavkaForm .box_doprava img { border-radius: 10px; background: #fff; margin-bottom: 10px; max-width: 80px; height: auto; }
#frm-objednavkaForm #kosik_dod_adr { clear: both; background: #fff; padding: 10px 20px 20px; border: 1px solid #842121; }
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
.video-iframe {
position: relative;
padding-bottom: 60%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-iframe iframe, .video-iframe object, .video-iframe embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* ------------------------------------------------------------- */
#home_main h1 { text-align: center; }
.top_images h1, .top_images > div { position: absolute; top: 45%; color: white; text-align: center; width: 100%; font-size: 68px; line-height: 100%; padding-left: 10%; padding-right: 10%; }
.top_images h1 div, .top_images > div > span { display: block; border-bottom: 1px solid #ddd; width: 30%; margin-left: auto; margin-right: auto; margin-top: 20px; }
.top_images h1 div.min { display: block; border-bottom: 1px solid #ddd; width: 20%; margin-left: auto; margin-right: auto; margin-top: 20px; }
.carousel-caption { color: white; text-align: center; width: auto; font-size: 68px; line-height: 100%; top: 35%; }
.carousel-caption span.cara { display: none; border-bottom: 1px solid #ddd; width: 30%; margin-left: auto; margin-right: auto; margin-top: 20px; }
.carousel-caption span.textA { position: relative; left: -12%; font-size: 80%; }
.carousel-caption span.textB { position: relative; left: 8% }
/* .carousel-caption { font-family: 'Noto Serif', serif; } */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
.sidenav a { font-size: 22px; padding-left: 22px; }
#mySidenav ul { list-style: none; border: 0; padding-left: 0; width: 100%; position: relative; }
#mySidenav ul li { position: relative; background-color: transparent; padding-left: 25px; width: 100%; }
#mySidenav .dropdown-menu,#mySidenav .dropdown-menu>li>a:hover,#mySidenav .dropdown-menu>li>a:focus { background-color: transparent; }
#mySidenav .dropdown-menu>li>a:hover,#mySidenav .dropdown-menu>li>a:focus { color: #fff; text-decoration: underline; }
#mySidenav ul.dropdown.open li { display: block; }
#mySidenav ul li a { color: #ccc; white-space: normal; font-size: 110%; }
/* ------------------------------------------------------------- */
.wrs_navigace { font-size: 70% }
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
.table-bordered>tbody>tr>td.table-bmax { border-bottom: 2px solid #E29D24; }
/* ---------------- */
/* - ------------- */
/* - - konec ----- */
/* ---------------- */
nav.navbar-dark .navbar-nav .show > .dropdown-menu a:hover { color: #111; }
#WebMenu.affix {
position: fixed;
}
/* Small Devices, Tablets */
@media only screen and (min-width : 1208px) {
#wrs_navigace.navbar { font-size: 150%; }
}
@media only screen and (max-width : 1200px) {
#wrs_navigace.navbar { font-size: 115%; }
}
@media only screen and (max-width : 1100px) {
.top_images h1, .top_images > div, .carousel-caption { font-size: 48px; top: 30%; }
.top_images h1 div, .top_images > div > span { margin-top: 18px }
}
@media only screen and (max-width : 992px) {
#wrs_navigace.navbar { font-size: 105%; }
#home_projekt .col-sm-6 { min-height: 440px }
.top_images h1, .top_images > div, .carousel-caption { font-size: 47px; top: 28%; }
.top_images h1 div, .top_images > div > span { margin-top: 16px }
}
@media only screen and (max-width: 880px) {
#wrs_navigace.navbar { font-size: 95%; }
#home_sluzby { background-size: auto 100%; }
#home_sluzby .box_sluzby { min-height: 190px; }
.top_images h1, .top_images > div, .carousel-caption { font-size: 46px; top: 26%; }
.top_images h1 div, .top_images > div > span { margin-top: 15px }
}
@media screen and (min-width: 768px){
#carousel-carousel-full .carousel-caption { right: 10%; left: 10%; }
}
@media (max-width: 767px){
.navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #fff; }
#wrs_navigace .nav > li { display: block; float: none; }
#wrs_navigace .navbar-nav { text-align: left; float: none; }
#wrs_navigace.navbar-default .navbar-nav > li:hover:before, #wrs_navigace.navbar-inverse .navbar-nav > li:hover:before { background: transparent; }
#myNavbar .navbar-nav { margin: 8px 0; overflow-x: hidden; overflow-y: auto; height: auto; max-height: 90vh; }
/*vypnuto - proj.vsude: .dropdown-content { position: relative; display: block; box-shadow: none; }*/
.navbar-default .navbar-nav>li>a { pointer-events: none; cursor: default; }
.top_images h1, .top_images > div, .carousel-caption { font-size: 42px; top: 20%; }
.top_images h1 div, .top_images > div > span { margin-top: 13px }
}
@media only screen and (max-width: 765px) {
#wrs_navigace.navbar { font-size: 100%; }
#home_projekt .col-sm-6 { min-height: inherit; }
}
@media only screen and (max-width: 766px) {
.top_images { min-height: inherit; }
.top_images h1, .top_images > div { font-size: 34px; top: 25%; }
.top_images h1 div, .top_images > div > span { margin-top: 10px }
#home_sluzby .box_sluzby {
min-height: 200px;
}
.box_sluzby p { font-size: 90%; }
footer#bottom .h_opacity,footer#bottom h4 { margin-left: 10%; }
#frm-napistenamForm input.btn-success { width: 80%; }
}
@media only screen and (max-width: 640px) {
.top_images h1, .top_images > div, .carousel-caption { font-size: 32px; top: 20%; }
}
@media only screen and (max-width : 480px) {
.top_images h1, .top_images > div, .carousel-caption { font-size: 24px; top: 10%; }
}
/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
}