@charset "utf-8";

body {
	margin:0;
	padding:0;
	font-family:Arial;
}

#wrapper{
	width:1130px;
	margin:0 auto;
	padding-top:50px;
}

#logo{
	width:220px;
	height:45px;
	margin:0 0 50px 0;
}

#menu{
	width:100%;
	margin-bottom:10px;
}

#menu:after{
	content:".";
	visibility:hidden;
	display:block;
	clear:both;
	height:0;
}

#menu ul{
	list-style:none;
	margin:0;
	padding:0;
}

#menu ul li{
	float:left;
	margin-right:3px;
}

.no-margin-right{
	margin-right:0 !important;
}

.no-margin-left{
	margin-left:0 !important;
}

.no-margin-top{
	margin-top:0 !important;
}

.no-margin-bottom{
	margin-bottom:0 !important;
}

.no-border-left{
	border-left:none !important;
}

.no-border-right{
	border-right:none !important;
}

.no-border-top{
	border-top:none !important;
}

.no-border-bottom{
	border-bottom:none !important;
}

#menu ul li a{
	display:block;
	background:#f6f6f6;
	text-decoration:none;
	color:#3c3c3c;
	font-size:17px;
	text-transform:uppercase;
	padding:20px 50px;
}

#menu ul li a:hover{
	background:#3c3c3c;
	color:#fff;
}

#banner{
	width:1130px;
	height:400px;
}

.box{
	height:150px;
	float:left;
	width:376px;
	border-right:1px solid #d8d8d8;
	margin:25px 0;
}

h3{
	margin:0;
	padding:0;
}

.box h3 {
    font-size:22px;
	font-weight:bold;
	color:#3c3c3c;
	margin: 0 auto;
    padding: 10px 0 10px 60px;
    width: 210px;
}

.hbox1{
	background:url("images/hbox1.jpg") no-repeat left;
}

.hbox2{
	background:url("images/hbox2.jpg") no-repeat left;
}

.hbox3{
	background:url("images/hbox3.jpg") no-repeat left;
}

.box .text {
    color: #3C3C3C;
    font-size: 13px;
    padding: 12px 45px;
    text-align: justify;
}

#recent-projects{
	width:100%;
	min-height:100px;
	background:#f7f7f6;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	clear:both;
}

#recent-projects:after,
#projects:after,
#content:after{
	content:".";
	visibility:hidden;
	display:block;
	height:0;
	clear:both;
}

#recent-projects h3{
	text-align:center;
	font-size:22px;
	font-weight:bold;
	color:#4e4d4e;
	padding:30px 0 15px 0;
}

#recent-projects .text {
    color: #4E4D4E;
    font-size: 14px;
    padding: 0 100px;
    text-align: center;
}

#projects{
	width:1050px;
	margin: 20px auto 40px;
}

#projects ul{
	list-style:none;
	margin:0;
	padding:0;
}

#projects li{
	float:left;
	width:258px;
	height:160px;
	margin-right:5px;
}

.big-btn-orange{
	margin:0 auto;
	width:260px;
	background:#fd4706;
	text-align:center;
	border-radius:10px;
	display:block;
	font-size:22px;
	color:#fff;
	text-transform:uppercase;
	margin-bottom:40px;
	text-decoration:none;
	padding:10px 0;
}

a.big-btn-orange:hover{
	text-decoration:underline;
}

#footer{
	width:100%;
	height:100px;
	background:url("images/footer-bg.jpg");
	margin-top:40px;
}

#footer-content{
	width:1130px;
	margin:0 auto;
}

#logo-footer{
	width:220px;
	height:45px;
	float:left;
	margin-top:20px;
}

#menu-footer{
	float:right;
	width:555px;
}

#menu-footer ul{
	list-style:none;
	margin:35px 0 0 0;
	padding:0;
}

#menu-footer li{
	float:left;
}

#menu-footer li a{
	text-decoration:none;
	color:#e5e5e5;
	text-transform:uppercase;
	font-size:14px;
	padding:0 12px;
	background:url("images/footer-menu-sep.png") no-repeat right;
}

#menu-footer li a:hover{
	text-decoration:underline;
}

#menu-footer li.last a{
	background:none !important
}

#copyright {
    color: #A5A4A4;
    float: left;
    font-size: 13px;
    padding-right: 20px;
    text-align: right;
    width: 1110px;
}

#copyright a{
	text-decoration:none;
	color:#a5a4a4;
}

