@import url("fonts.css");
body{
   font-family: Arial, "Trebuchet MS",  Verdana, Helvetica, sans-serif;
   font-size:12px;
   color:#494949;
   background:#000 url(../images/background.jpg) center top no-repeat;
}
:-moz-any-link:focus {
  outline: none;
}
.clearfloat{
   clear:both;
   line-height:0px;
   height:0px;
/*   font-size:0px;*/
}
.rounded{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
 	border-radius: 5px;	
 	behavior: url(/border-radius.htc);
 	background:transparent;
	}
p{
	margin-top:10px;
	line-height: 150%;
}
.clearfloat.space10{
	margin-bottom:10px;
}
hr{
   font-size:0px;
   line-height:0px;
   height:1px;
   padding:0px;
   margin:0px;
   color:red;
   border:0px;
   border-bottom:solid 1px #c7c8c8;
}

strong{
   font-weight:bold;
}
a{
   color:#fff;
   text-decoration:none;

}
a:hover{
   color:#ccc;
}
#wrapper{
	width:986px;
	margin:0 auto;
}
#header{
	width:100%;
	height:90px;
	position:relative;
	z-index:1250 !important;
}
#logo{
	width:250px;
	height:126px;
	margin-left:13px;
	position:absolute;
	background:url(../images/logo.png) no-repeat;
	z-index:1250 !important;
}
#menu{
	float:right;
	margin-top:15px;
}
#menu ul {
/*
	border:1px solid red;
	height:40px;
	width:720px;
	*/
}
#menu ul li{
	float:left;

}
#menu ul li a{
	font-size:30px;
	font-family: Franklin Gothic Medium, FranklinGothicMediumRegular;
}
#menu ul li.services a{
	color:#ababab;
}
#menu ul li.portfolio a{
	color:#5e5e5e;
}
#menu ul li.contact a{
	color:#3d3d3d;
}

.top-menu{
	float:right;
	clear:both;
	margin-top:10px;
}
.top-menu ul li{
	float:left;
	color:#9cb727;
}
.top-menu li a{
	color:#9cb727;
	font-size:11px;
	margin-left:4px;
	margin-right:4px;	
}
.top-menu li.lang a {
	font-size:11px;
	color:#6e6e6e;
	margin-left:4px;
	margin-right:4px;
}
.top-menu li.lang{
	color:#6e6e6e;
}
.top-menu li a:hover{
	color:#fff;
}
.content{
	float:left;
	width:986px; /*old 986*/
/*	background:url(../images/leftBlock-bg.jpg) 18px 35px no-repeat;  */
	background:url(../images/content-left-bottom.png) left bottom no-repeat;
}
@media all and (min-width: 0px){
	.content{
	width:996px;
	}
}
.content.home{
	background: none;
}
.flash-box{
	float:left;
	width:735px;
	height:331px;
	background:#fff;
	margin-bottom:5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px;
	behavior: url(/border-radius.htc);
}
.last-site-box{
	float:left;
	width:246px;
	height:323px;
	padding-top:10px;
	margin-left:5px;
	margin-top:-2px;
	margin-bottom:5px;
	background:#1f1f1f url(../images/last-site-box-bg.jpg) left top repeat-x; 
/*	background-image:url(../images/last-site-box-bg.jpg);
	background-position: left top;
	background-repeat:repeat-x;
	background-color:#1f1f1f;*/
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px;
}

