*{
	padding:0;
	margin:0;
}
body{
	background:#FFFFFF url("../images/repeatbody.png") repeat;
	font-size:12px;
	color:#7c7c7c;
	font-family:Verdana, Arial;
}
img{
	border:0;
}
a{
	color:#aaaaaa;
	text-decoration:none;
}
a:hover{
	color:#000000;
}
a:active {
	outline:none;
}
ul{
	list-style-type:none;
}
li a{
	color:#FFFFFF;
}
.clear{
	clear:both;
}	
.clearleft{
	clear:left;	
}
.clearright{
	clear:right;	
}
.left{
	float:left;
}
.right{
	float:right;	
}
/* ---------------------  HEADER --------------------- */
#header {
	background:url("../images/repeatheader.png") repeat-x;
	width:100%;
	height:210px;
}
#logoholder{
	margin: 0 auto;
	width:900px;
}
#logoscris{
	float:left;
	margin-top:30px;
	background: url("../images/sprite.png") 0 0 no-repeat;
	width:480px;
	height:70px;
}
#logorotund{
	float:right;
	background: url("../images/sprite.png") 0 -160px no-repeat;
	width:280px;
	height:82px;
	position:relative;
	top:30px;
}
#select{
	float:right;
	position:relative;
	top:-94px;
}
#headeridea{
	font-weight:bold;
	padding-left:187px;
	font-size:16px;
	position:relative;
	top:-15px;
	color:#000;
}
/* ---------------------  HEADER MENU--------------------- */
#menuholder{
	clear:left;
}
.menuelement{
	float:left;
	font-size:18px;
	padding-top:7px;
	margin-top:20px;
	width:160px;
	height:80px;
	position:relative;
	z-index:2;
}
.activ{
	background: url("../images/sprite.png") -300px -70px no-repeat;
}
.activ a{
	color:#000000;
}
.activ a:hover{
	color:#aaaaaa;
}
#iconitaportofoliu{
	background: url("../images/sprite.png") 0 -380px no-repeat;
	height:32px;
	width:32px;
	float:left;
}
#iconitaservicii{
	background: url("../images/sprite.png") 0 -420px no-repeat;
	height:32px;
	width:32px;
	float:left;
}
#iconitacontact{
	background: url("../images/sprite.png") 0 -460px no-repeat;
	height:32px;
	width:32px;
	float:left;
}
.linkmenu{
	float:left;
	margin-left:10px;
}
.slogan{
	color:#aaaaaa;
	font-size:12px;
}
.margin{
	margin-left:35px;
}
/* ----------------------------------- CONTENT-------------------------- */
#contentholder{
	width:100%;
	clear:both;
}
#content{
	background: url("../images/repeatcontent.png") repeat-y;
	width:960px;
	margin:0 auto;
}
#contentleft{
	float:left;
	clear:left;
	width:600px;
	margin-left:50px;
	padding-bottom:25px;
}
#ultimeleproiecte{
	background: url("../images/sprite.png") -500px 0 no-repeat;
	height:25px;
	width:200px;
	margin-bottom:15px;
}
.proiectholder{
	height:200px;
}
.fotografiemare{
	float:left;
	height:150px;
	width:200px;
	margin-right:5px;
}
.fotografiemica{
	float:left;
	height:100px;
	width:200px;
	margin-left:15px;
	overflow:hidden;
}
.detaliiproiect{
	height:150px;
	overflow:hidden;
}
.detaliiproiect p{
	margin-left:10px;
}
.detaliiproiect ul{
	text-align:left;
	width:150px;
	list-style-type:none;
	margin-left:35px;
}
.feedback p{
	font-style:italic;
	color:#7d7d7d;
}
.grideschis{
	color:#c7c7c7 !important;
}
.strong{
	font-weight:bold;
	margin-bottom:10px;
}
.right{
	float:right;
}
/*----------------------- CONTENT DREAPTA ------------------------ */
#contentright{
	float:right;
	width:290px;
	padding-bottom:25px;
}
.numecasuta{
	background: url("../images/sprite.png") no-repeat;
	height:65px;
	width:290px;
}
.casutadreapta{
	clear:right;
}
.casutadreapta p {
	text-indent:10px;
	font-size:12px;
	margin-top:5px;
}
.continutcasuta{
	width:250px;
	margin-left:10px;
}
.iconita{
	background: url("../images/sprite.png") no-repeat;
	padding-left:20px;
}
#adresa{
	font-size:10px;
	background-position: -50px -377px;
}
#email{
	background-position: -50px -400px;
}
#skype{
	background-position: -50px -420px;
}
#telefon{
	background-position: -50px -440px;
}
#adresecontact{
	font-size:14px;
	line-height:15px;
	list-style-type:none;
	margin-left:20px;
	margin-top:10px;
}
#adresecontact li{
	margin-top:10px;
}
#noutati{
	background-position:-800px -70px;
}
#vorba{
	background-position:-800px -130px;
}
#soareci{
	background-position:-800px -190px;
}
.margin-top{
	margin-top:25px;
}
.user{
	clear:left;
	margin-top:15px;
	font-size:16px;
	font-weight:bold;
}
.profilphoto{
	float:left;
	margin-right:10px;
}
.profilphoto img{
	border: 1px solid #7c7c7c;
}
.functie{
	font-size:14px;
	color:#cbcbcb;
}
.sloganuser{
	color:#cdcdcd;
	padding-top:5px;
	font-size:12px;
}

