@charset "utf-8";
/* CSS Document */
*{
	margin:0; padding:0;
}
html, body{
	width:100%;
	background: #b8b8b8; 
	font: normal 11px Century Gothic, Verdana; 
	color: #686767; 
}
html{overflow-y:scroll;}
a{
	text-decoration: none; outline:none;
}
a img{
	border:none;
}

#main{
	margin:0 auto!important; width:1024px;
	background: url(../images/body-background.jpg) repeat-y; 
	position:relative; z-index:0!important; 
}
div.top{
	float:left; width:1024px; height:109px;
	background:transparent url(../images/top.jpg) no-repeat; 	
	font: normal 11px Century Gothic; 
}
div.form-head	{
	float:right; padding:10px 60px 0px 0; 
}

div.menu{
	float:right; text-transform:uppercase;
	color:#474747; padding:10px 60px 0 0px; 
	}
	div.menu a{
		color:#474747; padding:0 5px;
	}
	div.menu a:hover, div.menu a.main_current{
		color:#45bce4;
		}
		a.lang{
			color:#939292!important;
		}
		
div.logo{
	float:left; padding:21px 0 0 108px;
}
div.footer{
	height:23px; float:left; width:914px;
	background:transparent url(../images/bottom.jpg) no-repeat;
	padding:34px 0 0 110px; 
}
div.footer a{
	color:#939292; font-size:10px; padding:0 3px;
}
div.content{
	float:left;	 width: 950px; 
	padding:38px 40px 20px 40px;
	position:relative;
}
div.title{
	height:29px; font: normal 13px Century Gothic, Vedana; text-transform:uppercase;
	line-height:43px; padding:0 0 0 27px; margin: 0 0 0 71px;  float:left;
	width:100%;
	}
	
	div.projectsbg, div.portfoliobg{
		color:#45bce4; width:300px;
		background: url(../language/bg/images/P-letter.png) left no-repeat;
	}
	div.projectsen, div.portfolioen{
		color:#45bce4; width:300px;
		background: url(../language/en/images/P-letter.png) left no-repeat;
	}
	div.portfoliode{
		color:#45bce4; width:300px;
		background: url(../language/de/images/P-letter.png) left no-repeat;
	}
	div.projectsde{
		color:#45bce4; width:300px;
		background: url(../language/de/images/L-letter.png) left no-repeat;
	}
	div.newsbg{
		background: url(../language/bg/images/N-letter.png) left no-repeat;
		color:#cd3378; float:left; 		
		margin:0 0 25px 0;
	}
	div.newsen{
		background: url(../language/en/images/N-letter.png) left no-repeat;
		color:#cd3378; float:left; 		
		margin:0 0 25px 0;
	}
	div.newsde{
		background: url(../language/de/images/N-letter.png) left no-repeat;
		color:#cd3378; float:left; 		
		margin:0 0 25px 0;
	}
	div.softwarebg{
		background: url(../language/bg/images/S-letter.png) left no-repeat;
		color:#46ae0d;
		margin:0 0 25px 0;
	}
	div.softwareen{
		background: url(../language/en/images/S-letter.png) left no-repeat;
		color:#46ae0d;
		margin:0 0 25px 0;
	}
	div.softwarede{
		background: url(../language/de/images/S-letter.png) left no-repeat;
		color:#46ae0d;
		margin:0 0 25px 0;
	}
	div.servicesbg{
			color:#ffa200; 
			background: url(../language/bg/images/U-letter.png) left no-repeat;
	}
	div.servicesen{
			color:#ffa200; 
			background: url(../language/en/images/U-letter.png) left no-repeat;
	}
	div.servicesde{
			color:#ffa200; 
			background: url(../language/de/images/U-letter.png) left no-repeat;
	}
	div.aboutbg{
			background: url(../language/bg/images/Z-letter.png) left no-repeat;
			color: #fd0000;
	}
	div.abouten{
			background: url(../language/en/images/Z-letter.png) left no-repeat;
			color: #fd0000;
	}
	div.aboutde{
			background: url(../language/de/images/Z-letter.png) left no-repeat;
			color: #fd0000;
	}
	font.big{
		display:none;
	}
