body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
    background-image: url(imag/imag/backpage3.jpg); background-repeat: repeat-y;
/*	background: #666666;  backpage3.jpg  sau 42                            */
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    margin-bottom:2px;
    padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.twoColHybRtHdr #container { 
	width: 910px;  /* this will create a container 80% of the browser width */
   	background-image:url(imag/imag/backg_euro.jpg);
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.twoColHybRtHdr #header { 
	width:910;
	padding: 0 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
.twoColHybRtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
}

.twoColHybRtHdr #sidebar1 {
	float: right; 
	width: 150px; /* since this element is floated, a width must be given */  /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0 0; /* top and bottom padding create visual space within this div  */
	margin:0 10px 0 0;
}
.twoColHybRtHdr #sidebar1 h3, .twoColHybRtHdr #sidebar1 p {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}
.twoColHybRtHdr #mainContent {
  margin: 0 0 0 10px; /* the left margin's value is equal to the header and footer which creates alignment down the left side of the document. */
  padding-right:20px;
}
.twoColHybRtHdr #footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
	margin:0 auto;
	background:url(imag/imag/footer_euro.jpg) no-repeat; height:65px;color:#ccc; font-weight:bold;
     font:Tahoma,Verdana,Arial,Helvetica,sans-serif;	line-height:20px; font-size:12px;}
.copy{float:left;font-weight:bold; margin-left:5px; padding-top:15px;}
.credit{float:right;font-weight:bold; margin-right:5px; padding-top:2px;}


.twoColHybRtHdr #footer  a{font-weight:bold; color:#336699;text-decoration:none;}
.twoColHybRtHdr #footer  a:hover{text-decoration:underline;}

.twoColHybRtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
<!--[if IE]>
/* place css fixes for all versions of IE in this conditional comment */
.twoColHybRtHdr #sidebar1 { padding-top: 30px; }
.twoColHybRtHdr #mainContent { zoom: 1; padding-top: 15px; }
/* the above proprietary zoom property gives IE the hasLayout it may need to avoid several bugs */
<![endif]-->


.meniu { background-color: #ECEAEA;  font-size:10px; font-family:Verdana, Impact, Arial;
 text-align:left; border: #344D67 ridge; height:135px; padding: 5px 5px; font-weight:bold;}
.meniu a { text-decoration:none; color:#003366;}
.meniu a:hover { background-color: #222; color:#fff;}

.bara{margin-left:13px;text-align:center;color:#FFFFFF;height:24px; size:2;font-size:1em;line-height:17px;
background-image:url(imag/imag/separator2.jpg); background-repeat:no-repeat;text-transform: uppercase;word-spacing: 5px;
font-family:"Times New Roman", Times, serif, Arial;font-weight:bold; padding-top:3px; }


.text{ padding:10px 5px 10px 10px; margin:10px 5px 10px 20px;font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:17px; text-align:justify;}

.lista{font-family:"Courier New", Courier, monospace;font-size:15px;font-weight:bold;padding:5px 5px ;}
.subtitlu{height:25;color:#0066CC;	size:4;	font-size:20px; line-height:24px; text-align:left; padding-left:30px; padding-top:10px; }

.rubrica{color:#005B9C;	font-size:24px;	line-height:29px;text-align:left;	size:5; 
	text-transform:uppercase; vertical-align:top; padding-left:110px; padding-bottom:50px;}
.mrubrica{color:#0066CC; 	size:3;	font-size:16px;	line-height:19px;	font-weight:bold;	
text-align:right; padding-right:10px; vertical-align:top; padding-top:20px;}

.rubricaspecial{color:#005B9C;	font-size:24px;	line-height:29px;text-align:left;	size:5; 
	text-transform:uppercase; vertical-align:top; padding-left:110px; padding-bottom:70px;}

h1{color:#003399}

.back{
background-image:url(imag/imag/backg.jpg); background-repeat:repeat-y;
}

.subbaner{ background-image:url(imag/imag/banndw.png); height:55px; background-repeat:no-repeat;}
.sub{ vertical-align:top; margin-left:30px;}
.sub a{ text-decoration:none;}
.count {
	height:auto;font-size:12px;   color: #0066FF;   border: 2px 2px;  	border-color:#0066CC; margin: 10px 5px;  padding: 3px 3px;
   border-style: outset;
  word-spacing: 3px;
}
.count p{
margin: 2px 2px 2px 2px;
}
a {text-decoration:none;color:#505050;background-color:inherit;}
a:hover {  color:#336699;}

.adresa{text-align:left; color:#666666;	font-size:12px; line-height:15px; size:2;}
.buton_cauta{ text-align:right;}

.cosu_meu{	 font-family:Tahoma, Verdana, sans-serif;font-size:12px;color:#FFFFFF; text-align:left; vertical-align:middle;
padding-left:17px; font-weight:bold; padding-bottom:4px;
background-image:url(imag/cosu.png); background-repeat:no-repeat;}
.cos_prod { color:#3366CC;}
.cos_cont{ color:#999999;}

.login{ font-family:Tahoma, Verdana; font-size:12px; font-weight:bold; text-align:right; vertical-align:center;
padding-bottom:20px; color:#fff;}
.login a {color:#fff;}
.login a:hover{color:#FF0000;}
.mod {color:#999; text-align:center; font-size:11px; padding-right:4px;}
.mod2{padding-left:30px;}
.user{color:#0066FF;}

.timp{color: #ccc;
font-family:Tahoma, Verdana, sans-serif;font-size:12px;
padding:0.1em 1em;font-weight:bold;
}
.imgnoborder{  border:0px none;	  padding:0px 1px 0px 0px;}
