@media (min-width: 992px) {
    .col-md-9 {
        width: 100%;
    }
}

.new-products-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* TermÊkek kÜzÊpre igazítåsa */
  margin: 0 auto;
  max-width: 1200px; /* Beållíthatod a kívånt szÊlessÊget */
}

.photo-mosaic-button {
    margin: 10px 0;
    width: 100%;
    font-size: 17px !important;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
    color: #ffffff !important;
    background-color: #e63946;
    border: none;
    border-radius: 5px;
    padding: 15px 30px;
    cursor: pointer;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
}


    .new-akcios {
    /* background: url(../images/akcios_ar.png) no-repeat scroll 0 0 transparent; */
    height: 60px;
    /* margin-left: 174px; */
    text-align: center;
    border: 2px solid white;
    background: #e70000;
    border-radius: 100px;
    /* border-color: #ffefef; */
    font-weight: bold;
    font-size: 14px;
    font-family: 'Arimo';
    /* position: absolute; */
    top: 92px;
    /* box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; */
    line-height: 58px;
    /* padding-left: 8px; */
    width: 60px;
    z-index: 10000;
    box-shadow: rgb(0 0 0 / 2%) 3px 3px 6px 0px;
    /* border: 1px solid; */
    color: white;
    /* box-shadow: 1px 2px 11px 0px rgb(255 255 255 / 28%); */
}

.new-product-item {
    flex: 0 1 calc(33.333% - 20px);
    box-sizing: border-box;
    margin: 10px;
    padding: 10px;
    border: 1px solid #eee;
    border-radius: 5px;
    background-color: #fff;
    text-align: center;
    transition: transform 0.3s, box-shadow 0.3s;
    max-width: 360px;
    min-width: 360px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.new-product-item:hover {
  transform: translateY(-10px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2); /* ÁrnyÊk animåció */
}

.new-termeknev {
  background-color: rgba(128, 128, 128, 0.1); /* EnyhÊn åtlåtszó szßrke såv */
  padding: 10px 0;
  border-radius: 5px;
  margin-top: 10px;
}

.new-termeknev a {
  color: #393939;
  text-decoration: none;
  font-size: 1.2em;
  font-weight: bold;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}

.new-termekkep img {
  width: 100%;
  height: auto;
  max-height: 300px; /* Nagyobb kÊpek */
  object-fit: contain !important;
}

.new-termekar-virtuemart {
  font-size: 1.5em;
  color: #FF5733; /* Tetszőleges szín */
  font-weight: bold;
  margin-top: 10px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
  border-top: 1px solid #eee; /* Finom vonal a termÊk neve Ês åra kÜzÜtt */
  padding-top: 10px;
}

.new-termekkosar, .new-reszletek {
  margin-top: 10px;
}

.new-reszletek a {
color: white !important;
    background-color: #777;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    display: inline-block;
}

.new-reszletek a:hover {
  background-color: #555; /* SÜtÊtebb szßrke */
}

@media (max-width: 1200px) {
  .new-product-item {
    flex: 0 1 calc(50% - 20px); /* 2 termék soronként közepes képernyőn */
  }
}

@media (max-width: 768px) {
  .new-product-item {
    flex: 0 1 calc(50% - 20px); /* 2 termÊk soronkÊnt tablet nÊzetben */
  }
}

@media (max-width: 480px) {
  .new-product-item {
    flex: 0 1 calc(90% - 20px); /* 90%-os szÊlessÊg mobil nÊzetben */
    margin: 10px auto; /* KÜzÊpre igazítås */
    min-width: 300px; /* Minimålis szÊlessÊg mobil nÊzetben */
  }
}

/* System Messages */
#system-message {
  margin-bottom: 10px;
  padding: 0;
  opacity: 0;
  animation: fadein 1s forwards, fadeout 1s forwards 10s;
}

#system-message dt {
  font-weight: bold;
}

#system-message dd {
  margin: 0;
  font-weight: bold;
  text-indent: 30px;
  text-align: center;
}

#system-message dd ul {
  margin-bottom: 10px;
  list-style: none;
  padding: 10px;
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* System Standard Messages */
#system-message dt.message {
  display: none;
}

#system-message dd.message ul {
  color: #0055BB;
  background-color: #D0E4FF;
  border-top: 3px solid #84A7DB;
  border-bottom: 3px solid #84A7DB;
}

/* System Error Messages */
#system-message dt.error {
  display: none;
}

#system-message dd.error ul {
  color: #c00;
  background-color: #F8D7DA;
  border-top: 3px solid #F5C6CB;
  border-bottom: 3px solid #F5C6CB;
}

/* System Notice Messages */
#system-message dt.notice {
  display: none;
}

#system-message dd.notice ul {
  color: #856404;
  background-color: #FFF3CD;
  border-top: 3px solid #FFEEBA;
  border-bottom: 3px solid #FFEEBA;
}

/* Debug */
#system-debug {
  color: #ccc;
  background-color: #fff;
  padding: 10px;
  margin: 10px;
}

#system-debug div {
  font-size: 11px;
}

/* Fade-in and fade-out animations */
@keyframes fadein {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes fadeout {
  from { opacity: 1; }
  to { opacity: 0; }
}




        .unique-container {
            font-family: Arial, sans-serif;
            margin: 0px !important;
            padding:5px !important;
            background-color: #f9f9f9;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }
        .unique-highlight {
            font-size: 12.16px;
            font-weight: bold;
            color: #d35400;
        }
        .unique-info-box {
            background-color: #ffffff;
            padding: 10px;
            border: 1px solid #ddd;
            border-radius: 5px;
            margin-top: 20px;
        }
        .unique-info-box h2 {
            font-size: 18px;
            color: #2c3e50;
            margin-bottom: 10px;
        }
        .unique-info-box ul {
            list-style-type: disc;
            padding-left: 20px;
        }
        .unique-info-box li {
            margin-bottom: 8px;
            font-size: 14px;
            color: #7f8c8d;
        }
        .unique-paragraph {
            margin-top: 20px;
            font-size: 14px;
            color: #34495e;
        }


.photo-mosaic-button {
box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}

/* Minden a (anchor) elem esetÊn */
a {
    cursor: pointer;
}

/* Opcionålisan, csak kÊpekre alkalmazva, ha azok linkkÊnt vannak hasznålva */
a img {
    cursor: pointer;
}


@font-face {
    font-family: 'Bebas Neue';
    src: url('https://fenykeplabor.hu/bebas.ttf') format('truetype');
}

.plugin .footer { 
    display: none;
}

.auth-container
{
	display: flex; justify-content: center; width: 100%; margin-top: 20px;
}

@media only screen and (max-width: 600px) {

.auth-container{
	        display: flex;
	        justify-content: center;
	        width: 100%;
	        margin-top: 20px;
	        flex-wrap: wrap;
	        margin-bottom: 10px;
}
}


button.customize-button a, .add-to-cart a {
    color: white; /* Ez állítja be a link színét fehérre */
    text-decoration: none; /* Ez eltávolítja az aláhúzást */
}

.fixed-header {
    position: fixed;
    top: 0;
    background: linear-gradient(#ffffff, #ffe1be);
    left: 0;
    width: 100%;
    /* background: #fff; */
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); */
    z-index: 9999;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
    display: none;
    align-items: center;
    padding: 10px;
    flex-direction: row;
}
.product-image {
    flex: 0 0 250px;
    margin-right: 20px;
}
.product-image img {
     width: 100%;
     box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
     max-width: 200px;
     border-radius: 10px;
     height: auto;
}
.product-details {
    /* CSS removed as requested */
}
.customize-button {
    margin-top: 10px;
}

@media only screen and (max-width: 600px) {
.product-image {
    flex: 0 0 150px;
    margin-right: 20px;
}
.product-details {
    display: flex !important;
    flex-wrap: wrap !important;
    margin-top: -25px !important;
}
button.customize-button, .add-to-cart {
  
font-size: 17px !important;
}
}
	
	
h1 {
color: #4f4f4f;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    background: #e7e7e7;
    padding: 10px;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 20px;
	font-family: 'Open Sans', sans-serif;
}

#thumbnails {
   
    justify-content: center;
    gap: 10px;
    padding-top: 10px;
    flex-direction: column;
    flex-wrap: nowrap;
}

#thumbnails img {
    cursor: pointer;
    transition: transform 0.3s ease;
}


.termekkepekbox
{
    display: flex;
    padding: 12px;
    justify-content: flex-end;
    align-content: stretch;
    flex-wrap: wrap;
    border: 1;
    flex-direction: column;
    border: 1px solid #dee2e6;
    align-items: center;
    border-radius: 10px;
    /* max-height: 600px; */
    margin-right: 10px;
    margin-top: 10px;
}
}	



#thumbnails img:hover {
    transform: scale(1.1);
}

#thumbnails img.active {
    outline: 2px solid #ffa500;
}


.main-image img {
    border-radius: 10px;
    width: 100%;
    height: auto;
    max-height: 300px;
    max-width: 600px;
}


