/***********************************************/
/* 2col_leftNav.css                            */
/* Use with template 2col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
html{margin: 0px;
padding: 0px;}
	

body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	
}


a:link, a:visited, a:hover {
	color: #006699;
	text-decoration: none;
	}

a:hover {
	text-decoration: none;
	background-color:#CCC;
	
}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
}

h2{
 font-size: 114%;
 color: #006699;
}

h3{
 font-size: 100%;
 color: #334d55;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;
}

h5{
 font-size: 100%;
 color: #334d55;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
}
				

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
	
		margin: 0;
	padding: 10px 0px;
	border-bottom: 1px solid #cccccc;
	width: 100%;
}

#navBar{
	margin: 0 100% 0 0;
	padding: 0px;
	background-color: #eeeeee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#content{float:left;
	width: 100%;
	margin: 0;
	padding: 0 3% 0 0;
}


/***********************************************/
/*Component Divs                               */
/***********************************************/

#siteName{
	margin: 0px;
	padding: 0px 0px 10px 10px;
}


/*************** #pageName styles **************/

#pageName{
	padding: 0px 0px 10px 10px;
	text-align:center;
	margin-top:50px;
	margin-bottom:10px;
		font-size:50px;
}

#pageName_viziune{
	float:left;
	
	padding: 0px 0px 10px 10px;
	text-align:center;
	margin-top:50px;
	margin-bottom:10px;
		font-size:50px;
}

#pageName1{
	padding: 0px 0px 10px 10px;
	text-align:center;
	margin-top:50px;
	margin-bottom:10px;
		font-size:35px;;
}

#pageName_c h1{
	padding: 0px 0px 10px 10px;
	text-align:center;
	margin-top:50px;
	margin-bottom:10px;
		font-size:35px;
		float:left;
		width:900px;
		
	
		
}


#pageName2{
	
	
	margin-top:30px;
	text-align:center;
	
	
		font-size:50px;;
}

#pageName3{
	
	
	
	text-align:center;
	
	
		font-size:50px;;
}


#orar2021{
	padding: 0px 0px 10px 10px;
	text-align:center;
	margin-top:50px;
	margin-bottom:10px;
		font-size:50px;;
}




/************* #globalNav styles **************/

#globalNav{
color: #cccccc;
padding: 0px 0px 0px 10px;
white-space: nowrap;
}
/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */

#globalNav img{
 display: block;
}

#globalNav a {
	float:left;
	font-size: 90%;
	padding: 0px 4px 0px 0px; 
}


/************* #breadCrumb styles *************/

#breadCrumb{
	font-size: 80%;
	padding: 5px 0px 5px 10px;
}


/************** .feature styles ***************/

.feature{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
	position:relative;
	float:left;
	height:616px;
	width:900px;
	
}

.feature h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
}

.feature img{
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;
}
/* adjust margins to change separation between the feature image and text flowing around it */


/************** .story styles *****************/

.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story p{
	padding: 0px 0px 10px 0px;
}


/************* #1 styles ***************/

#siteInfoI{
	float:left;
	width: 100%;
	height:100%;
	clear: both;
	align-self: auto;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #cccccc;
	margin-top: 0px;
}



#siteInfo{
	color:white; text-align:center;  background-color:#071f42;
	float:left;
	width: 100%;
	height:100%;
	margin-bottom:30px;
	clear: both;
	align-self: auto;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #cccccc;
	margin-top: 0px;
	}




/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of the navBar in cases where they "touch" */

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}


/************* #search styles ***************/

#search{
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

#search form{
 margin: 0px;
 padding: 0px;
}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}


/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/

#sectionLinks ul a{
		color:white;
}

#sectionLinks li{
	position: relative;
	margin: 0px;
	padding: 0px;
	border: 2px solid white;
	font-size: 80%;
	background:white;
	background-color:#172740;
	color:white;
	height: 35px;
	line-height: 35px;
}
	

#sectionLinks h3{
	padding: 2px 0px 2px 10px;
	background-color:black;
	color:white;
}

#sectionLinks a:link{
	padding: 2px 0px 2px 10px;
	
	width: 100%;
  voice-family: "\"}\""; 
  voice-family:inherit;
	width: auto;
}

#sectionLinks a:visited{
	border-top: 1px solid black;
	padding: 2px 0px 2px 10px;
}

#sectionLinks a:hover{
	position: relative;
	margin-left: 0px;
	padding: 2px 0px 2px 10px;
	border: 2px solid white;

	font-size: 100%;
			line-height: 35px;	
		background-color: white;
	color:black;
}


/*********** .relatedLinks styles ***********/

.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 0px;
	font-size: 90%;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}
.relatedLinks a:hover{
	border-top: 1px solid #cccccc;
	background-color: #e8a83a;
color:white;}


/************** #advert styles **************/

#advert{
	padding: 10px 0px 0px 10px;
	font-size: 80%;
	border-top: 1px solid #cccccc;
}

#advert img{
	display: block;
}


/************** #headlines styles **************/

#headlines{
	margin: 0px;
	padding: 10px 0px 20px 10px;
	font-size: 80%;
}

#headlines p{
	padding: 5px 0px 5px 0px;
}
#informatician{
	margin-left:50px;
	width:350px;
	height:70px;
	text-align:center;
		
}

#informatician H2{
	text-align:left;
	position:relative;
	top:10%;
	
	
}
#drop_down_menu ul{
	position:relative;
	
	
}
#drop_down_menu ul li{
	float:bottom;
	
}
#meniu_prima_pagina{float:left;
		width:900px;
	height:40px;
	}

#meniu{float:left;
		margin:0px;
	padding:0px;
	}

#meniu ul{
	list-style:none;
	margin:0px;
	}
#meniu ul li{
	position:relative;
	width:150px;
	height:35px;
	line-height:35px;
	background-color:#34495E;
	border-top: 1px solid #BDC3C7;
	text-align:left;
	border-left:5px solid transparent;
}
#meniu ul li a{
	color:#fff;
	text-decoration:none;
	text-align:left;
}
#meniu ul li a:hover{
	
	display:block;
	line-height:35px;
	
}
#meniu ul ul{
	width:200px;
	transition: all 0.3s;
	opacity:0;
	position:relative;
	visibility:hidden;
	left:102%;
	top:-100%;
	position:inline-table;
	
	
	
}
#meniu ul li:hover > ul {
	opacity:1;
	visibility:visible;

}

#meniu ul ul li{
	width:400px;
background-color:#000;}