@media all and (-webkit-min-device-pixel-ratio:10000),not all and (-webkit-min-device-pixel-ratio:0){
.last-site-box{	
margin-left:2px;
}
}
.last-site-boxContent{
	margin:0 30px 0 30px;
	float:left;
	width:186px;
}
.last-site-box p {
	color: #e1e1e1;
	font-size: 11px;
	line-height: 15px;
}
.last-site-box label{
	font-family:Franklin Gothic Book, FranklinGothicBookRegular;
	font-size:16px;
	line-height:18px;
	color:#8c8c8c;
}
.last-site-box label.title{
	font-family:Franklin Gothic Book, FranklinGothicBookRegular;
	font-size:20px;
	line-height:18px;
	color:#9abb2b;
	margin-top:10px;
	margin-bottom:10px;
}
.feature-site-box{
	float:left;
	height:315px;
	width:246px;
	padding-top:10px;
/*	padding:0 30px 0 30px; */
	background:#f1f1f1;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px;
	margin-top:1px;
}
.feature-site-boxContent{
	float:left;
	width:206px;
	margin:0 20px 0 20px;
}
.feature-site-box label{
	font-family:Franklin Gothic Book, FranklinGothicBookRegular;
	font-size:20px;
	color:#000;
}
.cms-box{
	float:left;
	width:484px;
	height:315px;
	padding-top:10px;
/*	padding:0 30px 0 30px;  */
	background:#000;
	color:#b3b3b3;
	font-size:13px;
	margin-left:5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px;
	margin-top:1px;
}
@media all and (-webkit-min-device-pixel-ratio:10000),not all and (-webkit-min-device-pixel-ratio:0){
.cms-box{
	margin-left:2px;
}
}
.cms-boxContent{
	float:left;
	width:424px;
	margin:0 30px 0 30px;
}
.cms-box label{
	font-family:Franklin Gothic Book, FranklinGothicBookRegular;
	font-size:30px;
	line-height:30px;
	color:#9abb2b;
}
.highlights-box{
	float:left;
	height:315px;
	width:246px;
	padding-top:10px;
/*	padding:0 30px 0 30px; */
	margin-left:5px;
    background:#f7f7f7 url(../images/highlights-box-bg.jpg) left top repeat-x;
    -moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px;
	margin-top:1px;
}
@media all and (-webkit-min-device-pixel-ratio:10000),not all and (-webkit-min-device-pixel-ratio:0){
	.highlights-box{
	margin-left:2px;	
}
}
.highlights-boxContent{
	float:left;
	width:186px;
	margin:0 30px 0 30px;
}
.highlights-box label{
	font-family:Franklin Gothic Book, FranklinGothicBookRegular;
	font-size:18px;
	line-height:24px;
	color:#000;
}
.highlights-box label.title{
	font-family:Franklin Gothic Book, FranklinGothicBookRegular;
	font-size:20px;
	color:#6A8510;
	line-height:18px;
	
/*	margin-top:10px;
	margin-bottom:15px;*/
}
.highlights-box p, .feature-site-boxContent p {
	line-height:normal;
	color: #494949;
	font-size: 11px;
	
}
.highlights-box a,.highlights-box a:link,.highlights-box a:visited {
	color:#690;
	text-decoration:none;
	}
.highlights-box a:hover {
	text-decoration:underline;
	color:#999;
}
.feature-site-boxContent a,.feature-site-boxContent a:link,.feature-site-boxContent a:visited {
	color:#690;
	text-decoration:none;
	}
.feature-site-boxContent a:hover {
	text-decoration:underline;
	color:#999;
}

a.green:link,a.green:visited,a.green:active {
	color:#690;
	text-decoration:none;
	}
a.green:hover {
	text-decoration:underline;
	color:#999;
}

.ccwrapper{
	float:left;	
}
.footer{
	float:left ;
	margin-top:5px;
	color:#6a6a6a;
	color:#7b7b7b;
	font-size:11px;
	padding-right:5px;
	width:100%;
}
.footer.allPages{
	margin-left:20px;
}
/*
.leftBlock #cctopcontainer #cctopmiddlefiller,
.leftBlock #cctopcontainer #cctr div,
.leftBlock #cctopcontainer #cctl div,
.leftBlock #ccbottomcontainer #ccbottommiddlefiller,
.leftBlock #ccbottomcontainer #ccbr div,
.leftBlock #ccbottomcontainer #ccbl div
{
	background:none !important;
	background:url(../images/leftBlock-bg.png) !important; 
}
*/
.leftBlock{
	float:left;
	width:214px;
	min-height:450px;
	margin:30px 0 0 18px;
/*		background:none !important;
	background:url(../images/leftBlock-bg.png) !important; 
    background:url(../images/leftBlock-top-bg.jpg) left top no-repeat;*/
/*	background:url(../images/leftSide-bg.png); */
	color:#AEAEAE;
	padding:10px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px;
}

