.logo img {
width: 100%;
margin-bottom: 10px;	
}

#onasimg img{
	width: 100%;
}

#menuGlowne {
color: #004080;
margin-bottom: 20px;
color: #555;
/*text-align: center;
margin: auto;
width: 100%;
border-bottom: 1px solid lightgrey;*/
}

#menuGlowne a {
text-decoration: none;
color: #004080;
color: #555;
}

.menuLista {
font-weight: bold;
font-size: calc(10px + 1.3vw);
transition: 0.2s;
border-bottom: 2px solid transparent;
border-top: 2px solid transparent;
padding-top: 0;
padding-bottom: 0;
padding-left: 1.7vw;
padding-right: 1.7vw;
margin: auto;
}

.menuListaWybrany {
font-weight: bold;
color: #1c97cc;
}

@media screen and (min-width: 1800px) {
  .menuLista {
     font-size: 32px;
	 margin-top: 15px;
  }
}

@media only screen and (max-width: 1320px) {
  .menuLista {
     font-size: 25px;

  }
  .pozycjamain1 {
	  	 margin-top: 10px;
  }
}

@media only screen and (max-width: 550px) {
	table td {
		font-size: 11px;
	}
}

.menuLista:hover {
cursor: pointer;
border-bottom: 2px solid #3473b3;
border-top: 2px solid #3473b3;
color: #1c97cc;
transition: 0.8s;
}

.menuListaWybrany:hover {
cursor: pointer;
border-bottom: 2px solid #3473b3;
border-top: 2px solid #3473b3;
color: #1c97cc;
transition: 0.8s;
}

.pozycjamain1 {
display: flex;
justify-content: center;
align-items: center;
}

.navbar-light {
text-align: center;
margin-left: auto;
margin-right: auto;	
}

.podkreslenie {
border-bottom: 3px solid #555;	
}

#footer {
font-size: 12px;
width: 100%;
margin: auto;
text-align: center;
background-color: #222;
color: white;
padding: 5px;
}

#footer a {
	color:white;
}

.stopka{
padding-left: 15px;
padding-right: 15px;
margin: auto;
text-align: center;
display: inline-block;
}

#containerMain figcaption
{
	margin-top: 8px;
	font-size: 20px;
	text-align: center;
}

.figcap2 {
	font-size: 15px;
	color: #555;
	text-align: center;
	border-bottom: 1px solid orange;
}

.opis_stanowiska {
padding-top: 20px;
}

h2 {
margin-top: 25px;
margin-bottom: 25px;
}

.slider {
display: none;
position: absolute;
top: 0px;
left: 0px;
}

.slider img {
width: 100%;
opacity: 1.0 !important;
}

#slider {
width: 100vw;
}

.article {
text-align: center;
margin-top: 20px;

}

#article {	
}

.article img{
width: 100%;
}

.article:hover img {
opacity: 0.6;
}

#onas img {
width: 100%;
text-align: center;
}

#slider0 {
position: relative;
}
#slider0 img {
width: 100%;

}

.podtytul {
position: absolute;
top: 0px;
left: 15px;
width: 30%;
background-color: red;
opacity: 0.6;
font-style: italic;
font-size: 15px;
color: white;
}

.podtytul_slider {
position: absolute;
top: 30%;
left: 50px;
width: 50%;
background-color: #555;
opacity: 0.8;
font-size: calc(10px + 2vw);
color: white;
}

.sport {
background-color: #a52a2a;
}
.sprzet {
background-color: black;
}
.zdrowie {
background-color: #7575a3;
}


.film {
margin: auto;
text-align: center;
width: 100%;
height: 50vh;
padding: 1vw;
}

        .social {
            background-color: #333; /* Kolor belki */
            width: 100%;
            height: 35px; /* Wysokość belki */
            display: flex;
            align-items: center;
            justify-content: space-around;
			margin-bottom: 10px;
        }
        .icon {
            background-color: #333; /* Kolor tła ikony */
			height: 100%;
			width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: background-color 0.3s; /* Animacja zmiany koloru tła */
			border: 1px solid white;
        }
        .icon i {
            color: white; /* Kolor ikony */
            font-size: 24px; /* Rozmiar ikony */
			height: 100%;
			width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
		.icon a {
			text-decoration: none
		}
        .icon:hover {
            cursor: pointer;
        }
        .youtube:hover {
            background-color: red; /* Kolor tła po najechaniu - YouTube */
        }
        .facebook:hover {
            background-color: #3b5998; /* Kolor tła po najechaniu - Facebook */
        }
        .icon.instagram:hover {
            background-color: purple; /* Kolor tła po najechaniu - Instagram */
        }
        .icon.tiktok:hover {
            background-color: white; /* Kolor tła po najechaniu - TikTok */
        }
        .icon.tiktok:hover i {
            color: black; /* Zmiana koloru ikony po najechaniu - TikTok */
        }
		
.opis_onas {
	font-size: 14px;
	background-color: #eee;
	border-radius: 20px;
	padding: 15px;
	color: #444
}