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

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

body {
	background:#4E9CE4 url(/i/bg.png) repeat-x;
	font-family:"Segoe UI", Arial, Helvetica, sans-serif;
	font-size:62.5%;
	}

body a {
	outline:none;
	color:#090;
	font-weight:bold;
	text-decoration:none;
	}

body a:hover {
	text-decoration:underline;
	color:#0c0;
	}

#container {
	width:820px;
	margin:10px auto;
	font-size:1.2em;
	color:#069;
	}

#container ul#meniu {
	height:40px;
	width:400px;
	margin:0 auto;
	padding:0;
	}

#container ul#meniu li {
	display:inline;
	list-style-type:none;
	}

#container ul#meniu li a {
	display:block;
	height:40px;
	float:left;
	background:url(/i/meniu.png);
	text-indent:-9999px;
	}

#container ul#meniu li#m01 a {width:142px; }
#container ul#meniu li#m02 a {width:147px; background-position:-142px 0;}
#container ul#meniu li#m03 a {width:111px; background-position:-289px 0;}

#container ul#meniu li#m01 a:hover {width:142px; background-position:   0   -40px;}
#container ul#meniu li#m02 a:hover {width:147px; background-position:-142px -40px;}
#container ul#meniu li#m03 a:hover {width:111px; background-position:-289px -40px;}


#container h1 {
	width:520px;
	margin:15px auto 22px;
	}

#container h1 a {
	display:block;
	text-decoration:none;
	color:#fff;
	font-weight:normal;
	text-align:center;
	/*
	background:url(/i/biblioteca.png);
	_background:url(/i/biblioteca.gif);
	text-indent:-9999px;
	*/
	height:100%;
	width:100%;
	}
#contentH {
	width:820px;
	height:20px;
	background:url(/i/main_h.png) no-repeat;
	_background:url(/i/main_h.gif) no-repeat;
	float:left;
	}

#content {
	width:820px;
	background:url(/i/main_c.png) repeat-y;
	_background:url(/i/main_c.gif) repeat-y;
	padding:0; margin:0;
	float:left;
	}

#contentInside {
	margin:0 20px;
	}

#contentF {
	width:820px;
	height:20px;
	background:url(/i/main_f.png) no-repeat;
	_background:url(/i/main_f.gif) no-repeat;
	float:left;
	}

#content h2 {
	margin:0;
	}

#titluri {
	width:320px;
	float:left;
	margin-right:10px;
	background:url(/i/separator.png) top right no-repeat;
	padding-right:10px;
	}
	
#cautari {
	width:210px;
	float:left;
	margin-right:10px;
	background:url(/i/separator.png) top right no-repeat;
	padding-right:10px;
	}	

#autentificare {
	width:210px;
	float:right;
	}

div.titluri {
	margin:5px 0;
	}

div.titluri p {
	margin:0;
	}

div.cloud {
	margin:5px 0;
	color:#aaa;
	}
	
div.cloud a {
	font-weight:normal;
	color:#aaa;
	}	

div.cloud a:hover {
	font-weight:normal;
	text-decoration:none;
	color:#0c0;
	}	

div.infoPanel {
	border:1px solid #ccc;
	padding:5px 5px 5px 60px;
	background:#fafaf8 url(/i/comment_48.png) 5px center no-repeat;
	margin:5px 0;
	font-size:1.3em;
	}

div.err {
	border:2px solid #CC0000;
	padding:5px 5px 5px 60px;
	background:#fafaf8 url(/i/warning_48.png) 5px center no-repeat;
	margin:5px 0;
	font-size:1.3em;
	}

div.err ul {
	margin-left:3em;
	font-size:80%;
	}

div.msg {
	border:2px solid #00CC00;
	padding:5px;
	background:#fafaf8;
	margin:5px 0;
	font-size:1.3em;
	color:#009900;
	}

div.attn {
	border-right:1px solid #8db2e3;
	padding:5px 5px 5px 30px;
	background:#fafaf8 url(/i/warning_16.png) 5px center no-repeat;
	}