#meniu ul ul li a{
	color:white;
	font-size:14px;
	}
	#meniu ul ul li a:hover{
	min-width:400px;
	color:white;
	font-size:14px;
	
	}
	#meniu ul ul ul{
	width:auto;
	transition: all 0.3s;
	opacity:0;
	position:relative;
	visibility:hidden;
	left:80%;
	top:-100%;
	position:inline-table;
	
	
	
}
#butonbac{
	border:3px solid #065122; 
	border-left:none; 
	border-right:none; 
	border-radius:10px; 

}

#butonba{
	border:3px solid #065122; 
	border-left:none; 
	border-right:none; 
	border-radius:10px;
color:red;	
}


#1{float:left; width:25px; height:30px; background-color:none; line-height:30px;
}
#1:hover {
	background-color:black;
	
	
}
 #home{
	  float: left;
	  width:30px;
	  height:30px;
	  background-color:#3537c4;
	  line-height:30px;
	  text-align:center;
	  color:white;
	  border-radius:2px;
	  font-size:30px;
 }
 #home:hover{
	background-color:#e08404;
}

#home_orar{
	  float: left;
	  margin-left:100px;
	  width:30px;
	  height:30px;
	  background-color:#3537c4;
	  line-height:30px;
	  text-align:center;
	  color:white;
	  border-radius:2px;
	  font-size:30px;
 }
 #home_orar:hover{
	background-color:#e08404;
}
 
#contact{
	float:left;
	width:105px;
	height:30px;
	background-color:#3537c4;
	line-height:30px;
	text-align:center;
	color:white;
	border-radius:2px;
	font-size:12px;
}
#contact:hover{
	background-color:#e08404;
}

#contact1{
	float:left;
	width:auto;
	height:30px;
	background-color:
#b4d5db
;
	line-height:30px;
	text-align:center;
	color:black;
	border-radius:20px;
	font-size:12px;
	padding:2px;
}
#contact1:hover{
	background-color:#e08404;
}

#contact2{
	float:left;
	margin-left:250px;
	width:50px;
	height:30px;
	background-color:
#b4d5db
;
	line-height:30px;
	text-align:center;
	color:black;
	border-radius:20px;
	font-size:12px;
	padding:2px;
}
#contact2:hover{
	background-color:#e08404;
}

#istoric{
	float:left;
	width:105px;
	height:30px;
	background-color:#3537c4;
	line-height:30px;
	text-align:center;
	color:white;
	border-radius:2px;
	font-size:12px;
}
#istoric:hover{
	background-color:#e08404;
}
#avizier{
	float:left;
	width:105px;
	height:30px;
	background-color:#3537c4;
	line-height:30px;
	text-align:center;
	color:white;
	border-radius:2px;
	font-size:12px;
}
#avizier:hover{
	background-color:#e08404;
}
#oferta{
	float:left;
	width:105px;
	height:30px;
	background-color:#3537c4;
	line-height:30px;
	text-align:center;
	color:white;
	border-radius:2px;
	font-size:12px;
}
#oferta:hover{
	background-color:#e08404;
}
#resurse{
	float:left;
	width:105px;
	height:30px;
	background-color:#3537c4;
	line-height:30px;
	text-align:center;
	color:white;
	border-radius:2px;
	font-size:12px;
}
#resurse:hover{
	background-color:#e08404;
}
#proiecte{
	float:left;
	width:105px;
	height:30px;
	background-color:#3537c4;
	line-height:30px;
	text-align:center;
	color:white;
	border-radius:2px;
	font-size:12px;
}
#proiecte:hover{
	background-color:#e08404;
}
#orar2019{
	float:left;
	width:105px;
	height:30px;
	background-color:#3537c4;
	line-height:30px;
	text-align:center;
	color:white;
	border-radius:2px;
	font-size:12px;
}
#orar2019:hover{
	background-color:#e08404;
}
#examene{
	float:left;
	width:105px;
	height:30px;
	background-color:#3537c4;
	line-height:30px;
	text-align:center;
	color:white;
	border-radius:2px;
	font-size:12px;
}
#examene:hover{
	background-color:#e08404;
}

#sectiuneaA{
	
	float:left; width:440px; height:310px; size:37px; line-height:45px; background-color:#7a060b; border:1px solid white; border-radius:12px
}

#sectiuneaA:hover{
	background-color:#e08404;
}

#sectiuneaB{
	
	float:left; width:440px; height:310px; size:37px; line-height:45px; background-color:#7a060b; border:1px solid white; border-radius:12px
}

#sectiuneaB:hover{
	background-color:#e08404;
}
olimpiada{
	background-image:url(OLAV.jpg);
}






#home{
	  float: left;
	  width:30px;
	  height:30px;
	  background-color:#3537c4;
	  line-height:30px;
	  text-align:center;
	  color:white;
	  border-radius:2px;
	  font-size:30px;
 }
 #home:hover{
	background-color:#e08404;
}
 
#anunt{
	float:left;
	width:145px;
	height:30px;
	background-color:#3537c4;
	line-height:30px;
	text-align:center;
	color:white;
	border-radius:2px;
	font-size:14px;
}
#anunt:hover{
	background-color:#e08404;
}
#repartizare{
	float:left;
	width:135px;
	height:30px;
	background-color:#3537c4;
	line-height:30px;
	text-align:center;
	color:white;
	border-radius:2px;
	font-size:14px;
}
#repartizare:hover{
	background-color:#e08404;
}
#subiecte{
	float:left;
	width:145px;
	height:30px;
	background-color:#3537c4;
	line-height:30px;
	text-align:center;
	color:white;
	border-radius:2px;
	font-size:14px;
}
#subiecte:hover{
	background-color:#e08404;
}
#rezultate{
	float:left;
	width:105px;
	height:30px;
	background-color:#3537c4;
	line-height:30px;
	text-align:center;
	color:white;
	border-radius:2px;
	font-size:14px;
}
#rezultate:hover{
	background-color:#e08404;
}
#legislativ{
	float:left;
	width:105px;
	height:30px;
	background-color:#3537c4;
	line-height:30px;
	text-align:center;
	color:white;
	border-radius:2px;
	font-size:14px;
}
#legislativ:hover{
	background-color:#e08404;
}
#criterii{
	float:left;
	width:145px;
	height:30px;
	background-color:#3537c4;
	line-height:30px;
	text-align:center;
	color:white;
	border-radius:2px;
	font-size:14px;
}
#criterii:hover{
	background-color:#e08404;
}

#subiect {
	float:left;
	width:108px;
	height:30px; 
	line-height:30px;
	font-size:22px;
	border-radius: 0px 0px 0px 15px;
	background-color:#33333a; 
	color:white; 
	text-align:center;
	margin-top:4px;
}

#subiect:hover{
	background-color:#e08404;
}

