.gadzety-final-link, 
.gadzety-final-link:link, 
.gadzety-final-link:visited {
  /* WYMIARY */
  display: flex !important;
  justify-content: center;
  align-items: center;
  width: 500px;
  height: 100px;
  box-sizing: border-box;

  /* TEKST - Maksymalna widoczność */
  color: #1a1a1a !important;      /* Bardzo ciemny szary */
  text-decoration: none !important;
  font-family: Tahoma, VERDANA, Helvetica, sans-serif; /* Najbezpieczniejsze dla polskich znaków */
  font-size: 22px;
  font-weight: 700;                
  text-transform: uppercase;
  letter-spacing: 1px;             /* Odstępy między literami dla czytelności */

  /* TŁO I GRADIENT */
  /* Najpierw definiujemy gradient */
  background: linear-gradient(-45deg, #ADFF2F, #fff, #ADFF2F, #9ce519);
  /* background-size MUSI być po background, inaczej zostanie zresetowane */
  background-size: 400% 400% !important;
  
  /* RAMKA I CIEŃ */
  border: 2px solid #fff;       /* Ciemna ramka dla kontrastu */
  border-radius: 5px;


  /* ANIMACJA */
  animation: gradientMove 4s ease infinite !important;
  transition: all 0.3s ease;
  cursor: pointer;
}

/* EFEKT HOVER */
.gadzety-final-link:hover {
  transform: scale(1.05);
  border: 4px solid #fff;       /* Ciemna ramka dla kontrastu */
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
  background-color: #fff; /* Fallback */
}

/* DEFINICJA ANIMACJI */
@keyframes gradientMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}





body {
background: #000 url('../images/tlo5.jpg') ;
background-repeat:no-repeat;
background-position:right center;
background-attachment: fixed;
background-size: cover;
}


.tabelkagl {
  color:#fff;
background: rgba(0, 0, 0, 0.8);
	filter: alpha(opacity=80);
} 





.tekst {
font-size: 13px; font-family: verdana, tahoma; color: white; line-height:150%;
} 

.tekst_200 {
font-size: 13px; font-family: verdana, tahoma; color: white; line-height:200%;
} 

.tekst_kalendarz {
font-size: 12px; font-family: verdana, tahoma; color: black; line-height:140%;
} 

.tekst_scisk {
font-size: 9pt; font-family: verdana, tahoma; color: #7300B7; line-height:130%;
} 

.nagl_zabiegi {
background: #F2D2FF; font-size: 9pt; font-family: verdana, tahoma; color: #7300B7; line-height:180%
} 


.stopka {
font-size: 10px; font-family: verdana, tahoma; color: #5F5F5F
} 

.menu_dolne {
text-align: center; font-size: 11px; font-family: verdana, tahoma; color: #F9DA02
} 


hr {
color: #CFBCF3; decoration: noshade; width: 100%; height: 1
}


A.male:link 
{color:#ADFF2F; font-size: 11px; font-weight: normal}

a.male:visited 
{color: #ADFF2F; font-size: 11px; font-weight: normal}

a.male:hover 
{color:#F1FEBC; font-size: 11px; font-weight: normal}

a.male:active {color: #DEFD64; font-size: 11px; font-weight: normal}




a:link 
{color:#ADFF2F; font-size: 8 pt; text-decoration: none; font-weight: bold;}

a:visited 
{color: #ADFF2F; font-size: 8 pt; text-decoration: none; font-weight: bold;}

a:hover 
{color: #F1FEBC; font-size: 8 pt; text-decoration: none; font-weight: bold;}

a:active {color:#DEFD64; font-size: 8 pt; font-weight: bold;}








option {
background color: #1D5294; color: white; 
} 



#c {
text-align: center
}


.menu {
text-align: center; font-family: verdana, tahoma; font-size: 10 pt; line-height:150%; color: #ADFF2F; vertical-align: top; background color:#4A7AB5; width=15%
} 


img {
border-color: white
}






#bez_marg {
text-indent: 0
}




.tekst_index {
font-size: 10pt; font-family: verdana, tahoma; color: white; line-height: 150%; vertical-align: center; text-align: center; background color: #4A7AB5; width=70%
} 

.zielony {
font-size: 10pt; font-family: verdana, tahoma; color: #8EE6A2; line-height: 180%; vertical-align: center; text-align: center; background color:#1D5294
}


.kartki {
background color:#1D5294; color: white; font-size: 10pt; font-family: verdana, tahoma; vertical-align: top; 
}

#kartki {
background color: #1D5294; color: white; font-size: 10pt; font-family: verdana, tahoma; vertical-align: center; line-height: 150%
}

.pole {
background:#8EE6A2;
color:#00004D;
border-color:#191970;
}




.zielony_sr {
font-size: 10pt; font-family: verdana, tahoma; line-height: 180%; vertical-align: center; text-align: center; background color:#8EE6A2
}

.galeria {
font-size: 10pt; font-family: verdana, tahoma; color: white; vertical-align: middle; text-align: center
}

.lektorzy {
vertical-align: top; text-align: center; font-size: 10pt; width: 50%; background color:#F0F8FF; line-height: 180%
} 

.lektor {
vertical-align: top; text-align: justify; font-size: 10pt; vertical-align: middle; text-indent: 20pt
}

.wesolo {background color: #C5DAF3; text-align: center
}

#przezr {color: white; text-align: center; font-size: 10pt; vertical-align: top; margin-top: 5%; 
}


.prawy {
text-align: center; font-family: verdana, tahoma; font-size: 8 pt; color:#F0E68C; line-height:150%; vertical-align: top; background color:#4A7AB5; width=15%
}







//służy do twrzenia inicjału (pierwsza litera akapitu jest większa
= P:first-letter { font-size: 200%; float: left } =