/*===| I. LAYOUT SIZE |====================================================*/

#container, #footer, #header {width: 784px;}
#header {height:233px;}


/*	--- Important! ----------------------------------------
	#wrap-footer, #footer and .push must be the same height
	-------------------------------------------------------
*/	#wrap-footer, #footer, .push {height: 89px;}

.push	{clear: both;}

/* --- Important! -------------------------------
	The bottom margin of #wrap-container
	is the negative value of the footer's height 
	-----------------------------------------------
*/	#wrap-container {	margin: 0 auto -89px;}

#wrap-container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
	

#page{
	width:583px;
	height:100%;
	display:table;
	margin-bottom:0px;
	}

/* ===| II. LAYOUT's DEFAULT ELEMENTS |=======================================*/

* {margin: 0;}

html, body {height: 100%; width: 100%;}

body {
	background: #FFFFFF url(../images/charte/bg-body.gif) repeat-x left top;
	font-size: 10px;
	font-family: Verdana;
	color:#1a336d;
}

p, ul, li, table, div, h1, h2, h3, hr, img, form, input{
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
}

#container {
	margin:0 auto;
	text-align: left;
	background: url(../images/charte/bg-middle.gif) no-repeat center top;
	display:block;
}


#middle{
	width:784px;
}


#left-col{
	width:234px;
	float:left;
	min-height:470px;
}

#right-col{
	width:547px;
	float:left;
}

#footer {
	margin:auto;
	width:771px;
	clear:both;
	padding: 0;
	background: #FFFFFF url(../images/charte/bg-footer.gif) no-repeat center top;
}


.link:link, .link:visited{
	font-weight:bold;
	text-decoration: none;
	color:#3c6595;
}
.link:hover, .link:active{
	color:#84a547;
	text-decoration: none;
}

#copyright{
	clear:both;
	text-align:center;
	color:#7b6e60;
	padding-top:40px;
	line-height:16px;
}

/***********************************************HEADER*********************************************************************************/
#header_content{
	width:784px;
	height:233px;
	background:url(../images/charte/bg-header.jpg) no-repeat top right;
}

.search{
	float:left;
	width:157px;
	padding-top:12px;
	height:8px;
}
#frmSearch1{
	width:160px;
	height:20px;
}

.search-box{
	background:url(../images/charte/bg-search.jpg) no-repeat;
	width:140px;
	height:20px;
	border:0px;
	float:left;
}
#text_cautare{
	width:140px;
	height:14px;
	color:#1a336d;
}

.submit{
	width:17px;
	height:20px;
	border:0px;
	background:url(../images/charte/bg-lupe.jpg) no-repeat;
	float:left;
}

.inputForm{
	background:none;
	width:138px;
	height:20px;
	border:0px;
	color:#848484;
	font-family:verdana;
	font-size:10px;
	padding:4px 0px 0px 2px;
}

.inputFormOver{
	background:none;
	width:138px;
	height:20px;
	border:0px;
	color:#848484;
	font-family:verdana;
	font-size:10px;
	padding:3px 0px 0px 2px;
}

.btn-search{
	width:17px;
	height:20px;
	border:0px;
	background:none;
	cursor: pointer;
}

.btn-search-over{
	width:17px;
	height:20px;
	border:0px;
	background:none;
	cursor: pointer;
}

#logo{
	width:620px;
	height:65px;
	float:left;
}

#menu-header{
	float:left;
	width:236px;
	height:150px;
}

#menu-header ul {
	padding:0;
	margin:0;
	list-style:none;
}
#menu-header a:link, #menu-header a:visited, #menu-header a:hover {
  padding:0;
	margin:0;
}
.btn-home a {
	width:234px;
	height:28px;
	display:block;
	background: url(../images/charte/btn-home.gif) 0 0 no-repeat;
}
.btn-home a:hover {
	width:234px;
	height:28px;
	display:block;
	background:url(../images/charte/btn-home.gif) -234px 0 no-repeat;
}

