/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Global properties ======================================================== */
body {
	background:url(../images/body-bg.jpg) center center fixed;
	font-family:sans-serif, Arial, Helvetica;
	font-size:100%; 
	line-height:1.4615em;
	color:#595959;
}
html {
	min-width:1000px;
	font-size:0.8125em;
}
html, body { height:100%;}


p {padding-top:19px;}

a {
	color:#595959; 
	outline:none;
}
a:hover{
	text-decoration:none;
}

h1 {
	padding:37px 0 0px 40px;
	margin-bottom:52px;
	position:relative;
}
	h1 a {
		display:block;
		height:97px;
		width:780px;
		text-indent:-5000px;
		background:url(../images/logo_sk_v1.png) left top no-repeat;
	}
	
h2 {
	font-size:2.92em;
	color:#6d6d6d;
	padding:0 0 30px 0;
	line-height:1.2307em;
	letter-spacing:-2px;
}
	.h2-pad {
		padding-bottom:25px;
	}
	.h2-pad1 {
		padding-bottom:35px;
	}
	
h3 {
	font-size:2.20em;
	color:#6d6d6d;
	padding:0 0 30px 0;
	line-height:1.2307em;
	letter-spacing:-2px;
}

h4 {
	font-size:2.0em;
	color:#6d6d6d;
	padding:0 0 10px 0;
	line-height:1.2307em;
	letter-spacing:-2px;
}

.red {
  color: red;
}
.green {
  color: green;
}
	
/* Global Structure ============================================================= */
.main {
	margin: 0 auto;
	width: 980px; }

	/* Header */
	header{
		height:237px;
		background:url(../images/header-bg.gif) left bottom repeat-x;
	}
	
	/* Content */
	section#content {
		background:#fff;
	}
				
	/* Footer */
	footer{
		height:81px;
		background:#1a1a1a;
	}
.block {
	height:49px;
}
/* Left & Right alignment */

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.col-1, .col-2, .col-3 { float:left;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { 
	width:100%;
	overflow:hidden;
}

/*----- form defaults -----*/
input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}

/*----- other -----*/
.img-indent { 
	margin:5px 20px 10px 0; 
	float:left;
}
.extra-wrap { 
	overflow:hidden;
}

.min-margin {
  padding-top: 10px;
}

/*===== header =====*/
header .inside {
	padding:0 40px;
}
nav {
  float:left;
  height:44px;
	width:652px;
	background:url(../images/menu-left-bg.gif) left top no-repeat #000;
}
	nav ul {  
		width:100%;
		overflow:hidden;
		background:url(../images/menu-right-bg.gif) right top no-repeat;
		height:44px;
	}
		nav li {
			float:left;
			line-height:1.2307em;
			font-size:1.5384em;
			padding:8px 3px 0 20px;
		}
		 	nav li a {
				color:#fff;
				text-decoration:none;
			}
				nav li a:hover, nav .active a {
					color:#999999;
				}
header section {
  width: 220px;
	float:right;
	padding:0 4px 0 0;
}
	header section img {
		margin-left:8px;
	}
/*===== content =====*/
#content .inside {
	padding:0 40px;
}

.banner {
	float:left;
	width:299px;
	background:url(../images/blue-top-left.png) left top no-repeat;
	font-size:1em;
	line-height:1.3846em;
	color:#fff;
	text-transform:uppercase;
	height:241px;
}
	.banner div {
		padding:18px 30px 0 30px;
	}
		.banner strong {
			font-size:28px;
			line-height:34px;
			color:#fff;
			text-transform:none;
			display:block;
			padding-bottom:16px;
			letter-spacing:-1px;
		}
			.banner a.odkaz {
				color:#c6eaff;
				text-decoration:none;
				font-size:1.3846em;
				display:inline-block;
				margin-top:22px;
			}
				.banner a.odkaz:hover {
					color:#fff;
				}
.banner1 {
	float:left;
	width:301px;
	background:url(../images/orange-middle.png) left top no-repeat;
	font-size:1em;
	line-height:1.3846em;
	color:#fff;
	text-transform:uppercase;
	height:241px;
}
	.banner1 div {
		padding:18px 30px 0 30px;
	}
		.banner1 strong {
			font-size:28px;
			line-height:34px;
			color:#fff;
			text-transform:none;
			display:block;
			padding-bottom:16px;
			letter-spacing:-1px;
		}
			.banner1 a.odkaz {
				color:#ffedbb;
				text-decoration:none;
				font-size:1.3846em;
				display:inline-block;
				margin-top:22px;
			}
				.banner1 a.odkaz:hover {
					color:#fff;
				}