#barem {
	float:left;
	width:108px;
	height:30px; 
	line-height:30px;
	font-size:22px;
	border-radius: 0px 0px 15px 0px;
	background-color:#33333a; 
	color:white; 
	text-align:center;
	margin-top:4px;
}

#barem:hover{
	background-color:#e08404;
}

#init{
	float:left; width:194px; height:196px; margin-top:20px; background-image:url(imagini/init.jpg)
}
#init:hover{
	background-image:url(imagini/initport.jpg);
}
#cont{
	float:left; width:194px; height:196px; margin-top:20px; background-image:url(imagini/conts.jpg); 
}
#cont:hover{
	width:194px; height:196px; background-image:url(imagini/contsfin.jpg);
	
}
#fin{
	float:left; width:194px; height:196px; margin-top:20px; background-image:url(imagini/fin.jpg); 
}
#fin:hover{
	background-image:url(imagini/finport.jpg);
}
#ini{
	float:left; width:194px; height:196px; margin-top:20px; background-image:url(imagini/initport.jpg)
}
#fina{
	float:left; width:194px; height:196px; margin-top:20px; background-image:url(imagini/fin.jpg)
}
#fina:hover{
	background-image:url(imagini/finport.jpg);
}
#final{
	float:left; width:194px; height:196px; margin-top:20px; background-image:url(imagini/finport.jpg)
}
#initi{
	float:left; width:194px; height:196px; margin-top:20px; background-image:url(imagini/init.jpg)
}
#initi:hover{
	background-image:url(imagini/initport.jpg);
}

#simulare{
	position:absolute;
	float:left;
	width:210px;
	height:20px;
	margin-left:110px;
	margin-top:-363px;
	background-color:none;
	line-height:20px;
	text-align:center;
	color:white;
	border-radius:2px;
	font-size:18px;
	font-style:italic;
}
#simulare:hover{
border-bottom:2px solid #e08404;}

#mat{
	position:absolute;
	float:left;
	width:348px;
	height:30px;
	margin-left:110px;
	margin-top:-324px;
	background-color:none;
	line-height:30px;
	text-align:center;
	color:white;
	border-radius:2px;
	font-size:18px;
	font-style:italic;
}
#mat:hover{
border-bottom:2px solid #e08404;}

#aleg{
	position:absolute;
	float:left;
	width:530px;
	height:30px;
	margin-left:110px;
	margin-top:-300px;
	background-color:none;
	line-height:30px;
	text-align:center;
	color:white;
	border-radius:2px;
	font-size:18px;
	font-style:italic;
}
#aleg:hover{
	border-bottom:2px solid #e08404;
}

#rom{
	position:absolute;
	float:left;
	width:503px;
	height:30px;
	margin-left:110px;
		margin-top:-349px;
	background-color:none;
	line-height:30px;
	text-align:center;
	color:white;
	border-radius:2px;
	font-size:18px;
	font-style:italic;
}
#rom:hover{
border-bottom:2px solid #e08404;}

#unsp{position:absolute;
	float:left;
	width:260px;
	height:30px;
	margin-left:110px;
		margin-top:-212px;
	background-color:none;
	line-height:30px;
	text-align:center;
	color:white;
	border-radius:2px;
	font-size:18px;
	font-style:italic;
}
#unsp:hover{
border-bottom:2px solid #e08404;}

#doisp{
	float:left;
	width:268px;
	height:30px;
	margin-left:110px;
		margin-top:-187px;
	background-color:none;
	line-height:30px;
	text-align:center;
	color:white;
	border-radius:2px;
	font-size:18px;
	font-style:italic;
}
#doisp:hover{
border-bottom:2px solid #e08404;}

#munc{
	float:left; width:210px; height:210px; background-color:#0f8ca8; border-radius:20px;"
}

#munc:hover{
background-color:#e08404;}
	
#rezul{
	position:absolute;
	float:left;
	width:173px;
	height:40px;
	margin-left:81px;
		margin-top:-129px;
	background-image:url(imagini/rez.jpg);
	line-height:40px;
	text-align:center;
	color:white;
	border-radius:2px;
	font-size:18px;
	font-style:italic;
}
#rezul:hover{
background-image:url(imagini/reza.jpg);}

#subiec {
	float:left;
	width:130px;
	height:60px; 
	line-height:60px;
	font-size:14px;
	border-radius: 0px 0px 0px 15px;
	background-color:#33333a; 
	color:white; 
	text-align:center;
	margin-top:4px;
}

#subiec:hover{
	background-color:#e08404;
}

#bare {
	float:left;
	width:132px;
	height:60px; 
	line-height:60px;
	font-size:14px;
	border-radius: 0px 0px 0px 0px;
	background-color:#33333a; 
	color:white; 
	text-align:center;
	margin-top:4px;
	
}

#bare:hover{
	background-color:#e08404;
}

#subiectt {
	float:left;
	width:130px;
	height:60px; 
	line-height:60px;
	font-size:14px;
	border-radius: 0px 0px 15px 0px;
	background-color:#33333a; 
	color:white; 
	text-align:center;
	margin-top:4px;
}

#subiectt:hover{
	background-color:#e08404;
}
#pr{
	width:800px;
	height:50px;
	margin-left:85px;
	line-height:50px;
	font-size:18px;
	color:blue;

	

}
#pr:hover{
	color:#e08404;
}
#pr1{
	width:800px;
	height:50px;
	margin-left:85px;
	line-height:50px;
	font-size:20px;
	color:blue;

	

}
#pr1:hover{
	color:#e08404;
}
#lbrom{
	float:left;
	width:240px;
	height:30px;
	margin-left:585px;
		margin-top:-118px;
	background-color:none;
	line-height:30px;
	text-align:center;
	color:white;
	border-radius:2px;
	font-size:18px;
	font-style:italic;
}
#lbrom:hover{
border-bottom:2px solid #e08404;}
#lbmat{
	float:left;
	width:240px;
	height:30px;
	margin-left:400px;
		margin-top:-90px;
	background-color:none;
	line-height:30px;
	text-align:center;
	color:white;
	border-radius:2px;
	font-size:18px;
	font-style:italic;
}
#lbmat:hover{
border-bottom:2px solid #e08404;}

#cc{
float:left; width:200px; height:120px; background-image: linear-gradient(blue, white); border-radius:8px; margin-top:30px; margin-left:30px;
}
#cc:hover{
	background-image: linear-gradient(#e08404, white);
}