.all-projects{
	float:right; padding:11px 54px 0 20px; height:18px; line-height:26px;
	background:url(../images/all-projects.jpg) left bottom no-repeat; 
}
.all-projects a{
	color:#939292;
}	
div.javascript{
	/*background:url(../images/project-gallery.jpg)  no-repeat;*/
	width:952px; height:286px; float:left; 
}	
div.box{
	float:left; width:340px;  padding: 0 0 0 71px; 
	}
	h2{
		font: normal 11px Century Gothic, Verdana; color: #cd3378;
	}
	h3{
		font: normal 11px Century Gothic, Verdana; color: #939292;
	}
	h4{
		font: normal 11px Century Gothic, Verdana; color: #46ae0d;
	}
	a.pink{
		color: #cd3378; background:url(../images/pink-arrow.jpg) right no-repeat;
		padding:0 10px 0 0 ;
	}
	a.green{
		color: #46ae0d; background:url(../images/green-arrow.jpg) right no-repeat;
		padding:0 10px 0 0 ;
	}
	div.software1{
		width:370px; margin-left:50px;
	}

	
	
/*Inside******************************************************/

div.icons{
	width:300px; float:right; 
	padding:0 53px 0 0; 
}
div.icons p{
	float:right;
}
div.icons p img{
	margin:0 5px;
}
div.icons p a.next{
	background: url('../images/next-arrow.jpg') right no-repeat; 
	padding: 0px 30px 0 0px; float:left; color:#939292; margin-top:5px;
}
div.icons p a.previous{	
	background: url('../images/previous-arrow.jpg') left no-repeat; 
	padding: 0px 0 0 30px; float:left; color:#939292; margin: 5px 20px 0 0;
}
div.path{
	position: absolute; top:40px; left:114px; width:836px; 
	z-index:9999;
}
div.path a.services, div.path a.software, div.path a.news, div.path a.about, div.path a.portfolio{
	color:#686767;
}
div.path a.services:hover {
	color: #ffa200;
}
div.path a.software:hover {
	color: #46ae0d;
}
div.path a.news:hover {
	color: #cd3378;
}
div.path a.about:hover {
	color: #fd0000;
}
div.path a.portfolio:hover {
	color: #45bce4;
}
div#left{
	float:left; width:319px; 
}
div.menu-left{
	background: url(../images/menu-left-repeat.jpg) right top repeat-y; 
	width:319px; float:left;
}
div.menu-left-top{
	background: url(../images/menu-left-top.jpg) right top no-repeat; 
	width:319px; float:left;
}
div.menu-left-bottom{
	background: url(../images/menu-left-bottom.jpg) right bottom no-repeat; 
	width:245px; float:left; padding: 41px 0 40px 74px; min-height:220px; _height:220px;
	position:relative;
	}
