/*
font:font-style font-variant font-weight font-size/line-height font-family;
font-style: italic;
font-variant: small-caps;
font-weight: bold;*/

/* 1. Basic
-----------------------------------------------------------------------------------------------*/
* {
margin: 0px;
padding: 0px;
}
img {
border: 0px;
}
html {
}
body {
font-family: "Gill sans mt",arial;
background: #fff url('../img/bg_colors.jpg') repeat fixed center -190px;
padding: 10px 0px 0px 0px;
}
h1 {
font-size: 25px;
}
h2 {
font-size: 20px;
}
h3 {
font-size: 18px;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}

/* 2. Content
-----------------------------------------------------------------------------------------------*/
#wrapper {
width: 860px;
margin: 0px auto;
}
#container-logo {
float: left;
}
#container-menu {
float: right;
}
#container-content {
background-color: #fff;
margin: 10px 0px 0px 0px;
padding: 5px;
}
#nav {
}
#nav li {
float: left;
}

/* HOME
-----------------------------------------------------------------------------------------------*/
#welcome-text {
float: right;
margin: 0px 0px 10px 0px;
}
#container-home-product {
}
#home-product-1 {
float: left;
}
#home-product-2 {
float: right;
}
#home-product-3 {
float: right;
margin: 9px 0px 0px 0px;
}

/* PRODUCT
-----------------------------------------------------------------------------------------------*/
#container-left {
float: left;
width: 140px;
}
#container-right {
float: right;
width: 700px;
}
#link_header_catalogue {
	text-decoration:none;
}
ul#catalogue-list-category {
margin: 0px 0px 0px 10px;
}
#catalogue-list-category li {
margin: 5px 0px;
font-size: 12px;
}
#catalogue-list-category li a {
display: block;
text-decoration: none;
padding: 5px;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-ms-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}
#category_selected {
color: #000;
padding: 5px 5px 5px 15px;
background-color: #ccc;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-ms-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}
#catalogue-list-category #category_selected a {
padding:0px;
margin:0px;
}
#catalogue-list-category li a:hover {
color: #000;
padding: 5px 5px 5px 15px;
background-color: #ccc;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-ms-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}
ul#catalogue-random-products {
}
#catalogue-random-products li {
float: left;
margin: 0px 0px 20px 8px;
}
.catalogue-list-image {
width: 340px;
height: 300px;
}
.catalogue-list-image a {
display: block;
width: 340px;
height: 300px;
}

#catalogue_breadcumb {
display: block;
margin: 5px 0px 20px 0px;
font-size: 12px;
font-weight: normal;
}

#container-detail-content-image {
display: block;
text-align:center;
}

#container-detail-thumbs {
float: left;
margin: 10px 0px 0px 0px;
width: 340px;
}

#container-detail-thumbs li {
float: left;
margin:10px 10px 0px 0px;
-moz-box-shadow: 0 0 2px 2px #888;
-webkit-box-shadow: 0 0 2px 2px#888;
box-shadow: 0 0 2px 2px #ddd;
border:5px solid #fff;
cursor:pointer;
}

#container-detail-desc {
float: right;
margin: 10px 10px 0px 0px;
width: 340px;
font-weight:normal;
line-height:25px;
}

/* CONTACT
-----------------------------------------------------------------------------------------------*/

#contact-left {
	float:left;
	width: 420px;
	margin:10px 0 0 0;
}

#contact-left p {
	text-align: center;
	margin:10px 0;
}

#contact-right {
	float:right;
	width:400px;
	margin:10px 0 0 0;	
}

#form_contact label{
	width:420px;
	display: block;
	margin: 5px 0;
}

#form_contact input[type=text] {
	width:300px;
	height: 20px;
	font-size: 16px;
	padding:3px;
	margin:0 0 5px 0;
}

#form_contact #text_comments {
	width:300px;
	font-size: 16px;
	padding:3px;
	margin:0 0 25px 0;
}

#text_captcha {
	display: block;
	margin:0 0 20px 0!important;
	width:50px !important;
}

/* FOOTER
-----------------------------------------------------------------------------------------------*/
#container-footer-colors {
display: block;
width: 860px;
height: 10px;
background: url('../img/footer_colors.png') repeat-x;
margin: 10px 0px 0px 0px;
}
#credit {
font-size: 12px;
letter-spacing: 1px;
}

#container-download-katalog {
  float:right;
  margin:-40px 0 0 0;
  padding:0;
}

/* BUTTONS SET
-----------------------------------------------------------------------------------------------*/

.button-yellow-medium {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FEC901), color-stop(1, #FF9C01) );
  background:-moz-linear-gradient( center top, #FEC901 5%, #FF9C01 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEC901', endColorstr='#FF9C01');
  background-color:#FF9C01;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  border:1px solid #895005;
  display:inline-block;
  color:#3c2801;
  font-size:14px;
  font-weight:bold;
  padding:9px 17px;
  text-shadow:1px 1px 0px #fdd78a;
  text-decoration:none;
  cursor:pointer;
  -webkit-box-shadow:0 1px 1px 0px #fff inset;
  -moz-box-shadow:0 1px 1px 0px #fff inset;
  box-shadow:0 1px 1px 0px #fff inset;
}

.button-yellow-medium:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(1, #FEC901), color-stop(1, #FEC901) );
  background:-moz-linear-gradient( center top, #FEC901 100%, #FEC901 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEC901', endColorstr='#FEC901');
  background-color:#FEC901;
  text-shadow:1px 1px 0px #ffeb98;
  cursor:pointer;
  text-decoration:none;
}



/* 3. Misc
-----------------------------------------------------------------------------------------------*/
#option-undercons {
position: fixed;
z-index: 100;
left: 0px;
top: 0;
display: block;
background: url('../img/still_in_development_left.png') no-repeat;
width: 256px;
height: 100px;
text-decoration: none;
}
.color-red {
color: #df0024;
}
.color-orange {
color: #e56200;
}
.color-white {
color: #fff;
}
.box-message-red {
text-align: center;
border: 1px solid #ff4d4d;
margin: 0px 0px 30px 0px;
padding: 5px;
background-color: #ffaaaa;
font-weight: bold;
color: #000;
}
.box-message-green {
text-align: center;
border: 1px solid #7ed935;
margin: 0px 0px 30px 0px;
padding: 5px;
background-color: #c8ff9b;
font-weight: bold;
color: #000;
}
.clearer {
clear: both;
}