body {background: url('images/cjpc-main-bg.png') repeat-x top left #C4E2F9; margin: 0 0; padding: 0 0 0 0; }

html {overflow-y:scroll;}

#container {width: 940px; margin: 0 auto; padding: 0 0 0 0;}
#header {width: 950px; height: 113px; margin: 0 0 0 0; padding: 0 0 0 0; float: left; background: url('images/cnpcj-new-header.jpg') no-repeat top left;}
	#header-left {width: 210px; float: left; margin: 0 0 0 0; padding: 0 0 0 0;}
	#header-center {width: 500px; float: left; margin: 0 0 0 0; padding: 0 0 0 0;}
	#header-right {width: 230px; height: 113px; float: left; margin: 0 0 0 0; padding: 0 0 0 0;}
	#header-right img{border: none; margin: 0 0 0 0; padding: 0 0 0 0;}
	

#menuline {width: 950px; height: 63px; margin: 0 0 0 0; padding: 0 0 0 0; float: left;}
#menuline-left {width: 218px; height: 63px; margin: 0 0 0 0; padding: 0 0 0 0; float: left; background: url('images/cjpc-menuline-left.png') no-repeat top left; text-align: left;}
	#menuline-left p {font: bold 13px/18px Verdana, Verdana; color: #FFF; margin: 6px 0px 0 10px; padding: 0 0 0 0; text-decoration: none;}
	#menuline-left p a{font: bold 13px/18px Verdana, Verdana; color: #FFF; text-decoration: none;}
	#menuline-left p a:hover{text-decoration: underline;}


#menuline-right {width: 732px; height: 63px; margin: 0 0 0 0; padding: 0 0 0 0; float: left; background: url('images/cjpc-menuline-right.png') no-repeat top left;}

#content {clear: both; width: 950px; margin: 0 0 0 0; padding: 0 0 0 0; float: left; background: url('images/cjpc-left-menu-bg.gif') repeat-y top left;}
.logo {margin: 10px 0 0 20px; padding: 0 0 0 0; border: none;}

#content-left-menu {width: 227px; margin: 0 0 0 0; padding: 0 0 0 0; float: left;}
	#content-spacer {width: 23px; margin: 0 0 0 0; padding: 0 0 0 0; float: left;}
	#content-main {width: 700px; margin: 0 0 20px 0; padding: 0 0 0 0; float: right; font: normal: 12px/18px Arial, Verdana; color: #000;}
		#content-main table{width: 700px!important; margin: 0 0 0 0; padding: 0 0 0 0; float: right; border-collapse: collapse; border: 1px solid #FFF; background: #DDEEFC;}
		#content-main p {font: normal: 12px/18px Arial, Verdana; color: #000;}
		#content-main a:link {color: #039; text-decoration: underline;}
		#content-main a:hover {color: #069; text-decoration: underline;}
	#content-main p {font: normal 12px/18px Verdana, Arial; color: #000; text-align: left; margin: 0 0 0 0; padding: 0 0 0 0;}
	
	#featured-ultima-ora {width: 372px; min-height: 200px; margin: 50px 20px 0 0px; padding: 0 10px 0 10px; float: left; background: url('images/cjpc-ultima-ora-bg.png') repeat-x 0 0;}
		#featured-ultima-ora p {width: 360px; font: normal 12px/18px Verdana, Arial; color: #000; text-align: left; margin: 0px 0 0px 0; padding: 0 10px 0 10px;}
		
		#featured-ultima-ora-inner {width: 370px!important; min-height: 200px!important; margin: 90px 0 50px 0; padding: 0 0 0 0; float: left; background:transparent}
		#featured-ultima-ora p {font: normal 12px/18px Verdana, Arial; color: #000; text-align: left; margin: 0px 0 0px 0; padding: 0 0 0 0;}
		.detalii2 { width: 110px; float: right; background-color: #36639A; padding: 3px 0 3px 0; color: #FFF!important; text-decoration: underline; font: bold 12px/16px Arial, Verdana; margin: 20px 10px 50px 0; text-align: center;}
	.detalii2:hover {background-color: #80A2C8; padding: 3px 0 3px 0; color: #FFF; text-decoration: underline; font: bold 12px/16px Arial, Verdana;}
		
	#featured-arhiva-stiri {width: 221px; min-height: 200px; margin: 30px 0 0 0; padding: 0 0 0 0; float: left; background: url('images/cjpc-arhiva-stiri-bg.png') repeat-x 0 0;}
		#featured-arhiva-stiri p { width: 200px; font: normal 12px/18px Verdana, Arial; color: #000; text-align: left; margin: 90px 0 100px 0; padding: 0 10px 0 10px;}
	
.buttonmenu{
list-style-type: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 227px;
}

.buttonmenu li a{
display: block;
width: 210px;
height: 20px;
padding: 2px 2px 2px 6px;
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #FFF;
background: transparent;
text-decoration:none;
font: bold 12px/18px Verdana, Arial;
color: #FFF;
}


.buttonmenu li a:visited{
color: white;
}

.buttonmenu li a:hover, .buttonmenu li a:active{
color: #FFF;
background: url('images/cjpc-left-menu-hover.gif') no-repeat top left;
width: 227px;
padding: 2px 2px 2px 6px;
border-bottom: 0px solid transparent;
height: 21px;
margin: 0 0 0 0;
}

.noborder {border: none; margin: 0 0 0 0; padding: 0 0 0 0;}
.noborder img{border: none; margin: 0 0 0 0; padding: 0 0 0 0;}

#presentation-text {width: 320px; margin: 0px 0 0 0px; padding: 0 0 0 15px; float: left; text-indent: 20px;}
.poza {float: right; margin: 10px 0 0 0; padding: 0 0 0 0;}

h2 {margin: 0 0 20px 0; padding: 0 0 5px 0; font: bold 16px/20px Arial, Verdama; color: #069; border-bottom: 1px solid #069;}
h5 {width: 700px; min-height: 20px; background: #F5F5F5; margin: 0 0 0px 0; padding: 5px 0 5px 5px; font: bold 16px/20px Arial, Verdama; color: #333;}
#newstitle {width: 700px; min-height: 20px; background: #F5F5F5; margin: 0 0 0px 0; padding: 5px 0 5px 5px; font: bold 15px/20px Arial, Verdama; color: #333;}
#newstitle p{font: bold 15px/20px Arial, Verdama; color: #333;}
.date {margin: 0 0 0px 0; padding: 5px 0 0 5px;}

.detalii { width: 110px; float: right; background-color: #36639A; padding: 3px 0 3px 0; color: #FFF; text-decoration: underline; font: bold 12px/16px Arial, Verdana; margin: 20px 10px 0 0; text-align: center;}
	.detalii:hover {background-color: #80A2C8; padding: 3px 0 3px 0; color: #FFF; text-decoration: underline; font: bold 12px/16px Arial, Verdana;}

	.icon-intrebari {margin: 65px 0 0 0; border: none; padding: 0 0 0 0;}

#formularedw {width: 700px; height: 25px; margin: 0 0 5px 0; padding: 0 0 0 0; background: #DDEEFC; border-bottom: 1px solid #FFF;}
#formularedw p{font: bold 13px/16px Arial, Verdana; color: #069; text-decoration: underline; margin: 0 0 0 0; padding: 5px 5px 0 5px;}
.bluelink {color: #069;}
.bluelink:hover {color: #000;}

.green {color: #390;}
.red {color: #C00;}
#formularetxt {width: 700px; margin: 0 0 5px 0; padding: 0 0 0 0; }
#formularetxt p{font: normal 12px/16px Arial, Verdana; color: #000;  margin: 0 0 0 0; padding: 2px 5px 0 5px;}

#postcontent {width: 700px; margin: 0 0 30px 0; padding: 10px 0 10px 5px; background: url('images/postcontent-bg.gif') no-repeat top left #E2F1FC; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF;}
#postcontent p {font: normal 12px/16px Arial, Verdana; color: #069;}
#postcontent p a{font: bold 16px/20px Arial, Verdana; color: #069; text-decoration: underline;}
#postcontent p a:hover{font: bold 16px/20px Arial, Verdana; color: #000; text-decoration: underline;}

#postanswer-info {width: 700px; margin: 0 0 0 0; padding: 0 0 0 0; font: normal 13px/16px Arial, Verdana; color: #000;}
.postanswer-info-titlu {width: 700px; display: block; border-bottom: 1px solid #777;}

#intrebare {width: 100px; margin: 10px 0 0 0; padding: 0 0 0 0; float: left; font: bold 12px/16px Arial, Verdana; color: #000;}
#intrebare2 {width: 550px; margin: 10px 0 0 0; padding: 0 0 0 20px; float: left; font: normal 12px/16px Arial, Verdana; color: #000; border-left: 1px solid #CCC; }

#content-main .intrebare{ text-align: right; width: 100px; margin: 10px 0 0px 0; padding: 0 0 0 0; float: left; font: normal 12px/16px Arial, Verdana; color: #444; }
#content-main .intrebare2{width: 500px; margin: 10px 0 0px 100px; padding: 0 0 0 0; float: left; font: normal 12px/16px Arial, Verdana; color: #444; border-bottom: 1px solid #FFF;}

#content-main .raspuns{ text-align: right; width: 100px; margin: 0px 0 50px 0; padding: 0 0 0 0; float: left; font: normal 12px/16px Arial, Verdana; color: #000;}
#content-main .raspuns2{ width: 500px; margin: 0px 0 50px 100px; padding: 0 0 0 0; float: left; font: normal 12px/16px Arial, Verdana; color: #000;border-bottom: 1px solid #FFF;}

.field1 {width: 300px; border: 1px solid #999; margin: 0 0 0 0; padding: 0 0 0 0; font: 11pxArial, Verdanal; color: #333; background: #FFF; float: left;}
.field2 {width: 300px; height: 80px; border: 1px solid #999; margin: 0 0 0 0; padding: 0 0 0 0; font: 11pxArial, Verdanal; color: #333; background: #FFF; float: left;}

.sendq { width: 210px; background-color: #36639A; padding: 3px 0 3px 0; color: #FFF; text-decoration: underline; font: bold 12px/16px Arial, Verdana; margin: 20px 10px 0 0; text-align: center; border: 1px solid #FFF; float: left; }
.sendq:hover {background-color: #80A2C8; padding: 3px 0 3px 0; color: #FFF; text-decoration: underline; font: bold 12px/16px Arial, Verdana;}

.back {font: bold 13px/16px Arial, Verdana; color: #069; text-decoration: underline;}
.forward {font: bold 13px/16px Arial, Verdana; color: #069; text-decoration: underline;}
.number {height: 20px; background-color: #DDEEFC; padding: 2px 4px 2px 4px; margin: 2px 0 2px 0; color: #FFF; text-decoration: underline; font: bold 12px/16px Arial, Verdana; text-align: center; border: 1px solid #FFF;}
.number:hover {height: 20px; background-color: #80A2C8; padding: 2px 4px 2px 4px; color: #FFF; text-decoration: underline; font: bold 12px/16px Arial, Verdana; text-align: center; border: 1px solid #FFF;}

#content-main .number a{color: #FFF;}

.number2 {height: 20px; background-color: transparent; padding: 2px 4px 2px 4px; color: #069; text-decoration: underline; font: bold 12px/16px Arial, Verdana; text-align: center; border: 1px solid #FFF;}
.number2:hover {height: 20px; background-color: #80A2C8; padding: 2px 4px 2px 4px; color: #FFF; text-decoration: underline; font: bold 12px/16px Arial, Verdana; text-align: center; border: 1px solid #FFF;}


h3.acc_trigger {
	padding: 0;	
	margin: 10px 0 0px 0;
	background: #DDEEFC;
	height: 30px;	
	width: 690px;
	font-weight: normal;
	float: left;
	border-bottom: 1px solid #FFF;
}
h3.acc_trigger a {
	color: #069;
	font: bold 14px/18px Arial, Verdana;
	text-decoration: none;
	display: block;
	padding: 5px 0 5px 10px;
}
h3.acc_trigger a:hover {
	color: #ccc;
}
h3.active {background-position: left bottom; background: #A2BFD9;}
.acc_container {
	margin: 0 0 0px 0; padding: 0;
	overflow: hidden;
	font-size: 1.2em;
	width: 690px;
	clear: both;
	background: #DDEEFC;
	border: 0px solid #d6d6d6;
}
.acc_container .block {
	padding: 20px;
}


.debitori-sub-title { font: bold 14px/18px Arial, Verdana; color: #069; margin: 0 0 0 0; padding: 0 0 0 0;}
.debitori-sub-text { font: normal 12px/18px Arial, Verdana; color: #000; margin: 0 0 0 0; padding: 0 0 5px 0; width: 600px; border-bottom: 1px solid #CCC;}
