/* CSS Document */

body{padding:0px; margin:0px; background:url(imagini/bg.jpg) repeat-x #FFFFFF; font:14px/17px  "Trebuchet MS",Arial, Helvetica, sans-serif; color:#444444;}
div, ul, h1, h2, h3, li, p, img, a{margin:0; padding:0;}
ul{list-style-type:none;}

/* Header */

#header {
	width: 940px;
	height: 110px;
	margin: 0 auto;
}

/* Logo */

#logo {
	float: left;
	width: 940px;
	height: 100px;
	margin: 0;
	color: #FFFFFF;
	background: url(http://www.criterii.ro/imagini/header_logo.jpg) no-repeat left 25px;
}

#logo h1, #logo p {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
 }

#logo h1 {
	padding-top: 25px;
	padding-left: 60px;
	letter-spacing: -1px;
	font-size: 2.2em;
	font-weight: bold;
}

#logo p {
	margin-top: -6px;
	padding-left: 62px;
	color: #FF6B9D;
} 

#logo p a {
	color: #FF6B9D;
}

#logo a {
	border: none;
	background: none;
	text-decoration: none;
	color: #FFFFFF;
}

/* Menu */

#menu {
	width: 570px;
	height: 30px;
	float: left;
	padding: 0 0 0 85px;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
	width: 570px;
}

#menu li {
	float: left;
	height: 30px;
	padding-top: 10px;
	background: url(imagini/img02.gif) no-repeat right 15px;
}

#menu a {
	display: block;
	padding: 0px 12px;
	border: none;
	text-decoration: none;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #444444;
}

#menu a:hover, #menu .current_page_item a {
}

#menu .current_page_item a {
	padding-left: 0;
}

#menu a:hover {
	text-decoration: underline;
}


/*-----------------main pan---------*/
#mainPan{width:940px; position:relative; margin:0 auto; clear: both}




/*----------------------body---------------*/
#body1{
	width:940px;
	}
a img {
border: 0
}
#body_leftbg{
	width:300px;
	float:left;
	margin: 10px 0 0 0
	}
#body_leftbg .modul{
	width:300px;
	float:left;
	clear: both
}
#body_leftbg h2 a{
	width:300px;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:24px;
	line-height:30px;
	font-weight:bold;
	color:#cc0033; background-color:#FFFFFF;
	margin:5px 0 10px 0;
	text-align: left;
	float: left
	}
#body_leftbg h3 {
	width:300px;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:17px;
	line-height:20px;
	font-weight:normal;
	color:#cc0033; background-color:#FFFFFF;
	margin:5px 0 10px 0;
	text-align: left;
	float: left
	}
#body_leftbg h3 a{
	width:300px;
	font:14px/17px Arial, Helvetica, serif;
	font-weight:bold;
	color:#cc0011; background-color:#FFFFFF;
	margin: 13px 0 10px 0;
	display:block;
	float: left;
	text-align: left
	}
#body_leftbg p{
	width:300px;
	font:14px/16px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#333333; 
	background-color:#FFFFFF;
	text-align:left;
	margin: 0 0 5px 0
	}
#body_leftbg .link{
	width:290px;
	color:#357EC7;
	font:12px/17px Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	float: left;
	text-align: right;
	background: #e0e0e0;
	clear: both;
	padding: 0;
	}
#body_leftbg a:hover{
	text-decoration:underline;
	}
#body_leftbg .credentials {
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 10px
}
#body_leftbg .display a img { 
	float: right;
	padding: 0;
	margin: 5px 0 0 8px;
	border: solid 1px #d0d0d0;
	width: 120px;
}
/*----------------body middle-------------*/
#body_middle{
	width:440px;
	float:left; color:#919191;
	margin: 10px 0 0 0
	}
#body_middle-padding {
padding: 0 20px 0 20px
}
#body_middle .modul{
	width:400px;
	float:left;
	clear: both;
	margin: 0 0 10px 0;
	}