.centralBlock{
	float:left;
	width:728px; /* old 668 728*/
	min-height:530px;
    background:#ffffff url(../images/centralBlock-bg.gif) left top no-repeat; 
	margin-left:6px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px;
/*	padding-left:30px; /* old 30 */
/*	padding-right:30px; /* old 30 */
}
.centralBlock.portfolio{
	width:725px; /* old 668  728*/
/*	padding-left:20px; /* old 30 */
/*	padding-right:25px; /* old 30 */
}
.mainContent{
	float:left;
	margin:0 30px 0 30px;
	width:668px;
}
.centralBlock.portfolio .mainContent{
	float:left;
	width:680px;
	margin:0 25px 0 20px;
	min-height:650px;
	position:relative;
}
h1{
	font-family:Franklin Gothic Book, FranklinGothicBookRegular;
	font-size:30px;
	color:#87A426;
	margin-top:10px;
	margin-bottom:20px;
}
h2{
	font-family:Franklin Gothic Book, FranklinGothicBookRegular;
	font-size:24px;
	color:#F2B90D;
	margin-top:10px;
	margin-bottom:10px;
}
.h3{
	font-family:Franklin Gothic Book, FranklinGothicBookRegular;
	font-size:18px;
	color:#EBA70A;
	margin: 0px;
	padding: 0px;	/*margin-bottom:10px;*/
}
/* malisa portfolio */
.portfolio, .portfolio-content {
	float: left;

}
.portfolio-content {
	width: 220px;
	margin-right:10px;
	text-align:center;
	/*border: 1px solid red;*/
	min-height: 145px;
	cursor: pointer;
}
.portfolio-content.last{
	margin-right:0px;
}
.portfolio-content h2{
	margin-top:5px;
	color:#7aa002 !important;
	float:left;
	font-size:17px;
	text-transform:uppercase;
	font-weight:bold;
}
.portfolio-content:hover h2{
	color:#7f7f7f !important;
	}
.project_images {
	display: block;
	position: relative;
	width:220px;
	height:155px;
}
.project_images img {
	margin: 0px;
	padding: 0px;
}

.shortContent {
	/*display: none;*/
	text-align:left;
	padding-right:10px;
	height:75px;
	overflow:hidden;
	line-height:18px;
}
.shortContent li {
	font-size: 11px;
}
.shortContent p {
	margin:0;
	font-size: 11px;
	line-height: 15px;
}
.shortContent.active {
	opacity:0.77;
	filter:alpha(opacity=77);
}
.shortContent {
	opacity:1;
	filter:alpha(opacity=100);
}
#portfolio-content-preview {
	position:absolute;
	right:25px;
	top:0;
	width: 480px;
}
.imgMouseOver{
	height:130px;
	/*border:1px solid blue;*/
}
.imgMouseOverReadMore {
	/*background:transparent url(../images/read-more.gif) right top no-repeat;*/
	left:0px;
	top:0px;
	position:absolute;
	height:155px;
	width:220px;
	z-index:5;
	display:none;
	/*border:1px solid red;*/
}
.pagination_portfolio {
	text-align:center;
	margin-top:10px;
	position:absolute;
	bottom:10px;
	width:100%;
	
	/*border:1px solid blue;*/
}
.pagination_portfolio span {
	float:left;
	display:block;
	width:26px;
	height:25px;
	margin-right:5px;
	color:#000;
	line-height:25px;
	font-size:13px;
}
.pagination_portfolio span:hover, .pagination_portfolio span.active{
	background:url(../images/pagin_active.jpg) left top no-repeat;
	color:#fff;
}
.pagination_portfolio a {
	color:#000;
	display:block;
	font-size:13px;
}
.pagination_portfolio span:hover a {
	color:#fff;
}
.pagination_portfolio span.prev:hover, .pagination_portfolio span.next:hover{
	background:none;
}
.pagination_portfolio span.prev a:hover, .pagination_portfolio span.next a:hover{
	color:#99b424;
}
.site_map a, .porfolio_details a {
	color:#000;
}
.site_map a:hover, .porfolio_details a:hover {
	color:#CCCCCC;
}
.portfolio_images {
	background:transparent url(../images/detalji_image_bckg.jpg) right top no-repeat;
	margin:auto;
/*	overflow:hidden;
	text-align:center;*/
	height:418px;
	width:532px;
	padding:15px;
	position:relative;
}