.customize-button {
   margin: 10px 0;
    text-align: center;
    /* font-size: 22px !important; */
    font-family: 'Open Sans', sans-serif;
    font-size: 1.1em;
    /* font-weight: bold; */
    color: #ffffff !important;
    width: 100% !important;
    background-color: #e63946;
    border: none;
    border-radius: 5px;
    padding: 15px 30px;
    cursor: pointer;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
}

.customize-button:hover, .customize-button:focus {
    background-color: #8d0000; 
    box-shadow: 0 6px 12px rgba(0,0,0,0.2); 
    transform: translateY(-2px); /* Kicsit emelkedik a gomb */
}

.customize-button:active {
    transform: translateY(1px); /* Nyomott állapotban kissé lesüllyed */
    box-shadow: 0 3px 6px rgba(0,0,0,0.2); /* Kis árnyék a benyomott hatáshoz */
}


  
.price {
font-size: 2.5em;
    color: white !important;
    background-color: #ffa500;
    display: flex;
    padding: 10px;
    border-radius: 5px;
    /* display: inline-block; */
    justify-content: space-around;
}

/* FontAwesome Icon Style */
.fas {
    margin-right: 5px; /* Icon és szöveg közötti tér */
}

.related-products {
    margin-top: 20px;
    padding: 10px;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    border-radius: 10px;
}

.related-item img {
    width: 100px;
    height: auto;
    border-radius: 5px;
}

.related-item span {
    display: block;
    text-align: center;
    margin-top: 5px;
}
.productPrice {
    font-weight: bold;
    white-space: nowrap;
    /* color: white; */
}

.additional-info {
    /* background: white; */
    padding: 10px;
    z-index: 9999; //
    Magas z-index mindig
}

/* Biztosítja, hogy nincsenek elrejtő hatások más CSS szabályoktól */
.additional-info * {
    z-index: inherit;
}
    
    
@media (min-width: 769px) {
    .additional-info {
        position: static;  // Asztali nézetben a normál dokumentumfolyamban
        width: auto;  // Eredeti szélesség
        padding: 10px;  // Eredeti padding
        box-shadow: none;  // Nincs árnyék
        z-index: 1;  // Normál z-index
    }
	
	
}


/* Gomb tartalmazó konténer */
.button-container {
    display: flex;
    justify-content: center; /* Horizontálisan középre igazítja a gombokat */
    align-items: center; /* Vertikálisan is középre igazítja, ha szükséges */
}

/* Gombok stílusa */
button.customize-button, .add-to-cart {
       margin: 10px 0;
       width: 100%;
       font-size: 22px;
       /* padding: 10px; */
}


    .related-products {
    margin-top: 20px;
    padding: 10px;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    border-radius: 10px;
}

.related-item {
    display: inline-block;
    margin: 5px;
    vertical-align: top;
}

.related-item img {
    width: 100px;
    height: auto;
    border-radius: 5px;
}

.related-item span {
    display: block;
    text-align: center;
    margin-top: 5px;
}


a {
    color: #0d6efd;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

button {
       /* margin: 10px 0; */
       /* width: 100%; */
       font-size: 17px !important;
       /* font-family: 'Open Sans', sans-serif; */
       /* text-align: center; */
       /* font-size: 1.1em; */
       /* font-weight: bold; */
       /* color: #ffffff !important; */
       /* background-color: #e63946; */
       /* border: none; */
       /* border-radius: 5px; */
       /* padding: 15px 30px; */
       cursor: pointer;
       /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); */
       /* transition: all 0.3s ease; */
}

button:hover {
    background-color: #ff6409;
}

/* Header formázás */
.buttons-header {
    background-color: #e9ecef;
    padding: 10px;
    text-align: center;
}

/* Navigációs link formázás */
.product-navigation a {
    padding: 5px 10px;
    display: inline-block;
    margin: 0 5px;
    background-color: #e9ecef;
    border-radius: 5px;
    transition: background-color 0.3s;
}

.product-navigation a:hover {
    background-color: #d8e3e7;
}

/* Termék részletek elrendezése */
.product-details {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}

.product-image {
    flex: 1 1 30%;
    padding: 10px;
    text-align: center;
    max-width: 300px;
	
}

.product-info {
padding: 10px;
    /* height: 364px; */
    width: 47%;
    margin-top: 11px;
    background: #f7f6f6;
    border: 1px solid #dee2e6;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}
}

/* Ár és gomb formázás */
.price {
    font-size: 1.5em;
    color: #198754;
    font-weight: bold;
    margin: 10px 0;
}

/* Leírás és további info */
.description {
    font-size: 1em;
    margin: 10px 0;
	font-family: 'Open Sans', sans-serif;
}

.additional-info {
    margin: 20px 0;
}

/* Fix pozíciós kosárgomb */
.add-to-cart {
    /* position: fixed; */
    /* background: white; */
    /* border-radius: 10px; */
    /* padding: 2px; */
    /* border: 1px solid #cfcfcf; */
    bottom: 20px;
    right: 20px;
}

/* Reszponzivitás kezelése */
@media (max-width: 768px) {
    

    .product-image, .product-info {
        flex-basis: 100%;
    }
}



.product-description {
  font-family: 'Open Sans', sans-serif;
  background: #f9f9f9;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  padding: 20px;
  margin: auto;
  /* text-align: center; */
}

.text-content h2 {
  color: #333;
  font-weight: 700;
}

.text-content p {
  color: #666;
  line-height: 1.5;
}

.info-contentbox {
  background: white;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
  padding: 15px;
  margin-top: 20px;
}

.info-icon {
  color: #4a90e2;
  font-size: 24px;
  padding-right: 10px;
  vertical-align: middle;
}

.info-icon::before {
  content: "\f05a"; /* FontAwesome Info-Circle icon */
  font-family: 'FontAwesome';
}



.info-contentbox {
    background-color: #333; /* Sötét háttérszín */
    color: #fff;           /* Fehér szövegszín */
    text-align: justify;
    border: 1px solid #444;/* Szürke keret */
    padding: 20px;         /* Belső térköz */
    font-family: Arial, sans-serif; /* Betűtípus */
}

.info-icon {
    float: left;           /* Balra igazítás */
    color: #ccc;           /* Világos szürke szín az ikonoknak */
    font-size: 24px;       /* Nagyobb ikon méret */
    padding-right: 10px;   /* Jobb oldali térköz */
}

.info-text {
    /* A szöveges tartalomnak nem adtunk külön stílust a fentiekhez képest */
}

.clearfix {
    clear: both;           /* A float tulajdonság hatásainak megszüntetése */
}


/* Add responsiveness */
@media (max-width: 768px) {
  .product-description {
    padding: 10px;
  }
  .info-contentbox {
    padding: 10px;
  }
}


/* Media query a kisebb képernyők kezeléséhez */
@media (max-width: 768px) {
  .info-content {
    flex-direction: column; /* A kisebb képernyőkön a tartalom egymás alá kerül */
  }

  .info-icon {
    margin-bottom: 20px; /* Térköz az ikon és a szöveg között a kisebb képernyőkön */
  }
  
  .product-description {
	     display: block !important;
  }
  
  .info-contentbox
   {
	     display: block !important;
  }
  
  	.product-info
	{
	width: 100% !important;	
	}
  
}



    @keyframes fadeOut {
            0% { 
                opacity: 1;
                visibility: visible;
            }
            99% {
                visibility: visible;
            }
            100% { 
                opacity: 0;
                visibility: hidden;
            }
        }

        @keyframes fadeIn {
            0% {
                opacity: 0;
                visibility: visible;
            }
            100% {
                opacity: 1;
                visibility: visible;
            }
        }

        .fade-out {
            animation: fadeOut 1s forwards;
        }

        .fade-in {
            animation: fadeIn 1s forwards;
        }

  #overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        display: none;
        z-index: 100000;
        opacity: 0;
        transition: opacity 0.5s ease;
    }
    
    #overlay.active {
        display: block;
        opacity: 1;
    }

    #popup {
position: fixed;
    top: 13%;
    left: 3%;
    /* transform: translate(-50%, -50%); */
    width: 93%;
    height: 71%;
    background-color: white;
    padding: 10px;
    border-radius: 15px;
    display: none;
    z-index: 100000;
    opacity: 0;
    transition: opacity 0.5s ease;
    }
    
    #popup.active {
        display: block;
        opacity: 1;
		animation: showPopup 0.5s ease forwards;
    }
	
	@keyframes showPopup {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.container-fluid {
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-right: auto;
    margin-left: auto;
}

#branding {
  display: none;
}

@media only screen and (max-width: 700px) { /* Mobil */

.s5_sub_menu
{
display: none;	
}

.navbar-right
{
    /* display: block !important; */
	display: none !important;
    margin-top: 12px;
    width: 100px;
    float: left;
    margin-left: 10px;
    display: none;
}

#offlajn-ajax-search368 {
    /* width: 580px !important; */
    float: left;
}


.container-fluid {
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-right: auto;
    margin-left: auto;
}




