/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
html,body {
	height:auto;
	min-height:100%;
	margin:0;
	background-image:url('img/bg.jpg');
	background-size:cover;
	background-repeat:no-repeat;
	padding:0;
	font-size:15px;
	background-position: center center;
	background-attachment: fixed;
	font-family: 'Ubuntu', sans-serif;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}

body {
	box-sizing:border-box;
}

h2 {
	font-family: 'Exo 2', sans-serif;
	font-weight:normal;
	font-size:15px;
	padding:10px 0;
}

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

p {
	display:block;
	float:left;
	position:relative;
	width:100%;
	margin-bottom:15px;
	color:#444;
}

p:last-of-type {
	margin-bottom:0px;
}

#screenshot1 {
	display:block;
	float:left;
	position:relative;
	min-height:100px;
}

#screenshot2 {
	display:block;
	float:left;
	position:relative;
	min-height:100px;
}

.product {
	position:relative;
	display:block;
	float:left;
	position:relative;
	width:100%;
	margin-bottom:20px !important;
	}
	
.accord {
	display:block;
	float:left;
	position:relative;
	width:100%;
	min-height:1px;
	padding-bottom:0px;
}

.product2 {
	position:relative;
	display:block;
	float:left;
	position:relative;
	width:100%;
	margin-bottom:20px;
	}
	
.druk1 {
	display:block;
	float:left;
	opacity:0.8;
	position:absolute;
	width:60px;
	height:60px;
	z-index:9999999;
	left:243px;
	top:70px;
}

.images {
	display:block;
	float:left;
	position:relative;
	width:100%;
	margin-top:20px;
	box-sizing:border-box;
	border:0px solid #f1f1f1;
	background-color:rgba(255,255,255,0.95);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:15px;-webkit-box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.2);
box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.2);
}

.mess {
	display:block;
	float:left;
	position:relative;
	background-color:rgba(255,255,255,0.95);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:20px;
	width:100%;
	margin-bottom:20px;
	min-height:10px;
	box-sizing:border-box;
	border:0;
}

.mess textarea {
	height:150px;
	width:100%;
	resize:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-family: 'Ubuntu', sans-serif;
	font-size:15px;
	box-sizing:border-box;
	border:1px solid #d9d9d9;
	background-color:#f3f3f3;
	padding:20px;
}

.images h3 {
	font-family: 'Exo 2', sans-serif;
	text-align:left;
	margin: 0;
	font-weight:normal;
	padding:0;
	width:100%;
	font-size:15px;
}
	
.druk2 {
	display:block;
	float:left;
	opacity:0.8;
	position:absolute;
	width:60px;
	height:60px;
	z-index:9999999;
	left:238px;
	top:76px;
}

#glitzer1 {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:550px;
	height:auto;
	z-index:99999999999999999999;
}

#glitzer2 {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:550px;
	height:auto;
	z-index:99999999999999999999;
}

.visibleglitz {
	display:block !important;
}

#main {
	display:block;
	text-align:center;
	margin:20px auto;
	position:relative;
	width:760px;
	min-height:100px;
}

#logo {
	display:block;
	float:left;
	position:relative;
	clear:right;
	margin-bottom:20px;
	
}

.ui-datepicker-calendar {
	z-index:9999;
	background-color:#f8f8f8;
}

.ui-datepicker-calendar td, .ui-datepicker-calendar th {
	border-color:#cccccc !important;
	text-align:center;
	padding:5px !important;
}

.ui-datepicker-header {
	display:block;
	float:left;
	position:relative;
	text-align:center;
	width:100%;
	height:40px;
	line-height:40px;
	box-sizing:border-box;
	background:#ffffff;
	margin-bottom:-1px;
	border:1px solid #cccccc;
}

.ui-datepicker-prev {
	display:block;
	left:0;
	position:absolute;
	height:40px;
	padding:0 10px;
	line-height:40px;
}

.ui-datepicker-next {
	display:block;
	right:0;
	position:absolute;
	height:40px;
	padding:0 10px;
	line-height:40px;
}

.option-label {
	border:1px solid #cccccc;
	padding:0 10px;
	box-sizing:border-box;
	display:block;
	left:0;
	z-index:1;
	height:39px;
	line-height:39px;
	background:#efefef;
	position:absolute;
	width:94px;
	text-align:center;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.form-row {
	display:block;
	float:left;
	position:relative;
	width:100%;
	margin-bottom:15px;
}

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

#tabs ul > li {
	list-style:none;
	margin:0;
	padding:0;
}