.btn-desprenoi a {
	width:234px;
	height:28px;
	display:block;
	background:url(../images/charte/btn-desprenoi.gif) 0 0 no-repeat;
}
.btn-desprenoi a:hover {
	width:234px;
	height:28px;
	display:block;
	background:url(../images/charte/btn-desprenoi.gif) -234px 0 no-repeat;
}

.btn-servicii a {
	width:234px;
	height:28px;
	display:block;
	background:url(../images/charte/btn-servicii.gif) 0 0 no-repeat;
}
.btn-servicii a:hover {
	width:234px;
	height:28px;
	display:block;
	background:url(../images/charte/btn-servicii.gif) -234px 0 no-repeat;
}

.btn-garantie a {
	width:234px;
	height:28px;
	display:block;
	background:url(../images/charte/btn-garantie.gif) 0 0 no-repeat;
}
.btn-garantie a:hover {
	width:234px;
	height:28px;
	display:block;
	background:url(../images/charte/btn-garantie.gif) -234px 0 no-repeat;
}

.btn-preturi a {
	width:234px;
	height:28px;
	display:block;
	background:url(../images/charte/btn-preturi.gif) 0 0 no-repeat;
}
.btn-preturi a:hover {
	width:234px;
	height:28px;
	display:block;
	background:url(../images/charte/btn-preturi.gif) -234px 0 no-repeat;
}

.btn-contact a {
	width:234px;
	height:28px;
	display:block;
	background:url(../images/charte/btn-contact.gif) 0 0 no-repeat;
}
.btn-contact a:hover {
	width:234px;
	height:28px;
	display:block;
	background:url(../images/charte/btn-contact.gif) -234px 0 no-repeat;
}

/*********************************************** Left -COl ***********************************************************************************/

#left-title{
	background:url(../images/charte/left-arrow.jpg) no-repeat 2px  5px;
	color:#1c356f;
	font-weight:bold;
	font-size:13px;
	margin:30px 0px 0px 5px;
	padding-left:15px;
}

.contact-title{
	/*background:url(../images/charte/left-arrow.jpg) no-repeat 2px  5px;*/
	color:#1c356f;
	font-weight:bold;
	font-size:13px;
	margin:15px 0px 0px 5px;
	padding-left:15px;
}

.adresa{
	margin:5px 0px 0px 20px;
	line-height:15px;
}

.contact-box{
		float:left;
	width:250px;
}

.contact:link, .contact:active{
	color:#58ab72;
	text-decoration:none;
}

.contact:hover, .contact:visited{
	color:#1c356f;
	text-decoration:none;
}


/**********************************************Right -COL *********************************************************************************************/
#page-dynamic{
	width:527px;
	text-align:justify;
	padding-left:10px;
}

ul{
	
}
.content li{

	list-style-type:none;
	background-image:url('../images/charte/bullet.jpg');
	background-position: 10px 4px;
	background-repeat:no-repeat;
	padding:0px 5px 2px 20px;
}

#title{
	width:580px;
	height:119px;
}

#title-text{
	width:580;
	height:21px;
	background:url(../images/header/title-background.png) ;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/header/title-background.png', sizingMethod ='image');
	background-repeat:no-repeat;
}

*html #title-text{
_background:url();
}

h1{
	font-family:arial;
	font-size:16px;
	font-weight:bold;
	color:#97bf49;
	padding:4px 0px 0px 25px;
	margin-bottom:10px;
	height:20px;
	border-bottom:1px solid #dddddd;
	background:url(../images/charte/img-h1.gif) no-repeat 0px 3px;
}

.separator{
	text-align:center;
}


/************************************************Product - box ************************************************************/

#product{
	width:100%;
	clear:both;
	margin-top:15px;
}

.product-content{
	width:528px;
	background-color:#ebf2f8;
	display:table;
}

.product-box li{
	border-bottom:1px solid #dddddd;
	line-height:20px;
	width:370px;
}

h2{
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:0px 0px 0px 10px;
	margin-bottom:5px;
}

.product-box{
	width:100%;
	text-align:left;
}

.product-pic{
	width:125px;
	padding-left:10px;
	float:left;
}

.product-description{
	float:left;
	
}