#body_middle .modul5stele{
	width:400px;
	float:left;
	clear: both;
	margin: 0 0 10px 0;
	border-bottom: solid 2px #5e5a80;
	}
#body_middle .modul5stele h3 a{
	color: #2B3856
}

#body_middle .titlu {
	width:400px;
	float:right;
	clear: both;
	background: #5E5A80;
	color: #ffffff;
	font-weight: bold;
	font-size: 15px;
	padding: 5px 0;
	}
#body_middle h3 a{
	width:400px;
	font:13px/14px Arial, Helvetica, serif;
	font-weight:bold;
	color:#333333; background-color:#ffffff;
	margin: 5px 0 10px 0;
	display:block;
	float: left;
	text-align: left
	}
#body_middle p{
	width:400px;
	font:14px/16px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#333333; background-color:#FFFFFF;
	text-align:left;
	clear: both;
	}
#body_middle .link{
	width:390px;
	color:#357EC7;
	font:12px/17px Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	float: left;
	text-align: right;
	background: #f0f0f0;
	clear: both;
	padding: 0;
	margin: 5px 0
	}
#body_middle a:hover{
	text-decoration:underline;
	}
#body_middle .credentials {
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 10px
}
#body_middle .display a img { 
	float: right;
	padding: 0;
	margin: 5px 0 0 8px;
	border: solid 1px #d0d0d0;
	width: 100px;
}
#body_middle ul
{
list-style-type: none;
padding: 0;
margin: 0;
}

#body_middle ul a
{
background-image: url(images/img02.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: .6em;
color: #335599;
font-size: 12px
}

/*------------------------right----------------------*/
#right_bg{
	width:200px;
	float:left;
	background: #EBDDE2;
	margin: 10px 0 0 0
	}
#right_bg-padding {
	padding-left: 5px
	}
#right_bg .modul {
	width:200px;
	float:left;
	clear: both;
	}

#right_bg .titlu {
	width:200px;
	float:left;
	clear: both;
	background: #7D1B7E;
	color: #ffffff;
	font-weight: bold;
	font-size: 15px;
	padding: 5px 0;
	}

#right_bg h3 a{
	width:200px;
	font:12px/14px Arial, Helvetica, serif;
	font-weight:bold;
	color:	#B93B8F; 
	margin: 5px 0 10px 0;
	display:block;
	float: left;
	text-align: left;
	}
#right_bg .img {
	float: right;
	padding: 0;
	margin: 5px 0 0 3px;
	border: solid 1px #d0d0d0;
	clear: both;

}
#right_bg .link{
	width:190px;
	color:#357EC7;
	font:12px/17px Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	float: left;
	text-align: right;
	background: #E3E4FA;
	clear: both;
	padding: 0;
	margin: 5px 0
	}
#right_bg a:hover{
	text-decoration:underline;
	}
#right_bg p{
	width: 200px;
	font: 12px/15px Arial, Helvetica, sans-serif;
	color: #800517;
	clear: both;

	}
#right_bg .display a img { 
	float: right;
	padding: 0;
	margin: 5px 0 0 8px;
	border: solid 1px #d0d0d0;
	width: 100px;
}
#right_bg ul
{
list-style-type: none;
padding: 0;
margin: 0;
}

#right_bg ul a
{
background-image: url(images/img02.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: .6em;
color: #335599;
font-size: 12px;
font-weight: normal
}

/*----------------------project-----------*/
#project{
	width:100%;
	margin:0 auto 10px auto;
	float:left;
	clear: both;
	border-top: solid 1px #444444;
	padding: 10px 0
	}
#project .modul {
	width:160px;
	height: 150px;
	overflow: hidden;
	float:left;
	margin-right: 10px
	}
#project h3 a{
	width:160px;
	font:12px/14px Arial, Helvetica, serif;
	font-weight:bold;
	color:	#7D053F; 
	margin: 0 0 5px 0;
	display:block;
	float: left;
	text-align: left;
	}