#tabs ul > li > a {
	display:block;
	float:left;
	position:relative;
	padding:16px;
	text-align:center;
	border-left:0px solid #f1f1f1;
	border-top:0px solid #f1f1f1;
	background-color:rgba(255,255,255,0.95);
}

#tabs a.logout {
	display:block;
	right:0;
	top:0;
	position:absolute;
	padding:16px;
	text-align:center;
	border-left:0px solid #f1f1f1;
	border-top:0px solid #f1f1f1;
	background-color:rgba(255,255,255,0.95);
	border-right:0px solid #f1f1f1;
}

#tabs ul > li:last-child > a {
	border-right:0px solid #f1f1f1;
}

#tabs .tab {
	display:block;
	float:left;
	position:relative;
	width:100%;
	padding:20px;
	box-sizing:border-box;
	border:0px solid #f1f1f1;
	background-color:rgba(255,255,255,0.95);
}

table {
	display:table;
	width:100%;
}

th {
	padding:10px;
	border:1px solid #f1f1f1;
	background-color:#fcfcfc;
}

td {
	padding:10px;
	border:1px solid #f1f1f1;
}

td a {
	color:#f40000;
}

input[type=text] {
	display:block;
	float:left;
	position:relative;
	width:350px;
	padding:10px;
	clear:both;
	border:1px solid #cccccc;
	background-color:#fcfcfc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-sizing:border-box;
	clear:right;
}

input[type=email] {
	display:block;
	float:left;
	position:relative;
	width:350px;
	padding:10px;
	clear:both;
	border:1px solid #cccccc;
	background-color:#fcfcfc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-sizing:border-box;
	clear:right;
}

input[type=submit] {
	display:block;
	float:left;
	position:relative;
	width:350px;
	padding:10px;
	clear:both;
	border:1px solid #f1f1f1;
	background-color:#fcfcfc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-sizing:border-box;
	clear:right;
}

.generate {
	display:inline-block;
	float:left;
	position:relative;
	margin-right:10px;
	color:#ffffff;
	padding:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#323232;
	border:1px solid #323232;
}

.error:last-of-type {
	margin-bottom:0px !important;
}

.success:last-of-type {
	margin-bottom:0px !important;
}

.error {
	display:block;
	float:left;
	position:relative;
	width:100%;
	padding:10px 20px;
	text-align:center;
	box-sizing:border-box;
	background-color: #eec1c1;
    border: 1px solid #953030;
	color:#953030;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom:20px;
}

.success {
	display:block;
	float:left;
	position:relative;
	width:100%;
	padding:10px 20px;
	text-align:center;
	color:#0c5400;
	box-sizing:border-box;
	background-color: #c9e8c4;
    border: 1px solid #0c5400;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom:20px;
}

input[type=submit] {
	width:150px;
	border:1px solid #f40000;
	background-color:#f40000;
	color:#ffffff;
	cursor:pointer;
	text-align:center;
}

#senden {
	display:block;
	float:left;
	position:relative;
	padding:10px;
	width:150px;
	border:1px solid #f40000;
	background-color:#f40000;
	color:#ffffff;
	cursor:pointer;
	text-align:center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-sizing:border-box;
	clear:right;
	-webkit-box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.2);
box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.2);
}

#loggedin {
	display:block;
	position:relative;
	float:right;
	clear:left;
	border:0px solid #f1f1f1;
	background-color:rgba(255,255,255,0.95);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:10px 15px;
	right:0;
	-webkit-box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.2);
box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.2);
}

select.czus {
	display:block;
	float:left;
	position:relative;
	width:350px;
	padding:0px 10px 0px 110px;
	height:39px;
	line-height:39px;
	border:1px solid #cccccc;
	background-color:#fcfcfc;
	-webkit-border-radius: 5px;
	clear:both;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.products {
	display:block;
	float:left;
	position:relative;

	padding:0px;
	width:550px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:rgba(255,255,255,0.95);
}

.header {
	display:block;
	float:left;
	position:relative;
	width:100%;
	cursor:pointer;
	box-sizing:border-box;
	background-color:rgba(255,255,255,0.95);
	border:0px solid #f1f1f1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-family: 'Exo 2', sans-serif;
	text-align:left;
	font-size:15px;
	padding:10px 15px;
	margin-bottom:20px;
	-webkit-box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.2);
box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.2);
}

#login {
	display:block;
	margin:0 auto;
	width:300px;
	padding:20px;
	background-color:rgba(255,255,255,0.95);
	border:0px solid #f1f1f1;
	min-height:50px;
	text-align:center;
}

