body, img, h1, h2, h3, h4, h5, h6, p, form, td, th, menu, dir, div, ul, li, ol, input, select, textarea { margin:0px; padding:0px; } img { border: 0px; } table { border-collapse: collapse; } .cleaner { float: none; clear: both; font-size: 1px; } a span { display: none; } a { } a:Hover { text-decoration: none; } .upper { text-transform: uppercase; } .right {float: right;} .left {float: left; } input, textarea, select { font-family: 'Roboto'; font-size: 12px; color: #3B3B3B } body { background: #fff /* url(/obrazky/levnevib/design/body.jpg) center top; background-size: cover */; text-align: center; font-family: 'roboto'; } .whitebg { background: #fff; } .no_padding {padding: 0;} .produkty {/*border-top:1px solid #B2A57F; background: -webkit-linear-gradient(top, #fbf9f3, white)*/} .header { /*height: 41px; */min-height: 0; position: relative; margin: 0; border: none; border-radius: 0; /* background: #1F1F1F; */ } .header .motyl {background: url(/obrazky/intimity/design/intimity.motyl.png) no-repeat top center;} .header ul {list-style-type: none;} .nejmensi .header ul {width: 100%;} .header li { float: left; line-height: 41px; background: url(/obrazky/intimity/design/li.header.gif) 10px center no-repeat; } .header ul li.first a {margin-left: 0;} .header span { float: right; line-height: 41px; color: #5F5F5F; font-size: 13px; /* margin-left: 10px; */ display: inline-block; } .header span.glyphicon { line-height: 16px; padding: 0px 6px 2px 0px; } .header span.telefon { line-height: 40px;} .header span.telefon b {color: #B2A57F;} .header ul { margin-right: 5px; } .nejmensi .header ul { margin-right: 0px; } .header li.first { background: none; } .header li a { color: #5F5F5F; font-size: 13px; text-decoration: none; margin-left: 22px; } .nejmensi .header li a {font-size: 10px; margin-left: 11px;margin-right: 11px;} .nejmensi .header ul li.first a {margin-left: 11px;} .nejmensi .header li { background:none; } .header li a:hover { text-decoration: underline; } .header form { float: right; margin-right: 20px; margin-top: 8px; } .header form input { border: solid 1px #c7c8ca; } .header a { float: right; margin-right: 20px; color: #5F5F5F; line-height: 41px; font-size: 13px; } .header .container.whitebg { border-bottom: solid 3px #ce0031; max-height: 45px; overflow: hidden; } .bezdrobnav { padding-top: 20px; } .subkategorie { padding-left: 0px; } @media screen and (max-width: 600px) { .nejmensi .subkategorie { width: 100%; } } .navbar-default {margin-bottom: 0;} .navbar ul li ol {display: none;} .navbar-default {background: none; border: none; border-radius: 0;} .navbar-toggle { background: #fff; margin-left: auto; margin-right: auto; margin-bottom: 8px; margin-top: 4px; float: none; } @media screen and (min-width:0\0) { .navbar-toggle { margin-bottom: 10px;} } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #00c0f3; border-color: #00c0f3/*#bbb*/; } .navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar { background-color: #fff; } .navbar-form {border: none; margin: 0px; padding: 0px; } .navbar-form input {height: 26px; padding: 2px 5px; float: left;} .navbar-form button {background: #00c0f3; color: white; border: none; border-radius: 0; vertical-align: middle; float: left; padding: 0; height: 26px; width: 26px;} .navbar-form button span {padding: 5px;} #dopravakont > div, #platbakont > div { clear: both; } /* .menu { background: -webkit-linear-gradient(left, #fff 33%, #f8f5e8 100%); } */ .menu_nav_vert { padding-right: 25px; } .nejmensi .menu_nav_vert { padding-right: 0px; } .navbar-nav > li > a { padding-top: 16px; padding-bottom: 15px; } .topmenu { height: 100px; border-top: solid 0px #ce0031; border-bottom: solid 0px #ce0031; padding: 15px 0px; /* height: auto; margin-top: 40px; background: transparent url(/obrazky/levnevib/design/header_new.png) center top no-repeat; background-size: cover; */ } /* .stredni .topmenu { height: 150px; } .mala .topmenu { height: 150px; } .nejmensi .topmenu { height: 100px; padding: 15px 0px; background-image: none; }*/ /* .topmenu .logo { background: transparent no-repeat left top; background-size: 70% auto; position: relative; / *height: 120px;* / } .nejmensi .topmenu .logo { background-size: auto 58px; } .nejmensi .topmenu .logo { height: 60px; } .topmenu .logo a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } */ .nejmensi .topmenu { height: 70px; } .topmenu .logo { padding: 5px 0px 15px 0px; text-align: left; } .nejmensi .topmenu .logo { padding: 0px 0px 0px 0px; text-align: left; } .topmenu .logo { height: 100%; /*can be anything*/ /* width: auto; can be anything*/ display: inline-block; vertical-align: top; /*not required*/ position: relative; } .topmenu .logo img { max-height: 100%; /* max-width: 100%; width: auto; height: auto; */ position: absolute; top: 0; bottom: 3px; left: 0; right: 0; margin: auto 0px auto 28px; } /* .nejmensi .topmenu .logo img { height: 70px; width: auto; margin-top: 10px;} */ .extramala .topmenu .logo img { bottom: 5px; margin-left: 15px; } .topmenu a span { display: block; } .footercontblack { clear:both; background: #9d9fa2; border-top: solid 1px #999; } .footercontblack .footblock { padding: 50px 0px 0px 0px; position: relative; } .footercontred { clear:both; background: #9d9fa2; } .footercontred .row { color: #fff; font: normal 10px/20px 'roboto', arial, sans-serif; text-align: center; padding: 25px 0px; } .footercontblack .footmenu ul, .footercontblack .footesmenu ul { width: 100%; list-style-type: none; } .footercontblack .footmenu { margin-top: -9px; } .footercontblack .footmenu ul li, .footercontblack .footesmenu ul li { text-align: left; margin-left: 10px; margin-right: 10px; /* background: url(/obrazky/navleky/footmenu_linka.png) no-repeat top left; */ } .footercontblack .footmenu ul li.first, .footercontblack .footesmenu ul li.first { background-image: none; } .footercontblack .footmenu ul li a, .footercontblack .footesmenu ul li a { color: #fff; font: normal 14px/20px 'Roboto Condensed', arial, sans-serif; display: block; padding: 7px 0px 6px 0px; text-transform: uppercase; } /* .footercontblack .footmenu ul li a { text-transform: uppercase; } */ .footercontblack .footramecek { background: url(/obrazky/dux/design/footer_ramecek.png) no-repeat; width: auto; height: 128px; text-align: left; /* margin-top: 50px; */ margin-left: 45px; } .footercontblack .footramecek a { font: bold 35px/40px 'Roboto Condensed', arial, sans-serif; text-transform: uppercase; color: #fff; text-decoration: none; display: block; padding: 74px 0px 20px 70px; } .footercontblack .footramecek .zahl_cervena { display: block; color: #fefefe; font: bold 19px/20px 'roboto', arial, sans-serif; padding-top: 35px; } .footercontblack .footramecek .zahl_cerna { display: block; color: #fefefe; font: normal 14px/20px 'Roboto Condensed', arial, sans-serif; padding-top: 2px; } .footercontblack .footnewsletter { padding-top: 10px; padding-bottom: 80px; /* background: url(/obrazky/navleky/design/footmenu_linka.png) repeat-x bottom left; */ } .footercontblack .footfacebook { padding-top: 0px; text-align: left; } .footercontblack .footfacebook .najdete { font: normal 14px/16px 'roboto', arial, sans-serif; color: #fff; margin-bottom: 27px; display: block; text-align: left; text-transform: uppercase; } .footercontblack .footnewsletter .label, .footercontblack .footfacebook .label { display: block; color: #fff; font: bold 24px/24px 'roboto', arial, sans-serif; padding: 3px 0px 23px 50px; text-align: left; background: url(/obrazky/dux/design/ico_facebook.png) no-repeat left top; } .footercontblack .footnewsletter .text, .footercontblack .footfacebook .text { display: block; color: #fefefe; font: normal 14px/16px 'Roboto Condensed', arial, sans-serif; padding-top: 2px; } .footercontblack #klient_email { display: inline-block; line-height: 10px; background: #fefefe; font: normal 10px 'roboto', times new roman; color: #010101; margin: 0; padding: 4px 6px; width: 180px; border:0; } .footercontblack .nlbutton { display: inline-block; width: 32px; margin: 10px 0px 0px 20px; background: #fefefe; padding: 9px 5px 7px 5px; overflow: hidden; cursor: pointer; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; font: normal 14px/14px 'robotoslab', times new roman; position: relative; top: 10px; color: #010101; text-align: center; } .nejmensi .newslfbook { clear: both; margin-top: 0px; position: absolute; right: 10px; top: 34px; /* background: url(/obrazky/navleky/design/footmenu_linka.png) repeat-x top left; */ } .nejmensi .footercontblack .footnewsletter { padding-top: 30px; padding-bottom: 40px; } .nejmensi .footercontblack .footfacebook { padding-top: 15px; float: none; margin: 0 auto; width: 242px; } .hledatform { z-index: 1003; position: absolute; } #hledatcont { width: 200px; right: 10px; background: #00c0f3; display: none; margin-top: -32px; padding: 2px 0 2px 10px; } .nejmensi #hledatcont { width: 200px; right: 0px; margin-top: -40px; padding: 7px 10px 7px 10px; } .zadnyvyrobek { padding: 40px 0px; text-align: center; } .gopayerrormsg { font: normal 14px/18px 'roboto', arial; color: red; border: solid 2px red; padding: 10px; text-align: center; width: 75%; margin: 30px auto 20px auto; } .gopaysuccessmsg { font: normal 14px/18px 'roboto', arial; color: green; border: solid 2px green; padding: 10px; text-align: center; width: 75%; margin: 30px auto 20px auto; } .cookie_obnov { font: normal 14px/18px 'roboto', arial; border: solid 2px #ccc; padding: 10px; text-align: center; width: 75%; margin: 10px auto 30px auto; } .nejmensi .gopayerrormsg, .nejmensi .gopaysuccessmsg, .nejmensi .cookie_obnov, .mala .gopayerrormsg, .mala .gopaysuccessmsg, .mala .cookie_obnov { width: 98%; } .eetmessage { padding: 30px 0px 40px 0px; color: #fff; font: normal 12px/16px 'roboto', sans-serif; margin-left: 45px; width: 380px; } div.indextextcont { margin: 30px auto 20px auto; } div.indextext { padding: 50px 0px 0px 0px; } div.indextext p { font: normal 22px/25px 'roboto', arial; color: #010101; } .tlustalinka { background: url(/obrazky/honitka/design/honitka_linka.png) repeat-x top; } .tlustalinkaodsaz { padding-top: 45px; } .logaslinkou { padding-top: 0px; margin-top: 50px; } .logabezlinky { padding-top: 0px; margin-top: 0px; } .spodnilinka { border-bottom: solid 1px #cccccc; margin-bottom: 20px; } .zahlavi_tl { padding: 0px 0px 0px 50px; text-align: center; } .zahlavi_tl .zahl_cervena { color: #ec2227; font: bold 22px/26px 'roboto', arial, sans-serif; display: block; text-align: center; padding-top: 6px; } .zahlavi_tl .zahl_cerna { color: #333333; font: normal 16px/26px 'roboto', arial, sans-serif; padding-left: 10px; display: block; text-align: center; padding-top: 5px; } .stredni .zahlavi_tl { padding: 0px 0px 0px 0px; } .stredni .zahlavi_tl .zahl_cervena { font: bold 18px/20px 'roboto', arial, sans-serif; padding-top: 10px; } .stredni .zahlavi_tl .zahl_cerna { font: normal 14px/16px 'roboto', arial, sans-serif; padding-top: 10px; } .listfilters { text-align: left; padding: 27px 0px 0px 10px; } .nejmensi .listfilters { text-align: center; padding: 15px 0px 0px 0px; } .nejmensi .seznamprod { padding-left: 15px; padding-right: 15px; } .listfilters a { color: #000; font: normal 16px/16px 'Roboto Condensed', arial, sans-serif; padding: 10px 20px 10px 10px; z-index: 990; margin-right: 15px; background: #fff url(/obrazky/honitka/design/ico_filters_nea.png) no-repeat 100% center; position: relative; } .listfilters a.filterfirst { margin-left: 10px; } .listfilters a.actfiltr { background: #fff url(/obrazky/honitka/design/ico_filters_act.png) no-repeat 100% center; padding-bottom: 11px } .listfilters form { display: none; background: #fff; border: solid 1px #dfe0e0; list-style-type: none; padding: 0; margin: 0; padding-bottom: 30px; overflow: hidden; position: absolute; top: 56px; left: -5px; z-index: 980; /* border-top: 0; */ } .nejmensi .listfilters form { top: 44px; } .extramala .listfilters form { top: 125px; width: 110%; left: -10px; } .extramala .listfilters a { /*font-size: 14px; margin-right: 5px; padding-left: 5px;*/ display: block; float: left; width: 90%; padding-bottom: 10px; margin-left: 0px; } .mala .listfilters a { margin-right: 10px; } .listfilters form div.formfield { float: left; margin-left: 30px; line-height: normal; padding: 8px; } .listfilters form div.formfield label { font-size: 12px; color: #1E1E1E; margin-left: 5px; } .listfilters form label { font-weight: normal; display: inline; } #filtr1 .formfield { width: 50%; margin: 0; text-align: left; padding-left: 5%;} #filtr3 .formfield { width: 33%; margin: 0; text-align: left; padding-left: 5%;} #filtr2 .formfield { width: 33%; margin: 0; text-align: left; } /* .nejmensi #filtr2 .formfield {text-align: center; } */ #filtr2 strong {display: block; width: 100%; padding: 1% 2%; text-align: left; font-size: 14px;} #filtr2 { width: 620px; } .nejmensi #filtr2 { width: 100%; } .filtr_radek1 { background: #fff/* ebe5ca*/; } .listfilters form .submit_hledej, .poslatblok form .submit_hledej, .prihlregistr form .submit_hledej, .kosik_buttony .btn_pokracovat, .objbuttony .submit_hledej { display: block; width: 80px; height: 28px; position: absolute; right: 5px; bottom: 5px; font: normal 12px/14px 'Roboto Condensed',arial, sans-serif; padding: 7px 0px; cursor: pointer; text-transform: uppercase; border: solid 1px #c8c7c7; color: #00c0f3; background: #ffffff; border-color: #00c0f3; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .objbuttony .submit_hledej { display: inline-block; width: auto; position: relative; right: auto; bottom: auto; padding: 7px 15px; margin-bottom: 10px; } .kosik_buttony .btn_pokracovat { width: auto; float: left; position: relative; right: auto; bottom: auto; top: /*28*/10px; padding: 7px 15px; } .listfilters form .submit_hledej:hover, .poslatblok form .submit_hledej:hover, .prihlregistr form .submit_hledej:hover, .kosik_buttony .btn_pokracovat:hover, .objbuttony .submit_hledej:hover { color: #FFF; background: #00c0f3; border-color: #00c0f3; } .prihlregistr form .submit_hledej { margin-top: 20px; position: relative; width: auto; padding-left: 20px; padding-right: 20px; right: 10px; float: right; } .prihlregistr form { float: left; width: 350px; } .stredni .prihlregistr form { width: 310px; } .stredni .prihlregistr form.zmensi-sm { width: 280px; } .prihlregistr form label { font: bold 14px/16px 'Roboto Condensed', arial, sans-serif; padding: 0px 10px 3px 10px; margin-top: -5px; } .prihlregistr form.fullsize { width: 100%; } .prihlregistr form.objprihl { margin: 0px; padding: 0px; position: absolute; top: 82px; z-index: 10; } .prihlregistr div.objspacer { width: 100%; height: 200px; } .prihlregistr { margin: 30px auto 30px auto; } .prihlregistr h2.nadpis { font-size: 32px; } .prihlregistr h2.nadpis.mensi { font-size: 20px; padding-bottom: 10px; } .prihlregistr h2.nadpis.mensi.neabox { padding-right: 20px; position: relative; margin-right: 25px; float: left; cursor: pointer; background: #fff url(/obrazky/dux/design/ico_filters_nea.png) no-repeat 100% 12px; } .prihlregistr h2.nadpis.mensi.actbox { padding-right: 20px; position: relative; margin-right: 25px; float: left; cursor: pointer; background: #fff url(/obrazky/dux/design/ico_filters_act.png) no-repeat 100% 12px; } .nejmensi .prihlregistr h2.nadpis.mensi.actbox, .nejmensi .prihlregistr h2.nadpis.mensi.neabox { font-size: 16px; background-position: 100% 22px; } .prihlregistr h2.nadpis.mensi.last { margin-right: 0; } .prihlregistr table.estableprihl { font: normal 14px/16px 'Roboto Condensed', arial, sans-serif; } .prihlregistr table.estableprihl td { padding: 4px 10px 4px 10px; } .prihlregistr table.estableprihl td.firstcol { width: 130px; min-width: 65px; } .prihlregistr table.estableprihl td.hvezdicka { padding-top: 10px; font: normal 12px/14px 'Roboto Condensed', arial, sans-serif; } .prihlregistr table.estableprihl td.kontaktudaje { font-weight: bold; padding-top: 0px; padding-bottom: 10px; } .prihlregistr table.estableprihl input, .prihlregistr table.estableprihl select { border: solid 1px #00c0f3; padding: 2px 3px; width: 200px; } .stredni .prihlregistr table.estableprihl input, .stredni .prihlregistr table.estableprihl select { width: 160px; } .prihlregistr textarea { border: solid 1px #00c0f3; padding: 2px 3px; width: calc(100% - 10px); height: 80px; margin-left: 10px; margin-bottom: 120px; } .prihlregistr .zapomenuteheslo { padding: 0px 10px; margin-top: 0px; margin-bottom: 15px; font: normal 14px/16px 'Roboto Condensed', arial, sans-serif; } .prihlregistr .formerror { float: left; padding: 22px 10px 0px 10px; color: red; font: normal 12px/14px 'Roboto Condensed', arial, sans-serif; } .prihlregistr .formsucc { float: left; padding: 22px 10px 0px 10px; color: green; font: normal 12px/14px 'Roboto Condensed', arial, sans-serif; } .extramala .prihlregistr .formerror, .extramala .prihlregistr .formsucc { padding-left: 5px; } .extramala .prihlregistr form { width: auto; } .extramala .prihlregistr form .submit_hledej { right: 0px; } .extramala .prihlregistr table.estableprihl td { padding: 4px 0px 4px 5px; } .extramala .prihlregistr .zapomenuteheslo { padding: 0px 5px; max-width: 335px; } .prihlregistr table.estableprihl .redbottom { border: solid 1px red; } .prihlregistr .redlabel, .prihlregistr .redlabel a, .prihlregistr .redlabel span { color: red; } .prihlregistr table.estableprihl .gdpr_reg.redlabel { border-bottom: solid 1px red; padding-bottom: 8px; color: red; } .kontaktform { text-align: center; margin: 0px 0px 30px 0px; } .kontaktform form { width: 430px; float: none; margin: 13px auto 0px auto; padding: 0px; } .kontaktform H2.nadpis { text-align: center; font: bold 30px/35px 'robotoslab_light', arial; padding: 0px 0px 20px 0px; } .kontaktform table.estableprihl TD { vertical-align: top; text-align: left; } .kontaktform table.estableprihl td.firstcol { min-width: 65px; width: 120px; } .kontaktform table.estableprihl INPUT.esinputreg { width: 300px; } .kontaktform table.estableprihl TEXTAREA { width: 300px; height: 120px; margin: 0px; } .nejmensi .kontaktform table.estableprihl INPUT.esinputreg { width: 250px; } .nejmensi .kontaktform table.estableprihl TEXTAREA { width: 250px; } .extramala .kontaktform table.estableprihl INPUT.esinputreg { width: 200px; } .extramala .kontaktform table.estableprihl TEXTAREA { width: 200px; } .objbuttony { margin-top: 20px; margin-bottom: 30px; text-align: center; } .kosik_cont input {float: right; text-align: right; border: solid 1px #b5b5b5; color: #000; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;} .formular_kosik { width: 28px; border: 1px solid #b5b5b5; padding: 4px; margin-right: 5px; position: relative; top: 3px; background: transparent; color: #000; } .kosik_cont input.formular_kosik_ok { padding: 8px 6px; position: relative; top: 3px; margin-right: 5px; } .kosik_cont input.formular_kosik_sm { padding: 6px 6px; position: relative; top: 3px; } .kosik_cont > div:not(.cleaner), .kosik_cont > div a {display: block; vertical-align: middle;} .kosik_cont .kosik_img, .kosik_img > a {height: 90px !important;} .kosik_cont .kosik_img.noimg { height: 60px !important; } .extramala .kosik_cont > div.kosik_obr { display: none; } /* .extramala .kosik_prod { width: 41.66%; } */ .extramala .kosik_ks input { padding-left: 4px; padding-right: 4px; height: 27px; margin-right: 2px; } .extramala .kosik_ks input[type=text] { width: 23px; } .kosik_ks input[type=text] { max-height: 27px; } .extramala .objednavka_ks { padding-right: 15px; } .content_text .kosik_cont a { color: #000; } .kosik_img img {max-width: 90%; } .nejmensi .kosik_img img {max-width: 80%; float: left; } .kosik_head {border-bottom: 1px solid #e0e0e0; margin: 10px 0; padding-bottom: 8px; } .kosik_sum {border-top: 1px solid #e0e0e0; margin: 10px 0px 30px 0px; padding-top: 8px; } .kosik_total {border-bottom: 1px solid #e0e0e0; margin: 0px 0px 10px 0px; padding-bottom: 8px; } .content_text p.kosik_buttony { margin-top: 40px; margin-bottom: 40px; min-height: 80px; } @media screen and (max-width: 540px) { .kosik_cont > div.kosik_hideimg { display: none; } .kosik_risecount { width: 41.6%; } } .platdoprtab { width: 90%; margin-left: 10px; } .platdoprtab TD { font: normal 14px/20px 'roboto', arial, sans-serif; text-align: left; vertical-align: top; color: #000; } #kupony {position: relative; height: 40px;} .extramala #kupony {height: 55px;} #kupony a {position: absolute; top: 0; left: 0; width: 100%; padding: 10px; color: #000; text-decoration: none; } #kupony a span {vertical-align: middle; top: -1px; left: 3px; color: #000;} .topmenu .kosik {text-align: right; /* height: 120px; */ position: relative; } .topmenu .kosik img {float: right; display: block; margin-top: 15px;} .topmenu .kosik a{ color: black; font-size: 16px;} .topmenu .kosik a span {display: block; text-decoration: none; padding-top: 35px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; color: #B2A57F;} .topmenu .kosik a span:last-child {display: block; text-decoration: none; font-size: 14px; padding-top: 0; color: #666;} .topmenu .hlprikos { text-align: right; /* height: 120px; */ position: relative; padding-right: 10px; margin: -15px 0px; } .topmenu .hlprikos a.but_kosik { width: 66px; height: 90px; color: #fff; display: inline-block; margin-left: 0px; background: transparent url('/obrazky/dux/design/ico_kosik.png') no-repeat center 22px; } .topmenu .hlprikos a.but_prihlasit{ width: 66px; height: 90px; color: #fff; display: inline-block; margin-left: 0px; background: transparent url('/obrazky/dux/design/ico_prihlasit.png') no-repeat center 22px; } .topmenu .hlprikos a.prihlasen{ background-image: url('/obrazky/dux/design/ico_prihlasen.png'); } .topmenu .hlprikos a.but_hledat { width: 66px; height: 90px; color: #fff; display: inline-block; background: transparent url('/obrazky/dux/design/ico_hledat.png') no-repeat center 22px; } .topmenu a.but_kosik { background-position: center; background-size: contain; background-repeat: no-repeat; background-color: transparent; height: 85px; width: 100%; position: relative; display: block; text-align: center; } .topmenu .hledatformtop { border: solid 2px #dcdcdc; padding: 7px 7px; width: 280px; margin-top: -1px; position: relative; } .topmenu .hledatformtop input { border: 0px; font: normal 16px/16px 'roboto', arial; color: #ec2227; width: 230px; } .topmenu .hledatformtop button { border: 0px; background: transparent; font-size: 21px; color: #333; } .topmenu .hledatformtop button span.glyphicon-search { padding-top: 0px; } .topmenu a.but_kosik span.kosikk { display: none; color: #ec2227; position: absolute; top: 0px; left: 27px; font-size: 13px; } .topmenu a.but_kosik span.kosiko { color: #ec2227; position: absolute; bottom: 3px; right: 27px; background: #fff; border: solid 1px #DCDCDC; padding: 1px 5px; font-size: 12px; font-weight: bold; } #search_results { background: #fff; position: absolute; top: 28px; z-index: 1000; top: 38px; left: -2px; width: 280px; overflow: auto; border: solid 2px #dcdcdc; border-top: 0; } #search_results ul { background: #fff; list-style-type: none; margin: 0px; padding: 5px 5px; border: solid 0px #ccc; border-top: 0px; width: 276px; } #search_results ul li { display: block; padding: 5px 0px; cursor: pointer; text-align: left; } #search_results ul li:hover, #search_results ul li:hover a { background-color: #ec2227; color: #fff; } #search_results ul li a { color: #ec2227; display: block; width: 256px; padding: 6px 6px 6px 60px; margin: -3px 0px; text-align: left; overflow: hidden; background-repeat: no-repeat; background-size: 50px auto; background-position: 2px center; white-space: nowrap; } .topmenu .head_buttony { clear: both; text-align: center; padding-top: 8px; padding-left: 3px; min-width: 280px; float: right; position: relative; } .topmenu .head_buttony a { position: relative; padding: 5px 10px; color: #333; font: normal 13px/13px 'roboto', arial; } .topmenu .head_buttony a span { color: #cc2127; display: inline-block; } @media screen and (max-width: 450px) { .nejmensi .topmenu .kosik img {width: 50px; margin-top: 0;} .nejmensi .topmenu .kosik {height: 70px; background-size: auto 40px; background-position: left center;} .nejmensi .topmenu .kosik a {font-size: 14px;} .nejmensi .topmenu .kosik a span {padding-top: 15px;} .nejmensi .topmenu .kosik a span:last-child {padding-top: 20px;} .nejmensi .topmenu .hlprikos a.but_kosik, .nejmensi .topmenu .hlprikos a.but_prihlasit, .nejmensi .topmenu .hlprikos a.but_hledat { width: 40px; height: 60px; background-size: 70% auto; } .nejmensi .topmenu .hlprikos a.but_kosik { background-position: center 17px; margin-left: 0px; } .nejmensi .topmenu .hlprikos a.but_prihlasit { background-position: center 17px; margin-left: 0px; } .nejmensi .topmenu .hlprikos a.but_hledat { background-position: center 17px; } .nejmensi #hledatcont { width: 190px; margin-top: -8px; padding: 8px 0px 8px 10px; } .nejmensi .topmenu .hlprikos .mujucet { top: 62px; right: 14px; } } .hlprikos .mujucet { display: none; position: absolute; top: 95px; right: 0px; width: 226px; padding: 5px 0px; background: #00c0f3; z-index: 1002; text-align: center; } .hlprikos .mujucet a { display: block; padding: 5px 10px; color: #fff; font: normal 14px/16px 'Roboto Condensed', sans-serif; } .mujucet2 { display: none; position: absolute; top: 39px; right: 93px; width: 200px; padding: 5px 0px; background: #fff; z-index: 1002; text-align: center; border: solid 1px #ce0031; border-top: 0; } .mujucet2 a { display: block; padding: 5px 10px; color: #ce0031; font: normal 13px/16px 'Roboto Condensed', sans-serif; } .nejmensi .hlprikos .mujucet { top: 66px; right: 50px; width: 124px; padding: 3px 0px; text-align: center; } .nejmensi .hlprikos .mujucet a { color: #fff; font: normal 12px/14px 'Roboto Condensed', sans-serif; padding: 4px 8px; } /* .nejmensi .topmenu .logo IMG { height: 60px; width: auto; margin-top: 15px;} */ .topmenu .hlprikos a { position: relative; } .topmenu .hlprikos a span { display: block; position: absolute; top: 65px; left: 0px; width: 100%; text-align: center; } .topmenu .hlprikos a div.eshopobsahkosiku { position: absolute; top: 37px; right: 1px; text-align: center; padding: 4px 9px 4px 9px; color: #fff; background: #00c0f3; line-height: 16px; border: solid 1px #fff; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; } .nejmensi .topmenu .hlprikos a div.eshopobsahkosiku { position: absolute; bottom: auto; top: 35px; right: 0px; line-height: 14px; padding: 3px 7px 2px 7px; font-size: 12px; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; } /*.topmenu {height: 151px; position: relative; text-align: left; } */ #banner_header { display: block; width: 33%; height: 112px; position: relative;} .banner_header {position: absolute; top: 0; left: 0; display: block; width: 363px; height: 112px; background: left top no-repeat; background-size: auto 100%;} #banner_header1 {background-image: url('/obrazky/intimity/design/bannery/banner-akce-doprava_zdarma.png');} #banner_header2 {background-image: url('/obrazky/intimity/design/bannery/banner-akce-toybag.png');} #banner_header3 {background-image: url('/obrazky/intimity/design/bannery/banner-akce-sady.png'); } #banner_header4 {background-image: url('/obrazky/intimity/design/bannery/banner-akce-1000kc-picobong.png'); } /* .topmenu a.logo { display: block; position: absolute; left: 0px; top: 15px; width: 250px; height: 80px; } .topmenu a.kosik { color: #333333; display: block; position: absolute; right: 0px; top: 15px; width: 220px; height: 70px; text-align: right; padding-top: 23px; font-size: 13px; text-decoration: none; } .topmenu a.kosik span { display: block; text-decoration: none; color: #1E1E1E; font-size: 17px; text-decoration: underline; } .topmenu a.kosik:hover span { text-decoration: none; } .topmenu form { position: absolute; right: 0px; bottom: 10px; float: left; } .topmenu form input { width: 160px; padding: 4px; background: white; border: 1px solid #E9E6DA; position: relative; top: 1px; float: left; } .topmenu form input.submit { width: 24px; height: 24px; background: url('/obrazky/intimity/design/btn.submit.gif'); border: 0px; top: 0px; float: left; margin-left: 3px; } .topmenu ul { list-style-type: none; position: absolute; left: -30px; bottom: 0px; } .topmenu ul li { float: left; height: 40px; position:relative; } .topmenu ul li.iconove img { position:absolute; top:25px; left:50px; z-index:100; } .topmenu ul li.last a { background: none; } .topmenu ul li.selected { } .topmenu ul#topmenu li.selected a { line-height: 38px; background: white; border: 1px solid #DBD6C1; border-bottom: 1px solid white; position: relative; left: -1px; padding: 0px 22px 0px 24px; height: 38px; -moz-border-radius-topright: 10px 10px; border-top-right-radius: 10px 10px; -moz-border-radius-topleft: 10px 10px; border-top-left-radius: 10px 10px; text-decoration: none; } .topmenu ul li a { color: #1E1E1E; font-size: 17px; height: 40px; display: block; text-decoration: none; padding: 0px 24px; background: url(li.topmenu.gif) right 28px no-repeat; line-height: 40px; } .topmenu ul li a:hover { text-decoration: underline; } .topmenu ul li strong { font-weight: normal; } .topmenu ul li .red { color: #990000; } .topmenu ul li ol { z-index: 101; width: 830px; padding: 30px 0px 0px 10px; display: none; position: absolute; top: 40px; left: -1px; border: 1px solid #DBD6C1; background: white; border-top: 0px; -moz-border-radius-bottomright: 10px 10px; border-bottom-right-radius: 10px 10px; -moz-border-radius-bottomleft: 10px 10px; border-bottom-left-radius: 10px 10px; list-style-type: none; } .topmenu ul li ol li { width: 250px; height: 75px; float: left; position: static; padding: 0px; background: none; line-height: normal; margin: 0px 10px 20px 10px; } .topmenu ul#topmenu li.selected ol li a { line-height: normal; background: none; border: none; position: static; padding: 0px; height: auto; } .topmenu ul#topmenu li.selected ol li a img { float: left; } .topmenu ul#topmenu li.selected ol li a strong { display: block; margin-left: 70px; color: #B2A680; font-weight: normal; font-size: 16px; padding: 5px 0px 3px 0px; } .topmenu ul#topmenu li.selected ol li a span { display: block; margin-left: 70px; color: #474747; font-size: 11px; } .topmenu ul#topmenu li.selected ol li a:hover strong { text-decoration: underline;} */ .lb_label { background: #D82F32; color: #FFFFFF; display: block; padding: 10px 0px 10px 28px; font-size: 140%; font-weight: bold; /* margin: 6px 0; */ } .prod_mes { text-align: center; padding: 20px 0px 30px 0px; } .prod_mes H3 { font: normal 18px/21px 'Roboto Condensed',arial, sans-serif; padding: 20px 20px 0px 20px; color: #5F5F5F; } .prod_mes IMG { width: 80%; height: auto; } .prod_mes .cenovka { display: block; padding-top: 8px; text-align: center; font-size: 22px; color: #5F5F5F; font-family: 'Roboto Condensed', sans-serif; } .navbar-collapse { position: relative;} .nav_vert > li { position: static;} .nav > li { position: static;} /* .navbar-nav > li { float: none;} */ ul.nav_vert > li{ position: relative; display: block; /* border-left: solid 1px rgb(224,224,224); -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,0)), to(#B2A57F)) 1 100%; -webkit-border-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), #B2A57F) 1 100%; -moz-border-image: -moz-linear-gradient(rgba(0, 0, 0, 0), #B2A57F) 1 100%; -o-border-image: -o-linear-gradient(rgba(0, 0, 0, 0), #B2A57F) 1 100%; border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #B2A57F) 1 100%;*/ border-right: 0; position: relative; padding-left: 13px; padding-right: 13px; } ul.nav_vert > li > a { position: relative; display: block; padding: 10px 15px; } ul.nav_vert { padding-top: 3px; padding-bottom: 6px; padding-left: 0; margin-bottom: 0; list-style: none; } ul.nav_vert { background: #f6f6f6; width: 100%; margin-top: 25px; margin-bottom: 25px; /* padding-top: 10px; padding-bottom: 15px; */ } .nejmensi .navbar-nav { margin: 0px 0px 0px 0px; } .nejmensi .navbar-header { padding-top: 5px; padding-bottom: 0px; background: transparent; } .navbar-nav { float: none; } /* ul.nav > li > a { background: transparent url('/obrazky/honitka/design/menu_llinka.png') no-repeat left -44px; } ul.nav > li:hover > a { background: transparent url('/obrazky/honitka/design/menu_llinka_a.png') no-repeat left bottom; } ul.nav > li.first:hover > a { background: transparent url('/obrazky/honitka/design/honitka_linka.png') no-repeat -4px 53px; } */ ul.nav_vert > li.first > a { background-image: none; } .nejmensi ul.nav_vert > li > a, .nejmensi ul.nav_vert > li:hover > a { background-image: none; text-align: center; padding-left: 0; } ul.nav_vert > li.first {/* border-left: 0; */ background-image: none; } ul.nav_vert li:hover { /*background: white;*/} ul.nav_vert li a.red { color: #bb0000; } ul.nav_vert > li > a { color: #000000; } ul.nav_vert > li > a { color: #000000; font: normal 15px/18px 'robotoslab_light', times new roman; background: trasparent; padding-right: 0px; border-top: solid 1px #DCDCDC; } ul.nav_vert > li.first > a { border-top: 0px; } ul.nav > li{ /* border-left: solid 1px rgb(224,224,224); -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,0)), to(#B2A57F)) 1 100%; -webkit-border-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), #B2A57F) 1 100%; -moz-border-image: -moz-linear-gradient(rgba(0, 0, 0, 0), #B2A57F) 1 100%; -o-border-image: -o-linear-gradient(rgba(0, 0, 0, 0), #B2A57F) 1 100%; border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #B2A57F) 1 100%;*/ border-right: 0; } /* ul.nav > li > a { background: transparent url('/obrazky/navleky/design/menu_llinka.png') no-repeat left -44px; } ul.nav > li:hover > a { background: transparent url('/obrazky/navleky/design/menu_llinka_a.png') no-repeat left bottom; } ul.nav > li.first > a { background-image: none; } ul.nav > li.first:hover > a { background: transparent url('/obrazky/navleky/design/honitka_linka.png') no-repeat -4px 53px; } */ .nejmensi ul.nav > li > a, .nejmensi ul.nav > li:hover > a { background-image: none; } ul.nav > li.first { /* border-left: 0; */ background-image: none; } ul.nav li:hover { background: transparent;} ul.nav li a.red { color: #bb0000; } .navbar-default .navbar-nav > li > a { color: #999; } .navbar-default .navbar-nav > li > a:hover { color: #00c0f3; background: transparent; } .nejmensi .navbar-nav, .extramala .navbar-nav { margin-left: auto; margin-right: auto; } .nejmensi .navbar-default .navbar-nav > li > a { color: #00c0f3; font: normal 15px/15px 'roboto', times new roman; padding-top: 7px; padding-bottom: 7px; padding-left: 0px; } .nejmensi .navbar-default .navbar-nav > li > a:hover { color: #000; background: transparent; } .navbar-default .navbar-nav > li { width: 24%; } .nejmensi .navbar-default .navbar-nav > li { text-align:center; width: 100%; display: inline-block; } /* .extramala .navbar-default .navbar-nav > li { width: auto; display: block; } */ ul.nav > li > a { color: #fff; font: normal 18px/18px 'roboto', times new roman; /* text-transform: uppercase; */ } .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover { color: #000; padding-right: 0px; background-color: transparent; } ul.leftmenu { list-style: none; margin: 27px auto 30px auto; } ul.leftmenu > li { border-right: 0; position: relative; } ul.leftmenu > li.first { /* border-left: 0; */ background-image: none; } ul.leftmenu li:hover { /* background: white;*/ } ul.leftmenu li a.red { color: #bb0000; } ul.leftmenu > li > a { color: #000; font: normal 15px/18px 'robotoslab_light', times new roman; position: relative; display: block; padding: 10px 15px 10px 28px; background: trasparent; padding-right: 0px; } ul.leftmenu > li.first > a { background-image: none; border-top: 0px; } ul.nav_vert li ol { position: absolute; top: -10px; left: calc(100% - 1px);/* width: 75%;*/ background: white; z-index: 1000; list-style: none; text-align: left; border: solid 1px #cc2127; /* border-left: none; */ } ul.nav_vert li ol li { position: static; float: left; /* width: 50%; */ padding: 15px; height: 100px;} ul.nav_vert li ol li { white-space: normal; } ul.nav_vert li ol li a img { display: block; float: left; width: 70px; margin-right: 10px; } ul.nav_vert li ol li a { display: block; color: #000000; font: normal 14px/18px 'roboto', arial; padding-bottom: 5px; } ul.nav_vert li ol li a span { display: block; color: #000000; margin-left: 70px; margin-top: 5px; font: normal 12px/16px 'roboto', arial; } ul.nav_vert li ul { background: transparent; list-style: none; text-align: left; /* border: solid 1px #cc2127; border-left: none; */ } ul.nav_vert li ul li { position: relative; /* float: left; width: 50%; */ padding: 0px 0px 0px 30px; /* height: 100px; */ white-space: normal /* no-wrap */; } ul.nav_vert li ul li a { display: block; color: #000000; font: normal 14px/18px 'robotoslab_light', times new roman; padding-bottom: 5px; border-top: solid 1px #DCDCDC; padding: 10px 0px; } ul.nav_vert li ul li.first a { border-top: 0px; padding-top: 3px; } ul.nav_vert > li.esactive > a { font-weight: bold; color: #00c0f3; /* text-decoration: underline; */ } ul.nav_vert li ul li.esactive a { color: #00c0f3; /* text-decoration: underline; */ } ul.nav_vert > li > a:hover, ul.nav_vert li ul li a:hover, ul.leftmenu > li > a:hover { color: #00c0f3; } .mala ul.nav li ol li a img { margin-top: -6px; } .mala ul.nav li ol li a { display: block; color: #000000; font: normal 14px/16px 'roboto', arial; padding-top: 10px; padding-bottom: 0px; } .container .leftnewsletter { padding-left: 28px; margin-bottom: 45px; padding-top: 10px; } .container .leftnewsletter .nadpis { color: #5F5F5F; display: block; padding-bottom: 6px; } .container .leftnewsletter .text { color: #5F5F5F; display: block; } .container .leftnewsletter .textbox { color: #5F5F5F; border: solid 1px #5F5F5F; padding: 5px 5px 5px 19px; margin-top: 12px; width: 80%; } .container .leftnewsletter .tlacitko { color: #fff; background: #5F5F5F; border: solid 1px #5F5F5F; padding: 5px 5px; margin-top: 14px; width: 100px; text-align: center; } .navigace { z-index: 999; border-bottom: 0px solid #CCCCCC; position: relative; } .navigace ul { list-style-type: none; float: right; margin-right: 26px;} .navigace ul li { float: left; position: relative; } .navigace ul li.first a { background: none; } .navigace ul li.first span { background: none; } .navigace ul li.activeli { background: #e7e7e8; } .navigace ul li.selected { } .navigace ul#topmenu li.selected a { line-height: 38px; background: white; border: 1px solid #DBD6C1; border-bottom-color: white; position: relative; left: -1px; padding: 0 28px 0 30px; -moz-border-radius-topright: 10px 10px; border-top-right-radius: 10px 10px; -moz-border-radius-topleft: 10px 10px; border-top-left-radius: 10px 10px; } .navigace ul li span, .navigace ul li a { color: #777; font-size: 12px; display: block; text-decoration: none; padding: 0 20px; background: url(/obrazky/intimity/design/li.navigace.png) left center no-repeat; line-height: 42px; } .navigace ul li a:hover { text-decoration: none; } .navigace ul li strong { font-weight: normal; } .navigace ul li .red { color: #990000; } .navigace ul li span { text-decoration: none;} .navigace ul li ol { float: left; padding: 0 20px 10px 20px; display: none; position: absolute; top: 42px; /*left: -1px;*/ right: -10px; background: white; border: 1px solid #CCCCCC; border-top-color: white; -moz-border-radius-bottomright: 10px 10px; border-bottom-right-radius: 10px 10px; -moz-border-radius-bottomleft: 10px 10px; border-bottom-left-radius: 10px 10px; list-style-type: none; text-align: left; } .navigace ul li ol li { position: static; padding: 5px 0; background: none; line-height: normal; display: block; float: none; height: auto; } .navigace ul#navigace li.selected ol li a { line-height: 16px; background: none; border: none; position: static; padding: 0px; height: auto; display: block; white-space: nowrap } #carousel .carousel-caption { position: absolute; right: 50px; top: 20px; text-align: right; padding: 0; text-shadow: none;} .nejmensi #carousel .carousel-caption {right: 20px; top: 0;} #carousel img {display: block; margin: 0 auto;} .nejmensi #carousel .carousel-caption h2 { font-size: 15px; padding-top:0;} .mala #carousel .carousel-caption h2 { font-size: 35px; padding-top: 0;} #carousel .carousel-caption h2 { font-size: 55px; font-weight: bold; color: #B2A57F; margin-top: 0;} #carousel .carousel-caption h2 span { font-size: 28px; display: block; line-height: 20px; } #carousel .carousel-caption p { margin-top: 5px; font-size: 19px; line-height: 23px;color: black; } #carousel .carousel-caption span.cena { display: block; font-size: 25px; color: #666666; font-weight: bold; margin-top: 5%;} .nejmensi #carousel .carousel-caption span.cena {font-size: 12px; margin-top: 0;} .mala #carousel .carousel-caption span.cena {margin-top: 0;} #carousel .carousel-caption a.button {float: right; margin: 0;} #carousel .carousel-caption a.button span { padding: 5px 35px; } .carousel-control {background: none !important; width: 5%;} .carousel-control span.glyphicon {color: #666; text-shadow: none;} .hpbanner_inner { width: 980px; height: 370px; margin: 0 auto; position: absolute; text-align: center; } a.hpbanner_left { position: absolute; width: 27px; height: 370px; background: url(/obrazky/dux/design/btn.hpbanner.left.png) center center no-repeat; cursor: pointer; } a.hpbanner_left:hover { opacity: 0.5 } a.hpbanner_right { position: absolute; right: 0px; width: 27px; height: 370px; background: url(/obrazky/dux/design/btn.hpbanner.right.png) center center no-repeat; cursor: pointer; } a.hpbanner_right:hover { opacity: 0.5 } .indexblok { padding: 10px 0px 30px 0px; text-align: center; } .list-title .listnadpis, .indexblok .indexnadpis { text-align: center; background-image: url(/obrazky/dux/design/linka_seda.png); background-position: center center; background-repeat: repeat-x; font-size: 24px; } .list-title .listnadpis span, .indexblok .indexnadpis a { background: #919191; margin: 0px auto; padding: 5px 15px; text-align: center; color: #fff; text-decoration: none; text-transform: uppercase; font: normal 24px/24px "roboto", arial; } .indexblok > div { margin: 10px 0px; } .indexblok .indexdalsi { background: #fff; color: #919191; border: solid 1px #919191; text-decoration: none; padding: 3px 6px; } .carousel-indicators {bottom: 0;} .carousel-indicators li { height: 30px; width: 20px; /* background-image: url(/obrazky/dux/design/btn.bul0.png); background-position: center center; background-repeat: no-repeat; */ margin: 0; border: none; border-radius: 0; } .carousel-indicators li.active {height: 30px; width: 20px; /* background-image: url(/obrazky/dux/design/btn.bul1.png); background-color: transparent; */ } .content_outer { width: 100%; background: url(/obrazky/intimity/design/bg.content.png) repeat-x; min-height: 290px; text-align: center; } .topborder { border-top: 1px solid #DED8C4 } .container h2 { color: #B2A57F; font-size: 25px; font-weight: normal; padding: 25px 0 10px 20px; } .container h2.pink { color: #E472B7; } .container .nadpis { color: #00c0f3; font: bold 30px/35px 'robotoslab_light', arial; padding: 0px 0px 10px 0px; } .nejmensi .container .nadpis { font: bold 26px/30px 'robotoslab_light', arial; } .extramala .container .nadpis { font: bold 20px/25px 'robotoslab_light', arial; } .container-fluid .hpn a, .container-fluid .prodfiltr a { text-decoration: none; } .container-fluid .hpn h2, .container-fluid .hpn a h2, .container-fluid .dalsi_but, .container-fluid .prodfiltr h2, .container-fluid .prodfiltr a h2 { font: normal 14px/20px 'Roboto Condensed',arial, sans-serif; padding: 7px 0px; cursor: pointer; width: 90%; margin: 20px auto 0px auto; text-transform: uppercase; border: solid 1px #c8c7c7; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .nejmensi .container-fluid .hpn h2, .nejmensi .container-fluid .hpn a h2 { width: 60%; } .container-fluid .dalsi_but { width: 150px; text-align: center; } .nejmensi .container .nadpis { padding-top: 15px; padding-bottom: 10px; } .container-fluid .hpn h2.nadpishpact, .container-fluid .hpn a h2.nadpishpact, .container-fluid .prodfiltr a h2.nadpishpact { color: #FFF; background: #cc2127; border-color: #a22125; } .container-fluid .hpn h2.nadpishpnea, .container-fluid .hpn a h2.nadpishpnea, .container-fluid .prodfiltr a h2.nadpishpnea, .container-fluid .dalsi_but { margin-top: 20px; color: #000; background: #ffffff; border-color: #c8c7c7; } .container-fluid .dalsi_but:hover, .container-fluid .hpn h2.nadpishpnea:hover, , .container .prodfiltr h2.nadpishpnea:hover { color: #FFF; background: #cc2127; border-color: #a22125; } .container .prodfiltr h2, .container .prodfiltr a h2 { width: 90%; margin-right: 10%; } .mala .container .prodfiltr h2, .mala .container .prodfiltr a h2 { width: 90%; margin-right: 10%; } .nejmensi .container .prodfiltr h2, .nejmensi .container .prodfiltr a h2 { width: 90%; margin-right: auto; } .container .prodfiltr h2.filtrnejpr, .container .prodfiltr a h2.filtrnejpr, .mala .container .prodfiltr h2.filtrnejpr, .mala .container .prodfiltr a h2.filtrnejpr { width: 80%; margin-right: 7%; } .nejmensi .container .prodfiltr h2, .nejmensi .container .prodfiltr a h2, .mala .container .prodfiltr h2, .mala .container .prodfiltr a h2 { font-size: 14px; line-height: 16px; } .nejmensi .container .prodfiltr h2, .nejmensi .container .prodfiltr a h2 { width: 200px; margin-right: auto; } div.slider {overflow: hidden; margin-bottom: 0px; /* max-height: 220px; */ } div.slider .btn_slider {width: 20px; height: 20px; position: absolute; top: calc(50% - 20px); /*background: rgba(100,100,100,.6); */color: #dfe0e0; z-index: 1000; font-size: 25px; display: table;} div.slider .btn_slider i {display: table-cell; text-align: center; vertical-align: middle; top: 0;} div.slider .btn_slider:hover {color: #00c0f3; cursor: pointer;} div.slider .btn_slider.right {right: 0%;} .mala div.slider .btn_slider.right {right: 0.5%;} .nejmensi div.slider .btn_slider.right {right: -0.5%;} div.slider .btn_slider.left {left: 0;} div.inner_slider {transition: transform .5s ease-in-out} .procduximg img { width: 90%; height: auto; } div.productItem {text-align: center; margin: 10px 0 30px 0;} div.productItem > div {width: 90%; margin: 0 auto; border: 0px solid #ddd; padding: 2%; background: white; position: relative;} div.productItem .produkt_hover {z-index: 20; padding-top: 50%; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 192, 243, .15) /* url(/obrazky/dux/design/ico_lupa_l.png) no-repeat center center */; opacity: 0; transition: opacity .2s ease-in-out; color: white; font-size: 5em; text-align: center;} div.productItem:hover .produkt_hover {opacity: 1;} div.productItem .produkt_hover a { display: block; width: 100%; height: 100%; position:absolute; top: 0; left: 0; z-index: 22; } div.productItem > div a.nadpis { display: table; width: 100%; height: 70px; font: bold 20px/24px 'Roboto Condensed',arial, sans-serif; /* padding-bottom: 0px; */ margin-top: -20px; padding: 5px 0px 15px 0px; } div.productItem > div a h3 {display: table-cell; width: 100%; vertical-align: middle; font-size: 16px; line-height: 21px; color: #838383; text-align: center; padding: 0px 0px 0px 0px; } /* .nejmensi div.productItem > div a h3 {font-size: 15px;padding-left: 9px; } */ div.productItem > div a h3 span { display: block; max-height: 60px; overflow: hidden; } /* .nejmensi div.productItem > div a span.listnadpis, .nejmensi div.productItem > div a h3 { }*/ div.productItem a.prodimga span { display: block; border: 0px solid #dfe0e0; } div.productItem > div img { width: 100%; height: auto; margin: 0px auto; } div.productItem > div .cenovka { float: left;display: block; /*width: 50%;*/ text-align: center; font-size: 22px; color: rgb(2,178,252); font-family: 'Roboto Condensed', sans-serif; position: relative; top: 17px; } div.productItem > div .sklad { float: left; clear: both; display: block; width: 50%; text-align: left; font-size: 14px; color: black; padding-top: 6px; } div.productItem > div .sklad.green {color: #000/*009900*/;} div.productItem > div a.btnKoupit { z-index: 21; background: rgb(2,178,252); border: solid 0px #ddd; margin: 0px auto; width: 100px; text-transform: uppercase; position: relative; bottom: 6px;/* float: right; */ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display:block; color: #fff; text-align: center; white-space: nowrap; padding-top: 5px; padding-bottom: 5px; } div.productItem > div a.btnKoupit:hover { background: rgb(2,178,252); color: #fff; } div.productItem > div a.btnOblibeneIn {z-index: 21; position: relative; float: right; width: 20px; height: 19px; margin-left: 10px; background: transparent url(/obrazky/honitka/design/ico_oblibene.png) no-repeat 0 2px; } div.productItem > div a.btnOblibeneOut {z-index: 21; position: relative; float: right; width: 20px; height: 19px; margin-left: 10px; background: transparent url(/obrazky/honitka/design/ico_oblibenex.png) no-repeat 0 2px; } .btnKoupit .vlozit { display: inline-block; } .extramala .btnKoupit .vlozit { display: none; } div.productItem > div a.oblibhide { display: none; } div.productItem > div a.oblibshow { display: block; } /* div.productItem > div .sleva { position: absolute; left: 5px; top: 5px; background: rgb(204,33,39); padding: 5px 10px 5px 10px; color: white; font: 14px/16px 'Roboto Condensed', sans-serif; text-align: left; / * width: 78px; height: 52px; * / } div.productItem > div .novinka{ position: absolute; left: 5px; top: 5px; background: rgb(0,162,81); padding: 5px 10px 5px 10px; color: white; font: 14px/16px 'Roboto Condensed', sans-serif; text-align: left; / * width: 78px; height: 52px; * / } div.productItem > div .nejprodav{ position: absolute; left: 5px; top: 5px; background: rgb(0,171,205); padding: 5px 10px 5px 10px; color: white; font: 14px/16px 'Roboto Condensed', sans-serif; text-align: left; / * width: 78px; height: 52px; * / } div.productItem > div .akce{ position: absolute; left: 5px; top: 5px; background: rgb(204,33,39); padding: 5px 10px 5px 10px; color: white; font: 14px/16px 'Roboto Condensed', sans-serif; text-align: left; / * width: 78px; height: 52px; * / } */ div.productItem > div .sleva { position: absolute; right: 8px; top: 0px; /* background: url(/obrazky/funtoys/design/ico-sleva.png) no-repeat; */ padding: 10px 0px 0px 0px; color: white; font: 14px/16px 'Roboto Condensed', sans-serif; text-align: center; width: 37px; height: 37px;} div.productItem > div .novinka{ position: absolute; right: 8px; top: 0; /* background: url(/obrazky/funtoys/design/ico-new.png) no-repeat; */ left; width: 37px; height: 37px;} div.productItem > div .nejprodav{position: absolute; right: 8px; top: 0; /* background: url(/obrazky/funtoys/design/ico-nejprod.png) no-repeat; */ width: 37px; height: 37px;} div.productItem > div .akce{ position: absolute; right: 8px; top: 0; /* background: url(/obrazky/funtoys/design/ico-akce.png) no-repeat; */ width: 37px; height: 37px;} .nejmensi div.productItem > div .uzkyProdukt .sleva, .nejmensi div.productItem > div .uzkyProdukt .novinka, .nejmensi div.productItem > div .uzkyProdukt .nejprodav, .nejmensi div.productItem > div .uzkyProdukt .akce { background-size: 75% 75%; font-size: 12px; line-height: 13px; padding: 12px 0px 0px 9px; } .nejmensi div.productItem > div .uzkyProdukt .sleva { padding: 6px 0px 0px 12px; } .nejmensi div.productItem > div .uzkyProdukt .sklad { font-size: 11px; } .nejmensi div.productItem > div .nadpis.uzkyProdukt h3 { font-size: 15px; /* padding-left: 9px; padding-top: 9px; */ } .nejmensi div.productItem > div .nadpis.uzkyProdukt h3 span { max-height: 60px; } div.productItem span.productDesc { display: block; position: absolute; bottom: 20px; width: 90%; left: 12px; } .btn-default {background: #00c0f3; margin: 10px auto; color: white; font-family: 'Roboto Condensed', sans-serif; border: none;} .btn-default:hover { background: #00c0f3; color: white; /* background: #ccc; color: black; */ } .kosik_buttony .btn_pokracovat { margin: 13px auto 10px auto; } .mala .kosik_buttony .btn_pokracovat, .nejmensi .kosik_buttony .btn_pokracovat { white-space: normal; height: auto; line-height: 17px; } .mala .kosik_buttony .btn_pokracovat { width: 125px; } .nejmensi .kosik_buttony .btn_pokracovat { width: 95px; padding: 7px 7px; } .extramala .kosik_buttony .btn_pokracovat { display: none; } .nejmensi .produkt_hover .glyphicon-search { font-size: 70px; } .nejmensi div.productItem > div .uzkyProdukt .cenovka { float: left; font-size: 19px; } .nejmensi div.productItem > div .uzkyProdukt a h3 { width: 100%; font: normal 13px/15px 'robotoslab', times new roman; max-height: 49px; } /* .nejmensi div.productItem > div .uzkyProdukt { min-height: 140px; } */ .nejmensi div.productItem > div .cenovka { line-height: 30px; } .nejmensi div.productItem > div .uzkyProdukt { height: 70px; text-align: center; } .extramala div.productItem > div .uzkyProdukt { height: 80px; text-align: center; } .nejmensi div.productItem > div .uzkyProdukt .cenovka { float: none; } div.uvodItem { text-align: center; margin: 10px 0 10px 0; } div.uvodItem > div { width: 90%; margin: 0 auto; border: 1px solid #ddd; padding: 2%; background: white; position: relative;} div.uvodItem > div a.nadpis { display: table; width: 100%; height: 60px; font: bold 20px/24px 'Roboto Condensed',arial, sans-serif; /* padding-bottom: 0px; */ margin-top: 0px; padding: 5px 0px 5px 0px; text-decoration: none; } div.uvodItem > div a h3 { display: table-cell; width: 100%; vertical-align: middle; font-size: 18px; line-height: 21px; color: #838383; text-align: center; padding: 0px 0px 0px 0px; } .extramala div.uvodItem > div a.nadpis { font-size: 15px; height: 70px; } .extramala div.uvodItem > div a h3 { font-size: 15px; /* height: 70px; */ } /* .nejmensi div.uvodItem > div a h3 {font-size: 15px; padding-left: 9px; } */ div.uvodItem > div a h3 span { display: block; max-height: 60px; overflow: hidden; } /* .nejmensi div.uvodItem > div a span.listnadpis, .nejmensi div.uvodItem > div a h3 { }*/ div.uvodItem a.prodimga span { display: block; border: 0px solid #dfe0e0; } div.uvodItem > div img { width: 100%; height: auto; margin: 15px auto; } .nejmensi #hpbannery-balicky {height: 240px;} #hpbannery-balicky { display: block; height: 120px; position: relative; margin-bottom: 25px;} .bal {background-size: 100% auto; background-repeat: no-repeat; background-position: center; height: 120px; position: relative;} .bal.balicek_1 {background-image: url(banner_1.png);} .bal.balicek_2 {background-image: url(banner_2.png);} .bal.balicek_3 {background-image: url(banner_3.png);} .bal.balicek_4 {background-image: url(banner_4.png);} .bal p {padding: 10% 5% 0 50%; display: none; color: black; text-align: left; font-size: 12px;} .bal p a {color: #B2A57F;} #hpbannery-balicky.inner .bal p {display: block;} #hpbannery-balicky.inner .bal.balicek_1 {background-image: url(banner_1_empty.png);} #hpbannery-balicky.inner .bal.balicek_2 {background-image: url(banner_2_empty.png);} #hpbannery-balicky.inner .bal.balicek_3 {background-image: url(banner_3_empty.png);} #hpbannery-balicky.inner .bal.balicek_4 {background-image: url(banner_4_empty.png);} /* #hpbannery-balicky div.inner { height: 187px; background: url('banner-shop.png') 0px 0px no-repeat; position: absolute; left: -12px; top: 3px; } #hpbannery-balicky div.inner p { display: block; font-size: 12px; color: #1E1E1E;} #hpbannery-balicky div.inner p a { display: block; color: #B2A57F; margin-top: 5px; }*/ .hpbannery-spodni {border: 1px solid #DDD8C3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-top: 0; } .hpbannery-spodni form {padding: 15px; } .hpbannery-spodni form strong { color: #B2A57F; font-size: 17px; font-weight: normal; display: block; } .hpbannery-spodni form p { color: #3A3A3A; font-size: 12px;} .hpbannery-spodni form .input { border: 1px solid #D3D3D3; color: #3A3A3A; font-size: 13px; width: 90%; margin: 0;} .hpbannery-spodni form .submit {display: block; width: 40%; height: 25px; background: #b2a680; color: white; margin-top: 5px; border: 1px solid white;} .hpbannery-spodni a {} .hpbannery-spodni a img { display: block; width: 100%;} .hpbannery-spodni-xxl a { float: left; width: 499px; height: 138px; border-left: 1px solid #E3DFCE; padding: 1px; overflow: hidden; } .hpbannery-spodni-xxl a img { display: block; } .copyright { padding: 30px 0px 30px 0px; text-align: center; clear: both; } .copyright img { width: 100%; height: auto; } .nejmensi .copyright { padding-bottom: 0px; } .skryte {display: none;} .copyright .odkazy a { display: inline-block; color: transparent; margin: 0px 15px; } .nejmensi .copyright .odkazy a { margin: 0px 20px; } .mala .copyright .odkazy a { margin: 0px 25px; } .copyright .odkazy a.ff { width: 68px; height: 50px; background: url(/obrazky/honitka/loga/ico.funfactory.png) center center no-repeat; } .copyright .odkazy a.lelo { width: 96px; height: 50px; background: url(/obrazky/honitka/loga/ico.lelo.png) center center no-repeat; } .copyright .odkazy a.jejoue { width: 114px; height: 50px; background: url(/obrazky/honitka/loga/ico.jejoue.png) center center no-repeat; } .copyright .odkazy a.tenga { width: 120px; height: 50px; background: url(/obrazky/honitka/loga/ico.tenga.png) center center no-repeat; } .copyright .odkazy a.bijoux { width: 59px; height: 50px; background: url(/obrazky/honitka/loga/ico.bijoux.png) center center no-repeat; } .copyright .odkazy a.apek { width: 159px; height: 50px; background: url(/obrazky/honitka/loga/ico.apek.png) center center no-repeat; } .copyright .mapa_stranek a {font-size: 12px; text-decoration: none; color: black; border-left: 1px solid black; padding-left: 5px;} .copyright .mapa_stranek a.first { border: none; } .list-title {text-align: left;} .list-title h1 { color: #000000; font: 40px/46px "robotoslab_light",times new roman; padding: 10px 0; } .list-title h2 { color: #B2A57F; font-size: 20px; font-weight: normal; padding: 18px 0; } .list-title p { color: #1E1E1E; font-size: 15px; } .list-title a.list-button { width: 100%; float: left; margin-right: 14px; margin-bottom: 10px; height: 80px; overflow: hidden; border: 0px solid #DDD8C3; text-align: left; text-decoration: none; padding-right: 15px; padding-top: 10px; cursor: pointer; } .list-title a.list-button img { display: block; float: left; margin: 0 0 0 10px; } .list-title a.list-button strong { display: block; margin-left: 90px; margin-top: 0px; font-size: 14px; line-height: 16px; color:#000; text-transform: uppercase; font-weight: normal; text-decoration: none; padding-bottom: 4px; } .list-title a.list-button span { display: block; margin-left: 90px; font-size: 12px; line-height: 16px; color: #000; } .list-title a:hover strong { text-decoration: underline; } .filtry_inner a.downed { float: left; background: url(/obrazky/intimity/design/ico.down.png) right center no-repeat; font-size: 14px; color: #1E1E1E; text-decoration: none; line-height: 40px; padding:0 15px 0 10px; } .filtry_inner .sliderbox {float: left; height: 40px; position: relative; padding-top: 15px;} .filtry_inner input { margin-left: 20px; float: left; margin-top: 15px; } .filtry_inner label { float: left; font-size: 14px; color: #1E1E1E; line-height: 40px;} .filtry_inner .sliderbox span#sliderbox_label1 { float: left; text-align: right; color: #1E1E1E; font-size: 14px; width: 21%; margin: 0 ; } .filtry_inner .sliderbox span#sliderbox_label2 { float: right; text-align: left; color: #1E1E1E; font-size: 14px; width: 21%; margin: 0 ;} .nejmensi .sliderbox span {font-size: 10px !important;} #slider-range { width: 50%; height: 15px; margin: 0 4%; background: transparent url(/obrazky/intimity/design/bg.doubleslider.png) left bottom no-repeat; background-size: 100% 80%; border: none; float: left; position: relative;} #slider-range .ui-slider-handle.first-handle { width: 21px; height: 26px; background: url(/obrazky/intimity/design/btn.sliderleft.png); position: absolute; display: block; cursor: pointer; border: none; outline: none; top: -.3em; margin-left: -.6em; z-index: 2 } #slider-range .ui-slider-handle.second-handle { width: 21px; height: 26px; background: url(/obrazky/intimity/design/btn.sliderright.png); position: absolute; display: block; cursor: pointer; border: none; outline: none; top: -.3em; margin-left: -.6em; z-index: 2 } #slider-range .ui-slider-range { background: url(/obrazky/intimity/design/bg.doubleslider2.png) left bottom no-repeat; background-size: 100% 80%; height: 15px; border: none; top: 0; display: block; font-size: .7em; z-index: 1; position: relative; } .list-header {z-index: 2; border-bottom: 1px solid #DBD6C1;} .list-header > div > a {font-size: 14px; color: black; text-decoration: none; padding: 10px 0; width: 33.333333%; display: block; float: left; border-left: 1px solid #B2A57F;} .nejmensi .list-header > div > a {font-size: 10px;} .list-header > div > a:last-child {border-right: 1px solid #B2A57F;} .list-header > div > a.selected {background: #F3EED8;} .list-header strong { float: left; font-weight: normal; color: #1E1E1E; font-size: 14px; margin-left: 14px; line-height: 40px; } .list-header strong span { display: none; } div.ovlstranky strong.pocpolozek { font-weight: normal; position: absolute; right: 16px; top: 31px; } .extramala strong.pocpolozek { display: none; } div.strankovani { font-size: 14px; padding: 30px 0px 30px 0px; text-align: left; /* center; */ } .nejmensi div.strankovani { text-align: left; padding-left: 15px; } .extramala div.strankovani { text-align: center; padding-left: 0px; } div.strankovani a { display: inline-block; margin: 0px 3px; color: #00c0f3; border: solid 1px #00c0f3; padding: 0px 5px; } div.strankovani a.selected { color: #333; border: solid 1px #333; } div.strankovani span { display: inline-block; margin: 0px 3px; color: #333; border: solid 1px #333; padding: 0px 5px; } .nejmensi div.strankovani a, .nejmensi div.strankovani span { font-size: 12px; } .list-vypis { border: 1px solid #DBD6C1; padding-bottom: 1px; z-index: 1; width: 981px; padding-left: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: white url(/obrazky/intimity/design/bg.list.png) left bottom repeat-x; } .list-vypis .productItem { width: 245px; height: 234px; background: url(/obrazky/intimity/design/bg.listitem.png); } .list-vypis .productItem.first { background: url(/obrazky/intimity/design/bg.listitem.first.png); } .list-vypis .productItem.last { height: 232px; } .list-vypis .noResult { font-size: 12px; color: #1E1E1E; padding: 28px; } .content_text { padding: 0px 15px 0px 15px; } .content_text h1 { color: #00c0f3; font-size: 35px; font-weight: normal; padding: 18px 0px;} .content_text h2 { color: #00c0f3; font-size: 20px; font-weight: normal; padding: 0px 0px;} .content_text p { margin: 14px 0px; color: #000000; font: normal 15px/20px 'roboto', times new roman; } .content_text a { color: #00c0f3; } .content_text ul { margin-left: 20px; margin-top: 10px; font-size: 15px; color: #000; } .content_text table { font-size: 15px; color: #000; } .content_text .right { margin: 0px 0px 0px 20px; } .content_text .right table { margin: 10px 0px 0px 20px; } .content_text ul li { padding: 5px 0px;} .fb_iframe_widget_fluid {display: inline-block !important;} .produkt_h1 { text-align: left; display: block; color: #00c0f3; padding: 0px 0px 15px 0px; font: bold 30px/35px 'robotoslab_light', times new roman;} .nejmensi .produkt_h1 { font: normal 28px/33px 'robotoslab_light', times new roman;} /* .produkt_box1 { margin-top: 10px;} */ .produkt_box1 .photogalery a div {margin: 0; padding: 1px; border-radius: 0; width: 20%; background-size: cover; background-position: center; float: left; border: 0px solid #ccc; margin-right: 4.5%; margin-top: 5px;} .produkt_box1 .produkt_anotace { padding-bottom: 12px; } .produkt_box1 .photogalery a div.first { width: 90%; margin-left: 0; text-align: center;} .mala .produkt_box1 .photogalery a div.first { width: 100%; } .nejmensi .produkt_box1 .photogalery a div.first {width: 100%;} .nejmensi .produkt_box1 #detailproductslider > div {width: 32%; position: relative; margin-left: 1.25%;} .nejmensi .produkt_box1 #detailproductslider > div:nth-child(1) {margin-left: 0px;} .produkt_box1 .photogalery a.dalsi { font-size: 14px; color: #B2A57F; display: block; width: 100%; padding: 0 10% 0 0; text-align: right;} .produkt_box1 .photogalery a div.first img {max-width: 100%; max-height: 360px;} .produkt_box1 .photogalery a div img {max-width: 100%; max-height: 180px;} .mala .produkt_box1 .photogalery a div.first img, .nejmensi .produkt_box1 .photogalery a div.first img { max-height: 280px; } .nejmensi #rightdetailcontainer, .mala #rightdetailcontainer { margin-top: 15px; } .produkt_box1 .photogalery .detailphotoslidercrop { width: 90%; } .nejmensi .produkt_box1 .photogalery .detailphotoslidercrop { width: 100%; } .produkt_box1 .photogalery .detailphotoslider { width: 102.0%; margin: 20px auto; padding-bottom: 2px; } .nejmensi .produkt_box1 .photogalery .detailphotoslider { width: 105%; margin: 20px auto; } .produkt_box1 #leftdetailblock { padding-left: 0px; overflow: hidden; } .mala .produkt_box1 #leftdetailblock { padding-right: 0px; } .nejmensi .produkt_box1 #leftdetailblock { padding-right: 0px; } /* .doporsort { padding-bottom: 30px; } .nejmensi .doporsort { padding-bottom: 20px; /* padding-left: 15px; padding-right: 15px; * / } */ .mala .doporsort, .stredni .doporsort { padding-left: 5px; padding-right: 5px; } /* .produkt_box1 .detailphoto { margin-right: 2%; } */ .produkt_box1 .detailphoto a div { margin: 0; padding: 1px; border-radius: 0; width: 90%; background-size: auto 96%/*cover*/; height: 150px; text-align: center; background-repeat: no-repeat; background-position: center center; float: left; border: 1px solid #ccc; margin-right: 2%; /*margin-top: 20px;*/} .produkt_box1 .detailphoto a div.first {width: 100%; margin-left: 0;} .produkt_box1 .detailphoto a.dalsi { font-size: 14px; color: #B2A57F; display: block; width: 100%; padding: 0 10% 0 0; text-align: right;} .produkt_box1 .detailphoto a div.first img {max-width: 100%; max-height: 560px;} .produkt_box1 .detailphoto a div img {max-width: 100%; max-height: 180px; height: 100%; width: auto;} /* .nejmensi .produkt_box1 .detailphoto a { width: calc(100% + 15px); display: block; } .nejmensi .produkt_box1 .detailphoto a div { width: calc(90% + 10px); } .nejmensi .produkt_box1 .detailphoto a div.first {width: 100%;} .nejmensi .produkt_box1 .photogalery a div {width: 33.3333%; position: relative;} */ .produkt_box1 .produkt_table { color: #000000; font: normal 16px/23px 'roboto', times new roman; /* margin-top: 5%; */ } .produkt_box1 div.cena { margin: 15px 0px 15px 0px; font: bold 40px/46px 'robotoslab', times new roman; } .nejmensi .produkt_box1 div.cena { font: normal 30px/36px 'robotoslab', times new roman;} .produkt_box1 div.beznacena span, .produkt_box1 div.cena span { color: #00c0f3; } .produkt_box1 div.dostupnost.green { color: #000; } .produkt_box1 table a { color: #B2A57F; font-size: 12px; } .produkt_box1 table a.btn_koupit {display: block; width: 100%; height: 60px; padding: 0; background: #B2A57F; color: white; font-size: 35px; text-decoration: none; border: 4px double white; text-align: center; margin: 30px 0; } .mala .produkt_box1 table a.btn_koupit {font-size: 25px; padding-top: 10px;} .produkt_box1 table a.btn_koupit:hover { text-decoration: underline;} .produkt_box1 .barevne-varianty a img { /* border: 1px solid #CCCCCC; */ -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px; } .produkt_box1 .barevne-varianty a { float: left; margin: 5px 10px 5px 0;} .produkt_box1 .barevne-varianty a.selected { /*border: 3px solid #EAE5C7; margin-top: 2px;*/} .produkt_box1 .dalsi-velikosti a { float: left; margin: 0px 15px 0px 0px; color: #cc2127; } .produkt_box1 .dalsi-velikosti a.selected { color: #000; } .produkt_box1 .certifikat img {max-width:100%; margin-top: 25px;} .produkt_box1 .produkt_table .detailkosikcont { margin: 30px 0px 0px 0px; } .produkt_box1 .produkt_table a.detailkosik { display: block; /* width: 150px; height: 150px; */ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #00c0f3 url(/obrazky/dux/design/ico_kosik.png) no-repeat 30px 15px; padding: 20px 30px 20px 72px; float: left; } .produkt_box1 .produkt_table a.detailkosik span, .kosik_buttony .btn_objednat, .prihlregistr .btn_zavobjednat { color: #fff; display: block; text-align: center; text-transform: uppercase; padding: 82px 20px 0; font: normal 16px/20px 'roboto_cond', times new roman; } .produkt_box1 .produkt_table a.detailkosik span { padding: 0px; } .prihlregistr .btn_zavobjednat, .kosik_buttony .btn_objednat { background: #00c0f3; padding: 25px 20px 25px 20px; border: 1px solid transparent; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .kosik_buttony .btn_objednat, .prihlregistr .btn_zavobjednat { width: 240px; float: right; } .mala .kosik_buttony .btn_objednat { width: 200px; } .produkt_box1 .produkt_table a.btnOblibeneIn { z-index: 21; position: relative; top: 7px; padding: 45px 10px 5px; background: transparent url(/obrazky/honitka/design/ico_detail_oblibene.png) no-repeat center 5px; font: normal 16px/20px 'roboto_cond', times new roman; color: #cc2127; text-transform: uppercase; } .produkt_box1 .produkt_table a.btnOblibeneOut { z-index: 21; position: relative; top: 7px; padding: 45px 10px 5px; background: transparent url(/obrazky/honitka/design/ico_detail_oblibenex.png) no-repeat center 5px; font: normal 16px/20px 'roboto_cond', times new roman; color: #cc2127; text-transform: uppercase; } /* .extramala .produkt_box1 .produkt_table a.btnOblibeneIn, .extramala .produkt_box1 .produkt_table a.btnOblibeneOut { display: none; } */ .produkt_box1 .produkt_table a.oblibhide { display: none; } .produkt_box1 .produkt_table a.oblibshow { display: inline-block; } .produkt_box1 .produkt_table a.btnPoslat { z-index: 21; position: relative; top: 20px; padding: 45px 10px 5px; display: inline-block; background: transparent url(/obrazky/honitka/design/ico_obalka.png) no-repeat center 5px; font: normal 16px/20px 'roboto_cond', times new roman; color: #cc2127; text-transform: uppercase; } .extramala .produkt_box1 .produkt_table .poslatblok { display: none; } .extramala .produkt_box1 .produkt_table .oblibblok { float: right; } .poslatblok form { display: none; background: #fff; border: solid 1px #dfe0e0; list-style-type: none; padding: 0; margin: 0; padding-bottom: 47px; /*padding-top: 30px;*/ overflow: hidden; position: absolute; top: 86px; right: 0px; z-index: 980; /* border-top: 0; */ } .poslatblok form input { width: calc(100% - 20px); margin: 10px 10px 0px 10px; border: solid 1px #dfe0e0; padding: 4px 4px 3px 4px; font: normal 12px/14px 'Roboto Condensed',arial; } .poslatblok form textarea { width: calc(100% - 20px); margin: 10px 10px 0px 10px; border: solid 1px #dfe0e0; padding: 4px 4px 3px 4px; font: normal 12px/14px 'Roboto Condensed',arial; height: 80px; } .poslatblok form .submit_hledej { right: 0px; bottom: 10px; } /* .produkt_box1 .produkt_table .oblbut-center { text-align: center; } */ .detail_benefity {padding: 35px 0px 25px 0px;} .detail_benefity > div {position: relative; text-align: center;} /* .detail_benefity:hover div img {display: none;} .detail_benefity:hover div img:nth-child(2) {display: block;} .detail_benefity:hover div span {display: block;} */ .detail_benefity img {display: block; max-width: 60%; margin: 15px auto;} .nejmensi .detail_benefity img {max-width: 80%; } .detail_benefity div img:nth-child(2) {display: none;} .detail_benefity a {color: #cc2127;} .detail_benefity div > span {display: block; margin: -3px auto 30px auto; /*position: absolute; top: 28%; left: 45%; */font: 16px 'Roboto',arial; color: #000000;} /* .nejmensi .detail_benefity div > span {top: 22%; left: 42%; font-size: 12px;} */ .nejmensi .detail_benefity div > span { font-size: 14px; } .produkt_submenu { width: 100%; margin-top: 25px; height: 46px; margin-top: 15px; padding-left: 0px; padding-right: 0px; border-bottom: solid 3px #e0e0e0 !important; text-align: left; } /* .nejmensi .produkt_submenu { width: 110%; } */ .produkt_submenu ul { list-style: none;} .produkt_submenu ul li { float: left; padding: 11px 20px 11px 20px; background-repeat: no-repeat; background-position: left center; /*width: 25%;*/ text-align: left; } .produkt_submenu ul li a { font: normal 16px/20px 'robotoslab_light', times new roman; color: #000; text-decoration: none; } /* .mala .produkt_submenu ul li { padding-right: 20px; } .mala .produkt_submenu ul li a { font: normal 14px/16px 'robotoslab_light', times new roman; } .extramala .produkt_submenu ul li { padding-right: 15px; } */ .nejmensi .produkt_submenu ul li { padding-left: 15px; padding-right: 15px; } .extramala .produkt_submenu ul li { padding-left: 10px; padding-right: 10px; } .extramala .produkt_submenu ul li a { font: normal 13px/16px 'robotoslab_light', times new roman; } .produkt_submenu ul li a span { color: #00c0f3; display: inline;} .produkt_submenu ul li.first.selected { border-left: 0;} .produkt_submenu ul li.selected { border-bottom: solid 3px #00c0f3 !important; text-align: left; } .produkt_submenu ul li.selected a { color: #00c0f3; } .produkt_submenu ul li.det_sestava { background-image: url(/obrazky/dux/design/ico_sestava.png); } .produkt_submenu ul li.det_popis { background-image: url(/obrazky/dux/design/ico_popis.png); } .produkt_submenu ul li.det_navody { background-image: url(/obrazky/dux/design/ico_navody.png); } .produkt_submenu ul li.det_videa { background-image: url(/obrazky/dux/design/ico_videa.png); } .produkt_submenu ul li.det_sestava a { padding-left: 25px; } .produkt_submenu ul li.det_popis a { padding-left: 32px; } .produkt_submenu ul li.det_navody a { padding-left: 44px; } .produkt_submenu ul li.det_videa a { padding-left: 33px; } .produkt_submenu ul li.det_sestava.selected { background-image: url(/obrazky/dux/design/ico_sestava_act.png); } .produkt_submenu ul li.det_popis.selected { background-image: url(/obrazky/dux/design/ico_popis_act.png); } .produkt_submenu ul li.det_navody.selected { background-image: url(/obrazky/dux/design/ico_navody_act.png); } .produkt_submenu ul li.det_videa.selected { background-image: url(/obrazky/dux/design/ico_videa_act.png); } .produkt_submenu ul li.det_videa { padding-right: 0px; } .produkt_subcontent {background: white; text-align: left; /* width: 90%; border-top: 1px solid #dfe0e0; margin-top: 20px;*/ padding-top: 25px; } .nejmensi .produkt_subcontent {width: 100%; } .produkt_subcontent .content_text { padding: 0; } .produkt_subcontent .content_text a { color: #000000; } .souvis_vyrobky { } .souvis_vyrobky h3.souvis_nadpis { color: #00c0f3; font: normal 20px/25px 'roboto', arial; padding: 10px 0px 10px 0px; /* border-top: solid 3px #e0e0e0 !important;*/ } .nejmensi .souvis_vyrobky h3.souvis_nadpis { padding-left: 13px; /* padding-right: 13px; */ } #sestava_box table {font-size: 14px; margin-top: 10px; } #sestava_box h2 { padding-bottom: 10px; } #sestava_box table td {padding-right: 10px; padding-bottom: 5px; } #sestava_box table td span { font-size: 12px; } #sestava_box table td span.green { color: #009900; } .footerodsaz { clear: both; float: none; height: 30px; position: relative; } .vlastni_sestava { font-size: 12px; } #tab_photo { padding: 0;} #tab_photo a div { width: 96%; float: left; position: relative;} /* #tab_photo a div img {max-width: 250px; max-height: 250px;} .mala #tab_photo a div {width: 33.33333%;} .nejmensi #tab_photo a div {width: 50%;}*/ a.button { padding: 1px; color: white; text-decoration: none; border: 1px solid #b2a680; float: left; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-right: 10px; } a.button span { display: inline; background: #b2a680; padding: 14px; font-size: 25px; display: block; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } a.button:hover { text-decoration: underline; } input.button { padding: 1px; color: white; text-decoration: none; border: 1px solid #b2a680; float: left; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-right: 10px; } input.button span { display: inline; background: #b2a680; padding: 14px; font-size: 25px; display: block; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } input.button:hover { text-decoration: underline; } .vybervelikosti { margin: 25px 0px 0px 0px; position: relative; } .vybervelikosti span, .vybervelikosti a { text-decoration: none; cursor: pointer; color: #333; display: block; font-size: 14px; } .vybervelikosti #sizespan { border: solid 2px #00c0f3; cursor: pointer; padding: 5px 8px; background: #fff url(/obrazky/dux/design/ico_filters_act.png) no-repeat 94% 10px; width: 220px; display: block; font-weight: normal; } .vybervelikosti ul { border: solid 2px #00c0f3; position: absolute; top: 0px; left: 0px; z-index: 50; /*display: none;*/ background: #fff; list-style-type: none; padding: 5px 8px; margin: 0; width: 220px; } .vybervelikosti ul li span, .vybervelikosti ul li a { font-size: 14px; padding: 2px 0px 2px 5px; } .vybervelikosti ul li:hover { background: #00c0f3; } .vybervelikosti ul li:hover span, .vybervelikosti ul li:hover a { color: #fff; } .vybervelikosti ul li.nedostupne:hover { background: #fff; } .vybervelikosti ul li.nedostupne span, .vybervelikosti ul li.nedostupne a, .vybervelikosti ul li.nedostupne:hover span, .vybervelikosti ul li.nedostupne:hover a { color: #aaa; } /* .formular_kosik { width: 25px; border: 1px solid #cccccc; padding: 2px; margin-right: 5px; position: relative; top: 3px; } */ .tabulka-kosik td, .tabulka-kosik th { white-space: nowrap; padding-right: 10px; font-size: 13px; vertical-align: top } .zpusob_platby label {font-weight: normal; display: block;} .form-objednavka label {width: 25%;} .form-objednavka input {width: 60%;} .form-objednavka textarea {width: 85%; resize: none;} .dalsi_velikosti { font-size: 14px;} .nejmensi .button_objednavka {margin: 10px 0;} .button_objednavka {display: inline-block; font-size: 25px; padding: 20px 50px 15px; background: #B2A57F; color: white !important; text-align: center; margin-right: 15%;} .btn_small {font-size: 15px; padding: 5px 20px 5px; float: left;} .nejmensi .btn_small {float: none; margin: 10px auto; display: block;} /* .btn_objednat {float: right; margin-right: 0; background: #009900; padding-left: 50px; padding-right: 50px;} .btn_objednat:hover {background: #006d00;} */ .fbLikeBox {border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-align: center; background: white; margin: 20px 0; overflow: hidden } .h1Nadpis {color: #666; font-size: 13px; font-weight: normal; padding-top: 13px; text-align: left;} .fotogalerie a {display: block; float: left;width: 23%; margin: 1%;} .nejmensi .fotogalerie a {width: 48%; margin: 1%;} .mala .fotogalerie a {width: 31.3333%; margin: 1%;} .fotogalerie a img {width: 100%;} .fotogalerie_stranky a {display: block; float: left;width: 23%; margin: 1%;} .nejmensi .fotogalerie_stranky a {width: 48%; margin: 1%;} .mala .fotogalerie_stranky a {width: 31.3333%; margin: 1%;} .fotogalerie_stranky a img{width: 100%;} h1.pgnadpis { color: #cc2127; font: bold 30px/35px 'robotoslab_light', arial; } .nejmensi h1.pgnadpis { font: bold 26px/30px 'robotoslab_light', arial; } .extramala h1.pgnadpis { font: bold 20px/25px 'robotoslab_light', arial; } #nakupokno a.espridanobuttkosik { background: transparent url(/obrazky/dux/design/ico_kosik.png) no-repeat 0px 12px; width: 56px; height: 86px; background-size: 90% 55%; float: right; margin-right: 54px; cursor: pointer; text-transform: uppercase; font: normal 14px/16px 'roboto', arial; color: #fff; } #nakupokno .espridanokontejner { padding: 18px 0px 0px 5px; font: normal 14px/20px 'robotoslab', arial; color: #fff; text-align: center; width: 150px; margin-left: 13px; text-transform: uppercase; } #nakupokno .espridanobuttnakup { cursor: pointer; padding: 5px; font: normal 14px/16px 'roboto', arial; color: #fff; width: 186px; text-align: center; margin: 10px 0px 0px 8px; text-transform: uppercase; border: solid 1px #fff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } #nakupokno .seznam18kontejner { padding: 20px 0px 20px 0px; font: normal 14px/20px 'robotoslab', arial; color: #fff; text-align: left; margin: 0px 50px 0px 50px; } #nakupokno .seznam18kontejner h2 { text-align: center; padding: 10px 0px; } #nakupokno .seznam18kontejner .btn_left { float: left; } #nakupokno .seznam18kontejner .btn_right { float: right; } #nakupokno .esslevainfokontejner { padding: 13px 0px 0px 0px; font: normal 14px/20px 'robotoslab', arial; color: #fff; text-align: center; width: 280px; margin: 0px auto 23px auto; text-transform: uppercase; } #nakupokno .esslevainfobutt { cursor: pointer; padding: 5px 20px; font: normal 14px/16px 'roboto', arial; color: #fff; text-align: center; margin: 0px; text-transform: uppercase; border: solid 1px #fff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } #nakupokno .obchod { background: transparent url(/obrazky/design/nakupbox_left.png) no-repeat 8px 10px; padding-left: 21px; padding-right: 10px; } #nakupokno .kosik { background: transparent url(/obrazky/design/nakupbox_right.png) no-repeat calc(100% - 8px) 10px; padding-right: 21px; padding-left: 10px; } #backwhiteDiv { background: #00c0f3; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } #backwhiteDiv2 { position: relative; overflow: auto; top: 10px; margin-left: 10px; } #backwhiteDiv.lightbox { background: #abcdef; box-shadow: 0px 0px 15px 5px #000000; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } IFRAME.lightbox_iframe { padding: 0px 8px 10px 8px; } BODY.lightbox_body { background: #abcdef; padding: 5px 20px 0px 0px; text-align: left; font-size: 14px; } BODY.lightbox_body A { text-decoration: none; font-weight: bold; color: blue; /* #00c0f3; */ } BODY.lightbox_body A:hover { text-decoration: underline; font-weight: bold; color: blue; /* #00c0f3; */ } BODY.lightbox_body UL LI { margin-left: 20px; padding: 5px 10px; } .like-block { width: 100px; height: 90px; display: inline-block; margin-right: 5px; padding: 9px; border: 1px solid #3e9cbf; border-radius: 5px; } .like-button { height: 30px; width: 100%; text-align: center; vertical-align: middle; border-radius: 5px; background: #3e9cbf; padding: 8px 14px 10px; border: 1px solid #3e9cbf; cursor: pointer; font-size: 0.8em; font-family: Oswald, sans-serif; letter-spacing: .1em; text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.3); color: #fff; box-shadow: inset 0px 1px 0px #3e9cbf, 0px 5px 0px 0px #205c73, 0px 10px 5px #999; } .like-button:hover { color: #dfe7ea; box-shadow: inset 0px 1px 0px #3e9cbf, 0px 2px 0px 0px #205c73, 0px 2px 5px #999; } .like-counter { height: 30px; border: 2px solid #205c73; text-align: center; margin-bottom: 10px; border-radius: 5px; font-size: 1em; font-family: Oswald, sans-serif; letter-spacing: .1em; text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.3); color: #fff; background: #3e9cbf; padding-top: 10px; } .desaturate { filter: grayscale(100%); -webkit-filter: grayscale(100%); } .desaturateie { filter: gray; } .container .xswithpad { padding-right: 15px; } .nejmensi .container .xsnopad, .nejmensi .container.xsnopad { padding-left: 0px; padding-right: 0px; } .nejmensi .container .xswithpad, .nejmensi .container.xswithpad { padding-left: 12px; padding-right: 12px; } #fbiframe { margin: 20px 45px 0px 0px; transform: scale(1.4); -ms-transform: scale(1.4); -webkit-transform: scale(1.4); -o-transform: scale(1.4); -moz-transform: scale(1.4); transform-origin: bottom left; -ms-transform-origin: bottom left; -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -webkit-transform-origin: bottom left; } #fbiframe ._2tga { background: transparent; border: 1px solid #fff; color: #fff; cursor: pointer; } .menaflip { width: 68px; height: 70px; position: absolute; top: -10px; right: 40px; -webkit-perspective: 500; -moz-transform-style: preserve-3d; -moz-transform: perspective(500px); } .menaflip > img { transition: all .5s; transform: rotateY(00deg); } .menaflip:hover > img { transform: rotateY(180deg); } .menaflip .menapredni { z-index: 1; position: relative; } .menaflip .menazadni { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: rotateY(-180deg); } .menaflip:hover .menazadni { transform: rotateY(0deg); z-index: 2; } .nejmensi #selfpromocont, .extramala #selfpromocont, .nejmensi #selfpromocont, .mala #selfpromocont { display: none; } .kosik_buttony .menaflip { position: relative; /* right: 40px; */ top: 5px; left: auto; } .kosik_buttony .menaflip .menazadni { position: absolute; top: -22px; left: 0; width: auto; height: auto; } /* .nejmensi .kosikpokr { display: block !important; } .extramala .kosikpokr { display: none !important; } */ .kosikmena { text-align: center; } .extramala .kosikmena { text-align: left; } .extramala .kosik_buttony .menaflip { right: 0px; } .nejmensi .footercontblack .footramecek { width: 382px; margin: 20px auto 20px auto; } .nejmensi .eetmessage { margin-left: 0px; width: 100%; padding: 20px 15px 0px 15px; } @media screen and (max-width: 590px) { .nejmensi .newslfbook { clear: both; margin-top: 0px; padding-top: 20px; position: static; right: auto; top: auto; } .nejmensi .footmenu { margin: 0px auto 20px auto; width: 100%; /*260px;*/ } .nejmensi .footercontblack .footfacebook { text-align: center; padding-top: 20px; padding-bottom: 10px; } .nejmensi .footercontblack .footfacebook .najdete { margin-bottom: 20px; display: inline-block; } .nejmensi .footercontblack .footfacebook .label { padding-bottom: 18px; display: inline-block; } } @media screen and (max-width: 430px) { .nejmensi .footercontblack .footramecek { background-size: contain; width: 100%; text-align: center; } .nejmensi .footercontblack .footramecek a { font-size: 25px; line-height: 40px; padding: 17.5% 0px 0px 0px; } .nejmensi .footercontblack .footramecek { margin-bottom: 0px; } } @media screen and (min-width: 570px) { .nejmensi .cenablok { position: relative; /*left: 15%; width: 85%;*/ } } .mfp-close { color: #FFF; text-align: right; width: 100%; font-weight: normal; overflow: visible; cursor: pointer; background: transparent; border: 0; display: block; outline: none; padding: 0px; z-index: 1046; box-shadow: none; touch-action: manipulation; right: 0px; text-decoration: none; opacity: 0.65; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; -webkit-appearance: none; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; } .mfp-close:hover { opacity: 1; } .close_no { position: absolute; top: -9px; right: 2px; font-size: 18px; -ms-transform: scale(1, 0.8); -webkit-transform: scale(1, 0.8); transform: scale(1, 0.8); } /* .indexYTcont { display:none; z-index: 1000; padding-top: 0px; position:absolute; left: 191px; top: -30px; margin: 0px auto; max-width: 800px; max-height: 474px; } .mala .indexYTcont, .nejmensi .indexYTcont { top: -10%; } */ .cookie_info { position: fixed; bottom: 0; left: 0; width: 100%; opacity: 0; color: black; background-color: white; z-index: 1000; padding: 3px 8px; text-align: center; font-size: 13px; border-top: solid 2px #00c0f3; } .cookie_info a { color: #00c0f3; text-decoration: none; font-weight: bold; } .cookie_info button { border: none; background-color: #00c0f3; margin: 5px 10px 5px 20px; padding: 5px 8px; color: white; font-size: 14px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .cookie_text { padding-top: 10px; } .obj_osudaje { margin: 40px 0px 20px 0px; padding-left: 10px; position: relative; top: 14px; } .akcecont SPAN, .spodnicont SPAN { background: #00c0f3; color: #fff; } .bezpotvrzeni { display: block; margin: 50px auto 0px auto; max-width: 400px; color: #333; font: normal 14px/26px 'roboto',arial; } .prihlregistr table.estableprihl .gdpr_reg { padding: 15px 0px 0px 0px; } .prihlregistr table.estableprihl .gdpr_reg input { float: left; margin: 2px 0px 0px 2px; width: auto; } .prihlregistr table.estableprihl .gdpr_reg span { float: right; width: calc(100% - 25px); font-weight: normal; font-size: 13px; } .prihlregistr table.estableprihl .gdpr_reg a { color: #00c0f3; } @media screen and (min-width: 768px) { .container { width: 736px; } } @media screen and (min-width: 992px) { .container { width: 960px; } } @media screen and (min-width: 1200px){ .container { width: 1168px; } } @media screen and (max-width: 580px) { .xs-w33 { width:33%; } .xs-w66 { width:66%; } .xs-hide{ display:none; } } .mala .xs-w33 { width:33%; } .mala .xs-w66 { width:66%; } .mala .xs-hide{ display:none; } @media screen and (max-width: 590px) { .footercontblack .footmenu ul li a { text-align: center; } } .extramala #test { opacity: 0.8; } #test { display: none; }