/* GENERAL ----------------------------------------------------------------------------- */

html {
     min-height: 100%;
     margin-bottom: 1px;
}
	
body{ background-color: #2a3236; }
body#dark{ background-color: #f0e0a2; }

#wrap{
	/*background: #f3f3f3 url(../img/bg.jpg) repeat-x 0 0;*/
	background: #f3f3f3;
}
/* HEADER----------------------------------------------------------------------------- */

#header{ 
	margin: 0 auto; 
	width: 963px;
	background:url(../img/bg-wrapp.jpg) repeat-y;
}
#news {
	width:730px;
	height:15px;
	padding-right:40px;
	float:left;
	text-align:right;
	font-family: "Arial", "Century Gothic" Sans-Serif;
	font-size: 11px;
	color:#FFFFFF;}
.white {
	color:#FFFFFF;}

/*  NEWSLETTER --------------------------------------------------------------------*/

#newsletter {
	width: 700px;
	float: right;
	padding-top: 2px;
	padding-right: 35px;
	text-align: right;
}
#newsletter ul li { list-style-type: none; display: inline; }
#newsletter ul li a { color: #ffffff; text-decoration: none; }
#newsletter ul li a:hover { color: #9aaecf; }
#newsletter ul li a:visited:hover { color: #9aaecf; }

#newsletterbox {
	background-color: #ececec; 
	width: 200px; 
	position: absolute; 
	margin-left: 734px;
	top: 39px;
	padding: 10px; 
	color: #FFFFFF; 
	text-align: left;
	border: 1px solid #93a39b;
	z-index:1000;
}
.input-search {
	padding: 4px;
	color: #fff;
	border: 1px solid #ececec;
	font-size: 11px;
	width: 200px;
	background: #87c2a4;
	padding:3px 3px;
	margin:3px 0;
}

#closebutton {
	float: right;
}

#closebutton a {
	color: #239a5e;
	font-family:tahoma;
	font-size:12px;
	text-decoration: underline;
}
	
	
/* a. logo ------------- */

#header h1{
	background: url(../img/img-pr_logo1.png) no-repeat 0 0;
	float: left;
	height: 44px;
	margin: 40px 0 0;
	text-indent: -9999px;
	width: 50px;
}

	#light #header h1{ background-image: url(../img/img-pr_logo_light.png); }
	#home #header h1{ width: 193px; }

		#header h1 a:link,
		#header h1 a:visited{ 
			display: block;
			height: 44px; 
		}

/* b. main nav ------------- */

#main-nav {
	float:left;
	height: 43px;
	margin: 0;
	padding:0;
	width: 930px;
}

	#main-nav li{ 
		float: left; 
		list-style: none; 
		/*text-indent: -9999px;*/
	}
	
		#main-nav li a:link,
		#main-nav li a:visited{ 
			display: block; 
			height: 43px; 
		}
#menu {
	background:url(../img/bg-headerMenu.gif);
	width:935px;
	height:88px;
	margin-left:14px;}
.menuLogo {
	width:128px;
	float:left;
	padding-right:72px;}
.menuItem {
	float:left;
	background:url(../img/bg-menuItem.gif) left no-repeat;
	height:59px;
	/*margin-top:15px;*/}
.menuItem p{
			color: #939191;
			font-family: "Arial", "Century Gothic" Sans-Serif;
			font-size: 11px;
			font-weight: normal;
			text-align: left;
			padding:18px 17px 0 15px;
			text-decoration:none;
		}
h2 {
	font-family:Trebuchet MS;
	font-size:16px;
	color:#239a5e;
	padding:0 25px 0 25px;
	text-decoration:none;}
.green {
	color:#239a5e;
	text-decoration:none;}
.greenTitle 	{
	color:#239a5e;
	padding-left:10px;
	pmargin-bottom:10px;
	text-decoration:none;}
/* MASTHEAD----------------------------------------------------------------------------- */

#masthead{
	background:url(../img/bg-wrapp.jpg) repeat-y;
	margin: 0 auto 0;
	width: 963px;
}

	#masthead-inner{
		position: relative;
		margin: 0 auto 0;
	}

		#masthead p.tagline{
			color: #7d7d7d;
			font-family: "Arial", "Century Gothic" Sans-Serif;
			font-size: 18px;
			font-weight: normal;
			text-align: center;
			padding: 5px 0 30px;
		}	
/* CONTENT-WRAP
----------------------------------------------------------------------------- */
h1 {
	margin:0;
	padding:0;
	font-family:Trebuchet MS;
	font-size:17px;
	color:#ffffff;
	text-decoration:none;
	font-variant:normal;
	font-weight:lighter;
	}
