body {
  font-size: 0.9375rem;
}
*, a {
    color: #000000;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

body {
    background: url(https://www.zlato-eu.cz/img/pozadi.jpg) 50% 0px no-repeat #fff;
}

@media (min-width: 992px) {
    body {
        padding-bottom: 84px
    }
}

@media (max-width: 991px) {
  #content {
      margin-top: 60px !important;
  }
  #main-content {
      border-top: 0  !important;
  }
}


#main-content {
  background: #fff
}


h1, h2, h3, h3 a {
    color: #2b225b
}

header a {
    color: #2b225b
}
header span {
    color: #ccc;
    padding: 0 4px;
}

header .fas {
    color: #2b225b;
}

.fixed-bottom {
  z-index: 998
}

footer {
  background: #fff;
  padding-top: 2rem
}

footer h3 {
    font-size: 1.125rem
}

footer ul li {
    padding: 4px 0;
    font-size: 0.875rem
}

footer ul li .fas {
    color: #b5b5b5;
    margin: 4px 8px 0px 0
}

footer ul li a:hover {
    text-decoration: underline;
}

footer img {
    max-width: 150px;
    margin: 0 16px 16px 0
}

#footer-prices {     
    background: #f3f3f3;
    border-top: 2px solid #dcc823;
    padding: 15px 0 25px;
}  

#footer-prices a:hover {
    text-decoration: none;
}

h1 {
    text-align: center;
    color: #2b225b;
    font-size: 2rem;
    margin: 1.5rem 0;    
    font-weight: bold;
}

h2 {
    font-size: 1.5rem;      
    margin-top: 1.5rem;
}


#header.stick {
    -webkit-animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
            animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
    -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    left: 0;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    background: #fff;
}


#header.stick #logo {
    height: 42px;
}

#header #second-row {
    margin-top: 1rem
}
#header.stick #first-row {
    display: none
}
#first-row {
  font-size: 0.875rem
}
#header #third-row {
    margin-top: 2rem
}
#header.stick #third-row {
    margin-top: 1rem!important
}
#header .nav-link, #left-menu .nav-link {
    background: #2b225b;
    color: #fff;
    border-right: 1px solid #130b3c;
    /* font-weight: 500; */
    font-size: 0.9375rem;
    text-decoration: none;
    padding: 0.5rem 0.75rem;
    
    color: #2b225b;
    background: #f8f9fa;
    /* text-transform: uppercase; */
    border: 0;
    font-size: 0.875rem;   
    padding: 0.5rem 1rem;
}

#header.stick #third-row {
  /* display: none; */
}


#header.stick .nav-link {     
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;  
    padding: 0.5rem 1rem;
}   
           
#header .nav-link {
    color: #fff;  
    background: #2b225b;
/*    border-right: 1px solid #dee2e6;; */
    font-weight: 500   
}
#header .nav-link:hover, #header .nav-link.active {
    color: #dcc823;  
    background: #2b225b
}
#left-menu .nav-link:hover, #left-menu .nav-link.active {
    color: #dcc823;  
    color: #2b225b;
    /*           
    color: #fff;  
    background: #2b225b;  
    background: #2b225b;
    */             
}

#header .nav-item {
  position: relative
} 
/*
#header .nav-item:hover::before {
  background-color: #dcc823;
  content: "";
  height: 2px;
  bottom: 0px;
  position: absolute;
  width:  100%;
}
*/


/*
#header #third-row {
  margin-top: 0
}
*/
#header #second-row .col-4 a:hover {
  text-decoration: none
}

#header .nav-link {
  background: #fff;
  color: #2b225b;
  text-transform: uppercase;
}
#header .nav-link:hover {
  color: #fff;
}
#header .nav-link.active {
  background: #2b225b;
  color: #fff;
}

.dropdown:hover>.dropdown-menu {
  display: block;
}
.dropdown-menu {
  width: 100%;
  border-radius: 0
}
.dropdown-item {      
  font-weight: 500;
  font-size: 0.875rem;
  color: #2b225b;
  padding: 8px 16px;
}
.dropdown-item:hover {  
  background: #2b225b;
  color: #fff;
  text-decoration: none;
}

#header .nav-link {
  padding: 0.625rem 1rem
}


#left-menu {
  
}


#left-menu .nav-item {
  position: relative
}

#left-menu .nav-item:hover {
  text-decoration: underline
}
/*
#left-menu .nav-item:hover::before {
  background-color: #dcc823;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  width: 3px;
}
*/            

#left-menu > ul > ul {
  padding-left: 1rem
}