#telefonszam{
background: #f7f7f7;
    padding: 21px;
    width: 108%;
    text-align: center;
    float: left;
    margin-left: -20px;
    /* right: -16px; */
    border: 1px solid #33333347;
    /* color: cadetblue; */
    border-radius: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    /* text-align: center; */
    position: relative;
    z-index: 10000;
}
#telefon
{
    margin-top: 132px;
    position: absolute;
    margin-left: 26px;	
}
#kereso{

    width: 60%;
    margin-left: -9px;

	
}
}


   #hideButton {
            display: none;
        }
		   #regform {
            display: block;
        }

@media only screen and (max-width: 700px) { /* Mobil */
#offlajn-ajax-search368 .offlajn-ajax-search-container {
    background: #d3d3d3;
    background: RGBA(211,211,211,0.8);
    padding: 4px;
    margin: 0;
    width: 109%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#telefonszam
{
display: none;	
}
#regform
{background-color: #f9f9f9;padding: 20px;border-radius: 8px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);position: relative;max-width: 400px;margin: auto;border: 1px solid #cdcaca;margin-top: 10px;text-align: center;}

#offlajn-ajax-search368 .offlajn-ajax-search-container
{
	margin-left: -24px !important;
}
.resp-header-box {
	display: none;
}

#laborlogo{
	float: left;
    max-width: 159px;
}


.close-btn {
    position: absolute; /* Abszolút pozíció a szülő konténerhez képest */
    top: 10px; /* Felső margó */
    right: 10px; /* Jobb margó */
    background-color: #ff0000; /* Piros háttér */
    width: 30px; /* Szélesség */
    height: 30px; /* Magasság */
    border-radius: 50%; /* Teljesen kör alakú */
    color: white; /* Fehér szöveg */
    text-align: center; /* Szöveg középre igazítása */
    line-height: 30px; /* Szöveg vertikális középre igazítása */
    cursor: pointer; /* Mutató kurzor */
    font-size: 20px; /* Nagyobb szövegméret */
    font-weight: bold; /* Félkövér szöveg */
}
}

#reszletes_szuro {
  border: 1px solid #ccc;
  border-radius: 4px;
  margin: 10px;
  padding: 10px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  transition: box-shadow 0.3s ease;
}

#reszletes_szuro:hover {
  box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

#fejlec {
background-color: #f0f0f0;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    padding: 5px;
    font-weight: bold;
    text-align: center;
    transition: background-color 0.3s ease;
}

#fejlec:hover {
  background-color: #e0e0e0;
}

#tartalom {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  margin-top: 10px;
}

   /* Alapértelmezésben a gomb rejtett */
  #hideButton {
        display: none; /* alapértelmezésben rejtve */
        width: 90%; /* teljes szélesség */
        padding: 10px; /* belső térköz */
        border: none; /* nincs keret */
        background-color: #ff8600; /* háttérszín */
        color: white; /* szövegszín */
        text-align: center; /* szöveg középre igazítása */
        font-size: 16px; /* betűméret */
        cursor: pointer; /* kurzor stílus */
        text-decoration: none; /* nincs aláhúzás */
        border-radius: 5px; /* lekerekített sarkok */
    }

    /* Mobil eszközökön a div-ek alapértelmezésben rejtve */
    @media only screen and (max-width: 768px) {
        #regform, #telefonszam {
            /* display: none; */
            height: 100px;
            margin-bottom: 10px;
        }

        /* Csak mobil eszközökön jelenik meg a gomb */
        #hideButton {
            display: block;
        }
        
        
        .termek_info
{
	

	
margin-left: -6px !important;

	}
    }
	
	#offlajn-ajax-search368 .offlajn-ajax-search-container {
    background: #d3d3d3;
    background: RGBA(211,211,211,0.8);
    padding: 4px;
    margin: 0;
    width: 109%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}



@media only screen and (min-width: 701px) { /* Desktop */
/* Alapvető bezáró gomb stílus */
.close-btn {
    background-color: #ff0000;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: white;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    top: 10px;
    right: 10px;
    display: none; /* Alapértelmezésben el van rejtve */
}

/* Mobil nézeten megjelenítjük a bezáró gombot */
@media (max-width: 991px) {
    .close-btn {
        display: block;
    }
}

/* Arányos méretű div-ek asztali nézetben, modern megjelenéssel */
@media (min-width: 992px) {
    #belepes, #elokereso {
             margin-bottom: 10px;
    }
}

/* További stílusok a regformhoz */
#regform {
    background-color: #f9f9f9;
    padding: 12px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    position: relative;
    border: 1px solid #cdcaca;
    max-width: 400px;
    margin: auto;
}

#regform a {
    color: #5d5d5d;
    text-decoration: none;
    font-weight: bold;
}

#regform img {
    vertical-align: middle;
    margin-right: 8px;
}



#mobil_akcio
{
display: none;	
  font-size: 11px;	
}



#telefonszam{
background: #f7f7f7;
    padding: 21px;
    width: 100%;
    float: right;
    margin-top: -16px;
    border: 1px solid #33333347;
    /* color: cadetblue; */
    border-radius: 10px;
    margin-top: 10px;
    text-align: center;
	    position: relative;
	z-index: 10000;
}
#kereso{
    background: #f7f7f7;
    padding: 21px;
    margin-top: 12px;
    border: 1px solid #33333347;
    /* color: cadetblue; */
    border-radius: 10px;
    text-align: center;
}
#telefon
{
margin-top: 98px;
    position: absolute;
    margin-left: 586px;	
}
}
}

.modulbox3 {

}

.lightboxOverlay
{
	    z-index: 10000;
}

/* hover állapot */
.modulbox3:hover {
background-color: #dcdcdc;
background-image: none;
box-shadow: 0px 8px 18px rgba(0, 0, 0, 0.2);
}


.termek_info
{
	
background: #e8e8e8;
	
padding: 5px;
	
margin-top: 3px;
	
border-radius: 5px;
	
min-height: 20%;
	
margin-left: 0px;
	
z-index: 10;
	
text-align: center;
	
display: flex;
	
align-items: center;
	}

 #kovetosav {
    display: flex;
    flex-wrap: nowrap; /* Våltoztatås: flex-wrap: nowrap */
    list-style: none;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 8px 16px;
    background-color: #f7f7f7;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    margin-top: 10px;
    margin-bottom: 20px;
    overflow-x: auto; /* Hozzåadås: horizontålis scroll */
    -webkit-overflow-scrolling: touch; /* iOS gÜrgetÊsi tåmogatås */
  }

#kovetosav li {
  margin-right: 8px;
}

#kovetosav li:last-child {
  margin-right: 0;
}

#kovetosav a {
  color: #444444;
  text-decoration: none;
}

#kovetosav a:hover {
  color: #222222;
  text-decoration: underline;
}

.gombigazit
{
    text-align: justify;
    min-height: 300px;
}
.kontener
{

}
.contentheading
{
 text-align: center;
}
.blog
{
width: 100%;	
}
.contentpaneopen
{
    /* display: grid; */
    width: 98%;
	
    /* text-align: center; */
    margin-left: 4px;
    justify-items: stretch;
    justify-content: start;
    align-content: center;
}


#system-message dd.message {
        opacity: 100;
    margin-top: 18px;
}
.module_shadow_wrap_piros

{
    border-style: solid;
    border-color: #ce0000;
    border-width: 2px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 17px;
}