.Line {
	width:957px;
	padding-left:11px;
	height:224px;
	}
		#animeC	 {
			float:left;
			width:607px;
			height:224px;
			}	
		#serviciiIT-C {
			float:left;
			width:310px;
			height:224px;
			padding-left:11px;
			padding-top:20px;
			margin-left:20px;
			
			background:url(../img/echipamente-tehnice.jpg) left no-repeat;}			
			.pachete {
				color:#FFFFFF;
				font-family: tahoma;
				font-size:12px;
				padding-left:10px;
				background:url(../img/bullet.gif) left no-repeat;
				text-decoration:none;
			}
			.pachete:hover {
				color:#a4c1dd;
				text-decoration:underline;}
			.lineH {
				line-height:16px;}	
				
		#service-Calculatoare {
			float:left;
			width:305px;
			height:192px;
			padding-top:10px;
			background:url(../img/consultanta-IT.jpg) no-repeat;
			}		
			.pachete-service {
				color:#FFFFFF;
				font-family: tahoma;
				font-size:11px;
				padding-left:10px;
				background:url(../img/bullet.gif) left no-repeat top;
				text-decoration:none;
			}
			.pachete-service:hover {
				color:#a4c1dd;
				text-decoration:underline;}
			.lineService {
				line-height:16px;
				padding-left:10px;
				padding-top:10px;}				
			.white3 {
				color:#FFFFFF;
				font-size:17px;
				font-variant:normal;
				font-weight:lighter;}	
				
		#web-Design {
			float:left;
			width:312px;
			height:192px;
			background:url(../img/solutii-webdesign.jpg) no-repeat;
			margin-left:7px;
			padding-top:10px;}
				.pachete-web {
				color:#FFFFFF;
				font-family: tahoma;
				font-size:11px;
				padding-left:18px;
				background:url(../img/arrow-webdesign.gif) left no-repeat;				
				text-decoration:none;
			}
			.pachete-web:hover {
				color:#a4c1dd;
				text-decoration:underline;}
			.lineWeb {
				line-height:16px;
				padding-left:20px;
				padding-top:10px;}	
				
		#recuperari-Date {
			float:left;
			width: 304px;
			height:192px;
			background:url(../img/recuperare-de-date.jpg) no-repeat;
			margin-left:7px;
			padding-top:10px;}
			.recuperaridate {
				color:#FFFFFF;
				font-family: tahoma;
				font-size:11px;
				padding-left:18px;
				background:url(../img/arrow-recuperari.gif) left no-repeat;				
				text-decoration:none;
			}
			.recuperaridate:hover {
				color:#c1f4c0;
				text-decoration:underline;}
			.lineRecuperari {
				line-height:16px;
				padding-left:20px;
				padding-top:10px;}	
			
			
				
		#portofoliu-Webdesign {
			background:url(../img/bg-portofoliuWebdesign.gif) no-repeat;
			width:937px;
			height:192px;}	
.paddingDiv {
	padding-top:15px;}
.titleWEb {
	font-family:Trebuchet MS;
	font-size:16px;
	color:#239a5e;
	padding:0 25px 0 15px;
	text-decoration:none;
	font-weight:bolder;
	}
.LineWeb {
	width:937px;
	padding-left:11px;
	height:200px;
	}
#portfolioList {
	width:892px;
	height:142px;
	margin-left:20px;}	
	
		.portfolioItem {
			width:178px;
			text-align:center;
			padding-left:30px;
			padding-top:7px;
			float:left;
			}
			.portfolioItemP {
			width:190px;
			text-align:center;
	
			padding-top:7px;
			float:left;
			}
		.portfolioNext{
			width:50px;
			text-align:center;
			padding-top:7px;
			float:left;
			}	
		.linkPortfolio {font-size: 11px;
			font-family:tahoma;
			color:#5685a3;
			padding:0;
			margin:0;
			text-decoration:none;}
		.linkPortfolio:hover {
			text-decoration:underline;
			color:#006699;}
	
	
	
	
/*  CONTENT ALL ---------------- SUBPAGES ---- */
.lineAll {
		padding-left:15px;
		padding-top:10px;
		}	
#leftPart {
	float:left;
	width:200px;}
	
		.leftNav {			
			padding-bottom:10px;
			}
		.leftNavTop  {
			background:url(../img/bg-leftTop.gif) top no-repeat;
			height:31px;
			padding-top:5px;}
		.leftNavContent {
			padding-top:5px;
			background:url(../img/bg-leftNav.gif) repeat-y;
			}
		.leftNavBottom {
			background:url(../img/bg-leftNavBott.gif) no-repeat;
			height:19px;}
		ul.subcat { 
			margin-top:0.5em;
			margin-left:5px;
			padding-left:5px; }
		ul.subcat li {
			position:relative;
			list-style-type:none;
			background:url(../img/li_arrow1.gif) 2px  no-repeat;
		}
		ul.subcat li a {
			position:relative;
			display:block;
			padding:0.2em 5px 0.2em 12px;
			margin-right:10px;
			color:#fff;
			text-decoration:none;
			min-height:1.22em;
			height:auto !important;
			height:1.22em;
			line-height:1.22em;
		}
		ul.subcat li a:hover, ul.subcat li.active a {
			background:url(../img/li_arrow.gif)  no-repeat #6bae7d;
			color:#fff;
			padding-right:10px;
		}
		/*ul.subcat li.current, ul.subcat li.active a {
			background:url(../img/li_arrow.gif)  no-repeat #6bae7d;
			color:#fff;
			padding-right:10px;
		}*/