div.menu-left-bottom1{
	width:150px; float:left; padding: 3px 0 40px 74px;
	position:relative;
	}
	ul.menu-left-ul{
		width: 205px; float:left; list-style-type:none;
		margin-top:20px; padding:0 20px 60px 0;
	}
	ul.menu-left-ul li{
		padding:5px 0; 
		background: url(../images/menu-left-border.jpg) bottom no-repeat; 
	}
	ul.menu-left-ul li a{
		display: block; width: 185px; line-height:14px; padding-right:20px;
		color: #686767;
	}
	ul.menu-left-ul li a:hover, ul.menu-left-ul li a.current {
		padding-left: 28px!important; 
	}
	ul.menu-left-ul li a img{
		border:none; visibility:hidden;
	}
	ul.menu-left-ul li a:hover img, ul.menu-left-ul li a.current img{
		border:none; visibility:visible; margin-left:3px;
	}		
	
	ul.menu-left-ul li:last-child{
	background:none; }
	.green li a:hover, .green h1, .green li a.current{
		color:#46ae0d; padding-left:25px;
	}
	.green span.text a{color:#46ae0d;}
	.orange li a:hover, .orange h1, .orange li a.current{
		color:#ffa200; padding-left:25px;
	}
	.orange span.text a{color:#ffa200;}
	.pink li a:hover, .pink h1, .pink li a.current{
		color:#cd3378; padding-left:25px;
	}
	.pink span.text a{color:#cd3378;}
	.red li a:hover, .red h1, .red li a.current {
		color:#fd0000; padding-left:25px;
	}
	.blue li a:hover, .blue h1, .blue li a.current {
		color:#45bce4; padding-left:25px;
	}
	.blue span.text a{color:#45bce4;}
	.red span.text font, .red span.text a{
		color:#fd0000; font:normal 11px Century Gothic, Verdana;
	}
	.pink span.text, .orange span.text, .green span.text, .red span.text, .blue span.text{
		padding-left:25px;
		display:block;
	}
	.pink span.text ul, .orange span.text ul, .green span.text ul, .red span.text ul, .blue span.text ul,
	.pink span.text ol, .orange span.text ol, .green span.text ol, .red span.text ol, .blue span.text ol{
		padding-left:25px;
	}
	
div#right{
	float:left; width:631px; 
}

div.right-repeat{
	float:right; width:631px; 
	background: url(../images/inside-repeat.jpg) right top repeat-y;	
}
div.right-top{
	float:right; width:631px; 
	background: url(../images/inside-top.jpg) right top no-repeat;	
}
div.right-bottom{
	float:right; width:525px; 
	background: url(../images/inside-bottom.jpg) right bottom no-repeat;
	padding:56px 80px 60px 26px;
	}

	h1{
		font: normal 12px Century Gothic, Verdana; 
		text-transform:uppercase; 
	}
div.menu-left .title{
	padding:0 0 0 28px; margin:0; width:auto;
	}
	
/*Portfolio*****************/

div.blue{
	padding:0px; width:561px;
	padding:56px 40px 60px 0px;
}
div.picture-portfolio{
	width: 248px; height:188px;
	padding: 27px 0 0 54px; position:relative; 
	float:left; background: url('../images/mask-portfolio.jpg') top left no-repeat;
}

div.picture-portfolio img{
	border:none; float:left;
}
div.picture-portfolio a {
	display:block; float:left;
}
div.picture-portfolio a p{
	float:left;
}
div.picture-portfolio a:hover p{
	color:#45bce4!important; 
}

div.picture-portfolio p{
	color: #939292; font: normal 50px Century Gothic, Verdana;
	position: absolute; right:0; top:40px; 
	padding:0;
}
div.details-portfolio{
	width:215px; 
	float:left; padding:21px 0 0 15px;
}
div.details-portfolio h5{
	color:#279dc4; font:normal 11px Century Gothic, Verdana; 
}
div.details-portfolio a.light-grey{
	color: #a1a1a1;
}
div.details-portfolio a{
	color: #828181; 
}

div.box-portfolio-detail{
	background:url('../images/border-portfolio-details.jpg') top left no-repeat;
	padding:10px 60px 0px 5px; float:left;
}
h2.title-box{
	color:#504e4e; text-transform:uppercase;
	font:normal 12px Century Gothic, Verdana;
}
div.box-portfolio-detail a{
	color: #2e95b7; display:block; 
	background:url('../images/border-portfolio-details.jpg') top left no-repeat;
	line-height:30px; margin-top:10px;
}
div.portfolio-detail-title{
	float:left; 
}
/*News*****************/

p.news{
	position: absolute; bottom:30px; left:74px;
	width:200px;
}
p.news a{
	display:block; color:#939292;
	background: url('../images/bullet.jpg') left center no-repeat; 
	 padding:5px 0 5px 17px; line-height:9px; 
}
p.news a:hover, p.news a.active{
	color: #cd3378;
	background: url('../images/bullet-pink.jpg') left center no-repeat;
}

p.portfolio a:hover, p.portfolio a.active{
	color:#74c7e9;
	background: url('../images/bullet-blue.jpg') left center no-repeat;
}
p.portfolio{
	position: absolute; bottom:10px; left:74px;
	width:200px;
}

/*News*****************/

#right h6{
	text-transform: uppercase;
	font: normal 12px Century Gothic; 
	color:#45bce4; padding: 15px 0 ;
}


/*Partners******************************/

div.partner{
	float:left; width:500px; margin-bottom:10px;
}
div.partner a{
	color: #fd0000;
}
div.partner img{
	float:left; margin-right:10px;
}

/*Contacts*****************/

div.contact-form{
	background:url('../images/border-portfolio-details.jpg') top center no-repeat;
	padding:22px 0 0 0;
}
div.contact-form font {
	color: #444444;
}
div.background{
	background:url('../images/input.gif') no-repeat top left;
	width:87px; height:20px; float:left; padding: 0 2px;
}
div.background-password{
	background:url('../images/input-password.gif') no-repeat top left;
	width:87px; height:20px; float:left;
}
input#potrebime, input#parola{
	border:none; background:none;
	height:16px; width:78px; padding:0px 3px 0 3px;
	float:left; margin-right:0px; font: normal 11px Century Gothic, Verdana;
	color: #444444;
}
label#usernamelabel, label#passwordlabel {
	float:left; font-size:10px; color:#787878;
	line-height:18px; width:auto!important;
}
input#button_begin{
	float:left; background:url(../images/button_begin_background.gif) no-repeat; width: 17px; 	
	border:0; height:16px;
}
a.contact {
	color:#444444;
}
label#scode {
	line-height:13px; margin-top:10px;
}
input#seccode{
	width:40px!important;
}