.pulse {

display: block;

/* width: 665px; */

border-radius: 15px;

/* background: #ffffff; */

cursor: pointer;

/* padding: 10px; */

/* box-shadow: 0 0 0 rgb(110, 110, 110); */

/* animation: pulse 2s infinite; */
}
@-webkit-keyframes glowing {
  0% { background-color: #6b6b6b; -webkit-box-shadow: 0 0 3px #6b6b6b; }
  50% { background-color: #6b6b6b; -webkit-box-shadow: 0 0 40px #6b6b6b; }
  100% { background-color: #6b6b6b; -webkit-box-shadow: 0 0 3px #6b6b6b; }
}

@-moz-keyframes glowing {
  0% { background-color: #fe6f20; -moz-box-shadow: 0 0 3px #6b6b6b; }
  50% { background-color: #6b6b6b; -moz-box-shadow: 0 0 40px #6b6b6b; }
  100% { background-color: #f7731e; -moz-box-shadow: 0 0 3px #6b6b6b; }
}

@-o-keyframes glowing {
  0% { background-color: #6b6b6b; box-shadow: 0 0 3px #6b6b6b; }
  50% { background-color: #6b6b6b; box-shadow: 0 0 40px #6b6b6b; }
  100% { background-color: #6b6b6b; box-shadow: 0 0 3px #6b6b6b; }
}

@keyframes glowing {
  0% { background-color: #6b6b6b; box-shadow: 0 0 3px #6b6b6b; }
  50% { background-color: #6b6b6b; box-shadow: 0 0 40px #6b6b6b; }
  100% { background-color: #6b6b6b; box-shadow: 0 0 3px #6b6b6b; }
}



@media only screen and (max-width: 700px) {
    /* Mobil */ div.kosar_fejlec {
        width: 100%;
        float: left;
        margin-top: 30px;
        margin-bottom: 20px;
        background-color: #606060;
    }
	
		.kosargomb_gravir
{/* width: 100%; *//* background: #ffe4c7; *//* -webkit-box-shadow: 0px 0px 3px 0px #e7e7e7; */-moz-box-shadow: 0px 0px 3px 0px #e7e7e7;/* box-shadow: 0px 0px 3px 0px #e7e7e7; *//* border-radius: 9px; */-moz-border-radius: 9px;/* border: 1px solid #d3cccc; *//* -webkit-border-radius: 9px; *//* float: left; *//* height: 58px; *//* padding: 10px; *//* margin-top: 9px; */text-align: center;/* margin-bottom: 10px; */}
}

@media only screen and (min-width: 701px) {
    /* Desktop */ div.kosar_fejlec {
        width: 100%;
        float: left;
        margin-top: 30px;
        margin-bottom: 20px;
        background-color: #606060;
        color: #ffffff;
        font-weight: bold;
        /* height: 30px; */
    }
	
	.vmCartDetails
{width: 100%;float: left;margin-right: 10px;}
	
	
    .kosargomb_gravir {
        width: 100%;
        padding: 10px;
        background: #ffffff;
        -webkit-box-shadow: 0px 0px 3px 0px #e7e7e7;
        -moz-box-shadow: 0px 0px 3px 0px #e7e7e7;
        box-shadow: 0px 0px 3px 0px #e7e7e7;
        border-radius: 9px;
        -moz-border-radius: 9px;
        border: 1px solid #d3cccc;
        color: w;
        -webkit-border-radius: 9px;
        float: left;

}

@media only screen and (max-width: 700px) {
    /* Mobil */ div.szamalzasi_adatok {
        width: 100%;
        float: left;
    }
	
	
	.inputboxattrib
	{
	    float: left;
    margin-top: 0px;
    vertical-align: middle;
    margin-bottom: 2px;
    max-width: 185px;
    font-size: 11px;	
	}
	
}

@media only screen and (min-width: 701px) {
    /* Desktop */ div.szamalzasi_adatok {
        width: 50%;
        float: left;
    }
	
	#mobil_ajandek_id {
display:none;
}
	
}

@media only screen and (max-width: 700px) {
    /* Mobil */ div.szallitasi_adatok {
        width: 100%;
        float: right;
    }
}

@media only screen and (min-width: 701px) {
    /* Desktop */ div.szallitasi_adatok {
        width: 50%;
        float: right;
    }
}

div.kosar_kep {
    width: 20%;
    float: left;
    margin-left: 10px;
	color: white;
}

div.kosar_termek_nev {
    width: 20%;
    float: left;
	color: white;
}

div.kosar_termek_ar {
    width: 13%;
    float: left;
    margin-left: 89px;
	color: white;
}

div.kosar_termek_mennyiseg {
    width: 20%;
    float: left;
	color: white;
}

div.kosar_reszosszeg {
    width: 10%;
    float: left;
    margin-left: 39px;
	color: white;
}



@media only screen and (max-width: 700px) {
    /* Mobil */ div.kosar_termek_nev2 {
        border-radius: 8px;
        border: 1px solid #e4e4e4;
        padding: 7px;
        width: 53%;
        height: 62px;
        /* margin-bottom: 10px; */
        float: left;
        background-color: #f8f8f8;
    }
	
	
	div.kosar_kep2 {
    border-radius: 25px;
    /* border: 1px solid #e4e4e4; */
    /* padding: 0; */
    /* width: 100px; */
    /* height: 59px; */
    float: left;
    margin-right: 10px;
}
}

@media only screen and (min-width: 701px) {
    /* Desktop */ div.kosar_termek_nev2 {
        border-radius: 8px;
        border: 1px solid #e4e4e4;
        padding: 7px;
        width: 32%;
        height: 62px;
        /* margin-bottom: 10px; */
        float: left;
        background-color: #f8f8f8;
    }
	
	div.kosar_kep2 {
    border-radius: 25px;
    /* border: 1px solid #e4e4e4; */
    /* padding: 0; */
    width: 25%;
    /* height: 59px; */
    float: left;
    margin-right: 10px;
}

div.termekek {
top: 0px;
}
	
}

@media only screen and (max-width: 700px) {
    /* Mobil */ div.kosar_termek_ar2 {
        border-radius: 25px;
        /* border: 1px solid #e4e4e4; */
        padding: 0;
        width: 10%;
        height: 59px;
        float: left;
        margin-left: 10px;
        margin-top: 28px;
        display: none;
    }
}

@media only screen and (min-width: 701px) {
    /* Desktop */ div.kosar_termek_ar2 {
        border-radius: 25px;
        /* border: 1px solid #e4e4e4; */
        padding: 0;
        width: 10%;
        height: 59px;
        float: left;
        margin-left: 10px;
        margin-top: 28px;
    }
	
	div.termekek {
top: 0px;
float: left;
}
	
}

@media only screen and (max-width: 700px) {
    /* Mobil */ div.kosar_termek_mennyiseg2 {
        border-radius: 25px;
        /* border: 1px solid #e4e4e4; */
        padding: 0;
        width: 57%;
        height: 59px;
        float: left;
        /* margin-left: 42px; */
        margin-top: 21px;
    }
}

@media only screen and (min-width: 701px) {
    /* Desktop */ div.kosar_termek_mennyiseg2 {
        border-radius: 25px;
        /* border: 1px solid #e4e4e4; */
        padding: 0;
        width: 19%;
        height: 59px;
        float: left;
        margin-left: 42px;
        margin-top: 21px;
    }
}

@media only screen and (max-width: 700px) {
    /* Mobil */ div.kosar_reszosszeg2 {
        border-radius: 25px;
        /* border: 1px solid #e4e4e4; */
        padding: 0;
        width: 25%;
        height: 59px;
        float: right;
        /* margin-left: 46px; */
        margin-right: 0px;
        font-weight: bold;
        margin-top: 29px;
    }
}

@media only screen and (min-width: 701px) {
    /* Desktop */ div.kosar_reszosszeg2 {
        border-radius: 25px;
        /* border: 1px solid #e4e4e4; */
        padding: 0;
        width: 11%;
        height: 59px;
        float: left;
        margin-left: 46px;
        margin-right: 0px;
        font-weight: bold;
        margin-top: 29px;
    }
}



div.kosarbox {
    width: 98%;
   
    padding: 9px;
    /* position: initial; */
    float: left;
}

.pulse {
   
}
 
}
.pulse:hover {
  animation: none;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgb(110, 110, 110);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(110,110,110, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(110,110,110, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgb(110, 110, 110);
    box-shadow: 0 0 0 0 rgb(110, 110, 110);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(110,110,110, 0);
      box-shadow: 0 0 0 10px rgba(110,110,110, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(110,110,110, 0);
      box-shadow: 0 0 0 0 rgba(110,110,110, 0);
  }
}



#snow{
	background: none;

	background-image: url('https://fenykeplabor.hu/images/s1.png'), url('https://fenykeplabor.hu/images/s2.png'), url('https://fenykeplabor.hu/images/s3.png');
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index:1;
	-webkit-animation: snow 10s linear infinite;
	-moz-animation: snow 10s linear infinite;
	-ms-animation: snow 10s linear infinite;
	animation: snow 10s linear infinite;
}
@keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-moz-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 400px 1000px, 200px 400px, 100px 300px;}
}
@-webkit-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-ms-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}	


*  {
	margin: 0;
	padding: 0; }


 img, fieldset  { border:none; }
 
body {
    font-family: Arial, Helvetica, sans-serif !important;
    background: #FFFFFF url(https://fenykeplabor.hu/templates/shopper_frenzy/white_wall_hash.webp) !important;
    color: #666666 !important;
	margin-top: 20px !important;
}
 
a, label  {
	text-decoration: none;
	font-family: Arial;
	/* color:#666666; */
	}
	
	
@font-face {
    font-family: tex;
    src: url(https://fenykeplabor.hu/texfont.otf);
}

div.banner_termeknev {
      
    left: 23px;
    position: relative;
    top: 288px;
    /* font-family: tex; */
    /* font-style: inherit; */
    font-weight: bold;
    color: #ffffff;
    font-size: 14px;
}





div.banner_termekar {
      
/* display: block; */
      
/* left: 197px; */
      
position: relative;
      
top: 265px;
      
color: #ffffff;
      
font-family: tex;
      
font-size: 17px;
}
div.banner_uj {
      


    position: relative;
    height: 309px;
	top: -50px;
    color: #ffffff;
    font-family: tex;
    font-size: 17px;


}
	
	
	
#animacio
{
    display:inline-block;
    border:0;
    position: relative;
    -webkit-transition: 200ms ease-in-out;
    
}
#animacio:hover
{
    
    z-index: 2; 
    transform: scale(1.0551);
}	
	
#logo {
margin-left: 8px;
    margin-top: 45px;
    position: absolute;
}

#ajandekfigyelmeztetes
{
	background-color: #ad161f;
	border-radius: 10px;
	padding: 8px 20px;
	color: white;
	font-family: Arial;
	margin-top: 30px;
	animation: blinker 3s linear infinite;
}

#felsobanner_tartalom
{

	margin-top: 30px;

}

#ajandekfigyelmeztetes_kosar
{
	
	
	animation: blinker 3s linear infinite;
}

@keyframes blinker {0%{opacity:1;} 50%{opacity:0.5;} 100%{opacity:1;}} /* Opera */
@-moz-keyframes blinker {0%{opacity:1;} 50%{opacity:0.5;} 100%{opacity:1;}} /* Firefox */
    @-webkit-keyframes blinker {0%{opacity:1;} 50%{opacity:0.5;} 100%{opacity:1;}} /* Webkit */
    @-ms-keyframes blinker {0%{opacity:1;} 50%{opacity:0.5;} 100%{opacity:1;}} /* IE */

	
	
#kuponkod {
   

}


#ajandekkep {
   
     background: url("/images/kuponkodod.jpg") no-repeat scroll 0 0 transparent;
	 height: 111px;
	 width: 609px;
}








.kosargomb {
background: url("https://fenykeplabor.hu/images/penztar.png") no-repeat scroll 0 0 transparent;
    height: 39px;
    position: relative;
    width: 185px;
}

.ajandekalap {/* background: url(../images/ajandek_alap_n.jpg) no-repeat scroll 0 0 transparent; *//* height: 39px; */position: relative;/* background-color:  black; */width: 100%;border: 1px solid #cacaca;padding:  10px;border-radius: 19px;margin-bottom:  10px;margin-left: 15px;box-shadow: -1px 4px 16px 0px #cecece;}

.ajandekalap {}
	
.button, .button-none {
	padding-left: 18px;
	padding-right: 19px;
	padding-top: 5px;
	padding-bottom:4px;
	/* color: white; */
	margin-top:6px;
	border-radius: 7px;
	text-transform: uppercase;
	margin-bottom:6px;
	height:25px;
	background-color: #f3f3f3;
	/* background:#EEEEEE url(../images/s5_button.png) repeat-x top left; */
	border:solid 1px #CCCCCC;
	font-size:10px;
	font-weight:bold;
}


.inputbox {
    border: solid 1px #CCCCCC;
    color: #333333;
    margin: 4px;
    width: 100%;
    border-radius: 3px;
    padding: 8px;
    font-size: 14px;
    margin-top: 0px;
    background: #ffffffbf;
    box-sizing: border-box;
}

.form-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.form-label,
.form-input {
    flex: 1 1 100%;
    display: flex;
    flex-direction: column;
}

@media (min-width: 600px) {
    .form-label,
    .form-input {
        flex: 1 1 45%;
    }
}

.form-label label {
    margin-bottom: 8px;
}

.form-input input,
.form-input select {
    width: 100%;
    padding: 8px;
    border-radius: 3px;
    border: 1px solid #cccccc;
    box-sizing: border-box;
}

}

h1 {
font-size:11px;
}

h2 {
font-size:12px;
}

h3 {
font-size:13px;
}

h4 {
font-size:14px;
}

h5 {
font-size:15px;
}

.sectiontableheader {
	background-color:#EFEDED;
	border-bottom:solid 1px #DAD8D8;
	color:#333333;
	line-height:29px;
	padding:0pt 10px;
    margin-bottom: 15px;
}

.sectiontableentry1 {
	/* font-size:12px; */
	/* padding:7px; */
	/* background:none; */
	/* color:#333333; */
}

.sectiontableentry2 {
	/* background:#EFEDED; */
	/* font-size:12px; */
	/* padding:7px; */
	/* color:#333333; */
}

.button:hover, .inputbox:hover {
border:solid 1px #999999;
}
	
a:hover, a:focus  {
	color:#666666;
	text-decoration:underline; }

 img, fieldset  { border:none; }
 
.latestnews li, .mostread li, .latestnews-color li, .mostread-color li {
	background:url(../images/arrow.png) no-repeat center left;
	padding-left:15px;
}

/* Small text */
.small, .smalldark, .createdate, .mosimage_caption,
.back_button, .pagenavcounter, .pagenav, .pagenavbar  {
     font-size: 1em;
}

.modifydate {
     font-size: 0.9em;
     padding-top: 10px; }

.pagenav, .pagenav_prev, .pagenav_next, .pagenavbar {
     padding: 0 2px;
}

p  {
    padding:0px; }

ul  {
	list-style: none; }

ul li  {
	padding: 2px; }

ol  {
	margin-top: 5px;
	margin-bottom: 5px; }

ol li  {
	margin-left: 0px; }

th  {
	padding: 4px;
	font-weight: bold;
	text-align: left; }

fieldset  {
	border: none; }

fieldset a  {
	font-weight: bold; }


a img  {
	border: none;
	}

td, div  {
	font-size: 12px; }

/* JOOMLA STYLE
--------------------------------------------------------- */
table.blog  {

}

table.blog .article_seperator  {
	display: block;
	border-bottom:dotted 1px #cccccc;
	height: 10px; }


table.contentpane  {
    border-collapse:collapse;
	border-spacing:0px;
	margin:0px;
	padding:0px;
 }




table.contenttoc  {
	margin: 0 0 10px 10px;
	padding: 0;
	width: 35%; }

table.contenttoc a  {
	text-decoration: none; }

table.contenttoc td  {
	padding: 1px 5px 1px 25px; }

table.contenttoc th  {
	padding: 4px;
	background: #2F2F2F;
	color: #FFFFFF;
	text-indent: 5px;
	border: 1px solid #3F3F3F; }

table.poll  {
	padding: 0;
	width: 100%;
	border-collapse: collapse; }

table.pollstableborder  {
	padding: 0;
	width: 100%;
	border: none;
	text-align: left; }

table.pollstableborder img  {
	vertical-align: baseline; }

table.pollstableborder td  {
	padding: 2px!important; }

table.searchintro  {
	padding: 10px 0;
	width: 80%; }

table.searchintro td  {
	padding: 5px!important; }

table.adminform  {
	width: 400px!important; }

.blog_more  {
	margin: 10px 0;
	margin-bottom:25px; }

.blog_more strong  {
	margin: 0 0 5px;
	display: block;
	color: #606060;
	text-transform: uppercase; }

td.buttonheading  {
	padding: 0 0 0 3px!important;
	text-align: center; }

.category  {
	font-size: 13px;
	font-weight: normal; }

.componentheading  {
	padding: 6px;
	margin-bottom: 10px;
    font-size: 1.4em;
	border-bottom:solid 1px #EDEDED;
	line-height: normal;
	font-weight: bold; }

.contentdescription  {
	padding-bottom: 30px; }

table.blog .contentheading  {
    font-weight: bold;
    font-size: 13px;
	color: #68bef1;
    line-height: normal;
}

.contentheading  {
     font-size: 15px;
     /* height:35px; */
     /* padding-left:20px; */
     /* border-bottom:solid 1px #EDEDED; */
     font-weight: bold;
     line-height: normal;
     bottom: 83px;
     text-transform: uppercase;
     /* color: white; */
     }

a.contentpagetitle  {
	text-decoration: none!important; }

a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus  {
	text-decoration: none!important; }

.createdate  {
    padding-bottom:13px;
	font-size:1em; }

.modifydate  {
	height: 15px; }

.moduletable  {
	padding: 0; }

.mosimage  {
	padding: 0;
	border:1px solid #333333;
	margin:6px;	}

.mosimage img  {
	padding: 0;
	margin: 0!important; }
	
.mosimage_caption {
	background:#333333 none repeat scroll 0%;
	border-top:1px solid #333333;
	color:#FFFFFF;
	font-size:10px;
	margin-top:2px;
	padding:1px 2px;}

tr.sectiontableentry1 td  {
    padding: 5px;
    /* background: #eeeeee; */
    color: black;
    /* width: 33%; */
    float: left;
    /* background: #ececec; */
    /* padding: 10px; */
    /* margin-top: 10px; */
    border-radius: 10px;
 }

tr.sectiontableentry2 td  {
	padding: 5px; }

.smalldark  {
	text-align: left; }

div.syndicate div  {
	text-align: center; }
	
a.readon   {
    /* float: left; */
    display: block;
    line-height: 18px;
    height: 27px;
    width: 100px;
    text-decoration: none;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 4px;
    padding-bottom: 4px;
    /* margin-top: 0px; */
    background: #ffffff url(../images/s5_button_piros.png) repeat-x top left;
    font-size: 11px;
    font-weight: bold;
    /* margin-top: -4px; */
    /* margin-left: 117px; */
    /* position: relative; */
}


a.readon:hover, a.readon:active, a.readon:focus  {	
	text-decoration:underline; }

.back_button {
	height:37px;
	padding-top:26px; }

div.back_button a,
div.back_button a:hover,
div.back_button a:active  {
	margin: -2px 0;
	display: block;
	font-weight:bold;
	height:37px;
	text-decoration: none!important; }

.pollstableborder {
margin-top:10px;
margin-bottom:10px;
}

table.pollstableborder td {
background:none;
}
	
.clr {
    clear: both;
}


label.invalid {
color:#FF0000;
}
label.invalid {
color:red;
}
.invalid {
border-color:#FF0000;
}
.invalid {
border-color:red !important;
}
.tool-tip {
   float: left;
   background: #CCCCCC;
   border: 1px solid #333333;
   padding: 5px;
   color:#000000;
   max-width: 200px;
}

.tool-title {
   padding: 0;
   margin: 0;
   font-size: 100%;
   font-weight: bold;
   margin-top: -15px;
   padding-top: 15px;
   padding-bottom: 5px;
   color:#000000;
}

.tool-text {
   font-size: 100%;
   color:#000000;
   margin: 0;
}

.rowpadding {
padding: 13px; 
padding-top:7px;
padding-bottom:7px;
}



/* BODY ELEMENTS
----------------------------------------------------------- */


#s5_top_wrap {
margin-left:auto;
margin-right:auto;
padding-top:1px;
}

#s5_t_middle {
float:left;
}

#s5_tl_shadow {
background:url(../images/s5_tl_shadow.png) no-repeat;
height:277px;
width:17px;
float:left;
}

#s5_tr_shadow {
background:url(../images/s5_tr_shadow.png) no-repeat;
height:277px;
width:17px;
float:left;
}

#s5_tl_corner {
background:url(../images/s5_tl_corner.png) no-repeat;
height:45px;
width:19px;
float:left;
}

#s5_tr_corner {
background:url(../images/s5_tr_corner.png) no-repeat;
height:45px;
width:19px;
float:left;
}

#s5_t_repeat {
background:url(../images/s5_top_shadow.png) repeat-x;
height:45px;
float:left;
}

#s5_header_wrap {
padding-left:8px;
padding-right:8px;

}

#s5_header_inner {
background:#FFFFFF url(../images/s5_bg_gradient.png) repeat-x;
}

