body {
	font-size: 16px;
	color: #888888;
	margin: 0 auto;
	font-family: Calibri, Arial, Tahoma;
	width: 100%;
}

/* HEADER START */

header {
	width: 100%;
	height: 130px;
	background-color: #ad0000; /* layer fill content */
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDE3MSAxNTAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNkM2QzZCIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzIzMjMyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTcxIiBoZWlnaHQ9IjE1MCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); /* gradient overlay */
	background-image: -moz-linear-gradient(bottom, #3d3d3d 0%, #232323 100%); /* gradient overlay */
	background-image: -o-linear-gradient(bottom, #3d3d3d 0%, #232323 100%); /* gradient overlay */
	background-image: -webkit-linear-gradient(bottom, #3d3d3d 0%, #232323 100%); /* gradient overlay */
	background-image: linear-gradient(bottom, #3d3d3d 0%, #232323 100%); /* gradient overlay */
}

div#languages {
	top: 15px;
	right: 0;
	position: absolute;
}

div#header-content {
	width: 940px;
	margin: 0 auto;
	padding-top: 15px;
	position: relative;
}

header h1#logo {
	width: 280px; height: 100px;
	background: url('../img/logo.png') no-repeat;
	margin: 0;
	float: left;
	position: relative;
}

header h1#logo a {
	width: 280px;
	height: 100px;
	display: block;
	color: #FFF;
}

header h1#logo span {
	display: none;
}
header h1 #circle {
	position: absolute;
	top: 0;
	left: 0;
	width: 102px; height: 100px;
	background: url('../img/logo-lopatky.png') no-repeat;
	margin: 0;
}

div#motto {
	float: right;
	color: #FFF;
	margin-top: 20px;
	text-align: right;
}

a#mam-zajem {
	margin-top: 15px;
	display: inline-block;
	background: #cfa977;
	padding: 7px;
	color: #FFF;
	text-decoration: none;
	border: 1px solid #cfa977;
}

a:hover#mam-zajem {
	color: #cfa977;
	background: none;
}

div#motto h1 {
	font-size: 23px;
	font-weight: 300;
	color: #cfa977;
	margin-bottom: 0;
	text-transform: none;
	margin-top: 5px;
}

div#motto h2 {
	font-size: 18px;
	margin-top: 10px;
}

/* HEADER END */

/* TOP NAVIGATION START */

nav#top-navigation {
	width: 100%; height: 32px;
	padding-top: 15px;
	z-index: 100;
	background-color: #6f6f6f; /* layer fill content */
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDI2IDM2IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImhhdDAiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB4MT0iNTAlIiB5MT0iMTAwJSIgeDI9IjUwJSIgeTI9Ii0xLjQyMTA4NTQ3MTUyMDJlLTE0JSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM3MTcxNzEiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzVkNWQ1ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iNTIlIiBzdG9wLWNvbG9yPSIjNmY2ZjZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjODk4OTg5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIyNiIgaGVpZ2h0PSIzNiIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); /* gradient overlay */
	background-image: -moz-linear-gradient(bottom, #717171 0%, #5d5d5d 50%, #6f6f6f 52%, #898989 100%); /* gradient overlay */
	background-image: -o-linear-gradient(bottom, #717171 0%, #5d5d5d 50%, #6f6f6f 52%, #898989 100%); /* gradient overlay */
	background-image: -webkit-linear-gradient(bottom, #717171 0%, #5d5d5d 50%, #6f6f6f 52%, #898989 100%); /* gradient overlay */
	background-image: linear-gradient(bottom, #717171 0%, #5d5d5d 50%, #6f6f6f 52%, #898989 100%); /* gradient overlay */
}

nav#top-navigation.fixed {
	position: fixed;
	top: 0;
}

nav#top-navigation ul {
	width: 940px;
	margin: 0 auto;
}

nav#top-navigation ul li {
	float: left;
	display: block;
	font-size: 15px;
	text-transform: uppercase;
}

nav#top-navigation ul li a {
	color: #FFF;
	padding: 10px 12px 13px 12px;
	text-decoration: none;
}

nav#top-navigation ul li a:hover, nav#top-navigation li.active a {
	background: #282828;
	text-decoration: none;
	color: #FFF;
}

/* TOP NAVIGATION END */

/* INTRODUCTION ARTICLE START */