#cc1{
float:left; width:200px; height:100px; background-image: linear-gradient(#e08404, white); border-radius:8px;  margin-left:30px;
}
#cc1:hover{
	background-image: linear-gradient(#014925, white);
}
#c1{
float:left; width:200px; height:100px; background-image: linear-gradient(#e08404, white); border-radius:8px;  margin-left:40px;
}
#c1:hover{
	background-image: linear-gradient(#014925, white);
}
#c{
float:left; width:200px; height:70px; line-height:55px; font-size:20px; text-align:center; color:white; background-image: linear-gradient(#014925, white); border-radius:8px; margin-left:30px; 
margin-bottom:15px;
}
#c:hover{
	background-image: linear-gradient(#e08404, white);
	color:black;
}






#cic{
float:left; width:200px; height:120px; background-image: linear-gradient(#014925, white); border-radius:8px; margin-top:30px; margin-left:5px;
}
#cic:hover{
	background-image: linear-gradient(#e08404, white);
}


#concursuri{
float:left; width:170px; height:100px; line-height:80px; text-align:center; color:white; background-image: linear-gradient(#014925, white); border-radius:8px; margin-top:15px; 
margin-bottom:15px;
}
#concursuri:hover{
	background-image: linear-gradient(#e08404, white);
	color:black;
}
#concursuri{
	cursor: pointer;
}

#online{

}
#afla{
	float:right; width:250px; height:30px; border: 1px solid white; border-radius:20px; background-image:linear-gradient(white, #12909e, white); margin-top:-50px; margin-right:40px; color:white; font-size:20px; line-height:30px; text-align:center;
}
#afla:hover{
	background-image: linear-gradient(white, #e08404, white);
	color:black;
}

#ccc1{
float:left; width:200px; height:70px; line-height:55px; font-size:20px; text-align:center; color:white; background-image: linear-gradient(#014925, white); border-radius:8px; margin-left:30px; 
margin-bottom:15px;
}
#ccc1:hover{
	background-image: linear-gradient(#e08404, white);
	color:black;
}
#ccc2{
float:left; width:200px; height:70px; line-height:25px;  font-size:16px; text-align:center; color:white; background-image: linear-gradient(#014925, white); border-radius:8px; margin-left:150px; 
margin-bottom:15px; 
}
#ccc2:hover{
	background-image: linear-gradient(#e08404, white);
	color:black;
}
#ccc3{
float:left; width:200px; height:70px; line-height:55px;  font-size:16px; text-align:center; color:white; background-image: linear-gradient(#014925, white); border-radius:8px; margin-left:10px; 
margin-bottom:15px; 
}
#ccc3:hover{
	background-image: linear-gradient(#e08404, white);
	color:black;
}
#ccc4{
float:left; width:200px; height:70px; line-height:25px;  font-size:18px; text-align:center; color:white; background-image: linear-gradient(#014925, white); border-radius:8px; margin-left:10px; 
margin-bottom:15px; 
}
#ccc4:hover{
	background-image: linear-gradient(#e08404, white);
	color:black;
}

#ProbaD{
float:left; width:200px; height:70px; line-height:25px; font-size:18px; text-align:center; color:white; background-image: linear-gradient(#014925, white); border-radius:8px; margin-left:30px; 
margin-bottom:15px;
}
#ProbaD:hover{
	background-image: linear-gradient(#e08404, white);
	color:black;
}
#ProbaD1{
float:left; width:200px; height:70px; line-height:55px; font-size:20px; text-align:center; color:white; background-image: linear-gradient(#014925, white); border-radius:8px; margin-left:30px; 

}
#ProbaD1:hover{
	background-image: linear-gradient(#e08404, white);
	color:black;
}


#cccc1{
float:left; width:200px; height:70px; line-height:55px; font-size:20px; text-align:center; color:white; background-image: linear-gradient(#014925, white); border-radius:8px; margin-left:30px; 
margin-bottom:15px;
}
#cccc1:hover{
	background-image: linear-gradient(#e08404, white);
	color:black;
}
#cccc2{
float:left; width:200px; height:70px; line-height:55px; font-size:20px; text-align:center; color:white; background-image: linear-gradient(#014925, white); border-radius:8px; margin-left:10px; 
margin-bottom:15px;

}
#cccc2:hover{
	background-image: linear-gradient(#e08404, white);
	color:black;
}
#cccc3{
float:left; width:200px; height:70px; line-height:55px; font-size:20px; text-align:center; color:white; background-image: linear-gradient(#014925, white); border-radius:8px; margin-left:10px; 
margin-bottom:15px; 
}
#cccc3:hover{
	background-image: linear-gradient(#e08404, white);
	color:black;
}
#cccc4{
float:left; width:200px; height:70px; line-height:55px; font-size:20px; text-align:center; color:white; background-image: linear-gradient(#014925, white); border-radius:8px; margin-left:30px; 

}
#cccc4:hover{
	background-image: linear-gradient(#e08404, white);
	color:black;
}


#repcompA{
width:300px;
height:40px;
line-height:40px;
text-align:center;
border-radius:8px;
background-image: linear-gradient(#e08499,#e08499);
	color:black;
	
}
#repcompA:hover{
	background-image: linear-gradient(#e08404, white);
	color:black;
}
	
#repcompD{
	
width:300px;
height:40px;
line-height:40px;
text-align:center;
border-radius:8px;
background-image: linear-gradient(#e08499,#e08499);
	color:black;
	margin-top:2px;
}
#repcompD:hover{
	background-image: linear-gradient(#e08404, white);
	color:black;
}

#repcompC{
	
width:300px;
height:40px;
line-height:40px;
text-align:center;
border-radius:8px;
background-image: linear-gradient(#e08499,#e08499);
	color:black;
	margin-top:2px;
}

#repcompCaudioscris{
	float:left;
width:149px;
height:40px;
line-height:40px;
text-align:center;
border-radius:8px;
background-image: linear-gradient(#e08499,#e08499);
	color:black;
	margin-top:2px;
}
#repcompCaudioscris:hover{
	background-image: linear-gradient(#e08404, white);
	color:black;
}
#repcompCoral{
	float:right;
width:149px;
height:40px;
line-height:40px;
text-align:center;
border-radius:8px;
background-image: linear-gradient(#e08499,#e08499);
	color:black;
	margin-top:2px;
}
#repcompCoral:hover{
	background-image: linear-gradient(#e08404, white);
	color:black;
}

#Regulament{
	position: relative;
	margin: 0px;
	padding: 0px;
	border: 0px 0px 1px 0px;
	font-size: 85%;
	background-color: #e8a83a
}

#Regulament h3{
	padding: 10px 0px 2px 10px;
	background-color:#d1cca1;
}

#Regulament a:link{
	padding: 2px 0px 2px 10px;
	border-top: 1px solid #c0cfc8;
	width: 100%;
  voice-family: "\"}\""; 
  voice-family:inherit;
	width: auto;
}

