body {background: #ffffff;color: #092157;font-size: 16px;font-family: 'Muli', sans-serif;} .img-responsive {margin:0px auto;} .img-thumbnail {margin-bottom: 15px; border-radius: 0px;} .btn {border-radius:0px;} a {color:#333; outline: none;} h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5 { color: #13494d; } h1,h2,h3,h4,h5 {font-weight:normal;} h1,.h1, h2,.h2 {font-size:26px;font-weight:700;} h3,.h3 {font-size:22px;} h4,.h4 {font-size:18px;} h5,.h5 {font-size:17px;} @media (min-width: 768px) { body { font-size: 20px; } h1,.h1, h2,.h2 {font-size:48px;font-weight:900;} h3,.h3 {font-size:38px;} h4,.h4 {font-size:28px;} h5,.h5 {font-size:22px;} } footer a { color: #fff; } a:hover, a:focus {color:#ff9999;} .zahodit {display:none;} .hideOnDesktop { display: none !important; } .align-center { text-align: center; } .btn-primary, .pagination > .active > a { border-color: #ff9999 !important; color: #ffffff; text-shadow: none; background-color: #ff9999; } .btn-primary:hover, .pagination > li > a:hover, .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus, .btn-primary:active, .pagination > .active > a:active, .btn-primary:focus, .pagination > li > a:focus { } .form-control {border-radius: 0px;} .form-control:focus {border-color:#333;} .control-label {display:inline-block; height:34px; line-height: 34px; vertical-align: middle; font-weight: normal;} header.affix { width:100%; z-index:999; top: 0; background-color: #272b33; } #header { background-color: transparent; position: fixed; top: 0; left: 0; right: 0; text-align: center; z-index:5; } #header-top { position:relative; } #header.affix { background: linear-gradient(to bottom, rgba(8, 78, 83, 0.8) 0%,rgba(8, 78, 83, 0.6) 100%); box-shadow: 0px 3px 10px rgba(8, 78, 83, 0.5); } #logo {text-align: left; margin: 5px 0px;} #logo img {max-width:100%; height:auto; max-height: 18px; } #header-right-block {height:40px;} .navbar-collapse {top:0px; position:relative; z-index:999;} nav.navbar { height:0px; min-height:0px; margin-bottom:0px; border:0px none; } #mainMenu .navbar-collapse {padding-left:0px; padding-right: 0px; color:#fff; height: 100%; overflow: auto; width:100%; } #mainMenu .navbar-nav {margin:0px; } #mainMenu a { color: #fff; line-height: 20px; } #mainMenu a:hover, #mainMenu a:focus, #mainMenu a.active {color:#ff9999; background-color: transparent;} #mainMenu .active a { color: #ff9999; } #mainMenu .dropdown-menu {margin:-1px 0px 0px 0px; padding: 1px 0px 0px 0px; background:#666;} .mobile-menu { display: none; } .dropdown.opened .dropdown-menu {display:block;} .navbar-toggle {background:#ff9999; color:#fff; margin-right: 0px; margin-top:0px; padding: 2px 4px 0 4px; font-size: 14px; } #leve-menu-toggle {float:left; text-transform: uppercase; margin-right: 0px; margin-left:0px; margin-top:0px; width:140px; font-size: 14px; padding: 10px 8px;} .carousel-control {display:none;} a i.glyphicon {padding-right:5px;} #main_obal { background-color: #084e53; padding-top:80px; } .homepage #main_obal { padding-top:0px; } #footer-bottom { background-color: #084e53; text-align:center; font-size: 13px; color: #ffffff; } #footer-bottom p {margin:0px !important; padding: 20px 0px; line-height: 25px; vertical-align: bottom; overflow: hidden;} .footer-copyright-cp { } .footer-copyright-cp a { display:inline-block; height:24px; padding:0px; } .footer-copyright-cp a#logo-cp {width:124px; height: 24px;} .footer-copyright-cp a#logo-cpedit { width:46px; height: 14px;} .footer-copyright-cp a .svg-icon { width: 100%; height: 100%; vertical-align: middle; fill: #ff9999; padding: 0 5px; } .footer-copyright-cp a:hover .svg-icon { fill: #ffffff; } #footer-bottom .nonRESPswitch { margin-left: 40px; } .scrollup { width: 30px; height: 30px; line-height: 30px; position: fixed; bottom: 15px; right: 15px; display: none; text-align: center; background-color: #000; border: #ffffff 1px solid; color: #ffffff; filter: alpha(opacity=70); opacity: 0.70; } .scrollup:hover, .scrollup:focus, .scrollup:active {color:#ff9999;border-color:#ff9999;} .scrollup i.glyphicon {padding:0px;} .page-content .table-responsive { overflow: auto; border: none; max-width: 100%; } .page-content table { width: 100%; border: 2px solid #777; margin-bottom: 20px; } .page-content table th { background-color: #c3c3c3; text-align: center; vertical-align: middle; padding: 3px; } .page-content table td { border: 1px solid #777; text-align: center; vertical-align: middle; padding: 3px; } #mutace { margin-top: 25px; float: right; } @media(max-width: 767px){ .navbar-collapse .dropdown-menu {padding:0px; position: relative; width:100%; margin:0px; background:transparent; box-shadow: none;} .navbar-collapse .dropdown-toggle .dropdown-trigger {position:absolute; right: 5px; top: 10px; padding: 0px 15px} #header-right-block { margin-top: 10px; } #logo { margin: 5px 0; padding: 0 7px; } } @media(min-width: 768px){ #header.affix { position: fixed; top: 0; z-index:9; height: 40px; left: 0; right: 0; } nav#mainMenu, nav#mainMenu div { display: inline-block !important; width: auto; } nav#mainMenu { position: absolute; top: 0px; left: 80px; right: 0px; width: 420px; margin: 0px auto; text-align: center; } #logo { margin-top: 28px; } .header-affixed #logo { margin-top: 5px; } .header-affixed #logo img {max-width:100%; height:auto; } #header-right-block {height:auto; padding-left: 0; padding-right: 0; } #kosik-blok {position:static; bottom:auto; margin:0px; } #mainMenu { height:55px; } #mainMenu a {padding: 8px 18px; line-height: 24px; font-size: 14px; border:none; font-weight: bold; text-transform: uppercase; } #mainMenu>.container { width: auto !important; } #mainMenu .navbar-collapse {background-color:transparent; color:inherit; top:auto; height:auto !important; width: auto !important; margin-top: 20px; } .header-affixed #mainMenu .navbar-collapse { margin-top: 0; } .header-affixed #mutace { margin-top: 5px; } .affix #mainMenu .navbar-collapse { position:relative; top:auto; } #mainMenu .dropdown:hover .dropdown-menu{display:block;} #mainMenu>.container { padding: 0 5px; } #logo, #mainMenu .navbar-collapse, #mutace { transition: margin ease-in-out 0.2s; } } @media (min-width: 992px){ nav#mainMenu { left: 130px; width: 620px; } #mainMenu a { font-size: 16px; padding-left: 18px; padding-right: 18px;} #mainMenu .container {padding:0px;} #logo { margin-top: 28px; } #logo img { max-height: 22px; } #mainMenu>.container { padding: 0 15px; } #footer-bottom { text-align: right; } .footer-copyright-cp { text-align: left; } } @media (min-width: 1230px){ .container { width: 1200px; } nav#mainMenu { left: 200px; width: 730px; } #logo { margin-top: 22px; } #logo img { max-height: 32px; } #mainMenu a {padding-left: 25px; padding-right: 25px;} #mainMenu a.home {width:95px;} } @media (min-width: 1400px) { nav#mainMenu { left: 0px; width: 600px; } #logo { padding-left: 65px; } #header-right-block { padding-right: 75px; } } #main_block { padding-bottom:15px; background-color: transparent; } .gallery {text-align: center; margin-bottom:10px;} .gallery .img-thumbnail { border: none; background: transparent; margin-bottom: 15px;} @media screen and (max-width: 767px){ #main_block {position:relative;} nav.navbar>.container { padding: 0; } #mainMenu #navbar { margin: 0; } } @media screen and (min-width: 768px){ body {overflow:auto !important;} } .pagination>li:first-child>a, .pagination>li:first-child>span { border-bottom-left-radius: 0; border-top-left-radius: 0; } .pagination>li:last-child>a, .pagination>li:last-child>span { border-bottom-right-radius: 0; border-top-right-radius: 0; } .articles .article {border-bottom:1px solid #e0e0e0;} .articles .article h2 {color:#333; font-size:18px;} .articles .article h2 a {text-decoration:underline;} .article-meta {margin-bottom:10px;} .article-meta a {text-decoration: underline;} .pagination > li > a, .pagination > li > span { padding: 3px 9px; color: #666666; background-color:#fff; border-color:#cecece; font-weight:normal; font-size:1.0em; margin: 0px 5px 0px 0px; border-radius: 0px; } .pagination > li > a i.glyphicon {padding:0px; font-size:0.9em;} .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{ background-color: #ff9999; border-color: #ff9999; color:#fff; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #ff9999; border-color: #ff9999; color:#fff; } .popup-block-content {padding: 15px;} @media(max-width: 767px){ .win-kosik-vlozeno .win-buttons .text-right,.win-kosik-vlozeno .win-buttons .text-left{ text-align:center; padding-bottom:15px; } } .padding-min { padding-right: 12px; } .padding-min .col-sm-1, .padding-min .col-sm-2, .padding-min .col-sm-3, .padding-min .col-sm-4, .padding-min .col-sm-5, .padding-min .col-sm-6, .padding-min .col-sm-7, .padding-min .col-sm-8, .padding-min .col-sm-9, .padding-min .col-sm-10, .padding-min .col-sm-11, .padding-min .col-sm-12, .padding-min .col-lg-1, .padding-min .col-lg-2, .padding-min .col-lg-3, .padding-min .col-lg-4, .padding-min .col-lg-5, .padding-min .col-lg-6, .padding-min .col-lg-7, .padding-min .col-lg-8, .padding-min .col-lg-9, .padding-min .col-lg-10, .padding-min .col-lg-11, .padding-min .col-lg-12, .padding-min .col-md-1, .padding-min .col-md-2, .padding-min .col-md-3, .padding-min .col-md-4, .padding-min .col-md-5, .padding-min .col-md-6, .padding-min .col-md-7, .padding-min .col-md-8, .padding-min .col-md-9, .padding-min .col-md-10, .padding-min .col-md-11, .padding-min .col-md-12 { padding-left: 2px; padding-right: 2px; } @media (max-width: 768px) { .padding-min .col-sm-1, .padding-min .col-sm-2, .padding-min .col-sm-3, .padding-min .col-sm-4, .padding-min .col-sm-5, .padding-min .col-sm-6, .padding-min .col-sm-7, .padding-min .col-sm-8, .padding-min .col-sm-9, .padding-min .col-sm-10, .padding-min .col-sm-11, .padding-min .col-sm-12, .padding-min .col-lg-1, .padding-min .col-lg-2, .padding-min .col-lg-3, .padding-min .col-lg-4, .padding-min .col-lg-5, .padding-min .col-lg-6, .padding-min .col-lg-7, .padding-min .col-lg-8, .padding-min .col-lg-9, .padding-min .col-lg-10, .padding-min .col-lg-11, .padding-min .col-lg-12, .padding-min .col-md-1, .padding-min .col-md-2, .padding-min .col-md-3, .padding-min .col-md-4, .padding-min .col-md-5, .padding-min .col-md-6, .padding-min .col-md-7, .padding-min .col-md-8, .padding-min .col-md-9, .padding-min .col-md-10, .padding-min .col-md-11, .padding-min .col-md-12 { padding-left: 2px; padding-right: 0; } } @media (max-width: 991px) { #soc-top { margin-right: 0; } } object, iframe {max-width: 100%;} @media (max-width: 768px) { .menuOpened.header-affixed { margin-top: 0; } .menuOpened #main_obal { display: none; } .menuOpened #footer { display: none; } .menuOpened #vyhody { display: none; } header.preventAffix { position: relative !important; top: auto !important; left: 0; right: auto; margin-top: 56px; } .preventAffix #header>.container { position: fixed; top: 0; width: 100%; z-index: 9999; } .preventAffix #header-top { padding-bottom: 0; } .menuOpened #top-line { display: none; } .dropdown-menu>li>a { padding: 10px 20px; background-color: #00f; } .menuOpened { background: #084e53; } } h1, h2 { padding-bottom: 15px; } section h1:first-of-type, section h2:first-of-type { margin-top: 30px; } #uvod { height: 950px; margin-bottom: -380px; padding-bottom: 0; } @media (min-width: 768px) { #uvod { margin-bottom: -330px; height: 850px; } } @media (min-width: 1230px) { #uvod { margin-bottom: -230px; } } section, footer { text-align: center; } section { padding-bottom: 70px; } .content { margin-top: 30px; font-weight: 100; } section ul { text-align: left; } footer { color: #ffffff; } #mainMenu .RESPswitchMENU { padding-top: 20px; padding-bottom: 20px; background-color: #d5d5d5; } #mainMenu .RESPswitchMENU a { padding: 10px 15px; display: block; text-align: center; color: #000000; font-size: 14px; } #o-nas .content { background: #ffffff; padding: 20px; color: #092157; position: relative; margin-top: 0; } #o-nas .content:after { position: absolute; bottom: -20px; left: 50%; width: 50px; height: 50px; margin-left: -25px; content: ''; display: inline-block; z-index: 2; background: #ffffff; transform: rotate(45deg);} #o-nas .content:before { content: ''; display: inline-block; position: absolute; bottom: -100px; left: 0px; right: 0px; width: 90%; height: 21px; margin: 0px auto; border-radius: 50%; background-color: rgba(0,0,0,0.349); filter: blur(10px); } #o-nas .content h1, #o-nas .content .h1 { text-transform: uppercase; margin-bottom: 0;} @media (max-width: 767px) { #o-nas .content { margin-top: 15px; } } @media (min-width: 768px) { #o-nas .content { padding: 20px 40px 30px 40px; } #o-nas .content h1, #o-nas .content .h1 { margin-bottom: 20px;} } @media (min-width: 992px) { #o-nas .content { padding: 20px 60px 60px 60px; } } @media (min-width: 1230px) { #o-nas .content { padding: 40px 100px 80px 100px; } #o-nas .content:before { width: 1083px; } } #nase-e-shopy{ padding-top: 60px; padding-bottom: 20px; } #nase-e-shopy h1, #nase-e-shopy .h1 { color: #ffffff; } @media (min-width: 768px) { #nase-e-shopy { padding-top: 40px; padding-bottom: 40px; } } @media (min-width: 992px) { #nase-e-shopy { padding-top: 60px; padding-bottom: 60px; } } @media (min-width: 1230px) { #nase-e-shopy { padding-top: 80px; padding-bottom: 80px; } } #nase-e-shopy #shopy .shop-item { display: block; background: #ffffff; margin: 25px 0; text-decoration: none; color: #ffffff; -webkit-box-shadow: 0px 25px 35px -20px rgba(0,0,0,0.35);-moz-box-shadow: 0px 25px 35px -20px rgba(0,0,0,0.35);box-shadow: 0px 25px 35px -20px rgba(0,0,0,0.35);} #nase-e-shopy #shopy .shop-item.arduino-shop, #nase-e-shopy #shopy .shop-item.arduino-shop .content-block .text { background: #009999; } #nase-e-shopy #shopy .shop-item.dratek, #nase-e-shopy #shopy .shop-item.dratek .content-block .text { background: #009999; } #nase-e-shopy #shopy .shop-item.vse-pro-kamery, #nase-e-shopy #shopy .shop-item.vse-pro-kamery .content-block .text { background: #ff6600; } #nase-e-shopy #shopy .shop-item.reminky-pasky, #nase-e-shopy #shopy .shop-item.reminky-pasky .content-block .text { background: #262626; } #nase-e-shopy #shopy .shop-item.ochranna-skla, #nase-e-shopy #shopy .shop-item.ochranna-skla .content-block .text { background: #0099cc; } #nase-e-shopy #shopy .shop-item.laser-shop, #nase-e-shopy #shopy .shop-item.laser-shop .content-block .text { background: #092157; } #nase-e-shopy #shopy .shop-item.tv-ovladace, #nase-e-shopy #shopy .shop-item.tv-ovladace .content-block .text { background: #006666; } #nase-e-shopy #shopy .shop-item.dreveny-motylek , #nase-e-shopy #shopy .shop-item.dreveny-motylek .content-block .text { background: #662211; } #nase-e-shopy #shopy .shop-item.zitra-doma , #nase-e-shopy #shopy .shop-item.zitra-doma .content-block .text { background: #d51317; } #nase-e-shopy #shopy .shop-item.lapace-snu , #nase-e-shopy #shopy .shop-item.lapace-snu .content-block .text { background: #cf1370; } #nase-e-shopy #shopy .shop-item.ip-kamera , #nase-e-shopy #shopy .shop-item.ip-kamera .content-block .text { background: #00309d; } #nase-e-shopy #shopy .shop-item.levne-tkanicky , #nase-e-shopy #shopy .shop-item.levne-tkanicky .content-block .text { background: #78708a; } #nase-e-shopy #shopy .shop-item.semena-levne , #nase-e-shopy #shopy .shop-item.semena-levne .content-block .text { background: #5cb011; } #nase-e-shopy #shopy .shop-item.avin , #nase-e-shopy #shopy .shop-item.avin .content-block .text { background: #3366ff; } #nase-e-shopy #shopy .shop-item.kostymy , #nase-e-shopy #shopy .shop-item.kostymy .content-block .text { background: #4C087D; } #nase-e-shopy #shopy .shop-item.eco_people , #nase-e-shopy #shopy .shop-item.eco_people .content-block .text { background: #006633; } #nase-e-shopy #shopy .shop-item.draci , #nase-e-shopy #shopy .shop-item.draci .content-block .text { background: #0099CC; } #nase-e-shopy #shopy .shop-item.oci , #nase-e-shopy #shopy .shop-item.oci .content-block .text { background: #66ccff; } #nase-e-shopy #shopy .shop-item.bike , #nase-e-shopy #shopy .shop-item.bike .content-block .text { background: #ff9900; } #nase-e-shopy #shopy .shop-item.nausniky , #nase-e-shopy #shopy .shop-item.nausniky .content-block .text { background: #2bbac2; } #nase-e-shopy #shopy .shop-item .name-block { height: 70px; display: table-cell; width: 800px; font-size: 24px; line-height: 30px; overflow: hidden; vertical-align: middle; text-align: center; text-transform: uppercase; color: #ffffff; font-weight: bold; } #nase-e-shopy #shopy .shop-item .content-block { position: relative; text-align: center; display: block; } #nase-e-shopy #shopy .shop-item .content-block img { max-width: 100%; height: auto; display: inline-block; margin: 0 auto; } #nase-e-shopy #shopy .shop-item .content-block .text { position: absolute; display: block; top: 0; right: 0; bottom: 100%; left: 0; z-index: 3; overflow: hidden; transition: all ease-in-out 0.5s; color: #ffffff; padding: 0 20px; opacity: 0.75; } @media (max-width: 767px) { #nase-e-shopy #shopy .shop-item .content-block .text { position: inherit; } } @media (min-width: 768px) { #nase-e-shopy #shopy .shop-item:hover .content-block .text, #nase-e-shopy #shopy .shop-item:focus .content-block .text { bottom: 0; padding: 20px; opacity: 1; } } #nase-e-shopy #shopy .shop-item .logo-block { display: block; text-align: center; background: #ffffff; padding: 5px; } #nase-e-shopy #shopy .shop-item .logo-block img { max-width: 100%; height: auto; max-height: 80px; display: inline-block; margin: 0 auto; } #kontakt { background: #00272a url('/img/mapa.jpg?v=1') no-repeat 50% 0; padding: 40px 0 70px 0; } #kontakt .h1 { color: #ffffff; text-transform: uppercase; margin-bottom: 220px; } #kontakt .content { background: rgba(8, 78, 83, 0.85); padding: 35px 15px; margin-bottom: 80px; } #kontakt .content, #kontakt .content h3 { font-size: 22px; line-height: 30px; margin: 0; color: #ffffff; } #kontakt .content .button-block { margin-top: 60px; } #kontakt .content .button-block .footer-btn { color: #ffffff; text-decoration: none; position: relative; padding: 15px 0 15px 15px; } #kontakt .content .button-block .footer-btn:hover, #kontakt .content .button-block .footer-btn:focus { color: #ff9999; } #kontakt .content .button-block .footer-btn#tel-btn { background: transparent url('/img/footer/tel-ico.svg?v=1') no-repeat 13% 50%; } #kontakt .content .button-block .footer-btn#email-btn { background: transparent url('/img/footer/email-ico.svg?v=1') no-repeat 7% 50%; } #kontakt .content .button-block .footer-btn#oteviracka-btn { background: transparent url('/img/footer/oteviracka-ico.svg?v=1') no-repeat 4% 50%; } @media (max-width: 500px) { #kontakt .content .button-block .footer-btn { background-position: 50% 0 !important; padding: 40px 0 0 0; margin-top: 15px; margin-bottom: 15px; } } @media (min-width: 768px) { #kontakt .content .button-block .footer-btn { font-size: 18px; } } @media (min-width: 768px) AND (max-width: 991px) { #kontakt .content .button-block .footer-btn { background-position: 50% 0 !important; padding: 40px 0 0 0; margin-top: 15px; margin-bottom: 15px; } } @media (min-width: 1230px) { #kontakt .content .button-block .footer-btn { font-size: 22px; } } .full-container { width: 100%; } #fotky-footer { background: #1b232f; } #fotky-footer .img-thumbnail { padding: 0; margin: 0; border: none; } #mutace img { max-height: 25px; display: inline-block; vertical-align: inherit; } #mutace a { border: 3px solid #3366cc; border-radius: 100%; padding: 0; line-height: 25px; height: 31px; width: 31px; display: inline-block; float: left; margin: 0 7px; } #mutace a.active, #mutace a:hover, #mutace a:focus { border-color: #ffffff; } @media (max-width: 767px) { #logo img { max-height: 16px; margin-top: 11px; } #mutace { margin-top: 5px; margin-right: 10px; } #mutace img { max-height: 16px; } #mutace a { line-height: 16px; border-width: 2px; height: 20px; width: 20px; margin: 0 7px; } .navbar-toggle { margin-top: 3px; } #header.affix #logo { margin: 0; } #header.affix #logo img { margin-top: 11px; } #header.affix #header-right-block { margin-top: 7px; height: 30px; } #header.affix #mutace { margin-top: 2px; } #header.affix .navbar-toggle { margin-top: 0; } #logo, #logo img, #header-right-block, #mutace, .navbar-toggle { transition: margin ease-in-out 0.3s; } } #footer .RESPswitch { display: block; margin: 0 auto; border: 1px solid #ffffff; max-width: 280px; text-align: center; } @media (min-width: 768px) { #footer .RESPswitch { margin-right: 0; } } #logo h1 { margin: 0; padding: 0; line-height: 1; font-size: 0; } .shoproku { max-width: 250px; width: 100%; height: 100%; margin-top: 20px; margin-left: 10px; margin-right: 10px; }