div.serieBox {
    min-width: 290px;
    max-width: 290px;
}

div.vehiclebox {
  display: flex;
  flex-wrap: wrap; /* Pozwala elementom przechodzić do nowej linii */
  justify-content: space-between; /* Rozdziela elementy po obu stronach */
  align-items: stretch; /* Ustawia równą wysokość dla wszystkich dzieci */
  /*height: 125px; /* Możesz dostosować wysokość */
  border: 1px solid lightgrey;
  border-radius: 10px;
  background-color: #fcfcfc;
}

div.vehicleboxex {
  display: flex;
  flex-wrap: wrap; /* Pozwala elementom przechodzić do nowej linii */
  justify-content: space-between; /* Rozdziela elementy po obu stronach */
  align-items: stretch; /* Ustawia równą wysokość dla wszystkich dzieci */
  height: 70px; /* Możesz dostosować wysokość */
  border: 1px solid lightgrey;
  border-radius: 10px;
  background-color: #DCFCFF;
}

div.vehicleboxinfo {
  display: flex;
  flex-wrap: wrap; /* Pozwala elementom przechodzić do nowej linii */
  justify-content: space-between; /* Rozdziela elementy po obu stronach */
  align-items: stretch; /* Ustawia równą wysokość dla wszystkich dzieci */
  height: 70px; /* Możesz dostosować wysokość */
  border: 1px solid lightgrey;
  border-radius: 10px;
  background-color: #DCFCFF;
}

.vehicleitem {
 flex: 0 0 auto; /* Zapewnia, że elementy zachowują swoje wymiary */
  padding: 10px;
  display: flex; /* Dodaj Flexbox */
  justify-content: center; /* Wyśrodkuj tekst poziomo */
  align-items: center; /* Wyśrodkuj tekst pionowo */
  text-align: center; /* Dodatkowe wyrównanie tekstu (jeśli jest wielowierszowy) */
  max-width: 450px;
  max-height: 125px;
}

.dark {
background: #343A40;
color: #fff;
margin: 5px;	
}

.vehicleitemex {
 flex: 0 0 auto; /* Zapewnia, że elementy zachowują swoje wymiary */
  padding: 10px;
  display: flex; /* Dodaj Flexbox */
  justify-content: center; /* Wyśrodkuj tekst poziomo */
  align-items: center; /* Wyśrodkuj tekst pionowo */
  text-align: center; /* Dodatkowe wyrównanie tekstu (jeśli jest wielowierszowy) */
  max-width: 400px;
  max-height: 70px;
}

.vehicleitem img {
  max-width: 100%; /* Grafika nie przekroczy szerokości kontenera */
  max-height: 100%; /* Grafika nie przekroczy wysokości kontenera */
  object-fit: contain; /* Zachowuje proporcje grafiki */
}

.vehicleitemex img {
  max-width: 100%; /* Grafika nie przekroczy szerokości kontenera */
  max-height: 100%; /* Grafika nie przekroczy wysokości kontenera */
  object-fit: contain; /* Zachowuje proporcje grafiki */
}

/* Styl dla lewego diva */
.left {
  margin-right: auto; /* "Pcha" inne elementy w prawo */
  Padding-left: 50px;
}

/* Styl dla prawych divów */
.right {
  margin-left: 10px; /* Odstęp między prawymi elementami */
}

.vehicleex {
  font-size: 20px;
  align-items: center; /* Wyśrodkuj tekst pionowo */
  text-align: center; /* Dodatkowe wyrównanie tekstu (jeśli jest wielowierszowy) */
}

a {
    color: darkblue;        /* Kolor czarny dla linków */
    text-decoration: none; /* Brak podkreślenia */
}

a:hover {
    color: darkblue;          /* Zmiana koloru na niebieski po najechaniu */
}

a.gal {
    color: #5f5f5f;        /* Kolor czarny dla linków */
    text-decoration: none; /* Brak podkreślenia */
}

a.gal:hover {
    color: darkblue;          /* Zmiana koloru na niebieski po najechaniu */
	text-decoration: none; /* Brak podkreślenia */
}

a.ex {
    color: #5f5f5f;        /* Kolor czarny dla linków */
    text-decoration: none; /* Brak podkreślenia */
}

a.ex:hover {
    color: darkblue;          /* Zmiana koloru na niebieski po najechaniu */
	text-decoration: none; /* Brak podkreślenia */
}

div.galFotoMap
{
Padding-top: 10px;
Padding-bottom: 10px;
}

div.galMainStat {
  flex: 1;
  display: flex;
  border: 1px solid lightgrey;
  width: auto;
  margin: 5px;
  border-radius: 10px;
  flex-wrap: wrap;
  min-width: 220px;
  gap: 10px; /* Odstępy między divami */
}

div.galStatBox {
  border: 1px solid lightgrey;
  border-radius: 10px;
  flex: 1 1 150px; 
  box-sizing: border-box;
  padding: 0px;
  text-align: center;
}


div.webLogo {
            display: flex;
			margin: 0px;           
			width: 100%;
            height: 130px;
            justify-content: center;
            align-items: center;			
}

.webBox a {
            width: 100%;
            height: 100%;
            color: inherit; /* Inherit color from parent */
            text-decoration: none; /* Remove underline from links */
}

.webLogo img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

div.webTitle {
  font-weight: bold;
  color: #5f5f5f;
  font-size: 20px; 
  width: 100%;
  text-align: center;
}

div.webTitleLeft {
  font-weight: bold;
  color: #5f5f5f;
  font-size: 20px; 
  width: 100%;
  text-align: left;
}