.banner2 {
	float:left;
	width:300px;
	background:url(../images/green-top-right.png) left top no-repeat;
	font-size:1em;
	line-height:1.3846em;
	color:#fff;
	text-transform:uppercase;
	height:241px;
}
	.banner2 div {
		padding:18px 30px 0 30px;
	}
		.banner2 strong {
			font-size:28px;
			line-height:34px;
			color:#fff;
			text-transform:none;
			display:block;
			padding-bottom:16px;
			letter-spacing:-1px;
		}
			.banner2 a.odkaz {
				color:#b9dda9;
				text-decoration:none;
				font-size:1.3846em;
				display:inline-block;
				margin-top:22px;
			}
				.banner2 a.odkaz:hover {
					color:#fff;
				}

.banner3 {
	float:left;
	width:299px;
	background:url(../images/orange-bottom-left.png) left top no-repeat;
	font-size:1em;
	line-height:1.3846em;
	color:#fff;
	text-transform:uppercase;
	height:241px;
}
	.banner3 div {
		padding:18px 30px 0 30px;
	}
		.banner3 strong {
			font-size:28px;
			line-height:34px;
			color:#fff;
			text-transform:none;
			display:block;
			padding-bottom:16px;
			letter-spacing:-1px;
		}
			.banner3 a.odkaz {
				color:#ffedbb;
				text-decoration:none;
				font-size:1.3846em;
				display:inline-block;
				margin-top:22px;
			}
				.banner3 a.odkaz:hover {
					color:#fff;
				}
.banner4 {
	float:left;
	width:301px;
	background:url(../images/green-241.png) left top no-repeat;
	font-size:1em;
	line-height:1.3846em;
	color:#fff;
	text-transform:uppercase;
	height:241px;
}
	.banner4 div {
		padding:18px 30px 0 30px;
	}
		.banner4 strong {
			font-size:20px;
			line-height:34px;
			color:#fff;
			text-transform:none;
			display:block;
			padding-bottom:16px;
			letter-spacing:-1px;
		}
			.banner4 a.odkaz {
				color:#b9dda9;
				text-decoration:none;
				font-size:1.3846em;
				display:inline-block;
				margin-top:22px;
			}
				.banner4 a.odkaz:hover {
					color:#fff;
				}
.banner5 {
	float:left;
	width:300px;
	background:url(../images/blue-bottom-right.png) left top no-repeat;
	font-size:1em;
	line-height:1.3846em;
	color:#fff;
	text-transform:uppercase;
	height:241px;
}
	.banner5 div {
		padding:18px 30px 0 30px;
	}
		.banner5 strong {
			font-size:28px;
			line-height:34px;
			color:#fff;
			text-transform:none;
			display:block;
			padding-bottom:16px;
			letter-spacing:-1px;
		}
			.banner5 a.odkaz {
				color:#c6eaff;
				text-decoration:none;
				font-size:1.3846em;
				display:inline-block;
				margin-top:22px;
			}
				.banner5 a.odkaz:hover {
					color:#fff;
				}

.noDecoration {
  text-decoration: none;
}

.indent {
	padding:49px 40px 68px 40px;
}
.indent1 {
	padding:35px 40px 68px 40px;
}

.col-pad {
	padding-right:49px;
}
.col-pad1 {
	padding-right:42px;
}

.title {
	font-size:1.308em;
	display:block;
	padding-bottom:20px;
	color:#686868;
}
	.title-pad {
		padding-bottom:0px;
	}
.text {
	line-height:1.307em;
	display:block;
	padding-top:10px;
}
.text1 {
	line-height:1.307em;
}

.pad {
	padding-top:32px;
}
.pad1 {
	padding-top:20px;
}
.date {
	display:block;
	float:left;
	margin-right:20px;
	height:73px;
	width:73px;
	text-align:center;
	text-transform:uppercase;
	font-size:0.92em;
	background:url(../images/date-bg.gif) left top no-repeat;
	color:#fff;
}
	.date strong {
		font-size:3.75em;
		display:block;
		line-height:1.2307em;
		margin-bottom:-10px;
		letter-spacing:-2px;
		text-align:left;
		padding-left:10px
	}
	
.link {
	display:inline-block;
	background:url(../images/link-bg.gif) right 5px no-repeat;
	padding-right:16px;
	color:#a9a8a8;
	font-weight:bold;
	margin-top:25px;
	font-size:0.92em;
}

.link_simple {
	display:inline-block;
	color:#a9a8a8;
	font-weight:bold;
	margin-top:15px;
}

.link_objednat {
	display:inline-block;
	color:#2BD4E4;
	font-weight:bold;
	margin-top:25px;
	font-size: 28px;
	line-height: 30px;
}

.link_objednat2 {
	display:inline-block;
	color:#2BD4E4;
	font-weight:bold;
	font-size: 22px;
	line-height: 24px;
}