#project .link{
	width:150px;
	color:#357EC7;
	font:12px/17px Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	float: left;
	text-align: right;
	background: #E3E4FA;
	padding: 0;
	margin: 5px 0
	}
#project a:hover{
	text-decoration:underline;
	}
#project p{
	font: 11px/14px Arial, Helvetica, sans-serif;
	color: #800517
	}
#project a img { 
	float: right;
	padding: 0;
	margin: 5px 0 0 8px;
	border: solid 1px #d0d0d0;
	width: 85px;
}
 .links-modul {
	width: 240px;
	float: left;
}
#project ul
{
list-style-type: none;
padding: 0;
margin: 0;
}

#project li a
{
background-image: url(images/img02.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: .6em;
color: #335599;
font-size: 12px
}


/*--------bottom----------*/
#bottom {
	width: 100%;
	float: left;
	clear: both;
	color: #444444;
	margin: 0 0 15px 0

}
#bottom .titlu {
	width:100%;
	float:left;
	clear: both;
	background: #5E5A80;
	color: #ffffff;
	font-weight: bold;
	font-size: 15px;
	padding: 5px 0;
	margin: 0 0 5px 0
	}
#bottom h3 a{
	width:290px;
	font:12px/14px Arial, Helvetica, serif;
	font-weight:bold;
	color:	#7D053F; 
	margin: 0 0 5px 0;
	display:block;
	float: left;
	text-align: left;
	}
#bottom .link {
	width:290px;
	color:#357EC7;
	font:12px/17px Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	float: left;
	text-align: right;
	background: #E3E4FA;
	padding: 0;
	margin: 5px 0
	}
#bottom .link a:hover{
	text-decoration:underline;
	}
#bottom ul
{
list-style-type: none;
padding: 0;
margin: 0;
}
.bottom li {
font-size: 12px;
padding: 5px 0;
font-family: Arial, Helvetica, sans-serif
}

#bottom li a
{
background-image: url(images/img02.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: .6em;
color: #335599;
font-size: 12px;
}
#bottom h4 {

color: #555555;
margin: 5px 0 10px 0
}

#artleft {
width: 400px;
float: left;
margin-top: 10px;
}
.modul { 
width: 400px;
float: left
}
/*---------bottommost--------------*/
/*----------------------project-----------*/
#bottommost{
	width:100%;
	margin:0 auto 10px auto;
	float:left;
	clear: both;
	border-top: solid 1px #444444;
	padding: 10px 0
	}
#bottommost .titlu {
	width:225px;
	float:left;
	clear: both;
	background: #E66C2C;
	color: #ffffff;
	font-weight: bold;
	font-size: 15px;
	padding: 5px 0;
	margin: 0 0 5px 0
	}

#bottommost .modul {
	width:225px;
	float:left;
	margin-right: 10px
	}
#bottommost h3 a{
	width:225px;
	font:12px/14px Arial, Helvetica, serif;
	font-weight:bold;
	color:	#2B547E; 
	margin: 0 0 5px 0;
	display:block;
	float: left;
	text-align: left;
	}
#bottommost .link{
	width:220px;
	color:#357EC7;
	font:12px/17px Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	float: left;
	text-align: right;
	background: #E3E4FA;
	padding: 0;
	margin: 5px 0
	}
#bottommost a:hover{
	text-decoration:underline;
	}
#bottommost p{
	font: 12px/14px Arial, Helvetica, sans-serif;
	}

/*---------pagina articol---------*/
#artleft h2 {
	width:400px;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:17px;
	line-height:20px;
	font-weight:normal;
	color:#cc0033; background-color:#FFFFFF;
	margin:5px 0 10px 0;
	text-align: left;
	float: left
	}

#artleft h2 a {
	text-decoration: none;
	}
#artleft h2 a:hover {
	text-decoration: underline;
	}

