/* ---------------------------------------------
RESET.CSS
-----------------------------------------------*/
*{margin:0;padding:0}
html {
	margin-bottom:1px;
}
:focus {
	outline: 0;
}
* a:hover, * a:active {
	outline:none;
}
a, a:hover, a:visited,a:link{
	text-decoration:none;
	color:inherit;
}
ol, ul {
	list-style:none;
}
.clear {
  clear: both;

}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html>body .clearfix {
	display: inline-block;
	width: 100%;
}
* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}
textarea
{
  resize:none;
}
/* ---------------------------------------------
SITE.CSS
-----------------------------------------------*/
body {
	background:#000;
	margin:0 auto;	
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
}
#wrapper{
	position:relative;
	width:1000px;
	margin:0 auto;
	margin-top:10px;
	z-index:100;
	height:680px;
	height:auto !important;
	min-height:680px;
}
#bg_wrapper {
	background:#f8f8f8 url(../images/background.gif) repeat right top;
	width:900px;
	z-index:-1;
	position:absolute;
	height:415px;
	left:18px;
}
#left{
	float:left;
	width:187px;
	background:transparent url('../images/umbra_logo.png') no-repeat top right;
	background-position:18px 134px;
}
#tags {
	background:transparent url('../images/the_thing.png') no-repeat 55px -10px;
	/*min-height:250px;*/
	/*height:335px;*/
	/*width:205px;*/
	/*padding-left:55px;*/
}
#tags a{
	color:#fff;
}
#right{
	float:left;
	width:780px;
	padding-left:10px;
	/*background:transparent url('../images/umbra_logo.png') no-repeat -177px 133px;*/
	
}

#footer{
	background:transparent url(../images/footer_repeat.jpg) repeat-x top center;
	
}
#footer div {
	width:992px;
	margin:0 auto;
	padding-top:110px;
	background:transparent url(../images/footer.jpg) no-repeat left top;
	padding-bottom:10px;
}
#footer div a, #footer div p{
	color:#000;
	padding:0 5px;
}
#footer div a.sep{
	border-right:1px solid #000;
}
#footer div a:hover,#footer div a.activ{
	color:#f00;
}

#search {
	background:transparent url(../images/lupa_umbra.png) no-repeat top left;
	width:208px;
	height:143px;
}
#search form{
	padding-top:90px;
	margin-left:25px;
}
#search input#cautare {
	border:none;
	height:19px;
	width:128px;
	padding:0;
	padding-left:3px;
	padding-top:3px;
	margin-right:-4px;
	
}
#search input#buton_cautare{
	border:none;
	height:22px;
	background:#333;
	width:25px;
	color:#fff;
	cursor:pointer;
}

/*#umbra_logo{
	position:absolute;
	display:block;
	background:transparent url('../images/umbra_logo.png') no-repeat top left;
	width:250px;
	height:157px;
	top:125px;
	left:18px;
	z-index:50;
}*/
#logo h1 {
	text-indent:-9999px;
	background:transparent url(../images/logo.png) no-repeat top left;
	width:180px;
	height:168px;
	margin-left:18px;	
}


#noi ul{
		margin:0;
		padding:0;
	}
	#noi ul li {
		list-style-type:none;
		float:left;
		padding-right:6px;
		padding-bottom:6px;
	}
#top_right {
	margin-top:100px;
}
#top_right h2{
	text-indent:-9999px;
	
}
#noi_titlu{
	background:transparent url(../images/noi.png) no-repeat bottom left;
	height:50px;
	margin-left:-2px;
	width:100px;
	float:left;	
	height:77px;
}
#special_titlu{
	background:transparent url(../images/special.png) no-repeat top left;
	height:78px;
	margin-left:-2px;
	width:486px;
	float:right;
	text-indent:-9999px;
	margin-right:77px;	
}
#contact_titlu{
	background:transparent url(../images/contact.png) no-repeat top left;
	height:48px;
}
#cautare_titlu{
	background:transparent url(../images/cautare.png) no-repeat top left;
	height:65px;
}
#gazduire_titlu{
	background:transparent url(../images/gazduire.png) no-repeat top left;
	height:77px;
}
#portofoliu__titlu {
	background:transparent url(../images/portofoliu.png) no-repeat top left;
	height:97px;
}
#portofoliu_pagini_web_titlu{
	background:transparent url(../images/portofoliu_pagini_web.png) no-repeat top left;
	height:97px;
}
#portofoliu_web_titlu{
	background:transparent url(../images/portofoliu_web.png) no-repeat top left;
	height:97px;
}
#portofoliu_reclame_titlu{
	background:transparent url(../images/portofoliu_reclame.png) no-repeat top left;
	height:97px;
}
#portofoliu_identitate_titlu{
	background:transparent url(../images/portofoliu_identitate.png) no-repeat top left;
	height:97px;
}
#portofoliu_tipar_titlu{
	background:transparent url(../images/portofoliu_tipar.png) no-repeat top left;
	height:97px;
}
#portofoliu_multimedia_titlu{
	background:transparent url(../images/portofoliu_multimedia.png) no-repeat top left;
	height:97px;
}