#Regulament a:visited{
	border: 1px solid #01630;
	padding: 2px 0px 2px 10px;
}

#Regulament a:hover{
	border: 1px solid #016303;
	background-color: #e8a83a;
	color:white;
}
#spot{
	width:170px;
	height:140px;
border:0px;
margin-bottom:20px;
margin-top:20px;}

#spot :hover{
	width:100vw;
	height:100vh;}
	
#doliu{
	overflow:hidden;
	width:300px;
	height:80px;
	background-color:black;
	float:right;
	transform: skewY(50deg);
	}
#olimpiada_franceza{
	float:left;
width:900px;
height:100px;
line-height:100px;
background-color:#0B2F3A;
margin-top:30px;
border-radius:0px 10px 10px 0px;
}

#program :hover{
	position:absolute;
	margin-left:-500px;
	width:60vw;
	height:80vh;}
	
#subiecc {
	float:left;
	width:140px;
	height:60px; 
	line-height:15px;
	font-size:14px;
	border-radius: 0px 0px 0px 15px;
	background-color:#33333a; 
	color:white; 
	text-align:center;
	margin-top:4px;
}

#subiecc:hover{
	background-color:#e08404;
}

#baret {
	float:left;
	width:152px;
	height:60px; 
	line-height:15px;
	font-size:14px;
	border-radius: 0px 0px 0px 0px;
	background-color:#33333a; 
	color:white; 
	text-align:center;
	margin-top:4px;
	
}

#baret:hover{
	background-color:#e08404;
}

#subiecttt {
	float:left;
	width:132px;
	height:60px; 
	line-height:60px;
	font-size:14px;
	border-radius: 0px 0px 15px 0px;
	background-color:#33333a; 
	color:white; 
	text-align:center;
	margin-top:4px;
}

#subiecttt:hover{
	background-color:#e08404;
}
#subiectfr {
	float:left;
	width:220px;
	height:30px; 
	line-height:30px;
	font-size:22px;
	border-radius: 0px 0px 15px 15px;
	background-color:#33333a; 
	color:white; 
	text-align:center;
	margin-top:4px;
}

#subiectfr:hover{
	background-color:#e08404;
}

#baremfr {
	float:left;
	width:108px;
	height:30px; 
	line-height:30px;
	font-size:22px;
	border-radius: 0px 0px 15px 0px;
	background-color:#33333a; 
	color:white; 
	text-align:center;
	margin-top:4px;
}

#baremfr:hover{
	background-color:#e08404;
}
#tip {
	float:left;
	width:220px;
	height:16px; 
	line-height:12px;
	font-size:12px;
	background-color:#33333a; 
	color:white; 
	text-align:center;
	
}
#subiectfranceza {
	float:left;
	width:220px;
	height:16px; 
	line-height:16px;
	font-size:16px;
	border-radius: 0px 0px 0px 15px;
	background-color:#33333a; 
	color:white; 
	text-align:center;
	margin-top:4px;
}

#subiectfranceza:hover{
	background-color:#e08404;
}

#clasaexam{
float:left;
 width:220px;
 height:60px;
 line-height:60px;
 font-size:25px;
 border-radius: 15px ;
 background-color:#33333a;
 color:white;
 text-align:center;
 margin-top:10px;
}

#clasaexam:hover{
background-color:#e08404;
}
#clasaexamotoc{
float:left;
 width:900px;
 height:60px;
 line-height:60px;
 font-size:25px;
 border-radius: 15px ;
 background-color:#2d7a09;
 color:white;
 text-align:center;
 margin-top:10px;
 margin-left:-200px;
}

#clasaexamotoc:hover{
background-color:#e08404;
}

#igiena{
width:170px; height:130px; margin-top:15px
}

#igiena:hover{
	}
		
#exsim{
	text-align:left; font-size:16px; font-family:Arial,sans-serif; color:#002346; margin-top:5px;
}

#exsimc{
	text-align:left; font-family:Arial,sans-serif; color:#002346; margin-top:5px;
}


#exsim1{
	text-align:left; font-size:16px; font-family:Arial,sans-serif; color:#002346; margin-top:5px;
}
#exsim1:hover{text-decoration:underline;
color:#ff0000;}

#exsimm{
	text-align:left; font-size:16px; font-family:Arial,sans-serif,bold; color:#002346; margin-top:5px; font-style:;
}
#exsimmm{
	text-align:left; font-size:16px; font-family:Arial,sans-serif,bold; color:#002346; margin-top:5px; margin-left:200px;;
}

#repp{
float:left;
 width:200px;
 margin-left:200px;
 margin-top:50px;
 height:30px;
 line-height:30px;
 font-size:16px;
 border-radius: 15px ;
 background-color:#33333a;
 color:white;
 text-align:center;
 margin-top:10px;
}

#repp:hover{
background-color:#e08404;
}
#reppp{
float:left;
 width:200px;
 margin-left:230px;
 margin-top:30px;
 height:30px;
 line-height:30px;
 font-size:16px;
 border-radius: 15px ;
 background-color:#33333a;
 color:white;
 text-align:center;
 margin-top:10px;
}

#reppp:hover{
background-color:#e08404;
}


#12covid:hover{
background-color:#e08404;
}

#pozacov{
float:left; width:425px; height:300px; margin-top:25px; }

#pozacov:hover{
	margin-left:250px;;
	transform: scale(2);
}

#pozacovdreapta{
float:left; width:425px; height:300px; margin-top:25px; }

#pozacovdreapta:hover{
		transform: scale(2);
}

#eliberari{
		position:absolute; width:380px; height:415px; margin-top:200px; margin-left:520px; 
}

#probaea{
	float:left;
	width:280px;
	height:80px;
	line-height:80px;
	background-color:#20202c; 
	border-radius:0px 0px 0px 15px; 
	text-align:center; 
	font-size:22px; 
	font-family:Arial,sans-serif; 
color:white;}

#probaea:hover{
color:#ff9900;}

#probaec{
	float:left;
	width:280px;
	height:80px;
	line-height:80px;
	background-color:#20202c; 
	border-radius:0px 0px 0px 0px; 
	text-align:center; 
	font-size:22px; 
	font-family:Arial,sans-serif; 
color:white;}

#probaec:hover{
color:#ff9900;}

#probaed{
	float:left;
	width:280px;
	height:80px;
	line-height:80px;
	background-color:#20202c; 
	border-radius:0px 0px 15px 0px; 
	text-align:center; 
	font-size:22px; 
	font-family:Arial,sans-serif; 
color:white;}

#probaed:hover{
color:#ff9900;}

#angajare2020{
float:left; position:relative; width:220px; height:150px; margin-top:10px; background-color:#006600; border-radius:8px; text-align:center; font-size:28px; color:white; line-height:35px;
}