article#introduction {
	width: 940px;
	margin: 45px auto;
	color: #333;
	font-size: 18px;
}

/* INTRODUCTION ARTICLE END */

/* SLIDESHOW START */

section#slideshow {
	width: 100%; height: 399px;
	background: #d7d7d7;
}

/* SLIDESHOW END */

/* BLOCKQUOTE START */

blockquote {
	width: 840px; min-height: 41px;
	background: url("../img/blockquote.png") no-repeat;
	padding-left: 85px;
	color: #333333;
	font-style: italic;
	font-size: 18px;
}

blockquote a {
	float: right;
	font-size: 16px;
	color: #888888;
	font-style: normal;
}

/* BLOCKQUOTE END */

/* PROJECTS INDEX START */

section#projects-index {
	margin-top: 27px;
}

section#projects-index ul li {
	width: 300px;
	float: left;
}

section#projects-index ul li img {
	border-bottom: 5px solid #cfa977;
	padding-bottom: 5px;
}

section#projects-index ul li h2 {
	margin: 30px 0;
	font-size: 22px;
	color: #333333;
	text-transform: uppercase;
	font-weight: 300;
	text-align: center;
}

section#projects-index ul li:hover h2 {
	color: #cfa977;
}

section#projects-index ul li:hover img {
	border-bottom: 5px solid #242424;
}

section#projects-index ul li p {
	line-height: 18px;
}

section#projects-index ul li a.read-more {
	float: right;
}

/* PROJECTS INDEX END */

/* COOPERATION INDEX START */

section#cooperation {
	width: 100%; height: 240px;
	margin-top: 55px;
	background: #d7d7d7;
}

section#cooperation #left {
	float: left;
	padding: 45px;
	width: 530px;
	color: #333333;
}

section#cooperation #right {
	float: left;
	width: 300px;
	padding: 20px;
}

/* COOPERATION INDEX END */

/* ZAJIMAVOSTI INDEX START */

section#box {
	width: 460px;
	float: left;
	margin: 40px 0 0 20px;
	position: relative;
}

section#box article {
	margin-bottom: 32px;
}

section#box h2 {
	color: #333333;
	font-size: 22px;
	text-transform: uppercase;
	font-weight: 300;
}

section#box img {
	padding: 0 10px 10px 0;
}

section#box a img {
	padding: 2px;
	border: 1px solid #FFF;
}

section#box a:hover img {
	border: 1px solid #cfa977;
}

section#box img .last{
	padding-right: 0;
}

section#box a.read-more {
	display: block;
	text-align: right;
	margin: 20px 0 20px 0;
}

/* ZAJIMAVOSTI INDEX END */

/* FOOTER START */

footer {
	width: 100%; height: 200px;
	background: #333333;
	border-top: 5px solid #0e0e0e;
}

footer #content {
	width: 940px;
	margin: 0 auto;
	padding: 29px 0 29px 0;
	line-height: 22px;
}

footer a {
	color: #FFF;
	text-decoration: underline;
}

footer a:hover {
	text-decoration: none;
}

footer #adress {
	width: 233px;
	float: left;
	margin-right: 30px;
}

footer #adress img {
	float: right;
	padding-top: 25px;
}

footer #adress p {
	float: left;
	margin-bottom: 5px; padding: 0;
}

footer #facebook {
	width: 55px;
	border-left: 1px solid #888888;
	border-right: 1px solid #888888;
	padding: 15px 20px 0 20px;
	float: left;
	margin: 0 37px 0 0;
}

footer #copyright {
	float: left;
	width: 280px;
	color: #888888;
}

/* FOOTER END */

/* GENERAL STYLES */

a {
	color: #cfa977;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

section#container {
	width: 960px;
	margin: 50px auto;
}

h1 {
	color: #cfa977;
	font-size: 40px;
	text-transform: uppercase;
	margin-bottom: 23px;
	font-weight: 300;
}

h2 {
	color: #242424;
	font-size: 24px;
	text-transform: uppercase;
	margin: 20px 0 20px 0;
}

h3, th {
	color: #242424;
	font-size: 18px;
	text-transform: uppercase;
	margin: 20px 0 20px 0;
}

.clear {
	clear: both;
}

article strong {
	color: #173d55;
}

/* CONTENT START */

section#content {
	width: 940px;
	margin: 25px auto;
}

/* LEFT NAVIGATION START */

