*{margin: 0; padding: 0; outline: 0; border: 0; text-decoration: none; vertical-align: baseline;} html,body {min-height:100%; height:100%; margin:0; padding: 0; font: 16px 'Roboto', sans-serif; font-weight:400; list-style:none; color:#2B2B2B; text-align: center; font-size:10px;} #header, #content, #pata, header {font-size:1.6rem;} .wrapper{ max-width:123.0rem; min-width:64.0rem; margin: 0 auto; text-align:left;} .wrapper1{ max-width:96.0rem; min-width:64.0rem; margin: 0 auto; text-align:left;} .wrapper2{ max-width:86.0rem; min-width:40.0rem; margin: 0 auto; text-align:left;} .wrapper3{ max-width:64.0rem; min-width:64.0rem; margin: 0 auto; text-align:left;} .wrapper4{ max-width:50.0rem; margin: 0 auto; text-align:left;} .wrapper5{ max-width:40.0rem; margin: 0 auto; text-align:left;} .wrapper6{ max-width:60.0rem; margin: 0 auto; text-align:left;} .clearfix {overflow: auto;} .clear{clear:both;} br.clear{clear:both; height:0rem; line-height:0; padding:0; margin:0;} .float-left{float:left!important;} .float-right{float:right!important;} .align-center{text-align:center!important;} .align-right{text-align:right!important;} .align-left{text-align:left!important;} .relative{position:relative;} .margin_t_10{margin-top:1.0rem} .margin_t_25{margin-top:25px} .margin_t_50{margin-top:50px} .margin_t_70{margin-top:70px} .margin_t_75{margin-top:75px} .margin_t_100{margin-top:100px} .margin_t_110{margin-top:110px} .margin_t_150{margin-top:150px} .margin_t_300{margin-top:300px} .margin_t_400{margin-top:400px} .margin_t_500{margin-top:500px} .padding_5pr{padding:5%!important;} .padding_1125{padding:2% 1% 2% 5%!important;} .padding_t_25{padding-top:25px!important;} .padding_t_50{padding-top:50px!important;} .padding_t_1 {padding:1% 0 0 0} .ne{width:0px!important; height:0px!important;} .height_0 {height:0px!important} .text-mini {font-size:90%!important;} .none_disp{display: none;} .no_upper{text-transform:none;} .white{color:#fff;} .black{color:#000;} .red{color:#e70043;} .yellow{color:#e9c139;} .blue{color:#0792d9;} button {cursor: pointer; -webkit-appearance: none;} .submenu {cursor: pointer;} .zpet {position:absolute; right:2%; height:10rem; margin-top:-3.3rem; font-size: 2rem; font-weight:400;} /*message*/ #message-box{position:fixed; right:1rem; top:7rem; margin:0.5rem; max-width:80%rem; min-height:3.2rem; padding:1.4rem 1.5rem 1.4rem 1.5rem; text-align:right; background:#fff; color:#e70043; border-radius:0.0rem; z-index:19999999; box-shadow: #000 0.1rem 0.2rem 0.5rem; -webkit-box-shadow: #000 0.1rem 0.2rem 0.5rem; -moz-box-shadow: #000 0.1rem 0.2rem 0.5rem; font-size:1.8rem;} #message-box a{padding-left:1.0rem; color:#0061A1;} #message-box img{height:3.0rem; vertical-align:-1.0rem;} #report-cart{position:absolute; top:10%; right:2%; z-index:999999; background:#fff; color:#e70043; border-radius:0.0rem; z-index:19999999; box-shadow: #000 0.1rem 0.2rem 0.5rem; -webkit-box-shadow: #000 0.1rem 0.2rem 0.5rem; -moz-box-shadow: #000 0.1rem 0.2rem 0.5rem; font-size:1.6rem; line-height:1.7;} #report-cart img{height:3.0rem; vertical-align:-0.5rem; margin-left:1.0rem} #report-cart .in{background:#fff; padding:2.5rem ; color:red; width:40.0rem;} #report-cart .image{width:90%; height: auto;} #report-cart h3{padding-bottom: 1.0rem} #report-cart .close-report-cart {cursor: pointer;} #report-cart button {margin:1rem 0.5rem 1rem 0.5rem} .v_kosiku{position:absolute; padding:0.2rem 0.1rem 0.1rem 0.1rem; width:1.5rem; height:1.5rem; text-align:center; background-color:#fff; color:#000;; border-radius:1rem; border: 1px solid #e70043; z-index:99999999999; box-shadow: #000 0.1rem 0.2rem 0.2rem; -webkit-box-shadow: #000 0.1rem 0.2rem 0.2rem; -moz-box-shadow: #000 0.1rem 0.2rem 0.2rem; font-size:1.2rem; margin: -3.5rem 0rem 0rem 1.5rem;} .black_b_rp{background-color:#000!important; background-image: url("../img/roh-p.png"); background-repeat: no-repeat; background-position: top right; background-size: 16px 16px;} .black_b_ry{background-color:#000!important; background-image: url("../img/roh-y.png"); background-repeat: no-repeat; background-position: top right; background-size: 16px 16px;} .black_b{background-color:#000!important;} .cara_dole_double{padding-bottom:50px; border-bottom-style: double; border-bottom-width: 6px; border-color: silver;} .scara_p{margin-top:32px; border-left:4px solid #E70043; width: 2%; height:80px; float: left;} .text_p{margin-top:25px; line-height:1.8; padding:0 0% 0 0%; width:95%; float: left;} .text_p .slogan{color: #E70043; font-family: 'Merriweather', serif; font-size:20px; padding-top:25px; line-height:1.8; font-size:22px; font-style: italic; font-weight: 600; padding-right: 15%; } a {color:#e70043; text-decoration: none;} a:hover{color:#e70043; text-decoration: none;} ul{list-style:none;} h1, h2, h4{font-family: 'Roboto', sans-serif; text-transform:uppercase; font-weight:400; line-height:1.2!important;} h3{font-family: 'Oswald', sans-serif; text-transform:uppercase; font-weight:400; line-height:1.2!important;} #top_menu a {color:#FFF; text-decoration: none; display:block;} #top_menu a:hover{color:#FFF; text-decoration: none; display:block;} .menu-t a, .submenu_i a {color:#FFF; text-decoration: none; display:block;} .menu-t a:hover, .submenu_i a:hover{color: #e9c139; text-decoration: none; display:block;} #aktivity_slide a {color:#000; text-decoration: none; display:block;} #aktivity_slide a:hover {color:#000; text-decoration: none; display:block;} #hlavicka h2{font-size:16px;} #hlavicka h3{font-size:45px;} #hlavicka h4{font-size:16px;} #obsah h2{font-size:40px; font-weight:400;} #obsah h3{font-size:16px;} #obsah h4{font-size:16px; margin-bottom:5px;} #obsah1 h2{font-size:40px; font-weight:400;} #obsah1 h3{font-size:16px;} #obsah1 h4{font-size:16px; margin-bottom:5px;} .leva h3{font-size:25px;} #obsah #home_sporty h3{font-size:16px;} #obsah .eshop-item h2 {font-size: 30px!important;} #obsah .eshop-item h3 {font-size: 14px!important;} #obsah .detail_l a {color:#000; text-decoration: none; display:block;} #obsah .detail_l a:hover{color:#000; text-decoration: none; display:block;} #obsah .detail_p h2{font-size:30px!important; text-transform:none!important; text-transform:uppercase!important; padding-bottom:2.5rem; } #obsah .detail_p h3{font-size:28px!important; text-transform:none!important;} #obsah1 #home_sporty h3{font-size:16px;} #obsah1 .eshop-item h2 {font-size: 30px!important;} #obsah1 .eshop-item h3 {font-size: 14px!important;} #obsah1 .detail_l a {color:#000; text-decoration: none; display:block;} #obsah1 .detail_l a:hover{color:#000; text-decoration: none; display:block;} #obsah1 .detail_p h2{font-size:30px!important; text-transform:none!important; text-transform:uppercase!important; padding-bottom:2.5rem; } #obsah1 .detail_p h3{font-size:28px!important; text-transform:none!important;} #pata h2{font-size:35px; font-weight:400;} #pata h3{font-size:16px} .trans{-webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} .trans:hover{-webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} .nepruhledny{background-color: rgba(0,0,0,0.3)!important; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.6);} .flexslider1 .rot{-webkit-filter: brightness(70%); filter: brightness(70%);} #top_menu_t {width:100%; height:auto; position: fixed; top: 0px; z-index:99999;} #top_menu_0 {width:100%; height:2.7rem; padding: 10px 0px 0px 0px; background-color: rgba(255,255,255,0.0); color: #fff; font-family: 'Roboto', sans-serif; text-transform:uppercase; font-weight:400; font-size: 18px; font-weight: 600; line-height: 1.1!important; position: fixed; top: 0px; z-index:100000;} #top_menu {background-image: url("../img/logo.png"); background-size: auto 100%; background-repeat: no-repeat; background-position: top left; z-index:1000; color: #fff; font-family: 'Roboto', sans-serif; text-transform:uppercase; font-weight:400; font-size: 16px; line-height: 1.1!important; position: fixed; top: 40px; z-index:100000; width: 100%; height:120px;} #top_menu_text {color: #fff; font-family: 'Roboto', sans-serif; text-transform:none; font-weight:400; font-size: 24px; line-height: 1.1!important; position: fixed; left: 210px; top: 125px; z-index:100001; width: 350px; height:30px; text-align: left;} .top_5{top:5px!important;} .top_70{top:82px!important;} .logo_10_s {top:100px!important; right:30px!important; height: 120px!important; width:120px!important;} #top_menu_0 .num {padding: 0px 50px 0px 0px} #top_menu_0 .iko {padding: 0px 10px 0px 0px;} .logo{ height:95px; width: 60rem; margin-left: 0%; margin-top:-1px; float:left;} .logo_10{ position: absolute; right: 40px; top: 110px; height:140px; width: 140px; margin-left: 0%; float:left; background-image: url("../img/10.png"); background-size: 100% auto; background-repeat: no-repeat; background-position: top left;} .logo_10 h2{display: none;} .logo_10_l{ position: absolute; right: 40px; top: 40px; height:120px; width: 120px; margin-left: 0%; float:left; background-image: url("../img/10.png"); background-size: 100% auto; background-repeat: no-repeat; background-position: top left;} .logo_10_l h2{display: none;} .logo_pruh{width: 60%; margin-left: 0%; margin-top:0px; float:left; text-align: right;} .logo_pruh .levy{float:left; text-align: left!important; width:100%; line-height: 1.0!important;} .logo_pruh .pravy{float:left; text-align: right; padding-left:5%; width:25%; line-height: 1.0!important;margin:0px;} .logo h1{display:none} .menu{margin:auto; background-color: silver!important; font-weight: 600;} .menu_t{float:left; padding:30px 2.5% 30px 2.5%; } .menu_t:hover{float:left; padding:30px 2.5% 30px 2.5%; background-color: rgba(0,0,0,0.1); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.3); -webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} .menu_t_a{float:left; padding:30px 2.5% 30px 2.5%; background-color: rgba(0,0,0,0.1); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.3);} .menu_t1{float:right; padding:23px 0px 0px 50px; height:50px; text-align: center;} .submenu_i{position: fixed; top:117px; width:0px; height:0px; background-color: rgba(39,39,39,1.0); z-index:0; margin:auto; color:#fff; display: none;} .submenu_a{width:640px; height:300px; z-index:100001;} .submenu_i h3{background-image: url("../img/roh-p1.png"); background-repeat: no-repeat; background-position: 0px 0px; padding:5px 0px 15px 20px; margin-left: 0px; border-bottom-style: double; border-bottom-width: 4px; border-color: gray;} .submenu_i .pulka {width:50%; float: left; font-size: 100%; background-color:transparent; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;} .submenu_i .pulka .in{margin: 5% 10% 5% 5%;} .submenu_i ul {padding: 30px 0px 0px 10px; font-size:95%;} .submenu_i li {line-height:2.0; background-image: url("../img/roh-w.png"); background-repeat: no-repeat; background-position: 0px 9px; background-size: 16px 16px; padding: 0px 0px 0px 30px; text-transform:uppercase; font-weight:300; text-align: left; color: #fff;} .submenu_i li:hover {line-height:2.0; background-image: url("../img/roh-y.png"); background-repeat: no-repeat; background-position: 0px 9px; background-size: 16px 16px; padding: 0px 0px 0px 30px; text-transform:uppercase; font-weight:300; text-align: left; color: #e9c139; -webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} #hlavicka {width:100%; min-width:640px; height:auto; background-color: #fff; position: relative; overflow: hidden;} #hlavicka1 {width:100%; height:auto; background-color: #fff; position: relative; overflow: hidden;} .detail_l{float:left; width:23%; padding:2.5rem 0rem 0rem 2%; } .detail_p{float:left; width:70%; padding:20px 2% 50px 3%;} .detail_p p{line-height:1.8;} .detail_p iframe{float:left; width:100%; height: 45.0rem; padding:25px 0px 0px 0px;} .detail_p .text_d {margin:2.5rem 2% 2% 2%; border: 0px solid silver;line-height:1.8; width:94%;} .detail_l ul {padding:5% 0 10% 0!important; font-size:14px;} .detail_l li {line-height:3; background-image: url("../img/roh-y.png"); background-repeat: no-repeat; background-position: 0px 15px; background-size: 16px 16px; padding: 0px 0px 0px 25px; text-transform:uppercase; font-weight:400; text-align: left; color: #000; border-bottom:1px solid silver;} .detail_l li:hover {background-color:rgba(219,219,219,0.5); line-height:3; background-image: url("../img/roh-y-a.png"); background-repeat: no-repeat; background-position: 0px 14px; background-size: 16px 16px; padding: 0px 0px 0px 25px; text-transform:uppercase; font-weight:400; text-align: left; color: #000; -webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} .detail_l .oblibene_l {background-image:none!important;border-bottom:0px solid silver!important; width: 100%; padding:0!important; margin:0!important; background-color:#fff!important;} .detail_l .oblibene_l:hover {background-image:none!important;border-bottom:0px solid silver!important; width: 100%; padding:0!important; margin:0!important; background-color:#fff!important;} .detail_l .oblibene {font-size: 14px; background-image:none; line-height:3.0; background-repeat: no-repeat; padding: 15px 0px 15px 0px; text-transform:none; font-weight:400; text-align: left; color: #000; border-bottom:1px solid silver; width: 100%} .detail_l .oblibene:hover {background-image:none; line-height:3.0; background-repeat: no-repeat; padding: 15px 0px 15px 0px; text-transform:none; font-weight:400; text-align: left; color: #000; border-bottom:1px solid silver; width: 100%; background-color: transparent!important; -webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} .detail_l .oblibene .leva_o {width:70%; line-height:1.2; font-weight: 600!important;} .detail_l .oblibene .leva_o .cena_o {padding:10px; background-color: #000; color: #fff; width: 70px; text-align: center; height:auto; line-height:1.0; margin: 10px 0px 10px 0px;} .detail_l .oblibene .prava_o {width:30%;} .detail_l .oblibene .prava_o img {width:100%;} .detail_l .kontakt_l {background-image:none; line-height:3.0; background-repeat: no-repeat; padding: 10px 0px 0px 0px; text-transform:none; font-weight:400; text-align: left; color: #000; border-bottom:0px solid silver; width: 100%} .detail_l .kontakt_l:hover {background-image:none; line-height:3.0; background-repeat: no-repeat; padding: 10px 0px 0px 0px; text-transform:none; font-weight:400; text-align: left; color: #000; border-bottom:0px solid silver; width: 100%; background-color: transparent!important; -webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} .detail_p h2{float: left; width:85%; padding:0px 0px 15px 0px; background-color: transparent; margin: 0px 0px 30px 0px; border-bottom:1px solid silver; } .detail_p .share {float: left; width:15%; padding:0px 0px 2.5rem 0px; background-color: transparent; margin: 1.6rem 0px 35px 0px; border-bottom:1px solid silver; text-align:right;} .share_but{display: block; cursor: pointer;} .share_box{position: absolute; width:20rem; height:10rem; z-index:10000; margin: 0rem 0rem 0rem -7rem; background-color: transparent; text-align: left; border: 0px solid silver; display: none;} .share_box .in{padding:8%; text-align: left; border: 1px solid silver; margin:5% 0% 0% 0%; background-color: rgba(244,244,244,1.0)} .share_box .in a{ color: #000; text-decoration: none; line-height:2.2;} .share_box .in a:hover{ color: #e70043; text-decoration: underline; -webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .avatar_but{display: block; cursor: pointer;} .avatar_box{position: absolute; width:20rem; height:auto; z-index:10000; margin: 0rem 0rem 0rem -15rem; background-color: transparent; text-align: left; border: 0px solid red; display: none;} .avatar_box .in{padding:8%; text-align: left; border: 1px solid silver; margin:15% 0% 0% 0%; background-color: rgba(255,255,255,0.9)} .avatar_box .in a{ color: #000!important; text-decoration: none; line-height:2.2;} .avatar_box .in a:hover{ color: #e70043!important; text-decoration: underline; -webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} .cart_but{display: block; cursor: pointer;} .cart_box{position:absolute; font-size:60%; width:40rem; height:auto; z-index:10000; margin: 0rem 0rem 0rem -32rem; background-color: transparent; text-align: left; border: 0px solid silver; display: none;} .cart_box .in{padding:8%; text-align: left; border: 1px solid silver; margin:8% 0% 0% 0%; background-color: rgba(244,244,244,0.9)} .cart_box .in a{ color: #000!important; text-decoration: none; line-height:2.2;} .cart_box .in a:hover{ color: #e70043!important; text-decoration: underline;} .cart_box .img{float:left !Important; width:20%;} .cart_box img{width:100%; display: block;} .cart_box .title{float:left !Important; width:80%;} .cart_box h2{padding:0px 10px;} .cart_box .price{text-align:right; padding:10px; 40px; } .cart_box .more{font-size:150%; color:#404040; padding:15px 0; float:left; width:50%; text-align:right;} .cart_box .more-1{font-size:150%; color:#404040; padding:15px 0; float:right; width:50%; text-align:right;} .cart_box .button-box{width:100%; text-align:center; padding-left:20px;} .cart_box .button-box a{margin:0 auto; background:#E70043; width:50%; color:#fff !Important; padding:15px !Important; margin-top:10px !Important; font-size:130%;} .cart_box .button-box a:hover{background:#FFFFFF} .detail_p h3{padding:0px 0px 0px 0px; margin:0px 0px 10px 0px!important; font-family: 'Roboto', sans-serif; font-weight:400; text-transform:uppercase!important;} .parametry_l{border-bottom:1px solid silver; padding:2% 0 2% 0;} .parametry_l .input-num{font-size:1.5rem; padding: 0rem 0.5rem 0rem 0.5rem; height: 5.0rem; width: 5.0rem; border: 1px solid #D4D4D4!important; background-color: #fff; color: #28282D; text-align: center; border-radius: 0rem; margin:0.1rem 2.5rem 2.0rem 2.5rem } .parametry_l .input-num:focus {border: solid 1px silver; border-radius: 0rem;} .parametry_l .p_leva{width:30%; float:left; font-weight:600; padding: 0% 0 0% 0;} .parametry_l .p_prava{width:65%; float:left; padding-left:5%; padding: 0% 0 0% 0;} .parametry_l .p_prava_1{width:10%; float:left; padding: 0% 0 0% 5%; text-align: left;} .parametry_l .p_prava_2{width:30%; min-width:30%!important;float:left; padding: 0% 0 0% 5%; text-align: left;} .parametry_l .p_prava_3{width:15%; float:left; padding: 0% 0 0% 5%; text-align: center;} .parametry_p {padding: 1.5rem 0 0 0!important; font-size: 90%;} .articles article{width:50%; min-height:500px; border: 0px solid silver; float:left; margin:5% 0% 0% 0%;} .articles article .cary1{width:95%; border: 1px solid silver; float:left;} .articles article .cary2{width:95%; border: 1px solid silver; float:left; margin-left:5%;} .articles article .top{width: 100%; height:280px; overflow: hidden;} .articles article .top img{height: 100%;} .articles article .bottom{width: 100%; min-height:220px;} .articles article .in{padding:0% 5% 5% 5%;} .articles article .in .popisek{height:110px; overflow: hidden; padding:0px 0px 5% 0;} .articles article h3{padding:15px 0px 0px 0px; margin:0px 0px 10px 0px!important; font-family: 'Roboto', sans-serif; font-weight:600; text-transform:uppercase!important;} #obsah {width:100%; min-width:700px; background-color: #fff; position: relative; overflow: hidden; } #obsah1 {width:100%; min-width:700px; background-color: #fff; position: relative; overflow: hidden; } #pata {width:100%; min-width:700px; background-color: #fff; position: relative; overflow: hidden;} #slider {width:100%; margin: auto; overflow: hidden;} #slider .nad_slider {position: absolute; left:0; height:auto; width:100%; background-color: transparent; z-index:1000;} #slider .nad_slider h4 {margin: 5% 0 0 2% !important; padding: 0% 0px 35px 15px; margin-bottom: 0px; font-weight: 400; font-size: 45px; border-left: 5px solid #e9c139; color: #fff; background-image: url("../img/roh-p.png"); background-repeat: no-repeat; background-position: top right; background-size: 30px 30px; width:380px;} .leva {width:40%; float:left; background-color: transparent; padding: 5% 5% 10% 5%} /*---*/ .prava {width:40%; float:left; background-color: transparent; padding: 5% 5% 10% 5%} /*---*/ .prava img{background-color: #fff; filter: contrast(100%) brightness(60%) blur(0px); width:100%; height:auto; } .prava .img-mo{background-color: transparent; opacity:1.0; filter: contrast(100%) brightness(125%) blur(0px)!important; -webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} .prava .obrazek1 {width:30%; float:left; background-color: transparent; padding: 0%; opacity:1.0!important; position: relative; margin: 1%!important;} .prava .obrazek2 {width:30%; float:left; background-color: transparent; padding: 0%; opacity:1.0!important; position: relative; margin: 1%!important;} .prava .obrazek3 {width:30%; float:left; background-color: transparent; padding: 0%; opacity:1.0!important; position: relative; margin: 1%!important;} .prava .obrazek1 .roh{position:absolute; top:1px; right:1px; z-index:10000; height:auto; width:auto; background-color:transparent; opacity:0.0; filter: filter: contrast(100%) brightness(100%) blur(0px); } .prava .obrazek1 .roh1{position:absolute; top:1px; right:1px; z-index:10001; height:auto; width:auto; background-color:transparent; opacity:1.0; filter: contrast(100%) brightness(100%) blur(0px); } .prava .obrazek1:hover .roh {opacity: 1.0;} .prava .obrazek1:hover .roh1 {opacity: 0.0;} .prava .obrazek2 .roh{position:absolute; top:1px; right:1px; z-index:10000; height:auto; width:auto; background-color:transparent; opacity:0.0; filter: contrast(100%) brightness(100%) blur(0px); } .prava .obrazek2 .roh1{position:absolute; top:1px; right:1px; z-index:10001; height:auto; width:auto; background-color:transparent; opacity:1.0; filter: contrast(100%) brightness(100%) blur(0px); } .prava .obrazek2:hover .roh {opacity: 1.0;} .prava .obrazek2:hover .roh1 {opacity: 0.0;} .prava .obrazek3 .roh{position:absolute; top:1px; right:1px; z-index:10000; height:auto; width:auto; background-color:transparent; opacity:0.0; filter: contrast(100%) brightness(100%) blur(0px); } .prava .obrazek3 .roh1{position:absolute; top:1px; right:1px; z-index:10001; height:auto; width:auto; background-color:transparent; opacity:1.0; filter: contrast(100%) brightness(100%) blur(0px); } .prava .obrazek3:hover .roh {opacity: 1.0;} .prava .obrazek3:hover .roh1 {opacity: 0.0;} .leva .text1 {position: absolute; width:30%; background-color: transparent; padding: 0% 0% 0% 0%; opacity:1.0!important; margin: 2% 0% 2% 0%; color: #fff;} .leva .text2 {position: absolute; width:30%; background-color: transparent; padding: 0% 0% 0% 0%; opacity:1.0!important; margin: 2% 0% 2% 0%; color: #fff;} .leva .text3 {position: absolute; width:30%; background-color: transparent; padding: 0% 0% 0% 0%; opacity:1.0!important; margin: 2% 0% 2% 0%; color: #fff;} .leva h3{font-family: 'Roboto', sans-serif; text-transform:uppercase; font-weight:400; margin-bottom:25px; border-left:4px solid #E9C139; width:250px; text-align: left; padding: 10px 0px 10px 10px; line-height:1.2;} .leva p{font-family: 'Merriweather', serif; font-size:20px; margin-left: 4.0rem; padding: 1.0rem 2.0rem 0.5rem 5rem; background-image: url("../img/uvozovka.png"); background-repeat: no-repeat; background-position: top left; background-size: auto 35px; font-style: italic;} .leva .jmeno {background-image: none; color: #fff; font-style: normal;} .leva span {color: #E70043; font-size: 80%;} .reference {padding: 0px 0px 35px 0px;} .reference .popis{font-family: 'Merriweather', serif; font-size:20px; margin-left: 50px; padding: 10px 20px 5px 50px; background-image: url("../img/uvozovka.png"); background-repeat: no-repeat; background-position: top left; background-size: auto 35px} .reference .popisek{font-family: 'Roboto', serif; font-size:18px; margin-left: 50px; padding: 10px 20px 5px 50px; color: #E70043; font-weight:400; } .reference .firma{font-family: 'Roboto', serif; font-size:16px; margin-left: 50px; padding: 0px 20px 5px 50px; font-weight:400;} .reference1 {padding: 25px 0px 25px 0px!important;} .ref_l {width:25%; text-align:left!important; padding-left: 5%;} .ref_p {width:65%; padding-left: 5%;} .ref_l img{max-width:100%!important;} .reference1 .popis{font-family: 'Merriweather', serif; font-size:20px; margin-left: 0px; padding: 10px 20px 5px 50px; background-image: url("../img/uvozovka.png"); background-repeat: no-repeat; background-position: top left; background-size: auto 35px} .reference1 .popisek{font-family: 'Roboto', serif; font-size:18px; margin-left: 0px; padding: 10px 20px 5px 50px; color: #E70043; font-weight:400; } .reference1 .firma{font-family: 'Roboto', serif; font-size:16px; margin-left: 0px; padding: 0px 20px 5px 50px; font-weight:400;} .button_o{font-family: 'Roboto', sans-serif; text-transform:uppercase; font-weight:400; font-size:16px; color: #fff; background-color:#E70043; border:1px solid #fff; text-align: center; padding: 15px 6px 15px 6px; line-height:1.2; width:130px; margin: 3px 0px 0px 50px; background-image: url("../img/roh-b.png"); background-repeat: no-repeat; background-position: top right; border-radius: 0rem; cursor: pointer; -webkit-appearance: none;} .button_o:hover{background-color: #E9C139; -webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-appearance: none; } .button_p{background-color: #E70043; font-family: 'Roboto', sans-serif; text-transform:uppercase; font-weight:400; font-size:16px; border:0px solid #fff; text-align: center; padding: 15px 6px 15px 6px!important; line-height:1.2; width:160px; margin: 0px 0px 0px 0px; background-image: url("../img/roh-b.png"); background-repeat: no-repeat; background-position: top right; color:#fff!important; border-radius: 0rem; cursor: pointer; -webkit-appearance: none;} .button_p:hover{background-color: #E9C139; -webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-appearance: none;} .button_y{color: #000; background-color: #E9C139; font-family: 'Roboto', sans-serif; text-transform:uppercase; font-weight:400; font-size:16px; border:0px solid #fff; text-align: center; padding: 15px 6px 15px 6px; line-height:1.2; min-width:150px; margin: 0px 0px 0px 0px; background-image: url("../img/roh-b.png"); background-repeat: no-repeat; background-position: top right; border-radius: 0rem; cursor: pointer; -webkit-appearance: none;} .button_y:hover{color: #fff; background-color: #E70043; -webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-appearance: none;} .button_k{background-color: #E70043; font-family: 'Roboto', sans-serif; text-transform:uppercase; font-weight:400; font-size:16px; border:0px solid #fff!important; text-align: center; padding: 15px 6px 15px 6px!important; line-height:1.2; width:100px!important; margin: 0px 0px 0px 0px; color:#fff!important; border-radius: 0rem!important; border-radius: 0rem; cursor: pointer; -webkit-appearance: none;} .button_k:hover{color: #fff; background-color: #E9C139!important; -webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-appearance: none;} .button_y1{color: #000; background-color: #E9C139; font-family: 'Roboto', sans-serif; text-transform:uppercase; padding: 0px 10px 0px 10px; font-weight:400; font-size:16px; border:0px solid #fff; text-align: center; line-height:1.2; min-width:150px; margin: 0px 0px 0px 0px; background-image: url("../img/roh-b.png"); background-repeat: no-repeat; background-position: top right; border-radius: 0rem; cursor: pointer; -webkit-appearance: none;} .button_y1:hover{color: #fff; background-color: #E70043; font-weight:400; -webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-appearance: none;} .button_y1 a{color: #000; text-decoration: none; display: block; padding: 15px 10px 15px 10px; -webkit-appearance: none;} .button_y1 a:hover{color: #000; text-decoration: none; display: block; font-weight:400; -webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-appearance: none;} .menu_ak{margin:30px auto 30px auto; float: none; width: 800px; background-color: transparent;} .menu_ak_i{float: left; background-color: #fff; color: #000; font-family: 'Oswald', sans-serif; text-transform:uppercase; font-weight:600; font-size:12px; border:1px solid silver; text-align: center; padding: 10px 15px 10px 15px; line-height:1.2; min-width:40px; margin: -1px 0px 0px -1px; background-image: url("../img/roh-p.png"); background-repeat: no-repeat; background-position: top right;} .menu_ak_i:hover{background-color: #000; color: #fff; font-weight:600; background-image: url("../img/roh-y.png"); background-repeat: no-repeat; background-position: top right; -webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} .is-checked{background-color: #000; color: #fff; font-weight:600; background-image: url("../img/roh-y.png"); background-repeat: no-repeat; background-position: top right;} #red_strip {background-color: #E70043; color: #fff; height:50px; padding: 50px 0px 50px 0px; font-family: 'Oswald', sans-serif; text-transform:uppercase; font-weight:300; font-size: 24px; line-height: 1.1!important;} #red_strip .left{width:70%; float: left; text-align: right;} #red_strip .right{width:30%; float: left; text-align: center;} #red_strip span {font-size: 18px; } #red_strip2 {background-color: #E70043; color: #fff; height:50px; padding: 50px 0px 50px 0px; font-family: 'Oswald', sans-serif; text-transform:uppercase; font-weight:300; font-size: 24px; line-height: 1.1!important;} #red_strip2 .left{width:70%; float: left; text-align: right;} #red_strip2 .right{width:30%; float: left; text-align: center;} #red_strip2 span {font-size: 18px; } #gray_strip {background-color: rgba(0, 0, 0, 0.3); color: #fff; height:auto; padding: 2.5rem 0px 2.5rem 0px; line-height: 1.2!important; overflow: auto;} #gray_strip .i_t{position:relative; width:10rem;} #gray_strip .i_t:before{font-family: "FontAwesome"; font-size: 80px; color: #fff; content:'\f017'; display: inline-block; float: left; margin: 0px 25px 0px 0px; text-align: center; padding-top:0px; font-weight: 300; line-height: 1.0!important;} #gray_strip h3{font-family: 'Oswald', sans-serif; text-transform:uppercase; font-weight:400; margin-bottom:10px!important; } #gray_strip .text{float: left; font-size:95%; line-height:1.6; width:30rem; overflow: hidden;} #gray_strip span{font-weight: 400;} #top_home_detail {background-color:transparent!important; position: relative; background-image: url("../img/klin_w_1.png"); background-size:cover; background-repeat: no-repeat; background-position: top center; z-index:1000; height:100px; margin-top: -100px; width: 98%; padding:0px 1% 0px 1%;} #top_home_sporty {background-color:transparent!important; position: relative; background-image: url("../img/klin_w.png"); background-size:cover; background-repeat: no-repeat; background-position: top center; z-index:1000; height:100px; margin-top: -100px; width: 98%; padding:0px 1% 0px 1%;} #home_sporty {background-color:transparent!important; height:auto; width: 98%; z-index: 1005; padding:2.5rem 1% 0px 1%;} #home_team {background-image: url("../img/klin_g.png"); background-size:cover; background-repeat: no-repeat; background-position: bottom center; min-height:200px; width: 98%; padding:50px 1% 75px 1%;} #detail_team {background-color: rgba(223,223,223,1.0) ; min-height:200px; width: 98%; padding:25px 1% 25px 1%; margin:0rem 0 2.5rem 0;} #home_partneri {background-color:transparent!important; min-height:300px; width: 96%; padding:0px 2% 0px 2%;} #home_aktivity {background-color:transparent!important; min-height:300px; width: 100%; padding:0px 0% 0px 0%;} #home_kontakt {background-color:transparent!important; min-height:600px; width: 100%; padding:75px 0% 0px 0%; background-image: url("../img/kontakt.jpg"); background-size:cover; background-repeat: no-repeat; background-position: top center; line-height:1.6; font-size:95%;} .kontakt {padding: 50px 5% 50px 5%} .kontakt_l {width:55%; float: left; background-color:transparent;} .kontakt_p {width:45%; float: left; background-color:transparent; color: #fff!important; text-align: left} .kontakt_p .in{padding:0px 0% 0px 0%; line-height:1.6} .kontakt_p .in .text{float: left;padding:15px 0px 0px 0px;} .kontakt_p .in .tel{float: left;padding: 12px 0px 0px 0px; font-family: 'Oswald', sans-serif; text-transform:uppercase; font-weight:300; font-size:130%; color:#fff!important; text-decoration: none!important;} .kontakt_p .in a{color:#fff!important; text-decoration: none!important;} .kontakt_p .in a:hover{color:#fff!important; text-decoration: none!important; -webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} .kontakt_l_l {width:40%; float: left; background-color:transparent; } .kontakt_l_p {width:60%; float: left; background-color:transparent;} /* Kontakt - form */ .kontakt_l_l input{font-family: 'Roboto', sans-serif; font-size:14px; color: #fff; text-align:left!important; background-color: transparent; padding:12px; margin: 0px 0px 20px 0px; border: 1px solid #FFF; width:80%; border-radius: 0rem;} .kontakt_l_l input:focus{font-family: 'Roboto', sans-serif; font-size:14px; color: #fff; text-align:left!important; background-color: transparent; margin: 0px 0px 20px 0px; border: 1px solid #FFF; width:80%; border-radius: 0rem;} .kontakt_l_p input{font-family: 'Roboto', sans-serif; font-size:14px; color: #fff; text-align:center!important; background-color: transparent; padding:15px; width:100%; border: 1px solid #E70043; width:80%; padding: 15px 10% 15px 10%; border-radius: 0rem;} .kontakt_l_p textarea{height:112px; width:89.6%; border: 1px solid #FFF; background-color: transparent; margin-bottom: 10px; color: #fff;margin-top:0px; font-family: 'Roboto', sans-serif; font-size:14px; padding: 15px 5% 15px 5%; border-radius: 0rem;} .kontakt_l_p textarea:focus { outline: none; border: 1px solid silver; color: #fff;background-color: transparent; border-radius: 0rem;} .kontakt_l_p input[type="submit"]{float:left; background-color: #E70043!important; font-style: normal; width:100%; padding:12px 1px 12px 0; border-radius: 0rem!important; border:0rem solid #000; -webkit-appearance: none;} .kontakt_l_p input[type="submit"]:hover{float:left; background-color: #E9C139!important; font-style: normal; width:100%; padding:12px 1px 12px 0; border-radius: 0rem!important; border:0rem solid #000; -webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-appearance: none;} ::-webkit-input-placeholder{color: silver; opacity:1.0;} :-moz-placeholder{color: silver; opacity:1.0;} ::-moz-placeholder{color: silver; opacity:1.0;} :-ms-input-placeholder {color: silver; opacity:1.0;} /* Newsletter - form */ .newsletter input{font-family: 'Roboto', sans-serif; font-size:14px; color: #fff; text-align:left!important; background-color: transparent; padding:12px; margin: 0px 0px 20px 0px; border: 1px solid #FFF; width:60%; float: left; font-style: italic; border-radius: 0rem; } .newsletter input:focus{font-family: 'Roboto', sans-serif; font-size:14px; color: #fff; text-align:left!important; background-color: transparent; margin: 0px 0px 20px 0px; border: 1px solid #FFF; width:60%;font-style: italic; border-radius: 0rem;} .newsletter input[type="submit"]{float:left; background-color: transparent; font-style: normal; text-align: center!important; width:150px; margin-left:2%; padding:12px; border: 0px solid #FFF; background-image: url("../img/news_p.png"); background-size: 200px 100%; background-repeat: no-repeat; background-position: top left; border-radius: 0rem; -webkit-appearance: none;} .newsletter input[type="submit"]:hover{float:left; font-weight: 600; border-radius: 0rem; -webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-appearance: none;} .pulka {width:50%; float: left; background-color:transparent; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;} .tretina {width:33.3333333333%; float: left; background-color:transparent; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;} .crtvrtina {width:25%; float: left; background-color:transparent; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;} .i_kruh{border:0px solid #E70043; border-radius: 90px; height: 180px; width: 180px; overflow: hidden; margin:auto; margin-bottom:25px; margin-left:0rem;} .i_kruh img{width: 100%} #aktivity_slide{text-align: center; width: 100%; padding:5.0rem 0px 0px 0px!important; font-family: 'Roboto', sans-serif; border: 0px solid red;} .aktivita_iko h3 {font-family: 'Roboto', sans-serif; font-weight:400; text-transform: none!important;} .aktivita_iko h3 span {padding-bottom: 5px; font-family: 'Roboto', sans-serif; font-weight:400; text-transform: uppercase;} .aktivita_iko {margin: 0px 0px 0px 0.4rem!important; height:27.5rem!important; background-color: #FFF; color: #000; border: 0px solid #000; overflow: hidden; text-align: center; padding:0px 0px 0px 0px!important; } .aktivita_iko .image {border: 5px solid silver; width:120px; height:120px; margin: auto; overflow: hidden; background-color:transparent; padding:0px 0px 0px 0px!important; position: relative; text-align: center!important;} .aktivita_iko .image .roh{position:absolute; top:1px; right:1px; z-index:10000; height:auto!important; width:auto!important; background-color:transparent; opacity:0.0;} .aktivita_iko .image .roh1{position:absolute; top:1px; right:1px; z-index:10001; height:auto!important; width:auto!important; background-color:transparent; opacity:1.0;} .aktivita_iko:hover .roh {opacity: 1.0;} .aktivita_iko:hover .roh1 {opacity: 0.0;} .aktivita_iko:hover h3 span {opacity: 1.0; color: #E70043!important; -webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} .aktivita_iko:hover {opacity: 0.9;} .aktivita_iko img {height:100%!important; width:auto!important;} .aktivita_iko .text {margin:20px 10% 0% 10%; border: 0px solid silver; width:80%; line-height:1.8; } .aktivita_iko_p {float: left; margin: 0px 0px 0px 0px!important; width:80px; height: 80px!important; background-color: transparent; color: #000; border: 0px solid #E70043; overflow: hidden; text-align: center; padding:30px 20px 30px 20px!important; float:left; } .aktivita_iko_p .image {border: 3px solid #E70043; width:80px; height:80px; margin: auto; overflow: hidden; background-color:transparent!important; padding:0px 0px 0px 0px!important; position: relative;} .aktivita_iko_p .image .roh{position:absolute; top:-1px; right:-1px; z-index:10000; height:auto; width:auto; background-color:transparent; opacity:0.0;} .aktivita_iko_p .image .roh1{position:absolute; top:-1px; right:-1px; z-index:10001; height:auto; width:auto; background-color:transparent; opacity:1.0;} .aktivita_iko_p img {height:100%; background-color:transparent!important;} .aktivita_iko_p .text {margin:20px 10% 0% 10%; border: 0px solid silver; width:80%; } #partneri_slide{text-align: center; width: 100%;} .partneri_iko {margin: 0px 0px 0px 0px!important; width:100%; height: 100px!important; background-color: #FFF; color: #000; border: 0px solid #000; overflow: hidden; text-align: center; padding:15px 0px 0px 0px!important; } .partneri_iko .image_l {border: 0px solid silver; width:50%; height:10.0rem; margin: auto; overflow: hidden; float:left; text-align: right!important;} .partneri_iko .image_r {border: 0px solid silver; width:50%; height:10.0rem; margin: auto; overflow: hidden; float:left; text-align: left!important;} .partneri_iko img {height:10.0rem; margin: auto;} #aktivity{padding-top:50px; text-align: center; width: 100%} .aktivita {float: left; margin: 0px 0px 0px 0px!important; width:24.5%; height: 150px!important; background-color:transparent; color: #000; border: 1px solid #000; overflow: hidden; text-align: center; padding:0px 0px 0px 0px!important; } .aktivita .image {border: 0px solid silver; width:100%; height:auto; margin: auto; overflow: hidden;} .aktivita img {height:100%;} .aktivita .text {margin:20px 10% 0% 10%; border: 0px solid silver; width:80%; } .podnadpis {background: none repeat scroll 0 0 #E70043; color: #fff; display: inline-block; letter-spacing: 4px; margin: 25px 0 10px; padding: 5px 25px 5px 25px; text-transform: uppercase; overflow: hidden; position: relative; z-index: 1;} .podnadpis:after {background: #E9C139; height: 48%; left: 50%; opacity: 0; top: 50%; transform: translateX(-50%) translateY(-50%) rotate(45deg); width: 100%; content: ""; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; position: absolute; text-transform: none; transition: all .7s ease 0s; z-index: -1} .podnadpis:hover:after {height: 810%; opacity: 1} .podnadpis:hover {text-decoration: none; color: #fff!important} /*Podnadpis žlutý*/ .podnadpis_y {background: none repeat scroll 0 0 #E9C139; color: #fff; display: inline-block; letter-spacing: 4px; margin: 25px 0 10px; padding: 5px 25px 5px 25px; text-transform: uppercase; overflow: hidden; position: relative; z-index: 1;} .podnadpis_y:after {background: #E70043; height: 48%; left: 50%; opacity: 0; top: 50%; transform: translateX(-50%) translateY(-50%) rotate(45deg); width: 100%; content: ""; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; position: absolute; text-transform: none; transition: all .7s ease 0s; z-index: -1} .podnadpis_y:hover:after {height: 810%; opacity: 1} .podnadpis_y:hover { text-decoration: none; color: #fff!important} .items {padding-top:50px!important; overflow:hidden; width:auto; height:auto;} .items article {width: 25%; height:320px; font-size: 1.5rem; font-weight:700; float:left; text-align:center; margin:0!important; background:#fff; padding:0!important; overflow:hidden; } .items article:hover { color: #fff; opacity:1;} .items article .in{width: 100%; height:100%; border: 0px solid #D4D4D4; background:transparent; padding:0rem 0rem 0rem 0rem; overflow:hidden;} .items article .in .images {width:100%; -webkit-transform: scale(1.2)} @media (max-width: 1600px) { .items article {width: 33.33333333333%; height:300px;} .items article .in .images {height:100%; -webkit-transform: scale(1.2)} } @media (max-width: 1199px) { .items article {width: 33.33333333333%; height:300px;} .items article .in .images {height:100%; -webkit-transform: scale(1.1)} } @media (max-width: 720px) { .items article {width: 50%;} .items article .in .images {height:100%; -webkit-transform: scale(1.2)} } @media (max-width: 480px) { .items article {width: 100%;} .items article .in .images {height:100%; -webkit-transform: scale(1.2)} } @media (min-width: 1921px) { .items article {width: 20.0%; height:300px;} .items article .in .images {height:100%; -webkit-transform: scale(1.0)} } /* popisky */ .eshop-item .in .roh{position:absolute; top:2px; right:2px; z-index:10000; height:auto; width:auto; background-color:transparent; opacity:0.0;} .eshop-item .in:hover .roh {opacity: 1.0;} .eshop-item .in .meta {opacity: 0.0; text-align:right!important; right:80%; padding:0rem!important; margin:0rem!important;} .eshop-item .in .meta {position: absolute; top: 15%; right: 40%!important; width: 80%; color: #fff; text-align: right; background:transparent!important; text-align: right; border:0px !important;} .eshop-item .in:hover .meta {right: 10%!important; opacity: 1.0;} .eshop-item .in:hover .images { -webkit-filter: brightness(60%); filter: brightness(60%);} .eshop-item .in .meta h2 { background: transparent!important; padding: 0px 0px 15px 0px!important!important; font-family: 'Oswald', sans-serif; text-transform:uppercase; font-weight:400; opacity: 1.0; margin:0!important; } .eshop-item .in .meta h3 { padding: 5px 0px 10px 0px!important; font-weight: 400; width:50%; float: right; background: transparent!important; opacity: 1.0; margin:0!important; font-family: 'Roboto', sans-serif; } .eshop-item .in .meta .category {display: -webkit-box; display: -ms-flexbox; display:flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-top:20px; text-align: right!important; background-color: transparent; background-color: silver;} .eshop-item .in .meta .category span {width:33.3333333333333%; width:100%; float: left!important; margin: auto!important;} #white_strip {background-color: #fff; color: #000!important; padding: 0px 0% 0px 0%; font-size: 12px; line-height: 1.1!important; height:44.0rem;} #white_strip .in{padding: 0 2% 0 2%;} #white_strip iframe{width:100%; height: 40.0rem; margin:0px 0px 0px 0px; padding: 0px; width:100%;} /*ikonky*/ .kosik {position: relative;} .kosik:before {content: "\f07a";font-family: FontAwesome;font-style: normal; font-weight: normal; text-decoration: inherit; color: #fff; font-size: 30px; padding-right: 0em; line-height: 1.0!important;} .avatar {position: relative;} .avatar:before {content: "\f2be"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #fff; font-size: 30px; padding-right: 0em; line-height: 1.0!important;} .telefon {position: relative;} .telefon:before {content: "\f095";font-family: FontAwesome;font-style: normal; font-weight: normal; text-decoration: inherit; color: #fff; font-size: 16px; padding: 0px 0px 0px 0px!important; line-height: 1.0!important;} .telefon_b {position: relative;} .telefon_b:before {content: "\f095";font-family: FontAwesome;font-style: normal; font-weight: normal; text-decoration: inherit; color: #000; font-size: 16px; padding: 0px 10px 0px 0px!important; line-height: 1.0!important;} .lokace_b {position: relative;} .lokace_b:before {content: "\f041";font-family: FontAwesome;font-style: normal; font-weight: normal; text-decoration: inherit; color: #000; font-size: 16px; padding: 0px 10px 0px 0px!important; line-height: 1.0!important;} .pdf_b {position: relative;} .pdf_b:before {content: "\f1c1";font-family: FontAwesome;font-style: normal; font-weight: normal; text-decoration: inherit; color: #000; font-size: 16px; padding: 0px 10px 0px 0px!important; line-height: 1.0!important;} .share_p {position: relative;} .share_p:before {content: "\f1e0";font-family: FontAwesome;font-style: normal; font-weight: normal; text-decoration: inherit; color: #E70043; font-size: 16px; padding: 0px 10px 0px 0px!important; line-height: 1.0!important;} .i_a{position:relative; margin:0!important; line-height:1.0;} .i_b{position:relative;} .i_c{position:relative;} .i_a:before{font-family: "FontAwesome"; font-size: 24px; color: #fff; content:'\f041'; display: inline-block; border:2px solid #E70043; border-radius: 30px; height: 39px; width: 50px; float: left; margin: 2px 10px 15px 20px; text-align: center; padding-top:11px; line-height: 1.0!important;} .i_b:before{font-family: "FontAwesome"; font-size: 24px; color: #fff; content:'\f003'; display: inline-block; border:2px solid #E70043; border-radius: 30px; height: 39px; width: 50px; float: left; margin: 2px 10px 15px 20px; text-align: center; padding-top:11px; line-height: 1.0!important;} .i_c:before{font-family: "FontAwesome"; font-size: 24px; color: #fff; content:'\f095'; display: inline-block; border:2px solid #E70043; border-radius: 30px; height: 37px; width: 50px; float: left; margin: 2px 10px 15px 20px; text-align: center; padding-top:13px; line-height: 1.0!important;} .i_a_b{position:relative; margin:0!important; line-height:1.0;} .i_b_b{position:relative;} .i_c_b{position:relative;} .i_a_b:before{font-family: "FontAwesome"; font-size: 20px; color: #000; content:'\f041'; display: inline-block; border:2px solid #E70043; border-radius: 25px; height: 34px; width: 45px; float: left; margin: 0px 10px 15px 20px; text-align: center; padding-top:11px; line-height: 1.0!important;} .i_b_b:before{font-family: "FontAwesome"; font-size: 20px; color: #000; content:'\f003'; display: inline-block; border:2px solid #E70043; border-radius: 25px; height: 34px; width: 45px; float: left; margin: 0px 10px 15px 20px; text-align: center; padding-top:11px; line-height: 1.0!important;} .i_c_b:before{font-family: "FontAwesome"; font-size: 20px; color: #000; content:'\f095'; display: inline-block; border:2px solid #E70043; border-radius: 25px; height: 33px; width: 45px; float: left; margin: 0px 10px 15px 20px; text-align: center; padding-top:13px; line-height: 1.0!important;} .i_f{width:45px!important; float: right; margin: -12px 0px 0px 0px;} .i_f:before{font-family: "FontAwesome"; font-size: 30px; color: #000; content:'\f082'; display: inline-block; text-align: center; padding-top:0px; font-weight: 300; line-height: 1.0!important;} /*ikona facebook */ .i_f_s{width:3.0rem!important; float: left; margin: 0px 0px 0px 0px;} .i_f_s:before{font-family: "FontAwesome"; font-size: 25px; content:'\f082'; display: inline-block; text-align: center; padding-top:0px; font-weight: 300; line-height: 1.0!important;} /*ikona Twitter */ .i_t_s{width:3.0rem!important; float: left; margin: 0px 0px 0px 0px;} .i_t_s:before{font-family: "FontAwesome"; font-size: 25px; content:'\f081'; display: inline-block; text-align: center; padding-top:0px; font-weight: 300; line-height: 1.0!important;} /*ikona Google+ */ .i_g_s{width:3.0rem!important; float: left; margin: 0px 0px 0px 0px;} .i_g_s:before{font-family: "FontAwesome"; font-size: 25px; content:'\f0d4'; display: inline-block; text-align: center; padding-top:0px; font-weight: 300; line-height: 1.0!important;} /*ikona Avatar malý */ .i_a_s {width:3.5rem!important; float: left; margin: 0px 0px 0px 0px;} .i_a_s:before {font-family: "FontAwesome"; font-size: 25px; content:'\f2be'; display: inline-block; text-align: center; padding-top:0px; font-weight: 300; line-height: 1.0!important;} /*e-shop*/ #content .cart {width: 96%; margin: 0rem 0rem 2rem 0rem; background-color: #fff; padding:0% 2% 1% 2%!important; min-height:40rem; } #content .cart .left {width: 20%; margin: 4rem 0rem 8rem 0rem; float:left; text-align: left; background-color: none; font-size: 2.0rem;} #content .cart .left img {max-width: 100%;} #content .cart .right {width: 75%; margin: 0rem 0rem 0rem 5%; float:left; text-align: left; background-color: none; font-size: 2.0rem;} .kody{font-size:1.5rem; padding: 0rem 0.5rem 0rem 0.5rem; margin-bottom: 0rem; height: 5.0rem; width: 15rem; border: 1px solid #D4D4D4; background-color: #fff; color: #28282D; margin: 0rem 0rem 2rem 0rem; float: none; text-align: center;} .kody:focus {border: solid 1px silver;} #content .cart .line0 {min-height: 2.8rem; padding-bottom:1rem; padding-top:1rem;} #content .cart .line0 .left {width: 85%; margin: 0rem 0rem 2rem 0rem; float:left; text-align: left; background-color: none; font-size: 1.5rem; font-weight:700; padding-top:1rem; } #content .cart .line0 .left_t {width:100%; margin: 0rem 0rem 2rem 0rem; float:left; text-align: left; background-color: none; font-size: 1.5rem; font-weight:700; padding-top:1rem; overflow: hidden;} #content .cart .line0 .popisek {margin: 1.5rem 0rem 1.5rem 1.5rem;} #content .cart .line0 .popisek1 {margin: 1.2rem 3.5rem 2rem 1rem;} #content .cart .line0 .left2 {width: 60%; margin: 0rem 0rem 0rem 0rem; float:left; text-align: left; background-color: none; font-size: 1.5rem; font-weight:700;} #content .cart .line0 .right2 {width: 40%; margin: 0rem 0rem 0rem 0rem; float:left; text-align: right; background-color: none; font-size: 1.5rem; font-weight:700;} #content .cart .line0 .left1 {margin: 0rem 0rem 2rem 0rem; float:left; text-align: left; background-color:#f1f1f1; font-size: 1.5rem; font-weight:700; padding:0rem 2rem 0rem 1rem; } #content .cart .line0 .left1 .user-ico{margin: 0.5rem 0rem 0rem 2rem; height:3rem;} #content .cart .line0 .ctvrt{width:25%;float:left; text-align: left; font-weight:700; font-size: 1.5rem;} #content .cart .line0 .ctvrt p{margin-top:1rem; font-weight: 400;} #content .cart .line1 {height: 3rem; border-bottom: 0.1rem solid #D4D4D4; padding-top:4rem; width:100%;} #content .cart .line1 .center {width: 80%; margin: 0rem 0rem 0rem 0rem; float:left; text-align: left; background-color: none; font-size: 2.0rem; font-weight:700;} #content .cart .line1 .right {width: 20%; margin: 0rem 0rem 0rem 0rem; float:left; text-align: right; background-color: none; font-size: 1.5rem; font-weight:700; color:#8D8D94; } .left_a {width: 60%!important; margin: -1.8rem 0rem 0rem 0rem; float:left; text-align: left; background-color: none; font-size: 1.5rem; font-weight:700;} .center_a {width: 15%!important; margin: -1.8rem 0rem 0rem 0rem; float:left; text-align: left; background-color: none; font-size: 1.5rem; font-weight:700; } .right_a {width: 25%!important; margin: -1.8rem 0rem 0rem 0rem; float:left; text-align: right; background-color: none; font-size: 1.5rem; font-weight:700;} .lightgray{color:#D4D4D4; margin-top:0rem!important;} .kgray{color:#000; margin-top:0rem!important;} #content .cart .line2 {height: 8rem; border-bottom: 0.1rem solid #D4D4D4; padding-top:1.8rem;} #content .cart .line2 .center {width: 75%; margin: 0rem 0rem 0rem 0rem; float:left; text-align: left; background-color: none; font-size: 1.5rem; font-weight:700;} #content .cart .line2 .center span {padding: 0rem 1rem 0rem 1rem;} #content .cart .line2 .right {width: 25%; margin: 0rem 0rem 0rem 0rem; float:left; text-align: right; background-color: none; font-size: 1.5rem; font-weight:700; padding-top:2rem;} #content .cart .line3 {height: 8rem;} #content .cart .line3 .right {width: 100%; margin: 0rem 0rem 0rem 0rem; float:left; text-align: right; background-color: none; font-size: 2.0rem; font-weight:700; padding-top:1rem;} #content .cart .line5 {height: 2rem; padding-top:1.8rem;} #content .cart .line5 .center {width: 45%; margin: 0rem 0rem 0rem 0rem; float:left; text-align: left; background-color: none; font-size: 1.5rem; font-weight:700; padding-top:1rem; color: #8D8D94; border-top: 0.1rem solid #D4D4D4; } #content .cart .line5 .right {width: 55%; margin: 0rem 0rem 0rem 0rem; float:left; text-align: right; background-color: none; font-size: 1.5rem; font-weight:700; padding-top:1rem; border-top: 0.1rem solid #D4D4D4;} #content .cart .line6 {height: 2rem; padding-bottom:1rem; padding-top:1rem;} #content .cart .line6 .center {width: 45%; margin: 0.6rem 0rem 0rem 0rem; float:left; text-align: left; background-color: none; font-size: 1.5rem; font-weight:700; padding-top:1rem; color: #8D8D94;} #content .cart .line6 .right {width: 55%; margin: 0rem 0rem 0rem 0rem; float:left; text-align: right; background-color: none; font-size: 1.5rem; font-weight:700; padding-top:1rem;} #content .cart .line7 {height: 5rem; padding-top:1rem;} #content .cart .line7 .center {width: 45%; margin: 0rem 0rem 0rem 0rem; float:left; text-align: left; background-color: none; font-size: 2.0rem; font-weight:700; padding-top:2.5rem; border-top: 0.1rem solid #D4D4D4;} #content .cart .line7 .right {width: 55%; margin: 0rem 0rem 0rem 0rem; float:left; text-align: right; background-color: none; font-size: 3.0rem; font-weight:700; padding-top:1rem; border-top: 0.1rem solid #D4D4D4;} #content .cart .line8 {height: 6rem; width:100%; padding:2rem 0rem 0rem 0rem;; text-align:right!important;} #content .cart .line9 {height: 6rem; padding-bottom:0rem; padding-top:1rem; border-bottom: 0.1rem solid #D4D4D4;} #content .cart .line9 .left {width: 85%; margin: 0rem 0rem 0rem 0rem; float:left; text-align: left; background-color: none; font-size: 1.5rem; font-weight:700; padding-top:1rem;} #content .cart .line9 .right {width: 15%; margin: 0rem 0rem 0rem 0rem; float:left; text-align: right; background-color: none; font-size: 1.5rem; font-weight:700; padding-top:1rem;} #content .cart .line10 {height: 3rem; padding-bottom:1rem; padding-top:2rem; border-bottom: 0.1rem solid rgb(32,31,38);} #content .cart .line10 .left {width: 80%; margin: 0rem 0rem 2rem 0rem; float:left; text-align: left; background-color: none; font-size: 2.0rem; font-weight:700; padding-top:0rem; } #content .cart .line10 .right {width: 20%; margin: 0rem 0rem 2rem 0rem; float:left; text-align: right; background-color: none; font-size: 1.5rem; font-weight:700; padding-top:1.6rem; text-align: right; color: #8D8D94;} #content .cart .line11 {height: 3rem; padding-bottom:1rem; padding-top:1rem; margin-bottom:1rem;} #content .cart .line11 .left {width: 65%; margin: 0rem 0rem 0rem 0rem; float:left; text-align: left; background-color: none; font-size: 2.0rem; font-weight:700; padding-top:1rem; } #content .cart .line11 .right {width: 35%; margin: 0rem 0rem 0rem 0rem; float:left; text-align: right; background-color: none; font-size: 2.0rem; font-weight:700; padding-top:1rem; text-align: right;} #content .cart .kusy {float:left;} #content .cart .recall {float:left; margin-left:1rem; padding-top:2rem; padding-left:2rem; border-radius: 0rem; background-color:#fff;} #content .cart .recall a{text-decoration:underline;} #content .cart .recall a:hover{color: #000;text-decoration:underline; -webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} #content .cart .kusy input{font-size:1.5rem; padding: 0rem 0.5rem 0rem 0.5rem; margin-bottom: 1.5rem; height: 6.0rem; width: 6.0rem; border: 1px solid #D4D4D4; background-color: #fff; color: #28282D; margin: 0rem 0rem 0rem 1rem; text-align: center; border-radius: 0rem; border-radius: 0rem;} #content .cart .kusy input:focus {border: solid 1px silver; border-radius: 0rem;} #content .cart .doprava {margin: 0rem 3rem 0rem 0rem; text-align: left; background-color: none; font-size: 1.5rem; font-weight:700; vertical-align: middle;} #content .cart .doprava input[type="radio"]{font-size:1.5rm; padding: 0rem 1rem 0rem 0rem; height: 2.5rem; width:5.0rem; border: 0.1rem solid #D4D4D4; background-color: #fff; color: #28282D; margin:auto; margin:0rem 0rem 0rem -1rem;} #content .cart .doprava input[type="radio"]:focus{border: 0.1rem solid silver;} #content .cart .doprava .popisek {margin: 0.2rem 5rem 2rem 0rem;} #content .cart .line2 input[type="submit"]{background-color: white; font-size: 1.4rem; font-weight:700; text-decoration: underline; cursor: pointer; color:#e70043; cursor: pointer; border-radius: 0rem; border-radius: 0rem; -webkit-appearance: none;} #content .cart .line2 input[type="submit"]:focus{background-color: none; font-size: 1.4rem; font-weight:700; cursor: pointer; color: #28282D; -webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; border-radius: 0rem; -webkit-appearance: none;} #content .cart .line2 input[type="submit"]:hover{background-color: none; font-size: 1.4rem; font-weight:700; cursor: pointer; color: #28282D; -webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; border-radius: 0rem; -webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-appearance: none;} .uzivatel {width: 100%; padding: 0 0 0 0; margin: 0rem 0rem 0rem 0rem;} .uzivatel .left-u {width: 65%; margin: 0rem 0rem 0rem 0rem; float:left; background: none;} .uzivatel .right-u { width:35%; margin: 0rem 0rem 0rem 0rem; float:left; background: none; font-weight:700; } .uzivatel .right-u .in{ width:90%; padding: 1rem 5% 0rem 5%; float:left; background: #f1f1f1; margin: 1rem 0rem 0rem 0rem;} .uzivatel .right-u .in .rleft{ width:45%; float:left; font-size: 1.5rem; color: #8D8D94; height:2rem!important; text-align: left; padding:1.5rem 0rem 1.5rem 0rem; border-bottom: 0.1rem solid #8D8D94;} .uzivatel .right-u .in .rright{ width:50%; float: left; font-size: 1.5rem; color: #28282D; height:2rem!important; text-align: right; padding:1.5rem 0rem 1.5rem 0rem; border-bottom: 0.1rem solid #8D8D94; overflow: hidden;} .uzivatel .right-u .in .rleftx{ width:35%; float:left; font-size: 2.0rem; color: #28282D; height:5rem!important; text-align: left; padding:1.5rem 0rem 1.5rem 0rem; margin-top:1rem;} .uzivatel .right-u .in .rrightx{ width:60%; float: left; font-size: 3.0rem; color: #28282D; height:5rem!important; text-align: right; padding:1.5rem 0rem 1.5rem 0rem;} .uzivatel .left-u .line-f {width:100%; margin: 0rem 0rem 0rem 0rem; background: none; font-size: 1.5rem; } .uzivatel .left-u .line-f .line-left{width:30%; text-align:left; float:left; padding-top:2rem;} .uzivatel .left-u .line-f .line-right{width:63%; text-align:left; float:left;} .uzivatel .left-u .line-r {width:100%; margin: 0rem 0rem 0rem 0rem; background: none; font-size: 1.5rem; } .uzivatel .left-u .line-r .line-left{width:30%; text-align:left; float:left; padding-top:1rem;} .uzivatel .left-u .line-r .line-right{width:63%; text-align:left; float:left; padding-top:1rem;} .uzivatel .left-u1 {width: 100%; margin: 0rem 0rem 0rem 0rem; float:left; background: none;} .uzivatel .right-u1 .in{ width:90%; padding: 1rem 5% 0rem 5%; float:left; background: #f1f1f1; margin: 1rem 0rem 0rem 0rem;} .uzivatel .right-u1 .in .rleft{ width:45%; float:left; font-size: 1.5rem; color: #8D8D94; height:2rem!important; text-align: left; padding:1.5rem 0rem 1.5rem 0rem; border-bottom: 0.1rem solid #8D8D94;} .uzivatel .right-u1 .in .rright{ width:50%; float: left; font-size: 1.5rem; color: #28282D; height:2rem!important; text-align: right; padding:1.5rem 0rem 1.5rem 0rem; border-bottom: 0.1rem solid #8D8D94; overflow: hidden;} .uzivatel .right-u1 .in .rleftx{ width:35%; float:left; font-size: 2.0rem; color: #28282D; height:5rem!important; text-align: left; padding:1.5rem 0rem 1.5rem 0rem; margin-top:1rem;} .uzivatel .right-u1 .in .rrightx{ width:60%; float: left; font-size: 3.0rem; color: #28282D; height:5rem!important; text-align: right; padding:1.5rem 0rem 1.5rem 0rem;} .uzivatel .left-u1 .line-f {width:100%; margin: 0rem 0rem 0rem 0rem; background: none; font-size: 1.5rem; } .uzivatel .left-u1 .line-f .line-left{width:30%; text-align:left; float:left; padding-top:2rem;} .uzivatel .left-u1 .line-f .line-right{width:63%; text-align:left; float:left;} .uzivatel .left-u1 .line-r {width:100%; margin: 0rem 0rem 0rem 0rem; background: none; font-size: 1.5rem; } .uzivatel .left-u1 .line-r .line-left{width:30%; text-align:left; float:left; padding-top:1rem;} .uzivatel .left-u1 .line-r .line-right{width:63%; text-align:left; float:left; padding-top:1rem;} .uzivatel .line-fx2 .line-left{width:30%; text-align:left; float:left; padding:2rem 0rem 0rem 0rem; } .uzivatel .line-fx2 .line-right{width:70%; text-align:left; float:left; } .uzivatel .line-fx {width:100%; background: none; font-size: 1.5rem; margin:4rem 0rem 0rem 0rem; padding-bottom:4rem;} .uzivatel .line-fx1 {width:100%; background: none; font-size: 1.5rem; margin:0rem 0rem 0rem 0rem; padding-bottom:4rem;} .uzivatel .line-fx2 {width:100%; background: none; font-size: 1.5rem; margin:0rem 0rem 0rem 0rem; padding-bottom:4rem; float: none;} .uzivatel .line-fx .line-left{width:30%; text-align:left; float:left; padding:2rem 0rem 0rem 0rem; } .uzivatel .line-fx .line-right{width:63%; text-align:left; float:left; } .uzivatel .line-fx1 .line-left{width:19.5%; text-align:left; float:left; padding:2rem 0rem 0rem 0rem; } .uzivatel .line-fx1 .line-right{width:60%; text-align:left; float:left; padding:1rem 0rem 0rem 0rem; } .uzivatel .line-fx1 .line-right1{width:20%; text-align:left; float:left; padding:8rem 0rem 0rem 0rem;} .uzivatel .line-fx1 .line-right1 a{font-size:1.2rem; text-decoration: none; line-height:1.0;} .uzivatel .line-fx1 .line-right1 a:hover{text-decoration: underline; line-height:1.0; -webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} .uzivatel .line-fx2 .popisek, .uzivatel .line-fx1 .popisek, .uzivatel .line-r .popisek {margin: 1.25rem 0rem 2rem 1.5rem;} .uzivatel input[type="text"], .uzivatel input[type="password"], .uzivatel input[type="email"]{font-size:1.5rm; padding: 0rem 1rem 0rem 1rem; margin: 1rem 0rem 1rem 0rem; height: 4.0rem; width:99%; border: 0.1rem solid #D4D4D4; background-color: #fff; color: #28282D; border-radius: 0rem; border-radius: 0rem;} .uzivatel input[type="text"]:focus , .uzivatel input[type="password"]:focus , .uzivatel input[type="email"]:focus{border: 0.1rem solid silver; border-radius: 0rem;} .uzivatel select{font-size:1.5rm; padding: 0rem 1rem 0rem 1rem; margin: 1rem 0rem 1rem 0rem; height: 4.0rem; width:99%; border: 0.1rem solid #D4D4D4; background-color: #fff; color: #28282D;} .uzivatel select:focus {border: 0.1rem solid silver;} .uzivatel .radioboxy {height:4rem; width: 100%; margin: 0rem 0rem 0rem 0rem; float:none; text-align: left; background-color: none; font-size: 1.5rem; font-weight:700; padding-top:1rem; } .uzivatel input[type="radio"]{font-size:1.5rm; padding: 0rem 1rem 2rem 0rem; height: 2.5rem; width:5.0rem; border: 0.1rem solid #D4D4D4; background-color: #fff; color: #28282D; margin:auto; float:left; margin-left:-1rem; border-radius: 0rem;} .uzivatel input[type="radio"]:focus{border: 0.1rem solid silver; border-radius: 0rem;} .uzivatel textarea{padding: 10px; height:501px; width:370px; border: 1px solid #8c8c8c; background-color: #fff; margin-bottom: 10px; color: #000;margin-top:50px; font-size:15px;} .uzivatel textarea:focus { outline: none; border: 1px solid silver; color: #000;background-color: #fff;} label {display: inline-block; cursor: pointer; position: relative; padding-left: 35px; margin-right: 15px;} input[type=radio],input[type=checkbox] {display: none;} label:before {content: ""; display: inline-block; width: 2.6rem; height: 2.6rem; margin-right: 0px; position: absolute; left: 0; bottom: 1.8rem; background-color: #fff; border:2px solid #000; border-radius: 16px;} label {margin-bottom: 0px;} input[type=radio]:checked + label:before {content: "\25CF"; color: #000; font-size: 2.8rem!important; text-align: center; line-height: 2.0rem;} input[type=checkbox]:checked + label:before {content: "\25CF"; color: #000; font-size: 2.8rem!important; text-align: center; line-height: 2.2rem;} .rep {width: 96%; margin: auto!important; background-color: #fff; padding:2.5rem 2% 4rem 2%!important; font-size: 1.5rem; text-align: left;} .rep .left_r{width: 50%!important; margin:3rem 0 0 0!important; float: left;} .rep .right_r{width: 50%!important; margin:3rem 0 0 0!important; float: left;} .rep li {text-align: left; font-size: 1.5rem;} .menu-t{z-index:1; font-weight:bold; font-size:1.4rem; width:100%; background:#131313; position:fixed; text-align:center; height:0%; display:none;} .objednavky_sum {width:100%; border-collapse: collapse;} .objednavky_sum th{width:21%; padding:1% 2% 1% 2%; font-weight:600; margin:0%} .objednavky_sum td{border-top: 0.1rem solid #D4D4D4;} .objednavky_sum td{width:21%; padding:1% 2% 1% 2%; margin:0%} /********rozliseni*****/ @media (max-width: 1600px) { .logo{ height:95px; width: 40rem; margin-left: 0%; margin-top:-1px; float:left;} .logo_pruh .levy {font-size: 14px!important;} #top_menu {background-image: url("../img/logo.png"); background-size: auto 100%; background-repeat: no-repeat; background-position: top left; z-index:1000; color: #fff; font-family: 'Roboto', sans-serif; text-transform:uppercase; font-weight:400; font-size: 14px; line-height: 1.1!important; position: fixed; top: 5px; z-index:100000; width: 100%; height:90px;} #top_menu_0 {height: 0rem!important;} #top_menu_text {font-size: 18px; line-height: 1.1!important; position: fixed; left: 150px; top: 70px; z-index:100001; width: 300px; height:30px; text-align: left;} .logo_10{top:90px!important; right:20px!important; height: 100px!important; width:100px!important;} .logo_10_s {top:7.5rem!important; right:1.0rem!important; height: 6.0rem!important; width:6.0rem!important;} .flexslider li .meta { top: 30%; left:5%;} .kosik:before {font-size: 20px!important;} .avatar:before {font-size: 20px!important;} .menu_t1{float:right; padding:23px 0px 0px 20px!important; height:20px!important; display:block; margin-right:0.5rem;} .menu_t{float:left; padding:25px 2.5% 19px 2.5%; } .menu_t:hover{float:left; padding:25px 2.5% 19px 2.5%;} .submenu_i{position: fixed; top:65px;} #hlavicka h2{font-size:14px!important;} #hlavicka h3{font-size:40px!important;} #hlavicka h4{font-size:14px!important; width: 50%; } #obsah h2{font-size:36px!important;} #obsah h3{font-size:14px!important;} #obsah h4{font-size:14px!important;} #obsah .nad_slider h4{font-size:36px!important;} #obsah1 h2{font-size:36px!important;} #obsah1 h3{font-size:14px!important;} #obsah1 h4{font-size:14px!important;} #obsah1 .nad_slider h4{font-size:36px!important;} .leva h3{font-size:2.3rem; float: none;} .leva p{font-size:1.6rem; } .leva {width:59%!important;float:left!important; margin:auto; padding:0px 0 0 1%; height:200px;} .prava {width:40%!important;float:left!important; margin:auto; padding:5% 0 0 0; } .flexslider1{height:40rem;} #obsah #home_sporty h3{font-size:16px!important;} #obsah .eshop-item h2 {font-size: 32px!important;} #obsah .eshop-item h3 {font-size: 12px!important;} #obsah .detail_p h2{font-size:32px!important;} #obsah .detail_p h3{font-size:18px!important;} #obsah1 #home_sporty h3{font-size:16px!important;} #obsah1 .eshop-item h2 {font-size: 32px!important;} #obsah1 .eshop-item h3 {font-size: 12px!important;} #obsah1 .detail_p h2{font-size:32px!important;} #obsah1 .detail_p h3{font-size:18px!important;} .detail_p .share {float: left; width:15%; padding:0px 0px 2.5rem 0px; background-color: transparent; margin: 1.8rem 0px 35px 0px; border-bottom:1px solid silver; text-align:right;} #pata h2{font-size:32px!important;} #pata h3{font-size:14px!important;} .leva .text1 {position: relative; width:100%; padding:0px!important;} .leva .text2 {position: relative; width:100%; padding:0px!important;} .leva .text3 {position: relative; width:100%; padding:0px!important;} .kontakt_l {width:100%; float: none;} .kontakt_p {margin-top:50px; width:100%; float: none; } .flexsliderd{height: 40.0rem!important} .flexsliderd img{height: 100%important; width: auto!important;} .hamburger{display: none;} .v_kosiku{position:absolute; padding:0.2rem 0.1rem 0.1rem 0.1rem; width:1.2rem; height:1.2rem; text-align:center; background-color:#fff; color:#000;; border-radius:0.8rem; border: 1px solid #e70043; z-index:99999999999; box-shadow: #A0A0A0 0.1rem 0.2rem 0.5rem; -webkit-box-shadow: #A0A0A0 0.1rem 0.2rem 0.5rem; -moz-box-shadow: #A0A0A0 0.1rem 0.2rem 0.5rem; font-size:1.0rem; margin: -2.5rem 0rem 0rem 1.5rem;} } @media (max-width: 1199px) { .logo_pruh{display: none;} /*burger*/ .hamburger {position: fixed; top:0.5rem; right:0; z-index: 10000000; padding: 15px 15px; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .hamburger:hover {opacity: 0.9; } .hamburger-box {width: 24px; height: 24px; display: inline-block; position: relative; } .hamburger-inner {display: block; top: 50%; margin-top: -2px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width: 30px; height: 4px; background-color: #fff; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after {content: ""; display: block; } .hamburger-inner::before {top: -10px; } .hamburger-inner::after {bottom: -10px; } .hamburger--vortex .hamburger-inner {transition-duration: 0.3s;transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {transition-duration: 0s; transition-delay: 0.1s; transition-timing-function: linear; } .hamburger--vortex .hamburger-inner::before {transition-property: top, opacity; } .hamburger--vortex .hamburger-inner::after {transition-property: bottom, transform; } .hamburger--vortex.is-active .hamburger-inner {transform: rotate(765deg);transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {transition-delay: 0s; } .hamburger--vortex.is-active .hamburger-inner::before {top: 0; opacity: 0; } .hamburger--vortex.is-active .hamburger-inner::after { bottom: 0; transform: rotate(90deg); } /*burger*/ .menu-t{z-index:1; font-weight:bold; font-size:1.4rem; width:100%; background:#131313; position:fixed; text-align:center; height:0%; display:none;} .menu-t_1{height:100%; display:block; z-index:1000000;} .menu-t .in{padding:0% 5% 0% 5%; width:40%; float: left;} .menu-t h3{background-image: url("../img/roh-p1.png"); background-repeat: no-repeat; background-position: 0rem 1.6rem; padding:1.5rem 0px 1.5rem 2rem; margin-left: 0px; border-bottom-style: solid; border-bottom-width: 1px; border-color: silver; text-align: left; color: #fff; cursor: pointer;} .menu-t h3:hover{background-image: url("../img/roh-p1.png"); background-repeat: no-repeat; background-position: 0rem 1.6rem; padding:1.5rem 0px 1.5rem 2rem; margin-left: 0px; border-bottom-style: solid; border-bottom-width: 1px; border-color: #e9c139; text-align: left; color: #e9c139;} .menu-t .aktiv{background-image: url("../img/roh-p1.png"); background-repeat: no-repeat; background-position: 0rem 1.6rem; padding:1.5rem 0px 1.5rem 2rem; margin-left: 0px; border-bottom-style: solid; border-bottom-width: 1px; border-color: transparent; text-align: left; color: #e9c139;} .menu-t .pulka {width:50%; float: left; font-size: 100%; background-color:transparent; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;} .menu-t .pulka .in{margin: 5% 4% 5% 0%;} .menu-t ul {padding: 1.0rem 0px 2.5rem 0.0rem;} .menu-t li {line-height:1.5; background-image: url("../img/roh-w.png"); background-repeat: no-repeat; background-position: 0px 1.5rem; background-size: 16px 16px; padding: 1.0rem 0px 1.0rem 2.0rem; text-transform:uppercase; font-weight:300; text-align: left; color: #fff;} .menu-t li:hover {line-height:1.5; background-image: url("../img/roh-y.png"); background-repeat: no-repeat; background-position: 0px 1.5rem; background-size: 16px 16px; padding: 1.0remx 0px 1.0rem 2.0rem; text-transform:uppercase; font-weight:300; text-align: left; color: #e9c139;} } @media (max-width: 1023px) { .leva h3{font-size:18px; float: none; width:80%;} .leva p{font-size:14px; } .leva {width:69%!important;float:left!important; margin:auto; padding:0px 0 0 1%; height:200px;} .prava {width:30%!important;float:left!important; margin:auto; padding:5% 0 0 0; } .logo_pruh .levy {font-size: 14px!important;} #top_menu {background-image: url("../img/logo.png"); background-size: auto 100%; background-repeat: no-repeat; background-position: top left; z-index:1000; color: #fff; font-family: 'Roboto', sans-serif; text-transform:uppercase; font-weight:400; font-size: 14px; line-height: 1.1!important; position: fixed; top: 5px; z-index:100000; width: 100%; height:90px;} #top_menu_0 {height:0px!important; display: none!important;} #top_menu_text {font-size: 18px; line-height: 1.1!important; position: fixed; left: 150px; top: 70px; z-index:100001; width: 300px; height:30px; text-align: left;} .logo_10{top:100px!important; right:20px!important; height: 9.0rem!important; width:9.0rem!important;} .logo_10_s {top:6.5rem!important; right:1.0rem!important; height: 50px!important; width:50px!important;} #red_strip {background-color: #E70043; color: #fff; padding: 2.5rem 0px 2.5rem 0px; font-family: 'Oswald', sans-serif; text-transform:uppercase; font-weight:400; font-size: 24px; line-height: 1.2!important; height: auto;} #red_strip .left{width:70%; float: none; text-align: center!important; padding: 0 15% 0 15%;} #red_strip .right{width:70%; float: none; text-align: center!important; padding: 0 15% 0 15%;} #red_strip span {font-size: 18px; font-weight:300; } #red_strip .button {float: none!important; border-radius: 0rem; cursor: pointer; -webkit-appearance: none;} #red_strip2 {background-color: #E70043; color: #fff; padding: 2.5rem 0px 2.5rem 0px; font-family: 'Oswald', sans-serif; text-transform:uppercase; font-weight:400; font-size: 24px; line-height: 1.2!important; height: auto;} #red_strip2 .left{width:70%; float: none; text-align: center!important; padding: 0 15% 0 15%;} #red_strip2 .right{width:70%; float: none; text-align: center!important; padding: 0 15% 0 15%;} #red_strip2 span {font-size: 18px; font-weight:300; } #red_strip2 .button {float: none!important; border-radius: 0rem; cursor: pointer; -webkit-appearance: none;} .button_o{margin: 2rem 0px 0px 0px; border-radius: 0rem; cursor: pointer; -webkit-appearance: none;} .kosik:before {font-size: 20px!important;} .avatar:before {font-size: 20px!important;} .logo_pruh{display: none;} .submenu_i{position: fixed; top:65px;} #hlavicka h3{font-size:30px!important;} #hlavicka h4{display: none; } #obsah .eshop-item h3 {display: none;} #obsah1 .eshop-item h3 {display: none;} .menu_ak{width: 400px; background-color: transparent;} .menu_ak_i{float: left; background-color: #fff; color: #000; font-family: 'Oswald', sans-serif; text-transform:uppercase; font-weight:600; font-size:12px; border:1px solid silver; text-align: center; padding: 10px 15px 10px 15px; line-height:1.2; min-width:200px; margin: -1px 0px 0px -1px; background-image: url("../img/roh-p.png"); background-repeat: no-repeat; background-position: top right;} .menu_ak_i:hover{background-color: #000; color: #fff; font-weight:600; background-image: url("../img/roh-y.png"); background-repeat: no-repeat; background-position: top right;} .aktivita_iko_p {padding:3rem 0.6rem 3rem 0.5rem!important; float:left; } .wrapper6{ max-width:460px; margin: 0 auto; text-align:left;} .button{ margin: 25px auto; border-radius: 0rem; cursor: pointer; -webkit-appearance: none;} .iko .telefon {display: none;} .flexslider1{height: 35rem!important} .flexslider1 .rot{ width:auto!important; height:35rem!important;-webkit-backface-visibility: hidden;-webkit-animation: none!important;-moz-animation: none!important;-o-animation: none!important;-ms-animation: none!important; animation: none!important; -webkit-filter: brightness(70%); filter: brightness(70%);} .flexsliderd{height: 40.0rem!important} .flexsliderd img{height: 100%important; width: auto!important;} .flexsliderd .rot1{ width:auto!important; height:40.0rem!important;-webkit-backface-visibility: hidden;-webkit-animation: none!important;-moz-animation: none!important;-o-animation: none!important;-ms-animation: none!important; animation: none!important; margin-left:0%; margin-top:0%; } #top_home_detail {background-color:transparent!important; position: relative; background-image: url("../img/klin_w_1.png"); background-size:cover; background-repeat: no-repeat; background-position: top center; z-index:1000; height:5.0rem; margin-top: -5.0rem; width: 98%; padding:0px 1% 0px 1%;} .detail_p h2{float: none; width:100%;} .detail_p .share {display:none;} .parametry_l {font-size:80%;} .parametry_l .p_leva{width:40%; float:left; font-weight:600; padding: 0% 0 0% 0;} .parametry_l .p_prava{width:55%; float:left; padding-left:5%; padding: 0% 0 0% 0;} .parametry_l .p_prava_1{width:15%; float:left; padding: 0% 0 0% 2%; text-align: left;} .parametry_l .p_prava_2{width:41%; float:left; padding: 0% 0 0% 1%; text-align: left;} .parametry_l .p_prava_3{width:95%; float:none; padding: 3% 0% 5% 0%; text-align: right; clear:both;} .parametry_p {padding: 15px 0 0 0!important; font-size:80%; overflow: hidden;} #content .cart .line1 {height: 5rem;} #content .cart .line1 .center {font-size: 1.8rem;} #content .cart .line1 .right {font-size: 1.5rem; padding-right:0;} } /***** 700 ******/ @media (max-width: 720px) { .m_hidden{display: none} .leva h3{font-size:2.0rem; float: none; width:80%;} .leva p{font-size:1.6rem; margin-top:-1.5rem; } .leva .jmeno{font-size:14px; margin-top:0px; } .prava .obrazek1 {width:30%; float:left; background-color: transparent; padding: 0%; opacity:1.0!important; position: relative; margin: 0.5% 1.5% 0.5% 1.5%!important;} .prava .obrazek2 {width:30%; float:left; background-color: transparent; padding: 0%; opacity:1.0!important; position: relative; margin: 0.5% 1.5% 0.5% 1.5%important;} .prava .obrazek3 {width:30%; float:left; background-color: transparent; padding: 0%; opacity:1.0!important; position: relative; margin: 0.5% 1.5% 0.5% 1.5%important;} #top_home_sporty {background-color:transparent!important; position: relative; background-image: url("../img/m_klin_w.png"); background-size:cover; background-repeat: no-repeat; background-position: top center; z-index:1000; height:5.0rem; margin-top: -5.0rem; width: 98%; padding:0px 1% 0px 1%;} #home_sporty {background-color:transparent!important; height:auto; width: 98%; z-index: 1005; padding:0remx 1% 0px 1%;} #home_partneri {padding:2.5rem 2% 0px 2%;} .partneri_iko {margin: 0px 0px 0px 0px!important; width:100%; height: auto!important; background-color: #FFF; color: #000; border: 0px solid #000; overflow: hidden; text-align: center; padding:15px 0px 0px 0px!important; } .partneri_iko .image_l {width: 100%; float:none; text-align: center!important; height: auto; padding:3rem 0rem 0rem 0rem;} .partneri_iko .image_r {width: 100%; float:none; text-align: center!important; height: auto; padding:2rem 0rem 2rem 0rem;} .partneri_iko .image_r img{margin-top: 3.0rem!important;} .menu_ak{margin:30px auto 30px auto; float: none; width: 90%; background-color: transparent;} .menu_ak_i{float: left; background-color: #fff; color: #000; font-family: 'Oswald', sans-serif; text-transform:uppercase; font-weight:600; font-size:12px; border:1px solid silver; text-align: center; padding: 10px 2% 10px 2%; line-height:1.2; min-width:50%; margin: -1px 0px 0px -1px; background-image: url("../img/roh-p.png"); background-repeat: no-repeat; background-position: top right;} .eshop-item .in .roh{position:absolute; top:2px; right:2px; z-index:10000; height:auto; width:auto; background-color:transparent; opacity:1.0;} .eshop-item .in:hover .roh {opacity: 1.0;} .eshop-item .in .meta {position: absolute; top: 15%; width: 80%; color: #fff; text-align: right; background:transparent!important; text-align: right; border:0px !important; right: 10%!important; opacity: 1.0;} .i_kruh{margin:auto auto 2.5rem auto;} .kontakt_l_l {width:100%; float: none; background-color:transparent; } .kontakt_l_p {width:100%; float: none; background-color:transparent;} .kontakt_l_l input{padding:1.2rem 0rem 1.2rem 0rem; margin: 0px 0px 2.0rem 0px; border: 1px solid #FFF; width:99.9%; text-align: center!important; border-radius: 0rem;} .kontakt_l_l input:focus{padding:1.2rem 0rem 1.2rem 0rem; margin: 0px 0px 2.0rem 0px; border: 1px solid #FFF; width:99.9%; text-align: center!important; border-radius: 0rem;} .kontakt_p .in .text{float: none;} .kontakt_p .in .tel{float: none;} .kor_adr {display: none;} #gray_strip {text-align: center;} #gray_strip .i_t{position:relative; text-align: center; width:100%;} #gray_strip .i_t:before{font-family: "FontAwesome"; font-size: 80px; color: #fff; content:'\f017'; display: inline-block; float: none; margin: auto; text-align: center; padding-top:0px; font-weight: 300; line-height: 1.0!important; text-align: center;} #gray_strip h3{font-family: 'Oswald', sans-serif; text-transform:uppercase; font-weight:400; margin-bottom:10px!important; text-align: center;} #gray_strip .text{float: none; font-size:100%; line-height:1.6; text-align: center; width:100%!important;} #gray_strip span{font-weight: 400;} #home_kontakt {padding:2.5rem 0% 0px 0%;} #pata h2{font-size:26px!important;} #pata h3{font-size:14px!important;} .aktivita_iko_p {float: left; margin: 0px 0px 0px 0px!important; width:50px; height: 50px!important; background-color: transparent; color: #000; border: 0px solid #E70043; overflow: hidden; text-align: center; padding:1.0rem 1.0rem 1.0rem 1.0rem!important;} .aktivita_iko_p .image {border: 2px solid #E70043; width:50px; height:50px; margin: auto; overflow: hidden; background-color:transparent!important; padding:0px 0px 0px 0px!important; position: relative;} .aktivita_iko_p .image .roh{position:absolute; top:-1px; right:-1px; z-index:10000; height:1.0rem; width:auto; background-color:transparent; opacity:0.0;} .aktivita_iko_p .image .roh1{position:absolute; top:-1px; right:-1px; z-index:10001; height:1.0rem; width:auto; background-color:transparent; opacity:1.0;} .detail_p .aktivita_iko_p {float: left; margin: 0px 0px 0px 0px!important; width:50px; height: 50px!important; background-color: transparent; color: #000; border: 0px solid #E70043; overflow: hidden; text-align: center; padding:0.8rem 0.8rem 0.8rem 0.8rem!important;} .detail_p .aktivita_iko_p .image {border: 2px solid #E70043; width:50px; height:50px; margin: auto; overflow: hidden; background-color:transparent!important; padding:0px 0px 0px 0px!important; position: relative;} .detail_p .aktivita_iko_p .image .roh{position:absolute; top:-1px; right:-1px; z-index:10000; height:1.0rem; width:auto; background-color:transparent; opacity:0.0;} .detail_p .aktivita_iko_p .image .roh1{position:absolute; top:-1px; right:-1px; z-index:10001; height:1.0rem; width:auto; background-color:transparent; opacity:1.0;} .flexslider1{height: 55rem!important} .flexslider1 .rot{ width:100%!important; height:auto!important;-webkit-backface-visibility: hidden;-webkit-animation: none!important;-moz-animation: none!important;-o-animation: none!important;-ms-animation: none!important; animation: none!important; margin-left:0%; margin-top:0%;} .flexslider .rot{-webkit-backface-visibility: hidden;-webkit-animation: none!important;-moz-animation: none!important;-o-animation: none!important;-ms-animation: none!important; animation: none!important;} .flexsliderd{height: 30.0rem!important} .flexsliderd .rot1{ width:auto!important; height:30.0rem!important;-webkit-backface-visibility: hidden;-webkit-animation: none!important;-moz-animation: none!important;-o-animation: none!important;-ms-animation: none!important; animation: none!important; margin-left:-20%; margin-top:0%;} #top_home_detail {background-color:transparent!important; position: relative; background-image: url("../img/m_klin_w_1.png"); background-size:cover; background-repeat: no-repeat; background-position: top center; z-index:1000; height:3.0rem; margin-top: -3.0rem; width: 98%; padding:0px 1% 0px 1%;} .text_p{margin-top:2.5rem; line-height:1.8; padding:0 4% 0 4%; width:92%; float: none;} #top_menu {width: 100%; height:7.5rem; background-color: rgba(255,255,255,0.9); background-position: 0rem 0.5rem; top:0px;} #top_menu {background-image: url("../img/logo.png"); background-size: auto 7.0rem; background-repeat: no-repeat;} #top_menu_text {font-size: 16px;position: fixed; left: 12%; top: 5.4rem; z-index:100001; width: 35.0rem; height:2.0rem; text-align: left; color: #000;} .detail_l{float:left; width:0%; padding-top:0px; display: none;} .detail_p{float:left; width:96%; padding:2.0rem 2% 5.0rem 2%;} .detail_p iframe{float:left; width:100%; height: 25.0rem; padding:2.5rem 0rem 0rem 0rem;} .hamburger {position: fixed; top:0.0rem;} .wrapper{ width:100%; min-width:100%; margin: 0 auto; text-align:left;} .wrapper1{ width:100%; min-width:100%; margin: 0 auto; text-align:left;} .wrapper2{ width:100%; min-width:100%; margin: 0 auto; text-align:left;} .wrapper3{ width:100%; min-width:100%; margin: 0 auto; text-align:left;} .wrapper4{ width:100%; min-width:100%; margin: 0 auto; text-align:left;} .wrapper5{ width:100%; min-width:100%; margin: 0 auto; text-align:left;} .wrapper6{ width:35.0rem; min-width:35.0rem; margin: 0 auto; text-align:left;} #hlavicka {width:100%; min-width:100%;} #obsah {width:100%; min-width:100%;} #obsah1 {width:100%; min-width:100%;} #pata {width:100%; min-width:100%;} .pulka {width:100%; float: none; background-color:transparent; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; text-align: center!important;} .tretina {width:100%; float: none; background-color:transparent; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;} .ctvrtina {width:100%; float: none; background-color:transparent; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;} .top_5{top:0px!important;} #content .cart .line2 {height:9rem;} .uzivatel .left-u {width:100%; margin:0!important; float:none; background: none; padding:0!important; overflow: hidden;} .uzivatel .right-u { width:100%; margin: 0rem 0% 0rem 0%; float:none; background: none; font-weight:700; } .uzivatel .left-u .line-f .line-left{width:100%; text-align:left; float:none; margin:0; padding:0;} .uzivatel .left-u .line-f .line-right{width:100%!important; text-align:left; float:none; margin:0; padding:0;} .uzivatel .left-u .line-r .line-left{width:100%!important; text-align:left; float:none; margin:0; padding:0;} .uzivatel .left-u .line-r .line-right{width:100%!important; text-align:left; float:none; margin:0; padding:0;} /**/ .uzivatel .left-u1 {width:100%; margin:0!important; float:none; background: none; padding:0!important; overflow: hidden;} .uzivatel .right-u1 { width:100%; margin: 0rem 0% 0rem 0%; float:none; background: none; font-weight:700; } .uzivatel .left-u1 .line-f .line-left{width:100%; text-align:left; float:none; margin:0; padding:0;} .uzivatel .left-u1 .line-f .line-right{width:100%!important; text-align:left; float:none; margin:0; padding:0;} .uzivatel .left-u1 .line-r .line-left{width:100%!important; text-align:left; float:none; margin:0; padding:0;} .uzivatel .left-u1 .line-r .line-right{width:100%!important; text-align:left; float:none; margin:0; padding:0;} /**/ .uzivatel .line-fx1 .line-left{width:100%; text-align:left; float:left; padding:1rem 0rem 0rem 0rem; } .uzivatel .line-fx1 .line-right{width:100%!important; text-align:left; float:left; padding:1rem 0rem 0rem 0rem; } .uzivatel .line-fx1 .line-right1{width:100%!important; text-align:left; float:left; padding:1rem 0rem 0rem 0rem;} .uzivatel .line-fx2 .line-right1{width:100%!important; text-align:left; float:left; padding:1rem 0rem 0rem 0rem;} .uzivatel input[type="text"], .uzivatel input[type="password"], .uzivatel input[type="email"]{font-size:1.5rm; padding: 0rem 2% 0rem 2%; margin: 1rem 0rem 1rem 0rem; height: 4.0rem; width:95%; border: 0.1rem solid #D4D4D4; background-color: #fff; color: #28282D; border-radius: 0rem;} #content .cart .right {width: 100%; margin: 0rem 0rem 0rem 0%; float:none; text-align: left; background-color: none; font-size: 1.5rem;} #content .cart .line7 .center {width: 45%; margin: 0rem 0rem 0rem 0rem; float:left; text-align: left; background-color: none; font-size: 1.5rem; font-weight:700; padding-top:2.5rem; border-top: 0.1rem solid #D4D4D4;} #content .cart .line7 .right {width: 55%; margin: 0rem 0rem 0rem 0rem; float:left; text-align: right; background-color: none; font-size: 2.0rem; font-weight:700; padding-top:1rem; border-top: 0.1rem solid #D4D4D4;} #content .cart .line1 {height: 4rem;} #content .cart .line1 .center {font-size: 1.5rem;} #content .cart .line1 .right {font-size: 1.2rem; padding-right:0;} #content .cart .recall {padding-left:1rem; border-radius: 0rem; background-color:#fff;} #content .cart .line0 .left1 {font-size: 1.2rem; padding:0rem 2rem 0rem 1rem; } #content .cart .line0 .left2 {width: 100%; margin: 0rem 0rem 0rem 0rem; float:none; text-align: left; background-color: none; font-size: 1.5rem; font-weight:700;} #content .cart .line0 .right2 {width: 100%; margin: 0rem 0rem 0rem 0rem; float:none; text-align: right; background-color: none; font-size: 1.5rem; font-weight:700;} #content .cart .line9 {height: 6rem; padding-bottom:0rem; padding-top:1rem; border-bottom: 0.1rem solid #D4D4D4;} #content .cart .line9 .left {width: 75%; margin: 0rem 0rem 0rem 0rem; float:left; text-align: left; background-color: none; font-size: 1.5rem; font-weight:700; padding-top:1rem;} #content .cart .line9 .right {width: 25%; margin: 0rem 0rem 0rem 0rem; float:left; text-align: right; background-color: none; font-size: 1.5rem; font-weight:700; padding-top:1rem;} #content .cart .line10 {height: 4rem; padding-bottom:1rem; padding-top:2rem; border-bottom: 0.1rem solid rgb(32,31,38);} #content .cart .line10 .left {width: 70%; margin: 0rem 0rem 2rem 0rem; float:left; text-align: left; background-color: none; font-size: 1.5rem; font-weight:700; padding-top:1rem; } #content .cart .line10 .right {width: 30%; margin: 0rem 0rem 2rem 0rem; float:left; text-align: right; background-color: none; font-size: 1.2rem; font-weight:700; padding-top:1.6rem; text-align: right; color: #8D8D94;} .uzivatel .line-fx .line-left{width:100%; text-align:left; float:none; padding:0rem 0rem 0rem 0rem; } .uzivatel .line-fx .line-right{width:100%; text-align:left; float:none; padding:2rem 0rem 0rem 0rem; } #content .cart .line0 .ctvrt{width:100%;float:none; padding:2rem 0 2rem 0; border-bottom: 1px solid silver;} .rep .left_r{width: 100%!important; margin:3rem 0 3rem 0!important; float: none; border-bottom: 1px solid silver;} .rep .right_r{width: 100%!important; margin:3rem 0 0 0!important; float: none;} .eshop-item .in .images { -webkit-filter: brightness(70%); filter: brightness(70%);} .scara_p{margin-top:32px; border-left:0px solid #E70043; width: 2%; height:80px; float: left;} /*nadslider*/ .leva {width:100%!important;float:none!important; margin:auto; padding:0px 0 0 1%; height:auto; height: 27rem;} .prava {width:80%!important;float:none!important; margin:auto; padding:5% 0 0 0; } .newsletter input{font-family: 'Roboto', sans-serif; font-size:14px; color: #fff; text-align:left!important; background-color: transparent; padding:12px 2% 12px 2%; margin: 2.0rem 0px 20px 0px; border: 1px solid #FFF; width:45%; float: left; font-style: italic; border-radius: 0rem; } .newsletter input:focus{font-family: 'Roboto', sans-serif; font-size:14px; color: #fff; text-align:left!important; background-color: transparent; padding:12px 2% 12px 2%; margin: 2.0rem 0% 20px 0%; border: 1px solid #FFF; width:45%;font-style: italic; border-radius: 0rem;} .newsletter input[type="submit"]{float:left; background-color: transparent; font-style: normal; text-align: center!important; width:45%; margin-left:0%; padding:12px 2% 12px 2%; border: 0px solid #FFF; background-image: url("../img/news_p.png"); background-size: 200px 100%; background-repeat: no-repeat; background-position: top left; border-radius: 0rem; -webkit-appearance: none; -webkit-appearance: none;} .newsletter input[type="submit"]:hover{float:left; font-weight: 600; border-radius: 0rem; -webkit-appearance: none;} #home_kontakt {background-color:transparent!important; min-height:600px; width: 100%; padding:75px 0% 0px 0%; background-image: url("../img/m_kontakt.jpg"); background-size:cover; background-repeat: no-repeat; background-position: top center; line-height:1.6; font-size:95%;} .leva p{background-size: auto 16px; margin-left: 2.5rem; padding: 1.0rem 2.0rem 0.5rem 2rem; } .reference .popis{font-family: 'Merriweather', serif; font-size:18px; margin-left: 25px; padding: 10px 20px 5px 20px; background-image: url("../img/uvozovka.png"); background-repeat: no-repeat; background-position: top left; background-size: auto 16px} .reference1 .popis{font-family: 'Merriweather', serif; font-size:15px; margin-left: 0px; padding: 10px 20px 5px 20px; background-image: url("../img/uvozovka.png"); background-repeat: no-repeat; background-position: top left; background-size: auto 16px} .reference1 .popisek{font-family: 'Roboto', serif; font-size:15px; margin-left: 0px; padding: 10px 20px 5px 20px; color: #E70043; font-weight:400; } .reference1 .firma{font-family: 'Roboto', serif; font-size:15px; margin-left: 0px; padding: 0px 20px 5px 20px; font-weight:400;} .flexslider li .meta {width:90%;} .logo_10_s {top:100px!important; right:-10px!important; height: 0px!important; width:0px!important;} .logo{ height:85px; width: 30rem; margin-left: 0%; margin-top:-1px; float:left;} .objednavky_sum {width:100%; font-size:90%;} } @media (max-width: 420px) { .flexslider1 .rot{ width:auto!important; height:55rem!important;-webkit-backface-visibility: hidden;-webkit-animation: none!important;-moz-animation: none!important;-o-animation: none!important;-ms-animation: none!important; animation: none!important; margin-left:0%; margin-top:0%;} .flexsliderd .rot1{ width:auto!important; height:30.0rem!important;-webkit-backface-visibility: hidden;-webkit-animation: none!important;-moz-animation: none!important;-o-animation: none!important;-ms-animation: none!important; animation: none!important; margin-left:-80%; margin-top:0%;} #aktivity_slide{padding:1.5rem 0px 1.5rem 0px!important;} .articles article{width:100%; min-height:260px; border: 0px solid silver; float:left; margin:5% 0% 0% 0%;} .articles article .cary1{width:99.5%; border: 1px solid silver; float:left;} .articles article .cary2{width:99.5%; border: 1px solid silver; float:left; margin:auto;} .articles article .top{width: 100%; height:210px; overflow: hidden;} .articles article .top img{width:100%; height: auto;} .leva {width:100%!important;float:none!important; margin:auto; padding:0% 0% 0% 1%; height:auto; height: 31rem;} .aktivita_iko{line-height:1.0; } .aktivita_iko .image {border: 4px solid silver; width:100px; height:100px; margin: auto; overflow: hidden; background-color:transparent; padding:0px 0px 0px 0px!important; position: relative;} .aktivita_iko h3 { margin:0.5rem 0rem 1.5rem 0rem; } .aktivita_iko .text {margin:2.0rem 10% 3.5rem 10%!important; line-height:1.0!important;} .logo_10_s {top:100px!important; right:-10px!important; height: 0px!important; width:0px!important;} #white_strip .pulka {float:none; width:96%; padding:0.5rem 2% 0.5rem 2%; text-align: center!important;} .text-mini {font-size:80%!important;} .menu-t{z-index:1; font-weight:bold; font-size:1.4rem; width:100%; background:#131313; position:fixed; text-align:center; height:0%; display:none;} .menu-t_1{height:100%; display:block; z-index:1000000;} .menu-t .in{padding:5% 5% 0% 5%; width:90%;} .menu-t h3{background-image: url("../img/roh-p1.png"); background-repeat: no-repeat; background-position: 0rem 1.6rem; padding:1.5rem 0px 1.5rem 2rem; margin-left: 0px; border-bottom-style: solid; border-bottom-width: 1px; border-color: silver; text-align: left; color: #fff; cursor: pointer;} .menu-t h3:hover{background-image: url("../img/roh-p1.png"); background-repeat: no-repeat; background-position: 0rem 1.6rem; padding:1.5rem 0px 1.5rem 2rem; margin-left: 0px; border-bottom-style: solid; border-bottom-width: 1px; border-color: #e9c139; text-align: left; color: #e9c139;} .menu-t .aktiv{background-image: url("../img/roh-p1.png"); background-repeat: no-repeat; background-position: 0rem 1.6rem; padding:1.5rem 0px 1.5rem 2rem; margin-left: 0px; border-bottom-style: solid; border-bottom-width: 1px; border-color: transparent; text-align: left; color: #e9c139;} .menu-t .pulka {width:50%; float: left; font-size: 100%; background-color:transparent; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;} .menu-t .pulka .in{margin: 5% 4% 5% 0%;} .menu-t ul {padding: 1.0rem 0px 2.5rem 0.0rem;} .menu-t li {line-height:1.5; background-image: url("../img/roh-w.png"); background-repeat: no-repeat; background-position: 0px 1.5rem; background-size: 16px 16px; padding: 1.0rem 0px 1.0rem 2.0rem; text-transform:uppercase; font-weight:300; text-align: left; color: #fff;} .menu-t li:hover {line-height:1.5; background-image: url("../img/roh-y.png"); background-repeat: no-repeat; background-position: 0px 1.5rem; background-size: 16px 16px; padding: 1.0remx 0px 1.0rem 2.0rem; text-transform:uppercase; font-weight:300; text-align: left; color: #e9c139;} #report-cart{position:absolute; width:90%; top:10%; right:7%; z-index:999999; background-color:rgba(240,240,240,1.0)!important; color:#e70043; border-radius:0.0rem; z-index:19999999; box-shadow: #000 0.1rem 0.2rem 0.5rem; -webkit-box-shadow: #000 0.1rem 0.2rem 0.5rem; -moz-box-shadow: #000 0.1rem 0.2rem 0.5rem; font-size:1.6rem; line-height:1.7;} #report-cart .in{background-color:rgba(240,240,240,1.0)!important; padding:2%; width:100%;} } @media (max-width: 360px) { #top_menu {background-image: url("../img/logo.png"); background-size: auto 100%; background-repeat: no-repeat; background-position: top left; z-index:1000; color: #fff; font-family: 'Roboto', sans-serif; text-transform:uppercase; font-weight:400; font-size: 16px; line-height: 1.0!important; position: fixed; top: 0px; z-index:100000; width: 100%; height:65px;} .hamburger {position: fixed; top:0.1rem; right:0; z-index: 10000000; padding: 10px 10px; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } #top_menu_text {font-size: 16px;position: fixed; left: 12%; top: 4.4rem; z-index:100001; width: 35.0rem; height:2.0rem; text-align: left; color: #000;} } /*Pro mobily*/ .aktivita_iko_m {float: none!important; margin: 0px 0px 0px 0px!important; width:100%; height:auto!important; background-color: #FFF; color: #000; border: 0px solid #000; overflow: hidden; text-align: center; padding:0px 0px 2.5rem 0px!important; } .aktivita_iko_m h3 {margin-bottom: 5px; font-family: 'Roboto', sans-serif; font-weight:400;} .aktivita_iko_m h3 {font-family: 'Roboto', sans-serif; font-weight:400; text-transform: none!important;} .aktivita_iko_m h3 span {padding-bottom: 5px; font-family: 'Roboto', sans-serif; font-weight:400; text-transform: uppercase;} .aktivita_iko_m .image {border: 3px solid silver; width:100px; height:100px; margin: auto; overflow: hidden; background-color:transparent; padding:0px 0px 0px 0px!important; position: relative;} .aktivita_iko_m .image .roh{position:absolute; top:1px; right:1px; z-index:10000; height:auto; width:auto; background-color:transparent; opacity:0.0;} .aktivita_iko_m .image .roh1{position:absolute; top:1px; right:1px; z-index:10001; height:auto; width:auto; background-color:transparent; opacity:1.0;} .aktivita_iko_m:hover .roh {opacity: 1.0;} .aktivita_iko_m:hover .roh1 {opacity: 0.0;} .aktivita_iko_m h3 { margin:0.5rem 0rem 1.5rem 0rem; } .aktivita_iko_m:hover h3 {opacity: 1.0; color: #E70043!important; margin:0.5rem 0rem 1.5rem 0rem;} .aktivita_iko_m:hover {opacity: 0.9;} .aktivita_iko_m img {height:100%;} .aktivita_iko_m .text {margin:2.0rem 10% 2.0rem 10%; border: 0px solid silver; width:80%; line-height:1.2;} .eshare_but{display: block; background-color: #f1f1f1;} .eshare_box{position: absolute; display: none; z-index: 100000; background-color: YELLOW; padding-top:10px; margin-top:0px;}