@charset "utf-8";
/* CSS Document */

/**
	CSS RESET for all browsers
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight: inherit;font-style: inherit;font-size:100%;font-family: inherit;vertical-align:baseline;}:focus {outline:0;}body {line-height:1;color:black;background: white;}ol,ul {list-style: none;}table {border-collapse: separate;border-spacing:0;}caption,th,td {font-weight: normal;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote,q {quotes: "" "";}a{text-decoration:none;}

/**	CSS Declaration */



/*	GENERAL Declaration	*/
.green, .vmax, .cmin {
	color: #1B0;
}
.red, .vmin, .cmax {
	color: #F22;
}
.align-left {
	text-align: left;
}
.align-right {
	text-align: right;
}
.align-center {
	text-align: center;
}
td.val {
	width: 10%;
}
td.num {
	width: 40%;
	text-align: left;
}
td.symb {
	text-align: center;
	font-weight: bold;
}




body {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	padding: 1%;
}

/*	Header style */
#header {
	display: block;
	width: 100%;
}
	#logo {
		display: block;
		float: left;
		height: 125px;
		width: 350px;
		vertical-align:baseline;
	}
	#logo_right {
		display: block;
		height: 105px;
		width: 740px;
		margin-left:400px;
		padding-top:20px;
		vertical-align:baseline;
	}
	#navbar {
		display: block;
		width: 100%;
		height: 46px;
		background: transparent url(images/nav-left.jpg) no-repeat left center;
		cursor: default;
		
	}
		#navbar ul {
			background: transparent url(images/nav-right.jpg) no-repeat right center;
			display: block;
			height: 46px;
			padding: 0px 0px;
			text-align: right;
			padding: 0px 20px;
		}
		#navbar ul li{
			display: inline;
			line-height: 45px;
			font-size: 12px;
			font-weight: bold;

		}
		#navbar ul li a {
			padding: 7px 11px !important;
			color: #FFF;
			font-family: Arial, sans-serif;
			text-transform: uppercase;
			border: 0px solid #216FB1 !important;
			
		}
		#navbar ul li a:hover {
			padding: 6px 10px !important;
			background: #F93 url(images/nav-hover.jpg) top left no-repeat;
			border: 1px solid #216FB1 !important;
		}
/*	End of HEADER style	*/


