/* defining colors */

@font: #4d595a;
@font2: #818a8b;
@font3: #252b2c;
@green: #8dc73b;
@blue: #2fa4c6;


/* functions */

.text-nodisplay {
	overflow: hidden;
	text-indent: -9999px;
}

.reseter {
	width: 100%;
	clear: both;
	height: 1px;
}


/* general */

* {
	margin: 0;
	padding: 0;
}

.wrapper {
	width: 820px;
	margin: 0 auto;
}

html {
	background: url('../img/bg.png') no-repeat center top #FFF;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: @font;
	line-height: 180%;
	background: url('../img/footer.png') no-repeat center bottom;
}

/* header */

#header {
	width: 100%;
	height: 188px;
	float: left;
	#logo {
		a {
			display: block;
			.text-nodisplay;
			float: left;
			background: url('../img/logo.png');
			width: 233px;
			height: 32px;
			margin-top: 42px;
		}
	}
	#nav {
		float: right;
		margin-top: 50px;
		li {
			display: inline;
			padding-left: 30px;
			a {
				color: #FFF;
				font-size: 13px;
				text-decoration: none;
				&:hover {
					text-decoration: underline;
				}
			}
		}
	}
}

/* content - general */

#content {
	a {
		color: @green;
		text-decoration: underline;
		&:hover {
			text-decoration: none;
		}
	}
	h1 {
		padding-bottom: 25px;
		font-size: 40px;
		color: @blue;
		span {
			color: @font3;
		}
	}
	h1.homepage {
		padding-bottom: 25px;
		font-size: 40px;
		color: @font2;
		font-weight: normal;
	}
	h2 {
		padding-bottom: 25px;
		font-size: 25px;
		color: @font3;
	}
	h3 {
		padding-bottom: 15px;
	}
	h4 {
		padding-bottom: 15px;
	}
	p {
		padding-bottom: 15px;
	}
	ul, ol {
		padding: 0px 0px 15px 15px;
	}
	table {
		margin-bottom: 15px;
	}
}

/* content */

#content {
	padding: 30px 0;
	float: left;
	width: 100%;
	.items {
		width: 846px;
		float: left;
		margin-top: 30px;
		.item {
			width: 256px;
			height: 353px;
			float: left;
			margin-right: 26px;
			background: url('../img/item-desc.png') no-repeat bottom;
			a {
				height: 203px;
				display: block;
				background: url('../img/item.png') no-repeat bottom;
				text-align: center;
				text-decoration: none;
				h2 {
					color: #738283;
					font-size: 25px;
					text-decoration: none;
					font-family: 'DaxlineProBold';
					font-weight: normal;
					text-transform: uppercase;
					padding: 0;
					margin: 0;
				}
				&:hover {
					background: url('../img/item-hover.png') no-repeat bottom;
					h2 {
						color: #FFF;
						text-shadow: 0px 1px 3px #2290a7;
						filter: dropshadow(color=#2290a7, offx=0, offy=1);
					}
				}
				img {
					margin-bottom: 9px;
					-webkit-border-radius: 8px;
					border-radius: 8px;
				}
			}
			div {
				text-align: center;
				padding: 10px 15px;
				font-size: 12px;
				line-height: 20px;
			}
		}
	}
	.location {
		width: 820px;
		height: 44px;
		background: url('../img/location.png');
        margin-bottom: 40px;
		a {
			display: block;
			float: left;
			height: 28px;
			background: url('../img/location2.png') no-repeat 0 0;
			padding: 7px 10px 0 22px;
			color: @font2;
			text-decoration: none;
			
		}
		.homepage {
			background: url('../img/home.png') no-repeat 5px 10px;
			padding-left: 30px;
		}
	}
	.left {
		float: left;
		width: 200px;
		> ul {
			width: 190px;
			padding: 18px 0 10px 10px;
			background: #f5f6f6;
			border-top: 1px solid #eaebeb;
			border-bottom: 1px solid #eaebeb;
			position: absolute;
			> li {
				list-style: none;
				width: 191px;
				margin-top: -10px;
				min-height: 47px;
				> a {
					font-weight: bold;
					color: @font3;
					text-decoration: none;
					width: 169px;
					display: block;
					padding: 13px 0 0 22px;
					&:hover {
						text-decoration: underline;
					}
				}
				ul {
					padding: 0px 0 10px 45px;
					li {
						list-style: none;
						a {
							color: #4d595a;
							text-decoration: none;
							&:hover {
								text-decoration: underline;
							}
						}
					}
				}
			}
			> .active {
				background: url('../img/left-hover1.png') no-repeat bottom;
				> a {
					background: url('../img/left-hover2.png') no-repeat top;
				}
			}
		}
	}
	.right {
		float: right;
		width: 590px;
		border: 1px solid #d5d7d7;
		-webkit-border-radius: 0px 5px 5px 5px;
        border-radius: 0px 5px 5px 5px;
        padding: 14px;
        .tech {
			width: 100%;
			border-collapse: collapse;
			tr {
				th {
					background: #96a4ab;
					padding: 4px 14px 2px 14px;
					text-align: left;
					color: #FFF;
					border-right: 1px solid #b0bec5;
					border-bottom: 1px solid #8b989f;
				}
				td {
					padding: 4px 14px 2px 14px;
					border: 1px solid #e4e8eb;
				}
				.top-left {
					-webkit-border-radius: 5px 0px 0px 0px;
					border-radius: 5px 0px 0px 0px;
				}
				.top-right {
					-webkit-border-radius: 0px 5px 0px 0px;
					border-radius: 0px 5px 0px 0px;
					border-right: 0;
					border-left: 1px solid #96a4ab;
				}
			}
			tr:nth-child(even) td {
				background: #fafbfc;
			}
			.label {
				td {
					border-bottom: 1px solid #caced0;
					background: #f0f2f7 !important;
					font-weight: bold;
				}
			}
        }
        .text-page {
			padding: 12px;
			h3 {
				height: 40px;
				background: url('../img/text-h2.png') no-repeat 0 0;
				font-size: 20px;
				padding: 10px 0 0 20px;
				margin-bottom: 15px;
			}
			ul {
				margin-bottom: 15px;
				li {
					list-style: none;
					background: url('../img/text-li.png') no-repeat 10px 7px;
					padding: 0 0 0 30px;
				}
			}
			.gallery {
				float: left;
				width: 600px;
				.thumbnail {
					width: 186px;
					height: 142px;
					float: left;
					text-align: center;
					margin: 0 4px 4px 0;
					img {
						border: 5px solid #FFF;
						max-height: 132px;
						max-width: 172px;
						-webkit-box-shadow:  2px 2px 3px 0px rgba(0, 0, 0, 0.2);
						box-shadow:  2px 2px 3px 0px rgba(0, 0, 0, 0.2);
					}
				}
			}
        }
	}
	.contact-box1 {
		width: 780px;
		padding: 12px 20px;
		background: #FFF;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-shadow:  0px 0px 12px 0px rgba(0, 0, 0, 0.2);
		box-shadow:  0px 0px 12px 0px rgba(0, 0, 0, 0.2);
		font-weight: bold;
		font-style: italic;
		color: @font2;
		margin-bottom: 30px;
		a {
			color: @blue;
			text-decoration: none;
		}
	}
	.contact-box2 {
		width: 837px;
		height: 265px;
		background: url('../img/contact-box2.png');
		padding: 30px 0 0 32px;
		h3 {
			padding: 0;
			font-size: 16px;
		}
		ul {
			padding: 0;
			li {
				list-style: none;
				padding: 4px 0 5px 35px;
				font-size: 14px;
				font-weight: bold;
				height: 24px;
			}
			.tel {background: url('../img/icon-tel.png') no-repeat 0 2px;}
			.fax {background: url('../img/icon-fax.png') no-repeat 0 0;}
			.mail {background: url('../img/icon-mail.png') no-repeat 0 7px;}
		}
	}
	.contact-form {
		padding: 20px;
		width: 780px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		background: #f7f8f8;
		h3 {
			font-size: 22px;
			padding-bottom: 30px;
			color: @font2;
		}
		input[type=text] {
			width: 250px;
			height: 28px;
			border: 1px solid #d6d9d9;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			padding: 0 0 0 10px;
		}
		input[type=image] {
			float: right;
		}
		textarea {
			height: 28px;
			border: 1px solid #d6d9d9;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			width: 540px;
			height: 148px;
			padding: 10px;
		}
		label {
			font-weight: bold;
			font-style: italic;
			text-align: right;
			display: block;
			padding-top: 4px;
		}
		td {
			padding: 0 10px 10px 0;
			vertical-align: top;
		}
	}
}

