* {font-family: "Calibri";
	text-align:justify;
	box-sizing:border-box;}

.container {		width:95%;
				margin:0 auto;
				}
			
.antet {	
		margin-bottom:10px;
		//background-color:purple;
		font-size:3em;
		color:#f7ffdb;
		text-align:center;
		font-weight:bold;
		//padding: 10px;}

	
.bandao {	
			height:50px;
			width: 100%;
			overflow: hidden;
			color:purple;
			font-size:1em;
			font-weight:bold;}

.stanga {
		animation: scrollstanga 9s linear infinite;
		}


@keyframes scrollstanga {
  0% { transform: translatex(100%); }
  100% { transform: translatex(-100%); }
}


						  
.titlu {	width:100%;
		color: purple;
		text-align:center;
		background: #FFCCCC;
		padding: 15px 0px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:20px;
		margin-top:0px;
		border-radius:10px;
		box-shadow:10px 10px 10px grey;
		font-size:1.2em;}
			

					
.centruv {	  display:flex;
			  flex-direction:column;
			  justify-content:center;
			  align-items:center;
		}
		
.centruo {display:flex;
		  justify-content:center;
		  align-items:center;}



.subsol {	background-color:#CC6699;
			color:white;
			font-size:0.9em;
			font-weight:bold;
			box-shadow:10px 10px 10px grey;
			margin-top:15px;
			margin-bottom:20px;
			padding:10px;}

.subsol a:hover {color:#99004C;}
	
.subsol p {	text-align:center;
			padding:0px;
			margin:3px;}

												
.statement{ 	
					margin:0px auto;
					padding:0px;
					width:100%;
					margin:20px 0px 20px 0px;;
					font-size:1em;
					font-weight:bold;
					text-align:center;
					padding:10px 10px;
					background: linear-gradient(#ffffcc, #ffffa3);
					color: black;
					border:1px solid #000077;
					border-radius:5px;
					box-shadow: 5px 5px 5px grey;}
									
								
h2	{		color:purple;
			text-align:center;
			font-size:1em;}					

.nume {		width:100%;
			margin-left:auto;
			margin-right:auto;
			color:black;
			background-color:white;
			border:1px solid #000077;
			border-radius:5px;
			box-shadow: 5px 5px 5px grey;
			text-align:center;
			padding:10px 0px;}

.mijloc{display:flex;
		gap:10px;}	

#cadru {flex-grow:4;
		flex-shrink:1;
		flex-basis:auto;
		border:0px;
		width:95%;
		margin:0px auto;
				}
							
#cadrucon {
			border: none;
        }	
		
.panoustanga {	flex:1;
				margin-left:auto;
				margin-right:auto;
				box-shadow:-5px 5px 5px  grey;
				border: 1px inset #000077;
				color:black;
				font-size:1em;
								}
		
.panoustanga p {	text-align:center;}
		
.panoustanga .pjust {	text-align:justify;
			padding: 0 5px;}

.panoustanga a {color:blue;}

.baze {	flex:1;	
		margin-left:auto;
		margin-right:auto;
		box-shadow:5px 5px 5px grey;
		border: 1px inset grey;
		color:purple;
		}
.baze a:hover {color:#99004C;}
.baze p {text-align:center;}


.info{		
		border:1px solid #000077;
		color:black;
		padding:0px 15px;
		font-size:1em;
		box-shadow:5px 5px 5px grey;
		margin:0px auto;
		}

.info h1 {	font-size:1.3em;
		font-weight:bold;
		color:yellow;
		padding:5px 10px;}

.info p  {	margin: 5px auto;
		font-size:1em;
		//font-weight:bold;
		padding:2px 10px;}


.info ul, .info ol {	
		font-size:1em;
				}
	
.info li {	padding:2px 10px
		}

.info a	{
		color:#000077;}

.info .pcentru{text-align:center;}
.imgcentrat {text-align:center;}
		
.articol {	
		border:1px solid #000077;
		color:black;
		box-shadow:5px 5px 5px grey;
		font-size:1em;
		margin:15px auto;
		padding:10px;
		}

.articol .autori {	text-align:right;
					margin:10px;
					font-weight:bold;
					font-style:italic;
					}
.articol .titluarticol {text-align:justify;
						margin:0px;
					}	
.articol .afiliere {text-align:right;
					margin:10px;}

.articol .acceptat {text-align:left;
					margin:10px;}

.articol .doia {text-align:left;
					margin:10px;}	
					
.articol .titluarticol a {	text-transform: uppercase;
							text-decoration:none;
							font-weight:bold;
							color:purple;}

.articol .titluarticol a:hover {color:#99004C;}


.conanterioare {display:flex;
		flex-wrap:wrap;
		justify-content:space-between;}

.anterioare {	width:200px;
		border:1px solid #000077;
		color:purple;
		box-shadow:5px 5px 5px grey;
		margin:15px 15px;
		padding:5px;}

.anterioare h1 {text-align:center; font-size:1em; padding:1px;margin:1px;
				}

.anterioare p {	text-align:center; 
		font-size:1em; 
		font-weight:bold;
		padding:1px;
		margin:1px;}

.anterioare a {text-decoration:none;
		color:black;}
		

			
#epminus, #prminus, #auminus, #csminus, #ciminus, #riminus, #smminus, #alminus, #psminus, #pcminus, #pfminus, #fcminus
		{display:none;
			position:relative;
		}
		
#epplus, #prplus, #auplus, #csplus, #ciplus, #riplus, #smplus, #alplus, #psplus, #pcplus, #pfplus, #fcplus {	
		display:inline-block;
		position:relative;
		}


#ep, #pr, #au, #cs, #ci, #ri, #sm, #al, #ps, #pc, #pf, #fc {display:none;}


.coloane {	display:flex;
			justify-content:space-between;
			flex-wrap:no-wrap;}
			
.continutcol{		
		//border:1px solid #000077;
		color:black;
		//padding:0px 15px;
		font-size:1em;
		//box-shadow:5px 5px 5px grey;
		margin:5px;
		width: 45%;
		flex-basis: 45%;
		flex-grow: 1;
		margin-top:10px;
		margin-bottom:10px;
		}
		
.continutcol .pcentru{text-align:center;}

.continutcol h2 {background-color:white;
				padding:10px;
				margin:0px;}
.coloanaint {
		border:1px solid #000077;
		color:black;
		box-shadow:5px 5px 5px grey;
		width: 100%;
		}				
				
.navbar 	{background-color: 	#FFCCCC;
			font-weight:bold;
			display:flex;
			justify-content:flex-start;
			align-items:center;
}

.navbar-links ul{	margin:0;
					padding:0;
					display:flex;
								}
				
.navbar-links li {list-style-type:none; }

.navbar-links li  a { display: block;
					  color:purple;
					  text-align: center;
					  padding: 1rem;
					  text-decoration: none;}
					  
.navbar-links li:hover {  background-color:#CC6699;
							
							}
.navbar-links li a:hover {  background-color: #CC6699;
							color:#ffffff; 
							}

.icon {color:#CC6699; 
				}

.toggle-button { padding:1rm;
				 padding:20px;
				 display:none;
				 }							

@media screen and (max-width: 600px) {
  .toggle-button {display:block;
				  }
 
   .navbar {	flex-direction:column;
			justify-items:center;
			align-items:center;
			}
			
  .navbar ul{ width:100%;
			  flex-direction:column;
			  align-items:flex-start;}
  .navbar-links { width:100%;
				  display:none;}
   .navbar-links li { width:100%;
					text-align:center;
				}
   .navbar-links li  a{ padding:0.5rm 1rm;}

   
   .mijloc{flex-wrap:wrap;}
				
}
@media screen and (max-width: 600px) {
nav.openNav .toggle-button {display:block;}
 
nav.openNav  .navbar {	flex-direction:column;
			justify-items:center;
			align-items:center;
			}
			
nav.openNav  .navbar ul{ width:100%;
			  flex-direction:column;
			  align-items:flex-start;}
nav.openNav  .navbar-links { width:100%;
				  display:block;}
nav.openNav   .navbar-links li { width:100%;
					text-align:center;
				}
nav.openNav   .navbar-links li  a{ padding:0.5rm 1rm; 
				}
			
}