#s5_header_inner2 {
background:url(../images/s5_logo.png) no-repeat;
height:95px;
}

#kosarikon {
float:right;
margin-right:10px;
margin-top:0px;
}

#felsoinfo {
float:right;
margin-right:38px;
margin-top:17px;
}

#s5_cart {
float:right;
margin-right:68px;
margin-top:5px;
}

* html #s5_cart {
margin-right:19px;
}

div.vmCartModule hr {
margin-bottom:10px;
margin-top:6px;
color:#EBEBEB;
}

#s5_dropdowncart {
background:url(../images/s5_dd_shadow.png) no-repeat top center;
}

#s5_main_body_outer {
padding-left:9px;
padding-right:23px;
margin-left: 8px;
background:#FFFFFF;
}

#s5_menu {
height:45px;
background:url(../images/s5_menu_repeat.png) repeat-x;
}

#s5_menu_tl {
height:41px;
width:14px;
background:url(../images/s5_menu_tl.png) no-repeat;
float:left;
}

#s5_menu_tr {
height:41px;
width:14px;
background:url(../images/s5_menu_tr.png) no-repeat;
float:right;
}

#s5_menu_bottom_wrap {background:url(../images/s5_menu_b_repeat.png) repeat-x bottom left;height:45px;overflow:hidden;}