/* formular */
form.normal {
	margin-top:5px;
	}

form.normal label {
	width:100px;
	float:left;
	margin-right:10px;
	margin-bottom:5px;
	padding:3px 0;
	text-align:right;
	color:#999;
	line-height:1.6em;
	}

form.normal label img {
	vertical-align:bottom;
	}
	
form.normal br {
	clear:both;
	}

form.normal input, form.normal select, form.normal textarea {
	padding:2px;
	margin-bottom:4px;
	font-family:"Segoe UI", Arial, Helvetica, sans-serif;
	border:1px solid #ccc;
	float:left;
	margin-right:5px;
	font-size:1em;
	width:420px;
	}

form.normal input:focus, form.normal select:focus, form.normal textarea:focus {
	border:1px solid #90b557;
	background:#fafaf8;
	}

form.normal textarea {
	height:2.5em;
	}

form.normal select {
	padding:1px;
	width:160px;
	}

form.normal .dataI {
	width:90px;
	background:#fff url(/i/calendar.png) right center no-repeat;
	}

form.normal .oreI {
	width:2em;
	text-align:right;
	}

form.normal #Save, form.normal #Cancel {
	text-align:center !important;
	width:200px !important;
	margin-right:3em;
	padding:10px;
	margin-top:20px;
	}

form.extins label {
	width:230px;
	}

form.extins input {
	width:80px;
	text-align:right;
	}

form.normal fieldset {
	border:1px solid #ccc;
	}

form.normal legend {
	padding:5px;
	color:#ccc;
	margin-left:10px;
	}

span.inf {
	padding:2px;
	margin-bottom:4px;
	float:left;
	margin-right:5px;
	font-size:1.2em;
	width:640px;
	display:block;
	}

.obs {
	color:#999;
	font-size:0.8em;
	vertical-align:middle;
	display:block;
	float:left;
	margin-top:0.5em;
	width:200px;
	}

/* end formular */


/* formular login */
form.loginForm {
	background:#fafaf8;
	border:1px solid #ccc;
	padding:5px;
	margin-top:10px;
	font-size:1.2em;
	}

form.loginForm input {
	border:1px solid #ddd;
	border-top-color:#aaa;
	border-left-color:#aaa;
	width:188px;
	padding:4px;
	margin-bottom:10px;
	font-family:"Segoe UI", Arial, Helvetica, sans-serif;
	font-size:1em;
	}

input#loginFormSend {
	background:#0c0;
	color:#ffc;
	width:198px;
	border:1px solid #060;
	border-top-color:#0a0;
	border-left-color:#0a0;
	}

input#loginFormSend:hover {
	cursor:pointer;
	color:#fff;
	background:#0a0;
	}

form.searchForm {
	margin-bottom:20px;
	}

form.searchForm input {
	border:1px solid #ddd;
	border-top-color:#aaa;
	border-left-color:#aaa;
	width:150px;
	padding:4px;
	margin-bottom:10px;
	font-family:"Segoe UI", Arial, Helvetica, sans-serif;
	font-size:1em;
	float:left;
	margin-top:10px;
	}

form.searchForm input#cautareP {
	width:24px;
	height:24px;
	float:right;
	border:0;
	margin-top:5px;
	vertical-align:baseline;
	}
/* end formular login */




#loginInfo {
	border:1px solid #ccc;
	padding:5px;
	background:#fafaf8 url(/i/lock.png) 5px center no-repeat;
	margin:10px;
	font-size:1em;
	text-align:right;
	color:#999;
	}

#loginInfo a {
	color:#999;
	text-decoration:none;
	}

#loginInfo a:hover {
	color:#c00;
	text-align:center;
	}



span.status1 {
	color:#090;
	font-weight:bold;
	text-align:center;
	}

span.status2 {
	color:#900;
	}

div.moo-table table tr td a img {
	border:0;
	}

#footer {
	text-align:center;
	color:#173677;
	margin-bottom:10px;
	}

#footer a {
	color:#173677;
	font-weight:normal;
	}
#footer a:hover {
	text-decoration:underline;
	}