.menu_admin a{
	background:#000;
	display:block;
	border:1px solid #333;
	line-height:25px;
	padding-left:10px;
	font-weight:bold;
	
}
.menu_admin a:hover{
	background:#444;
	border:1px solid #333;	
}

/****************************/


	#div_contact{
		background-color:#FFFFFF;
		width:470px;
		height:295px;
		float:left;
	}
	
	.input_contact{
		background-color:#989898;
		font-size:14px;
		font-family:Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		border:none;
		margin:0 0 10px 0;
		padding:3px 3px 3px 5px;
		width:230px;
	}
	
	.input_verificare{
		background-color:#989898;
		font-size:14px;
		font-family:Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		border:none;
		margin:0 0 10px 0;
		padding:3px 3px 3px 5px;
		width:100px;
		float:left;
	}
	
	.buton{
		background-color:#000000;
		font-size:14px;
		width:240px;
		border:none;
		height:40px;
		text-align:right;
		color:#FFFFFF;
		padding:11px 20px 0 0;
		margin:0px;
		cursor:pointer;
	}
	
	#erori{
		height:70px;
		margin-top:40px;
	}
	
	#erori p{
		color:#FF0000;
		font-size:12px;		
	}
	#succes {
		color:#000;
	}
/******* pagina Proiecte *******/
#proiect_titlu_{
	background:transparent url(../images/portofoliu_proiect.png) no-repeat top left;
	height:98px;
	margin-top:-50px;	
}
#proiect_titlu_pagini_web{
	background:transparent url(../images/portofoliu_proiect_pagini_web.png) no-repeat top left;
	height:98px;
	margin-top:-50px;	
}
#proiect_titlu_web{
	background:transparent url(../images/portofoliu_proiect_web.png) no-repeat top left;
	height:98px;
	margin-top:-50px;	
}

#proiect_titlu_reclame{
	background:transparent url(../images/portofoliu_proiect_reclame.png) no-repeat top left;
	height:98px;
	margin-top:-50px;	
}

#proiect_titlu_identitate{
	background:transparent url(../images/portofoliu_proiect_identitate.png) no-repeat top left;
	height:98px;
	margin-top:-50px;	
}

#proiect_titlu_tipar{
	background:transparent url(../images/portofoliu_proiect_tipar.png) no-repeat top left;
	height:98px;
	margin-top:-50px;	
}

#proiect_titlu_multimedia{
	background:transparent url(../images/portofoliu_proiect_multimedia.png) no-repeat top left;
	height:98px;
	margin-top:-50px;	
}
#paginare {
	float:right;
	margin-top:-70px;
	width:233px;
	padding-right:84px;	
}
* html #paginare{
	padding-right:104px;
}
#paginare a {
	color:#fff;
	cursor:pointer;
}	
#proiect_urmator{
	text-align:right;
}
#proiect_anterior a,.prev a{
	float:left;
	background:transparent url(../images/sageata_left.jpg) no-repeat top left;
	height:42px;
	width:70px;
	padding-left:30px;
	padding-top:10px;
	cursor:pointer;
}
.prev a{
	background:transparent url(../images/prev.jpg) no-repeat top left;
	height:38px;
}
.prev a:hover{
	background:transparent url(../images/prev.jpg) no-repeat bottom left;
}
#proiect_anterior a:hover{
	background:transparent url(../images/sageata_left.jpg) no-repeat bottom left;
}
.jos #proiect_anterior a{
	background:transparent url(../images/prev.jpg) no-repeat top left;
	height:38px;
}
.jos #proiect_anterior a:hover{
	background:transparent url(../images/prev.jpg) no-repeat bottom left;
}
#proiect_urmator a, .next a{
	float:right;
	background:transparent url(../images/sageata_right.jpg) no-repeat top right;
	height:42px;
	width:70px;
	padding-right:30px;
	padding-top:10px;
	cursor:pointer;
}
#proiect_urmator a:hover{
	background:transparent url(../images/sageata_right.jpg) no-repeat bottom right;
}
.next a{
	background:transparent url(../images/next.jpg) no-repeat top right;
	padding-right:10px;
	height:38px;
}
.next a:hover{
	background:transparent url(../images/next.jpg) no-repeat bottom right;
}
.jos #proiect_urmator a{
	background:transparent url(../images/next.jpg) no-repeat top right;
	height:38px;
}
.jos #proiect_urmator a:hover{
	background:transparent url(../images/next.jpg) no-repeat bottom right;
}