#s5_menu_bottom_left {background:url(../images/s5_menu_bl.png) no-repeat bottom left;height:45px;}

#s5_menu_bottom_right {background:url(../images/s5_menu_br.png) no-repeat bottom right;height:34px;padding-top:11px;}

#s5_under_menu_left {float:left;padding-left: 0px;}

#s5_under_menu_right {
float:right;
padding-right:16px;
}

#s5_menu_bottom_right select {
margin:0px;
margin-right:9px;
}

#s5_hl_form .button {
margin:0px;
margin-right:6px;
}

#s5_hl_form a {
color:#666666;
font-size:11px;
}

#s5_vc_form .button {
margin:0px;
}

#s5_username {background:#FFFFFF url(../images/s5_username.png) no-repeat center left;height: 25px;padding-left:25px;width: 103px;margin:0px;margin-right: 17px;/* margin-left: -101px; */border-radius: 10px;}

#s5_password {background:#FFFFFF url(../images/s5_password.png) no-repeat center left;height: 24px;padding-left: 25px;width:102px;margin: -1px;margin-right:9px;border-radius:  10px;}

.s5_large_shadow {
margin-left:auto;
margin-right:auto;
height:8px;
background:url(../images/s5_large_shadow.png) no-repeat top center;
margin-top:-1px;
}

#s5_lower_row_wrap {
height:40px;
background:url(../images/s5_lr_repeat.png) repeat-x;
}

#s5_lower_row_wrap div {
font-size:11px;
}

#s5_lower_row_left {
height:40px;
background:url(../images/s5_lr_left.png) no-repeat top left;
}

#s5_lower_row_right {
height:40px;
background:url(../images/s5_lr_right.png) no-repeat top right;
overflow:hidden;
}



#s5_breadcrumb div.moduletable {
padding-top:14px;
padding-left:16px;
float:left;
}

#s5_search {
float:right;
height:40px;
background:url(../images/s5_search.png) no-repeat top left;
}

.search {
margin-right:16px;
}

.search .button {
margin:0px;
margin-left:14px;
margin-top:7px;
}

#s5_search #mod_search_searchword {
float:left;
margin-top:11px;
font-weight:bold;
font-size:11px;
margin-left:29px;
width:170px;
border:none;
}

#s5_vm_search_button {
background:none;
color:#FFFFFF;
border:none;
padding:0px;
margin:0px;
padding-left:8px;
padding-right:9px;
font-size:12px;
padding-top:2px;
}

#vm_search_keyword {
float:left;
margin-top:11px;
font-weight:bold;
font-size:11px;
margin-left:29px;
margin-right:18px;
width:170px;
border:none;
}




#s5_middle_wrapper {
margin-top:20px;
margin-bottom:10px;
}

#s5_left {
float:left;
}

#s5_left_inner {
padding-right:20px;
}

#s5_right {float:left;}

#s5_main_body_shadow {float:left;background: url('../images/s5_large_shadow.png') no-repeat bottom center;padding-bottom:7px;margin-bottom:6px;}

* html #s5_main_body_shadow {
margin-bottom:12px;
}

#s5_main_body {
	 
	    border-radius: 20px;
	
	    margin-left: -4px;
	}

#s5_main_body2 {
	

}

#s5_main_body3 {/* background: url('../images/s5_mod_tr.png') no-repeat top right; */}

#s5_main_body4 {}

#s5_inset {float:left;margin-top: 20px;}

#s5_inset_inner {
padding-left:5px;
}

#s5_right_above_body2 {
float:left;
}

#s5_right_above_body2_inner {
padding-right:10px;
}

#s5_right_above_body3 {
float:left;
}

#s5_right_above_body3_inner {
padding-left:0px;

}

#s5_right_below_body2 {
float:left;
}

#s5_right_below_body2_inner {
padding-right:10px;
}

#s5_right_below_body3 {
float:left;
}

#s5_right_below_body3_inner {
padding-left:10px;
}

#s5_bottom_row_wrap {
margin-left:auto;
margin-right:auto;
}

* html #s5_bottom_row_wrap {
margin-top:-20px;
}

#s5_bottom_row_4 {
	background:transparent url(../images/s5_mod_br.png) no-repeat bottom right;
	width:100%;
}

#s5_bottom_row_5 {
	background:transparent url(../images/s5_mod_bl.png) no-repeat bottom left;
	width:100%;
}

#s5_bottom_wrap {
	margin-left:auto;
	margin-right:auto;
}

#s5_bl_corner {
	background:transparent url(../images/s5_bl_corner.png) no-repeat bottom left;
	width:35px;
	height:205px;
	float:left;
	margin-top:-113px;
	position:relative;
}

#s5_br_corner {
	background:transparent url(../images/s5_br_corner.png) no-repeat bottom left;
	width:35px;
	height:205px;
	float:right;
	margin-top:-113px;
	position:relative;
}

#s5_bot_gradient {
	background:transparent url(../images/s5_bot_gradient.png) repeat-x bottom left;
	float:left;
	min-height:75px;
}	

* html #s5_bot_gradient {
	height:75px;
}

#s5_bot_shadow {
	background:transparent url(../images/s5_bot_shadow.png) repeat-x bottom left;
	margin-left:auto;
	margin-right:auto;
	margin-top:-17px;
	height:17px;
}	

#s5_footer_middle {
	background:transparent url(../images/s5_footer_m.png) repeat-x;
	height:40px;
	margin-top:13px;
}

#s5_footer_left {
	background:transparent url(../images/s5_footer_l.png) no-repeat top left;
	height:40px;
}

#s5_footer_right {
	background:transparent url(../images/s5_footer_r.png) no-repeat top right;
	height:40px;
}

#s5_footer_shadow {
margin-left:auto;
margin-right:auto;
height:8px;
background:url(../images/s5_footer_shadow.png) no-repeat top center;
}

#s5_footer_text {
width:60%;
float:left;
padding-top:13px;
padding-left:18px;
}

#s5_bottom_pos {
float:center;
padding-left: 100px;
}



/* BOTTOM MENU
----------------------------------------------------------- */

#s5_bottom_pos ul.menu a {
font-size:12px;
}

#s5_bottom_pos ul.menu a:visited {
color:#FFFFFF;
}