#angajare2020:hover{
background-color:#ff9900;
color:black;}

#angajare20201{
float:left; position:relative; width:220px; height:150px; margin-top:10px; background-color:#006600; border-radius:8px; text-align:center; font-size:28px; color:white; line-height:50px;
}

#angajare20201:hover{
background-color:#ff9900;
color:black;}

#prof{
	float:left; width:475px; height:150px;  background-color:#ff9900; border-radius:10px; line-height:150px; text-align:center; font-size:60px; text-transform:bold; color:white;
}

#prof:hover{
background-color:#ff9900;
color:black;
border: 2px solid #ff9900; border-radius:10px;}

#prof1{
	float:left; width:1100px; height:100px;  background-color:#ff9900; border-radius:10px; line-height:100px; text-align:center; font-size:40px; text-transform:bold; color:white;
}

#prof1:hover{
background-color:#ff9900;
color:black;
border: 2px solid #ff9900; border-radius:10px;}

#elev{
	float:left; width:475px; height:150px;  background-color:#ff9900; border-radius:10px; line-height:150px; text-align:center; font-size:60px; text-transform:bold; color:white;
}

#elev:hover{
background-color:#ff9900;
color:black;
border: 2px solid #ff9900; border-radius:10px;}

#web{
	position:absolute; width:330px; height:60px; 
	margin-top:-620px; margin-left:80px; 
}

#web:hover{
	position:absolute; width:330px; height:60px; 
	margin-top:-620px; margin-left:80px; border:2px solid #349821;
}

#blog{
	position:absolute; width:380px; height:60px; 
	margin-top:-620px; margin-left:430px; 
}

#blog:hover{
	position:absolute; width:380px; height:60px; 
	margin-top:-620px; margin-left:430px; border:2px solid #349821;
}


#rom_olimp {
	float:left;
	width:140px;
	height:60px; 
	line-height:60px;
	font-size:15px;
	border-radius: 0px 0px 0px 15px;
	background-color:#33333a; 
	color:white; 
	text-align:center;
	margin-top:4px;
}

#rom_olimp:hover{
	background-color:#e08404;
}

#baret_rom {
	float:left;
	width:152px;
	height:60px; 
	line-height:60px;
	font-size:14px;
	border-radius: 0px 0px 0px 0px;
	background-color:#33333a; 
	color:white; 
	text-align:center;
	margin-top:4px;
	
}

#baret_rom:hover{
	background-color:#e08404;
}

#baret_romteh {
	float:left;
	width:340px;
	height:60px; 
	line-height:60px;
	font-size:20px;
	border-radius: 0px 0px 0px 0px;
	background-color:#33333a; 
	color:white; 
	text-align:center;
	margin-top:4px;
	
}

#baret_romteh:hover{
	background-color:#e08404;
}

#subiect_rom {
	float:left;
	width:132px;
	height:60px; 
	line-height:60px;
	font-size:14px;
	border-radius: 0px 0px 15px 0px;
	background-color:#33333a; 
	color:white; 
	text-align:center;
	margin-top:4px;
}

#subiect_rom:hover{
	background-color:#e08404;
}

#olimpiada_rom {
float:left; 
width:900px; 
height:235px; 
border-radius:15px 15px 0px 0px; 
margin-top:30px;
}

#olimpiada_en {
float:left; 
width:900px; 
height:250px; 
border-radius:15px 15px 0px 0px; 
margin-top:30px;
margin-left:100px;
}

#clasaexam_rom{
float:left;
 width:350px;
 height:60px;
 line-height:60px;
 font-size:25px;
 border-radius: 15px ;
 background-color:#33333a;
 color:white;
 text-align:center;
 margin-top:20px;
}

#clasaexam_rom:hover{
background-color:#e08404;
}

#rom_olim {
	float:left;
	width:200px;
	height:80px; 
	line-height:80px;
	font-size:20px;
	border-radius: 0px 0px 0px 15px;
	background-color:#33333a; 
	color:white; 
	text-align:center;
	margin-top:4px;
}


#rom_olim:hover{
	background-color:#e08404;
}
	
	#baret_ro {
	float:left;
	width:200px;
	height:80px; 
	line-height:80px;
	font-size:20px;
	border-radius: 0px 0px 0px 0px;
	background-color:#33333a; 
	color:white; 
	text-align:center;
	margin-top:4px;
	
}

#baret_ro:hover{
	background-color:#e08404;
}

#subiect_ro {
	float:left;
	width:200px;
	height:80px; 
	line-height:80px;
	font-size:20px;
	border-radius: 0px 0px 15px 0px;
	background-color:#33333a; 
	color:white; 
	text-align:center;
	margin-top:4px;
}

#subiect_ro:hover{
	background-color:#e08404;
}


#rom_olima {
	float:left;
	width:176px;
	height:60px; 
	line-height:60px;
	font-size:16px;
	border-radius: 0px 0px 0px 15px;
	background-color:#33333a; 
	color:white; 
	text-align:center;
	margin-top:4px;
}

#rom_olima:hover{
	background-color:#e08404;
}
	
	#baret_roa {
	float:left;
	width:176px;
	height:60px; 
	line-height:60px;
	font-size:16px;
	border-radius: 0px 0px 0px 0px;
	background-color:#33333a; 
	color:white; 
	text-align:center;
	margin-top:4px;
	
}

#baret_roa:hover{
	background-color:#e08404;
}



#baret_en {
	float:left;
	width:176px;
	height:60px; 
	line-height:60px;
	font-size:16px;
	border-radius: 0px 0px 0px 0px;
	background-color:#33333a; 
	color:white; 
	text-align:center;
	margin-top:4px;
	margin-left:100px;
	
}

#baret_en:hover{
	background-color:#e08404;
}

#subiect_roa {
	float:left;
	width:180px;
	height:60px; 
	line-height:60px;
	font-size:16px;
	border-radius: 0px 0px 15px 0px;
	background-color:#33333a; 
	color:white; 
	text-align:center;
	margin-top:4px;
}
#subiect_roa:hover{
	background-color:#e08404;
}

#subiect_roateh {
	float:left;
	width:276px;
	height:60px; 
	line-height:60px;
	font-size:20px;
	border-radius: 0px 0px 15px 0px;
	background-color:#33333a; 
	color:white; 
	text-align:center;
	margin-top:4px;
}
#subiect_roateh:hover{
	background-color:#e08404;
}

#clasaexam_roma{
float:left;
 width:450px;
 height:60px;
 line-height:60px;
 font-size:25px;
 border-radius: 15px ;
 background-color:#33333a;
 color:white;
 text-align:center;
 margin-top:20px;
}