.discount {
  margin-top: 15px;
  margin-bottom: 0px;
  text-align: center;
  padding: 10px;
  background: #FFF700; /*#FDF989;*/  
  color: #FF1111;
}

.discount-get {
  margin-top: 0px;
  margin-bottom: 15px;
  font-size: 16px;
  text-align: center;
  padding: 10px;
  background: #FFF700; /*#FDF989;*/  
  color: #FF1111;
}

.nodec {
  text-decoration: none;
}

.link_send {
	display:inline-block;
	color:#a9a8a8;
	font-weight:bold;
	margin-top:20px;
	font-size:1.25em;
}

	.link-margin {
		margin-top:20px;
	}
.border {
	background:url(../images/border-bg.gif) left bottom repeat-x;
	padding-bottom:30px;
	margin-bottom:20px;
}
	.border-pad {
		margin-bottom:15px;
	}
	.border-pad1 {
		padding-bottom:16px;
		margin-bottom:15px;
	}
	.border-pad2 {
		margin-bottom:40px;
	}
.list {
}
	.list li {
		background:url(../images/list-marker.gif) left 10px no-repeat;
		padding-left:22px;
		line-height:2.23em;
	}
		.list li a {
			text-decoration:none;
		}
			.list li a:hover {
				text-decoration:underline;
			}
			

.price-list li {
	width: 100%;
	overflow: hidden;
	vertical-align: top;
	line-height: 2.23em;
	color: #595959;
}
	.price-list li strong {
		background: url(../images/line-hor.gif) repeat-x 0% 18px;	
		display: block;
		overflow: hidden;
	}
	.price-list li span {
		float: right;
		color: #595959;
	}
	.price-list li a {
		float: left;
		text-decoration: none;
		color: #595959;
	}
		.price-list li a:hover {
			color:#000;
		}
		
.phone {
	display:inline-block;
	width:90px;
}
/*------dividers-------*/
.divider {
	background:url(../images/divider-bg.gif) 299px 0px repeat-y;
}
.divider1 {
	background:url(../images/divider-bg.gif) 599px 0px repeat-y;
}
/*--------*/
/*===== footer =====*/
footer {
	color:#fff;
}
	footer a {
		color:#fff;
		text-decoration:none;
	}
		footer a:hover {
			text-decoration:underline;
		}
	footer .inside {
		padding:24px 0 0 20px;
	}

/*----- forms -----*/
#contacts-form fieldset {
	border:none;
}
	#contacts-form label {
		display:block;
		height:38px;
		vertical-align:top;
	}
		#contacts-form input {
			width:262px;
			padding:5px 0px 5px 7px;
			border:1px solid #d1d0d0;
			line-height:1.2307em;
			background:none;
			color:#595959;
		}
		#contacts-form textarea {
			width:262px;
			padding:3px 0px 3px 7px;
			border:1px solid #d1d0d0;
			background:none;
			color:#595959;
			height:296px;
			overflow:auto;
		}
		#contacts-form .link {
			margin:30px 10px 0 5px;
		}

/*==========================================*/
    
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */

.product_img_big{
width:256px;
margin-right: 40px;
float:left;
text-align: center;
}
.thumbs{
margin: 0px 5px 0px 5px;
padding:8px 5px 8px 5px;
border:1px #DFD1D1 solid;
margin:3px 0 0 0;
}
.thumbs a{
padding:5px;
}

.dot_list {
  list-style-type: disc;
}
.dot_list li{
  font-size: 120%;
  line-height: 200%;
}

.font120 {
  font-size: 120%;
}

.g-plusone {
  position: absolute;
  top: 0px;
  left: 0px;
}

.discount {
  margin-top: 15px;
  margin-bottom: 0px;
  text-align: center;
  padding: 10px;
  background: #FFF700; /*#FDF989;*/  
  color: #FF1111;
  display:block;
}

.discount-get {
  margin-top: 0px;
  margin-bottom: 15px;
  font-size: 16px;
  text-align: center;
  padding: 10px;
  background: #FFF700; /*#FDF989;*/  
  color: #FF1111;
}

.nodec {
  text-decoration: none;
}

.mb20 {
  margin-bottom: 20px;
}

.jcarousel-wrapper {
   margin:0 auto;
    position: relative;
    width: 226px;
    height: 310px;

}


.jcarousel {
    position: relative;
    overflow: hidden;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    float: left;
}

/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 120px;
    width: 30px;
    height: 60px;

}

.jcarousel-control-prev {
    left: -20px;
	background:url("/images/array-left.png");
}

.jcarousel-control-next {
    right: -20px;
	background:url("/images/array-right.png");
}

.jcarousel-control-prev:hover span,
.jcarousel-control-next:hover span {
    display: block;
}