html { 
  background: url('../images/background_320.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/background_320.jpg', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/background_320.jpg', sizingMethod='scale')";  
}

body {
	font-family:'Open Sans', 'Helvetica', 'Arial', sans-serif;
//	text-align:center;
//	position:absolute;
	overflow:hidden;
}

h1 {
	font-size:1.2em;
	text-align:left;
	padding-top: 5px;
	margin-top:0px;
}

h2 {
	font-size:0.7em;
	text-align:left;
	padding-top: 5px;
	margin-top:0px;
}

h3 {
	font-size:0.8em;
	text-align:left;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top:0px;
}

p {
	text-align : justify;
	font-size:0.8em;
}

ul {
	list-style-position: inside;
	list-style-image: none;
	list-style-type: none;
	display : block;
}

li {
	text-indent: 0px;
	list-style-position: inside;
	list-style-image: none;
	list-style-type: none;
}


a {
	color: inherit;
	text-decoration:none;
}

a:visited {
	color: inherit;
}

a:focus {
	outline:none;
}

a:active {
	outline:none;
}

/* /////////////////////////// */
/* ///////// Background ////// */
/* /////////////////////////// */
#bg{
}

#bg { 
	position: fixed; 
	top: 0; 
	left: 0; 	
	z-index:-100;
}

.bgwidth { 
	width: 100%; 
}
.bgheight { 
	height: 100%; 
}


#anti_scrollbar{
//    width: 100%;
	position:relative;
	height:100%;
    max-height: 100%;
    overflow-y: auto;
	overflow-x: hidden;
    padding-right: 31px; /* Increase this value for cross-browser compatibility */
    margin-right: -31px; /* Increase this value for cross-browser compatibility */
}



/* /////////////////////////// */
/* ///////// Footer ////////// */
/* /////////////////////////// */
#footer{
	width:500px;
	left:0;
	right:0;
	margin:auto;
	height:33px;
	top:auto;
	bottom:5px;
	background:rgba(0,0,0,0.6);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	backdrop-filter: blur(5px);
	position:fixed;
	z-index: 999;
	color:white;
}



/* /////////////////////////// */
/* ///////// Header ////////// */
/* /////////////////////////// */
.socialmedia_wrapper {
	float:left;
	margin-left:20px;
	margin-top:5px;
}

.socialmedia_button {
	float:left;
	padding: 2px;
	margin: 2px;
	cursor:pointer;
}

.image_icon {
	max-width: 36px;
	max-height: 36px;
}

.header {
	//position:fixed;
	position:relative;
	width:100%;
	height:100px;
	margin: 0 auto;
	z-index: 999;
	min-width:1148px;
}

.header_sigla {
	position:absolute;
	//position:relative;
	display:block;
	height:100%;
	left:10%;
	top:0;
	//background: rgba(254,254,254,0.8);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.header_sigla:hover {
	background: rgba(0,0,0,0.2);
}

.header_menu {
	position:absolute;
	top:0;
	width:auto;
	right:10%;
	top:20px;
}

.header_button {
	position:relative;
	display:block;
	margin:0px 0px 0px 15px;
	padding:0px 15px;
	height:100%;
	width:4em;
	float:left;
	background: rgba(254,254,254,0.5);
	text-align:center;
	color:black;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	backdrop-filter: blur(5px);
}

.header_button:hover {
	background: rgba(254,254,254,1);
}

.header_button:active {
	background: rgba(100,100,100,0.5);
	color:white;
}

.header_button_text {
	display:block;
	position:relative;
	top:5px;
	width:4em;
	margin:0px auto;
	text-align:center;
}

.header_button_text_center {
	display:block;
	width:4em;
	margin:0 auto;
	padding:15px;
	margin-left:-15px;
	text-align:center;
	position: relative;
	text-decoration:none;
	font-size:1em;
	font-weight:600;
	//top: 50%;
	//-webkit-transform: translateY(-50%);
	//-ms-transform: translateY(-50%);
	//transform: translateY(-50%);
}


/* /////////////////////// */
/* /// mp3 play button /// */
/* /////////////////////// */
.center_play_button {
    position:absolute;
	height:10%;
	top:40%;
	left:50%;
}

.center_play_button_container {
    position:relative;
	left:-50%;
	cursor: pointer;
	//border:solid black 1px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	backdrop-filter: blur(5px);	
}

