html,body {
  background-image : url(/images/back.gif);
  margin : 0;
  padding : 0;
  }
  
p { 
  margin:0 10px 10px;
  color: #666666;
  }
  
a { 
  display:block;
  color: #981793;
  font-weight: normal;
  }
  
h1 {
  float: left;
  color: #990000;
  font-family: "Lucida Sans Unicode", tahoma;
  font-size: 19px;
  font-weight: lighter;
  text-align: left;
  margin: 25px 0 0 23px ;
  }
  
div#content a {
  display: inline;
  color: #990000;
  text-decoration: none;
  padding: 0;
  }
  
div#buttons {
  float: right;
  background-image : url(/images/butoane.gif);
  width : 234px;
  height : 28px;
  margin-top : 43px;
  margin-right : -105px;
  text-align: left;
  }
  
div#acasa a {
  position: absolute;
  display : inline;
  width : 84px;
  height : 28px;
  line-height : 28px;
  color : #000;
  text-decoration : none;
  background : url(/images/const1.gif);
  background-repeat: no-repeat;
  margin: 0px 0 0 -106px;
  }
  
div#acasa a:hover {
  background : url(/images/const2.gif) no-repeat left top;
  width: 84px;
  height: 28px;
  }
  
div#harta a {
  position: absolute;
  display : inline;
  margin-left : 86px;
  width : 76px;
  height : 28px;
  line-height : 28px;
  color : #000;
  text-decoration : none;
  background : url(/images/harta_1.gif);
  background-repeat: no-repeat;
  margin: 0px 0 0 -22px;
  }
  
div#harta a:hover {
  background : url(/images/harta_2.gif) no-repeat left top;
  width : 76px;
  height : 28px;
  }

div#contact a {
  display : inline;
  position: absolute;
  margin-left : 269px;
  width : 64px;
  height : 28px;
  line-height : 28px;
  color : #000;
  text-decoration : none;
  background : url(/images/contact_1.gif);
  background-repeat: no-repeat;
  margin: 0px 0 0 54px;
  }
  
div#contact a:hover {
  background : url(/images/contact_2.gif) no-repeat left top;
  width : 64px;
  height : 28px;
  }
  
div#contac_t {
  float: left;
  margin: 0px 0 0px 40px;
  }
  
div#buttons span {
  display : none;
  }
  
div#meniu {
  margin-top: -10px;
  margin-left: 22px; 
  text-align: left;
  }
  
div#despre a {
  display : block;
  width : 85px;
  height : 24px;
  line-height : 24px;
  text-decoration : none;
  background : url(/images/buttons/despre_1.gif);
  background-repeat: no-repeat;
  margin-bottom: 20px;
  }
  
div#despre a:hover {
  background : url(/images/buttons/despre.gif) no-repeat left top;
  width : 85px;
  height : 24px;
  } 
  
div#constructii a {
  display : block;
  width : 84px;
  height : 24px;
  line-height : 24px;
  text-decoration : none;
  background : url(/images/buttons/constructii_1.gif);
  background-repeat: no-repeat;
  margin: -18px 0 0 0px;
  margin-bottom: 20px;
  }
  
div#constructii a:hover {
  background : url(/images/buttons/constructii.gif) no-repeat left top;
  width : 84px;
  height : 24px;
  } 
  
div#terenuri a {
  display : block;
  width : 159px;
  height : 24px;
  line-height : 24px;
  text-decoration : none;
  background : url(/images/buttons/terenuri_1.gif);
  background-repeat: no-repeat;
  margin: -18px 0 0 0px;
  margin-bottom: 20px;
  }
  
div#terenuri a:hover {
  background : url(/images/buttons/terenuri.gif) no-repeat left top;
  width : 159px;
  height : 24px;
  } 
  
div#proiecte a {
  display : block;
  width : 65px;
  height : 24px;
  line-height : 24px;
  text-decoration : none;
  background : url(/images/buttons/proiecte_1.gif);
  background-repeat: no-repeat;
  margin: -18px 0 0 0px;
  margin-bottom: 20px;
  }
  
div#proiecte a:hover {
  background : url(/images/buttons/proiecte.gif) no-repeat left top;
  width : 65px;
  height : 24px;
  } 
  
div#portofoliu a {
  display : block;
  width : 75px;
  height : 24px;
  line-height : 24px;
  text-decoration : none;
  background : url(/images/buttons/portofoliu_1.gif);
  background-repeat: no-repeat;
  margin: -18px 0 0 0px;
  margin-bottom: 20px;
  }
  
div#portofoliu a:hover {
  background : url(/images/buttons/portofoliu.gif) no-repeat left top;
  width : 75px;
  height : 24px;
  }
  
div#legislatie a {
  display : block;
  width : 72px;
  height : 24px;
  line-height : 24px;
  text-decoration : none;
  background : url(/images/buttons/legislatie_1.gif);
  background-repeat: no-repeat;
  margin: -18px 0 0 0px;
  margin-bottom: 20px;
  }
  
div#legislatie a:hover {
  background : url(/images/buttons/legislatie.gif) no-repeat left top;
  width : 72px;
  height : 24px;
  } 
  
div#contactt a {
  display : block;
  width : 63px;
  height : 24px;
  line-height : 24px;
  text-decoration : none;
  background : url(/images/buttons/contact_1.gif);
  background-repeat: no-repeat;
  margin: -18px 0 0 0px;
  margin-bottom: 20px;
  }
  