.imagini_proiect{
	float:left;
	width:480px;
}
.imagini_proiect img{
	margin:8px 0px;
}
#proiect_descriere_abs{
	float:left;
	width:232px;
	margin:8px 0px;
}
#proiect_descriere_rel{
	background:#fff;
	}
	
	#proiect_descriere_rel h3{
		display:block;
		font-weight:normal;
		font-size:24px;
		color:#000000;
		padding:25px 0px 25px 15px;
	}
	
	#proiect_descriere_rel p.text{
		font-size:14px;
		padding:0px 0 5px 0;
		margin:5px 0;
		color:#333333;
		padding:0px 0px 0px 15px;
		
	}
	
	#proiect_descriere_rel p.text span{
		color:#000000;
	}
	
	#proiect_descriere_rel p.stare{
		font-family:tahoma;
		font-size:12px;
		color:#333333;
		padding:0px 0px 0px 15px;
		margin:12px 0px;
	}
	
	#proiect_descriere_rel p.referinta{
		
		font-size:12px;
		padding:0px 0px 50px 15px;
	}
	
	#proiect_descriere_rel p.referinta a{
		color:#FF0000;
		text-decoration:none;
	}




	#despre_p{
		background-color:#333333;
		padding:0 0 0 7px;
		margin:12px 0 0 0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:18px;
		color:#e5e5e5;
	}
	
	#continut{
		font-size:12px;
		color:#CCCCCC;
		padding:15px 30px 0 15px;
		margin:0px;
	}
	
	#legate_de_proiect{
		font-family:tahoma;
		font-size:18px;
		color:#CCCCCC;
		background-color:#808080;
		padding:0 0 0 7px;
		margin:25px 0 12px 0px;
	}
	
	.legatura{
		padding:0 0 0 15px;
		margin:0px;
		font-size:12px;
		cursor:pointer;
	}
	.legatura a{
		color:#fff;
	}
	.legatura a:hover{
		color:red;
	}
	.pagina_web {
		background:#000;
		padding-top:22px;
		padding-bottom:8px;
		padding-right:15px;
		text-align:right;
		font-size:14px;
		border-bottom:10px #fff solid;
		position:absolute;
		width:217px;
	}
	.pagina_web a{
		color:#fff;
	}
	.pagina_web a:hover {
		cursor:pointer;
	}
ul.rezultate_cautare {
	margin:0 20px;
}
ul.rezultate_cautare li{
	font-weight:normal;
	font-size:10pt;
	width:500px;
	margin-top:20px;
}
ul.rezultate_cautare li p{
	line-height:12pt;
}
ul.rezultate_cautare li a{
	font-size:11pt;
}
ul.rezultate_cautare li a:hover{
	text-decoration:underline;
}
.rezultate_cautare li{
	font-size:12pt;	
	line-height:30px;
	font-weight:bold;
}
.rezultate_cautare li span{
	font-weight:bold;
}
#flux_rss{
	float:right;
	width:65px;
	font-family:tahoma;
	font-size:12px;
	white-space:nowrap;
	line-height:25px;
	margin-right:15px;
}	

	#flux_rss img{
		display:block;
		width:14px;
		height:14px;
		margin-left:2px;
		margin-top:6px;
		float:left;
	}

	#flux_rss span{
		color:#d3d9d4;
		display:block;
		float:left;
	}
	#flux_rss span a{
		color:#fff;
	}
	.stire{
		float:left;
		width:167px;
		margin-top: 7px;
		position:relative;
		top:0px;
		left:0px;
	}
	
	.stire a{
		text-decoration:none;
		color:#FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		
	}
	
	.stire a:hover{
		text-decoration:underline;
		font:Arial, Helvetica, sans-serif;
	}
	
	.continut_stire a{
		text-decoration:none;
		color:#FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#d3d9d4;
		padding:0px;
		margin:0px;
	}
	
	.continut_stire a:hover{
		text-decoration:underline;
		font-family:Arial, Helvetica, sans-serif;
	}
		
	#ultimele_stiri{
		background-color:#333333;
		padding:0px;
		margin:0px;
		float:left;
		width:170px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:18px;
		padding-left:7px;
	}
	
	.stire_data{
		border-bottom:1px solid #666;
		border-top:7px;
		margin:7px 0 0 0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:16px;
		color:#e6e6e6;
		background-color:#666666;
		padding:0 5px 0 5px;
	}
	
	.titlu_stire{
		width:165px;
		padding: 0;
	}
	
	.titlu_stire span{
		border-top:1px solid #999;
		font-family:Arial, Helvetica, sans-serif;
		font-size:16px;
		color:#d3d9d4;
		background-color:#999999;
		padding:0 5px 0 5px;
	}
	
	.continut_stire{
		width:165px;
		white-space:normal;
		padding: 0 0 0 5px;		
	}
	
	.continut_stire span{
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#d3d9d4;
		padding:0px;
		margin:0px;
	}
	