#fixbgcontent{
	float:left;
	background: transparent url("../images/repeatfixcontent.png") repeat-y ;
	height:20px;
	width:960px;
	position:relative;
	top:-20px;
	z-index:1;
}

/* -------------------------- FOOTER ------------------ */
#footercontainer{
	clear:both;
	width:100%;
	height:150px;
	background: url("../images/bgfooter.png") repeat-x;
}
#footer{
	width:970px;
	margin:0 auto;
	color:#FFFFFF;
	font-weight:bold;
}
#desprenoi{
	margin-top:10px;
	float:left;
	margin-left:20px;
}
#desprevoi{
	margin-top:10px;
	float:left;
	margin-left:35px;
}
#desprepachete{
	margin-top:10px;
	float:left;
	margin-left:35px;
}
#desprecompanie{
	margin-top:10px;
	float:right;
	margin-right:15px;
	text-align:right;
}
.down{
	padding-top:10px;
}
#listadetalii{
	font-size:10px;
	color:#787878;
	list-style: none;
	list-style-image:none;
	list-style-type:none;
}
#footer a:hover{
	color:#474747;
}
.headline{
	font-size:16px;
}
.listalinkuri{
	padding-left:25px;
}

/*--------------------------------- PAGINA SERVICII ----------------------*/
#serviciioferim{
	background: url("../images/sprite.png") -500px -30px no-repeat;
	height:35px;
	width:330px;
}
.serviciu{
	clear:both;
	text-indent:15px;
	padding-top:5px;
}
.serviciu p{
	width:460px;
	text-align:justify;
	float:right;
}
.serviciu h1{
	padding-top:15px;
	padding-bottom:15px;
	font-size:12px;
	padding-left:15px;
}
.serviciuheadline{
	background: url("../images/sprite.png") no-repeat;
	height:20px;
	width:450px;
	margin-left:50px;
	margin-bottom:15px;
}
.serviciu1{
	background-position: -500px -400px;
}
.serviciu2{
	background-position: -500px -420px;
}
.serviciu3{
	background-position: -500px -440px;
}
.serviciu4{
	background-position: -500px -460px;
}
.imagineservici{
	float:left;
	clear:left;
	margin:20px;
	background: url("../images/sprite.png") -500px -260px no-repeat;
	width:100px;
	height:100px;
}
.strong{
	padding-top:15px;
}
.dreaptap{
	float:right;
}
/* -------------------------- PAGINA CONTACT -------------------- */
#lasavorba{
	background: url("../images/sprite.png") -850px 0px no-repeat;
	height:25px;
	width:330px;
	margin-bottom:10px;
}
#formularcontact{
	margin-top:50px;
	width:350px;
	height:300px;
	float:left;
}
#formularcontact input,#formularcontact textarea{
	clear:both;
	float:left;
	background: #ffffff;
	width:350px;
	height:25px;
	border-top:1px solid #ffffff;
	border-right:1px solid #ffffff;
	border-bottom: 1px solid #c7c7c7;
	border-left: 1px solid #c7c7c7;	
	margin-left:15px;
	margin-top:10px;
}
#formularcontact textarea{
	height:150px;
	font-family:Verdana, Arial;
	color:#7c7c7c;
	font-size:12px;
}
#formularcontact input[type="submit"]{
	width:75px;
	height:25px;
	background:#ffffff;
	border:2px solid #a7a7a7;
	clear:left;
	margin-left:275px;
	cursor:pointer;
}
.formnotifier {
  color: #a0a0a0;
  font-size: 12px;
  overflow: hidden;
  padding:0 5px;
  position: absolute;
  text-align: left;
  z-index: 100;
}
.texttextarea{
  line-height:15px !important;
  font-size: 12px;
  overflow: hidden;
  padding:0 5px;
  position: absolute;
  text-align: left;
  z-index: 100;
}
#harta{
	float:left;
	background: url("../images/sprite.png") -300px -190px no-repeat;
	height:150px;
	width:100px;
	margin-left:50px;
	margin-top:100px;
}
#adrese{
	clear:both;
	width:250px;
}
#adresa2{
	font-size:10px;
	line-height:15px;
	background-position: -50px -377px;
}
#email2{
	background-position: -50px -400px;
}
#skype2{
	background-position: -50px -420px;
}
#telefon2{
	background-position: -50px -440px;
}
#adresecontact2{
	font-size:14px;
	list-style-type:none;
	margin-left:20px;
	margin-top:10px;
}
#adresecontact2 li{
	margin-top:10px;
}
#followusholder{
	clear:left;
	margin-top:25px;
}
#followus{
	background: url("../images/sprite.png") -850px -30px no-repeat;
	height:35px;
	width:330px;
}
.casutafollow{
	width:120px;
	float:left;
	text-align:center;
}
.follow{
	background: url("../images/sprite.png") no-repeat;
	width:60px;
	height:75px;
	margin:15px 0 0 35px;
}
#wordpress{
	background-position:-600px -260px;
}
#facebook{
	background-position:-730px -260px;
}
#twitter{
	background-position:-660px -260px;
}
#delicious{
	background-position:-800px -260px;
}
#rss{
	background-position:-870px -260px;
}

/* ---------------------- DETALII PROIECT ----------------------- */
.thumb li{
	float:left;
	width:100px;
	height:100px;
	border: 2px solid #c7c7c7;
	margin-left:5px;
	overflow:hidden;
}
.imaginethumb{
	height:20px;
}
span.client{
	font-size:14px;
	color:#76c818;
	font-weight:bold;
	font-style:normal;
	margin-left:15px;
}
.studiucaz,.rezultate,.fisaproiect{
	clear:left;
	padding-top:15px;
}
.studiucaz p,.rezultate p{
	text-indent:15px;
	margin-top:10px;
}
.fisaproiect span.client{
	float:left;
	margin-right:25px;
}
.fisiere li{
	float:left;
	width:50px;
	height:20px;
	padding-left:20px;
	background: url("../images/sprite.png") no-repeat;
}
.fisiere li a{
	color:#7c7c7c;
}
.fisiere li a:hover{
	color:#000000;
}
#word{
	background-position:-300px -420px;
}
#pdf{
	background-position:-300px -400px;
}
#excel{
	background-position:-300px -440px;
}
#grafic1{
	background: url("../images/sprite.png") -1120px -70px no-repeat;
	width:140px;
	height:120px;
}