html, body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
}
body {
	background-color:#e9edf0;
	background-image:url(../images/charte/bg-repeat.jpg);
	background-repeat:repeat-y;
	background-position:center;
	font-family:Verdana;
	font-size:11px;
	color:#666666;
	text-align:justify;
}
p, ul, li, table, div, h1, h2, h3, hr, img, form, input{
	padding: 0px;
	margin: 0px;
}

#content{
	background-image:url(../images/charte/black-band.jpg);
	background-repeat:repeat-x;
	background-position:left top;

	width:100%;
	min-height:100%; /*---obligatoire pour le footer:Firefox---*/
	height:auto !important;/*---obligatoire pour le footer:Firefox---*/
	height:100%;/*---obligatoire pour le footer:IE---*/
}
#content-bar{
	background-image:url(../images/charte/repeat-bar.jpg);
	background-repeat:repeat-x;
	background-position:0px 100px;
	width:100%;
	height:100%;
}

#layout{
	width:913px;
	height:100%;
	display:table;
	margin:auto;

}

#header{
	width:913px;
	height:148px;
	padding-top:10px;
}

#middle{
	width:913px;
	min-height:321px;
	height:auto !important;
	height:321px;
	position:relative;
}

#left-col{
	width:266px;
	float:left;
	height:auto !important;
	position:relative;

	padding-bottom:50px;
}

#right-col{
	width:647px;
	float:left;
	padding-bottom:50px;
}
.clearer
{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
	background-image:url(../images/charte/bg-repeat.jpg);
	background-repeat:repeat-y;
	background-position:0px 0px;
}
#footer{
	position:relative;
	width:913px;
	height: 39px;
	margin: -39px auto 0 auto;
	background: url(../images/charte/footer.jpg) top no-repeat;	
	clear:both;
	font-size:10px;
}
#footer-content{
	padding-top:10px;
}

.copyright:link, .copyright:visited{
	text-decoration:none;
	color:#666666;
}
.copyright:hover, .copyright:active{
	text-decoration:underline;
	color:#dc2f25;
}

#page_dynamic{
	width:608px;
	margin:auto;
	line-height:25px;
}

#boxes{
	width:600px;
	clear:both;
	margin:auto;
}
.box{
	background-image:url(../images/charte/box-background.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:200px;
	height:218px;
	float:left;
}
.box-text{
	font-size:11px;
	width:155px;
	padding-left:10px;
	text-align:left;
	line-height:18px;
}

dl, dt, dd, ul, li {
list-style-type: none;
padding:0px 0 0px 0;
border:0;
margin:0px;
padding:0px;
}
#produse{
	width:266px;
}
#produse-top{
	width:266px;
	height:66px;
	background-image:url(../images/charte/produse-top.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;	
}
#menu-produse-servicii-on{
	padding:35px 0px 0px 27px;
	
}
#menu-produse-servicii-off{
	padding:35px 0px 0px 27px;
	display:none;
}
#produse-middle{
	width:266px;
	background-image:url(../images/charte/produse-middle.jpg);
	background-repeat:repeat-y;
	background-position:0px 0px;
}
#produse-bottom{
	width:266px;
	height:25px;
	background-image:url(../images/charte/produse-bottom.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;	
}

#meniu-produse{
	
}
#meniu-servicii{
	
}

#menu-produse img{
border:0;
margin:0px;
padding:0px;
}

#menu-produse dt {
	cursor: pointer;
	height: auto;
	text-align:left;
	font:11px tahoma;
	padding:3px 0 0 15px;
	margin:0px 0 0px 25px;
	background-image:url(../images/charte/arrow.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	height:22px;
} 

#menu-produse dt a:link,a:visited{
color:#1c5679;
text-decoration:none;
}
#menu-produse dt a:hover{
color:#da251c;
text-decoration:none;
/*background-color:#9d9d9d;*/
display:block;
}
#menu-produse ul{
padding:0px 0 0px 0;
width:120px;
}
#menu-produse li {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
}
#menu-produse li a {
font-weight:normal;
color: #fff;
text-decoration: none;
display: block;
}
#menu-produse li a:hover {
color: #fff;
text-decoration: underline;
}
#menu-servicii img{
border:0;
margin:0px;
padding:0px;
}