.center_play_button_container:hover {
background: rgba(0,0,0,0.3);
}


.button_top_container {
	display:none;
	position:absolute;
	width:80px;
	height:80px;
	top:10px;
	left:5px;
	cursor: pointer;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.button_top_container:hover {
	background: rgba(0,0,0,0.3);
}



/* /////////////////////// */
/* /// volume bar //////// */
/* /////////////////////// */
#volbar{
	position:fixed;
	left:-50px;
	top:50%;
	width:43px;
	height:30%;
	background-color:rgba(0,0,0,0.6);
	margin-top:-7%;
	z-index:1200;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
#volbar_bar{
	margin-left:12px;
	width:15px;
	height:80%;
	background-color:rgba(0,0,0,0.2);
	top:10%;
	border:2px solid rgb(130, 180, 76);
	position:relative;
	overflow:hidden;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
#volbar_slider{
	width:100%;
	height:0%;
	background-color:rgba(200,200,200,0.6);
	bottom:0px;
	left:0px;
	position:absolute;
	cursor:pointer;
}
.volbar_plus{
	position:absolute;
	top:3px;
	left:14px;
	margin:0px;
	width:15px;
	height:15px;
	line-height:15px;
	font-size:26px;
	text-align:center;
	background-color:rgba(200,200,200,0.6);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	cursor:pointer;
}

.volbar_minus{
	position:absolute;
	bottom:2px;
	left:13px;
	margin:0px;
	width:15px;
	height:15px;
	line-height:10px;
	font-size:26px;
	text-align:center;
	background-color:rgba(200,200,200,0.6);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	cursor:pointer;
}



/* /////////////////////// */
/* /// page overlay    /// */
/* /////////////////////// */
#overlay {
	background: rgba(254,254,254,0.5);
    color:#efefef;
    height:450px;
	width:200px;
	display:none;
}

.page_overlay, .page_overlay_2_left, .page_overlay_2_right, .page_overlay_3_left, .page_overlay_3_center, .page_overlay_3_right, .page_overlay_4_left, .page_overlay_4_leftc, .page_overlay_4_rightc, .page_overlay_4_right {
	position:absolute;
	top:180px;
	left:10%;
	padding: 1%;
	margin: 0.5%;
	background: rgba(0,0,0,0.5);
    color:#efefef;
    min-height:450px;
	width:77.5%;
	overflow-y:hidden;
	overflow-x:hidden;
	font-size:1em;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	backdrop-filter: blur(5px);
}

.page_overlay {
	font-size:1.2em;
	width:700px;
	left:0;
	right:0;
	margin:auto;
}

.page_overlay_2_left, .page_overlay_2_right {
	width:35%;
}

.page_overlay_2_right {
	left:52.5%;
}

.page_overlay_3_left, .page_overlay_3_center, .page_overlay_3_right {
	width: 22%;
}

.page_overlay_3_center {
	left:38%;
}

.page_overlay_3_right {
	left:66%;
}

.page_overlay_4_left, .page_overlay_4_leftc, .page_overlay_4_rightc, .page_overlay_4_right {
	top:220px;
	width: 13.5%;
	min-height: 250px;
	height:250px;
}

.page_overlay_4_leftc {
	left: 31.75%;
}

.page_overlay_4_rightc {
	left: 53%;
}

.page_overlay_4_right {
	left: 75.25%;
}


.page_overlay_flow {
	position:relative;
	float:left;
	padding: 1%;
	margin-right: 80px;
	margin-top:50px;	
	background: rgba(0,0,0,0.5);
    color:#efefef;
    height:250px;
	width:280px;
	overflow-y:hidden;
}

.distance_left {
	position:relative;
	float:left;
	width:10%;
	height:100%;
	width: -moz-calc(10%);
    width: -webkit-calc(10%);
    width: calc(10%);
}

.distance_top {
	position:relative;
	float:left;
	width:100% !important;
	height:280px;
	width: -moz-calc(10%);
    width: -webkit-calc(10%);
    width: calc(10%);
}

div.contentWrap {
    height:441px;
    overflow-y:auto;
}

/* /////////////////////// */
/* /// pagini continut /// */
/* /////////////////////// */
.content_title {
	position:absolute;
	left:55px;
	top:30px;
	font-size:1.2em;
	text-align:left;
	padding-top: 5px;
	margin-top:0px;	
}

