html,body {
	margin:0;
	padding:0
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	background-color: #0D4DA1;
	color: #FFF;
	background-image:url(imagini/harta.png);
	background-repeat: no-repeat;
	background-position: top center;
}

div#header {
	height: 140px;
	line-height: 140px;
	margin:0;
	background-image: url(imagini/header.png); 
	color: #79B30B;
	background-repeat: no-repeat;
}

div#logo {
	float: left;
	width: 300px;
	height: 140px;
	margin: 0;
}

div#info a {
	color: #FFF;
	text-decoration: none;
	font-size: 14px;
	font-weight:bold;
	font-family: Helvetica,Arial,Verdana,sans-serif;
}
div#info a:hover {
	color: #CCC;
	text-decoration: none;
	font-size: 14px;
	font-weight:bold;
	font-family: Helvetica,Arial,Verdana,sans-serif;
}

div#meniu_sus ul li a {
	color: #fff426;
	text-decoration: none;
	font-size: 14px;
	font-weight:bold;
	font-family: Tahoma, Geneva, sans-serif;
}

div#meniu_sus ul li a:hover {
	color: #FFF;
	text-decoration: underline;
	font-size: 14px;
	font-weight:bold;
	font-family: Tahoma, Geneva, sans-serif;
	background-color: #0D4DA1;
}

a {
	color: #79FFFF;
	text-decoration: none;
	font-size: 13px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica,
	sans-serif;
	
}

a:active, a:focus {
  outline: none;
}

a:hover {
	text-decoration: none;
	color: #FFF;
}

i {
	color: #FFF;
}

ul#menu{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:40px;
	text-transform:uppercase;
	font-size:13px;
	font-family:Helvetica,Arial,Verdana,sans-serif;
}

ul#menu li{
	display:block;
	float:left;
	margin:0;
	pading:0;
	}
	
ul#menu li a{
	display:block;
	float:left;
	color:#ffffff;
	text-decoration:none;
	padding:1px 13px 0px 13px;
	height:40px;

	}
	
ul#menu li a:hover{
	background:transparent url("images/blue.jpg") repeat-x top left;	
	}

p{
	margin:0 10px 10px;
	color: #FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}

table{
	width: 700px;
	spacing: 0 0 5px 0;
	/*margin-left:50px;*/
	border:0;	

}
td{color:black}

caption {
	padding: 0 0 5px 0;
	width: 630px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000;
	text-align: right;

}

th {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(imagini/bullet2.png) no-repeat;
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica,
	sans-serif;
	color:#79FFFF;
	
}

tr {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	font: 13px "Trebuchet MS", Verdana, Arial, Helvetica,
	sans-serif;
	color: #79FFFF;
	
}

h2{
margin-left:150px;
 
}

div#container{text-align:left}
div#content p{line-height:1.4}
div#navigation{ color:#FF0;}
div#extra{
	text-align: center;
	padding-top: 20px;}
div#footer{
	height: 165px;
	line-height: 165px;
	margin:0;
	background-image: url(imagini/footer.png);
	background-repeat: no-repeat;
	color: #79B30B
}


div#footer p{margin:0;padding:5px 10px}
div#container{width:1000px; height: 100%; margin:0 auto;}
div#content {
	color:black;
	float:right;
	width:700px;margin-right:20px;	
	background:#FFF
	
}
#content a{text-decoration: underline;color:black}
#content a:hover {text-decoration: underline;color:#0D4DA1}
i{font-weight:bold;color:black}
#content td{padding:0px 10px}

div#navigation{float:left;width:200px;padding-left:60px}
div#extra{float:left;clear:left;width:200px;padding-left:60px}
div#footer{clear:both;width:100%;}


a.button{
	background:url(imagini/buton/button.gif);
	display:block;
	color:#555555;
	font-weight:bold;
	height:30px;
	line-height:29px;
	margin-bottom:14px;
	text-decoration:none;
	width:191px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size:14px;
}
a:hover.button{
	color:#0066CC;
}
 
/* -------------------- */
/* CLASSES				*/
/* -------------------- */
	.add{
		background:url(imagini/buton/add.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.delete{
		background:url(imagini/buton/delete.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.user{
		background:url(imagini/buton/user.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.alert{
		background:url(imagini/buton/alert.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.msg{
		background:url(imagini/buton/msg.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.download{
		background:url(imagini/buton/download.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
 
	.lens{
		background:url(imagini/buton/lens.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.info{
		background:url(imagini/buton/info.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
.info{background:transparent !important;font-size:11px;border:none}
.info th{background:transparent !important;padding:10px;text-align:left;border:none}
.info h1{background:transparent !important;text-align:left;color:yellow;font-family:arial;font-size:16px}
.info p{background:transparent !important;text-align:left;color:white}