html, body { height:100%}
body{ margin:0px; padding:00px; font-family: Arial, Helvetica, sans-serif; line-height:17px; font-size:12px; color:#000; outline-style:none; outline-width:0}

.content{ width:100%}
.main{ width:995px; margin:auto; text-align:left; border:1px solid #dfdfdf; height:540px; padding:10px 0px 7px 10px}

a{ color:#000; text-decoration:none}
a:hover{ color:#0093dd}
a:focus{ outline-style:none; outline-width:0}
A IMG{ border:0px}

.pagination{ line-height:15px; float:left}
.pagination DIV{ width:10px; display:inline;}
.pagination DIV, .pagination SPAN{ float:left}
.pagination SPAN{ background-color:#0093dd; color:#FFF; margin-left:3px; margin-right:3px; padding-left:3px; padding-right:3px; font-weight:bold; width:31px}

#pic{ float:right; display:none}
#text{ display:none;}
.justify{ text-align:justify}


/*      PRODUCTS     */
#product{float:left; width:191px;}
	#product .box_gri_1{width:200px; height:15px; background-color:#dededd; margin-left:-10px}
 	#product .box_gri_2{width:135px; height:15px; background-color:#dededd; float:left; margin-left:-10px}
	#product .text{height:360px; padding-top:10px}


/*----------------------MENU-------------------------------*/
.orizontalmenu{
	width:100%; display:block; padding:0px; margin:0px; 
}

.orizontalmenu strong{ background-image:url(/images/menu.gif); background-repeat:no-repeat; text-indent:-3000px; height:14px; display:block}

.despre_noi strong{ background-position:0px 0px; width:53px; }
.despre_noi:hover strong, .despre_noi.activ strong{ background-position:0px -14px }

.executie strong{ background-position:-56px 0px; width:45px }
.executie:hover  strong, .executie.activ strong{ background-position:-56px -14px }

.mobilier strong{ background-position:-103px 0px; width:45px }
.mobilier:hover strong, .mobilier.activ strong{ background-position:-103px -14px }

.decoratiuni-interioare strong{ background-position:-149px 0px; width:100px }
.decoratiuni-interioare:hover strong, .decoratiuni-interioare.activ strong{ background-position:-149px -14px }

.usi strong{ background-position:-253px 0px; width:20px }
.usi:hover strong, .usi.activ strong{ background-position:-253px -14px }

.scari strong{ background-position:-275px 0px; width:25px }
.scari:hover strong, .scari.activ strong{ background-position:-275px -14px }

.mobilier-de-hotel strong{ background-position:-306px 0px; width:79px }
.mobilier-de-hotel:hover strong, .mobilier-de-hotel.activ strong{ background-position:-306px -14px }

.masti-de-radiator strong{ background-position:-390px 0px; width:80px }
.masti-de-radiator:hover strong, .masti-de-radiator.activ strong{ background-position:-390px -14px }


.proiectare strong{ background-position:-476px 0px; width:48px }
.proiectare:hover strong, .proiectare.activ strong{ background-position:-476px -14px }

.clienti strong{ background-position:-530px 0px; width:30px }
.clienti:hover strong, .clienti.activ strong{ background-position:-530px -14px }

.parteneri strong{ background-position:-566px 0px; width:42px }
.parteneri:hover strong, .parteneri.activ strong{ background-position:-566px -14px }

.noutati strong{ background-position:-614px 0px; width:33px }
.noutati:hover strong, .noutati.activ strong{ background-position:-614px -14px }

.contact strong{ background-position:-654px 0px; width:38px }
.contact:hover strong, .contact.activ strong{ background-position:-654px -14px }




.orizontalmenu li{ z-index:5;/*z-index:10000;*/}
.orizontalmenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
}

.orizontalmenu li{
margin-right:9px;
float:left;
display:block;
position: relative;
text-align:left;
}


.orizontalmenu li a{
font: Arial;
font-size:12px;
color: #000;
text-decoration: none;
display:block;
cursor:pointer;
border-right:1px solid #000;
width:91px;
}

.orizontalmenu li a.activ{ color:#0093dd; }

.orizontalmenu li a:hover{
color:#0093dd;
text-decoration: none;
display:block;
}


.orizontalmenu li ul{ /*SUB MENU STYLE*/
position: absolute;
left: 0px;
top: 14px;
display: none;
}

.orizontalmenu li.selected ul{ display:block}

.orizontalmenu li ul li{
margin:0px;
position: relative;
height:auto;
margin:0;
text-align:left;
padding:0px;

}

.orizontalmenu li ul a{
display:block;
text-transform:none;
border:0px
/*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
}


.orizontalmenu .arrowdiv{
position: absolute;
right: 7px;
}


.orizontalmenu li .proiectare, .orizontalmenu li .executie{ cursor:default}

/* Holly Hack for IE \*/
* html .orizontalmenu li { float: left; height: 1%; }
* html .orizontalmenu li a { height: 1%; }
/* End */

.clear{clear:both; margin:0 !important; padding:0 !important; border:0 none !important; line-height:0 !important; height:0 !important; font-size:0 !important}
.spacer1{ font-size:1px; height:1px; line-height:1px; display:block }
.spacer3{ font-size:3px; height:3px; line-height:3px}
.spacer5{ font-size:5px; height:5px; line-height:5px}
.spacer10{ font-size:10px; height:10px; line-height:10px; display:block}