#clasaexam_roma:hover{
background-color:#e08404;
}

#clasaexam_en{
float:left;
 width:450px;
 height:260px;
 line-height:260px;
 font-size:25px;
 border-radius: 15px ;
 background-color:#09374d;
 color:white;
 text-align:center;
 margin-top:20px;
 border-radius: 10px 10px 10px 10px;
}

#clasaexam_en:hover{
background-color:#e08404;
}

#clasaexam_enrez{
float:left;
 width:400px;
 height:260px;
 line-height:40px;
 font-size:25px;
 border-radius: 15px ;
 background-color:#09374d;
 color:white;
 text-align:center;
 margin-top:20px;
 margin-left:-160px;
 border-radius: 10px 10px 10px 10px;
}

#clasaexam_enrez:hover{
background-color:#e08404;
}

#clasaexam_enrezinit{
float:left;
 width:400px;
 height:150px;
 line-height:50px;
 font-size:25px;
 border-radius: 15px ;
 background-color:#09374d;
 color:white;
 text-align:center;
 margin-top:20px;
 margin-left:-160px;
 border-radius: 10px 10px 10px 10px;
}

#clasaexam_enrezinit:hover{
background-color:#e08404;
}

#clasaexam_enrezinited{
float:left;
 width:400px;
 height:150px;
 line-height:50px;
 font-size:20px;
 border-radius: 15px ;
 background-color:#09374d;
 color:white;
 text-align:center;
 margin-top:20px;
 margin-left:-160px;
 border-radius: 10px 10px 10px 10px;
}

#clasaexam_enrezinited:hover{
background-color:#e08404;
}

#clasaexam_enteh{
float:left;
 width:400px;
 height:260px;
 line-height:260px;
 font-size:25px;
 border-radius: 15px ;
 background-color:#09374d;
 color:white;
 text-align:center;
 margin-top:20px;
 margin-left:-160px;
 border-radius: 10px 10px 10px 10px;
}

#clasaexam_enteh:hover{
background-color:#e08404;
}

#rcorners1 {
  border-radius: 25px;
  background: #f7a305;
  width: 900px;
  height: 100px;
  text-align:left; 
  font-size:30px; 
  line-height:100px;
  padding:20PX;
    
}

#arhiva_bac{
	float:left;
	width:405px;
	height:50px;
	background-color:#3537c4;
	line-height:50px;
	text-align:center;
	color:white;
	border-radius:20px;
	font-size:25px;
}
#arhiva_bac:hover{
	background-color:#e08404;
}

#descarca{
	
	float:right;
	width:900px;
	height:80px;
	background-color:#3537c4;
	line-height:80px;
	text-align:center;
	color:white;
	border-radius:20px;
	font-size:25px;
	margin-bottom:50px;
}
#descarca:hover{
	background-color:#e08404;
}

#titluSOS{
	width:100%; clear:both; align-self:auto; min-height:120px; size:40px; margin-left:auto; margin-right:auto; line-height:120px; background-color:#071f42;
}

#titlu{
	min-width: 1100px;
	height:120px;
	clear: both;
	line-height: 120px;
	align-self: auto;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #cccccc;
	margin-top: 0px;
}
body {margin:0;font-family:Arial}

.topnav {
  overflow: hidden;
  background-color: #333;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.active {
  background-color: #04AA6D;
  color: white;
}

.topnav .icon {
  display: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

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

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #555;
  color: white;
}

.dropdown-content a:hover {
  background-color: #ddd;
  color: black;
}

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

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}
#rom_olimpteh {
	float:left;
	width:276px;
	height:60px; 
	line-height:60px;
	font-size:20px;
	border-radius: 0px 0px 0px 15px;
	background-color:#33333a; 
	color:white; 
	text-align:center;
	margin-top:4px;
}

#rom_olimpteh:hover{
	background-color:#e08404;
}
.navigatie_sus{
	background: WHITE;
	text-align:center;
	position:ABSOLUTE;
	box-sizing: border-box;
	width:100%;
	text-decoration:none;
}

.navigatie_sus ul{
	display: inline-flex;
	color: black;
	text-decoration:none;
}

.navigatie_sus ul li{
width:auto;
height:20px;  
padding:15px;
text-decoration:none;
}

.navigatie_sus ul li a{
text-decoration:none;
color:BLACK;
}

.navigatie_sus ul li:hover{
		border-radius:3px;
		text-decoration:none;
}

.navigatie_sus .fa {
	margin-right:8px;
	text-decoration:none;
}

.navigatie_sus ul li a:hover{
	color:green;
	border-radius:3px;
	text-decoration:none;
}


.meniu_1 {
display:none;
}

.navigatie_sus ul li:hover .meniu_1{
display:block;
position:absolute;

background: WHITE;
text-align:left;
}

.meniu_1 ul li{
	display:block;
background: WHITE;
text-align:left;
}

.navigatie_sus ul li:hover .meniu_1 ul{
display:block;
margin:10px;
border-bottom: 1px dotted #fff;
background: transparent;
border-radius:0px;
text-align:left;
}
.fa-angle-right{
	float:right;
	padding-left:10px;
	
}
.siteInfo1{
	width:100%;
	height:150px;
		text-align:center;
		font-size: 40px;
	color: white;
	background-color:#071f42;
	box-sizing: border-box;
	
		}
@media only screen and (max-width:800px) {
  /* For tablets: */
  .siteInfo1 {
    width: 80%;
	height:100%;
    padding: 0;
box-sizing: border-box;
  }
  
}
@media only screen and (max-width:500px) {
  /* For mobile phones: */
  .siteInfo1 {
    width: 100%;
	box-sizing: border-box;
  }
}

/* HTML: <div class="parallelogram"></div> */
#parallelogram {
  --p: 50px; /* control the shape (can be percentage) */
  height: 180px;
  aspect-ratio: 3/2;
  clip-path: polygon(var(--p) 0,100% 0,calc(100% - var(--p)) 100%,0 100%);
  background: #D95B43;
}

#rom_olimpteh_25 {
	float:left;
	width:221px;
	height:60px; 
	line-height:30px;
	font-size:20px;
	border-radius: 0px 0px 0px 15px;
	background-color:#33333a; 
	color:white; 
	text-align:center;
	margin-top:4px;
}

#rom_olimpteh_25:hover{
	background-color:#e08404;
}

#baret_romteh_25 {
	float:left;
	width:221px;
	height:60px; 
	line-height:60px;
	font-size:20px;
	border-radius: 0px 0px 0px 0px;
	background-color:#33333a; 
	color:white; 
	text-align:center;
	margin-top:4px;
	
}