/*		MAIN style	*/
#main {
	padding: 0px 5px;
	float: right;
}
	#main-messages {
		display: block;
		width: 100%;
	}
		#main-messages p {
			background: #FFDDDD;
			padding: 10px;
			font-size: 12px;
			font-weight: strong;
			
		}
	
	#left-side {
		padding: 10px 4px;
		display: block;
		width: 230px;
		float: left;
	}
		.left-box {
			display: block;
			padding-bottom: 30px;
		}
		.left-box-title {
			display: block;
			height: 24px;
			line-height: 24px;
			font-size: 14px;
			font-weight: bold;
		 	color: #FFF;
			padding: 5px;
			overflow: hidden;
			background: transparent url(images/left-box.jpg) no-repeat left center;
		}
		.left-box-table {
			padding: 4px;
		}
		.left-box-table * {
			font-size: 12px;
	              
		}
		.left-box-table td {
			padding: 2px 4px 2px 10px;
		}
		.left-box input {
			width: 90%;
		}
	
		
	#main-side {
		padding: 10px 4px;
		display: block;
		margin-left: 250px;
	}
		.main-side-title {
			padding: 10px 2px;
			color: #F63;
			font-size: 16px;
			font-weight: bold;
		}
		
	       .stiri-box {
			padding: 10px;
			background: #F7F7F7 url(images/main-box-bg.jpg) top right no-repeat;
			font-size: 10px;
		}	
			.stiri-box-title {				
				padding: 5px 0px 10px 0px;
				color: #069;
				font-size: 10px;
				text-align: justify;
			}
			.stiri-box a {
				color: #069;;
			}
			.stiri-box a:hover {
				color: #069;;
			}
			.stiri-box p {
				font-size: 10px;
				line-height: 20px;
				text-indent: 10px;
			}
	
			.stiri-box table {
				width: 100%;
				text-align: right;
		}
	
		.main-box {
			padding: 10px;
			background: #F7F7F7 url(images/main-box-bg.jpg) top right no-repeat;
			font-size: 12px;
		}	
			.main-box-title {
				padding: 5px 0px 10px 0px;
				color: #069;
				font-size: 12px;
				font-weight: bold;
			}
			.main-box a {
				font-weight: bold;
				color: #555;
			}
			.main-box a:hover {
				color: #F93;
			}
			.main-box p {
				font-size: 13px;
				line-height: 20px;
				text-indent: 10px;
			}
	
		.main-box table {
			width: 100%;
			text-align: right;
		}
		.half-box {
			display: block;
			width: 48%;
			padding: 0.5% 0.5%;
			float: left;
		}
			.half-box-title {
				display: block;
				height: 25px;
				overflow: hidden;
				font-size: 14px;
				font-weight: bold;
				color: #069;
				padding: 5px 0px
			}
			.half-box-fixed-info {
				display: block;
				height: 75px;
				overflow: hidden;
			}
			.half-box table {
				width: 100%;
			}
			.half-box p {
				padding: 3px 2px;
			}
			.half-box label {
				display: block;
				width: 120px;
				float: left;
				font-size: 10px;
			}
			.submit {
				text-align: center;
			}
		
		#main-side p{
			font-size: 14px;
			color: #555;
			text-indent: 20px;
			line-height: 20px;
		}
		#main-side a{
			color: #069;
			font-weight: bold;
		}
		#main-side a:hover{
			color: #F63;
		}
		
		.main-side-table {
			width: 100%;
			cursor: default;
		}
		div#main-side table tr td {
			padding: 3px;
			font-size: 13px;
		}
		div#main-side table tr td.month {
			text-align: right;
		}
		div#main-side table tr td.simbol {
			text-align: center;
			font-weight: bold;
		}
		div#main-side table tr td.valoare {
			text-align: right;
			font-size: 14px;
			font-weight: bold;
		}
		div#main-side table tr td a {
			color: #069;
			font-weight: bold;
			padding: 0px 3px;
		}
		div#main-side table tr td a:hover {
			background: #069;
			color: #FFF;
		}
		div#main-side div.bank {
			font-size: 13px;
			
		}
		div#main-side div#main-side-subtitle {
			color: #069;
			font-size: 14px;
			line-height: 25px;
			font-weight: bold;
		}
		div#main-side div#main-side-subtitle a{
			color: #069;
		}
		div#main-side div#main-side-subtitle a:hover{
			color: #069;
		}
	
		.main-side-table {
			padding: 3px;
			border: 1px solid #ddd;
			width: 100%;
			font-size: 10px;
			margin-top: 10px;
		}
		.main-side-table tr th {
			padding: 3px;
			font-weight: bold;
		}
		.main-side-table tr td {
			border: .5px solid #ddd;
		}
	
	
		table#lista-valute {
			padding: 3px;
			border: 1px solid #ddd;
			clear: both;
			width: 100%;
			font-size: 10px;
		}
		#lista-valute tr th {
			padding: 3px;
			font-weight: bold;
		}
		#lista-valute tr td {
			border: .5px solid #ddd;
		}
		table#custom-graph *{
			font-size: 12px;
		}
		table#custom-graph tr td {
			padding: 5px;
		}
		table#custom-graph tr td.label {
			width: 20%;
			
		}
		table#custom-graph tr td.input {
			text-align: center;
		}
		table#custom-graph tr td.input input, table#custom-graph tr td.input select {
			width: 200px;
		}
		table#custom-graph tr td.input input.date-picker {
			text-align: center;
			font-weight: bold;
			letter-spacing: 1px;
		}
		table#custom-graph tr td.input a {
			position: relative;
			top: 2px;
			left: 5px;
		}
		
	
	div.chart {
		display: block;
		float: left;
		padding-top: 10px;
		text-align: center;
	}
	div.chart div.chart-title {
		padding: 5px;
		font-size: 13px;
		font-weight: bold;
		text-align: right;
	}
	
#copyright {
	clear: both;
	padding: 10px 20px;
	font-size: 10px;
	text-align: right;
	color: #555;
}