#tags .stiri_plus p a{
		position:absolute;
		left:140px;
		bottom:-15px;
		color:#FF0000;
	}
	
	.stiri_plus p a{
		 font-family:Arial, Helvetica, sans-serif;
		 font-size:12px;
		 color:#FF0000;
	}
	.stiri_plus p a:hover{
		text-decoration:none;
	}
	
	#gazduire{
	margin-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#e5e5e5;
	background-color:#262626;
	padding:0 0px 0 5px;
	height:24px;
	width:173px;
}
#gazduire a{
	color:#fff;
}

/* pentru proiectul mare din partea de top a paginii, pagina_web si p se aplica pt toate proiectele*/
#proiect_mare_abs{
	float:left;
	position:relative;
	margin-left:15px;
	margin-bottom:10px;
}

	
	#proiect_mare_abs .pagina_web{
		position:absolute;
		left:0px;
		height:39px;
		width:230px;
		bottom:21px;
		background-color:#000000;
		border:none;
		padding:0px;
		
	}

	.pagina_web p{
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		text-align:right;
		padding-right:20px;
		margin-top:15px;
		
	}
	
	.pagina_web p:hover{
		cursor:pointer;
	}

/* pentru proiectul mic din partea de top a paginii*/
#proiect_mic_abs{
	float:left;
	margin-left:14px;
}
.content_proiect_mic{
	width:230px;
}
.content_proiect_mic, .content_proiect_mare{
	float:left;
	position:relative;	
	margin-left:14px;
	margin-bottom:10px;
	height:295px;
}
.content_proiect_mic .descriere,  .content_proiect_mare .descriere{
	position:absolute;
	bottom:60px;
	left:0px;
	width:220px;
	background-color:#000;
}
.content_proiect_mic .pagina_web, .content_proiect_mare .pagina_web{
	padding:0px;
	left:0px;
	position:absolute;
	height:39px;
	width:230px;
	bottom:21px;
	background-color:#000;
	border:none;
}
.content_proiect_mic .pagina_web p, .content_proiect_mare .pagina_web p{
	text-align:right;
	margin-top:15px;
}

	.descriere{
		font-family:Arial, Helvetica, sans-serif;
		background-color:#000000;
		/*padding-top:30px;*/
		padding-left:10px;
		visibility:hidden;
	}
	
	.descriere p.text{
		font-size:14px;
		padding:0 0 5px 0;
		margin:0;
	}
		.descriere a{
			color:#fff;
		}
		.descriere p.text span{
			color:#A0A0A0;
		}
	
	.descriere p.stare{
		/*margin:17px 0 0 0;*/
		font-size:12px;
		color:#A0A0A0;
	}
	
	.descriere p.referinta{
		padding:0px;
		margin:0px;
		font-size:12px;
	}
	
	.descriere p.referinta a{
		color:#666666;
		text-decoration:none;
		font-family:Arial, Helvetica, sans-serif;
		diplay:inline;
	}
	
	
	.descriere_plus p{
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#FF0000;
	}
	.descriere_plus p a{
		color:#f00;
		diplay:block;
		width:20px;
		
	}
	
/************pentru pagina de gazduire *********************/

div.pachet {
	width:175px;
	float:left;
	margin-right:75px;
	margin-left:10px;
	margin-bottom:25px;
}
* html div.pachet{
	margin-right:50px;
} 
div.pachet h4{
	background-color:#333;
	padding:5px;
	font-size:11pt;
}
div.pachet h5{
	background-color:#666;
	padding:5px;
	font-size:12pt;
	width:90px;
}
div.pachet dl dt{
	width:120px;
	float:left;
}
div.pachet dl dd{
	float:left;
	padding:2px 4px;
	margin:1px;
	
}
div.pachet dl{
	line-height:17px;
}
div.pachet dl dd.par{
	background-color:#666;
}
div.pachet dl dd.impar{
	background-color:#333;
}
/************************pagini portofoliu***************************/