.linie {
	width:695px;
	float:left;
	height:110px;
	margin-top:15px;
	text-align:justify;}
.linieHalf {
	width:345px;
	float:left;
	height:110px;
	margin-top:0px;
	text-align:justify;}
.linieContact {
	width:235px;
	float:left;
	margin-top:0px;
	text-align:justify;
	margin-right:20px;}
.harta {
	width:200px;
	height:150px;
	background:url(../img/h1.jpg) no-repeat;}
.harta:hover {
	width:200px;
	height:150px;
	background:url(../img/h.jpg) no-repeat;}
.linieCForm {
	width:435px;
	float:left;
	margin-top:0px;
	text-align:justify;
	}
#mainContent {
	float:left;
	width:714px;
	margin-left:6px;
	}	
.mainCtop {
	background:url(../img/bg-topMain.gif) top no-repeat;
	height:8px;
}
.mainC {
	background:url(../img/bg-allMain.gif) repeat-y;
	margin: 0 auto 0;
	padding:5px;}
.mainCbottom {
	background:url(../img/bg-bottomMain.gif) no-repeat bottom;
	height:21px;}
.LineServicii {
	width:937px;
	padding-left:14px;
	height:580px;
	}
	
.mainCStop {
	background:url(../img/bg-topMainServicii.gif) top left no-repeat;
	height:19px;
}
.mainCS {
	background:url(../img/bg-allMainServicii.gif) left repeat-y;
	margin: 0 auto 0;
	padding:5px 7px 0 10px;
	height:570px;}
.mainCSbottom {
	background:url(../img/bg-bottomMainServicii.gif) left no-repeat bottom;
	height:21px;
	margin:0 auto 0;
	padding:0;}	
	
.serviciiSolutii {
	width:340px;
	padding-right:12px;
	padding-top:20px;
	padding-bottom:5px;
	font-family:Tahoma;
	font-size:12px;
	color:#6b787d;
	text-align:justify;
	float:left;}
.serviciiSolutiiT {
	width:292px;
	padding-right:7px;
	padding-top:20px;
	padding-bottom:5px;
	font-family:Tahoma;
	padding-left:6px;
	font-size:12px;
	color:#6b787d;
	text-align:justify;
	float:left;}	
.textL {
	font-family:Tahoma;
	font-size:11px;
	color:#6b787d;
	text-decoration:none;}	
.textL:hover  {

	text-decoration:underline;}	
.leftImg {
	float:left;
	padding-right:2px;}	
.leftImgRef {
	float:left;
	padding-right:15px;
	padding-bottom:20px;}	
	
.rightImg {	float:right;
	padding-left:2px;}
.grey {
	color:#62646C;
	}
.grey:hover {
	text-decoration:none;}