#baret_romteh_25:hover{
	background-color:#e08404;
}

#subiect_roateh_25 {
	float:left;
	width:221px;
	height:60px; 
	line-height:60px;
	font-size:20px;
	border-radius: 0px 0px 15px 0px;
	background-color:#33333a; 
	color:white; 
	text-align:center;
	margin-top:4px;
}
#subiect_roateh_25:hover{
	background-color:#e08404;
}

#bordura{
	float:left;
	width:300px;
	height:300px;
	border: 5px solid gold;
	border-top-style:hidden;
	border-left-style:hidden;
	border-right-style:hidden;
	
	
}

#bordura:hover{
	border: 5px solid blue;
	border-top-style:hidden;
	border-left-style:hidden;
	border-right-style:hidden;
	
	
}

#bordura img{
	display: block;
  margin: auto;
  
	
}

#bordura1{
	float:left;
	width:300px;
	height:250px;
	border: 5px solid gold;
	border-top-style:hidden;
	border-left-style:hidden;
	border-right-style:hidden;
	
	
}

#bordura1:hover{
	border: 5px solid blue;
	border-top-style:hidden;
	border-left-style:hidden;
	border-right-style:hidden;
	
	
}

#bordura1 img{
	display: block;
  margin: auto;
  
	
}

#bordura2{
	float:left;
	width:300px;
	height:250px;
	border: 5px solid gold;
	border-top-style:hidden;
	border-left-style:hidden;
	border-right-style:hidden;
	
	
}

#bordura2:hover{
	border: 5px solid blue;
	border-top-style:hidden;
	border-left-style:hidden;
	border-right-style:hidden;
	
	
}

#bordura2 img{
	display: block;
  margin: auto;
  
	
}

#principalus{
	width:1100px; margin-left:auto; margin-right:auto; margin-top:40px; 
    background: linear-gradient(to bottom, #ccffff 0%, #ffffff 100%);
}

.dropdown-menu li {
position: relative;
}
.dropdown-menu .dropdown-submenu {
display: none;
position: absolute;
left: 100%;
top: -7px;
}
.dropdown-menu .dropdown-submenu-left {
right: 100%;
left: auto;
}
.dropdown-menu > li:hover > .dropdown-submenu {
display: block;
}






.active, .bara-meniu ul li:hover{
background: transparent;
border-radius: 3px;



}
	
.bara-meniu
{
	
	width:auto;
	overflow: hidden;
	background-color:#666;
	color:black;
text-align: center;
height:80px;
white-space: nowrap;
}



.bara-meniu ul
{display: inline-flex;
overflow: hidden;
overflow-x: auto;
list-style: none;
line-height:40px;
font-size:16px;
color:white;
}

.bara-meniu ul:hover
{display: inline-flex;
overflow: hidden;
overflow-x: auto;
list-style: none;
line-height:40px;
font-size:16px;
color:orange;
}

.bara-meniu ul li{
	width:auto;
	
	margin:15px;
	padding:5px; 
	color:white;
		
}

.bara-meniu ul li:hover{
	width:auto;
	
	
	color:orange;
		
}
*
{
	padding:0;
	margin: 0;
box-sizing:border-box;}

.bara-meniu ul li a{
	text-decoration: bold;
	color:white;

}

.bara-meniu ul li a:hover{
background: transparent;
border-radius: 3px;
text-decoration: bold;
color: orange;

}

.bara-meniu .fa {
	margin-right:4px;
	
}

.fa fa-angle-down{
	float:right;
}

.fa fa-angle-right{
	float:right;
}

.bara-meniu .fa-solid{
	margin-right:8px;
}

.m1{
	display:none;
}

.m1 ul{
	line-height:15px;
	height:auto;
	}
	
.m1 ul li{
	line-height:15px;
	height:20px;
	
	}
	
.m1 ul li a{
	text-decoration: bold;
	color:white;
	width:auto;
}

.bara-meniu ul li:hover .m1 
{
	display:block;
	position:ABSOLUTE;
	background: grey;
	margin-top:-10px;
	
	text-decoration:none;
	z-index:1;
	}
	
.bara-meniu ul li:hover .m1 ul 
{
display:block;   
margin:0px;
color:white;

}


 .m1 ul li {
	min-width:200px;
	padding:10px;
	background: transparent;
	border-radius: 0;
	text-align:left;
	color:white;
	}

.m2{
	display:none;
}

.treci-cu-mouse:hover .m2 {
	
	position:ABSOLUTE;
	display:block;
	margin-top:-40px;
	margin-left:190px;
	background:grey;
	z-index:1;
	
}

#buget a{
	color:black;
	
	
}

#buget:hover{
	color:blue;
	background-color:orange;
	
}


#bordura3{
	float:left;
	width:200px;
	height:150px;
	border: 5px solid gold;
	border-top-style:hidden;
	border-left-style:hidden;
	border-right-style:hidden;
	
	
}

#bordura3:hover{
	border: 5px solid blue;
	border-top-style:hidden;
	border-left-style:hidden;
	border-right-style:hidden;
	
	
}

#bordura3 img{
	display: block;
  margin: auto;
  
	
}

#bordura4{
	float:center;
	width:300px;
	height:300px;
	border: 5px solid gold;
	border-top-style:hidden;
	border-left-style:hidden;
	border-right-style:hidden;
	margin:auto;
	
	
}

#bordura4:hover{
	border: 5px solid blue;
	border-top-style:hidden;
	border-left-style:hidden;
	border-right-style:hidden;
	
	
}

#bordura4 img{
	display: block;
  margin: auto;
  
	
}

#trec_peste_1{
	width:900px; height:40px; font-size:20px; font-style:bold; line-height:20px; 
}

#trec_peste_1 a:hover{
	width:900px; height:40px; font-size:20px; font-style:bold; line-height:20px;  color:orange; background-color:transparent;
}

#trec_peste_2{
	width:900px; height:40px; font-size:20px; font-style:bold; line-height:40px; 
}

#trec_peste_2 a:hover{
	width:900px; height:40px; font-size:20px; font-style:bold; line-height:40px;  color:orange; background-color:transparent;
}

#tut a:hover{
	border:1 px solid orange;
	
}
#link_pagina{
	float:left; width:100px; height:30px; font-size:30px;  border-radius:3px; 
}


#numar_pagina{
float:left;
margin-left:10px;
width:30px;
height:40px;
line-height:40px;
font-size:30px;
background-color:grey;
border-radius:5px;
color:white;	
text-align:center;
}

#numar_pagina_activ{
float:left;
margin-left:10px;
width:30px;
height:40px;
line-height:40px;
font-size:30px;
background-color:orange;
border-radius:5px;
color:white;	
text-align:center;
}