#portofoliu__titlu,#portofoliu_web_titlu, #portofoliu_pagini_web_titlu, #portofoliu_reclame_titlu,  #portofoliu_identitate_titlu, #portofoliu_tipar_titlu,  #portofoliu_multimedia_titlu{
	float:left;
	width:309px;
}
div#actualizat{
	float:left;
	background:transparent url(../images/balon.png) no-repeat center center;
	width:61px;
	height:45px;
	font-size:9px;
	margin-left:55px;
}
*html div#actualizat{
	margin-left:34px;
}
div#actualizat_continut{
	margin-top:8px;
	margin-left:12px;
}
#pag_right{
	float:right;
	width:330px;
}
#paginare_portofoliu{
	width:232px;
	margin-left:42px;
	margin-top:20px;	
}
*html #paginare_portofoliu{
	margin-left:21px;
}
#paginare_portofoliu p#pag_nr{
	width:150px;
	float:left;
	text-align:center;
	font-size:14pt;
	margin-top:12px;
}
#paginare_portofoliu p#pag_nr span{
	padding:0 3px;
}

#paginare_portofoliu #proiect_anterior a{
	padding-left:10px;
	padding-top:10px;
	cursor:pointer;
	width:30px;
}
#paginare_portofoliu  #proiect_urmator a{
	padding-right:10px;
	padding-top:10px;
	cursor:pointer;
	width:30px;
}
a.activ{
	color:#f00;
}
#paginare_portofoliu p#pag_nr a{
	color:#fff;
}
#paginare_portofoliu p#pag_nr a:hover, #paginare_portofoliu p#pag_nr a.activ{
	color:#f00;
}
#filtrare{
	position:relative;
	margin-left:-40px;
}
*html #filtrare{
	margin-left:-80px;
	width:350px;
}
*html  #filtrare #nr_afisari_form{
	right:30px;
}
#filtrare p{
	color:#ccc;
	text-align:left;
}
#filtrare p span{
	padding:0px 5px;
}
#filtrare p span a{
	color:#ccc;
}
#filtrare p span a:hover{
	color:#fff;
}
#filtrare p span a.activ{
	padding-left:10px;
	color:#fff;
	background:transparent url(../images/sageata_mica_jos_2.png) no-repeat left center;
}
#filtrare #nr_afisari_form{
	position:absolute;
	right:60px;
	top:0px;
	background:transparent url(../images/nr_pagina.png) no-repeat left center;
	height:16px; 
}	
#filtrare #nr_afisari_form input{	
	background:transparent;
	margin:0px;
	padding:0px;
	border:none;
	color:#fff;
	font-size:10px;
	padding-left:5px;
	background:transparent url(../images/sageata_mica_dreapta.png) no-repeat 25px center;
	width:36px;
}
h3.propuneri{
	background-color:#262626;
	width:466px;
	line-height:30px;
	padding-left:5px;
}
#noi ul li{
	position:relative;
	margin-bottom:0px;
	margin-left:0px;
	display:inline ;
	
}
#noi ul li .pagina_web {
	background:#000;
	padding-top:3px;
	padding-bottom:8px;
	padding-right:15px;
	text-align:right;
	font-size:14px;
	border-bottom:0px #fff solid;
	position:absolute;
	top:233px;
	width:231px;
	height:28px;
	cursor:auto;
	
}
#noi ul li .pagina_web p{ 
	cursor:auto;
}
#noi ul li.content_proiect_mare .descriere{
	bottom:50px;
	cursor:auto;
}

.descriere:hover{
	cursor:pointer;
}
h5.cautare{
	font-size:13pt;
	margin: 0px 20px;
	margin-top:20px;
	background-color:#808080;
	color:#CCCCCC;
	display:inline;
}
span.red{
	color:red;
}

div.vezi_flash{
	height:27px;
	background:#000;
	margin-top:-10px;
	margin-bottom:10px;
}
div.vezi_flash a{
	display:block;
	padding-top:8px;
	height:26px;
	width:26px;
	padding-left:440px;
	background:transparent url(../images/comment_plus.jpg) no-repeat right center;
	text-indent:-9999px;
}
li .getPlayer{
	float:left;
	margin-left:0px;
}
*html #noi ul li #proiect_mic_abs{
	margin-left:8px;
}

#movie{
	/*clear:both; */
}