/* layout */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	margin: 0;
	background-color: #024466;
}

img {
	border: 0px;
}

p, h1, ul {
	padding: 0px;
	margin: 0px;
}

/*
 * Layout
 * try keeping things simple. position, left, right, float, margin and padding
 * and do not make any aspect decision here
 * just ensure that the stuff is where it is soupose to be
*/

#header {
	
	width:960px;
	height:157px;
	background-image:  url(../images/iarba.jpg);
	background-repeat: no-repeat;
}

#header p {
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-size: 28px;
	font-weight: bold;
	color: white;
	position: relative;
	left: 20px;
	top: 40px;
}

#header ul {
	position: relative;
	top: 18px;
	line-height:1em;
	width:960px;
	list-style:none;
	margin: 0;
	padding: 0;
}

#header ul li {
	
	display:block;
	float:left;
	width: 20%;
}

#header ul li a {
	
	line-height: 70px;
	width: 150px;
	height: 70px;
	display:block;
}

#header ul li a span{
	
	display:block;
	width: 150px;
	height: 70px;
	cursor: pointer;
	
}

#header ul li a span span {
	
	display:none;
}

#primapagina a span {
	background-image:  url(../images/meniuri/homeOn.png);
	background-repeat: no-repeat;
	
}
#alegecasa a span {
	background-image:  url(../images/meniuri/alegecasaOff.png);
	background-repeat: no-repeat;
}
#locatii a span {
	background-image:  url(../images/meniuri/locatiiOff.png);
	background-repeat: no-repeat;
}
#ultimaora a span {
	background-image:  url(../images/meniuri/noutatiOff.png);
	background-repeat: no-repeat;
}
#print a span {
	background-image:  url(../images/meniuri/printOff.png);
	background-repeat: no-repeat;
}

/* am observat ca acest feature cauzeaza erori in ie

#primapagina a:hover span {
	background-image: url(../images/meniuri/homeOn.png);
}
#alegecasa a:hover span {
	background-image: url(../images/meniuri/alegecasaOn.png);
}
#locatii a:hover span {
	background-image: url(../images/meniuri/locatiiOn.png);
}
#ultimaora a:hover span {
	background-image: url(../images/meniuri/noutatiOn.png);
}
#print a:hover span {
	background-image: url(../images/meniuri/printOn.png);
}

*/


#content {
	
	width:960px;
	float:inherit;
	clear:both;
}

#col1, #col2, #col3, #col4 {
	
	float:left;
	
}

#col1 p {
	position: relative;
	left: 150px;
	top: 250px;
}

#col2 p {
	position: relative;
	left: 50px;
	top: -20px;
}

#col3 p {
	position: relative;
	left: 15px;
	top: -40px;
}

#col3a p {
	position: relative;
	left: 15px;
	top: 50px;
}


#col1 p a, #col2 p a, #col3 p a, #col3a p a, #col3b p a, #col4 p a, #footer p a {
	display: block;
	text-decoration: none;	
	text-align: center;
}

#col1 p a span, #col2 p a span, #col3 p a span, #col3a p a span, #col3b p a span, #col4 p a span, #footer p a span {
	display: block;	
	cursor: pointer;
}


#col1 p a span span,
#col2 p a span span,
#col3 p a span span,
#col3a p a span span,
#col3b p a span span {

	display:none;

}

#col1 p, 
#col1 p a,
#col1 p a span {
	width: 156px;
	height: 152px;
}

#col2 p, 
#col2 p a,
#col2 p a span {
	width: 240px;
	height: 220px;
}


#col3 p, 
#col3 p a,
#col3 p a span {
	width: 260px;
	height: 240px;
}

#col3a p, 
#col3a p a,
#col3a p a span {
	width: 247px;
	height: 156px;
}

#col3b p, 
#col3b p a,
#col3b p a span {
	width: 200px;
	height: 100px;
	float: inherit;
}

#col1 p a span{
	background-image:  url(../images/col_alege.png);
}

#col2 p a span {
	background-image:  url(../images/proiecte2007.png);
}

#col3 p a span{
	background-image:  url(../images/proiecte2006.png);
}

#col3a p a span{
	background-image:  url(../images/afacere.png);
}

#col3b p a span{
	background-image:  url(../images/linkuri.png);
}


#textContent {
	position: relative;
	top:0px;
	left:10px;
	width: 262px;
	height: 424px;
	
}

#textContent span {
	display: block;
	position: relative;
	top:-150px;
	left:10px;
	width: 262px;
	height: 484px;
	background-image:  url(../images/bgtext.png);
	background-repeat: no-repeat;
	padding: 10px;
}

#textContent span h1 {
	font-size: 21px;
	font-weight: bold;
	font-family: Arial, "MS Trebuchet", sans-serif;
	width: 80px;
	position: relative;
	top: 0px;
	left:10px;
	color: #F77F10;
}

#textContent span h1 pre {
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-size: 16px;
	float: left;
	clear: both;
	padding: 0px;
	margin: 0px;
}

#textContent span ul {
    text-align: justify;
	position: relative;
	top: 45px;
	padding-left: 30px;
	float: none;
	clear: both;
	width: 180px;
	list-style-image:  url(../images/listHome.gif);
	font-size: 13px;
	color: #F77F10;
	font-weight: bold;
	font-family: Arial, "MS Trebuchet", sans-serif;
}


#textContent span p {
	position: relative;
	left:14px;
	top: 50px;
	text-align: justify;
	width: 230px;
	font-size: 10px;
	font-weight: bold;
	font-family: Arial, "MS Trebuchet", sans-serif;
}

#footer {
	width:960px;
	float:none;
	clear:both;
}

#footer p, 
#footer p a,
#footer p a span {
	width: 168px;
	height: 116px;
}

#footer p a span span {

	display:none;
}

#footer p a span{
	background-image:  url(../images/ft_contact.png);
}

#footer p {

	position: relative;
	top: 0px;
	left: 650px;
}

/* submeniu */

ul#submeniu {
  list-style: none;
  clear: both;
  float: none;
}

ul#submeniu li {  
  float: left;
}

ul#submeniu li a {
  display:block;
	cursor: pointer;
}

ul#submeniu li.materiale a span {
  background-image:  url(../images/meniuri/submeniu/materiale.png);
  background-repeat: no-repeat;
  width: 180px;
	top: 0px;
	left:80px;
  height: 20px;
  position: absolute;
  cursor: pointer;
}

ul#submeniu li.cumlucram a span {
  background-image:  url(../images/meniuri/submeniu/cumLucram.png);
  background-repeat: no-repeat;
  width: 130px;
  height: 20px;
  position: absolute;
	top: 0px;
	left: 300px;
  cursor: pointer;
}

ul#submeniu li.club a span {
  background-image:  url(../images/meniuri/submeniu/club.png);
  background-repeat: no-repeat;
  width: 70px;
  height: 20px;
  position: absolute;
	top: 0px;
	left: 460px;
  cursor: pointer;
}

ul#submeniu li a span span {
  display: none;
  
}
.linkuri {
	backround-image:  url(../images/linkuri.png);
	position: relative;
	top: -70px;
	left: 750px;
	background-repeat: no-repeat;
	  
}
.afacere {
	backround-image:  url(../images/afacere.png);
	position: relative;
	top: 36px;
	left: 400px;
	background-repeat: no-repeat;
	
 }
.stegulete1 { 
  backround-image:  url(../images/langro.png);
  
  position: relative;
	top: -150px;
	left: 92px; 
 }
.stegulete2 {
  backround-image:  url(../images/langen.png);
  
    position: relative;
	top: -210px;
	left: 150px; 
 }