div.webBoxLR {
  display: flex; /* Ustawienie kontenera na flexbox */
  justify-content: space-between; /* Rozłożenie elementów na krańcach kontenera */
  padding-top: 5px;
  border-top: 1px solid lightgray;
  text-align: center;
  margin-left: 30px;
  margin-right: 30px;
  margin-top: 10px;
}	

div.webItemLR {
  width: calc(50% - 5px); /* Szerokość obliczana na podstawie połowy szerokości kontenera i odstępu między divami */
  box-sizing: border-box; /* Ustawienie modelu pudełka na box-sizing */
  bottom: 10;
  padding-top: 5px;
  color: #5f5f5f;
  font-size: 13px; 

}

div.galCarousel {
  max-width: 53%;
}

div.galTrakcje {
  min-width: 20%;	
  max-width: 25%;
  margin-left: 5px;
  }

div.galStats {
  display: flex;
  max-width: 22%;
  margin-left: 5px;
  flex-wrap: wrap;
  gap: 10px; /* Odstępy między divami */
}

@media (max-width: 1800px)
{
div.galCarousel {
  max-width: 60%;
}

div.galTrakcje {
  max-width: 20%;
  margin-left: 5px;
  }

div.galStats {
  display: flex;
  min-width: 80%;
 
  margin-left: 10px;
  flex-wrap: wrap;
  gap: 10px; /* Odstępy między divami */
}
}	

@media (max-width: 1200px)
{
div.galCarousel {
  min-width: 90%;
}

div.galTrakcje {
  min-width: 40%;
  margin-left: 5px;
  }

div.galStats {
  display: flex;
  min-width: 40%;
  margin-left: 10px;
  flex-wrap: wrap;
  gap: 10px; /* Odstępy między divami */
}
}

@media (max-width: 800px)
{
div.galCarousel {
  min-width: 100%;
}

div.galTrakcje {
  min-width: 100%;
  margin-left: 5px;
  }

div.galStats {
  display: flex;
  min-width: 100%;
  margin-left: 10px;
  flex-wrap: wrap;
  gap: 10px; /* Odstępy między divami */
}		
	
}

div.galStatBox {
  border: 1px solid lightgrey;
  border-radius: 10px;
  flex: 1 1 45px; 
  box-sizing: border-box;
  padding: 20px;
  text-align: center;
}
/*
div.galStatBox {
  border: 1px solid lightgrey;
  border-radius: 10px;
  flex: 1 1 150px; 
  box-sizing: border-box;
  padding: 0px;
  text-align: center;
}
*/

.galStatBox a {
            width: 100%;
            height: 100%;
            color: inherit; /* Inherit color from parent */
            text-decoration: none; /* Remove underline from links */
}

div.galTagList {
  display: flex;
  width: 100%;
  margin: 5px;
  padding: 5px;
  border-radius: 10px;
  flex-wrap: wrap;
  gap: 10px; /* Odstępy między divami */
}

div.galTagBox {
  border: 1px solid lightgrey;
  border-radius: 10px;
  flex: 1 1 calc(5% - 10px); /* Każdy div zajmuje 5% szerokości kontenera z uwzględnieniem odstępów */
  box-sizing: border-box;
  padding: 20px;
  text-align: center;
}

div.gal {
  display: flex;	
  /*border: 5px solid gray;*/
  width: auto;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

div.galFoto {
  width: auto;
  margin: 2px;
  padding: 5px;
}

div.galBox {
  display: flex;
  /*border: 5px solid blue;*/
  width: auto;
  /*flex-wrap: wrap;*/
}

div.galMap {
  flex: 0 0 50%; 
  padding: 10px;
  box-sizing: border-box;
  height: 500px;
 }
 
div.galInfo {
  flex: 0 0 50%; 
  padding: 10px ;
  box-sizing: border-box;
 }

div.galAvatar {
  flex: 0 0 15%; /* 20% szerokości */
  padding: 10px;
  box-sizing: border-box;
  text-align: center;  
 }

div.galBoxText {
  /*border: 5px solid black;*/
  flex: 0 0 85%; /* 80% szerokości */
   padding: 10px 20px 0 10px; /* Padding: góra 10px, prawa 25px, dół 0, lewa 20px */
}

div.galTitle { 
  /*border: 5px solid yellow;*/
  width: auto;
  font-weight: bold;
  color: #5f5f5f;
  font-size: 17px;
}

div.galText {
  /*border: 5px solid green;*/
  width: auto;
   padding: 5px;
}

div.galBottom {
  /*border: 5px solid gray;*/
  width: auto;
  padding: 5px;
}

div.galInfoTag { 
  /*border: 5px solid yellow;*/
  width: auto;
  font-weight: bold;
  color: #5f5f5f;
  font-size: 17px;
}

img.gal {
max-width: 100%;
height: auto;
}

img.rounded-circle {
max-width: 40px;
height: auto;		
}

	
a img {
    border: none; 
    transition: transform 0.3s; /* Dodanie płynnego efektu przejścia */
}

a:hover img {
    transform: scale(1.03); /* Przy najechaniu na obrazek, zwiększenie jego rozmiaru o 10% */
}

p.fototitle {
  font-weight: none;
  color: #5f5f5f;
  font-size: 13px;  
}

b.iso {
  font-weight: bold;
  font-size: 19px;  
}

div.counter {
  font-weight: bold;
  color: #5f5f5f;
  font-size: 40px;  
}

a.tagLink {
  font-weight: bold;
  color: #5f5f5f;
  font-size: 24px;  
}

div.left-box {
width: 50%;
/*padding: 20px;*/
text-align: left;
}

div.right-box 
{
width: 50%;
text-align: left;
}
        
@media (max-width: 768px) {
	div.left-box, div.right-box {
	width: 100%;
	text-align: center;
	}
}

a.menu 
{
/*position: absolute;*/	
overflow: visible;
}