html, body, h1, h2, h3, h4 {

	margin: 0;

	padding: 0;

}

h1 img {

	display: block;

}

img {

	border: 0;

}

a {

	color: #464544;

}

a:hover {

	color: #666666;

}

.left {

	float: left;

}

.right {

	float: right;

}

.more {

	text-align: right;

}

.clear {

	clear: both;

}



body {

	background: url(images/page_bg.gif);

	text-align: center;

	font: 12px arial, sans-serif;

	color: #464544;

	padding-bottom: 10px;

}



#outer {

  background: top left url(images/page_bg_top1.gif) repeat-x;

  padding-top: 0px;

}



/** layout **/

#wrapper {

	text-align: left;

	margin: auto;

	width: 798px;

  position: relative;

  background: url(images/body_bg2.gif) repeat-y;

}

#body-bot {

  background: bottom left url(images/body_bg_bot7.jpg) no-repeat ;

}

#body-top {

  background: url(images/body_bg_top5.gif) no-repeat ;

  min-height: 795px;

  padding-bottom: 0px;

 

}



/** logo **/



#logo {

  width: 25em;

  text-align: center;

  p

}

#logo h1 {

  color: #464544;

  font: 25px "Arial narrow", arial, sans-serif;

  margin-bottom: -15px;

  padding-top: 45px;

}





/** nav **/



#nav ul {

  margin-top: 10px;

  margin-left: 40px;

  position: relative;





}

#nav li {

  list-style: none;

  float: left;

  background: left center url(images/arr.gif) no-repeat;

  padding-left: 15px;

  padding-right: 15px;

  border-bottom: 1px solid black;

  border-right: 1px solid black;

  margin-right: 5px;

  

}

#nav li a {

  color: #000;

  text-decoration: none;

  font-weight: bold;

  font-size: 14px;

}

#nav li a:hover {

  color: #FFA405;  

}

a.s span{display:none;}

a.s:hover span {

display: block;

position: absolute;

top: 15px;

left: 0px;

width: 100px;

z-index: 1;

}

a.s1 span{display:none;}

a.s1:hover span {

display: block;

position: absolute;

top: 15px;

left: 90px;

width: 100px;

z-index: 1;

}

a.s2 span{display:none;}

a.s2:hover span {

display: block;

position: absolute;

top: 15px;

left: 185px;

width: 100px;

z-index: 1;

}

a.s3 span{display:none;}

a.s3:hover span {

display: block;

position: absolute;

top: 15px;

left: 282px;

width: 100px;

z-index: 1;

}



/** index - servicii - contact : BOX **/

#gbox {

  width: 431px;

  margin-top: 330px;

  margin-left: 350px;

}



#gbox-bg  { background: url(images/green_bg.gif) repeat-y; }

#gbox-grd { background: bottom url(images/green_grad_bot1.jpg) repeat-x; height: 275px; }

#gbox-top { background: url(images/green_top.gif) no-repeat; height: 23px; }

#gbox-bot { background: bottom left url(images/green_bot.gif) no-repeat; height: 23px; }



#gbox-grd {

  min-height: 300px;

  padding: 2px 24px;

}



#gbox h2 {

  font: bold 14px arial, sans-serif;

  color: #000;

  margin: 0;

}



#gbox p {

  margin: 1em 0;

}



#features {

  background: #EDF0C4;

  padding: 3px;

  margin: 0 -14px;

}

#features h2 {

  position: relative;

  padding: 1px;

}

#features ul {

  float: left;

  width: 49%;

  margin: 1em 0;

  padding: 0;

}

#features li {

  list-style: square;

  margin-left: 12px;

}

.img {

margin-left: 8px;

margin-right: 2px;

border: 3px outset white;

}

/*blue box galerie*/



#bbox {

  width: 575px;

  margin-top: 400px;

  margin-left: 50px;

}





#bbox-grd { background: bottom url(images/cutia-mare_resize1.gif) repeat-x; height: 275px; }





#feature {

  background: #EDF0C4;

  padding: 10px;

  margin: 0 10px;

}



/** grey box **/



#greybox {

  

  width: 326px;

  position: absolute;

  top: 490px;

  left: 17px;

}

#greybox-top {

  background: url(images/grey_img4.gif) no-repeat;

  height: 100px;

  padding-left: 15px;

  padding-top: 10px;

}



#greybox h2 {

  font: bolder 14px arial, sans-serif;

  color: #E4EE6A;

  line-height: 1.5;

}

#greybox a {

  color: #fff;

}

#hbox {

background: url(images/24h1.gif) no-repeat;

width: 94px;

position: absolute;

height: 94px;

top: 83px;

left: 720px;

}



#nr {

background: url(images/nr1.gif) no-repeat;

width: 300px;

position: absolute;

height: 150px;

top: 165px;

left: 490px;

}

/***grey box galerie***/

#greyboxg {

  

  width: 326px;

  position: absolute;

  top: 140px;

  left: 450px;

}

#greyboxg-top {

  background: url(images/grey_img4.gif) no-repeat;

  height: 100px;

  padding-left: 15px;

  padding-top: 10px;

}



#greyboxg h2 {

  font: bolder 14px arial, sans-serif;

  color: #E4EE6A;

  line-height: 1.5;

}

#greyboxg a {

  color: #fff;

}

/***Pics hover***/

.thumbnail{

position: relative;

z-index: 0;

top: 5px;

left: 30px;

margin-right:3px;

}



.thumbnail:hover{

background-color: transparent;

z-index: 50;

}



.thumbnail span{ /*CSS for enlarged image*/

position: absolute;

background-color: black;

padding: 2px;

left: -10px;

border: 1px dashed gray;

visibility: hidden;

color: white;

text-decoration: none;

}



.thumbnail span img{ /*CSS for enlarged image*/

border-width: 0;

padding: 2px;



}



.thumbnail:hover span{ /*CSS for enlarged image on hover*/

visibility: visible;

top: -350px;

left: 0px; /*position where enlarged image should offset horizontally */



}







/***Copyright***/

#copyright {

  font-size: 9px;

  color: #fff;

  margin-top: 60px;

}

#copyright a:hover {

color: #ff8439;

}