#s5_bottom_pos ul.menu li {
float:left;
margin-right:8px;
}

#s5_bottom_pos ul.menu {
margin-right:18px;
margin-top:11px;
}



/* SUB MENU
----------------------------------------------------------- */

#s5_sub_menu {
color:#FFFFFF;
}

#s5_sub_menu ul.menu a {
color:#FFFFFF;
font-size:11px;
}

#s5_sub_menu ul.menu a:visited {
color:#FFFFFF;
}

#s5_sub_menu ul.menu li {float: left;display: flex;background-color: #6d6d6d;/* border-radius: 5px; */padding: 5px;margin-left: 5px;align-content: flex-end;border: 1px solid #838383;/* border-radius: 10px; */flex-direction: row-reverse;flex-wrap: wrap;justify-content: flex-start;align-items: center;opacity: 1;transition: opacity 0.3s ease-in-out, background-color 0.3s ease-in-out;}

#s5_sub_menu ul.menu li:hover {
    opacity: 1;
    background-color: #919191;
}


/* Add this to your JavaScript or jQuery code */


/* Add this to your existing CSS code */
#s5_sub_menu ul.menu li.animate {
  animation: menuAnimation 0.5s ease-in-out forwards;
}

@keyframes menuAnimation {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}


#s5_sub_menu ul.menu {
margin-left:14px;
}

/* SUB MENU
----------------------------------------------------------- */

#s5_menu_bottom_right ul.menu a {
color:#666666;
font-size:11px;
font-weight:bold;
}

#s5_menu_bottom_right ul.menu a:visited {
color:#666666;
}

#s5_menu_bottom_right ul.menu li {
float:left;
margin-right:8px;
}

#s5_menu_bottom_right ul.menu {
margin-top:4px;
margin-left:10px;
}

#s5_under_menu_left div.moduletable {
float:left;
}


/* COLUMN MENU
----------------------------------------------------------- */

#s5_middle_wrapper ul.menu a {
color:#666666;
font-size:12px;
padding:5px;
font-weight:bold;
padding-left:18px;
border-bottom: 1px solid #F5F4F4;
display:block;
background:url(../images/arrow.png) no-repeat left center;
}

#s5_middle_wrapper ul.menu a:hover {
background:#F7F6F6 url(../images/arrow.png) no-repeat left center;
text-decoration:none;
}

#s5_middle_wrapper ul.menu ul a:hover {
background:none;
text-decoration:underline;
}

#s5_middle_wrapper ul.menu ul a {
background:none;
color:#666666;
font-size:11px;
padding:3px;
padding-left:26px;
border-bottom: none;
display:block;
}

#s5_middle_wrapper ul.menu ul ul a {
background:none;
color:#666666;
font-size:11px;
padding:3px;
padding-left:34px;
border-bottom: none;
display:block;
}

ul.menu #current {
font-weight:bold;
}

ul.menu #current ul span {
font-weight:normal;
color:#666666;
}

#s5_middle_wrapper ul.menu a:visited {
color:#666666;
}

#s5_middle_wrapper ul.menu li {
padding:0px;
}

#s5_middle_wrapper ul.menu {
margin-top:7px;
margin-bottom:10px;
}


/* MODULE STYLES
----------------------------------------------------------- */

.s5_grey {
color:#666666;
}

#s5_middle_wrapper div.module_shadow { 
	background: url('../images/s5_mod_br.png') no-repeat bottom right;
	padding:0px;
	margin:0px;
    width: 100%;
}

#s5_middle_wrapper div.module_shadow div {
	background: url('../images/s5_mod_bl.png') no-repeat bottom left;
	padding:0px;
	margin:0px;
	width: 100%;
}

#s5_middle_wrapper div.module_shadow div div {
	background: url('../images/s5_mod_tr.png') no-repeat top right;
	padding:0px;
	margin:0px;
}

#s5_middle_wrapper div.module_shadow div div div {
	background: url('../images/s5_mod_tl.png') no-repeat top left;
	padding:0px;
	margin:0px;
	padding:6px;
	padding-top:25px;
	width: auto;
}

#s5_middle_wrapper div.module_shadow div div div div {
	margin: 0px;
	padding: 0px;
	background: url("../images/kategoria_ajanlott.png") no-repeat scroll 0 0 transparent;
}

#s5_middle_wrapper div.module_shadow h3 {
font-size:14px;
margin-top:-2px;
margin-bottom:5px;
position:relative;
}

#ajanlottkep
{
min-height: 200px;	
}





* html #s5_middle_wrapper div.module_shadow h3 {
margin-top:0px;

}

#s5_left div.module_shadow_wrap .s5_module_shadow_bottom, #s5_inset div.module_shadow_wrap .s5_module_shadow_bottom, #s5_right_below_body2 div.module_shadow_wrap .s5_module_shadow_bottom, #s5_right_below_body3 div.module_shadow_wrap .s5_module_shadow_bottom, #s5_right_above_body2 div.module_shadow_wrap .s5_module_shadow_bottom, #s5_right_above_body3 div.module_shadow_wrap .s5_module_shadow_bottom {
height:8px;
background: url('../images/s5_small_shadow.png') no-repeat top center;
margin-top:-1px;
margin-bottom:6px;
}

#s5_right_above_body div.module_shadow_wrap .s5_module_shadow_bottom, #s5_right_below_body div.module_shadow_wrap .s5_module_shadow_bottom {
height:8px;
background: url('../images/s5_large_shadow.png') no-repeat top center;
margin-top:-1px;
margin-bottom:6px;
}


#s5_right_above_body div.module_shadow_wrap_piros .s5_module_shadow_bottom, #s5_right_below_body div.module_shadow_wrap .s5_module_shadow_bottom {
height:8px;
background: url('../images/s5_large_shadow.png') no-repeat top center;
margin-top:-1px;
margin-bottom:6px;
}


#s5_middle_wrapper div.module_shadow_piros { 
	background: url('../images/s5_mod_br.png') no-repeat bottom right;
	padding:0px;
	margin:0px;
    width: 100%;
}

#s5_middle_wrapper div.module_shadow_piros div {
	background: url('../images/s5_mod_bl.png') no-repeat bottom left;
	padding:0px;
	margin:0px;
	width: 100%;
}

#s5_middle_wrapper div.module_shadow_piros div div {
	background: url('../images/s5_mod_tr_piros.png') no-repeat top right;
	padding:0px;
	margin:0px;
}

#s5_middle_wrapper div.module_shadow_piros div div div {
	background: url('../images/s5_mod_tl_piros.png') no-repeat top left;
	padding:0px;
	margin:0px;
	padding:6px;
	padding-top:25px;
	width: auto;
}

#s5_middle_wrapper div.module_shadow_piros div div div div {
	margin: 0px;
	padding: 0px;
	background: none;
}

#s5_middle_wrapper div.module_shadow_piros h3 {
font-size:14px;
margin-top:-2px;
margin-bottom:5px;
position:relative;
}


#s5_right_above_body div.module_shadow_wrap .s5_module_shadow_bottom, #s5_right_below_body div.module_shadow_wrap .s5_module_shadow_bottom {
height:8px;
background: url('../images/s5_large_shadow.png') no-repeat top center;
margin-top:-1px;
margin-bottom:6px;
}





#s5_middle_wrapper div.module_shadow-no_gradient { 
	background: url('../images/s5_mod_br.png') no-repeat bottom right;
	padding:0px;
	margin:0px;
    width: 100%;
}

#s5_middle_wrapper div.module_shadow-no_gradient div {
	background: url('../images/s5_mod_bl.png') no-repeat bottom left;
	padding:0px;
	margin:0px;
	width: 100%;
}

#s5_middle_wrapper div.module_shadow-no_gradient div div {
	background: url('../images/s5_mod_noshad_tr.png') no-repeat top right;
	padding:0px;
	margin:0px;
}

#s5_middle_wrapper div.module_shadow-no_gradient div div div {
	background: url('../images/s5_mod_noshad_tl.png') no-repeat top left;
	padding:0px;
	margin:0px;
	padding:14px;
	padding-top:25px;
	width: auto;
}

#s5_middle_wrapper div.module_shadow-no_gradient div div div div {
	margin: 0px;
	padding: 0px;
	background: none;
}

#s5_middle_wrapper div.module_shadow-no_gradient h3 {
font-size:14px;
margin-top:-2px;
margin-bottom:5px;
position:relative;
}

* html #s5_middle_wrapper div.module_shadow-no_gradient h3 {
margin-top:0px;
}

#s5_left div.module_shadow_wrap-no_gradient .s5_module_shadow_bottom, #s5_inset div.module_shadow_wrap-no_gradient .s5_module_shadow_bottom, #s5_right_above_body2 div.module_shadow_wrap-no_gradient .s5_module_shadow_bottom, #s5_right_above_body3 div.module_shadow_wrap-no_gradient .s5_module_shadow_bottom, #s5_right_below_body2 div.module_shadow_wrap-no_gradient .s5_module_shadow_bottom, #s5_right_below_body3 div.module_shadow_wrap-no_gradient .s5_module_shadow_bottom {
height:8px;
background: url('../images/s5_small_shadow.png') no-repeat top center;
margin-top:-1px;
margin-bottom:6px;
}