#hledani {
    width: 250px;
    height: 42px;
    padding: 4px 12px;
    font-size: 14px;
    border: 1px solid #bdc3c7;
    margin: 0;
}
#vyhledat {
    height: 42px;
    line-height: 42px;
    padding: 0 20px;
    font-size: 14px;
    margin: 0;
    border: 0;
}

#header.stick #hledani {
    height: 32px; 
}
#header.stick #vyhledat {
    height: 32px; 
    line-height: 32px;
}
       
input[type=submit], input[type=button], button, a.tlacitko  {
	background-color: #1abc9c;
	font-size: 10pt;
    border: 1px solid #1abc9c;
	color: #fff;
	padding: 6px 12px;
	text-decoration: none;
	text-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
	-webkit-backface-visibility: hidden;
	cursor: pointer
}
input[type=submit].tl_default, input[type=button].tl_default, button.tl_default, a.tl_default {
    background-color: #bdc3c7;
    border: 1px solid #bdc3c7;
}   

input[type=button].tl_default:hover {
    background-color: #1abc9c !important;
    border: 1px solid #1abc9c;
}
           
select {   
	border: 1px solid #bdc3c7;
	color: #34495e;
	font-family: Lato, sans-serif;
	font-size: 10pt;
	padding: 6px 8px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-transition: border .25s linear, color .25s linear;
	-moz-transition: border .25s linear, color .25s linear;
	-o-transition: border .25s linear, color .25s linear;
	transition: border .25s linear, color .25s linear;
	-webkit-backface-visibility: hidden
}
input[type=password]:focus, input[type=text]:focus, select:focus, textarea:focus {
	border-color: #1abc9c;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	outline: 0
}
input[type=text] {
  min-width: 80px !important
}
input[type=password], input[type=text], input[type=number], textarea {
	border: 1px solid #bdc3c7;
	color: #34495e;
	font-family: Lato, sans-serif;
	font-size: 10pt;
	padding: 4px 12px;
	/*text-indent: 6px;*/
	-webkit-appearance: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-transition: border .25s linear, color .25s linear;
	-moz-transition: border .25s linear, color .25s linear;
	-o-transition: border .25s linear, color .25s linear;
	transition: border .25s linear, color .25s linear;
	-webkit-backface-visibility: hidden
}

#uvod-novy div {
    float: left;
    width: 260px;
    margin: 0 10px 0 0;
    padding: 10px 10px 0 10px;
}
#uvod-novy p {
    margin: 5px 0 0 0;
    padding: 0;
    float: left;
    width: 50%;
    text-align: center;
    background: #fff;
}
#uvod-novy img {
    width: 100px;
    vertical-align: bottom;
    margin-top: 5px;
}

h3 {
  font-size: 1rem
}

img {
  max-width: 100%
}
/*
.produkt_wrapper {         
  float: left;	
  padding: 10px 0;  
}   
.produkt_wrapper .popis p {         
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;  
}   
.produkt_wrapper .obrazek {         
  height: 58px;    
    display: flex;
    align-items: center;
    justify-content: center;    
    float: left;
    text-align: center;
    width: 90px;
    margin: 0;
}    
.produkt_wrapper .obrazek img {         
  max-width: 58px !important;
  max-height: 58px !important;
}
.produkt_wrapper .cena {         
  margin-top: 10px !important
}     
.popis {
	float: left;
	width: 610px;
	margin: 0 10px
}
*/
.produkt4 {
/*
  float: left;
	width: 204px;
	min-height: 185px;
  padding: 20px 10px 10px 10px;
  margin: 0px 0px;
  */
  margin-bottom: 1rem  	
}
.produkt4 .obrazek {
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.produkt4 img {
  margin: 0 0 0 0;
  max-width: 100%;
  max-height: 120px;
  vertical-align: middle;
}
.popisek {
	margin: 5px 0 0;
	padding: 0 0 5px;
}
.popisek_nazev {
	text-align: center;
	font-size: 0.9375rem;
	height: 36px;
	padding: 0;
  margin: 0.5rem 0 0.25rem 0;
  font-weight: 500;
  overflow: hidden;
}
.popisek_cena_bez {
	text-align: center;
	font-size: 1rem;
	color: #d33;
	font-weight: 700;
	margin: 0;
	padding: 0
}
.popisek_cena_dph,
.popisek_cena_s {
	text-align: center;
	font-size: 0.75rem;
	color: #a0a0a0;
	margin: 0;
	padding: 0
}

.podobny_produkt {   
	text-align: center;
}
.podobny_produkt a {
  color: #2b225b
}

.podobny_produkt_img { 
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
}                    
.podobny_produkt img {
  max-width: 100%;
  max-height: 120px;
}


#loader {      
  display: none;
  position: fixed;
    text-align: center;
    left: calc(50% - 77px);
    top: 50%;
    background: #00000061;
    border-radius: 10px;
    z-index: 10;
    width: 90px;
    height: 90px;
}



