body { margin: 0 0 5px; padding: 0; font: 11px Arial, "Trebuchet MS", Tahoma; background: #efefff; color: #000; }

h1 { font: bold 13px Arial, "Trebuchet"; }
h2 { font: bold 13px Arial, "Trebuchet"; }

img { border: 0; }

a { outline: none; }

/* main container */
#container { position: relative; width: 980px; height: 100%; margin: 0 auto; padding: 0; background: #fff; border: 2px solid #eee; z-index: 0; }
	
	/* header */
	#header { position: relative; clear: both; width: auto; height: 200px; margin: 0; padding: 0; border-bottom: 3px solid #aaa;
	background: #b8ddeb url('../img/penitenciar/banner.jpg') no-repeat; z-index: 100; }
		
		/* intro */
		#intro { position: absolute; width: 100%; height: 180px; top: 78px; left: 0; text-align: center; text-transform: uppercase; }
		#intro h1 { margin: 0; padding: 0; letter-spacing: 3px; font-weight: bold; color: #000; }
		#intro h1.romania { margin: 0; padding: 0 0 0 12px; letter-spacing: 0; font-size: 16px; color: #000; }
		* html #intro h1.romania { padding-left: 14px; }
		#intro h1.pelendava { margin: 2px 0 0 0; padding: 0; letter-spacing: 0; font-size: 18px; color: #000; }
		
		/* menu zone */
		#menu { position: absolute; width: 100%; height: 30px; top: 170px; left: 0; background: #101087; z-index: 99; }
		/* menu with suboptions */
		.menu { position: absolute; margin: 0; top: 0; left: 0; padding: 0; z-index: 0; }
		.menu ul { margin: 0; padding: 0; }
		.menu a { display: block; }
		.menu li { float: left; width: auto; text-align: left; font: bold 12px Arial, Helvetica; list-style: none; }
		.menu li a { margin: 0; padding: 10px 14px 3px; border-right: 1px solid #1616af; text-decoration: none; font-weight: bold; font-size: 12px; color: #fff; }
		.menu li a:hover { text-decoration: underline; }
		
		/* banner submenu one level */
		.menu li ul { position: absolute; left: -999em; height: auto; }
		.menu li:hover ul, .menu li.over ul { left: auto; border: 1px solid #fff; border-right: 2px solid #aaa; border-bottom: 2px solid #aaa; background: #3c5b9b; }
		.menu li:hover ul li, .menu li.over ul li { display: block; clear: both; width: 230px; left: auto; border: none; }
		.menu li:hover ul li a, .menu li.over ul li a { margin: 5px 10px; padding: 0; border: 0; background: none; font-weight: normal; font-size: 11px; color: #fff; }
		.menu li:hover ul li a:hover, .menu li.over ul li a:hover { border: 0; background: none; text-decoration: underline; }
		
		/* banner submenu second level */
		.menu li ul ul { border: 1px solid #fff; margin: -20px 0 0 160px; height: auto; }
		.menu li:hover ul ul, .menu li.over ul ul { left: -999em; border-bottom: 2px solid #e8e8e8; background: #5d99e3; }
		.menu li:hover ul ul a, .menu li.over ul ul a { padding: 0; border: none; }
		.menu li:hover ul, .menu li li:hover ul, .menu li.over ul, .menu li li.over ul { left: auto; width: 230px; }
		
		/* banner third second level */
		.menu li:hover ul ul, .menu li:hover ul ul ul, .menu li.over ul ul, .menu li.over ul ul ul { left: -999em; }
		.menu li:hover ul, .menu li li:hover ul, .menu li li li:hover ul, .menu li.over ul, .menu li li.over ul, .menu li li li.over ul { left: auto; }
		
		/* banner fourth second level */
		.menu li:hover ul ul, .menu li:hover ul ul ul, .menu li:hover ul ul ul ul, .menu li.over ul ul, .menu li.over ul ul ul, .menu li.over ul ul ul ul {
			left: -999em;
		}
		
		.menu li:hover ul, .menu li li:hover ul, .menu li li li:hover ul, .menu li li li li:hover ul, .menu li.over ul, .menu li li.over ul, .menu li li li.over ul, .menu li li li li.over ul {
			left: auto;
		}
		
			/* menu separator */
			.separator { margin-bottom: 5px; padding-bottom: 5px; }
			
			/* menu subtitle */
			.subtitle { padding: 1px 10px; text-transform: uppercase; font: bold 13px "Times New Roman", Arial; }
			
	
	/* left */
	#left { position: relative; float: left; width: 720px; margin: 0; padding: 5px; text-align: justify; z-index: 0; }
	#left > [h1] { margin: 0; padding: 5px 0 0;  border-bottom: 1px solid #ccc; color: #000; }
	#left > [h2] { margin: 0; padding: 3px 0 5px; font-weight: bold; font-size: 11px; color: #000; }
	#left > [div] { line-height: 20px; }
	#left > [href] { font-size: 12px; }
		
		/* here */
		.here { clear: both; width: auto; height: 20px; margin: 0 0 5px 0; padding: 5px 0; border: 1px solid #dce1ed; }
		.here span { height: 30px; margin: 0; padding: 5px 15px 10px 5px; font-weight: bold; font-size: 12px;
		background: url("../img/penitenciar/bg-here.gif") no-repeat bottom right; color: #2b2b2b; }
		.here span a { text-decoration: none; font-weight: bold; font-size: 11px; color: #000; }
		.here span a:hover { text-decoration: underline; }
		
		/* text */
		.text { position: relative; clear: both; margin: 15px 0; padding: 5px; z-index: 0; }
		.text a { text-decoration: underline; color: #000; }
		.text a:hover { text-decoration: none; }
	
	/* right */
	#right { position: relative; float: left; width: 240px; margin: 0; padding: 5px; background: #e8f1f4; }
	#right h1 { margin: 0; padding: 5px 5px 5px 0; border-bottom: 1px solid #ccc; color: #125dc4; }
	#right h2 { margin: 0; padding: 5px; color: #125dc4; }
		
		/* search form */
		#search { position: relative; width: 230px; height: 42px; z-index: 99; }
		#search form { margin: 0; text-indent: 0; word-spacing: 0; }
		#search form input { position: absolute; top: 5px; left: 0; width: 216px; height: 15px; margin: 3px 0 0 0; padding: 3px 0 0 3px; border: 1px solid #000;
		vertical-align: top; font-size: 11px; color: #0c1c8b; }
		#search img.search-btn { position: absolute; top: 9px; left: 224px; }
		* html #search img.search-btn { position: absolute; top: 9px; left: 3px; }
		
		/* links */
		ul.linkutils { position: relative; display: block; clear: both; width: auto; margin: 0; padding: 5px; }
		ul.linkutils li { margin: 2px 0 0 0; padding: 3px 0 0 0; list-style: none; }
		ul.linkutils li a { line-height: 20px; padding: 2px; text-decoration: underline; color: #000}
		ul.linkutils li a:hover { background: #0e65e9; text-decoration: none; color: #fff; }
		
		/* news */
		.rnews { width: 100%; margin: 0; padding: 0; border-top: 1px solid #c4def3; background: #d4e9fb; }
		.rnews ul { margin: 0; padding: 0; list-style: none; }
		.rnews ul li { margin: 0; padding: 0; border-bottom: 1px solid #c4def3; }
		.rnews ul li p { margin: 5px 0 0 0; padding: 0; color: #000; }
		.rnews ul li a { display: block; margin: 0; padding: 10px; text-decoration: none; font-weight: bold; font-size: 11px; color: #10538c; }
		.rnews ul li a span { margin: 0; padding: 0; font-size: 11px; }
		.rnews ul li a:hover { height: 100%; color: #000; cursor: default; }
		.rnews a { font-style: normal; font-weight: normal; color: #000; }
		.rnews a strong, .rnews a:hover strong { font-size: 11px; color: #0f51a3; cursor: pointer; }
		.rnews a p { font-style: normal; font-weight: normal; }
		.rnews a:hover p { color: #10538c; cursor: pointer; }
	
	/* footer */
	#footer { position: relative; clear: both; width: auto; height: 80px; margin: 5px 0 0; padding: 5px; border: 1px solid #58677a;
	background: #083776; font-size: 11px; color: #9bc5ff; z-index: 0; }
	#footer span { font-size: 12px; color: #529bff; }
		
		/* links */
		.links { position: relative; clear: both; margin: 0; padding: 0; color: #88d1f7; }
		.links a { line-height: 20px; padding: 2px; text-decoration: underline; color: #fff; }
		.links a.btm { text-decoration: none; color: #9eacbf; }
		.links a:hover { background: #0e65e9; text-decoration: none; color: #fff; }
		.links a.btm:hover { color: #fff; }
		
		/* validation */
		#validation { position: absolute; margin: 0; top: -10px; left: 10px; }
		#validation a { line-height: 25px; margin: 0; padding: 2px; border: 1px solid #58677a; text-decoration: none; }
		#validation a:hover { border: 1px solid #b4d498; text-decoration: underline; }
		#validation a.html { background: #25237e; font-size: 10px; color: #fff; }
		#validation a.html:hover { background: #0c08a9; }
		#validation a.css { background: #0c08a9; font-size: 10px; color: #fff; }
		#validation a.css:hover { background: #25237e; }
		
		/* jump top */
		#gotop { position: absolute; margin: 0; top: 60px; left: 900px; }
		#gotop img { border-bottom: 1px solid #b8ddeb; }
		
		/* navigator */
		.navigator { clear: both; height: 28px; margin: 0; padding: 10px 0 0; text-align: justify; color: #696969; }
		.navigator form { margin: 0; padding: 0; text-indent: 0; word-spacing: 0; }
		.navigator a, .navigator a:visited, .navigator a:active { padding: 0 4px; border: 1px solid #7b7b7b; background: #eee; text-decoration: none; color: #000; }
		.navigator a:hover { background: #000; color: #fff; } 
		.navigator b { padding: 0 3px; border: 1px solid #095eea; background: #b6daff; color: #124d8a; } 
		.navigator input { width: 30px; height: 15px; margin: 0 2px 0 5px; padding: 3px 0 0 3px; border: 1px solid #7b7b7b; vertical-align: middle;
		font-weight: bold; font-size: 11px; }
		.navigator img { margin-left: 5px; padding-top: 0; vertical-align: middle; }
		/* normal */
		.navigator span.no_link { color: #a4a4a4; }
		.navigator span.jump_to { padding-left: 10px; font-weight: bold; color: #000; }
		/* extended */
		.navigator a#jump_img_extended_navigator { padding: 0; background: none; border: 0; }
		
		/* messages */
		.error { display: block; clear: both; text-align: center; font-weight: bold; font-size: 12px; color: #d53030; }
		.success { display: block; clear: both; text-align: center; font-weight: bold; font-size: 12px; color: #3eb523; }
		.warning { display: block; clear: both; text-align: center; font-weight: bold; font-size: 12px; color: #dd8a31; }

/* clearfix */
/**/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* .clearfix { display: inline-block; } */
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.clear { clear: both; }
/**/