nav#left-navigation {
	width: 220px;
	margin-bottom: 20px;
	background-color: #6f6f6f; /* layer fill content */
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDI2IDM2IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImhhdDAiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB4MT0iNTAlIiB5MT0iMTAwJSIgeDI9IjUwJSIgeTI9Ii0xLjQyMTA4NTQ3MTUyMDJlLTE0JSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM3MTcxNzEiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzVkNWQ1ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iNTIlIiBzdG9wLWNvbG9yPSIjNmY2ZjZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjODk4OTg5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIyNiIgaGVpZ2h0PSIzNiIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); /* gradient overlay */
	background-image: -moz-linear-gradient(bottom, #717171 0%, #5d5d5d 50%, #6f6f6f 52%, #898989 100%); /* gradient overlay */
	background-image: -o-linear-gradient(bottom, #717171 0%, #5d5d5d 50%, #6f6f6f 52%, #898989 100%); /* gradient overlay */
	background-image: -webkit-linear-gradient(bottom, #717171 0%, #5d5d5d 50%, #6f6f6f 52%, #898989 100%); /* gradient overlay */
	background-image: linear-gradient(bottom, #717171 0%, #5d5d5d 50%, #6f6f6f 52%, #898989 100%); /* gradient overlay */
}

nav#left-navigation ul {

}

nav#left-navigation ul li {
	font-size: 14px;
	position: relative;
}

nav#left-navigation ul li a {
	color: #FFF;
	display: block;
	padding: 12px;
	border-bottom: 1px solid #8D8D8D;
	line-height: 17px;
	text-transform: uppercase;
	text-decoration: none;
}

nav#left-navigation ul li a:hover, nav#left-navigation ul li.active a {
	color: #FFF;
	display: block;
	background: #282828;
	text-decoration: none;
}

nav#left-navigation ul li a span {
	background: url("../img/novinka.png") no-repeat;
	text-indent: -9999px;
	padding: 2px;
	width: 57px; height: 35px;
	position: absolute;
	top: 2px;
	right: 0;
}
nav#left-navigation.en ul li a span {
	background: url("../img/new-product.png") no-repeat;
	width: 78px; height: 38px;
	top: 1px;
}

div#left-sidebar h2 {
	color: #cfa977;
	font-size: 18px;
	margin-bottom: 20px;
}

ul.submenu li a:before {
	content: " - ";
	padding-left: 15px;
}

/* LEFT NAVIGATION END */

/* RIGHT CONTENT START */

section#content #container {
	width: 700px;
	float: left;
	margin-left: 20px;
}

div#left-sidebar {
	width: 220px;
	float: left;
}

nav#breadcrumbs {
	font-size: 13px;
}

nav#breadcrumbs li {
	float: left;
	margin-right: 7px;
}

nav#breadcrumbs ul li a {
	color: #7e7e7e;
	background: url("../img/breadcrumbs-arrow.png") no-repeat 100% 50%;
	padding-right: 12px;
	text-decoration: underline;
}

section#content #container h1 {
	margin: 20px 0 15px 0;
	font-size: 35px;
}

div#gallery {
	width: 223px;
	float: left;
	margin-right: 15px;
}

section#content #container article.wide {
	width: 100%;
}

section#content #container article p {
	margin: 0 0 15px 0;
	padding: 0;
	line-height: 18px;
}

article ul li {
	list-style-type: disc;
	margin: 0 0 10px 35px;
}

a#back {
	margin-top: 20px;
	float: right;
	background: url("../img/back-arrow.png") no-repeat 0% 50%;
	padding-left: 10px;
	text-decoration: underline;
	cursor: pointer;
}

form {
	padding: 5px;
	background: #cfa977;
	padding-top: 3px;
}

form h2 {
	color: #FFF;
	font-size: 15px;
	margin: 0;
	padding: 7px 0 0 7px;
}

form input, form textarea {
	width: 90.5%;
	border: 1px solid #FFF;
	padding: 10px;
	font-family: "Open Sans, sans-serif";
	color: #999999;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #999999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #999999;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #999999;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #999999;
}

#form {
	background: #cfa977;
}

#form h2 {
	color: #FFF !important;
	font-size: 15px !important;
	padding-left: 7px !important;
	margin-bottom: 0 !important;
	padding: 10px 0 0 7px !important;
}