#menu-servicii dt {
	cursor: pointer;
	height: auto;
	text-align:left;
	font:11px tahoma;
	padding:3px 0 0 15px;
	margin:0px 0 0px 25px;
	background-image:url(../images/charte/arrow.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	height:22px;
} 

#menu-servicii dt a:link,a:visited{
color:#1c5679;
text-decoration:none;
}
#menu-servicii dt a:hover{
color:#da251c;
text-decoration:none;
/*background-color:#9d9d9d;*/
display:block;
}
#menu-servicii ul{
padding:0px 0 0px 0;
width:120px;
}
#menu-servicii li {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
}
#menu-servicii li a {
font-weight:normal;
color: #fff;
text-decoration: none;
display: block;
}
#menu-servicii li a:hover {
color: #fff;
text-decoration: underline;
}
#contact{
	width:266px;
}
#contact-middle{
	padding-top:10px;
	width:266px;
	background-image:url(../images/charte/produse-middle.jpg);
	background-repeat:repeat-y;
	background-position:0px 0px;
	line-height:17px;
}
#lucrari{
	background-image:url(../images/charte/lucrari-background.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:266px;
	height:84px;
}
#lucrari-content{
	padding:33px 0px 0px 18px;
}
#iso{
	width:266px;
	height:156px;
}
#contact-content{
	padding-left:26px;
	padding-top:62px;
	line-height:18px;
}

.contact:link, .contact:visited{
		font-family:verdana;
		font-size:11px;
		color:#666666;
		text-decoration:none;
	}
.contact:hover, .contact:active{
		font-family:verdana;
		font-size:11px;
		color:#d9241d;
		text-decoration:underline;
	}

.detalii:link, .detalii:visited{
		width:43px;
		height:14px;
		background-image:url(../images/charte/detalii.jpg);
	}
.detalii:hover, .detalii:active{
		width:43px;
		height:14px;
		background-image:url(../images/charte/detalii-over.jpg);
	} 	
ul.list1{
		width:250px;

}
.list1 li{
		list-style-type:none;
		background-image:url('../images/charte/arrow-servicii.jpg');
		background-position: 0px 10px;
		background-repeat:no-repeat;
		padding:0px 5px 2px 15px;
		color:#da251c;
		font-weight:bold;
}	

ul.list2{
			padding-left:15px;
}
.list2 li{
		list-style-type:none;
		background-image:url('../images/charte/arrow_subservicii.jpg');
		background-position: 0px 5px;
		background-repeat:no-repeat;
		padding:0px 5px 2px 15px;
		color:#666666;
		line-height:15px;
}	

ul.list3{
		padding-left:15px;
		width:370px;
}
.list3 li{
		list-style-type:none;
		background-image:url('../images/charte/arrow_subservicii.jpg');
		background-position: 0px 5px;
		background-repeat:no-repeat;
		padding:0px 5px 2px 15px;
		color:#666666;
		line-height:15px;
}
ul.list4{
		width:150px;

}
.list4 li{
		list-style-type:none;
		padding:0px 5px 2px 15px;
		color:#da251c;
		font-weight:bold;
		text-align:center;
}
.logistica-left{
	width:400px;
	float:left
}
.logistica-right{
	width:200px;
	float:left
}

#contenu_global {
	background-color:#000000; 
	width:100%; 
	height:100%;
	z-index:200;
	position:absolute;
	left:0px;
	top:0px;
	filter:alpha(opacity=80);
	-moz-opacity:.70;
	opacity:.50;
}

#banner {
	position:absolute; 
	top:50%;
	border:5px #fff solid;
	background-color:#fff;
	z-index:400;
	visibility: visible;
	left:50%;
	}