.imagecontent-relative {
	position:absolute;
	z-index:999;
	height:418px; 
	overflow:hidden;
}

.leftArrow {
	background:transparent url(../images/portfolio-arrow-left.gif) left top no-repeat;
	float:left;
	height:129px;
	left:-20px;
	position:absolute;
	top:224px;
	width:31px;
	cursor:pointer;
	cursor:hand;
}
.rightArrow {
	background:transparent url(../images/portfolio-arrow-right.gif) right top no-repeat;
	float:right;
	height:129px;
	right:-25px;
	position:absolute;
	top:224px;
	width:31px;
	cursor:pointer;
	cursor:hand;
}
h1.portfolio_details_reference{
	color:#87a814;
	font-size:32px;
	text-transform:uppercase;
}
.portfolio_details_reference span {
	color:#bababa;
	font-size:32px;
	text-transform:none;
}
.relatedProject {
	margin-left:4px;
	margin-top:50px;
}
.relatedProject .relatedProjectImg {
	/*background:transparent url(../images/detalji-smoll-img-bg.gif) center top no-repeat;*/
	float:left;
	width:62px;
	height:49px;
	padding:2px 3px 2px 0px;
}
.relatedProject .relatedProjectImg img {
	width:62px;
	height:44px;
	opacity:0.4;
	filter:alpha(opacity=40);
}
.relatedProject .relatedProjectImg a {
	position:relative;
}

.relatedProject .relatedProjectImg.active img, .relatedProject .relatedProjectImg:hover img {
	opacity:1;
	filter:alpha(opacity=100);
}
.portfolioDetails {
	padding:15px;
	font-size:11px;
	color:#FFF;
}
.portfolioDetails label, .leftBlock .protfolioLeftContent label {
	color: #b2d732;
	font-size:24px;
	text-transform:uppercase;
}

.leftBlock .protfolioLeftContent{/* add by malisa */
	padding:10px 
}
.leftBlock label {
	font-family:Franklin Gothic Book, FranklinGothicBookRegular;
	color: #b2d732;
	font-size:20px;
	/* text-transform:uppercase; */
	
	}
/*
.leftBlock .protfolioLeftContent label{/* add by malisa 
	color:#fff;
	font-size:14pt;
}
*/
.portfolioDetails .portfolioDetailsContent{
	opacity:0.77;
	filter:alpha(opacity=77);
	margin-top:15px;
	line-height:16px;
}
.portfolioDetails .portfolioDetailsContent h2{
	margin-top:25px;
	color:#e3b001;
	font-size:16px;
}
.portfolioDetails .portfolioDetailsContent ul {
	margin-left:10px;
}
.portfolioDetails .portfolioDetailsContent ul li {
	list-style:disc inside;
	height:18px;
}
.portfolioDetails a {
	font-size:14px;
	margin-left:15px;
	margin-top:10px;
}
.protfolioLeftContent p{
	color:#aeaeae;
}
.protfolioLeftContent p a{
	color:#a3cd22;
}
.protfolioLeftContent p a:hover{
	color:#a3cd22;
	text-decoration:underline;
}