#artleft .display img { 
	float: right;
	padding: 0;
	margin: 5px 0 0 8px;
	border: solid 1px #d0d0d0;
	width: 200px;
}
#artleft .link{
	width:200px;
	color:#357EC7;
	font:12px/17px Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	float: right;
	text-align: right;
	background: #f0f0f0;
	clear: both;
	padding: 0;
	margin: 5px 0
	}
#artleft a:hover{
	text-decoration:underline;
	}

#artleft .credentials {
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 10px
}
#artleft p {
	margin-bottom: 10px
}
#artleft ul
{
list-style-type: none;
padding: 0;
margin: 0;
}

#artleft ul a
{
background-image: url(images/img02.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: .6em;
color: #335599;
font-size: 12px;
text-decoration: none

}

#artmiddle {
width: 230px;
float: left;
margin: 10px 20px 0 20px
}
#artmiddle a:hover{
	text-decoration:underline;
	}

#artmiddle ul
{
list-style-type: none;
padding: 0;
margin: 0;
}
#artmiddle li
{
padding: 3px;
}
#artmiddle ul a
{
background-image: url(images/img02.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: .6em;
color: #335599;
font-size: 13px;
text-decoration: none

}
#artmiddle p {
font-size: 12px
}
#artright {
width: 215px;
float: left;
margin: 10px 0 0 0
}
#artmiddle img {
width: 230px
}
#artright .link{
	width:210px;
	color:#357EC7;
	font:12px/17px Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	float: right;
	text-align: right;
	background: #f0f0f0;
	clear: both;
	padding: 0;
	margin: 5px 0
	}
#artright .list ul
{
list-style-type: none;
padding: 0;
margin: 0;
}

#artright .list ul a
{
background-image: url(images/img02.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: .6em;
color: #335599;
font-size: 12px
}

	/*------------------------footer---------------*/
#footer{
	width:100%;
	margin:15px auto 10px auto;
	background: #E3E4FA;
	float:left;
	color:#444444;
	font:11px/16px Arial, Helvetica, sans-serif;
	border-top: solid 1px #C6DEFF;
	padding: 0 0 25px 0;
	}
#footer ul{
	width:520px;
	margin:25px auto 0 auto;
	font-size:0px;
	height:20px;
	clear: both;
	}
#footer ul li{
	display:block;
	float:left;
	height:16px;
	font:13px/16px Arial, Helvetica, sans-serif;
	}
#footer ul li a{
	margin:0 10px 0 10px; text-decoration:none;	color:#444444; background-color:#E3E4FA;
	}
#footer ul li a:hover{
	text-decoration:underline;
	}
#footer p{
	width:600px; margin:10px auto 0 auto;	display:block; text-align: center
	}

#entriespag {
width: 250px;
	padding: 5px;
	margin: .0 20px 0 0;
float: right;
text-align: right;
}

#entriespag a {
	padding: 2px 5px;
	margin: 2px;
	border: 1px solid #e0e0e0;
	text-decoration: none; 
	color: #000099;
font-size: 11px;
}
#entriespag span.current {
	padding: 2px 5px;
	margin: 2px;
		border: 1px solid #d0d0d0;
		font-weight: bold;
		background-color: #f0f0f0;
		color: #555555;
font-size: 11px;
		}
#entries {
width: 250px; 
float: right;
text-align: right;
margin-right: 14px
}
/*----paginare-------*/
#pagination  {
padding: .7% 0;
float: left;
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-bottom: 15px;
}
#pagination ul {
list-style-type: none;
margin: 0;
padding: 0
}
#pagination  li  {
display: inline
}
#pagination  li a {
	padding: .5%;
	margin: 1px;
	text-decoration: none; 
	color: #006699;
	font-size: 11px;
	font-weight: bold;
	float: left
}
#pagination ul li a:hover, #pagination ul li .current{
 color: #fff;
 background-color:#0b75b2;

}

#header form{
margin: 0; padding: 0
}
#header select, label, input {
float: left
}
#header label {
margin-right: 5px;
margin-top: 5px
}