form button {
	height: 42px;
	background-color: #cfa977; /* layer fill content */
	border: 0;
	color: #242424;
	cursor: pointer;
}
#form form button, form button {
	float: none;
	background: #cfa977;
	color: #FFF;
	border: 1px solid #FFF;
}

div.submitArea {
	text-align: center;
}

/* RIGHT CONTENT END */

/* PROJECTS DETAIL START */

section#projects ul {
	width: 700px;
}

section#projects ul li {
	width: 224px;
	float: left;
	margin: 0 14px 35px 0;
}

section#projects ul li.last {
	margin-right: 0;
}

section#projects ul li img {
	max-width: 224px;
}

section#projects ul li img {
	border-bottom: 5px solid #cfa977;
	padding-bottom: 5px;
}

section#projects ul li h2 {
	margin: 15px 0;
	font-size: 17px;
	color: #333333;
	text-transform: uppercase;
	font-weight: 300;
}

section#projects ul li:hover h2 {
	color: #d02b10;
}

section#projects ul li:hover img {
	border-bottom: 5px solid #242424;
}

section#projects ul li p {
	line-height: 18px;
}

section#projects ul li a.read-more {
	float: right;
}

/* PROJECTS DETAIL END */

/* PROJECTS START */

ul#projects li {
	text-align: center;
}

ul#projects li h2 a {
	display: block;
}

ul#projects li h2 a:hover {
	font-weight: 700;
}

ul#projects li:hover {
	background: #f9f9f9;
}

ul#projects li:hover h2 a {
	color: #000;
}

ul#projects h2 a:hover {
	text-decoration: none;
}

/* PROJECTS END */

/* CONTACTS START */

section#contact ul li {
	float: left;
	width: 220px;
	margin-right: 20px;
}

section#contact ul li#map {
	margin-right: 0;
}

/* CONTACTS END */

/* GALLERY START */

ul#mycarousel li {
	list-style: none;
	margin: 5px;
	float: left;
}

ul#mycarousel li img {
	border: 1px solid #E6E6E6;
	padding: 3px;
}

ul#mycarousel li img:hover {
	border: 1px solid #cfa977;
	padding: 3px;
}

.alignCenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* GALLERY END */

/* ICONS START */

div#phone-box{
	width: 305px;
	height: 80px;
	position: fixed;
	top: 300px; right: -200px;
	background: #cfa977;
	color: #FFF;
	padding: 15px 0 0 10px;
	z-index: 100;
}

div#phone-box a{
	color: #FFF;
}

div#phone-box span {
	text-align: center;
}
div#phone-box span.right {
	padding-top: 25px;
}

span.left {float: left; width: 95px; text-align: center;}
span.right {float: left; font-size: 22px; text-align: center; width: 180px;}

a#phone-ico span{
	width: 95px; height: 109px;
	text-align: center;
}
a#phone-ico img{
	display: inline;
}

a#phone-ico:hover{
	background: #242424;
}

a#phone-ico a{
	color: #FFF;
	display: inline-block;
	padding-top: 8px;
}

.label_skitter h2 {
	color: #FFF !important;
	padding: 15px !important;
	margin: 0;
}

.label_skitter {
	width: 938px !important;
}

form#frm-formBlock220-constructedForm input, form#frm-formBlock220-constructedForm textarea {
	width: 97% !important;
}

form#frm-formBlock220-constructedForm {
	border: 0 !important;
}

.formErrors {
	background: red;
	padding: 5px;
	color: #FFF;
	width: 98.5%;
	margin-bottom: 10px;
}

#right-sidebar{
	top: 240px;
	right: -292px;
	height: 100%;
	z-index: 9999;
	overflow:hidden;
	position:fixed;
}

#right-sidebar #d1 {
	float:left;
	cursor:pointer;
}

#right-sidebar #d2 {
	float:left;
	background-color: #FFF;
}

/* PRODUCTS CAROUSEL */
ul#carousel, ul#carousel li {
    width: 310px;
    height: 336px;
    list-style: none;
}

div.margin {
	margin-right: 5px;
	margin-left: 5px;
}

div.anythingSlider {
	margin-left: -27px;
}

#cooperation #right a{
	position: relative;
	top: 50px;
}

@media screen and (max-width: 1000px) {

	nav#top-navigation ul li a {
		padding: 10px 5px 10px 5px;
	}

	div#phone-box {
		font-size: 12px;
	}