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: 195px; 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: 6px 0 0 0; float: left; background: url('images/cjpc-menuline-left.png') no-repeat top left; text-align: left;}
.homepage {font: bold 13px/18px Verdana, Verdana; color: #FFF; margin: 0 0px 0 10px; padding: 0 0 0 0; text-decoration: none;}
.homepage :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: left; background: transparent;}
	#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: 392px; min-height: 200px; margin: 50px 30px 0 10px; padding: 0 0 0 0; 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: 90px 0 100px 0; padding: 0 10px 0 10px;}
		
	#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;
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;
border-bottom: 1px solid transparent;
}

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

#presentation-text {width: 320px; margin: 0px 0 0 15px; padding: 0 0 0 0; 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 0 0; font: bold 16px/20px Arial, Verdama; color: #333;}
h5 {width: 700px; height: 20px; background: #F5F5F5; margin: 0 0 0px 0; padding: 5px 0 0 5px; font: bold 16px/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 0 0; padding: 0 0 0 0; background: #E2F1FC; border-bottom: 1px solid #FFF;}
#formularedw p{font: bold 14px/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; height: 30px; margin: 0 0 10px 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: udnerline;}
#postcontent p a:hover{font: bold 16px/20px Arial, Verdana; color: #000; text-decoration: udnerline;}

#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: #36639A; padding: 2px 4px 2px 4px; 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;}

.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;}