/* CONTACT PAGE */

form.contacts_form{
	float:left;
	width:680px;
}
form.contacts_form label{
	float:left;
	width:50px;
	text-align:right;
	padding-right:10px;
	line-height:37px;
	font-size:16px;
	color:#666666;
	font-family:Franklin Gothic Book, FranklinGothicBookRegular;
	margin-bottom:18px;
	margin-right:20px;
}
form.contacts_form input{
	float:left;
	width:277px;
	height:37px;
	padding-left:10px;
	border:none;
	background:url(../images/input-bg.jpg) left top no-repeat;
	font-family:Franklin Gothic Book, FranklinGothicBookRegular;
	font-size:16px;
	margin-bottom:18px;
	margin-right:20px;
}
form.contacts_form textarea{
	float:left;
	width:277px;
	padding-left:10px;
	height:182px;
	border:none;
	background:url(../images/textarea-bg.jpg) left top no-repeat;
	overflow:auto;
	font-size:16px;
	font-family:Franklin Gothic Book, FranklinGothicBookRegular;
}
form.contacts_form .landing{
	float:left;
	width:203px;
	height:71px;
	background:url(../images/contact-landing.jpg) no-repeat;
	padding:30px 20px 20px 30px;
	line-height:18px;
}
form.contacts_form input#secretcode{
	width:120px;
	height:24px;
	font-size:14px;
	background:url(../images/secret-input.jpg) left top no-repeat;
	margin-bottom:0px;
	margin-top:19px;
}
form.contacts_form .spam_prevention img{
	width:140px;
}
a.submitBt{
	border:none; 
	border:0px;
	height:37px;
	background:url(../images/contactSubmit-le.gif) left top no-repeat;
	color:#fff;
	cursor:pointer;
	cursor:hand;
	font-size:20px;
	padding:0px;
	margin:0px;
	float:left;
	margin-left:80px;
	margin-top:15px;
	
}
a.submitBt span{
	background:url(../images/contactSubmit-rt.gif) right top no-repeat;
	height:37px;
	display:block;
	padding-left:10px;
	padding-right:10px;
	float:left;
	line-height:35px;
	color:#ffffff;
}	

/*
button.submitBt{
	border:none; 
	border:0px;
	height:37px;
	background:url(../images/contactSubmit-le.gif) left top no-repeat;
	color:#fff;
	cursor:pointer;
	cursor:hand;
	font-size:20px;
	padding:0px;
	margin:0px;
	float:left;
	margin-left:80px;
	margin-top:15px;
	
}
button.submitBt span{
	background:url(../images/contactSubmit-rt.gif) right -1px no-repeat;
	height:37px;
	display:block;
	padding-left:10px;
	padding-right:10px;
	float:right;
	line-height:35px;
	margin-right:-7px;
}
*/
.activePerson label {
	font-size: 16px;
	color:#F90;
}
.activePerson img {
	padding: 10px 0 10px 0;
}
/*added for contact form validation
#submit_button{
	background:url("../images/contactSubmit-rt.gif") no-repeat scroll right top transparent;
	display:block;
	float:left;
	height:37px;
	line-height:35px;
	padding-left:10px;
	padding-right:10px;
}*/
.mainContent a {
	color: #87A426;
	
}
#left{
	margin-left:-5px;
}
ul.offer{
	line-height:20px;
}
.footer ul{
	float:left;
	
}
.footer ul li{
	float:left;
	margin-right:5px;
}
.peKb_slides .peKb_slides .bg-img{
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	 border-radius: 5px;	
 /*	behavior: url(/border-radius.htc);*/
}

.peKenBurns .peKb_slides, .peKenBurns .peKb_slides .peKb_frame{
	background-color:transparent !important;}
	
.flash-box{
	background:none !important;
}