#copyright a:hover{
	text-decoration:underline;
}

#content{
	width:100%;
	min-height:100px;
	background:#f7f7f6;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	clear:both;
	margin-top:30px
}

#content h3{
	text-align:center;
	font-size:22px;
	font-weight:bold;
	color:#4e4d4e;
	padding:30px 0 15px 0;
}

#content .text {
    color: #4E4D4E;
    font-size: 14px;
    padding: 0 100px 20px 100px;
	text-align:justify;
}

.serv{
	float:left;
	width:280px;
	margin:20px 0;
	border-right:1px solid #d2d2d1;
}

.serv img {
    margin: 0 0 0 15px;
}

.serv li{
	font-size:14px;
	color:#3c3c3c;
}

.serv ul {
    margin-left: 15px;
}

#big-image{
	width:695px;
	height:415px;
	margin:0 auto;
}

.transparency{
	position: absolute; 
	left: 0px; 
	right: 0px; 
	top: 0px; 
	bottom: 0px;
	z-index:-1; 
	background:#000; 
	opacity: 0.3;
	width:490px;
	height:290px;
}

.jcarousel-skin-tango{width:100%; margin:0 0 0 0;}
.jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl; }
.jcarousel-skin-tango .jcarousel-container-horizontal { width:1030px; margin:0 auto;}
.jcarousel-skin-tango .jcarousel-clip { overflow: hidden; }
.jcarousel-skin-tango .jcarousel-clip-horizontal { width:950px; height:170px; margin:0 auto;}
.jcarousel-skin-tango .jcarousel-item {
    height: 159px;
    margin-top: 10px;
    text-align: center;
    width: 240px;
	margin-right:3px;
	cursor:pointer;
}
.jcarousel-skin-tango .jcarousel-item .product-name{ }
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-left: 0; margin-right: 3px;}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 10px; margin-right: 0; }
.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; }
.jcarousel-skin-tango .jcarousel-item .border{ height:140px; width:154px; text-align:center;}
.jcarousel-skin-tango .jcarousel-next-horizontal { position:absolute; top:65px; right:-20px; width:39px; height:39px;cursor:pointer; background: url(images/righta.png) no-repeat;}
.jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top:65px; left:-20px; width:39px; height:39px; cursor: pointer; background: url(images/lefta.png) no-repeat; }
.carousel-info:hover a{color:#000;} 
.carousel-info{width:154px; padding:10px 0 0 0; text-align:center;}
.carousel-info .product-name{color:#fff;}
.jcarousel-skin-tango .jcarousel-item .carousel-info a{ padding:0px; display:block; overflow:hidden;}
.jcarousel-skin-tango .jcarousel-item .carousel-info a.minimal-price-link{margin:-10px 0 0 54px;}
.carousel-height{height:290px;}

.left{
	width:360px;
	height:200px;
	float:left;
	margin-left:70px;
}

.right{
	width:600px;
	height:460px;
	float:right;
	margin-right:70px;
	margin-bottom:50px
}


.input-label {
    color: #4E4D4E;
    display: block;
    float: left;
    font-size: 18px;
    text-align: right;
    width: 70px;
}

.input-text {
    border: 1px solid #3C3C3C;
    border-radius: 5px;
    margin-bottom: 10px;
    margin-left: 10px;
    padding: 5px 10px;
    width: 200px;
}

.input-textarea {
    border: 1px solid #3C3C3C;
    border-radius: 5px;
    height: 100px;
    margin-left: 10px;
    padding: 5px 10px;
    width: 200px;
}

.input-submit {
    background: none repeat scroll 0 0 #FD4706;
    border: 0 none;
    border-radius: 5px;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    font-size: 18px;
    margin-right: 60px;
    margin-top: 10px;
    padding: 5px 0;
    text-transform: uppercase;
    width: 220px;
	margin-bottom:30px;
}

.adresa {
    float: right;
    font-size: 13px;
    margin-right: 59px;
    margin-top: 10px;
    width: 225px;
}

.adresa span,
.email span,
.tel span{
	font-weight:bold;
	display:block;
}

.email {
    float: left;
    font-size: 13px;
    margin-left: 75px;
    margin-top: 10px;
    width: 140px;
}

.email a{
	text-decoration:none;
	color:#000;
}

.email a:hover{
	text-decoration:underline;
}

.tel {
    float: right;
    font-size: 13px;
    margin-right: 30px;
    margin-top: 10px;
    width: 100px;
}