#s5_right_above_body div.module_shadow_wrap-no_gradient .s5_module_shadow_bottom, #s5_right_below_body div.module_shadow_wrap-no_gradient .s5_module_shadow_bottom {
height:8px;
background: url('../images/s5_large_shadow.png') no-repeat top center;
margin-top:-1px;
margin-bottom:6px;
}





#s5_middle_wrapper div.module_shadow-no_top { 
	background: url('../images/s5_mod_br.png') no-repeat bottom right;
	padding:0px;
	margin:0px;
    width: 100%;
}

#s5_middle_wrapper div.module_shadow-no_top div {
	background: url('../images/s5_mod_bl.png') no-repeat bottom left;
	padding:0px;
	margin:0px;
	width: 100%;
}

#s5_middle_wrapper div.module_shadow-no_top div div {
	background: url('../images/s5_mod_notop_tr.png') no-repeat top right;
	padding:0px;
	margin:0px;
}

#s5_middle_wrapper div.module_shadow-no_top div div div {
	background: url('../images/s5_mod_notop_tl.png') no-repeat top left;
	padding:0px;
	margin:0px;
	padding:14px;
	width: auto;
}

#s5_middle_wrapper div.module_shadow-no_top div div div div {
	margin: 0px;
	padding: 0px;
	background: none;
}

#s5_middle_wrapper div.module_shadow-no_top h3 {
font-size:14px;
margin-top:-2px;
margin-bottom:5px;
position:relative;
}

* html #s5_middle_wrapper div.module_shadow-no_top h3 {
margin-top:0px;
}

#s5_left div.module_shadow_wrap-no_top .s5_module_shadow_bottom, #s5_inset div.module_shadow_wrap-no_top .s5_module_shadow_bottom, #s5_right_above_body2 div.module_shadow_wrap-no_top .s5_module_shadow_bottom, #s5_right_above_body3 div.module_shadow_wrap-no_top .s5_module_shadow_bottom, #s5_right_below_body2 div.module_shadow_wrap-no_top .s5_module_shadow_bottom, #s5_right_below_body3 div.module_shadow_wrap-no_top .s5_module_shadow_bottom {
height:8px;
background: url('../images/s5_small_shadow.png') no-repeat top center;
margin-top:-1px;
margin-bottom:6px;
}

#s5_right_above_body div.module_shadow_wrap-no_top .s5_module_shadow_bottom, #s5_right_below_body div.module_shadow_wrap-no_top .s5_module_shadow_bottom {
height:8px;
background: url('../images/s5_large_shadow.png') no-repeat top center;
margin-top:-1px;
margin-bottom:6px;
}





#s5_middle_wrapper div.module_shadow-none h3 {
margin-bottom:11px;
font-size:15px;
}

#s5_middle_wrapper div.module_shadow_wrap-none .s5_module_shadow_bottom {
margin-bottom:15px;
}

* html #s5_middle_wrapper div.module_shadow_wrap-none .s5_module_shadow_bottom {
margin-bottom:2px;
}

#s5_middle_wrapper div.module_shadow-none2 h3 {
margin-bottom:11px;
font-size:15px;
}

#s5_middle_wrapper div.module_shadow_wrap-none2 .s5_module_shadow_bottom {
margin-bottom:0px;
}

#s5_bottom_row_1_mod, #s5_bottom_row_2_mod, #s5_bottom_row_3_mod, #s5_bottom_row_4_mod {
float:left;
}

#s5_bottom_row_1_inner_mod, #s5_bottom_row_2_inner_mod, #s5_bottom_row_3_inner_mod, #s5_bottom_row_4_inner_mod {
padding:20px;
}

#s5_bottom_row_wrap h3 {
color:#626262;
margin-top:-50px;
margin-bottom:24px;
font-size:16px;
font-weight:bold;
position:relative;
}



/* DROP DOWN
----------------------------------------------------------- */

#s5_drop_down div.moduletable h3 {
     margin-bottom: 5px;
     font-family:Arial,Helvetica;
     font-size: 11pt; }

#s5_drop_down div.moduletable {
     font-family:Arial,Helvetica;
     font-size: 9pt; }
	 
#s5_drop_down_tab {
	position: absolute;
	background:url(../images/s5_tab.png) no-repeat top center;
	width:174px;
	z-index:2;
	display:none;
	top: -5000px;
	cursor:pointer;
	line-height:18px;
	font-weight:bold;
	height:24px;
}

 #dott{
    background: #ff8809;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    position: relative;
    margin-top: -22px;
    margin-left: -12px;
}

#s5_drop_down2 {
     z-index: 2;
	 background:url(../images/s5_drop_bg.png);
	 top:-5000px;
     position: absolute;
     overflow: hidden;
     width: 100%; }
	 
#s5_drop_down {
     z-index: 3;
     padding-top: 17px;
     position: absolute;
	 top:-5000px;
	 border-bottom:solid 2px #B9B8B8;
     overflow: hidden;
	 font-weight:bold;
     width: 100%; }

#s5_open {
     margin: 0px auto; 
     cursor: pointer;
     display: block;
     text-align: center;
     font-size: 11px; 
     width: 174px;
	 margin-left:-1px;
     padding-top: 3px; 
     visibility: visible;
     font-family: Verdana, Arial, Helvetica, sans-serif;}

#s5_closed {
     margin: 0px auto; 
     padding-top: 3px; 
     cursor: pointer;
	 margin-left:-1px;
     text-align: center;
     display: none;
     width: 174px;
     font-size: 11px; 
     visibility: hidden;
     font-family: Verdana, Arial, Helvetica, sans-serif;}
	 





@media only screen and (max-width: 700px) {
    /* Mobil */ div.szerkgomb {
         background: #f59835;
    color: white;
    height: 34px;
    width: 115px;
    margin-left: 1px;
    line-height: 33px;
    font-weight: bold;
    font-size: 13px;
    border-radius: 5px;
    }
	
	
		
.reszletek {
  margin-bottom: 10px;
  cursor: pointer;
  position: relative;
  background-color: #878787;
  margin-top: 16px;
  color: #ffffff;
  padding: 10px 20px;
  font-weight: bold;
  font-size: 12px;
  width: 120px;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  transition: transform 0.3s ease-in-out;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}





.reszletek:hover {
  transform: translateY(-3px);
}

.reszletek:hover::before {
  opacity: 1;
}

.reszletek a {
  color: white;
}	
	
	
	.addtocart_form .addtocart_button {/* margin-bottom: -5px; */cursor: pointer;display: inline-block;position: relative;background-color: #ff8809;color: white;/* padding: 10px 20px; *//* font-weight: bold; *//* margin-top: 135px; *//* margin-left: 23px; */font-size: 16px;/* text-align: center; */text-decoration: none;border-radius: 5px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);transition: transform 0.3s ease-in-out;}

.addtocart_form .addtocart_button:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

.addtocart_form .addtocart_button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
}

@media only screen and (min-width: 701px) {
    /* Desktop */ div.szerkgomb {
         background: #f59835;
    color: white;
    height: 34px;
    width: 115px;
    margin-left: 1px;
    line-height: 33px;
    font-weight: bold;
    font-size: 13px;
    border-radius: 5px;
        
    }
	
	
.reszletek {
  margin-bottom: 10px;
  cursor: pointer;
  position: relative;
  background-color: #878787;
  color: #ffffff;
  padding: 10px 20px;
  
  font-weight: bold;
  font-size: 12px;
  width: 120px;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  transition: transform 0.3s ease-in-out;
  overflow: hidden;
}



.reszletek:hover {
  transform: translateY(-3px);
}

.reszletek:hover::before {
  opacity: 1;
}

.reszletek a {
  color: white;
}	
	
.addtocart_form .addtocart_button {
	/* margin-bottom: 10px; */
	cursor: pointer;
	display: inline-block;
	position: relative;
	background-color: #ff8809;
	color: white;
	/* padding: 4px 10px; */
	font-weight: bold;
	/* margin-top: 119px; */
	/* margin-left: 12px; */
	font-size: 15px;
	/* height: 30px; */
	/* width: 98px; */
	text-align: center;
	text-decoration: none;
	border-radius: 5px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
	transition: transform 0.3s ease-in-out;
}

.addtocart_form .addtocart_button:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

.addtocart_form .addtocart_button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}	

#kupon_sorszam2
{
display: none;	
}
#kupon_sorszam
{
display: none;	
}




	

}



#s5_feat_prod img, #s5_rand_prod img {
margin-top:16px;
margin-bottom:16px;
}

#s5_feat_prod .sectiontableentry2, #s5_rand_prod .sectiontableentry2 {
background:#FFFFFF;
}

#s5_feat_prod td, #s5_rand_prod td {
padding-top:15px;
}

div.pathway {
position:relative;
}

@media only screen and (max-width: 700px) { /* Mobil */
	{
	td, div {
    font-size: 15px;
}	


#offlajn-ajax-search368 .offlajn-ajax-search-container {
    
    width: 111% !important;

}