.content_right_button {
	position:absolute;
	right:55px;
	top:37px;
	z-index:1000;
	display:block;
	margin:0px 0px 0px 15px;
	padding:0px 15px;
	width:4em;
	text-align:center;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	backdrop-filter: blur(5px);
	cursor: pointer;
}

.content_right_close {
	position:absolute;
	right:30px;
	top:32px;
	z-index:1000;
	display:block;
	cursor: pointer;
}

.content_right_button:hover {
	background: rgba(100,100,100,0.5);
}

.content_right_button:active {
	color: black;
	background: rgba(254,254,254,1);
}

.content_top_spacer_80 {
	margin-left:200px;
	position:relative;
	height:80px;
	width:600px;
}

.content_top_spacer_20 {
	margin-left:200px;
	position:relative;
	height:20px;
	width:600px;
}

.content_lista {
	background-color: rgba(254,254,254,0.1);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	backdrop-filter: blur(5px);	
	margin-left:5%;
	margin-bottom:2%;
	position:relative;
	height:auto;
	width:90%;
}

.content_lista_even {
	background-color: rgba(0,0,0,0.6);
}

.content_lista_even:hover {
	background-color: rgba(254,254,254,0.3);
}

.content_lista_odd {
	background-color: rgba(254,254,254,0.1);
}

.content_lista_odd:hover {
	background-color: rgba(254,254,254,0.3);
}

.content_lista img {
	width:100%;
	height:auto;
}

.content_lista a {
	color: rgb(102, 153, 204);
}

.content_lista a:hover {
	color: rgb(157, 188, 225);
	background-color: rgba(198, 217, 236, 0.2);
}


.content_stire_imagebox {
	margin:0px 20px 10px 20px;
	padding-top:20px;
}

.content_stire_text {
	margin-top:10px;
	margin-right:10px;
	padding:20px;
}

.content_stire_videobox {
	margin:-10px 20px 10px 20px;
	padding:0 0 40px 0;
}

.content_emisiuni_imagebox {
	float:left;
	width:23%;
	padding:0.8%;
}

.content_emisiuni_text {
	margin:5px 2%;
	float:left;
	width:71%;
}

.content_emisiuni_image_in_row {
	margin-bottom:7px;
}

// to delete
.emisiune_lista {
	background: rgba(254,254,254,0.1);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	backdrop-filter: blur(5px);	
}

// to delete
.emisiune_lista:hover {
	background: rgba(254,254,254,0.3);
}


.video_wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.video_wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.content_playlist_date {
	margin-left:43px;
	font-size:1.2em;
	text-align:left;
	padding: 0 0 15px 0;
}

.content_playlist_text {
	margin:5px 2%;
	float:left;
	width:71%;
}

.stire_individuala {
	background: rgba(254,254,254,0.1);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	backdrop-filter: blur(5px);	
}

.muzica_lista {
	margin:5px;
	background: rgba(254,254,254,0.1);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	backdrop-filter: blur(5px);	
	margin-left:20%;
	position:relative;
	//height:100px;
	width:78%;	
	font-size:0.8em;
}

.muzica_lista:hover {
	background: rgba(254,254,254,0.3);
}


.podcast_lista {
	margin:5px;
	background: rgba(254,254,254,0.1);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	backdrop-filter: blur(5px);	
	margin-left:30%;
	position:relative;
	//height:100px;
	width:68%;	
	font-size:0.8em;
}

.podcast_lista:hover {
	background: rgba(254,254,254,0.3);
}

.podcast_download_button {
	background-image: url("../images/download_file_greenwhite.png");
	background-size: 30px;
	background-repeat: no-repeat;
	float:right;
	margin: 37px 5px 0 0;
	width:30px;
	height:25px;"	
}

.podcast_download_button:hover {
	background-image: url("../images/download_file_green.png");
}

.podcast_download_button:active {
	background-image: url("../images/download_file_greenwhite.png");
}

.news_echipa{
	height:180px;
	position:absolute;
	top:10px;
	right:10px

}

.news_echipa_membru{
	float:left;
	text-align:center;
}

.news_echipa_poza{}

.news_echipa_image {
	height:150px;
}

.news_echipa_text{
	text-align:center;
}