.novinky {
  margin-right: calc(var(--bs-gutter-x) * -.5);
  margin-left: calc(var(--bs-gutter-x) * -.5);
  max-width: 1320px
}
.carousel-control-next-icon, .carousel-control-prev-icon {
  background-color: #dcc823
}
.carousel-control-prev {
  justify-content: left;
  width: fit-content;
}
.carousel-control-next {
  justify-content: right;
  width: fit-content;
}
    
#homepage-menu h2 {
  margin-top: 1rem
}        
#homepage-menu img {
  max-height: 130px;
}    
#homepage-menu a {
}    

#search {
  display: none
}
.search-button.fa-times {
  display: none
}
.search-button:hover, i.fa-info-circle:hover {
  cursor: pointer
}

/* postup objednavky */


#postup_objednavky {
  float: left;
  margin: 10px 0 0 0 !important
}

#postup_objednavky img {
  margin: 32px 0 0 8px !important
}

#postup_objednavky h1 {
  font-weight: normal
}

#postup_objednavky h1.active {
  font-weight: 600
}


table.produkt {
	margin: 0 0 10px;
	border-collapse: collapse;
	border: 0;
	border-left: 1px solid #bdc3c7;
	border-top: 1px solid #bdc3c7
}
table.produkt th {
	background: #2b225b;
	border-right: 1px solid #bdc3c7;
	border-bottom: 1px solid #bdc3c7;
	padding: 5px 8px;
	text-align: left;
  color: #fff;  
  font-weight: 500;
}
table.produkt td {
	background: #fff;
	border-right: 1px solid #bdc3c7;
	border-bottom: 1px solid #bdc3c7;
	padding: 5px 8px
}

.tabulka {
	margin: 0px 0px 10px 0px;
	border-collapse: collapse;
}
.tabulka th {
	padding: 3px 5px 3px 5px;
	text-align: left
}
.tabulka td {
	padding: 3px 5px 3px 5px;
}

label {
    display: inline;
}


table.kontakt th {     
	padding: 4px 12px 6px 0px;
}

#katalog-filtr p {
  font-weight: 500;
  margin: 0.75rem 0 0.25rem 0
}
#katalog-filtr input:hover, #katalog-filtr label:hover {
  cursor: pointer
}
#katalog-filtr #nlVal {
  color: rgb(43, 34, 91);  
  font-size: 1rem
}

.filter-item {            
  line-height: 1;
  padding: 0.25rem 0;
}

.breadcrumb-nav {
  margin: -1rem -1rem 0 -1rem !important;
}
.breadcrumb {
  font-size: 0.875rem;
}
.breadcrumb a, .breadcrumb a i {
  color: #2b225b
}


#right-alert-1 {
  background-color: #a1c900;  padding: 10px 20px; text-align: center; height: fit-content; 
      padding: 5px 10px; color: #fff; font-size: 0.75rem; margin-right: 10px;
}
#right-alert-2 {
  background-color: #dcc823;  padding: 10px 20px; text-align: center; height: fit-content; 
      padding: 5px 10px; color: #fff; font-size: 0.75rem;
}       
#posta_zdarma_text a, #fixace_nonstop_text a {
  color: #fff;
  text-decoration: none;
}   
#posta_zdarma_text a:hover, #fixace_nonstop_text a:hover {
  color: #fff;
  text-decoration: underline;
}


#scrollUp i {   
    color: #2b225b !important;
}            
#scrollUp:hover i {              
    color: #ffffff !important;
}
#scrollUp {
    width: 56px;
    height: 56px;
    background-color: #fff;   
    right: 28px;
    bottom: 115px;
    border-radius: 50%;
    text-align: center;
    overflow: hidden;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    z-index: 999 !important;
}    
#scrollUp, #scrollUp:hover {
  text-decoration: none;
  display: block;
  line-height: 56px;
  font-size: 1.5rem;        
}
#scrollUp:hover {
  background-color: #2b225b;
}

@media (max-width: 991px) { 
  #scrollUp {  
    bottom: 28px;
  }
}

#cookies {
  display: none;
  position: fixed;
  border: 1px solid #dee2e6;
  padding: 12px 16px;
  width: 370px;
  text-align: left;
  background: #fff;
  font-size: 14px;
  bottom: 20px;
  right: 20px;
  z-index: 1000;
}          

@media (max-width: 991px) {      
  #cookies {
    width: 90%;
    bottom: 0;
    right: 5%;
  }   
}



header #header.stick .alert {
 display: none
}