/* sidebar */


/* footer */

#footer {
	width: 100%;
	height: 211px;
	clear: both;
	padding-top: 15px;
	h3 {
		display: inline;
		font-weight: normal;
		color: #363c3c;
		font-size: 16px;
	}
	ul {
		display: inline;
		li {
			display: inline;
			padding-left: 35px;
			a {
				color: @font;
				font-size: 11px;
				text-decoration: none;
				&:hover {
					text-decoration: underline;
				}
			}
		}
	}
	.footer-box {
		text-align: center;
		-webkit-border-radius: 8px;
		border-radius: 8px;
		background: #FFF;
		-webkit-box-shadow:  0px 2px 8px 0px rgba(0, 0, 0, 0.2);
        box-shadow:  0px 2px 8px 0px rgba(0, 0, 0, 0.2);
        padding: 10px 0;
        margin-top: 15px;
        .language {
			float: left;
			margin: -4px 0 0 11px;
        }
        .facebook {
			float: right;
			margin: -4px 6px 0 0;
        }
        p {
			display: inline;
        }
	}
}


/* SLIDER */

#slides {
	display:none;
	width: 820px;
	height: 340px;
	-webkit-box-shadow:  -5px -18px 24px 0px #fff;
	box-shadow:  -5px -18px 24px 0px #fff;
}


/* font-face */

@font-face {
    font-family: 'DaxlineProLight';
    src: url('../font/daxlinepro-light.eot');
    src: url('../font/daxlinepro-light.eot') format('embedded-opentype'),
         url('../font/daxlinepro-light.woff') format('woff'),
         url('../font/daxlinepro-light.ttf') format('truetype'),
         url('../font/daxlinepro-light.svg#DaxlineProLight') format('svg');
}


@font-face {
    font-family: 'DaxlineProBold';
    src: url('../font/daxlinepro-bold.eot');
    src: url('../font/daxlinepro-bold.eot') format('embedded-opentype'),
         url('../font/daxlinepro-bold.woff') format('woff'),
         url('../font/daxlinepro-bold.ttf') format('truetype'),
         url('../font/daxlinepro-bold.svg#DaxlineProBold') format('svg');
}

@font-face {
    font-family: 'DaxlineProExtraBold';
    src: url('../font/daxlinepro-extrabold.eot');
    src: url('../font/daxlinepro-extrabold.eot') format('embedded-opentype'),
         url('../font/daxlinepro-extrabold.woff') format('woff'),
         url('../font/daxlinepro-extrabold.ttf') format('truetype'),
         url('../font/daxlinepro-extrabold.svg#DaxlineProExtraBold') format('svg');
}