.negru {
	color:#000000;}
.verde {
	color:#239a5e;
	}
ul.arrow { 
			margin-top:0.5em;
			margin-left:5px;
			padding-left:5px;
			font-family:tahoma;
			font-size:11px;
			 }
		ul.arrow li {
			position:relative;
			list-style-type:none;
			padding-left:20px;
			background:url(../img/arrow.gif) 2px  no-repeat;
		}	
	
.serviciiSolutiiDetalii	 {
	padding:0 5px 5px 7px;
				font-family:tahoma;
			font-size:11px;
			color:#62646C;}
	
	
.dell {
	width:170px;
	height:30px;
	float:left;
	padding-bottom:20px;
	background:url(../img/servicii-si-solutii/echipamente/dell1.gif) no-repeat center;}
.dell:hover {
	background:url(../img/servicii-si-solutii/echipamente/dell.gif) no-repeat center;}	
.ibm {
	width:170px;
	height:30px;
	float:left;
	padding-bottom:20px;
	background:url(../img/servicii-si-solutii/echipamente/ibm1.gif) no-repeat center;}
.ibm:hover {
	background:url(../img/servicii-si-solutii/echipamente/ibm.gif) no-repeat center;}	
.lenovo {
	width:170px;
	height:30px;
	float:left;
	padding-bottom:20px;
	background:url(../img/servicii-si-solutii/echipamente/lenovo1.gif) no-repeat center;}
.lenovo:hover {
	background:url(../img/servicii-si-solutii/echipamente/lenovo.gif) no-repeat center;}	
	
.hp {
	width:170px;
	height:30px;
	float:left;
	padding-bottom:20px;
	background:url(../img/servicii-si-solutii/echipamente/hp1.gif) no-repeat center;}
.hp:hover {
	background:url(../img/servicii-si-solutii/echipamente/hp.gif) no-repeat center;}
	
.acer {
	width:170px;
	height:30px;
	float:left;
	padding-bottom:20px;
	background:url(../img/servicii-si-solutii/echipamente/acer1.gif) no-repeat center;}
.acer:hover {
	background:url(../img/servicii-si-solutii/echipamente/acer.gif) no-repeat center;}	
	
.xerox {
	width:170px;
	height:30px;
	float:left;
	padding-bottom:20px;
	background:url(../img/servicii-si-solutii/echipamente/xerox1.gif) no-repeat center;}
.xerox:hover {

	background:url(../img/servicii-si-solutii/echipamente/xerox.gif) no-repeat center;}	
.siemens {
	width:170px;
	height:30px;
	float:left;
	padding-bottom:20px;
	background:url(../img/servicii-si-solutii/echipamente/fujitsu1.gif) no-repeat center;}
.siemens:hover {

	background:url(../img/servicii-si-solutii/echipamente/fujitsu.gif) no-repeat center;}	
	
.tochiba {
	width:170px;
	height:30px;
	float:left;
	padding-bottom:20px;
	background:url(../img/servicii-si-solutii/echipamente/toshiba1.gif) no-repeat center;}
.tochiba:hover {
	background:url(../img/servicii-si-solutii/echipamente/toshiba.gif) no-repeat center;}	
.partTrei {
	width:215px;
	float:left;
	padding-left:15px;
	height:260px;
	}		
.client {	
	min-height:110px;
	border-bottom:1px solid #CCCCCC;
	padding-top:10px;}	
.padd {
	margin-bottom:25px;
	border:1px solid #ffffff;
	}	
.padd:hover {
	border:1px solid #ff0000;}
	
	
	
	
	
	
/* FOOTER
----------------------------------------------------------------------------- */

#footer-wrap{ 
	background: #2a3236 url(../img/bg-footer-all.jpg) repeat-x 0 0;
	padding: 0;
}
#footer-inner {
	position: relative;
	margin: 0 auto 0;
	background:url(../img/bg-footer-wrapp.jpg) repeat-y;
	margin: 0 auto 0;
	width: 963px;
	}
#footer-inner-top{ 
	text-align: center;
	background:url(../img/bg-footer-innerTop.gif) no-repeat;
	width:963px;
	color:#9aa7ad;
	font-family:tahoma;
}
#footer-inner-bott{ 
	text-align: center;
	background:url(../img/bg-footer-innerBott.gif) no-repeat;
	height:61px;
	width:963px;
}
.footerItemDespre {
	width:300px;
	text-align:left;
	padding-top:50px;
	margin-left:10px;
	background:url(../img/despre-bit.jpg) no-repeat top left;
	float:left;
	}
.footerItemAsistenta {
	width:293px;
	text-align:left;
	padding-left:10px;
	float:left;
	padding-top:50px;
	margin-left:16px;
	background:url(../img/asistenta-tehnica.jpg) top no-repeat;
	}
.footerItemDetalii {
	width:280px;
	text-align:left;
	padding-left:10px;
	float:left;
	padding-top:50px;
	margin-left:10px;
	background:url(../img/detalii-contact.jpg) top no-repeat;
	}
.content {
	font-family:tahoma;
	color:#9aa7ad;
	font-size:11px;
	padding-left:2px;}
.contentlink {
	font-family:tahoma;
	color:#9aa7ad;
	font-size:11px;
}
.contentlink:hover {
	color:#03ecef;
	text-decoration:underline;}
h3 {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #9aa7ad;
}
.contentL {
	font-family:tahoma;
	color:#b2b9bd;
	font-size:11px;
	padding-left:2px;
	}
.contentL:hover {
	text-decoration:none;}
.menubottom {
	font-family:Tahoma;
	font-size:9px;
	color:#2A3236;
	text-decoration:none;
}
.menubottom:hover {
	color:#7894af;
	text-decoration:underline;}
.copy {
	font-family:tahoma;
	font-size:9px;
	color:#51626f;
	}
.footerBacktraking {
	padding-top:10px;}
	
	
	#dropinboxv2cover{
width: 450px;
height: 320px;  
position:absolute; 
z-index: 100;
overflow:hidden;
visibility: hidden;
}

#dropinboxv2{
width: 430px; 
height: 300px; 
border: 4px solid #269920; 
padding: 4px;
background:#FFFFFF;
position:absolute; 
left: 0;
top: 0;
}