* { Margin: 0; Padding: 0; }

fieldset.specific {
	border-radius: 15px;
	background-color: white;
	padding: 5%;
	border: 2px solid #7030a0;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
	max-width: 90%;
	margin: 0 auto;
}
@media (max-width: 768px) {
	fieldset.specific {
	padding: 10%;
	}
}
img.specific {
	display: block;
	margin: 0 auto;
	position: relative;
	top: 0;
	max-width: 100%;
	height: auto;
}
.specific {
	color: white; /* Schimbă culoarea textului */
	text-decoration: none; /* Elimină sublinierea */
}
.specific2 {
	color: #7030a0; /* Schimbă culoarea textului */
	text-decoration: none; /* Elimină sublinierea */
}

/* Stilul când mouse-ul trece peste link */
.specific:hover {
	color: #ccc; /* Culoare mai deschisă când se trece cu mouse-ul (poți schimba cu altă nuanță de alb sau gri) */
}
.specific2:hover {
	color: #767979; /* Culoare mai deschisă când se trece cu mouse-ul (poți schimba cu altă nuanță de alb sau gri) */
}
		
/* Stil pentru div-ul pătrat */
.square {
	background-color: white;
	justify-content: center;
	align-items: center;
	margin: 3%;
	padding: 3%;
	box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.2), 0 0 20px 0 rgba(0, 0, 0, 0.19);
	max-width: 100%; /* Asigură că pătratul nu depășește lățimea containerului */
	height: auto; /* Permite ajustarea automată a înălțimii */
}
td.frumos {
	padding: 2%;
	text-align: left;
}
th.frumos {
	padding: 2%;
	text-align: left;
	background-color: #e2ccef;
	color: black;
}		
.vezipdf1 {
	background-color: #e9b2f6;
	border: none;
	color: white;
	padding: 6px 12px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 13px;
	margin: 4px 2px;
	transition-duration: 0.4s;
	cursor: pointer;
	/*width: 100%; *//* Face butonul să ocupe toată lățimea containerului */
	/* max-width: 150px; */ /* Setează o lățime maximă pentru buton */
}
.vezipdf {
	background-color: #e9b2f6;
	color: black;
	border: 2px solid #e9b2f6;
	/*width: 100%; *//* Face butonul să ocupe toată lățimea containerului */
	/* max-width: 150px; */ /* Setează o lățime maximă pentru buton */
}
.vezipdf:hover {
	background-color: white;
	color: black;
}
.panou {
	width: 20%;
	justify-content: center; /* Center pe axa orizontală */
	align-items: center; /* Center pe axa verticală */
	display: inline-block;
	margin: 3%;
	padding: 3%;
	box-shadow: 0 0 16px 0 rgba(0,0,0,0.2), 0 0 20px 0 rgba(0,0,0,0.19);
}
@media (max-width: 768px) {
	.panou {
	width: 80%; /* Pe ecrane mai mici, ocupă 80% din lățimea containerului */
	}
}
@media (max-width: 480px) {
	.panou {
	width: 100%; /* Pe ecrane foarte mici, ocupă 100% din lățimea containerului */
	}
}		
.shadow-red {
	box-shadow: 0 0 16px 0 rgba(255, 0, 0, 0.5), 0 0 20px 0 rgba(255, 0, 0, 0.5); /* Roșu */
} 
.shadow-orange {
	box-shadow: 0 0 16px 0 rgba(255, 165, 0, 0.5), 0 0 20px 0 rgba(255, 165, 0, 0.5); /* Portocaliu */
}

.shadow-green {
	box-shadow: 0 0 16px 0 rgba(0, 128, 0, 0.5), 0 0 20px 0 rgba(0, 128, 0, 0.5); /* Verde */
}

.shadow-yellow {
	box-shadow: 0 0 16px 0 rgba(255, 255, 0, 0.5), 0 0 20px 0 rgba(255, 255, 0, 0.5); /* Galben */
}

.shadow-blue {
	box-shadow: 0 0 16px 0 rgba(0, 0, 255, 0.5), 0 0 20px 0 rgba(0, 0, 255, 0.5); /* Albastru */
}


/* Umbra portocalie */
/*.shadow-orange {
	box-shadow: 0 0 16px 0 rgba(255, 165, 0, 0.5), 0 0 20px 0 rgba(255, 165, 0, 0.5); /* Portocaliu */
/*}*/
/* Umbra verde */
/*.shadow-green {
	box-shadow: 0 0 16px 0 rgba(76, 175, 80, 0.5), 0 0 20px 0 rgba(76, 175, 80, 0.5); /* Verde plăcut */
/*} */
.shadow-violet {
	box-shadow: 0 0 16px 0 rgba(214, 167, 237, 0.5), 0 0 20px 0 rgba(214, 167, 237, 0.5);
}
		
.dropdown {
	position: relative;
	display: inline-block;
}

.dropdown-content {
	display: none;
	position: absolute;
	padding: 6%;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}

.dropdown:hover .dropdown-content {
	display: block;
}

@media (max-width: 768px) {
	.dropdown-content {
	min-width: 100%; /* Pe ecrane mai mici, dropdown-ul va ocupa 100% din lățimea containerului */
	}
}