css
/* btn hover farba*/
#registration_btn:hover, #buy_btn:hover, #send_btn:hover, .basket_merge_buttons:hover, #submit_save:hover, #submit_btn:hover, #page .productBody .buy_btn:hover, .button_new_discussion:hover, .wa-button:hover, .productList .buy_btn:hover, .fixed-parent-node.visible > a.active {
background-color: #ebb429 !important;
}
/* Floating banner bocny */
div#floating_banner{top:70%;right:0px;text-align:center;margin-top:0px;position:fixed;z-index:100;width:10%;}
#floating_banner img{max-width:55px;max-height:55px;float:right;clear:both;padding-bottom:5px;}
/* Paticka */
#und_footer a {font-size: 16px; line-height: 30px; color:#ebb429 !important;}
#und_footer {border-top:solid 3px #ebb429; padding-top:20px;}
#footer{display:none !important;}
.platobne{padding:20px;}
.platobne img{height:30px;padding:5px;}
#footer{color:#D7D7D7;border-top:none !important;}
#footer a{color:#D7D7D7;}
#und_footer{margin:0px auto;clear:both;display:block;text-shadow:0px 1px 1px rgba(255, 255, 255, 0.6);background:none;line-height:initial !important;width:100%;font-size:12px;padding-bottom:20px;}
}
#footer{border-top:none;}
#sidebar-footer{overflow:hidden;width:100%;}
#sidebar-footer-left, #sidebar-footer-right{float:left;width:50%;}
#sidebar-footer-right{text-align:right;}
#sidebar-footer-left .sidebar-footer-block{float:left;width:33%;text-align:left;}
#sidebar-footer-text{}
#sidebar-footer-cislo{font-size:16pt;font-weight:bold;color:#161616;}
hPata{font-size:170%;font-weight:bold;margin:0px 0px 10px;padding:0px;}
/* Tile */
.tile-bg{ z-index: 10;
margin: auto;
margin-top: 0px;
display: block;
overflow: hidden;
max-width: 100%;}
.tile{}
.tile h3.title{line-height: 2.5em; vertical-align:middle;font-size:1.2em;font-weight:bold;text-align:center;height:auto;word-wrap: break-word;padding-top:10px;}
.tile .title{margin-top:0px;z-index:20;}
.tile *{color:black !important;text-decoration:none;}
.tile:hover *{color:#4f4f4f !important;}
.tile{background:white;box-shadow:rgba(0, 0, 0, 0.15) 0px 0px 0px;padding-right: 0px !important;
padding-left: 0px !important;}
/*.tile:hover{box-shadow: inset 0px -4px #ebb429;}*/
.tile p{text-align:center;}
.dlazdica {
box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 3px;
border: solid 1px #f5f5f5;
}
/* tile hover */
img.tile-bg:hover {
opacity: 0.5;
border: 10px solid #ebb429;
}
/* pozadie posun dohora a priehladnost */
#page_background {
background-position: 50% -60px;
}
.hack-box, #und_footer {
background: rgba(255, 255, 255, 0.70);
}
/* ikona novinka pozadie zlte */
html body #page .ico_new {
background-color: #ebb429 !important;
}
/* posunutie vyhod vyssie zarovno s menu */
.article-content {
margin-top: 4px;
}
/* kosik hover */
#basket_icon a:hover::before {
background-color: #161616 !important;
color: #ebb429 !important;
}
/* produkt pre sivy pas */
#incenterpage2 pre {
background-color: initial;
border: initial;
padding: 0px;
}
/* ikona zlta a okruhle cierne pozadie */
.title i{
color: #ebb429 !important;
background-color: black;
border-radius: 100px;
padding-top: 5px !important;
padding-bottom: 5px !important;
padding-left: 5px !important;
padding-right: 5px !important;
height: 45px;
width: 45px;
}
/* pokracovat v nakupe */
a#btn_continue_shopping {
padding: 10px !important;
background-color: #ebb429;
border-radius: 5px;
display: block !important;
font-size: 1.2em !important;
font-weight: bold !important;
}
/* kosik stav horny objednavky farba */
.header-slider1.active {
background: linear-gradient(to right, rgb(0, 0, 0) 0%,rgb(255, 219, 25) 35%);
}
.header-slider1.active::after {
box-shadow: inset 0px 0px 0px 7px rgb(255, 219, 25);
}
.page-e-send .header-slider4::before, .page-e-send .header-slider4::before, .page-e-send .header-slider3::before, .page-e-finish .header-slider1::before, .page-e-confirm .header-slider1::before, .page-e-send .header-slider1::before, .page-e-confirm .header-slider2::before, .page-e-send .header-slider2::before {
box-shadow: inset 0px 0px 0px 7px rgb(255, 219, 25);
}
.page-e-send .header-slider4::before, .page-e-send .header-slider3::before,.page-e-finish .header-slider1::before, .page-e-confirm .header-slider1::before, .page-e-send .header-slider1::before, .page-e-confirm .header-slider2::before, .page-e-send .header-slider2::before {
color: #ebb429 !important;
}
.page-e-send .header-slider4,.page-e-confirm .header-slider2, .page-e-send .header-slider2, .page-e-finish .header-slider1, .page-e-confirm .header-slider1, .page-e-send .header-slider1, .page-e-confirm .header-slider2, .page-e-send .header-slider3, .page-e-confirm .header-slider3, .page-e-send .header-slider3 {
background: linear-gradient(to right, rgb(0, 0, 0) 100%,rgb(0, 0, 0) 100%);
}
.header-slider2.active, .header-slider3.active {
background: linear-gradient(to right, rgb(0, 0, 0) 0%,rgb(255, 219, 25) 35%);
}
.header-slider2.active::after, .header-slider3.active::after {
box-shadow: inset 0px 0px 0px 7px rgb(255, 219, 25);
}
.page-e-confirm .header-slider2::before, .page-e-send .header-slider2::before, .page-e-confirm .header-slider3::before, .page-e-send .header-slider3::before {
box-shadow: inset 0px 0px 0px 7px rgb(0, 0, 0);
}
/* --------------------------------------------- */
a:-webkit-any-link {
color: #ebb429;
text-decoration: none;
}
body {
font-family: 'Lato', sans-serif !important;
font-size: 14px;
line-height: 1.428571;
color: #161616;
background-color: #fff;
}
#wherei {
font-size: 13px;
font-weight: bold;
margin: 0.5em 1em 1em;
}
#main-menu > ul li a {
color: #161616;
line-height: 46px;
}
#main-menu ul ul li, #main-menu ul li:hover {
background-color: white;
}
/* ľavé menu */
#left-box .title_left_eshop {
font-size: 22px;
color: white;
background-color: #161616;
border-radius: 0px;
border-top: 0px none;
border-bottom: 0px none;
font-family: 'Lato', sans-serif;
position: relative;
z-index: 100;
text-shadow: none;
text-indent: 5px;
margin-top: 20px;
border: 0px;
}
.category-menu-sep-order-1, .category-menu-sep-order-2, .category-menu-sep-order-3, .category-menu-sep-order-4, .category-menu-sep-order-5, .category-menu-sep-order-6, .category-menu-sep-order-7, .category-menu-sep-order-8, .category-menu-sep-order-9, .category-menu-sep-order-10, .category-menu-sep-order-11, .category-menu-sep-order-12, .category-menu-sep-order-13, .category-menu-sep-order-14, .category-menu-sep-order-15 {
font-size: 18px;
background-color: transparent !important;
border-bottom: 2px solid;
box-sizing: border-box;
color: #161616;
font-weight: bold;
margin-top: 10px;
padding: 10px 15px;
width: 100%;
}
/* ikona domček eshop */
.eshop-menu-home {
width: 48px;
display: none;
}
.slider_available #main-menu {
display: inline-block;
font-size: inherit;
}
html body #page #ebar_set a {
color: #161616;
font-size: 12px;
font-weight: bold;
height: 46px;
width: 46px;
text-decoration: none;
}
/* košík ikona */
#basket_icon a::before {
background-color: #161616;
text-shadow: 0px 1px 0.4px rgba(255, 255, 255, 0.1);
border: none;
color: #ebb429 !important;
box-shadow: none;
border-radius: 0;
height: 46px;
width: 46px;
}
#basket_form, .cart tr {
background: rgba(244, 244, 244, 0) none repeat scroll 0% 0%;
border: 1px solid rgba(217, 217, 217, 0);
}
html body #page .total {
border-right: none;
border-left: none;
}
html body #page .extract_details_btns {
background-color: #161616;
}
html body #page .centerpage_params_filter_areas .ui-slider .ui-slider-handle, #page .centerpage_params_filter_areas .ui-slider .ui-slider-handle:hover {
background-color: #161616;
}
html body #registration_btn, #buy_btn, #send_btn, .basket_merge_buttons, .submit_save, #submit_save, #submit_btn, #show_selected_button, .productPriceBox .buy_btn, .button_new_discussion, .wa-button {
text-shadow: 0px px 0px rgba(0, 0, 0, 0);
color: white;
background-color: #161616;
padding: 4px 30px;
font-weight: bold;
}
html body #incenterpage2 h1, .title_page.def_color {
font-size: 26px;
color: #161616;
text-align: center;
text-shadow: none;
font-weight: bold;
background-color: transparent;
border: none;
}
.wrapper_search_submit {
background-color: #161616;
}
#page .wrapper_search_submit::before {
content: "";
font-family: fontawesome;
font-size: 25px;
line-height: 45px;
padding-left: 12px;
color: #ebb429;
text-shadow: none;
}
html body .wrapper_search_submit {
background-color: #161616;
}
#main-menu ul:first-child li a::before {
border: none;
border-top: none;
transition: all 200ms linear;
background: none;
color: #ebb429;
}
.header_slider {
box-shadow: 0 -7px 0 0 #ebb429, 0 7px 0 0 #ebb429;
}
.ms-bullet.ms-bullet-selected {
background-color: #ebb429;
}
.centerpage_params_filter_areas .ui-slider-range {
background: transparent repeating-linear-gradient(-45deg, #eabb43, #eabb43 10px, #DAA520 10px, #DAA520 20px) repeat scroll 0% 0%;
}
.product {
border-radius: 0;
display: inline-block;
float: left;
font-size: inherit;
margin-left: 10px;
margin-right: 10px;
position: relative;
text-align: center;
width: 260px;
z-index: 5;
}
.productBody {
margin-bottom: 0px;
margin-top: 15px;
padding: 0px;
border-radius: 0px;
box-shadow: 0 0 0 0px white;
}
.productBody, #products_sorting_table, .in-news-box, .in-action-box, .in-contact-box, .in-poll-box {
background-color: rgb(255, 255, 255);
border: 0.5px solid transparent;
}
.productBody .img_box {
min-height: 330px;
}
.img_box {
border-bottom: 0px solid #EDEDED;
max-height: 330px;
overflow: hidden;
padding-bottom: 0px;
}
.productBody .img_box a {
position: relative;
}
.productBody .img_box a img {
top: 50%;
transform: translateY(-50%);
position: absolute;
left: 0px;
right: 0;
}
.img_box img {
max-height: 350px;
max-width: 350px;
width: auto;
}
.productBody .img_box a {
position: relative;
min-height: 320px;
}
.productTitle {
padding-top: 10px;
min-height: 65px;
display: inline-block;
text-align: center;
}
.productTitleContent {
min-height: 50px;
}
.productTitle a {
line-height: 22px;
font-size: 17px;
}
.productPriceBox {
position: relative;
padding: 0px;
}
.productPriceSmall {
font-size: 12px;
padding: 0px 10px;
text-align: center;
vertical-align: middle;
}
.news-content, .productTitle a, .product3TitleContent > a, .productPrice .our_price_text, #boxNorm > a, .page-e-basket .center div, th.center, #basket_form > table > thead tr > th > div, .sorting .sorting_item, html body .product3Price > font, .product3Price .our_price_text, .productPrice > font, .toc, .prev, .next, #wherei, .our_price_text, .ui-tabs-vertical .ui-tabs-nav li a {
color: #161616;
}
.productTitle a, #footer_right > a, .news-title > a, .product3Title .product3TitleContent > a, html body #page ul.bookmark .selected a, html body #page ul.bookmark li:hover a, #registration_btn:hover, #buy_btn:hover, #send_btn:hover, .basket_merge_buttons:hover, #submit_save:hover, #submit_btn:hover, #page .productBody .buy_btn:hover, .button_new_discussion:hover, .wa-button:hover, .productList .buy_btn:hover, .fixed-parent-node.visible > a.active {
text-decoration: inherit;
}
.news-content, .product3TitleContent > a, .productPrice .our_price_text, #boxNorm > a {
line-height: 0px;
font-size: 0px;
}
.productPriceSmall {
font-size: 12px;
padding: 0px 10px;
text-align: center;
vertical-align: middle;
min-height: 17px;
}
.productPrice {
bottom: 0px;
box-sizing: border-box;
color: #ebb429;
display: inline-block;
height: 40px;
line-height: 30px;
margin-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
text-align: center;
width: 100%;
z-index: 5;
}
#incenterpage .stock_no, #incenterpage .stock_yes, #incenterpage2 .stock_no, #incenterpage2 .stock_yes {
display: none;
font-size: 0px;
}
.stock_yes:before, .stock_no:before {
color: #98CF4D;
content: "";
display: none;
font-family: fontAwesome;
font-size: 20px;
position: relative;
top: 3px;
left: -4px;
}
.productPrice span:nth-child(2), .productPrice span:last-child {
color: #ebb429;
text-shadow: 1px 1px 0px rgb(60, 60, 60);
}
.productPrice span:nth-child(2), .productPrice span:last-child {
display: table;
width: 100%;
padding-right: 0px;
}
.productPrice span:nth-child(2), .productPrice span:last-child {
box-sizing: border-box;
font-size: 30px;
padding-top: 0px;
vertical-align: bottom;
color: #ebb429;
padding-right: 0px;
display: inline-block;
margin-top: 0px;
}
/* Produktová tabuľka */
table.cart {
margin-top: 0px;
}
.detail-info form .cart tr td {
padding: 8px 13px;
text-align: left;
}
/* Ikona novinka */
html body #page .ico_new {
background-color: #ebe329;
text-shadow: 0px 1px 0.4px rgba(0, 0, 0, 0.3);
}
/* Ikona akcia */
html body #page .ico_act {
background-color: #ebb429;
text-shadow: 0px 1px 0.4px rgba(0, 0, 0, 0.3);
}
/* Ikona zľava */
html body #page .ico_onsale {
background-color: rgb(220, 20, 60);
text-shadow: 0 1px 0.4px rgba(0, 0, 0, 0.3);
color: rgb(255, 255, 255);
font-size: 16px;
height: 62px;
width: 62px;
left: 80%;
border-radius: 100%;
}
.productFooter .icons_width_hack div {
border-radius: 0px;
font-weight: bold;
display: table;
font-size: 16px;
margin-bottom: 5px;
padding: 8px 8px;
text-align: left;
width: auto;
}
.bookmark.product_switcher {
visibility: hidden;
height: 0px;
}
html .bookmark {
padding-top: 0px;
}
.sorting.products_sorting_boxes, .param.centerpage_params_filter_areas {
margin-bottom: 10px;
margin-top: 0px;
}
.productTitle a:hover, .product3TitleContent > a:hover, #boxNorm > a:hover, .title_page.def_color {
color: rgb(22, 22, 22);
text-align: center;
}
.action-box.zbozi-akce {
display: none
}
.contact-box-title {
background-color: transparent;
box-shadow: none;
font-weight: bold;
font-size: 20px;
border: none;
height: 40px;
color: rgb(235, 180, 41);
}
.in-news-box, .in-action-box, .in-contact-box, .in-poll-box {
box-shadow: 0px -2px 0px #ebb429
}
@media only screen and (min-width: 1160px)
{
#incenterpage .break, #incenterpage2 .break {
display: block;
clear: both;
height: 0px;
font-size: 0px;
overflow: hidden;
visibility: hidden;
}
}
@media only screen and (max-width: 767px) and (min-width: 480px){
html .responsive-menu-button {
background-color: transparent;
border-width: 0px;
}
}
html .responsive-menu-button {
width: 44.5%;
}
html body #page .myheader {
box-shadow: 0px -6px 0px 0px #ebb429 inset;
}
html .responsive-menu-button {
color: #161616;
background-color: transparent !important;
text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
text-align: left;
border-top: none;
border-radius: 0;
font-weight: bold;
height: 56px;
line-height: 55px;
}
html #page .mobile-menu-content ul li ul li a, html .mobile-menu-content > ul ul, html .responsive-menu-button li {
color: #161616;
background-color: white;
text-shadow: 0px 0px 0px white;
}
html .fixed-parent-node.visible, html .fixed-parent-node.visible > .direct-link-text {
background-color: #ebb429;
border: none;
}
html body .img_box {
display: block;
max-height: inherit;
overflow: hidden;
}
}
html body .productTitleContent {
min-height: inherit;
}
.productPriceBox {
min-height: inherit;
}
@media only screen and (max-width: 1160px) and (min-width: 960px)
{
html #incenterpage .stock_no, html #incenterpage .stock_yes, #incenterpage2 .stock_no, html #incenterpage2 .stock_yes {
left: 18px;
display: none;
}
}