body, h1, h2, h3, h4, h5, h6  {
	font-family: Verdana, sans-serif;
	font-size: 19px;
	margin: 0;
	padding: 0;
	color: #31408c;
	leftmargin:0;
	topmargin:0;
	alink:#ffffff;
	vlink:#ffffff;
	bgcolor:#ffffff;
	link:#ffffff;
	marginheight:0;
	marginwidth:0;
	text:#31408c; 
}

.logo-left {
    float: left;
}

.logo-right {
    float: right;
}

.logo-img {
    border: 0;
    height: 52px;
    vertical-align: middle; /* echivalentul pentru vspace */
    margin-top: 8px; /* înlocuiește vspace */
}

a:link, a:visited {
  text-decoration: none;
}

a {
	text-decoration: 15px;
	color: #31408c;
	
}

a.tabSelected {
	text-decoration: none;
	color: white;
}


a.tabSelected:hover {
	text-decoration: none;
	color: #31408c;
}


a.nonSelected {
	text-decoration: none;
	color: #31408c;
}


a.nonSelected:hover {
	text-decoration: none;
	color: white;
}



li {
	list-style: none;
}




table.h1 {
	height:auto; 
	border:1px solid grey;
    width:1100px; 
    margin-left:auto; 
    margin-right:auto;
}
table.h2 {
    width:1100px; 
	border:1px;
    margin-left:auto; 
    margin-right:auto;
}

table.f1 {
    width:1100px; 
    margin-left:auto; 
    margin-right:auto;
}


  
table.tbl1 {
    width:1100px; 
    margin-left:auto; 
    margin-right:auto;
}




td.tbl1 {
  text-align: center;
}


table.tbl0{
	margin-left:auto; 
    margin-right:auto;
	border:2px;
	height:437px;
	width:auto;
}

table.tbl1{
	border:2px;
	height:auto;
	width:100%;
	
}



td.tbl2td{
	width:25%;
	padding-left: 0px;
}

table.tbl2{
	height:auto;
	border: 0px solid grey;
	width:1108px;
	margin-left:auto; 
    margin-right:auto;
}


table.tblX{
	margin-left:auto; 
    margin-right:auto;
	height:auto;
	width:100%;
    border: 0px solid grey;
}




td.tbl2td2{
	width:25%;
	padding-left: 25px;
}


td.tbl2td1{
	width:3%;
	vertical-align: top;
	#border: 1px solid grey;
}


table.tbl3{
	margin-left:auto; 
    margin-right:auto;
	height:auto;
	width:1100px;
    border: 0px solid grey;
}


td.tbl3td1{
	width:3%;
	height:10%;
	vertical-align: top;
	border: 0px solid grey;
}


tr.tbl3tr1{
	#border-bottom-style: solid;
	border-left-style: solid;
}



.name {
    color: #f5f5f5;
    font-size: 18px;
    background-color: #252c4f;
    text-align: center;
}
img {
  display: block;
  margin-left: auto;
  margin-right: auto;
 }
  .button {
    background-color: #252c4f; 
    color: #f5f5f5 ; 
    cursor: pointer;
	font: bold 14px Verdana;
	width: 50%;
	border-radius: 8px;
}

.button:hover {
    background-color: rgba(0,106,140,0.5);;
    color: black;
	cursor: pointer;
	font: bold 14px Verdana;
	width: 50%;
	border-radius: 8px;
	}
.button:active {
  box-shadow: 0 5px #666;
  transform: translateY(4px);  
}
##########################
ul {
	display: inline-block;
	width: 1400px;
	margin: 48px auto;
	border-bottom: 1px solid #DAE0E7;
	background: #F9F9F9;
	list-style-type: none;
	padding:12px 12px 0;
}



.tab {
	float: left;
	height: 61px;
	margin: 0 8px -1px 0;
	border: 1px solid #DAE0E7;
	background: #F9F9F9;
	border-radius: 8px 8px 0 0;
	overflow: hidden;
}




.tab, .tab a {
	transition: all .25s;
}

.tab a {
	display: inline-block;
}

.tab a:first-child {
	padding: 8px 8px 8px 8px;
 white-space: nowrap;
 
}

.tab:hover {
	background: grey;
	color: blue
}

.tabSelected {
	height: 45px;
	border-bottom: none;
	background: grey;
	text-decoration: none;
	color: red;
}

iframe.iframe {
    width: 100%;
    height: 400px;
	border: 1px solid #ccc; /* Exemplu de border, poți schimba culoarea și grosimea */
    border-radius: 8px; /* Colțuri rotunjite */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Adaugă o umbră pentru efect de adâncime */
}

/* Stiluri pentru dispozitive mobile (ecrane mai mici de 768px) */
@media only screen and (max-width: 1024px) {
	
	body, h1, h2, h3, h4, h5, h6  {
	font-family: Verdana, sans-serif;
	font-size: 40px;
	margin: 0;
	padding: 0;
	color: #31408c;
	leftmargin:0;
	topmargin:0;
	alink:#ffffff;
	vlink:#ffffff;
	bgcolor:#ffffff;
	link:#ffffff;
	marginheight:0;
	marginwidth:0;
	text:#31408c; 
}


.logo-left {
    float: left;
}

.logo-right {
    float: right;
	display: none;
}

.logo-img {
    border: 0;
    height: 152px;
    vertical-align: middle; /* echivalentul pentru vspace */
    margin-top: 8px; /* înlocuiește vspace */
}




table.tbl3{
	margin-left:auto; 
    margin-right:auto;
	height:150px;
	width:1100px;
    border: 0px solid grey;
}
	
	
   table.h1 {
    height: auto;
    border: 1px solid grey;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}


.tab {
	float: left;
	height: 110px;
	margin: 10px 10px 10px 10px;
	border: 1px solid #DAE0E7;
	background: #F9F9F9;
	border-radius: 8px 8px 0 0;
	overflow: hidden;
}




.tab, .tab a {
	transition: all .25s;
}

.tab a {
	display: inline-block;
}

.tab a:first-child {
	padding: 8px 8px 8px 8px;
 white-space: nowrap;
 
}

.tab:hover {
	background: grey;
	color: blue
}



iframe.iframe {
    width: 100%;
    height: 800px;
	border: 1px solid #ccc; /* Exemplu de border, poți schimba culoarea și grosimea */
    border-radius: 8px; /* Colțuri rotunjite */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Adaugă o umbră pentru efect de adâncime */
}


}