/*Site map*******************************/

div.site-map {
	 float:left; padding:0 0 0 74px;  width:600px;
}
div.site-map h1 {
	color: #5f438e;
}
div.site-map ul {
	list-style-type:none; width:600px;
}
div.site-map ul.main-list li a{
	background: url('../images/border-portfolio-details.jpg') left bottom no-repeat;
	width:600px; display:block; color:#5f438e;  font: normal 13px Century Gothic, Verdana;
	padding:5px 0;
}
ul.main-list li ul.sub-list{
	padding: 10px 0 10px 30px;
}
ul.main-list li ul.sub-list li a{
	background:none; padding:0; color:#7c5bb2; font-size:12px; line-height:20px;
}

ul.main-list li ul.sub-list li a img{
	visibility:hidden;
}
ul.main-list li ul.sub-list li a:hover img{
	visibility:visible; margin-left:5px;
}
ul.main-list li ul.sub-list li ul {
	padding-left:30px;
}
ul.main-list li ul.sub-list ul li a{
	color:#a68ad4;  font-size:11px;
}
/*Gallery*****************************************************************/


#gallery {
	position:relative; width:543px; margin:10px auto; 
	float:left;
}

#image {
	position:relative; width:543px; height:426px;
	background:#FFF url(../images/loading.gif) center center no-repeat;
}
#mask{
	position:relative; width:464px; height:345px;
	background:#FFF url(../images/mask-big-gallery.jpg) center center no-repeat;
	padding:33px 41px 38px 38px; float:left;
}
#image img {
	position:absolute; top:33px; left:38px;
}
#thumbwrapper {
	padding:5px 0px 5px 35px; width:508px; height:122px; 
	background:#fff;
}
#thumbarea {
	position:relative; overflow:hidden; height:122px; width:464px; 
	
}
#thumbs {
	position:absolute; list-style:none; margin-left:5px; 
	height:122px; width:10000px; 
}
#thumbs li {
	float:left; cursor:pointer;
	background: url(../images/mask-small-gallery.jpg) left top no-repeat; 
	width: 78px; height:58px; padding:28px 19px 36px 19px;
}
.imgnav {
	position:absolute; height:345px; width:20%; 
	z-index:100; width:20%; z-index:100; 
	outline:none; cursor:pointer;
}
#previmg {
	position:absolute; left:0; 
	background:url(../images/left.gif) left center no-repeat; 
	
	
}
#previmg:hover {
	opacity:1; filter:alpha(opacity=100)
}
#nextimg {
	position:absolute; right:0; 
	background:url(../images/right.gif) right center no-repeat; 
	
}
#nextimg:hover {
	opacity:1; filter:alpha(opacity=100);
}