/* /////////////////////// */
/* /// timeline        /// */
/* /////////////////////// */

#timeline {
	//width:8640px;
	width:4320px;
	height:70px;
	position:absolute;
	left:0px;
	top:0px;
	background: rgba(254,254,254,0.8);
	margin-left:0px;
	font-size:0.8em;
}

#timeline_container {
	height:70px;
	position:absolute;
	left:0;
	top:10px;
	width:100%;
	z-index:40;
	overflow:hidden;
	-webkit-border-radius: 6px;	
	-moz-border-radius: 6px; 
	border-radius: 6px;
}

/* /////////////////////// */
/* /// bara muzica     /// */
/* /////////////////////// */
.muzica_title {
	margin:5px 0px;
	padding:5px;
	//background: rgba(0,0,0,0.8);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	backdrop-filter: blur(5px);	
	position:relative;
	height:40px;
	width:100%;	
	text-align:center;
	font-size:1.2em;
}

.muzica_buton {
	margin:5px 0px;
	padding:5px;
	background: rgba(0,0,0,0.2);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	backdrop-filter: blur(5px);	
	position:relative;
	height:30px;
	width:100%;	
	text-align:center;
	cursor:pointer;
}

.muzica_buton:hover {
	background: rgba(254,254,254,0.3);
}

.muzica_buton_activ {
	background: rgba(254,254,254,0.3);
}

.podcast_buton {
	height:25px;
	margin:3px 0px;
	padding:3px;
}









// administrare


* {
	margin : 0px;
	padding : 0px;
}

#page_wrapper{
	position:relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	margin : 0px auto;
	background-color:#EDEDED;
	width:930px;
	
}

#body_wrapper{
	padding-bottom: 110px; /* bottom padding for footer */
	width:100%;
	background-color:#EDEDED;
}



#content_wrapper{
	position:relative;
	padding-left:40px;
	padding-bottom:20px;
}

#horizontal_menu {
	overflow:hidden;
	background-color:#D2D2D2;
	//color:#EDEDED;
	height:1.8em;
	font-size : 100%;
}

.horizontal_menu_left {
	max-height: 1.25em;
	float: left;
	margin-top:6px;
	margin-bottom:-6px;
	margin-left:210px;
	height: 100%;
}


.horizontal_menu_button {
	text-decoration:none;
	font-family:Arial;
	font-size:0.75em;
	font-weight:bold;
	background-color:#305479;
	color:#EDEDED !important;
	padding:0.416667em;
	height:0.83333em;
}

.horizontal_menu_button:hover {
	background-color:#EDEDED;
	color:#305479 !important;
	box-shadow: 0.125em 0.125em 0.125em rgba(0,0,0,0.1) inset;
}

.horizontal_menu_button_pressed{
	background-color:#EDEDED;
	color:#305479 !important;
}

.vertical_line_right {
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	width: 5px;
	padding:0px;
	margin:0px;
	background-color:#D2D2D2;
}

/* --- EDIT --- */
.dataentry {
	font-family:Arial;
	font-size:14px;
	line-height:23px;
	width:auto;
	text-align:left;
	background-color:#FFFFB0;
}

.red-button {
	background-color: rgb(97, 57, 157);
	padding:2px;
	width:30px;
	border: 1px solid #BA0202; 
	color: white; 
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	cursor:pointer;
	font-size: 9px;
	-webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}

.red-button:hover {
	text-decoration:none;
	box-shadow: rgba(0,0,0,0.1) 0px 1px 1px ;
	-moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 1px ;
	background-color: red;
}

.red-button:active {
	background-color: rgb(97, 57, 157);
}

/* UPLOAD IMAGE PANEL */
.upload_image {
	z-index:1000;
	display:none;
	position:absolute;
	background-color:rgb(210,210,210);
	top:-2px;
	margin-left:-10px;
}
.upload_close {
	position:absolute;
	width:30px;
	height:30px;
	top:50px;
	left:140px;
	cursor:pointer;
	display:inline;
	background-image: url('../images/delete.png');
	//background-color: red;
	z-index:1010;
}
.upload_frame {
	position:absolute;
	background-color:grey;
	z-index:1005;
	height:400px;
	width:600px;
	border-width: 0px;
	border:none;
	top:50px;
	margin:0 140px;
}

/* /// UPLOAD IMAGE PANEL /// */