div#contactt a:hover {
  background : url(/images/buttons/contact.gif) no-repeat left top;
  width : 63px;
  height : 24px;
  } 
  
body { 
  font: 76% arial,sans-serif;
  text-align: center;
  }
  
div#container {
  width: 749px;
  margin: 0 auto;
  }
  
div#header {
  background-image : url(/images/header.gif);
  width: 749px;
  height: 71px;
  }
  
div#ctnhead {
  background-image : url(/images/ctnhead.gif);
  background-repeat: no-repeat;
  width: 527px;
  height: 68px;
  margin-left: 222px;
  }
  
div#subhead {
  background-image : url(/images/subhead.gif);
  background-repeat: no-repeat;
  width: 527px;
  height: 202px;
  margin-left: 222px;
  }
  
div#texthead {
  float: left;
  display: block;
  font-family: arial;
  font-size: 13px;
  font-weight: normal;
  text-align: left;
  color: #797979;
  margin-left: 6px;
  margin-top: 34px;
  width: 180px;
  height: 150px;
  border-style: solid;
  border-color: #c2c1c1;
  border-width: 0px;
  }
  
div#photo {
  float: left;
  background-image: url(/images/house.jpg);
  width: 295px;
  height: 202px;
  margin: 0px 0px 0 0px;
  }
  
.photo1 {
  float: right;
  margin-right: 15px;
  margin-left: 5px;
  }
  
div#wrapper {
  float: right;
  background-image : url(/images/wrap.gif);
  background-repeat: repeat;
  width: 100%;
  }
  
div#content {
  background-image : url(/images/content.gif);
  float: right;
  width: 527px;
  }
  
div#content p {
  white-space: normal;
  margin: 0 20px 10px 25px;
  text-align: left;
  }
  
div#navigation {
  float: left;
  position: relative;
  background-image : url(/images/menu.gif);
  width: 222px;
  height: 546px;
  margin: -270px 0 0 0; 
  }
  
div#footer {
  clear: both;
  background-image : url(/images/footer.gif);
  width: 749px;
  height: 43px;
  }
  
div#footer p {
  float: right;
  }
  
div#footer a { 
  float: right;
  position: absolute;
  font: 85% Tahoma,sans-serif;
  color: #996666;
  text-decoration: none;
  margin: 0px 0 0 -118px;
  }
  
div#footer2 {
  float: left;
  font: 85% Tahoma,sans-serif;
  color: #996666;
  text-decoration: none;
  margin: -32px 0 0 15px;
  text-align: left;
  } 
  
div#portofoliul {
  float: left;
  margin: 0 0 0 13px;
  }
  
div#proiecte1 {
  float: right;
  width: 480px;
  margin-right: 22px;
  margin-top: 5px;
  } 

.titlu {
  display: block;
  color: #990000;
  font-family: "Trebuchet MS";
  font-size: 16px;
  text-align: left;
  letter-spacing: -1px;
  margin-top: 0px;
  font-weight: 400;
  margin-bottom: 2px;
  }
  
.continut {
  float: left;
  width: 100%;
  font-size: 12px;
  color: #666666;
  text-align: left;
  margin-bottom: 14px;
  background-color: #F4F1F1;
  border-style: solid;
  border-color: #E7E7E7;
  border-width: 1px;
  padding: 3px;
  }
 
.poza {
  float: left;
  border-style: solid;
  border-color: #CCCACA;
  border-width: 2px;
  margin-left: 3px;
  margin-right: 7px;
  margin-top: 4px;
}

.poza2 {
  border-style: solid;
  border-color: #CCCACA;
  border-width: 3px;
  margin-left: 3px;
  margin-right: 7px;
  margin-top: 4px;
  margin-bottom: 5px;
}  
  
.tabel {
  border-style: solid;
  border-color: #c2c1c1;
  float: left; 
  width: auto;
  text-decoration: none;
  margin: 3px 9px 0px 0;
  }

.descriere {
  float: left;
  text-align: left;
  width: auto;
  }

.tabel_portofoliu {
  border-style: solid;
  border-width: 3px;
  border-color: #b8b7b7;
  width: auto;
  }
  
img {
  background-color: #ffffff;
  border-color: #ffffff;
  border-style: solid;
  border-width: 3px;
  }

.descriere_portofoliu {
  font-family: "Trebuchet MS";
  font-size: 12px;
  }

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding-top: 7px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat;
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}

.hiddenPic {
display:none;
}

.link_proiecte{
  font-family: Arial;
  color: #666666;
  text-decoration: none;
  font-weight: normal;
  font-size: 13px;
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  height: 8px;
  padding: 0 0 0 0;
  display: inline;
}
a.link_proiecte:hover{
  text-decoration: underline;
}

div#proiecte1 p {
  margin-left: 0px;
  }
  
div#legislatie2 {
margin : 5px 0 5px 1px;
}
div#legislatie2 a:link {
font-family : arial;
color : #666464;
text-decoration : none;
}
div#legislatie2 a:visited {
font-family : arial;
color : #9a0405;
text-decoration : none;
}
div#legislatie2 a:hover {
font-family : arial;
color : #000000;
text-decoration : none;
}
div#trafic {
margin: 1px auto;
width: 90px;
}