@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,700,900&display=swap&subset=latin-ext');body{ font-family:'Roboto',sans-serif; color:#333; font-size:15px; font-weight:300; line-height:1.5; background:#fff; padding-top:177px}body b{ font-weight:bold}a{ color:#898989}a:hover{ text-decoration:none}form fieldset{ margin-bottom:35px; padding:75px 75px 25px 75px; background:#fafafa; border:1px solid #eee; position:relative; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px}form fieldset legend{ display:block; padding:10px 15px; background:#898989; color:#fff; margin-bottom:10px; position:absolute; top:0; left:75px; font-size:20px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px}form fieldset label{ position:relative}form fieldset label i.fa.password{ position:absolute; top:33px; left:15px; z-index:2; cursor:pointer}form fieldset label.required:after{ content:' *'; color:#f51241}form fieldset label.checkbox{ float:left; width:calc(100% - 25px); cursor:pointer}form fieldset input.checkbox{ float:left; width:15px; margin:5px 10px 0 0; cursor:pointer}form fieldset button,form fieldset input,form fieldset select,form fieldset select option,form fieldset textarea{ display:block; width:100%; background:#eee; margin-bottom:5px; padding:10px 15px; font-size:15px; font-family:'Roboto',sans-serif; border:0; border-bottom:1px solid #ddd; position:relative; transition:all 0.25s ease 0s; -webkit-transition:all 0.25s ease 0s; -moz-transition:all 0.25s ease 0s}form fieldset input.text:focus,form fieldset select:focus,form fieldset textarea:focus{ border-color:#898989}form fieldset input[readonly],form fieldset input[disabled]{ cursor:not-allowed; color:#aaa}form fieldset textarea{ height:100px}form fieldset input.password{ padding-left:40px}form fieldset input.submit{ background:#898989; color:#fff}form fieldset input.validation-error,form fieldset select.validation-error,form fieldset textarea.validation-error{ background:#fcbdca!important}form fieldset input.validation-ok,form fieldset select.validation-ok,form fieldset textarea.validation-ok{ background:#9ee9be!important}form fieldset div.g-recaptcha{ margin:5px 0}form fieldset.nopadding{ padding-top:25px}.inside{ width:1100px; margin:0 auto; position:relative}.mobile{ display:none}.button{ display:block; width:auto; height:45px; line-height:45px; border:0; padding:0 25px; margin:0; text-decoration:none; text-transform:uppercase; cursor:pointer; background:#898989; border-bottom:3px solid #707070; color:#fff; font-size:15px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; transition:all 0.25s ease 0s; -webkit-transition:all 0.25s ease 0s; -moz-transition:all 0.25s ease 0s}.button:hover{ background:#707070}.button i.fa{ font-size:15px; margin:0 0 0 5px}.button.prev{ background:#898989; border-color:#707070}.button.prev:hover{ background:#707070}.button.prev i.fa{ margin:0 5px 0 0}#cookie{ position:fixed; bottom:0; left:0; z-index:2; width:100%; text-align:center; background:#fff; padding:3px 0; font-size:11px; border-top:1px solid #eee}#notification{ width:100%; text-align:center; background:#f51241; color:#fff; padding:10px 0}#preheader{ background:#eee; position:fixed; z-index:99; top:0; left:0; width:100%}#preheader div.langs{ float:left; margin-top:12.5px}#preheader div.langs a{ display:inline-block; margin-right:10px}#preheader div.langs a i{ transition:all 0.25s ease 0s; -webkit-transition:all 0.25s ease 0s; -moz-transition:all 0.25s ease 0s}#preheader div.langs a i:hover{ transform:scale(1.25); -webkit-transform:scale(1.25); -moz-transform:scale(1.25)}#preheader div.kontakty{ float:left; margin-top:5px}#preheader div.kontakty a{ color:#898989; text-decoration:none; margin-left:5px}#preheader div.kontakty i.fa{ color:#898989}#preheader div.kontakty i.fa-phone{ margin-left:15px}#preheader div.social{ float:right}#preheader div.social a{ display:block; float:left; padding:12.5px 15px; border-left:1px solid #fff; color:#898989; transition:all 0.25s ease 0s; -webkit-transition:all 0.25s ease 0s; -moz-transition:all 0.25s ease 0s}#preheader div.social a:last-of-type{ border-right:1px solid #fff}#preheader div.social a:hover{ background:#898989; color:#fff}#header{ padding:25px 0; background:#fff; border-bottom:1px solid #eee; position:fixed; z-index:99; top:48px; left:0; width:100%}#header #logo{ display:block; float:left; text-decoration:none}#header #logo img{ display:block}#header #logo strong{ display:block; letter-spacing:0.75px; font-style:italic; color:#afafaf; margin-top:5px}#header #menu{ float:right; margin-top:25px}#header #menu ul{ list-style:none}#header #menu ul li{ display:block; float:left; position:relative}#header #menu ul li a{ display:block; float:left; margin-left:25px; color:#898989; text-decoration:none}#header #menu ul li a:hover{ text-decoration:underline}#header #menu ul li a.active{ text-decoration:underline}#header #menu ul li a.user{ font-weight:bold}#header #menu ul li a.logout{ color:#f51241}#header #menu ul li ul.sub{ display:none; position:absolute; top:22px; left:25px; background:#898989}#header #menu ul li ul.sub li a{ display:block; width:200px; padding:5px 10px; border-bottom:1px solid #a3a3a3; margin:0; color:#fff}#header #menu ul li ul.sub li a:hover{ background:#a3a3a3}#header #menu ul li ul.sub li a.active{ background:#a3a3a3}#header #menu ul li ul.sub li ul.sub{ display:none; border-left:1px solid #fff; position:absolute; top:0; left:200px}#header #menu ul li ul.sub li:hover ul.sub{ display:block}#header #menu ul li:hover ul.sub{ display:block}#slider{ height:850px}#slider div.item{ display:none; height:600px; background:#eee; cursor:ew-resize}#slider div.item:nth-of-type(1){ display:block}#slider ul.slick-dots{ width:1100px; margin:0 auto}#slider ul.slick-dots li{ list-style:none}#slider ul.slick-dots li a{ display:block; float:left; width:23%; background:#898989; color:#fff; text-align:center; padding:25px 10px; text-decoration:none; transition:all 0.25s ease 0s; -webkit-transition:all 0.25s ease 0s; -moz-transition:all 0.25s ease 0s}#slider ul.slick-dots li a i.fa{ display:block; font-size:35px}#slider ul.slick-dots li a strong{ display:block; margin:20px 0 15px 0; font-size:17px; text-transform:uppercase; font-weight:100}#slider ul.slick-dots li a span{ display:block; font-size:13px}#slider ul.slick-dots li:nth-of-type(2) a{ background:#f4ad07; margin-right:2.65%}#slider ul.slick-dots li:nth-of-type(3) a{ background:#215761; margin-right:2.65%}#slider ul.slick-dots li:nth-of-type(4) a{ background:#9E001D}#slider ul.slick-dots li:nth-of-type(1) a{ background:#898989; margin-right:2.65%}#slider ul.slick-dots li:hover a{ transform:scale(1.075); -webkit-transform:scale(1.075); -moz-transform:scale(1.075); transform-origin:top center}#slider ul.slick-dots li.slick-active a{ transform:scale(1.075); -webkit-transform:scale(1.075); -moz-transform:scale(1.075); transform-origin:top center}#content{ padding:75px 0}#content h1{ font-size:35px; color:#898989; margin-bottom:25px; font-weight:300; line-height:1.15}#content h2{ margin-bottom:10px; font-size:27px; color:#898989; line-height:1.15}#content h3{ margin-bottom:5px; font-size:20px; color:#898989; line-height:1.15}#content p,#content ul,#content ol,#content table,#content figure{ margin:0 0 35px 0}#content ul,#content ol{ margin-left:25px}#content p + table,#content p + ul,#content p + ol{ margin-bottom:5px; position:relative; top:-30px}#content p:last-of-type{ margin-bottom:0}#content a.hub{ display:block; float:left; text-align:center; text-decoration:none; font-size:17px; transition:all 0.25s ease 0s; -webkit-transition:all 0.25s ease 0s; -moz-transition:all 0.25s ease 0s}#content a.hub:hover{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); box-shadow:0 0 10px #ccc}#content a.hub span.label{ display:block; background:#898989; color:#fff; padding:10px 0}#content a.hub span.img{ display:block; width:100%; height:175px; overflow:hidden}#content a.hub span.img img{ display:block; width:100%; border:0; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0}#content a.hub4{ width:24%; margin-right:1%}#content a.hub4:nth-of-type(4n){ width:25%; margin-right:0}#content figure img{ display:block; max-width:100%; border:5px solid #eee; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px}#content figure figcaption{ font-size:12px}#content table td,#content table th{ padding:5px 10px}#content table th{ background:#ddd; color:#898989; font-weight:bold}#content table td{ background:#eee; border-bottom:1px solid #ddd}#content table tr:hover td{ background:#eee}#content table.full td{ border:1px solid #ddd; vertical-align:middle}#content table.full tr:hover td{ background:#eee}#content table.orders tr th{ font-weight:normal; padding:15px 5px}#content table.orders tr td{ background:#fff}#content div.description{ padding:15px; background:#eee; margin-bottom:25px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px}#content div.description.bottom{ margin-top:25px}#content div.paging a{ display:inline-block; background:#ddd; padding:5px 10px; text-decoration:none; transition:all 0.25s ease 0s; -webkit-transition:all 0.25s ease 0s; -moz-transition:all 0.25s ease 0s}#content div.paging a:hover{ background:#ccc}#content div.paging strong{ display:inline-block; background:#898989; color:#fff; padding:5px 10px; text-decoration:none; transition:all 0.25s ease 0s; -webkit-transition:all 0.25s ease 0s; -moz-transition:all 0.25s ease 0s}#content div.paging #limit{ float:right; border:0; background:#898989; color:#fff; padding:10px; cursor:pointer; transition:all 0.25s ease 0s; -webkit-transition:all 0.25s ease 0s; -moz-transition:all 0.25s ease 0s}#content div.paging.bottom{ margin-bottom:0}#content #prihlaseni,#content #prihlaseni_reset{ width:50%}#content #prihlaseni fieldset,#content #prihlaseni_reset fieldset{ padding:0; margin:0; border:0; background:transparent}#content #prihlaseni fieldset input.submit,#content #prihlaseni fieldset a.button,#content #prihlaseni_reset fieldset input.submit,#content #prihlaseni_reset fieldset a.button{ display:block; float:left; margin-right:5px}#content #profil fieldset select,#content #profil fieldset input.text{ width:50%; background:#fff}#content #profil #box_firm{ display:none}#content #text.blog.list .sekce{ margin-bottom:25px}#content #text.blog.list .sekce a.item{ display:block; float:left; padding:10px 20px; background:#898989; color:#fff; margin:0 1px 1px 0; text-decoration:none; transition:all 0.25s ease 0s; -webkit-transition:all 0.25s ease 0s; -moz-transition:all 0.25s ease 0s}#content #text.blog.list .sekce a.item:hover{ background:#a3a3a3}#content #text.blog.list .list div.item{ margin-bottom:25px}#content #text.blog.list .list div.item h2{ font-size:25px; margin-bottom:5px}#content #text.blog.list .list div.item p.details{ margin-bottom:5px; color:#aaa}#content #text.blog.detail{ float:left; width:65%}#content #text.blog.detail .diskuse{ margin-top:50px}#content #sidebar.blog.detail{ float:right; width:30%}#content #sidebar.blog.detail ul{ list-style:none; margin:0}#content #sidebar.blog.detail ul li a{ display:block; padding:5px 10px; background:#898989; color:#fff; margin-bottom:1px; text-decoration:none; transition:all 0.25s ease 0s; -webkit-transition:all 0.25s ease 0s; -moz-transition:all 0.25s ease 0s}#content #sidebar.blog.detail ul li a:hover{ background:#a3a3a3}#content #sidebar.blog.detail .tagy{ margin-top:50px}#content #sidebar.blog.detail .tagy a{ display:block; float:left; margin:0 1px 1px 0; padding:5px 10px; font-size:11px; background:#898989; color:#fff; text-decoration:none; transition:all 0.25s ease 0s; -webkit-transition:all 0.25s ease 0s; -moz-transition:all 0.25s ease 0s}#content #sidebar.blog.detail .tagy a:hover{ background:#a3a3a3}#content #sidebar.blog.detail .social{ margin-top:50px}#content #sidebar.blog.detail .social a{ transition:all 0.25s ease 0s; -webkit-transition:all 0.25s ease 0s; -moz-transition:all 0.25s ease 0s}#content #sidebar.blog.detail .social a:hover{ transform:scale(1.15); -webkit-transform:scale(1.15); -moz-transform:scale(1.15)}#content #text.gallery.detail div.gallery{ margin-top:50px}#content #text.gallery.detail div.gallery a{ display:block; float:left; margin:0 1px 1px 0; width:calc(100% / 4 - 1px); height:200px; overflow:hidden}#content #text.gallery.detail div.gallery a img{ display:block; width:100%; min-height:200px; transition:all 0.25s ease 0s; -webkit-transition:all 0.25s ease 0s; -moz-transition:all 0.25s ease 0s}#content #text.gallery.detail div.gallery a:hover img{ transform:scale(1.25); -webkit-transform:scale(1.25); -moz-transform:scale(1.25)}div.section h4{ font-size:35px; color:#898989; margin-bottom:25px; text-align:center; font-weight:300}#gallery{ background:#eee; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:75px 0}#gallery a.item{ display:block; float:left; width:24%; margin:0 1% 10px 0; padding:25px; background:#898989; color:#fff; text-align:center; transition:all 0.25s ease 0s; -webkit-transition:all 0.25s ease 0s; -moz-transition:all 0.25s ease 0s; text-decoration:none}#gallery a.item strong{ display:block; margin-bottom:10px; text-align:center; font-size:20px; line-height:25px}#gallery a.item span.img{ display:block; width:100%; height:150px; overflow:hidden; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px}#gallery a.item span.img img{ display:block; width:100%; min-height:150px}#gallery a.item:hover{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); box-shadow:0 0 10px #ccc}#gallery a.item:nth-of-type(4n){ width:25%; margin-right:0}#gallery a.item3 strong{ font-size:14px}#about{ padding:75px 0}#blog{ background:#eee; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:75px 0}#blog a{ display:block; width:30%; float:left; position:relative; border:1px solid #ddd; text-decoration:none; color:#333; background:#fff; transition:all 0.25s ease 0s; -webkit-transition:all 0.25s ease 0s; -moz-transition:all 0.25s ease 0s; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px}#blog a:hover{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); box-shadow:0 0 10px #ccc}#blog a:nth-of-type(2){ margin:0 5%}#blog a span.img{ display:block; height:200px; border-bottom:1px solid #ddd; overflow:hidden; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px}#blog a span.img img{ display:block; width:100%; min-height:200px}#blog a span.date{ position:absolute; top:0; left:25px; padding:5px 15px; background:#898989; color:#fff}#blog a span.nazev{ display:block; padding:10px 25px; color:#898989; font-size:20px; line-height:1.15}#blog a span.popis{ display:block; padding:0 25px 25px 25px; color:#898989}#footer{ padding:75px 0}#footer div.box{ float:left; width:50%}#footer div.box h4{ text-transform:uppercase; margin-bottom:15px; font-size:20px; color:#898989; font-weight:300}#mapa{ background:#eee; border-top:1px solid #ccc; border-bottom:1px solid #ccc}#mapa iframe{ display:block; width:100%; height:450px}#copyright{ padding:15px 0 35px 0}#copyright p{ float:left}#copyright #becorp{ float:right}#copyright #becorp a img{ position:relative; top:5px; transform-origin:center left; transition:all 0.25s ease 0s; -webkit-transition:all 0.25s ease 0s; -moz-transition:all 0.25s ease 0s}#copyright #becorp a:hover img{ transform:scale(1.11)}@media screen and (max-width:1125px){ .inside{ width:100%!important; padding-left:5%!important; padding-right:5%!important; overflow:hidden;} #slider{ display:none;}}@media screen and (max-width:850px){ .mobile{ display:block;} .pc{ display:none!important;} body{ padding-top:0;} #preheader{ position:static;} #header{ position:static; padding:10px 0;} #header #logo img{ height:25px;} #header #menu{ display:none; float:none; clear:both; margin-top:10px;} #header #menu ul li{ float:none;} #header #menu ul li a{ float:none; padding:2.5px 0; margin-left:0;} #header #menu ul li ul.sub{ position:static!important; display:block; padding-left:15px; background:transparent;} #header #menu ul li ul.sub li a{ background:none!important; border:0; color:#898989; padding:2.5px 0;} #header #menu ul li ul.sub li ul.sub{ position:static!important; display:block; padding-left:15px; border:0;} #header #menu-mobile{ float:right; color:#898989;} #content #prihlaseni, #content #prihlaseni_reset{ width:100%;} #gallery a.item{ float:none; width:100%!important;} #content #text.gallery.detail div.gallery a{ width:100%!important; height:auto!important;} #content #text.gallery.detail div.gallery a img{ min-height:auto;} #footer div.box{ float:none; width:100%;} #footer div.facebook{ margin-top:75px;} #copyright p{ float:none; text-align:center;} #copyright p#becorp{ margin-top:25px;}}