#login a {
	color:#f40000 !important;
}

.introduction {
	display:block;
	float:left;
	position:relative;
	padding:20px;
	background-color:rgba(255,255,255,0.95);
	box-sizing:border-box;
	width:100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin:20px 0;
	text-align:left;
	line-height:140%;
	-webkit-box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.2);
box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.2);
	
}

.button {
	display:block;

	position:relative;
	float:left;
	width:30%;
	bottom:0px;
	left:0px;
	cursor:pointer;
	box-sizing:border-box;
	background-color:#f40000;
	color:#ffffff;
	border:1px solid #f40000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-family: 'Exo 2', sans-serif;
	text-align:center;
	font-size:15px;
	padding:10px 15px;
}

.header span {
	display:inline-block;
	float:right;
	height:100%;
	line-height:100%;
}

.product-img {
	display:block;
	width:550px;
	min-height:200px;
	float:left;
	overflow:hidden;
	position:relative;
	background-color:rgba(255,255,255,0.95);
	border:0px solid #f1f1f1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.2);
box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.2);
}

.product-img img {
	display:block;

}

.swatches {
	display:block;
	float:right;
	position:relative;
	width:147px;
	padding:20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:rgba(255,255,255,0.95);
	border:0px solid #f1f1f1;
	-webkit-box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.2);
box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.2);
}

.swatches h3 {
	display:block;
	float:left;
	position:relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:rgba(255,255,255,0.95);
	border:1px solid #f1f1f1;
	text-align:center;
	width:100%;
	font-weight:normal;
	box-sizing:border-box;
	padding:10px;
	font-family: 'Exo 2', sans-serif;
	font-size:15px;
	cursor:pointer;
	margin-bottom:10px;
}

.obrazki {
	padding-top:20px;
	padding-bottom:0px;
	text-align:center;
}

.obrazki img {
	display:inline-block;
	position:relative;
	width:40px;
	margin:10px;
	height:auto;
	cursor:pointer;
}

.swatches h3:last-of-type {
	margin-bottom:0px;
}

.swatches h3:hover {
	background-color:#fcfcfc;	
}

.swatches h3.ui-state-active {
	background-color:#fcfcfc;	
}

.ui-state-active > a {
	background-color:#fcfcfc !important;		
}

.ui-state-active {
	background-color:#fcfcfc;	
}


/*
 * productColorizer - jQuery Plugin
 * version: 1.1 May 2012
 * @requires jQuery v1.6 or later
 *
 * Examples at http://nikorablin.com/sandbox/productColorizer/
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 *
 * Copyright 2012 Nik Korablin - nikorablin@gmail.com
 *
 */
 
/* colorizer styles
--------------------------------------------- */
.mask {
	position:absolute;
	top:0;
	left:0;
}

.secondary {
	left:0;
	top:0;
	width:550px;
	height:393px;
    position: absolute;
    z-index: 500;
}

/* swatch styles
--------------------------------------------- */
.swatch {
	display:block;
	width:100%;
	float:left;
	text-align:center;
	padding:0;
	position:relative;
}



.swatch a {
	display:block;
	float:left;
	position:relative;
	width:20px !important;
	
	height:20px;
	text-indent:-99999999px;
	overflow:hidden;
	margin-right:1px;
	margin-top:1px;
}

.swatch a.active {
	
}

.swatch a span {
	display:block;
	height:100%;

}

.swatch a.active span {
	border:0px solid #000000;
	background-image:url('img/chosen.png');
}

/* tooltip styles
--------------------------------------------- */
.colorizer-tooltip {
	position:absolute;
	padding:5px;
	display:none !important;
	font-size:11px;
	-moz-box-shadow:0 0 5px #666;
	-webkit-box-shadow:0 0 5px #666;
	box-shadow:0 0 5px #666;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	background:#fff;
	top:34px;
}

.colorizer-pointer-up,.colorizer-pointer-up-inner {
	position:absolute;
	width:0;
	height:0;
	border-top-width:0;
	background:none;
}

.colorizer-pointer-up {
	border-left:4px solid #ccc;
	border-right:4px solid #ccc;
	border-bottom-width:14px;
	top:7px;
	right:auto;
	left:50%;
	margin-left:-7px;
	box-shadow:0 0 3px #333;
}

.colorizer-pointer-up-inner {
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-bottom:7px solid white;
	bottom:auto;
	top:-14px;
	left:-5px;
}