/* Barvy */
/* hlavni barva */
/* sklad */
/* cena */
/* strankovani aktivni */
/* bg news */
/* odkazy v clanku */
/** ######################################################################## **/
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ACc0CsE.ttf) format('truetype');
}
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBic0CsE.ttf) format('truetype');
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxP.ttf) format('truetype');
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fChc9.ttf) format('truetype');
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfChc9.ttf) format('truetype');
}
html,
body,
form,
fieldset {
margin: 0;
padding: 0;
border: 0;
}
body {
background: #e2e2e2 url('../images/body_bg_ef4dd4947b.jpg') repeat;
color: #000000;
font-family: Arial, sans-serif;
line-height: 1.5;
font-size: 12px;
width: 100%;
position: relative;
}
a.bannerCetelem {
width: 200px;
height: 660px;
position: fixed;
display: block;
margin-left: -210px;
margin-top: 50px;
}
@media (max-width: 1280px) {
a.bannerCetelem {
display: none;
}
}
p {
font-size: 12px;
line-height: 1.5;
margin: 3px 0;
}
a img {
border: 0;
}
a {
color: #006f9f;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
blockquote {
font-style: italic;
margin: 5px;
padding-left: 45px;
padding-right: 35px;
padding-top: 10px;
}
h1 {
font-size: 15px;
color: #000;
margin: 0;
padding: 5px 0;
font-family: 'Roboto';
font-weight: 500;
}
h2 {
font-size: 15px;
color: #000;
margin: 0;
padding: 5px 0;
font-family: 'Roboto';
font-weight: 500;
}
h3 {
font-size: 15px;
color: #000;
font-weight: bold;
margin: 0;
padding: 3px 0;
font-family: 'Roboto';
}
h4 {
font-size: 14px;
font-weight: bold;
margin: 0;
padding: 3px 0;
}
h5 {
font-size: 13px;
font-weight: bold;
margin: 0;
padding: 3px 0;
}
strong.bokPrechod {
display: block;
font-size: 17px;
color: #000;
font-family: 'Roboto', sans-serif;
font-weight: 500;
}
.bokPrechod {
line-height: 26px;
padding: 0;
margin: 5px 0 15px 0;
text-transform: uppercase;
}
.bokPrechod span {
background: #ffe462;
/* Old browsers */
background: -moz-linear-gradient(top, #ffe462 0%, #ffb84d 81%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffe462), color-stop(81%, #ffb84d));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffe462 0%, #ffb84d 81%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffe462 0%, #ffb84d 81%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffe462 0%, #ffb84d 81%);
/* IE10+ */
background: linear-gradient(to bottom, #ffe462 0%, #ffb84d 81%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe462, endColorstr=#ffb84d, GradientType=0);
/* IE6-9 */
width: 18px;
height: 26px;
display: inline-block;
margin-right: 8px;
position: relative;
top: 7px;
text-indent: -9999px;
}
.bokPrechod span.top0 {
top: 0;
}
.tocenter {
text-align: center;
}
.toleft {
text-align: left;
}
.toright {
text-align: right;
}
.float-left {
float: left;
}
.float-right {
float: right;
}
.clear {
clear: both;
}
.bold {
font-weight: bold;
}
.displayNone {
display: none;
}
/** ######################################################################## **/
div#main {
width: 1000px;
margin: 0 auto;
position: relative;
}
div.garance-vanoc {
display: block;
position: fixed;
left: 0px;
width: 160px;
height: 420px;
top: 150px;
}
div.garance-vanoc a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
div.cetelem-banner {
position: fixed;
right: 0px;
width: 164px;
height: 324px;
top: 150px;
background: url('../images/cetelem-banner_cf63335e76.jpg') no-repeat center center;
}
div.cetelem-banner a {
display: block;
width: 100%;
height: 100%;
}
nav#topmenu {
background: url('../images/content_top_1ca9f0d3fe.jpg') 50% 100% no-repeat;
padding: 20px 0 15px 0px;
position: relative;
/*z-index: 25;*/
}
nav#topmenu .icon-banner {
position: absolute;
top: 225px;
left: -180px;
}
nav#topmenu .icon-banner a {
background: url('../images/Icon_Banner_New_30c756dda3.jpg') no-repeat center center;
position: fixed;
width: 160px;
height: 420px;
}
nav#topmenu .hellobank-banner {
position: absolute;
top: 150px;
left: -180px;
}
nav#topmenu .hellobank-banner a {
background: url('../images/hellobank_735867358e.jpg') no-repeat center center;
position: fixed;
width: 160px;
height: 420px;
}
nav#topmenu .garance-vanoc-banner {
position: absolute;
top: 150px;
right: -20px;
}
nav#topmenu .garance-vanoc-banner span {
background: url('../images/garance_vanoc_2017_1_b99fd8d79c.jpg') no-repeat center center;
display: block;
position: fixed;
width: 164px;
height: 324px;
}
nav#topmenu ul {
margin: 0px 10px 0 0;
padding: 0;
list-style: none;
float: right;
z-index: 26;
}
nav#topmenu ul.left {
float: left;
margin: 0 0 0 10px;
}
nav#topmenu ul li {
float: left;
padding: 0px 20px 0px 8px;
background: url('../images/menutop-li_bg_a7f4433600.jpg') 2px 50% no-repeat;
position: relative;
}
nav#topmenu ul li a {
color: #363535;
text-decoration: none;
white-space: nowrap;
}
nav#topmenu ul li a:hover {
text-decoration: underline;
}
nav#topmenu ul li:hover > a {
text-decoration: underline;
}
nav#topmenu ul li:hover ul {
display: block;
}
nav#topmenu ul li ul {
margin: 0;
float: none;
position: absolute;
top: 100%;
left: 0px;
padding-top: 7px;
min-width: 80%;
display: none;
}
nav#topmenu ul li ul li {
background: #fff;
padding: 0px 12px;
float: none;
}
nav#topmenu ul li ul li:first-child {
border-top: #9a9a9a solid 2px;
}
nav#topmenu ul li ul li:first-child a {
border: none;
}
nav#topmenu ul li ul li a {
display: block;
padding: 8px 0 8px 25px;
border-top: #cbcbcb solid 1px;
background: url('../images/topmenu-ul-li_4884cc7263.jpg') 0px 50% no-repeat;
text-decoration: none;
}
nav#topmenu ul li ul li a:hover {
color: #ffb84d;
}
nav#topmenu ul li.last {
font-weight: bold;
}
nav#topmenu div.linka {
width: 980px;
height: 2px;
background: #ffda4d;
position: absolute;
left: 10px;
bottom: 5px;
}
header#header {
background: url('../images/content_bg_4f6cfdc18e.jpg') 50% 0 repeat-y;
padding: 0px 10px;
position: relative;
}
header#header div.head {
position: relative;
top: -4px;
background: url('../images/header_bg_6545bfccdc.jpg') 0 0 no-repeat;
min-height: 123px;
}
header#header div.head #logo {
position: absolute;
top: 34px;
left: 25px;
}
header#header div.head form.search {
position: absolute;
left: 303px;
top: 48px;
text-align: right;
}
header#header div.head form.search fieldset {
border: #e2e3e2 solid 1px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
behavior: url(css/PIE.htc);
z-index: 5;
}
header#header div.head form.search fieldset input {
border: #e6e6e6 solid 1px;
background: #fff url('../images/topSearch-input_bg_ce989a69b6.jpg') 10px 50% no-repeat;
padding: 0 5px 0px 30px;
color: #a7a7a7;
height: 26px;
line-height: 26px;
width: 205px;
text-align: left;
}
header#header div.head form.search fieldset input:focus {
color: #000;
}
header#header div.head form.search fieldset input.loadingAjax {
background-color: #fff;
background-image: url('../images/topSearch-input_bg_ce989a69b6.jpg'), url('../images/loading1_906ca0a405.jpg');
background-position: 10px 50%, 97% 50%;
background-repeat: no-repeat;
}
header#header div.head form.search a.search-more {
color: #5e5e5e;
font-family: 'Roboto', sans-serif;
font-size: 10px;
}
header#header div.head #topKontakt {
position: absolute;
top: 46px;
left: 577px;
font-family: 'Roboto', sans-serif;
font-weight: bold;
color: #4d4d4d;
}
header#header div.head #topKontakt p {
margin: 0;
padding: 0;
font-weight: 20px;
line-height: 1;
text-align: right;
font-size: 13px;
}
header#header div.head #topKontakt p:first-child {
font-style: italic;
font-size: 25px;
}
header#header div.head #topKosik {
position: absolute;
top: 43px;
left: 763px;
background: url('../images/kosik_bg_313645202b.jpg');
width: 34px;
height: 25px;
}
header#header div.head #topKosik #cart_items {
position: absolute;
top: -11px;
right: -11px;
height: 22px;
line-height: 22px;
text-align: center;
color: #fff;
width: 22px;
background: #ffe462;
/* Old browsers */
background: -moz-linear-gradient(top, #ffe462 0%, #ffb84d 61%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffe462), color-stop(61%, #ffb84d));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffe462 0%, #ffb84d 61%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffe462 0%, #ffb84d 61%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffe462 0%, #ffb84d 61%);
/* IE10+ */
background: linear-gradient(to bottom, #ffe462 0%, #ffb84d 61%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe462, endColorstr=#ffb84d, GradientType=0);
/* IE6-9 */
-webkit-border-radius: 11px;
-moz-border-radius: 11px;
border-radius: 11px;
behavior: url(css/PIE.htc);
z-index: 5;
}
header#header div.head #topKosik #cart_sum {
position: absolute;
bottom: -20px;
right: -8px;
white-space: nowrap;
font-weight: bold;
}
header#header div.head #topKosik a.goToKosik {
position: absolute;
top: -10px;
left: -8px;
width: 55px;
height: 55px;
display: block;
}
header#header nav#mainmenu {
border: #ffb84d solid 1px;
border-bottom: none;
/* .gradient(@prechodZ, @prechodDo, 59%); */
background: url('../images/mainmenuBg_e08dbb14f2.jpg') repeat-x center center;
position: relative;
top: -4px;
left: -9px;
width: 1000px;
/*z-index: 5;*/
}
header#header nav#mainmenu > ul {
margin: 0;
padding: 0;
list-style: none;
position: relative;
}
header#header nav#mainmenu > ul > li {
float: left;
height: 50px;
padding: 0px 1px;
background: url('../images/mainmenu-li_bg_1997679a6a.jpg') 0 50% no-repeat;
}
header#header nav#mainmenu > ul > li.last a {
padding: 0 14px;
}
header#header nav#mainmenu > ul > li > a {
font-family: 'Roboto', sans-serif;
font-size: 12px;
font-weight: 500;
color: #000;
text-decoration: none;
display: table-cell;
*display: block;
/* ie6, ie7 */
vertical-align: middle;
padding: 0px 18px 0px 18px;
height: 50px;
/*max-width: 110px;*/
line-height: 1;
text-align: center;
text-transform: uppercase;
}
header#header nav#mainmenu > ul > li > a.active {
background-color: #fff;
height: 49px;
}
header#header nav#mainmenu > ul > li.parent > a {
background-image: url('../images/mainmenu-li-a-parent_bg_ed7e47043d.jpg');
background-position: 95% 50%;
background-repeat: no-repeat;
}
header#header nav#mainmenu > ul > li.parent > a:hover {
background-image: url('../images/mainmenu-li-a-parent-hover_bg_6cf5faf95d.jpg');
}
header#header nav#mainmenu > ul > li:hover {
/*padding-top: 1px;
top: -1px;*/
background: #fff;
border-left: #ffb84d solid 1px;
border-right: #ffb84d solid 1px;
padding: 0;
}
header#header nav#mainmenu > ul > li:first-child {
background: none;
}
header#header nav#mainmenu > ul > li:first-child:hover {
background: #fff;
}
header#header nav#mainmenu > ul > li ul {
display: none;
}
header#header nav#mainmenu > ul > li:hover ul {
/*display: block;*/
}
header#header nav#mainmenu > ul > li:first-child ul {
left: 0;
}
header#header nav#mainmenu > ul > li.last ul {
left: auto;
right: 0;
}
header#header nav#mainmenu > ul ul {
position: absolute;
top: 50px;
left: 121px;
width: 765px;
border: #ffb84d solid 1px;
border-top: 0;
background: #fff;
z-index: 20;
margin: 0;
padding: 0;
list-style: none;
z-index: 10;
}
header#header nav#mainmenu > ul ul li {
float: left;
width: 253px;
height: 58px;
background: #ffffff;
/* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 81%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(81%, #f9f9f9));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 81%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%, #f9f9f9 81%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%, #f9f9f9 81%);
/* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 81%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f9f9f9, GradientType=0);
/* IE6-9 */
border-left: #f5f5f5 solid 1px;
border-right: #f5f5f5 solid 1px;
border-top: #fff solid 1px;
border-bottom: #f9f9f9 solid 1px;
overflow: hidden;
z-index: 11;
}
header#header nav#mainmenu > ul ul li.highlightCategory {
background: rgba(255, 0, 0, 0.2);
border: 1px rgba(255, 0, 0, 0.3) solid;
transition: 0.3s all;
}
header#header nav#mainmenu > ul ul li.highlightCategory:hover {
background: rgba(255, 0, 0, 0.3);
border: 1px rgba(255, 0, 0, 0.3) solid;
}
header#header nav#mainmenu > ul ul li.highlightCategory span.img {
padding-left: 0;
text-align: left;
}
header#header nav#mainmenu > ul ul li.highlightCategory span.img img {
height: 58px;
max-height: 58px;
}
header#header nav#mainmenu > ul ul li:hover {
background: #fafafa;
border-color: #ffda4d;
}
header#header nav#mainmenu > ul ul li a {
color: #000;
text-decoration: none;
text-transform: uppercase;
font-family: 'Roboto', sans-serif;
font-weight: 500;
display: block;
}
header#header nav#mainmenu > ul ul li a span {
display: table-cell;
*display: block;
/* ie6, ie7 */
vertical-align: middle;
height: 58px;
padding-left: 5px;
padding-right: 5px;
}
header#header nav#mainmenu > ul ul li a span.img {
width: 60px;
text-align: center;
}
header#header nav#mainmenu > ul ul li a span.img img {
max-width: 60px;
max-height: 55px;
}
header#header nav#mainmenu > ul ul li a span.text {
line-height: 20px;
}
/* content, hlavni obsah */
div#content {
min-height: 100px;
background: url('../images/content_bg_4f6cfdc18e.jpg') 50% 0 repeat-y;
padding: 10px 20px 55px 20px;
position: relative;
z-index: 1;
min-height: 350px;
/* Homepage */
/* konec homepage */
/** DETAILPRODUKTU **/
/* konec detailu produktu */
/* diskuze */
/* konec diskuze */
/* filtr v obsahu */
/* konec filtr v obsahu */
/* razeni */
/* konec razeni */
/* kategorie vypis produktu */
/* konec kategorie */
/* strankovani */
/* konec strankovani */
/* levy sloupec */
/* konec leveho sloupce */
/* subCategories */
/* konec subCategories */
/* nejoblibenejsi kategorie*/
/* konec neoblibenejsi kat. */
/* subarticles */
/* konec subarticles */
/* newsletter, kontakt */
/* konec newsletter */
/* aktuality, vyrobci */
/* konec aktuality, vyrobci */
/* nakupni kosik, dokonceni objednavky */
/* konec nakupni kosik, dokonceni objednavky */
/* porovnavani produktu list*/
/* konec newsletter */
}
div#content.product {
padding: 10px 30px 30px 30px;
}
div#content.product h2.bokPrechod {
position: relative;
left: -20px;
}
div#content.product section.doporucujeme div.productdoporucujeme {
width: 935px;
margin-left: -10px;
}
div#content.withAside {
padding: 0px 20px 10px 20px;
padding-bottom: 55px;
}
div#content.withAside section#right-aside {
width: 691px;
float: right;
}
div#content.withAside aside#left-aside {
width: 243px;
float: left;
}
div#content.homepage {
padding: 10px 20px 55px 20px;
}
div#content.homepage .bokPrechod {
position: relative;
left: -10px;
}
div#content.homepage section.nejKategorie {
border-bottom: #f7f7f7 solid 3px;
padding-bottom: 10px;
margin-bottom: 20px;
}
div#content.homepage section.doporucujeme {
border-bottom: #f7f7f7 solid 3px;
padding-bottom: 10px;
margin-bottom: 20px;
}
div#content.homepage section.doporucujeme div.product:nth-child(3n+2) {
margin-right: 7px;
margin-left: 9px;
}
div#content.homepage section.doporucujeme div.product:nth-child(3n+3) {
margin-right: 7px;
}
div#content > section.fullPage {
padding: 0px 20px;
}
div#content > section.fullPage .bokPrechod {
position: relative;
left: -20px;
}
div#content nav#breadcrumb {
padding-left: 15px;
}
div#content nav#breadcrumb ul {
list-style: none;
padding: 0;
margin: 0;
}
div#content nav#breadcrumb ul li {
float: left;
line-height: 42px;
}
div#content nav#breadcrumb ul li.last a {
color: #181818;
}
div#content nav#breadcrumb ul li a {
float: left;
padding: 0 15px 0 15px;
line-height: 42px;
text-decoration: none;
color: #767676;
font-size: 11px;
font-weight: normal;
background: url('../images/bredcrumb-sep_4909094068.jpg') 0 50% no-repeat;
}
div#content nav#breadcrumb ul li a:hover {
text-decoration: underline;
}
div#content nav#breadcrumb ul li a.home {
padding: 0 15px 0 20px;
background: url('../images/icoHomeNavi_0eabc049bd.jpg') 0 50% no-repeat;
}
div#content nav#breadcrumb ul li a.last {
font-weight: 600;
color: #181818;
}
div#content nav#breadcrumb ul li a.last:hover {
text-decoration: none;
cursor: text;
}
div#content section#homeContent div.float-left {
width: 655px;
float: left;
}
div#content section#homeContent article div.content {
padding: 0px 10px 0 16px;
}
div#content section#homeContent article div.content a {
color: #484848;
font-weight: bold;
}
div#content section#homeContent aside.banerRight {
width: 295px;
float: right;
}
div#content section#homeContent aside.banerRight img {
margin-top: 5px;
}
div#content section#homeContent div.bannerBig div.slideContent {
height: 228px;
width: 653px;
border: #e5e5e5 solid 1px;
border-bottom: none;
margin-top: 30px;
overflow: hidden;
}
div#content section#homeContent div.bannerBig ul.pager {
width: 100%;
margin: 0;
padding: 0;
list-style: none;
border-bottom: #ffb84d solid 5px;
background: #e5e5e5;
/* Old browsers */
background: -moz-linear-gradient(top, #e5e5e5 0%, #eaeaea 50%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(50%, #eaeaea));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e5e5e5 0%, #eaeaea 50%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e5e5e5 0%, #eaeaea 50%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #e5e5e5 0%, #eaeaea 50%);
/* IE10+ */
background: linear-gradient(to bottom, #e5e5e5 0%, #eaeaea 50%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5e5e5, endColorstr=#eaeaea, GradientType=0);
/* IE6-9 */
}
div#content section#homeContent div.bannerBig ul.pager li {
float: left;
width: 25%;
height: 60px;
position: relative;
}
div#content section#homeContent div.bannerBig ul.pager li.clear {
float: none;
clear: both;
width: 0px;
height: 0;
}
div#content section#homeContent div.bannerBig ul.pager li a {
display: table-cell;
*display: block;
/* ie6, ie7 */
height: 60px;
width: 154px;
padding: 0 5px;
text-align: center;
vertical-align: middle;
color: #2c2c2d;
text-decoration: none;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA8CAIAAAAok0etAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADlJREFUeNpi2Lt3LxMDAwMYMzIywmkYG52PzgYBZHFkDBKHyYMAuhnIcvjMwOYebGxkDDMTDQMEGACAYgMddgw/MwAAAABJRU5ErkJggg==') 100% 0 no-repeat;
}
div#content section#homeContent div.bannerBig ul.pager li a:hover {
background: #dedede;
}
div#content section#homeContent div.bannerBig ul.pager li a.active {
background: #ffe462;
/* Old browsers */
background: -moz-linear-gradient(top, #ffe462 0%, #ffb84d 61%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffe462), color-stop(61%, #ffb84d));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffe462 0%, #ffb84d 61%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffe462 0%, #ffb84d 61%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffe462 0%, #ffb84d 61%);
/* IE10+ */
background: linear-gradient(to bottom, #ffe462 0%, #ffb84d 61%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe462, endColorstr=#ffb84d, GradientType=0);
/* IE6-9 */
}
div#content section#homeContent div.bannerBig ul.pager li a.active span {
position: absolute;
top: -7px;
left: 78px;
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 6px 7px 6px;
border-color: transparent transparent #ffe462 transparent;
}
div#content #detail a.btnZpet {
height: 31px;
width: 120px;
text-indent: -9999px;
background: url('../images/btnZpet_d9ed3fb34c.jpg') 0 0 no-repeat;
display: block;
position: absolute;
top: 12px;
right: 32px;
}
div#content #detail a.btnZpet:hover {
background-position: bottom;
}
div#content #detail div.productInfo {
float: right;
width: 447px;
}
div#content #detail div.productInfo h1 {
padding: 0px 0px 15px 22px;
font-size: 17px;
}
div#content #detail div.productInfo ul.ul {
clear: both;
margin: 0;
padding: 0 0 9px 0;
list-style: none;
}
div#content #detail div.productInfo ul.ul li {
clear: both;
padding: 9px 0;
font-weight: bold;
}
div#content #detail div.productInfo ul.ul li label {
padding-left: 22px;
width: 144px;
display: block;
float: left;
}
div#content #detail div.productInfo ul.ul li > div {
width: 270px;
float: left;
}
div#content #detail div.productInfo ul.ul li > div.fullwidth {
width: 100%;
}
div#content #detail div.productInfo ul.ul li > div.fullwidth .productVariant {
float: left;
width: 426px !important;
margin: 0 0 10px 0 !important;
}
div#content #detail div.productInfo ul.ul li > div a.vyrobce {
font-weight: bold;
}
div#content #detail div.productInfo ul.ul li > div span.puvodni {
text-decoration: line-through;
}
div#content #detail div.productInfo ul.ul li > div span.green {
color: #2fa038;
}
div#content #detail div.productInfo ul.ul li > div span.nosklad {
color: #2fa038;
}
div#content #detail div.productInfo ul.ul li > div a.kdy-dostanu {
float: right;
color: #000;
font-size: 11px;
font-weight: normal;
cursor: help;
}
div#content #detail div.productInfo ul.ul.buyInfo {
border: #eee solid 1px;
background: #fbfbfb;
padding: 0px 9px 9px 9px;
}
div#content #detail div.productInfo ul.ul.buyInfo li {
border-top: #eee solid 1px;
}
div#content #detail div.productInfo ul.ul.buyInfo li:first-child {
border: none;
}
div#content #detail div.productInfo ul.ul.buyInfo li label {
padding-left: 12px;
font-size: 13px;
}
div#content #detail div.productInfo ul.ul.buyInfo li.cena label {
font-size: 15px;
}
div#content #detail div.productInfo ul.ul.buyInfo li.cena div button {
float: right;
height: 39px;
width: 137px;
background: url('../images/btnDoKosiku_0861509eed.jpg');
padding-left: 39px;
font-family: 'Roboto';
text-transform: uppercase;
text-align: center;
color: #fff;
font-size: 14px;
border: 0;
}
div#content #detail div.productInfo ul.ul.buyInfo li.cena div button:hover {
color: #ffda4d;
cursor: pointer;
}
div#content #detail div.productInfo ul.ul.buyInfo li.cena div div.float-left {
text-align: right;
line-height: 1.1;
}
div#content #detail div.productInfo ul.ul.buyInfo li.cena div div.float-left span.price {
color: #CE1824;
font-size: 21px;
display: block;
}
div#content #detail div.productInfo ul.ul.buyInfo li.cena div div.float-left span.dph {
display: block;
color: #787878;
font-size: 11px;
}
div#content #detail div.productInfo ul.ul.buyInfo li.cena div div.float-left ul.productVariant {
margin: 0;
padding: 0;
list-style: none;
width: 100%;
}
div#content #detail div.productInfo ul.ul.buyInfo li.cena div div.float-left ul.productVariant li {
text-align: left;
}
div#content #detail div.productInfo ul.ul.buyInfo li.cena div div.float-left ul.productVariant li label {
display: block;
font-size: 13px;
line-height: 20px;
width: 240px;
}
div#content #detail div.productInfo ul.ul.buyInfo li.cena div div.float-left ul.productVariant li .sklad {
width: 240px;
font-weight: bold;
color: #3BBD1B;
padding-left: 12px;
float: left;
}
div#content #detail div.productInfo ul.ul.buyInfo li.cena div div.float-left ul.productVariant li div.varianty {
font-size: 15px;
display: inline;
float: left !important;
line-height: normal;
}
div#content #detail div.productInfo ul.ul.buyInfo li.cena div div.float-left ul.productVariant li div.varianty span.dph {
font-size: 10px;
color: #787878;
}
div#content #detail div.productInfo ul.ul.buyInfo li.cena div div.float-left ul.productVariant li .float-right {
float: right;
width: auto;
}
div#content #detail div.productInfo ul.ul.buyInfo li.cena div div.float-left ul.productVariant li span.float-right {
display: block;
white-space: nowrap;
}
div#content #detail div.productInfo ul.ul.buyInfo li.cena div div.float-left ul.productVariant li input {
margin: 0 5px 3px 5px ;
width: 30px;
height: 22px;
line-height: 22px;
border: solid 1px #cbcbcb;
text-align: center;
}
div#content #detail div.productInfo ul.ul.buyInfo li.clear {
clear: both;
border: none;
padding: 0;
}
div#content #detail div.productInfo ul.links {
margin: 18px 0 0 0;
padding: 0;
list-style: none;
}
div#content #detail div.productInfo ul.links li {
float: left;
padding: 0 0 0 19px;
background: url('../images/ico-detail-links_eae8366de3.jpg') 0 0 no-repeat;
margin-right: 16px;
}
div#content #detail div.productInfo ul.links li.dotaz {
background-position: 0 -19px;
}
div#content #detail div.productInfo ul.links li.tisk {
background-position: 0 -38px;
margin: 0;
}
div#content #detail div.productInfo ul.links li.splatky {
background-position: 0 -56px;
float: right;
margin: 0;
}
div#content #detail div.productInfo ul.links li.splatky a {
color: #CE1824;
}
div#content #detail div.productInfo div.zdarma {
margin-top: 15px;
border: #e8e8e8 solid 3px;
background: #fafafa url('../images/detail-zdarma-darek_4ca7898029.jpg') 95% 10px no-repeat;
min-height: 80px;
padding: 18px 20px;
}
div#content #detail div.productInfo div.zdarma.noBg {
background-image: none;
}
div#content #detail div.productInfo div.zdarma strong {
display: block;
padding-bottom: 5px;
font-size: 15px;
}
div#content #detail div.productInfo div.zdarma div.darekBox {
height: 49px;
width: 330px;
position: relative;
margin: 0 0 15px 0;
z-index: 10;
}
div#content #detail div.productInfo div.zdarma div.darekBox ul.darek {
margin: 0;
padding: 0;
list-style: none;
background: #fff;
width: 330px;
height: 49px;
overflow: hidden;
border-top: #e8e8e8 solid 2px;
position: relative;
}
div#content #detail div.productInfo div.zdarma div.darekBox ul.darek.show {
overflow: visible;
position: absolute;
top: 0;
left: 0;
}
div#content #detail div.productInfo div.zdarma div.darekBox ul.darek li {
clear: both;
height: 47px;
border: #e8e8e8 solid 2px;
border-top: none;
background: #fff;
cursor: pointer;
}
div#content #detail div.productInfo div.zdarma div.darekBox ul.darek li.selected {
background: #fff url('../images/mainmenu-li-a-parent-hover_bg_6cf5faf95d.jpg') 95% 22px no-repeat;
}
div#content #detail div.productInfo div.zdarma div.darekBox ul.darek li:hover {
color: #ffb84d;
}
div#content #detail div.productInfo div.zdarma div.darekBox ul.darek li div {
float: left;
font-size: 12px;
line-height: 18px;
font-weight: bold;
text-transform: uppercase;
padding: 5px;
}
div#content #detail div.productInfo div.zdarma div.darekBox ul.darek li div.text {
max-width: 245px;
max-height: 30px;
overflow: hidden;
}
div#content #detail div.productInfo div.zdarma div.darekBox ul.darek li div.img {
width: 50px;
text-align: center;
margin-right: 10px;
padding: 5px 5px 0 5px;
height: 42px;
overflow: hidden;
}
div#content #detail div.productInfo div.zdarma ul.zdarma {
margin: 0;
padding: 0;
list-style: none;
}
div#content #detail div.productInfo div.zdarma ul.zdarma li {
width: 45%;
padding: 2px 0px 2px 18px;
float: left;
background: url('../images/icon-green-li_c6f48c8c15.jpg') 0px 50% no-repeat;
}
div#content #detail div.productGalery {
width: 472px;
position: relative;
}
div#content #detail div.productGalery div#mainImg {
height: 441px;
border: solid 1px #e8e8e8;
position: relative;
margin: -1px 0 0 0;
text-align: center;
display: table-cell;
vertical-align: middle;
overflow: hidden;
}
div#content #detail div.productGalery div#mainImg .slevaPrice {
left: -40px;
position: absolute;
top: 0;
line-height: 1.2;
padding: 2px 50px 2px 30px;
width: 86px;
height: 30px;
z-index: 10;
font-weight: 600;
transform: rotate(-33deg);
color: white;
background: #b42828;
background: -moz-linear-gradient(90deg, #b42828 0%, #961e1e 100%);
background: -webkit-linear-gradient(90deg, #b42828 0%, #961e1e 100%);
background: -o-linear-gradient(90deg, #b42828 0%, #961e1e 100%);
background: -ms-linear-gradient(90deg, #b42828 0%, #961e1e 100%);
background: linear-gradient(180deg, #b42828 0%, #961e1e 100%);
}
div#content #detail div.productGalery div#mainImg .img {
vertical-align: middle;
}
div#content #detail div.productGalery div#mainImg div.productPriznak {
position: absolute;
right: 0;
top: 10px;
width: 165px;
top: 23px;
}
div#content #detail div.productGalery div#mainImg div.productPriznak div {
height: 19px;
background: url('../images/productPriznak_f6d1ea7009.jpg') 100% 0 no-repeat;
float: right;
clear: right;
}
div#content #detail div.productGalery div#mainImg div.productPriznak div.slevaPrice {
left: -40px;
position: absolute;
top: -7px;
line-height: 1.2;
padding: 2px 40px 2px 40px;
width: 86px;
height: 30px;
font-weight: 600;
transform: rotate(-33deg);
color: white;
background: #b42828;
background: -moz-linear-gradient(90deg, #b42828 0%, #961e1e 100%);
background: -webkit-linear-gradient(90deg, #b42828 0%, #961e1e 100%);
background: -o-linear-gradient(90deg, #b42828 0%, #961e1e 100%);
background: -ms-linear-gradient(90deg, #b42828 0%, #961e1e 100%);
background: linear-gradient(180deg, #b42828 0%, #961e1e 100%);
}
div#content #detail div.productGalery div#mainImg div.productPriznak div.akce {
width: 44px;
}
div#content #detail div.productGalery div#mainImg div.productPriznak div.novinka {
background-position: -9px 0;
width: 62px;
}
div#content #detail div.productGalery div#mainImg div.productPriznak div.nejprodavanejsi {
background-position: 0 100%;
width: 115px;
}
div#content #detail div.productGalery div#mainImg div.productPriznak div.doporucujeme {
background-position: 100% -19px;
width: 115px;
}
div#content #detail div.productGalery div#mainImg div.logoVyrobce {
position: absolute;
top: 23px;
left: 23px;
}
div#content #detail div.productGalery div#mainImg div.logoVyrobce img {
max-height: 50px;
max-width: 100px;
}
div#content #detail div.productGalery div.gallery {
padding: 0;
margin-top: 15px;
height: 90px;
position: relative;
}
div#content #detail div.productGalery div.gallery .bx-wrapper .bx-viewport {
background: none;
border: 0px;
box-shadow: none;
}
div#content #detail div.productGalery div.gallery .bx-wrapper .bx-controls-direction a {
position: absolute;
top: 0px;
height: 87px;
width: 14px;
display: block;
background: url('../images/detail-gallery-slide-control_4e0ac88394.jpg') 0 50% no-repeat;
text-indent: -9999px;
}
div#content #detail div.productGalery div.gallery .bx-wrapper .bx-controls-direction a.bx-prev {
background-position: 100% 50%;
left: 0px;
}
div#content #detail div.productGalery div.gallery .bx-wrapper .bx-controls-direction a.bx-next {
right: 0px;
}
div#content #detail div.productGalery div.gallery ul {
padding: 0;
margin: 0;
list-style: none;
}
div#content #detail div.productGalery div.gallery ul li {
float: left;
}
div#content #detail div.productGalery div.gallery ul li a {
width: 80px;
height: 87px;
line-height: 87px;
display: block;
border: #e8e8e8 solid 1px;
overflow: hidden;
text-align: center;
}
div#content #detail div.productGalery div.gallery ul li a img {
max-height: 87px;
}
div#content #detail div.tabs {
padding: 20px 0 0 0;
min-height: 200px;
}
div#content #detail div.tabs ul.tab {
margin: 0;
padding: 0 10px;
list-style: none;
background: #ffe462;
/* Old browsers */
background: -moz-linear-gradient(top, #ffe462 0%, #ffb84d 61%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffe462), color-stop(61%, #ffb84d));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffe462 0%, #ffb84d 61%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffe462 0%, #ffb84d 61%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffe462 0%, #ffb84d 61%);
/* IE10+ */
background: linear-gradient(to bottom, #ffe462 0%, #ffb84d 61%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe462, endColorstr=#ffb84d, GradientType=0);
/* IE6-9 */
height: 33px;
border-left: #ffb84d solid 1px;
border-right: #ffb84d solid 1px;
}
div#content #detail div.tabs ul.tab li {
float: left;
}
div#content #detail div.tabs ul.tab li.clear {
float: none;
clear: both;
height: 0;
width: 0;
overflow: hidden;
}
div#content #detail div.tabs ul.tab li:first-child a {
background: none;
}
div#content #detail div.tabs ul.tab li.ui-tabs-active a,
div#content #detail div.tabs ul.tab li.ui-tabs-active:first-child a {
position: relative;
background: #fff;
border: #ffb84d solid 1px;
border-bottom: none;
padding: 6px 18px 0 18px;
top: -7px;
}
div#content #detail div.tabs ul.tab li.ui-tabs-active a:hover,
div#content #detail div.tabs ul.tab li.ui-tabs-active:first-child a:hover {
color: #000;
}
div#content #detail div.tabs ul.tab li a {
color: #000;
text-decoration: none;
line-height: 33px;
padding: 0 20px;
display: block;
font-size: 13px;
font-family: 'Roboto';
text-transform: uppercase;
font-weight: bold;
background: url('../images/ul-tab-li_83785fac27.jpg') 0 50% no-repeat;
}
div#content #detail div.tabs ul.tab li a:hover {
color: #fff;
}
div#content #detail div.tabs div.tabContent {
padding: 20px 20px 0px 10px;
}
div#content #detail div.tabs div.tabContent article {
float: left;
width: 100%;
min-height: 200px;
}
div#content #detail div.tabs div.tabContent aside {
float: right;
width: 243px;
}
div#content #detail div.tabs div.tabContent aside div.social {
height: 40px;
line-height: 10px;
text-align: center;
}
div#content #detail div.tabs div.tabContent h2.bokPrechod {
margin: 25px 0 25px 0px;
left: -30px;
}
div#content div#contentFilter {
margin: 10px 0 0 0;
border: #d7d7d7 solid 1px;
background: url('../images/contentFilterBg_c3bbbb6a84.jpg') repeat-y center left #f3f3f3;
}
div#content div#contentFilter .chooseFilters {
background-color: #e8e8e8;
}
div#content div#contentFilter .chooseFilters > div {
clear: both;
}
div#content div#contentFilter .chooseFilters > div.cancel {
padding-right: 25px;
padding-bottom: 5px;
text-align: right;
}
div#content div#contentFilter .chooseFilters div.clear {
margin: 0;
}
div#content div#contentFilter .chooseFilters div .name {
width: 160px;
padding: 7px 0 7px 25px;
float: left;
}
div#content div#contentFilter .chooseFilters div .values {
width: 479px;
padding: 7px 25px 7px 0px;
float: left;
}
div#content div#contentFilter .chooseFilters div .values > span {
margin-right: 15px;
}
div#content div#contentFilter .chooseFilters div .values > span > span {
color: #CE1824;
cursor: pointer;
font-size: 10px;
font-weight: bold;
position: relative;
top: -5px;
}
div#content div#contentFilter .chooseFilters div .values > span > span:hover {
color: #f00;
}
div#content div#contentFilter .chooseFilters div strong {
color: #393939;
}
div#content div#contentFilter a.btnFilter {
background-color: #535353;
display: block;
color: #fff;
text-decoration: none;
text-transform: uppercase;
text-align: center;
font-family: 'Roboto';
font-weight: 500;
height: 27px;
line-height: 27px;
border: 0;
border-top: #535353 solid 1px;
border-bottom: #535353 solid 1px;
width: 162px;
padding-right: 5px;
background-image: url('../images/ico-down-white_00e608fbf5.jpg');
background-position: 151px 50%;
background-repeat: no-repeat;
}
div#content div#contentFilter a.btnFilter:hover {
background-color: #222;
color: #ffda4d;
}
div#content div#contentFilter a.btnFilter.close {
background-image: url('../images/ico-up-white_440cc00e2f.jpg');
}
div#content div#contentFilter .slider-content {
/* For IE8 - See #6727 */
}
div#content div#contentFilter .slider-content div.slider-from,
div#content div#contentFilter .slider-content div.slider-to {
color: #373737;
font-weight: bold;
float: left;
width: 69px;
font-size: 13px;
}
div#content div#contentFilter .slider-content div.slider-from {
padding-right: 8px;
text-align: right;
}
div#content div#contentFilter .slider-content div.slider-to {
padding-left: 21px;
text-align: left;
}
div#content div#contentFilter .slider-content .ui-slider {
position: relative;
text-align: left;
width: 250px;
float: left;
}
div#content div#contentFilter .slider-content .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
}
div#content div#contentFilter .slider-content .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: 0.7em;
display: block;
border: 0;
background-position: 0 0;
}
div#content div#contentFilter .slider-content .ui-slider.ui-state-disabled .ui-slider-handle,
div#content div#contentFilter .slider-content .ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
}
div#content div#contentFilter .slider-content .ui-slider-horizontal {
height: 0.8em;
background: #d8d8d8;
border: #9c9d9f solid 1px;
-webkit-border-radius: 0.4em;
-moz-border-radius: 0.4em;
border-radius: 0.4em;
behavior: url(css/PIE.htc);
z-index: 5;
cursor: pointer;
}
div#content div#contentFilter .slider-content .ui-slider-horizontal .ui-slider-handle {
top: -7px;
margin-left: -0.6em;
width: 26px;
height: 25px;
cursor: pointer;
background: url('../images/slider-handle_f906a83eab.jpg') 0 0 no-repeat;
}
div#content div#contentFilter .slider-content .ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
background: #ffe462;
/* Old browsers */
background: -moz-linear-gradient(top, #ffe462 0%, #ffb84d 81%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffe462), color-stop(81%, #ffb84d));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffe462 0%, #ffb84d 81%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffe462 0%, #ffb84d 81%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffe462 0%, #ffb84d 81%);
/* IE10+ */
background: linear-gradient(to bottom, #ffe462 0%, #ffb84d 81%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe462, endColorstr=#ffb84d, GradientType=0);
/* IE6-9 */
}
div#content div#contentFilter .slider-content .ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
div#content div#contentFilter .slider-content .ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
div#content div#contentFilter div.filterTop {
padding: 14px 10px 10px 14px;
border-bottom: #d7d7d7 solid 1px;
background-color: #f3f3f3;
}
div#content div#contentFilter div.filterTop div.filterCell {
padding: 0;
float: left;
}
div#content div#contentFilter div.filterTop div.filterCell .slider-from {
padding-right: 17px;
}
div#content div#contentFilter div.filterTop div.filterCell .slider-to {
padding-left: 26px;
}
div#content div#contentFilter div.filterTop div.filterCell.slider {
padding: 7px 15px;
padding-left: 0px;
}
div#content div#contentFilter div.filterTop div.filterCell.slider #slider-range.ui-slider {
float: left;
width: 226px;
top: 3px;
}
div#content div#contentFilter div.filterTop div.filterCell label.green {
color: #2fa038;
}
div#content div#contentFilter > form > ul {
padding: 0;
margin: 0;
list-style: none;
border-bottom: #d7d7d7 solid 1px;
position: relative;
}
div#content div#contentFilter > form > ul.close {
display: none;
}
div#content div#contentFilter > form > ul > li {
background: #fafafa;
padding: 0px 10px;
width: 200px;
border-right: #d7d7d7 solid 1px;
cursor: pointer;
}
div#content div#contentFilter > form > ul > li:hover {
background: #f3f3f3;
}
div#content div#contentFilter > form > ul > li:last-child span {
border-bottom: none;
}
div#content div#contentFilter > form > ul > li.fix {
background: #fafafa;
border-right: #d7d7d7 solid 1px;
cursor: auto;
height: 0;
}
div#content div#contentFilter > form > ul > li.fix:hover {
background: #fafafa;
}
div#content div#contentFilter > form > ul > li > span {
padding: 7px 0 6px 15px;
display: block;
border-bottom: #e8e8e8 solid 1px;
font-weight: bold;
color: #373737;
}
div#content div#contentFilter > form > ul > li ul {
display: none;
}
div#content div#contentFilter > form > ul > li.active {
background: #f3f3f3;
border-right-color: #f3f3f3;
border-bottom: #d7d7d7 solid 1px;
border-top: #d7d7d7 solid 1px;
}
div#content div#contentFilter > form > ul > li.active:first-child {
border-top: none;
}
div#content div#contentFilter > form > ul > li.active:last-child {
border-bottom: none;
}
div#content div#contentFilter > form > ul > li.active > span {
border: none;
/* padding-bottom: 9px; */
}
div#content div#contentFilter > form > ul > li.active ul {
width: 443px;
margin: 0;
list-style: none;
padding: 15px 5px 15px 20px;
display: block;
position: absolute;
left: 221px;
top: 0;
background: #f3f3f3;
}
div#content div#contentFilter > form > ul > li.active ul li.vyrobce {
width: 33%;
}
div#content div#contentFilter > form > ul > li.active ul li {
width: 50%;
float: left;
color: #373737;
position: relative;
padding-bottom: 4px;
}
div#content div#contentFilter > form > ul > li.active ul li span {
display: block;
}
div#content div#contentFilter > form > ul > li.active ul li label {
padding: 0px 0px 0px 20px;
display: block;
cursor: pointer;
}
div#content div#contentFilter > form > ul > li.active ul li label:hover {
color: #000;
}
div#content div#contentFilter > form > ul > li.active ul li input {
position: absolute;
top: 3px;
margin: 0;
}
div#content div#contentFilter > form > ul > li.active ul li.header,
div#content div#contentFilter > form > ul > li.active ul li.slider-content {
clear: left;
width: 100%;
padding-top: 5px;
font-weight: bold;
}
div#content div#contentFilter > form > ul > li.active ul li.header {
padding-top: 10px;
}
div#content div#contentFilter > form > ul > li.active ul li.header:first-child {
padding-top: 0px;
}
div#content div#contentFilter > form > ul > li.active ul li.clear {
width: 100%;
}
div#content div#contentFilter div.buttons {
padding: 5px 10px;
text-align: right;
}
div#content div#contentFilter input.doFilter {
background: #ffe462;
/* Old browsers */
background: -moz-linear-gradient(top, #ffe462 0%, #ffb84d 61%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffe462), color-stop(61%, #ffb84d));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffe462 0%, #ffb84d 61%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffe462 0%, #ffb84d 61%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffe462 0%, #ffb84d 61%);
/* IE10+ */
background: linear-gradient(to bottom, #ffe462 0%, #ffb84d 61%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe462, endColorstr=#ffb84d, GradientType=0);
/* IE6-9 */
height: 29px;
border: #ffb84d solid 1px;
cursor: pointer;
font-weight: bold;
padding: 0px 20px;
font-size: 13px;
text-transform: uppercase;
}
div#content div#contentFilter input.doFilter:hover {
background: #ffb84d;
/* Old browsers */
background: -moz-linear-gradient(top, #ffb84d 0%, #ffe462 61%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffb84d), color-stop(61%, #ffe462));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffb84d 0%, #ffe462 61%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffb84d 0%, #ffe462 61%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffb84d 0%, #ffe462 61%);
/* IE10+ */
background: linear-gradient(to bottom, #ffb84d 0%, #ffe462 61%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffb84d, endColorstr=#ffe462, GradientType=0);
/* IE6-9 */
}
div#content div#contentFilter a#resetFilter {
background-color: #535353;
display: block;
color: #fff;
text-decoration: none;
text-transform: uppercase;
text-align: center;
font-family: 'Roboto';
font-weight: 500;
height: 27px;
line-height: 27px;
border: 0;
border-top: #535353 solid 1px;
border-bottom: #535353 solid 1px;
width: 100px;
float: left;
}
div#content div#contentFilter a#resetFilter:hover {
background-color: #222;
color: #ffda4d;
}
div#content div.orderBox {
margin-top: 15px;
border-top: #e8e8e8 solid 1px;
border-bottom: #e8e8e8 solid 1px;
padding: 14px 10px 14px 10px;
color: #666;
}
div#content div.orderBox div.showItem {
float: left;
}
div#content div.orderBox ul {
margin: 0;
padding: 0;
list-style: none;
float: right;
}
div#content div.orderBox ul li {
float: left;
border-right: #e8e8e8 solid 1px;
padding: 0px 14px;
}
div#content div.orderBox ul li.last {
border: none;
}
div#content div.orderBox ul li.label {
border: none;
padding: 0;
}
div#content div.orderBox ul li a.active {
color: #535353;
text-decoration: none;
}
div#content div#categoryProducts {
padding-top: 15px;
}
div#content div#categoryProducts div.product {
width: 100%;
padding: 2px;
position: relative;
left: -2px;
margin-bottom: 24px;
}
div#content div#categoryProducts div.product:hover {
background: #ffda4d;
}
div#content div#categoryProducts div.product:hover div.productInn {
border-color: #ffda4d;
}
div#content div#categoryProducts div.product div.productInn {
border: #d4d4d4 solid 1px;
background: #fafafa;
}
div#content div#categoryProducts div.product div.productInn form {
padding: 10px;
position: relative;
}
div#content div#categoryProducts div.product div.productInn div.img {
position: relative;
float: left;
width: 152px;
height: 152px;
border: #f1f1f1 solid 1px;
background: #fff;
overflow: hidden;
margin-bottom: 5px;
text-align: center;
}
div#content div#categoryProducts div.product div.productInn div.img a {
display: block;
line-height: 152px;
}
div#content div#categoryProducts div.product div.productInn div.img img {
max-height: 152px;
vertical-align: middle;
max-width: 152px;
}
div#content div#categoryProducts div.product div.productInn div.img div.productPriznak {
position: absolute;
right: 0;
top: 10px;
width: 165px;
}
div#content div#categoryProducts div.product div.productInn div.img div.productPriznak div {
height: 19px;
background: url('../images/productPriznak_f6d1ea7009.jpg') 100% 0 no-repeat;
float: right;
clear: right;
}
div#content div#categoryProducts div.product div.productInn div.img div.productPriznak div.slevaPrice {
left: -40px;
position: absolute;
top: -7px;
line-height: 1.2;
padding: 2px 40px 2px 40px;
width: 86px;
height: 30px;
font-weight: 600;
transform: rotate(-33deg);
color: white;
background: #b42828;
background: -moz-linear-gradient(90deg, #b42828 0%, #961e1e 100%);
background: -webkit-linear-gradient(90deg, #b42828 0%, #961e1e 100%);
background: -o-linear-gradient(90deg, #b42828 0%, #961e1e 100%);
background: -ms-linear-gradient(90deg, #b42828 0%, #961e1e 100%);
background: linear-gradient(180deg, #b42828 0%, #961e1e 100%);
}
div#content div#categoryProducts div.product div.productInn div.img div.productPriznak div.akce {
width: 44px;
}
div#content div#categoryProducts div.product div.productInn div.img div.productPriznak div.novinka {
background-position: -9px 0;
width: 62px;
}
div#content div#categoryProducts div.product div.productInn div.img div.productPriznak div.nejprodavanejsi {
background-position: 0 100%;
width: 115px;
}
div#content div#categoryProducts div.product div.productInn div.img div.productPriznak div.doporucujeme {
background-position: 100% -19px;
width: 115px;
}
div#content div#categoryProducts div.product div.productInn div.producInfo {
float: right;
width: 497px;
color: #787878;
font-size: 11px;
}
div#content div#categoryProducts div.product div.productInn div.producInfo h2 {
margin: 0 0 10px 0;
padding: 0;
font-weight: bold;
font-size: 13px;
}
div#content div#categoryProducts div.product div.productInn div.producInfo h2 a {
color: #000;
text-decoration: none;
}
div#content div#categoryProducts div.product div.productInn div.producInfo h2 a:hover {
text-decoration: underline;
}
div#content div#categoryProducts div.product div.productInn div.producInfo div.logoVyrobce {
position: absolute;
top: 15px;
right: 18px;
}
div#content div#categoryProducts div.product div.productInn div.producInfo div.logoVyrobce img {
max-height: 20px;
}
div#content div#categoryProducts div.product div.productInn div.producInfo ul.params {
margin: 0 4% 0 0;
padding: 0 0 0 3%;
float: left;
width: 43%;
min-height: 89px;
}
div#content div#categoryProducts div.product div.productInn div.producInfo ul.params li {
padding: 1px 0;
}
div#content div#categoryProducts div.product div.productInn div.producInfo div.shortText {
float: right;
width: 48%;
height: 69px;
overflow: hidden;
line-height: 17px;
}
div#content div#categoryProducts div.product div.productInn div.producInfo ul.productVariant {
margin: 10px 0 15px 0;
padding: 0;
list-style: none;
float: right;
width: 100%;
}
div#content div#categoryProducts div.product div.productInn div.producInfo ul.productVariant li {
text-align: right;
padding: 5px 0;
}
div#content div#categoryProducts div.product div.productInn div.producInfo ul.productVariant li label {
font-weight: bold;
display: block;
color: #000;
width: 300px;
text-align: left;
font-size: 13px;
}
div#content div#categoryProducts div.product div.productInn div.producInfo ul.productVariant li .sklad {
width: 300px;
text-align: left;
color: #2fa038;
font-weight: bold;
}
div#content div#categoryProducts div.product div.productInn div.producInfo ul.productVariant li .nosklad {
width: 300px;
text-align: left;
color: #2fa038;
font-weight: bold;
}
div#content div#categoryProducts div.product div.productInn div.producInfo ul.productVariant li input {
width: 30px;
height: 22px;
line-height: 22px;
border: solid 1px #cbcbcb;
text-align: center;
margin: 0px 10px;
}
div#content div#categoryProducts div.product div.productInn div.producInfo ul.productVariant li span.price {
width: 83px;
display: inline-block;
color: #CE1824;
font-weight: bold;
font-size: 16px;
}
div#content div#categoryProducts div.product div.productInn div.producInfo ul.productVariant li div.varRight {
float: right;
}
div#content div#categoryProducts div.product div.productInn div.producInfo p {
line-height: 1;
text-align: justify;
color: #787878;
}
div#content div#categoryProducts div.product div.productInn div.producInfo div.productPorovnavani {
float: left;
margin: 18px 0 0 0;
}
div#content div#categoryProducts div.product div.productInn div.producInfo div.productPorovnavani label {
text-decoration: underline;
cursor: pointer;
}
div#content div#categoryProducts div.product div.productInn div.producInfo div.productPorovnavani label:hover {
text-decoration: none;
}
div#content div#categoryProducts div.product div.productInn div.producInfo div.productPorovnavani input {
border: solid 1px #cccccc;
}
div#content div#categoryProducts div.product div.productInn div.producInfo button.doKosiku,
div#content div#categoryProducts div.product div.productInn div.producInfo a.doKosiku {
background-color: #535353;
display: block;
color: #fff;
text-decoration: none;
text-transform: uppercase;
text-align: center;
font-family: 'Roboto';
font-weight: 500;
height: 27px;
line-height: 27px;
border: 0;
border-top: #535353 solid 1px;
border-bottom: #535353 solid 1px;
width: 75px;
float: right;
margin: 5px 0px 5px 5px;
padding: 0px 6px 3px 6px;
height: 30px;
cursor: pointer;
font-size: 11px;
}
div#content div#categoryProducts div.product div.productInn div.producInfo button.doKosiku:hover,
div#content div#categoryProducts div.product div.productInn div.producInfo a.doKosiku:hover {
background-color: #222;
color: #ffda4d;
}
div#content div#categoryProducts div.product div.productInn div.producInfo a.doKosiku {
height: 25px;
}
div#content div#categoryProducts div.product div.productInn div.producInfo div.productPrice {
float: right;
text-align: right;
margin: 0 15px 0 0;
}
div#content div#categoryProducts div.product div.productInn div.producInfo div.productPrice div.sklad {
color: #2fa038;
font-weight: bold;
font-size: 11px;
}
div#content div#categoryProducts div.product div.productInn div.producInfo div.productPrice div.nosklad {
color: #2fa038;
font-weight: bold;
font-size: 11px;
}
div#content div#categoryProducts div.product div.productInn div.producInfo div.productPrice div.price {
line-height: 1;
}
div#content div#categoryProducts div.product div.productInn div.producInfo div.productPrice div.price span {
color: #787878;
text-decoration: line-through;
margin-right: 10px;
}
div#content div#categoryProducts div.product div.productInn div.producInfo div.productPrice div.price strong {
color: #CE1824;
font-weight: bold;
font-size: 16px;
}
div#content div#categoryProducts div.product div.productInn div.zdarma {
background: #f1f1f1;
border-top: #d4d4d4 solid 1px;
padding: 5px 10px;
}
div#content div#categoryProducts div.product div.productInn div.zdarma ul {
margin: 0;
padding: 0;
list-style: none;
}
div#content div#categoryProducts div.product div.productInn div.zdarma ul li {
margin-left: 15px;
float: left;
width: auto;
background: url('../images/icon-green-li_c6f48c8c15.jpg') 0px 50% no-repeat;
font-family: 'Roboto';
font-weight: 400;
font-style: italic;
}
div#content div#categoryProducts div.product div.productInn div.zdarma ul li.darek {
background: url('../images/ico-darek-li_e1b55f62b4.jpg') 0px 50% no-repeat;
float: right;
margin-left: 0px;
}
div#content div#categoryProducts div.product div.productInn div.zdarma ul li div {
padding: 2px 0px 2px 18px;
}
div#content div#categoryProducts div.product div.productInn div.zdarma ul li:first-child {
margin: 0;
}
div#content div.pagination {
border: #e9e9e9 solid 1px;
background: #fafafa;
padding: 15px 10px 10px 10px;
color: #535353;
line-height: 24px;
}
div#content div.pagination form.pageLimit {
float: left;
width: 214px;
line-height: 24px;
}
div#content div.pagination form.pageLimit .select {
margin-left: 12px;
float: right;
border: solid 1px #d6d6d6;
background: url('../images/bgSelect_5986b46577.jpg') right center no-repeat;
padding: 0 30px 0 5px;
height: 22px;
overflow: hidden;
width: 20px;
vertical-align: middle;
}
div#content div.pagination form.pageLimit .select select {
background: none;
float: left;
width: 66px;
border: none;
padding: 3px 0;
}
div#content div.pagination p.pagination {
float: right;
margin: 0;
line-height: 1;
}
div#content div.pagination p.pagination a {
color: #535353;
padding: 5px;
line-height: 24px;
text-decoration: none;
}
div#content div.pagination p.pagination a:hover {
text-decoration: underline;
}
div#content div.pagination p.pagination strong {
padding: 5px;
line-height: 24px;
color: #f39a0a;
}
div#content aside#left-aside {
/* menu */
/* konec menu */
/* nadpis */
}
div#content aside#left-aside ul.menu {
margin: 0 0 20px 0;
padding: 0;
list-style: none;
background: #fbfbfb;
}
div#content aside#left-aside ul.menu li.highlightCategory a {
background: rgba(255, 0, 0, 0.2) !important;
}
div#content aside#left-aside ul.menu li.highlightCategory a:hover {
background: rgba(255, 0, 0, 0.2) !important;
}
div#content aside#left-aside ul.menu li.highlightCategory ul {
background: rgba(255, 0, 0, 0.2) !important;
}
div#content aside#left-aside ul.menu li.highlightCategory ul li a {
background: transparent !important;
}
div#content aside#left-aside ul.menu li.highlightCategory ul li.activ a {
background: rgba(255, 0, 0, 0.2) !important;
}
div#content aside#left-aside ul.menu li a {
display: block;
position: relative;
padding: 7px 5px 7px 20px;
line-height: 1;
font-family: 'Roboto';
text-decoration: none;
color: #000;
background: url('data:image/gif;base64,R0lGODlh2wABAIAAAObm5gAAACH5BAAAAAAALAAAAADbAAEAAAINhI+py+0Po5y02otbAQA7') 12px 0 no-repeat;
}
div#content aside#left-aside ul.menu li a span {
position: absolute;
left: 0;
top: 25%;
height: 50%;
width: 5px;
background: #9f9f9f;
}
div#content aside#left-aside ul.menu li a.active span,
div#content aside#left-aside ul.menu li a:hover span {
background: #ffe462;
/* Old browsers */
background: -moz-linear-gradient(top, #ffe462 0%, #ffb84d 81%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffe462), color-stop(81%, #ffb84d));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffe462 0%, #ffb84d 81%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffe462 0%, #ffb84d 81%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffe462 0%, #ffb84d 81%);
/* IE10+ */
background: linear-gradient(to bottom, #ffe462 0%, #ffb84d 81%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe462, endColorstr=#ffb84d, GradientType=0);
/* IE6-9 */
}
div#content aside#left-aside ul.menu li a:hover {
background-color: #f0f0f0;
}
div#content aside#left-aside ul.menu li > a {
text-transform: uppercase;
font-weight: 500;
}
div#content aside#left-aside ul.menu li ul {
padding: 0;
margin: 0;
list-style: none;
}
div#content aside#left-aside ul.menu li ul li a {
text-transform: none;
padding-left: 40px;
}
div#content aside#left-aside ul.menu li ul li a span {
left: 20px;
top: 35%;
height: 30%;
}
div#content aside#left-aside ul.menu li ul li a.active {
background: #f0f0f0;
}
div#content aside#left-aside ul.menu li ul li.activ ul {
background: #f0f0f0;
}
div#content aside#left-aside ul.menu li ul li ul {
padding-left: 25px;
}
div#content aside#left-aside ul.menu li ul li ul li a {
background-position: -12px 0;
font-weight: normal;
text-transform: none;
}
div#content aside#left-aside ul.menu li ul li ul li a span {
background: none;
}
div#content aside#left-aside ul.menu li ul li ul li a span:after {
content: ">";
}
div#content aside#left-aside ul.menu li ul li ul li a:hover,
div#content aside#left-aside ul.menu li ul li ul li a.active {
font-weight: bold;
background-color: #fbfbfb;
}
div#content aside#left-aside ul.menu li ul li ul li a:hover span,
div#content aside#left-aside ul.menu li ul li ul li a.active span {
background: none;
color: #ffda4d;
}
div#content aside#left-aside h2 {
font-size: 14px;
margin: 0px 0 10px 0;
padding: 0;
line-height: 1;
}
div#content aside#left-aside h2 span {
width: 5px;
height: 14px;
top: 0px;
}
div#content aside#left-aside ul.list {
margin: 0 0 20px 0;
padding: 0 0 0 20px;
list-style: none;
font-size: 11px;
}
div#content aside#left-aside ul.list li span {
display: block;
padding: 6px 0px 3px 0;
color: #595959;
font-weight: bold;
}
div#content aside#left-aside ul.list li ul {
padding: 0;
margin: 0;
list-style: none;
}
div#content aside#left-aside ul.list li ul li {
/*display: inline;*/
margin-right: 3px;
/*&:after {
content: ",";
&:last-child {
content: "";
}
}*/
}
div#content aside#left-aside ul.list li ul li a {
color: #808080;
}
div#content aside#left-aside div.banners {
margin-bottom: 20px;
}
div#content aside#left-aside div.banners img {
max-width: 242px;
}
div#content ul.subCategories {
margin: 0;
padding: 0;
list-style: none;
}
div#content ul.subCategories li {
float: left;
width: 32%;
height: 58px;
background: #ffffff;
/* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 81%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(81%, #f9f9f9));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 81%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%, #f9f9f9 81%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%, #f9f9f9 81%);
/* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 81%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f9f9f9, GradientType=0);
/* IE6-9 */
border: #e8e8e8 solid 1px;
margin: 1px;
overflow: hidden;
}
div#content ul.subCategories li.highlightCategory {
background: rgba(255, 0, 0, 0.2);
border: 1px rgba(255, 0, 0, 0.3) solid;
transition: 0.3s all;
}
div#content ul.subCategories li.highlightCategory:hover {
background: rgba(255, 0, 0, 0.3);
border: 1px rgba(255, 0, 0, 0.3) solid;
}
div#content ul.subCategories li.highlightCategory span.img {
padding-left: 0 !important;
text-align: left;
}
div#content ul.subCategories li.highlightCategory span.img img {
height: 58px !important;
max-height: 58px !important;
}
div#content ul.subCategories li:hover {
background: #fafafa;
border-color: #ffda4d;
}
div#content ul.subCategories li a {
color: #000;
text-decoration: none;
text-transform: uppercase;
font-family: 'Roboto';
font-weight: 500;
display: block;
}
div#content ul.subCategories li a span {
display: table-cell;
*display: block;
/* ie6, ie7 */
vertical-align: middle;
height: 58px;
padding-left: 5px;
padding-right: 5px;
}
div#content ul.subCategories li a span.img {
width: 60px;
text-align: center;
}
div#content ul.subCategories li a span.img img {
max-width: 60px;
max-height: 55px;
}
div#content ul.subCategories li a span.text {
line-height: 20px;
}
div#content section.nejKategorie div.slider {
position: relative;
padding: 0px 15px;
}
div#content section.nejKategorie div.slider ul.nejcat {
margin: 0;
padding: 0;
font-size: 11px;
list-style: none;
}
div#content section.nejKategorie div.slider ul.nejcat > li {
float: left;
width: 216px;
}
div#content section.nejKategorie div.slider ul.nejcat > li > a {
width: 210px;
height: 202px;
border: #d6d4d4 solid 3px;
display: block;
position: relative;
}
div#content section.nejKategorie div.slider ul.nejcat > li > a:hover {
border-color: #ffda4d;
}
div#content section.nejKategorie div.slider ul.nejcat > li > a:hover span.text {
background: #ffda4d;
}
div#content section.nejKategorie div.slider ul.nejcat > li > a span.img {
padding-top: 10px;
display: block;
text-align: center;
}
div#content section.nejKategorie div.slider ul.nejcat > li > a span.img img {
max-height: 180px;
max-width: 200px;
}
div#content section.nejKategorie div.slider ul.nejcat > li > a span.text {
position: absolute;
bottom: 10px;
left: 0;
background: #e0dede;
padding: 9px 20px;
font-family: 'Roboto';
font-style: italic;
font-weight: bold;
color: #241a1c;
line-height: 1;
font-size: 13px;
}
div#content section.nejKategorie div.slider ul.nejcat > li ul {
margin: 0;
padding: 5px 0;
list-style: none;
text-align: center;
}
div#content section.nejKategorie div.slider ul.nejcat > li ul li {
display: inline;
text-align: center;
}
div#content section.nejKategorie div.slider ul.nejcat > li ul li a {
color: #484848;
margin-right: 5px;
}
div#content section.nejKategorie div.slider ul.nejcat > li ul li a:after {
content: ",";
}
div#content section.nejKategorie div.slider ul.nejcat > li ul li.last a:after {
content: "";
}
div#content section.nejKategorie div.slider div.bx-controls-direction a {
position: absolute;
width: 24px;
height: 48px;
background: #fff;
font-weight: bold;
color: #000;
text-decoration: none;
font-size: 20px;
line-height: 48px;
text-align: center;
top: 110px;
}
div#content section.nejKategorie div.slider div.bx-controls-direction a.bx-prev {
left: -25px;
-webkit-border-top-left-radius: 24px;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 24px;
-moz-border-radius-topleft: 24px;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 24px;
/*border-top-left-radius: @r1;
border-top-right-radius: @r2;
border-bottom-right-radius: @r3;
border-bottom-left-radius: @r4;*/
border-radius: 24px 0 0 24px;
behavior: url(css/PIE.htc);
}
div#content section.nejKategorie div.slider div.bx-controls-direction a.bx-next {
right: -25px;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 24px;
-webkit-border-bottom-right-radius: 24px;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-topleft: 0;
-moz-border-radius-topright: 24px;
-moz-border-radius-bottomright: 24px;
-moz-border-radius-bottomleft: 0;
/*border-top-left-radius: @r1;
border-top-right-radius: @r2;
border-bottom-right-radius: @r3;
border-bottom-left-radius: @r4;*/
border-radius: 0 24px 24px 0;
behavior: url(css/PIE.htc);
}
div#content section.nejKategorie div.slider div.bx-controls-direction a:hover {
color: #ffda4d;
}
div#content section.subarticles {
margin-bottom: 20px;
}
div#content section.subarticles article div.content {
padding: 5px 15px;
}
div#content section.subarticles article div.content a {
color: #484848;
font-weight: bold;
}
div#content section.newsletter {
background: #ffed95;
padding: 8px 5px 5px 10px;
margin-bottom: 20px;
}
div#content section.newsletter div.sekce {
float: left;
width: 49%;
}
div#content section.newsletter div.sekce div.img {
float: left;
width: 80px;
text-align: center;
margin: 0px 10px 0px 25px;
}
div#content section.newsletter div.sekce div.text {
float: left;
padding: 7px 0px;
}
div#content section.newsletter div.sekce div.text strong.nadpis {
text-transform: uppercase;
font-size: 13px;
}
div#content section.newsletter div.sekce div.text p {
line-height: 1.1;
color: #303030;
font-size: 11px;
}
div#content section.newsletter div.sekce div.text p.kontakt {
font-size: 20px;
line-height: 1.5;
font-family: 'Roboto';
font-style: italic;
}
div#content section.newsletter div.sekce form {
position: relative;
}
div#content section.newsletter div.sekce form input[name="email"] {
border: 0;
padding: 0px 10px;
background: #fff;
height: 32px;
line-height: 32px;
width: 229px;
position: absolute;
top: 0;
left: 0;
}
div#content section.newsletter div.sekce form button {
background-color: #535353;
display: block;
color: #fff;
text-decoration: none;
text-transform: uppercase;
text-align: center;
font-family: 'Roboto';
font-weight: 500;
height: 27px;
line-height: 27px;
border: 0;
border-top: #535353 solid 1px;
border-bottom: #535353 solid 1px;
position: absolute;
top: 0;
left: 239px;
height: 32px;
white-space: nowrap;
cursor: pointer;
padding: 0px 10px;
}
div#content section.newsletter div.sekce form button:hover {
background-color: #222;
color: #ffda4d;
}
div#content section.aktuality_vyrobci section.aktuality {
width: 575px;
float: left;
}
div#content section.aktuality_vyrobci section.aktuality div.text {
width: 430px;
}
div#content section.aktuality_vyrobci section.vyrobci {
float: right;
width: 354px;
}
div#content section.aktuality_vyrobci section.vyrobci .bokPrechod {
left: 0;
}
div#content section.aktuality.fullPage div.text {
width: 779px;
}
div#content section.aktuality article {
padding: 19px 16px;
border-top: #ededed solid 1px;
}
div#content section.aktuality article:first-child {
border: none;
}
div#content section.aktuality article:hover {
background: #fafafa;
}
div#content section.aktuality article div.img {
float: left;
width: 92px;
height: 92px;
line-height: 92px;
border: #dedede solid 1px;
text-align: center;
overflow: hidden;
margin-right: 15px;
}
div#content section.aktuality article div.img img {
vertical-align: middle;
}
div#content section.aktuality article div.text {
float: left;
max-height: 92px;
overflow: hidden;
}
div#content section.aktuality article div.text h3 {
width: auto;
font-size: 13px;
}
div#content section.aktuality article div.text h3 a {
color: #000;
text-decoration: none;
}
div#content section.aktuality article div.text h3 a:hover {
text-decoration: underline;
}
div#content section.aktuality article div.text strong.datum {
float: left;
line-height: 1.5;
font-size: 11px;
}
div#content section.aktuality article div.text p {
line-height: 1.5;
margin: 0;
padding: 0;
font-size: 11px;
color: #2c2c2d;
}
div#content section.aktuality a.vsechnyAktuality {
background-color: #535353;
display: block;
color: #fff;
text-decoration: none;
text-transform: uppercase;
text-align: center;
font-family: 'Roboto';
font-weight: 500;
height: 27px;
line-height: 27px;
border: 0;
border-top: #535353 solid 1px;
border-bottom: #535353 solid 1px;
display: inline-block;
padding: 0px 15px;
float: right;
margin-top: 10px;
}
div#content section.aktuality a.vsechnyAktuality:hover {
background-color: #222;
color: #ffda4d;
}
div#content section.vyrobci ul.vyrobci {
margin: 0;
padding: 0;
list-style: none;
}
div#content section.vyrobci ul.vyrobci li {
float: left;
width: 33%;
text-align: center;
line-height: 80px;
height: 80px;
}
div#content section.vyrobci ul.vyrobci li a img {
filter: url("data:image/svg+xml;utf8,#grayscale");
/* Firefox 10+, Firefox on Android */
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(100%);
/* Chrome 19+, Safari 6+, Safari 6+ iOS */
max-width: 85%;
max-height: 80px;
}
div#content section.vyrobci ul.vyrobci li a:hover img {
filter: none;
-webkit-filter: grayscale(0%);
}
div#content section.vyrobci a.all {
background-color: #535353;
display: block;
color: #fff;
text-decoration: none;
text-transform: uppercase;
text-align: center;
font-family: 'Roboto';
font-weight: 500;
height: 27px;
line-height: 27px;
border: 0;
border-top: #535353 solid 1px;
border-bottom: #535353 solid 1px;
display: inline-block;
padding: 0px 15px;
float: right;
margin-top: 10px;
}
div#content section.vyrobci a.all:hover {
background-color: #222;
color: #ffda4d;
}
div#content section.kosik h1 {
width: 80%;
}
div#content section.kosik input.btnPokracuj {
height: 30px;
padding: 0px 15px;
font-size: 13px;
font-family: 'Roboto';
font-weight: bold;
text-transform: uppercase;
background: #e1e1e1;
/* Old browsers */
background: -moz-linear-gradient(top, #e1e1e1 0%, #bbbbbb 60%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1e1e1), color-stop(60%, #bbbbbb));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e1e1e1 0%, #bbbbbb 60%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e1e1e1 0%, #bbbbbb 60%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #e1e1e1 0%, #bbbbbb 60%);
/* IE10+ */
background: linear-gradient(to bottom, #e1e1e1 0%, #bbbbbb 60%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e1e1e1, endColorstr=#bbbbbb, GradientType=0);
/* IE6-9 */
border: #c3c3c3 solid 1px;
cursor: pointer;
}
div#content section.kosik input.btnPokracuj:hover {
background: #bbbbbb;
/* Old browsers */
background: -moz-linear-gradient(top, #bbbbbb 0%, #e1e1e1 60%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bbbbbb), color-stop(60%, #e1e1e1));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #bbbbbb 0%, #e1e1e1 60%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #bbbbbb 0%, #e1e1e1 60%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #bbbbbb 0%, #e1e1e1 60%);
/* IE10+ */
background: linear-gradient(to bottom, #bbbbbb 0%, #e1e1e1 60%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#bbbbbb, endColorstr=#e1e1e1, GradientType=0);
/* IE6-9 */
}
div#content section.kosik aside.rightCart {
float: right;
width: 237px;
left: 10px;
margin-top: 30px;
}
div#content section.kosik aside.rightCart > div:not(.rightItems) {
height: 1px !important;
overflow: hidden !important;
}
div#content section.kosik aside.rightCart div.rightItems {
border: #cbcbcb solid 3px;
background: #fcfcfc;
padding: 13px 9px;
}
div#content section.kosik aside.rightCart div.rightItems.tooLong {
position: relative !important;
top: 0px !important;
}
div#content section.kosik aside.rightCart div.rightItems h2 {
background: url('../images/ico-cart_1f8493d16b.jpg') 0 4px no-repeat;
padding: 0 0 3px 33px;
font-family: 'Roboto';
font-weight: bold;
font-style: italic;
}
div#content section.kosik aside.rightCart div.rightItems div.products {
margin-bottom: 5px;
}
div#content section.kosik aside.rightCart div.rightItems div.products div.product {
border-bottom: #cbcbcb solid 1px;
padding: 5px 0;
position: relative;
}
div#content section.kosik aside.rightCart div.rightItems div.products div.product a.remove {
position: absolute;
top: 5px;
right: 5px;
display: none;
}
div#content section.kosik aside.rightCart div.rightItems div.products div.product:hover a.remove {
display: block;
}
div#content section.kosik aside.rightCart div.rightItems div.products div.product div.img {
width: 60px;
height: 50px;
background: #fff;
border: #f1f1f1 solid 1px;
float: left;
overflow: hidden;
text-align: center;
}
div#content section.kosik aside.rightCart div.rightItems div.products div.product div.img a {
display: block;
line-height: 50px;
}
div#content section.kosik aside.rightCart div.rightItems div.products div.product div.img a img {
vertical-align: middle;
max-width: 60px;
}
div#content section.kosik aside.rightCart div.rightItems div.products div.product div.content {
float: right;
width: 150px;
}
div#content section.kosik aside.rightCart div.rightItems div.products div.product div.content div.name {
padding-bottom: 3px;
}
div#content section.kosik aside.rightCart div.rightItems div.products div.product div.content div.name a {
color: #2a292a;
text-decoration: none;
line-height: 1;
font-weight: medium;
}
div#content section.kosik aside.rightCart div.rightItems div.products div.product div.content div.name a:hover {
text-decoration: underline;
}
div#content section.kosik aside.rightCart div.rightItems div.products div.product div.content div.quantity input.pocet {
text-align: center;
border: #CBCBCB solid 1px;
background: #fff;
}
div#content section.kosik aside.rightCart div.rightItems div.products div.product div.content div.quantity span.productTotalPrice {
color: #CE1824;
font-weight: bold;
}
div#content section.kosik aside.rightCart div.rightItems div.doprava,
div#content section.kosik aside.rightCart div.rightItems div.platba {
padding: 3px 0 10px 0;
}
div#content section.kosik aside.rightCart div.rightItems div.doprava strong.name,
div#content section.kosik aside.rightCart div.rightItems div.platba strong.name {
font-family: 'Roboto';
font-weight: 500;
font-style: italic;
}
div#content section.kosik aside.rightCart div.rightItems div.doprava div.price,
div#content section.kosik aside.rightCart div.rightItems div.platba div.price {
font-weight: bold;
}
div#content section.kosik aside.rightCart div.rightItems div.celkem {
border-top: #cbcbcb solid 1px;
padding-top: 5px;
font-family: 'Roboto';
font-weight: bold;
font-style: italic;
font-size: 15px;
}
div#content section.kosik aside.rightCart div.rightItems div.celkem strong#cena_celkem {
float: right;
color: #CE1824;
}
div#content section.kosik aside.leftOrderInfo {
float: left;
width: 670px;
}
div#content section.kosik aside.leftOrderInfo section.doprava_platba table {
width: 100%;
border-collapse: 0;
border-spacing: 0;
margin-bottom: 15px;
}
div#content section.kosik aside.leftOrderInfo section.doprava_platba table thead tr th {
text-align: left;
padding: 5px 10px;
font-family: 'Roboto';
font-weight: bold;
font-size: 14px;
}
div#content section.kosik aside.leftOrderInfo section.doprava_platba table tbody tr {
background: #fbfbfb;
}
div#content section.kosik aside.leftOrderInfo section.doprava_platba table tbody tr:nth-child(odd) {
background: #f8f8f8;
}
div#content section.kosik aside.leftOrderInfo section.doprava_platba table tbody tr td {
vertical-align: top;
text-align: left;
padding: 10px;
}
div#content section.kosik aside.leftOrderInfo section.doprava_platba table tbody tr td.first {
padding: 10px 0 0 10px;
width: 22px;
}
div#content section.kosik aside.leftOrderInfo section.doprava_platba table tbody tr td span {
font-weight: bold;
display: block;
}
div#content section.kosik aside.leftOrderInfo section.doprava_platba table tbody tr td span span {
font-weight: bold;
text-decoration: underline;
color: #E8A434;
}
div#content section.kosik aside.leftOrderInfo section.doprava_platba table tbody tr td span span:hover {
text-decoration: none;
cursor: pointer;
}
div#content section.kosik aside.leftOrderInfo section.doprava_platba table tbody tr td label {
font-weight: bold;
text-transform: uppercase;
cursor: pointer;
}
div#content section.kosik aside.leftOrderInfo section.doprava_platba table tbody tr td.last {
text-align: right;
vertical-align: middle;
}
div#content section.kosik aside.leftOrderInfo section.doprava_platba table tbody tr td.last strong {
font-size: 13px;
}
div#content section.kosik aside.leftOrderInfo section.doprava_platba table tbody tr td.last span.dph {
display: block;
color: #787878;
font-size: 11px;
}
div#content section.kosik aside.leftOrderInfo section.doprava_platba table tbody tr td div.helptext {
float: right;
}
div#content section.kosik aside.leftOrderInfo section.doprava_platba table tbody tr td div.helptext > a.helpIcon {
display: block;
width: 12px;
height: 12px;
background: url('../images/ico-help_bf62804279.jpg') 0 0 no-repeat;
cursor: pointer;
}
div#content section.kosik aside.leftOrderInfo section.zakaznik h2 {
font-size: 14px;
font-weight: bold;
padding: 5px 10px;
}
div#content section.kosik aside.leftOrderInfo section.zakaznik div.content {
background: #fbfbfb;
padding: 14px 10px;
}
div#content section.kosik aside.leftOrderInfo section.zakaznik div.content div.zpusobPrihlaseni {
margin-bottom: 20px;
}
div#content section.kosik aside.leftOrderInfo section.zakaznik div.content div.zpusobPrihlaseni div.vol {
width: 33%;
float: left;
}
div#content section.kosik aside.leftOrderInfo section.zakaznik div.content section.adresy table {
width: 48%;
float: left;
border-spacing: 0;
border-collapse: 0;
}
div#content section.kosik aside.leftOrderInfo section.zakaznik div.content section.adresy table.fakturacni,
div#content section.kosik aside.leftOrderInfo section.zakaznik div.content section.adresy table.dodaci {
float: right;
}
div#content section.kosik aside.leftOrderInfo section.zakaznik div.content section.adresy table.dodaci thead tr,
div#content section.kosik aside.leftOrderInfo section.zakaznik div.content section.adresy table.firma thead tr {
background: none;
}
div#content section.kosik aside.leftOrderInfo section.zakaznik div.content section.adresy table.dodaci thead tr td,
div#content section.kosik aside.leftOrderInfo section.zakaznik div.content section.adresy table.firma thead tr td {
padding: 6px 0px 6px 25px;
}
div#content section.kosik aside.leftOrderInfo section.zakaznik div.content section.adresy table.dodaci thead tr td input,
div#content section.kosik aside.leftOrderInfo section.zakaznik div.content section.adresy table.firma thead tr td input {
margin-left: 0;
}
div#content section.kosik aside.leftOrderInfo section.zakaznik div.content section.adresy table thead tr {
background: #f3f3f3;
}
div#content section.kosik aside.leftOrderInfo section.zakaznik div.content section.adresy table thead tr th {
padding: 10px 20px;
text-align: left;
}
div#content section.kosik aside.leftOrderInfo section.zakaznik div.content section.adresy table tbody tr td {
padding: 6px 0px 6px 25px;
}
div#content section.kosik aside.leftOrderInfo section.zakaznik div.content section.adresy table tbody tr td label {
display: inline-block;
width: 75px;
}
div#content section.kosik aside.leftOrderInfo section.zakaznik div.content section.adresy table tbody tr td input {
border: #ccc solid 1px;
background: #fff;
height: 25px;
line-height: 25px;
width: 190px;
padding: 1px 5px;
}
div#content section.kosik aside.leftOrderInfo section.zakaznik div.content section.adresy table tbody tr td select {
border: #ccc solid 1px;
background: #fff;
height: 25px;
line-height: 25px;
width: 200px;
}
div#content section.kosik aside.leftOrderInfo section.zakaznik div.content section.adresy table tbody tr td span.req {
color: #CE1824;
font-weight: bold;
font-size: 14px;
}
div#content section.kosik aside.leftOrderInfo section.zakaznik div.content section.other {
padding-top: 20px;
}
div#content section.kosik aside.leftOrderInfo section.zakaznik div.content section.other table {
width: 100%;
}
div#content section.kosik aside.leftOrderInfo section.zakaznik div.content section.other table tr th {
font-weight: normal;
text-align: left;
padding: 6px 0px 0px 25px;
}
div#content section.kosik aside.leftOrderInfo section.zakaznik div.content section.other table tr td {
padding: 6px 0px 6px 25px;
}
div#content section.kosik aside.leftOrderInfo section.zakaznik div.content section.other table tr td textarea {
width: 100%;
border: #ccc solid 1px;
background: #fff;
}
div#content section.kosik aside.leftOrderInfo section.zakaznik div.content section.finish table {
width: 100%;
}
div#content section.kosik aside.leftOrderInfo section.zakaznik div.content section.finish table tr td {
padding: 6px 0px 6px 25px;
}
div#content section.kosik aside.leftOrderInfo section.zakaznik div.content section.finish div.slevovyKupon {
border: #e0e0e0 solid 1px;
background: #f8f8f8;
padding: 10px 16px;
white-space: nowrap;
}
div#content section.kosik aside.leftOrderInfo section.zakaznik div.content section.finish div.slevovyKupon input.text {
border: #c7c7c7 solid 1px;
background: #fff;
height: 19px;
width: 145px;
}
div#content section.kosik aside.leftOrderInfo section.zakaznik div.content section.finish div.slevovyKupon input.button {
height: 22px;
padding: 0px 10px;
background: #ffe462;
/* Old browsers */
background: -moz-linear-gradient(top, #ffe462 0%, #ffb84d 81%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffe462), color-stop(81%, #ffb84d));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffe462 0%, #ffb84d 81%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffe462 0%, #ffb84d 81%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffe462 0%, #ffb84d 81%);
/* IE10+ */
background: linear-gradient(to bottom, #ffe462 0%, #ffb84d 81%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe462, endColorstr=#ffb84d, GradientType=0);
/* IE6-9 */
border: #ffb84d solid 1px;
font-family: 'Roboto';
font-weight: bold;
text-transform: uppercase;
cursor: pointer;
}
div#content section.kosik aside.leftOrderInfo section.zakaznik div.content section.finish div.slevovyKupon input.button:hover {
background: #ffb84d;
/* Old browsers */
background: -moz-linear-gradient(top, #ffb84d 0%, #ffe462 81%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffb84d), color-stop(81%, #ffe462));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffb84d 0%, #ffe462 81%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffb84d 0%, #ffe462 81%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffb84d 0%, #ffe462 81%);
/* IE10+ */
background: linear-gradient(to bottom, #ffb84d 0%, #ffe462 81%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffb84d, endColorstr=#ffe462, GradientType=0);
/* IE6-9 */
}
div#content section.kosik aside.leftOrderInfo section.zakaznik div.content section.finish input.btnObjednej {
height: 50px;
padding: 0px 35px;
font-size: 14px;
background: #ffe462;
/* Old browsers */
background: -moz-linear-gradient(top, #ffe462 0%, #ffb84d 81%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffe462), color-stop(81%, #ffb84d));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffe462 0%, #ffb84d 81%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffe462 0%, #ffb84d 81%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffe462 0%, #ffb84d 81%);
/* IE10+ */
background: linear-gradient(to bottom, #ffe462 0%, #ffb84d 81%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe462, endColorstr=#ffb84d, GradientType=0);
/* IE6-9 */
border: #ffb84d solid 1px;
font-family: 'Roboto';
font-weight: bold;
text-transform: uppercase;
cursor: pointer;
}
div#content section.kosik aside.leftOrderInfo section.zakaznik div.content section.finish input.btnObjednej:hover {
background: #ffb84d;
/* Old browsers */
background: -moz-linear-gradient(top, #ffb84d 0%, #ffe462 81%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffb84d), color-stop(81%, #ffe462));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffb84d 0%, #ffe462 81%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffb84d 0%, #ffe462 81%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffb84d 0%, #ffe462 81%);
/* IE10+ */
background: linear-gradient(to bottom, #ffb84d 0%, #ffe462 81%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffb84d, endColorstr=#ffe462, GradientType=0);
/* IE6-9 */
}
div#content section.porovnavani {
margin-bottom: 20px;
}
div#content section.porovnavani h1 {
float: left;
font-size: 22px;
font-weight: bold;
}
div#content section.porovnavani div.float-right {
line-height: 31px;
}
div#content section.porovnavani div.float-right a.back {
width: 70px;
height: 31px;
background: url('../images/btn-zpet_01c99f169a.jpg') 0 0 no-repeat;
display: inline-block;
text-indent: -9999px;
}
div#content section.porovnavani div.float-right a.print {
background: url('../images/ico-detail-links_eae8366de3.jpg') 0 -38px no-repeat;
padding: 0 0 0 19px;
margin-right: 10px;
}
div#content section.porovnavani div.float-right label {
margin-right: 10px;
}
div#content section.porovnavani div.rel {
position: relative;
margin-top: 15px;
padding-top: 10px;
overflow: auto;
}
div#content section.porovnavani table {
width: 100%;
border-spacing: 0;
border-collapse: 0;
}
div#content section.porovnavani table td.img {
padding-top: 20px;
text-align: center;
}
div#content section.porovnavani table thead {
border: #ffb84d solid 1px;
background: #ffe462;
/* Old browsers */
background: -moz-linear-gradient(top, #ffe462 0%, #ffb84d 61%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffe462), color-stop(61%, #ffb84d));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffe462 0%, #ffb84d 61%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffe462 0%, #ffb84d 61%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffe462 0%, #ffb84d 61%);
/* IE10+ */
background: linear-gradient(to bottom, #ffe462 0%, #ffb84d 61%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe462, endColorstr=#ffb84d, GradientType=0);
/* IE6-9 */
position: relative;
}
div#content section.porovnavani table thead tr td.line {
width: 1%;
}
div#content section.porovnavani table thead tr td:first-child {
width: 20%;
}
div#content section.porovnavani table thead tr th {
padding: 5px 0;
width: 24%;
/* 4prod - 19% */
}
div#content section.porovnavani table thead tr th a {
text-decoration: none;
font-family: 'Roboto';
font-weight: medium;
text-transform: uppercase;
color: #000;
top: -11px;
position: relative;
}
div#content section.porovnavani table thead tr th a:hover {
text-decoration: underline;
}
div#content section.porovnavani table thead tr th a.remove {
text-align: center;
padding: 0 0 0 15px;
background: url('../images/icon-remove_7a14041408.jpg') 0 0 no-repeat;
text-indent: -9999px;
}
div#content section.porovnavani table tbody tr.space td {
height: 20px;
}
div#content section.porovnavani table tbody tr.rozdil.show td {
background: #ffed95;
}
div#content section.porovnavani table tbody tr td {
padding: 0 10px;
}
div#content section.porovnavani table tbody tr td.bg {
background: #fbfbfb;
}
div#content section.porovnavani table tbody tr td.price {
color: #CE1824;
font-size: 16px;
text-align: center;
font-weight: bold;
background: #fbfbfb;
}
div#content section.porovnavani table tbody tr td.line {
padding: 0;
border-left: #e6e6e6 solid 1px;
border-right: #e6e6e6 solid 1px;
}
div#content section.porovnavani table tbody tr td.line:nth-child(2) {
border-left: none;
}
div#content section.porovnavani table tbody tr td.linel {
padding: 0;
border-left: #e6e6e6 solid 1px;
}
div#content section.porovnavani table tbody tr td div.item {
border-bottom: #e6e6e6 solid 1px;
padding: 5px 0;
font-size: 11px;
color: #444444;
}
div#content section.porovnavani table tbody tr td div.item:before {
content: "â¢";
font-weight: bold;
font-size: 11px;
margin-right: 3px;
color: #444444;
position: relative;
}
div#content section.porovnavani table tbody tr th {
text-align: left;
background: #fbfbfb;
padding: 0 10px;
font-size: 11px;
}
div#content section.porovnavani table tbody tr th.title {
font-size: 12px;
margin: 0;
border: none;
padding: 15px 5px 15px 0;
text-transform: uppercase;
}
div#content section.porovnavani table tbody tr th.title span {
background: #ffe462;
/* Old browsers */
background: -moz-linear-gradient(top, #ffe462 0%, #ffb84d 81%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffe462), color-stop(81%, #ffb84d));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffe462 0%, #ffb84d 81%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffe462 0%, #ffb84d 81%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffe462 0%, #ffb84d 81%);
/* IE10+ */
background: linear-gradient(to bottom, #ffe462 0%, #ffb84d 81%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe462, endColorstr=#ffb84d, GradientType=0);
/* IE6-9 */
height: 13px;
width: 5px;
display: inline-block;
margin-right: 11px;
}
div#content section.porovnavani table tbody tr th.par_tit div {
border-bottom: #e6e6e6 solid 1px;
padding: 5px 0;
}
div#content section.porovnavani table form {
position: relative;
}
div#content section.porovnavani table form input {
border: 0;
padding: 0px 10px;
background: #fff;
height: 32px;
line-height: 32px;
width: 229px;
position: absolute;
top: 0;
left: 0;
}
div#content section.porovnavani table form button {
background-color: #535353;
display: block;
color: #fff;
text-decoration: none;
text-transform: uppercase;
text-align: center;
font-family: 'Roboto';
font-weight: 500;
height: 27px;
line-height: 27px;
border: 0;
border-top: #535353 solid 1px;
border-bottom: #535353 solid 1px;
position: absolute;
top: 0;
left: 239px;
height: 32px;
white-space: nowrap;
cursor: pointer;
padding: 0px 10px;
}
div#content section.porovnavani table form button:hover {
background-color: #222;
color: #ffda4d;
}
/* konec content, hlavniho obsahu */
div#content,
div.overlayBox {
/* vzhled clanku */
/* konec clanku */
}
div#content .subarticles h2 span.bokPrechodSpan,
div.overlayBox .subarticles h2 span.bokPrechodSpan {
background: #ffe462;
/* Old browsers */
background: -moz-linear-gradient(top, #ffe462 0%, #ffb84d 81%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffe462), color-stop(81%, #ffb84d));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffe462 0%, #ffb84d 81%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffe462 0%, #ffb84d 81%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffe462 0%, #ffb84d 81%);
/* IE10+ */
background: linear-gradient(to bottom, #ffe462 0%, #ffb84d 81%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe462, endColorstr=#ffb84d, GradientType=0);
/* IE6-9 */
width: 18px;
height: 26px;
display: inline-block;
margin-right: 8px;
position: relative;
top: 7px;
text-indent: -9999px;
}
div#content .subarticles h2 span.bokPrechodSpan.top0,
div.overlayBox .subarticles h2 span.bokPrechodSpan.top0 {
top: 0;
}
div#content .subarticles ul,
div.overlayBox .subarticles ul {
padding: 0px 0px 0px 15px;
margin: 0;
list-style: none;
list-style-image: url('../images/ul-style_e052729e90.jpg');
}
div#content .subarticles ul li,
div.overlayBox .subarticles ul li {
width: 50%;
float: left;
}
div#content .subarticles ul li.childrensArticles,
div.overlayBox .subarticles ul li.childrensArticles {
list-style: none;
}
div#content .subarticles ul li.childrensArticles a.parentPrechod,
div.overlayBox .subarticles ul li.childrensArticles a.parentPrechod {
color: black;
line-height: 26px;
font-weight: 500;
text-transform: uppercase;
text-decoration: none;
}
div#content .subarticles ul li a,
div.overlayBox .subarticles ul li a {
color: #e8a434;
}
div#content article,
div.overlayBox article {
color: #484848;
margin-bottom: 0px;
text-align: left;
padding: 0 15px;
}
div#content article ul,
div.overlayBox article ul {
padding: 0px 0px 0px 15px;
margin: 0;
list-style: none;
list-style-image: url('../images/ul-style_e052729e90.jpg');
}
div#content article ul ul,
div.overlayBox article ul ul {
list-style-image: url('../images/ul-ul-style_9d2953bb9e.jpg');
}
div#content article a,
div.overlayBox article a {
color: #e8a434;
}
div#content article table,
div.overlayBox article table {
border-spacing: 0;
border-collapse: 0;
border: #d5d5d5 solid 1px;
border-bottom: 0;
}
div#content article table td,
div.overlayBox article table td,
div#content article table th,
div.overlayBox article table th {
padding: 4px 10px;
}
div#content article table thead tr,
div.overlayBox article table thead tr {
background: #ffe462;
/* Old browsers */
background: -moz-linear-gradient(top, #ffe462 0%, #ffb84d 68%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffe462), color-stop(68%, #ffb84d));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffe462 0%, #ffb84d 68%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffe462 0%, #ffb84d 68%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffe462 0%, #ffb84d 68%);
/* IE10+ */
background: linear-gradient(to bottom, #ffe462 0%, #ffb84d 68%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe462, endColorstr=#ffb84d, GradientType=0);
/* IE6-9 */
border: #ffb84d solid 1px;
}
div#content article table thead tr td,
div.overlayBox article table thead tr td,
div#content article table thead tr th,
div.overlayBox article table thead tr th {
font-weight: medium;
text-align: left;
}
div#content article table tbody tr:nth-child(odd),
div.overlayBox article table tbody tr:nth-child(odd) {
background: #fcfcfc;
}
div#content article table tbody tr:hover,
div.overlayBox article table tbody tr:hover {
background: #f0f0f0;
}
div#content article table tbody tr td,
div.overlayBox article table tbody tr td {
border-bottom: #d5d5d5 solid 1px;
}
div#content article table.clearTable,
div.overlayBox article table.clearTable {
border: none;
}
div#content article table.clearTable td,
div.overlayBox article table.clearTable td,
div#content article table.clearTable th,
div.overlayBox article table.clearTable th {
padding: 0px 10px;
}
div#content article table.clearTable td p,
div.overlayBox article table.clearTable td p,
div#content article table.clearTable th p,
div.overlayBox article table.clearTable th p {
margin: 0;
padding: 0;
}
div#content article table.clearTable tbody tr:nth-child(odd),
div.overlayBox article table.clearTable tbody tr:nth-child(odd) {
background: none;
}
div#content article table.clearTable tbody tr:hover,
div.overlayBox article table.clearTable tbody tr:hover {
background: none;
}
div#content article table.clearTable tbody tr td,
div.overlayBox article table.clearTable tbody tr td {
border: none;
}
div#content article div.photo_gallery,
div.overlayBox article div.photo_gallery {
margin: 20px 0;
clear: both;
}
div#content article div.photo_gallery a,
div.overlayBox article div.photo_gallery a {
width: 200px;
height: 130px;
padding: 3px;
display: block;
border: #e2e3e4 solid 1px;
overflow: hidden;
text-align: center;
float: left;
margin: 10px;
}
div#content article div.photo_gallery a:hover,
div.overlayBox article div.photo_gallery a:hover {
border-color: #ffb84d;
}
/* doporucujeme */
section.doporucujeme div.product {
float: left;
border: #f1f1f1 solid 1px;
width: 285px;
height: 107px;
padding: 12px 10px 12px 10px;
position: relative;
margin-right: 7px;
margin-bottom: 7px;
background-color: #fdfdfd;
}
section.doporucujeme div.product.cell3 {
margin-right: 0;
}
section.doporucujeme div.product:nth-child(3n+3) {
margin-right: 0;
}
section.doporucujeme div.product div.img {
float: left;
width: 82px;
height: 70px;
border: #f1f1f1 solid 1px;
overflow: hidden;
margin-bottom: 5px;
text-align: center;
background: #fff;
}
section.doporucujeme div.product div.img a {
display: block;
line-height: 72px;
}
section.doporucujeme div.product div.img a img {
vertical-align: middle;
max-width: 80px;
max-height: 70px;
}
section.doporucujeme div.product div.content {
float: right;
height: 68px;
width: 194px;
overflow: hidden;
}
section.doporucujeme div.product div.content h2 {
margin: 0;
padding: 0;
max-height: 34px;
overflow: hidden;
font-size: 13px;
line-height: 17px;
}
section.doporucujeme div.product div.content h2 a {
color: #000;
text-decoration: none;
}
section.doporucujeme div.product div.content h2 a:hover {
text-decoration: underline;
}
section.doporucujeme div.product div.content p {
line-height: 14px;
text-align: justify;
color: #787878;
font-size: 11px;
}
section.doporucujeme div.product a.btnMore {
background-color: #535353;
display: block;
color: #fff;
text-decoration: none;
text-transform: uppercase;
text-align: center;
font-family: 'Roboto';
font-weight: 500;
height: 27px;
line-height: 27px;
border: 0;
border-top: #535353 solid 1px;
border-bottom: #535353 solid 1px;
width: 84px;
clear: left;
float: left;
}
section.doporucujeme div.product a.btnMore:hover {
background-color: #222;
color: #ffda4d;
}
section.doporucujeme div.product div.productPrice {
position: absolute;
bottom: 12px;
right: 10px;
background: #fff;
width: 194px;
text-align: right;
}
section.doporucujeme div.product div.productPrice div.sklad {
color: #2fa038;
font-weight: bold;
font-size: 11px;
}
section.doporucujeme div.product div.productPrice div.nosklad {
color: #2fa038;
font-weight: bold;
font-size: 11px;
}
section.doporucujeme div.product div.productPrice div.price {
line-height: 1;
}
section.doporucujeme div.product div.productPrice div.price span {
color: #787878;
text-decoration: line-through;
margin-right: 10px;
font-size: 11px;
}
section.doporucujeme div.product div.productPrice div.price strong {
color: #CE1824;
font-weight: bold;
font-size: 15px;
}
/* koec doporucujeme */
footer#footer {
background: #241a1c;
color: #ccc;
min-height: 100px;
}
footer#footer div.inn {
width: 980px;
margin: 0 auto;
padding: 30px 0 15px 0;
}
footer#footer div.inn .box {
float: left;
padding: 0 10px;
max-width: 25%;
margin-left: 30px;
}
footer#footer div.inn .box:first-child {
margin: 0;
}
footer#footer div.inn .box.platby {
float: right;
width: 200px;
}
footer#footer div.inn .box.platby div.imgBox {
float: left;
width: 50%;
text-align: center;
height: 35px;
line-height: 35px;
}
footer#footer div.inn .box.platby div.imgBox img {
vertical-align: middle;
filter: url("data:image/svg+xml;utf8,#grayscale");
/* Firefox 10+, Firefox on Android */
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(100%);
/* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
footer#footer div.inn .box.platby div.imgBox:hover img {
filter: none;
-webkit-filter: grayscale(0%);
}
footer#footer div.inn .box .title {
font-weight: bold;
font-size: 14px;
text-transform: uppercase;
padding-bottom: 15px;
color: #fff;
}
footer#footer div.inn .box .content p {
margin: 0;
padding: 0;
font-size: 11px;
}
footer#footer div.inn .box .content ul {
padding: 0;
margin: 0;
list-style: none;
font-size: 11px;
}
footer#footer div.inn .box .content ul li {
padding: 0 0 3px 0;
}
footer#footer div.inn .box .content ul li a {
color: #ccc;
text-decoration: none;
}
footer#footer div.inn .box .content ul li a:hover {
text-decoration: underline;
color: #fff;
}
footer#footer div.inn .box .social {
padding: 5px 0;
}
footer#footer div.inn .box .social ul {
padding: 0;
margin: 0;
list-style: none;
}
footer#footer div.inn .box .social ul li {
float: left;
padding-right: 10px;
}
footer#footer div.inn .box .social ul li a {
display: block;
color: #fff;
width: 25px;
height: 25px;
background: url('../images/icon-social_06fddbe1dd.jpg') 6px -31px no-repeat;
text-indent: -9999px;
}
footer#footer div.inn .box .social ul li a.facebook {
background-position: 6px -31px;
}
footer#footer div.inn .box .social ul li a.facebook:hover {
background-position: 6px 0px;
}
footer#footer div.inn .box .social ul li a.twiter {
background-position: -35px -31px;
}
footer#footer div.inn .box .social ul li a.twiter:hover {
background-position: -35px 0px;
}
footer#footer div.inn .box .social ul li a.youtube {
background-position: -78px -31px;
}
footer#footer div.inn .box .social ul li a.youtube:hover {
background-position: -78px 0px;
}
footer#footer div.inn .box .social ul li a.rss {
background-position: -117px -31px;
}
footer#footer div.inn .box .social ul li a.rss:hover {
background-position: -117px 0px;
}
footer#footer div.inn .box .social ul li a.google {
background-position: -157px -31px;
}
footer#footer div.inn .box .social ul li a.google:hover {
background-position: -157px 0px;
}
footer#footer div.copy {
background: #fff;
padding-bottom: 22px;
}
footer#footer div.copy div.content {
width: 960px;
margin: 0 auto;
padding: 10px 0;
color: #4e4e4e;
}
footer#footer div.copy div.content p {
margin: 0;
}
/* popup box s kosikem */
div.popUpBox {
width: 630px;
text-align: left;
}
div.popUpBox .bokPrechod {
position: relative;
left: -20px;
}
div.popUpBox div.productAdd {
border: #d5d5d5 solid 1px;
background: #fafafa;
padding: 14px 26px 14px 26px;
}
div.popUpBox div.productAdd h2.addOk {
background: url('../images/icon-addok_33d629aa3c.jpg') 0 0 no-repeat;
line-height: 36px;
padding: 0 0 0 45px;
margin: 0 0 10px 0;
}
div.popUpBox div.productAdd div.img {
float: left;
width: 100px;
height: 90px;
border: #f2f2f2 solid 1px;
background: #fff;
text-align: center;
overflow: hidden;
}
div.popUpBox div.productAdd div.text {
float: right;
width: 460px;
padding-top: 10px;
}
div.popUpBox div.productAdd div.text h3 {
text-transform: uppercase;
line-height: 1.1;
margin-bottom: 5px;
font-size: 13px;
padding: 0;
font-weight: medium;
}
div.popUpBox div.productAdd div.text h4 {
color: #2c2c2c;
font-weight: normal;
padding: 0 0 0 15px;
margin: 0;
font-size: 12px;
width: 340px;
}
div.popUpBox div.productAdd div.text h4 span {
margin-left: 20px;
color: #555;
font-style: italic;
}
div.popUpBox div.productAdd div.text div.cena {
float: right;
text-align: right;
line-height: 1.1;
font-weight: bold;
}
div.popUpBox div.productAdd div.text div.cena span.price {
color: #CE1824;
font-size: 21px;
display: block;
}
div.popUpBox div.productAdd div.text div.cena span.dph {
display: block;
color: #787878;
font-size: 11px;
}
div.popUpBox div.productAdd div.text p.darek {
background: url('../images/ico-darek-li_e1b55f62b4.jpg') 0 5px no-repeat;
padding: 3px 18px;
margin-left: 15px;
}
div.popUpBox div.productAdd div.avaible {
text-align: center;
margin-top: 10px;
font-weight: bold;
}
div.popUpBox div.productAdd div.avaible.noStore {
color: red;
}
div.popUpBox div.links {
position: relative;
min-height: 50px;
margin-top: 14px;
}
div.popUpBox div.links a {
position: absolute;
top: 0;
height: 50px;
width: 180px;
display: block;
line-height: 50px;
text-align: center;
color: #000;
font-family: 'Roboto';
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
font-size: 15px;
cursor: pointer;
}
div.popUpBox div.links a.goBack {
background: #e1e1e1;
/* Old browsers */
background: -moz-linear-gradient(top, #e1e1e1 0%, #bbbbbb 60%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1e1e1), color-stop(60%, #bbbbbb));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e1e1e1 0%, #bbbbbb 60%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e1e1e1 0%, #bbbbbb 60%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #e1e1e1 0%, #bbbbbb 60%);
/* IE10+ */
background: linear-gradient(to bottom, #e1e1e1 0%, #bbbbbb 60%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e1e1e1, endColorstr=#bbbbbb, GradientType=0);
/* IE6-9 */
left: -40px;
border: #c3c3c3 solid 1px;
}
div.popUpBox div.links a.goBack:hover {
background: #bbbbbb;
/* Old browsers */
background: -moz-linear-gradient(top, #bbbbbb 0%, #e1e1e1 60%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bbbbbb), color-stop(60%, #e1e1e1));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #bbbbbb 0%, #e1e1e1 60%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #bbbbbb 0%, #e1e1e1 60%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #bbbbbb 0%, #e1e1e1 60%);
/* IE10+ */
background: linear-gradient(to bottom, #bbbbbb 0%, #e1e1e1 60%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#bbbbbb, endColorstr=#e1e1e1, GradientType=0);
/* IE6-9 */
}
div.popUpBox div.links a.goToKosik {
background: #ffe462;
/* Old browsers */
background: -moz-linear-gradient(top, #ffe462 0%, #ffb84d 81%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffe462), color-stop(81%, #ffb84d));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffe462 0%, #ffb84d 81%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffe462 0%, #ffb84d 81%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffe462 0%, #ffb84d 81%);
/* IE10+ */
background: linear-gradient(to bottom, #ffe462 0%, #ffb84d 81%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe462, endColorstr=#ffb84d, GradientType=0);
/* IE6-9 */
right: -40px;
border: #ffb84d solid 1px;
}
div.popUpBox div.links a.goToKosik:hover {
background: #ffb84d;
/* Old browsers */
background: -moz-linear-gradient(top, #ffb84d 0%, #ffe462 81%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffb84d), color-stop(81%, #ffe462));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffb84d 0%, #ffe462 81%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffb84d 0%, #ffe462 81%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffb84d 0%, #ffe462 81%);
/* IE10+ */
background: linear-gradient(to bottom, #ffb84d 0%, #ffe462 81%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffb84d, endColorstr=#ffe462, GradientType=0);
/* IE6-9 */
}
div.popUpBox div.links p.dopravaZdarma {
width: 340px;
margin: 0 auto;
font-weight: bold;
padding-top: 15px;
font-size: 14px;
text-align: center;
}
div.popUpBox section.doporucujeme {
margin-top: 14px;
border-top: #f1f1f1 solid 1px;
}
/* konec pop up s kosikem */
/* porovnavani produktu */
div.comparison {
width: 100%;
position: fixed;
left: 0;
bottom: 0;
background: #fff;
z-index: 20;
}
div.comparison div.ledge {
background: #ffb84d;
height: 21px;
}
div.comparison div.ledge div.cont {
width: 980px;
margin: 0 auto;
text-align: right;
}
div.comparison div.ledge div.cont a {
font-family: 'Roboto';
font-weight: medium;
text-transform: uppercase;
font-size: 13px;
padding-right: 15px;
text-decoration: none;
color: #202020;
background: url('../images/icon-up-down_ab91d9f3a1.jpg') 100% 4px no-repeat;
}
div.comparison div.ledge div.cont a.open {
background-position: 100% -17px;
}
div.comparison div.ledge div.cont a:hover {
text-decoration: underline;
}
div.comparison span#comparison_count {
position: absolute;
top: -19px;
right: 135px;
text-transform: uppercase;
background: url('../images/ico-detail-links_eae8366de3.jpg') 0 0 no-repeat;
padding: 0 10px 0 22px;
border-right: #ffed95 solid 1px;
}
div.comparison div#content-comparison {
width: 980px;
margin: 0 auto;
position: relative;
}
div.comparison div#content-comparison > a {
color: #202020;
text-decoration: none;
}
div.comparison div#content-comparison > a:hover {
text-decoration: underline;
}
div.comparison div#content-comparison div.content {
display: none;
min-height: 40px;
}
div.comparison div#content-comparison div.button {
white-space: nowrap;
position: absolute;
top: 10px;
right: 10px;
}
div.comparison div#content-comparison div.button a.goTo {
background-color: #535353;
display: block;
color: #fff;
text-decoration: none;
text-transform: uppercase;
text-align: center;
font-family: 'Roboto';
font-weight: 500;
height: 27px;
line-height: 27px;
border: 0;
border-top: #535353 solid 1px;
border-bottom: #535353 solid 1px;
padding: 0px 15px;
display: inline-block;
}
div.comparison div#content-comparison div.button a.goTo:hover {
background-color: #222;
color: #ffda4d;
}
div.comparison div#content-comparison div.button a.close {
color: #e90028;
padding: 0 0 0 15px;
background: url('../images/icon-remove_7a14041408.jpg') 0 0 no-repeat;
margin-right: 10px;
}
div.comparison div#content-comparison div.products.porovnani {
padding: 10px 0 0 0;
}
div.comparison div#content-comparison div.products.porovnani div.product {
float: left;
width: 304px;
/* 4x - 220px */
padding: 10px;
border-left: #efefef solid 1px;
position: relative;
}
div.comparison div#content-comparison div.products.porovnani div.product:first-child {
border: none;
}
div.comparison div#content-comparison div.products.porovnani div.product div.img {
float: left;
width: 80px;
height: 70px;
height: 4 0px;
border: #f1f1f1 solid 1px;
overflow: hidden;
margin-bottom: 5px;
text-align: center;
background: #fff;
}
div.comparison div#content-comparison div.products.porovnani div.product div.img a {
display: block;
line-height: 70px;
}
div.comparison div#content-comparison div.products.porovnani div.product div.img a img {
vertical-align: middle;
max-width: 50px;
max-height: 70px;
}
div.comparison div#content-comparison div.products.porovnani div.product div.content {
float: right;
height: 70px;
width: 210px;
overflow: hidden;
}
div.comparison div#content-comparison div.products.porovnani div.product div.content h2 {
margin: 0;
padding: 0;
font-size: 14px;
line-height: 1;
}
div.comparison div#content-comparison div.products.porovnani div.product div.content h2 a {
color: #000;
text-decoration: none;
}
div.comparison div#content-comparison div.products.porovnani div.product div.content h2 a:hover {
text-decoration: underline;
}
div.comparison div#content-comparison div.products.porovnani div.product div.content a.remove {
position: absolute;
top: 5px;
right: 2px;
color: #e90028;
padding: 0 0 0 15px;
background: url('../images/icon-remove_7a14041408.jpg') 0 0 no-repeat;
text-indent: -9999px;
}
div.comparison div#content-comparison div.products.porovnani div.product div.content div.productPrice {
text-align: right;
}
div.comparison div#content-comparison div.products.porovnani div.product div.content div.productPrice div.sklad {
color: #2fa038;
font-weight: bold;
font-size: 13px;
}
div.comparison div#content-comparison div.products.porovnani div.product div.content div.productPrice div.nosklad {
color: #2fa038;
font-weight: bold;
font-size: 13px;
}
div.comparison div#content-comparison div.products.porovnani div.product div.content div.productPrice div.price {
line-height: 1;
}
div.comparison div#content-comparison div.products.porovnani div.product div.content div.productPrice div.price span {
color: #787878;
text-decoration: line-through;
margin-right: 10px;
}
div.comparison div#content-comparison div.products.porovnani div.product div.content div.productPrice div.price strong {
color: #CE1824;
font-weight: bold;
font-size: 16px;
}
div.comparison.active div#content-comparison div.content {
display: block;
}
/* konec porovnavani */
/* popup login */
div.overlayBox section.popUpLogin {
background: #fff;
text-align: left;
padding: 20px;
}
div.overlayBox div.innercenter form {
padding: 0px 30px;
}
div.overlayBox div.innercenter form fieldset legend {
font-weight: medium;
font-family: 'Roboto';
font-size: 17px;
padding: 0 0 10px 0;
}
div.overlayBox div.innercenter form fieldset label {
text-align: right;
font-weight: bold;
}
div.overlayBox div.innercenter form fieldset input {
border: #d7dde8 solid 1px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
behavior: url(css/PIE.htc);
z-index: 5;
background: #f9f9f9;
padding: 2px 10px;
height: 22px;
width: 200px;
}
div.overlayBox div.innercenter form input.btnOK {
display: block;
margin: 0 auto;
margin-top: 20px;
line-height: 30px;
height: 30px;
text-align: center;
color: #000;
font-family: 'Roboto';
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
font-size: 15px;
cursor: pointer;
padding: 0px 20px;
background: #e1e1e1;
/* Old browsers */
background: -moz-linear-gradient(top, #e1e1e1 0%, #bbbbbb 60%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1e1e1), color-stop(60%, #bbbbbb));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e1e1e1 0%, #bbbbbb 60%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e1e1e1 0%, #bbbbbb 60%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #e1e1e1 0%, #bbbbbb 60%);
/* IE10+ */
background: linear-gradient(to bottom, #e1e1e1 0%, #bbbbbb 60%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e1e1e1, endColorstr=#bbbbbb, GradientType=0);
/* IE6-9 */
border: #c3c3c3 solid 1px;
}
div.overlayBox div.innercenter form input.btnOK:hover {
background: #bbbbbb;
/* Old browsers */
background: -moz-linear-gradient(top, #bbbbbb 0%, #e1e1e1 60%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bbbbbb), color-stop(60%, #e1e1e1));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #bbbbbb 0%, #e1e1e1 60%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #bbbbbb 0%, #e1e1e1 60%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #bbbbbb 0%, #e1e1e1 60%);
/* IE10+ */
background: linear-gradient(to bottom, #bbbbbb 0%, #e1e1e1 60%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#bbbbbb, endColorstr=#e1e1e1, GradientType=0);
/* IE6-9 */
}
div.tableform {
padding: 0px 20px;
}
form.adminform,
div.tableform form {
padding: 0px 30px;
}
form.adminform fieldset td.label,
div.tableform form fieldset td.label {
width: 20%;
}
form.adminform fieldset td.block,
div.tableform form fieldset td.block {
padding: 0 0 0 10px;
}
form.adminform fieldset td.block label,
div.tableform form fieldset td.block label {
width: 20%;
text-align: left;
}
form.adminform fieldset legend,
div.tableform form fieldset legend {
font-weight: medium;
font-family: 'Roboto';
font-size: 14px;
padding: 0 0 10px 0;
}
form.adminform fieldset label,
div.tableform form fieldset label {
text-align: right;
display: block;
font-weight: bold;
}
form.adminform fieldset input,
div.tableform form fieldset input {
border: #d7dde8 solid 1px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
behavior: url(css/PIE.htc);
z-index: 5;
background: #f9f9f9;
padding: 2px 10px;
height: 22px;
width: 200px;
}
form.adminform div.form_input:first-child,
div.tableform form div.form_input:first-child {
padding-left: 20%;
}
form.adminform div.form_input.left,
div.tableform form div.form_input.left {
padding-right: 10px;
float: left;
}
form.adminform div.form_input input,
div.tableform form div.form_input input {
display: block;
margin-top: 20px;
line-height: 30px;
height: 30px;
text-align: center;
color: #000;
font-family: 'Roboto';
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
font-size: 15px;
cursor: pointer;
padding: 0px 20px;
}
form.adminform div.form_input input.cancel,
div.tableform form div.form_input input.cancel {
background: #e1e1e1;
/* Old browsers */
background: -moz-linear-gradient(top, #e1e1e1 0%, #bbbbbb 60%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1e1e1), color-stop(60%, #bbbbbb));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e1e1e1 0%, #bbbbbb 60%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e1e1e1 0%, #bbbbbb 60%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #e1e1e1 0%, #bbbbbb 60%);
/* IE10+ */
background: linear-gradient(to bottom, #e1e1e1 0%, #bbbbbb 60%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e1e1e1, endColorstr=#bbbbbb, GradientType=0);
/* IE6-9 */
border: #c3c3c3 solid 1px;
}
form.adminform div.form_input input.cancel:hover,
div.tableform form div.form_input input.cancel:hover {
background: #bbbbbb;
/* Old browsers */
background: -moz-linear-gradient(top, #bbbbbb 0%, #e1e1e1 60%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bbbbbb), color-stop(60%, #e1e1e1));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #bbbbbb 0%, #e1e1e1 60%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #bbbbbb 0%, #e1e1e1 60%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #bbbbbb 0%, #e1e1e1 60%);
/* IE10+ */
background: linear-gradient(to bottom, #bbbbbb 0%, #e1e1e1 60%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#bbbbbb, endColorstr=#e1e1e1, GradientType=0);
/* IE6-9 */
}
form.adminform div.form_input input.save,
div.tableform form div.form_input input.save,
form.adminform div.form_input input.btnOK,
div.tableform form div.form_input input.btnOK {
background: #ffe462;
/* Old browsers */
background: -moz-linear-gradient(top, #ffe462 0%, #ffb84d 81%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffe462), color-stop(81%, #ffb84d));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffe462 0%, #ffb84d 81%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffe462 0%, #ffb84d 81%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffe462 0%, #ffb84d 81%);
/* IE10+ */
background: linear-gradient(to bottom, #ffe462 0%, #ffb84d 81%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe462, endColorstr=#ffb84d, GradientType=0);
/* IE6-9 */
border: #ffb84d solid 1px;
}
form.adminform div.form_input input.save:hover,
div.tableform form div.form_input input.save:hover,
form.adminform div.form_input input.btnOK:hover,
div.tableform form div.form_input input.btnOK:hover {
background: #ffb84d;
/* Old browsers */
background: -moz-linear-gradient(top, #ffb84d 0%, #ffe462 81%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffb84d), color-stop(81%, #ffe462));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffb84d 0%, #ffe462 81%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffb84d 0%, #ffe462 81%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffb84d 0%, #ffe462 81%);
/* IE10+ */
background: linear-gradient(to bottom, #ffb84d 0%, #ffe462 81%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffb84d, endColorstr=#ffe462, GradientType=0);
/* IE6-9 */
}
/* cetelem */
div.cetelem input.pocetSplatek {
margin-right: 17px;
}
div.cetelem h1 {
color: #ffb84d;
text-align: center;
font-size: 20px;
}
div.cetelem h2 {
font-size: 18px;
}
div.cetelem .info,
div.cetelem .block {
display: block;
width: 46%;
margin: 2%;
}
div.cetelem .info div.cBox,
div.cetelem .block div.cBox {
padding: 2%;
border: 5px solid #ffda4d;
}
div.cetelem .info div.cBox input[type=submit],
div.cetelem .block div.cBox input[type=submit],
div.cetelem .info div.cBox button,
div.cetelem .block div.cBox button {
background: #ffe462;
/* Old browsers */
background: -moz-linear-gradient(top, #ffe462 0%, #ffb84d 61%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffe462), color-stop(61%, #ffb84d));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffe462 0%, #ffb84d 61%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffe462 0%, #ffb84d 61%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffe462 0%, #ffb84d 61%);
/* IE10+ */
background: linear-gradient(to bottom, #ffe462 0%, #ffb84d 61%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe462, endColorstr=#ffb84d, GradientType=0);
/* IE6-9 */
height: 29px;
border: #ffb84d solid 1px;
cursor: pointer;
font-weight: bold;
padding: 0px 20px;
font-size: 13px;
text-transform: uppercase;
float: right;
margin: 5px 22px 0 0;
width: 155px;
}
div.cetelem .info div.cBox input[type=submit]:hover,
div.cetelem .block div.cBox input[type=submit]:hover,
div.cetelem .info div.cBox button:hover,
div.cetelem .block div.cBox button:hover {
background: #ffb84d;
/* Old browsers */
background: -moz-linear-gradient(top, #ffb84d 0%, #ffe462 61%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffb84d), color-stop(61%, #ffe462));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffb84d 0%, #ffe462 61%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffb84d 0%, #ffe462 61%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffb84d 0%, #ffe462 61%);
/* IE10+ */
background: linear-gradient(to bottom, #ffb84d 0%, #ffe462 61%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffb84d, endColorstr=#ffe462, GradientType=0);
/* IE6-9 */
}
div.cetelem .info.info div.cBox,
div.cetelem .block.info div.cBox {
border-width: 2px;
}
div.cetelem form input[type=text] {
width: 150px;
}
div.cetelem form select {
width: 156px;
margin-right: 17px;
}
div.cetelem input.vyseSplatky {
color: #CE1824;
font-weight: bold;
}
div.cetelem table {
width: 100%;
border-spacing: 0;
border-collapse: 0;
}
div.cetelem table.bottom {
margin-top: 10px;
}
div.cetelem table td,
div.cetelem table th {
padding: 3px 5px;
}
div.cetelem table tr:nth-child(even) td,
div.cetelem table tr:nth-child(even) th {
background: #f2f2f2;
}
div.cetelem table td.viewCelkovaCastka,
div.cetelem table td.viewVyseUveru {
font-weight: bold;
}
div.overlayBox div.cetelem {
text-align: left;
}
div.overlayBox div.cetelem div.info {
width: 43%;
margin: 0;
}
div.overlayBox div.cetelem div.block {
width: 54%;
margin: 0 0 0 2%;
}
/* konec cetelem */
/* diskuze popup add new */
div.overlayBox div.diskuzeForm form {
padding: 0;
}
div.overlayBox div.diskuzeForm form fieldset legend {
font-weight: bold;
border-bottom: #ffb84d solid 1px;
font-size: 15px;
display: block;
width: 100%;
text-align: left;
padding: 0;
margin-bottom: 10px;
}
div.overlayBox div.diskuzeForm form fieldset > div {
padding: 0 40px;
}
div.overlayBox div.diskuzeForm form fieldset label {
text-align: left;
}
div.overlayBox div.diskuzeForm form fieldset input {
width: 300px;
}
div.overlayBox div.diskuzeForm form fieldset textarea {
background: none repeat scroll 0 0 #F9F9F9;
border: 1px solid #D7DDE8;
border-radius: 5px;
height: 22px;
padding: 2px 10px;
width: 400px;
z-index: 5;
height: 150px;
}
/* konec diskuze popup */
header#header div.head #topKosik #cart_items {
z-index: 1;
}
/* popup formulare, obecne popup */
div.overlayBox h2.bokPrechod {
text-align: left;
}
div.overlayBox form.adminform {
text-align: left;
padding: 0px 70px;
}
div.overlayBox form.adminform fieldset label {
text-align: left;
}
div.overlayBox form.adminform fieldset input {
width: 300px;
}
div.overlayBox form.adminform fieldset textarea {
background: none repeat scroll 0 0 #F9F9F9;
border: 1px solid #D7DDE8;
border-radius: 5px;
height: 22px;
padding: 2px 10px;
width: 400px;
z-index: 5;
height: 150px;
}
/* konec obecny popup */
/* obecne tridy, tlacitka atd.. */
.btnMore {
background-color: #535353;
display: block;
color: #fff;
text-decoration: none;
text-transform: uppercase;
text-align: center;
font-family: 'Roboto';
font-weight: 500;
height: 27px;
line-height: 27px;
border: 0;
border-top: #535353 solid 1px;
border-bottom: #535353 solid 1px;
}
.btnMore:hover {
background-color: #222;
color: #ffda4d;
}
.productPriznak {
position: absolute;
right: 0;
top: 10px;
width: 165px;
}
.productPriznak div {
height: 19px;
background: url('../images/productPriznak_f6d1ea7009.jpg') 100% 0 no-repeat;
float: right;
clear: right;
}
.productPriznak div.slevaPrice {
left: -40px;
position: absolute;
top: -7px;
line-height: 1.2;
padding: 2px 40px 2px 40px;
width: 86px;
height: 30px;
font-weight: 600;
transform: rotate(-33deg);
color: white;
background: #b42828;
background: -moz-linear-gradient(90deg, #b42828 0%, #961e1e 100%);
background: -webkit-linear-gradient(90deg, #b42828 0%, #961e1e 100%);
background: -o-linear-gradient(90deg, #b42828 0%, #961e1e 100%);
background: -ms-linear-gradient(90deg, #b42828 0%, #961e1e 100%);
background: linear-gradient(180deg, #b42828 0%, #961e1e 100%);
}
.productPriznak div.akce {
width: 44px;
}
.productPriznak div.novinka {
background-position: -9px 0;
width: 62px;
}
.productPriznak div.nejprodavanejsi {
background-position: 0 100%;
width: 115px;
}
.productPriznak div.doporucujeme {
background-position: 100% -19px;
width: 115px;
}
/** ######################################################################## **/
/** Funkce **/
.displayTableCell {
display: table-cell;
*display: block;
/* ie6, ie7 */
}
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 99999;
max-width: 350px;
-webkit-box-shadow: 0 0 5px #aaa;
box-shadow: 0 0 5px #aaa;
background: #eeeeee;
color: #333333;
border-radius: 4px;
}
body .ui-tooltip {
border-width: 2px;
}
.autocomplete-w1 {
background: url('../images/shadow_fe1d3ce81d.jpg') no-repeat bottom right;
position: absolute;
top: 0px;
left: 0px;
margin: 8px 0 0 6px;
/* IE6 fix: */
_background: none;
_margin: 0;
}
.autocomplete {
border: 2px solid #e5e5e5;
background: #FFF;
cursor: default;
text-align: left;
max-height: 350px;
overflow: auto;
margin: -6px 6px 6px -7px;
padding: 0 4px;
/* IE6 specific: */
_height: 350px;
_margin: 0;
_overflow-x: hidden;
padding: 0px;
}
.autocomplete .selected {
background: #fff6cf;
}
.autocomplete div {
padding: 2px 5px;
white-space: nowrap;
font-size: 12px;
padding-right: 25px;
padding-left: 25px;
font-weight: bold;
height: 40px;
line-height: 40px;
border-bottom: 1px solid #efefef;
cursor: pointer;
}
.autocomplete div strong {
display: inline-block;
width: 37px;
text-align: center;
}
.autocomplete div img {
vertical-align: middle;
margin-right: 5px;
max-width: 35px;
max-height: 27px;
border: 1px solid #f4f4f4;
}
.autocomplete div img.category {
border: 0;
}
.autocomplete span {
display: block;
padding: 2px 5px;
background-color: #eace6a;
}
.autocomplete strong {
font-weight: normal;
color: #3399FF;
}
section#subcategory {
margin-bottom: 30px;
}
body > div.overlayBox {
max-width: 680px;
min-width: 680px;
width: 680px;
}
div#content article {
padding: 0;
}
table.payugroup {
width: 100%;
border-collapse: 0;
border-spacing: 0;
margin-bottom: 15px;
}
table.payugroup thead tr th {
text-align: left;
padding: 5px 10px;
font-family: 'Roboto';
font-weight: bold;
font-size: 14px;
}
table.payugroup tbody tr {
background: #fbfbfb;
}
table.payugroup tbody tr:nth-child(odd) {
background: #f8f8f8;
}
table.payugroup tbody tr td {
vertical-align: top;
text-align: left;
padding: 10px;
}
table.payugroup tbody tr td.first {
padding: 10px 0 0 10px;
width: 22px;
}
table.payugroup tbody tr td span {
display: none;
}
table.payugroup tbody tr td label {
font-weight: bold;
text-transform: uppercase;
cursor: pointer;
}
table.payugroup tbody tr td.last {
text-align: right;
}
table.payugroup tbody tr td.last strong {
font-size: 13px;
}
table.payugroup tbody tr td.last span.dph {
display: block;
color: #787878;
font-size: 11px;
}
table.payugroup tbody tr td div.helptext {
float: right;
}
table.payugroup tbody tr td div.helptext > a.helpIcon {
display: block;
width: 12px;
height: 12px;
background: url('../images/ico-help_bf62804279.jpg') 0 0 no-repeat;
cursor: pointer;
}
#detail div.allcategories {
margin-top: 10px;
}
#detail div.allcategories ul {
list-style-type: square;
}
span.filtrItem input[disabled='disabled'] + label {
color: #aaa;
}
span.filtrItem span.help {
display: none !important;
}
span.filtrItem > input {
left: 0;
}
span.filtrItem > label {
float: none;
display: inline !important;
}
span.filtrItem > a {
float: right;
padding-right: 3px;
}
#porovnavacLittleHelper {
width: 1px;
height: 1px;
position: fixed;
bottom: 10px;
left: 50%;
margin-left: 250px;
display: block;
}
.objednavky {
color: #000;
}
.objednavky span.title {
padding-left: 0px;
}
.objednavky .dateFromTo .middleTitle {
display: block;
float: left;
padding-top: 7px;
margin-left: 10px;
margin-right: 15px;
margin-left: 30px;
}
.objednavky input[type="submit"] {
margin-top: 15px;
font-weight: bold;
text-transform: uppercase;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
padding: 5px 15px;
float: right;
width: 100px;
height: 34px;
margin-top: 0px;
border: 1px #dca334 solid;
background: #fec85f;
cursor: pointer;
cursor: hand;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.objednavky input[type="submit"]:hover {
background: #dca334;
}
.objednavky .orderNumber {
width: 350px;
float: left;
}
.objednavky .dateFromTo {
width: 370px;
float: left;
}
.objednavky .dateFromTo .from,
.objednavky .dateFromTo .to {
float: left;
width: 112px;
}
.objednavky .dateFromTo .from input,
.objednavky .dateFromTo .to input {
width: 60px;
}
.objednavky label {
float: left;
margin-right: 10px;
padding: 7px;
}
.objednavky input[type="text"] {
float: left;
width: 200px;
padding: 4px 2px;
}
.objednavky .dateFromTo {
width: 480px;
}
.objednavky .dateFromTo .from,
.objednavky .dateFromTo .to {
width: 156px;
}
.objednavky .dateFromTo .from input,
.objednavky .dateFromTo .to input {
width: 100px;
}
.objednavky table.orderTable {
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
}
.objednavky table.orderTable thead {
background: #fdc767;
color: #000;
}
.objednavky table.orderTable thead td {
padding: 15px 10px;
font-weight: bold;
}
.objednavky table.orderTable tbody tr:nth-of-type(2n) {
background: #f2f2f2;
}
.objednavky table.orderTable tbody a.detailI {
display: inline-block;
border: 1px #dca334 solid;
background: #fec85f;
color: #000;
padding: 4px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-weight: bold;
cursor: pointer;
float: right;
text-decoration: none;
}
.objednavky table.orderTable tbody a.detailI:hover {
background: #dca334;
}
.objednavky table.orderTable tbody a.printI {
background: url(../images/print-icon.png) center center no-repeat;
display: inline-block;
width: 20px;
height: 20px;
margin-left: 8px;
position: relative;
top: 4px;
}
.objednavky table.orderTable tbody td {
padding: 15px 10px;
}
.objednavky table.orderTable tbody td.control {
width: 120px;
}
.objednavky table.orderTable tbody td.price {
font-weight: bold;
}
.objednavky table.orderTable tbody td.status.finished {
font-weight: bold;
color: #4c7a34;
}
.objednavky .pagi {
text-align: center;
}
.objednavky .pagi a {
color: #000;
}
.zakaznikMenu ul {
margin-left: 0px;
padding-left: 0px;
list-style-type: none;
}
.zakaznikMenu ul li {
float: left;
margin-right: 10px;
}
.zakaznikMenu ul li a {
color: #000;
background-color: #fdc767;
padding: 10px 10px;
display: inline-block;
width: 120px;
text-align: center;
border: 1px #dca334 solid;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.zakaznikMenu ul li a:hover {
background-color: #dca334;
}
table.rozcestnikTable {
width: 100%;
border: none !important;
}
table.rozcestnikTable tr td {
padding: 0px !important;
border: none !important;
}
table.rozcestnikTable .rozcestnikBox {
background: #f5f5f5;
padding: 10px;
border: 1px #e8e8e8 solid;
}
table.rozcestnikTable .rozcestnikBox span.title {
display: block;
font-size: 15px;
margin-bottom: 10px;
}
table.rozcestnikTable .rozcestnikBox ul {
list-style-type: none;
margin-left: 0px !important;
padding-left: 0px !important;
list-style-image: none !important;
}
table.rozcestnikTable .rozcestnikBox ul li {
position: relative;
padding-left: 10px;
margin-bottom: 3px;
}
table.rozcestnikTable .rozcestnikBox ul li::after {
content: "»";
color: #000;
font-size: 12px;
position: absolute;
left: 0px;
top: 0px;
}
table.rozcestnikTable .rozcestnikBox ul li a {
font-size: 13px;
}
div.alternative-product,
div.alternative-category {
width: 45%;
display: inline-block;
vertical-align: top;
}
div.headline {
padding: 15px 0 0 0;
font-size: 14px;
font-weight: 600;
}
div.alternative-product a,
div.alternative-category a {
color: #505050;
text-decoration: underline;
}
div.alternative-product a:hover,
div.alternative-category a:hover {
color: #505050;
text-decoration: none;
}
.red_text_neni {
font-weight: bold;
color: #c70e0e;
}
.panel-multicomplete-results .store {
width: 120px !important;
}
/* modal vlastni nova galerie v detailu, popup */
.fitham_modal_popup {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
}
.fitham_modal_popup .hide_popup {
display: block;
width: 50px;
height: 50px;
background: url('../images/cross_7c8f4e4ad7.jpg') center center no-repeat;
background-size: 30px;
position: absolute;
top: -25px;
right: -25px;
cursor: pointer;
}
.fitham_modal_popup .modalHolder {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
width: 90%;
min-width: 910px;
height: 90%;
margin: 2% auto;
position: relative;
z-index: 1150;
}
.fitham_modal_popup .modal_inner {
width: 100%;
height: 100%;
background: #fff;
position: relative;
padding: 15px;
}
.fitham_modal_popup .modal_inner .mainPhoto {
float: left;
width: 60%;
height: auto;
border: 1px #bbbbbb solid;
text-align: center;
position: relative;
z-index: 100000;
}
.fitham_modal_popup .modal_inner .mainPhoto .mainPhotoInner {
text-align: center;
display: inline-block;
}
.fitham_modal_popup .modal_inner .mainPhoto .mainPhotoInner .jqzoom img {
max-width: 100%;
}
.fitham_modal_popup .modal_inner .mainPhoto .mainPhotoInner .jqzoom .zoomWrapperImage img {
max-width: none;
}
.fitham_modal_popup .modal_inner .thumbs {
float: left;
padding: 0 0 0 25px;
width: 37%;
display: block;
height: 100%;
}
.fitham_modal_popup .modal_inner .thumbs .logo_vyrobce {
display: block;
}
.fitham_modal_popup .modal_inner .thumbs .logo_vyrobce img {
max-height: 20px;
}
.fitham_modal_popup .modal_inner .thumbs .name_ {
font-size: 15px;
padding-left: 5px;
font-weight: bold;
margin: 2px 0px 5px;
}
.fitham_modal_popup .modal_inner .thumbs ul {
list-style-type: none;
padding: 0px;
margin: -10px;
margin-top: 10px;
height: 90%;
overflow-y: scroll;
overflow-x: hidden;
}
.fitham_modal_popup .modal_inner .thumbs ul li {
width: 93px;
height: 100px;
float: left;
margin: 9px;
border: 1px #bbbbbb solid;
cursor: pointer;
}
.fitham_modal_popup .modal_inner .thumbs ul li.active,
.fitham_modal_popup .modal_inner .thumbs ul li:hover {
border-color: #ffd840;
}
.fitham_modal_popup .modal_inner .thumbs ul li a {
display: block;
width: 92px;
height: 100px;
text-align: center;
line-height: 100px;
padding-top: 5px;
}
.fitham_modal_popup .modal_inner .thumbs ul li a img {
max-width: 100%;
}
.fitham_modal_popup .modal_inner .gal {
display: none;
}
.fitham_modal_popup .zoomWindow {
top: -1px !important;
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
opacity: 0.4;
display: none;
}
/* konec vlastni galerie v detailu */
table {
display: block;
border: 1px solid transparent !important;
}
table tbody {
display: block;
}
table.product_cik_cak tr {
display: flex;
align-items: stretch;
height: auto !important;
background: white !important;
}
table.product_cik_cak tr:hover {
background: white !important;
}
table.product_cik_cak tr td {
display: flex;
flex-wrap: wrap;
align-items: center;
height: auto !important;
border-bottom: 1px solid transparent !important;
width: 50%;
}
table.product_cik_cak tr:nth-child(odd) td:nth-child(1) {
order: 2;
}
table.product_cik_cak tr:nth-child(odd) td:nth-child(2) {
justify-content: center;
}
table.product_cik_cak tr:nth-child(even) td:nth-child(2) {
justify-content: center;
}
label.gdpragreements a.gdpr-confirm {
position: relative;
}
label.gdpragreements a.gdpr-confirm:hover::before {
content: attr(data-title);
background: #fff;
border: 2px solid #999;
padding: 5px;
color: #999;
display: block;
position: absolute;
z-index: 100;
width: 140%;
text-align: justify;
right: 0;
line-height: 1.1;
min-width: 250px;
}
section.newsletter div.gdpragreements.newsletter {
padding-top: 36px;
}
div.gdprKontakt,
div.gdprServis {
clear: both;
}
div.gdpragreements.formular input,
div.gdpragreements.servis input,
div.gdpragreements.recenze input,
div.overlayBox div.diskuzeForm form fieldset div.gdpragreements.recenze input,
form.reg.registration div.gdpragreements.registrace input {
width: auto;
height: auto;
display: inline-block;
}
div.tableform form fieldset td.block label.gdpragreements,
form.adminform fieldset td.block label.gdpragreements {
width: auto;
}
div.gdpragreements.objednavka_dotaznik {
padding: 0 25px;
}
section.finish table.cart.finish textarea {
width: 330px;
height: 50px;
border: #e0e0e0 solid 1px;
}
section.finish table.cart.finish .slevovyKupon label {
display: block;
font-weight: bold;
}
.storeInfoBoxInCart {
border: #e0e0e0 solid 1px;
background: #f8f8f8;
padding: 10px 16px;
margin: 20px 0px 10px 0px;
}
.storeInfoBoxInCart .item {
margin-top: 5px;
}
.storeInfoBoxInCart .item span {
font-weight: 600;
}
.storeInfoBoxInCart .item .storeInfo {
color: orange;
white-space: nowrap;
}