@charset "utf-8";
/* CSS Document */

/*
blue - 4190b7 - 2c6582
*/
body, textarea, select, table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #313030;
	font-weight: normal;
	margin:0px;
}
body {
	text-align: left;
	background: url(../images/wrapper/bg.jpg) #000000 no-repeat /*fixed*/ top center 
}

/* A */
a { 
	color: #4190b7; 
	text-decoration: none;
	text-decoration: none;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
a:hover { color: #2c6582; text-decoration: underline }

/* H*/
h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px
}

img { border: none }

h1 { 
	font-size: 18px; 
	color: #313030; 
	font-weight: bold; 
	line-height: 16px; 
}
h2 { 
	font-size: 12px;
	color: #4190b7;
	font-weight: bold; 
	line-height: 17px; 
}
h3 { 
	font-size: 12px;
	color: #4190b7;
	font-weight: bold; 
	line-height: 17px; 
}
h4 { 
	font-size: 12px; 
	font-weight: normal; 
	font-style: italic; 
	line-height: 17px; 
}

p  { margin: 0px; padding: 0 0 10px 0; line-height: 18px;  }

/* FORM GENERAL */
input, textarea, select {
	padding: 3px 5px 3px 5px;
	color: #313030;
	border: solid 1px #cfcfcf
}

/* INPUT */
input {
}

/* CHECKBOX */
input.checkbox { width: 15px!important }

/* BUTTON */
.button {
	text-decoration: none;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
input.button {
	width: 100%;
	padding: 3px 0 3px 0;
	border: solid 1px #2c6582;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
	background: #4190b7;
}
	input.button:hover { background: #2c6582; }

/* A BUTTON */
a.button {
	width: 100%;
	padding: 5px;
	display: block;
	text-align: center;
	border: solid 1px #2c6582;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
	background: #4190b7;
}
	a.button:hover { background: #2c6582; text-decoration: none }

a.button_y { 
	border-color: #edda33;
	background: #feea35;
	color:#000000
}
	a.button_y:hover { background: #edda33 }
	
a.button_g { 
	border-color: #3e6708;
	background: #528a0a;
	color: #FFFFFF
}
	a.button_g:hover { background: #3e6708 }

a.button_lite { 
	font-weight: normal;
	padding-top: 2px;
	padding-bottom: 2px; 
}

/* WIDTH */
.w150 { width: 150px!important }
.w160 { width: 160px!important }
.w162 { width: 162px!important }
.w566 { width: 566px!important }

/* */ 
.left { float: left!important }
.right { float: right!important }
.both { width: 100%; clear: both; height: 0px }
.hidden { display: none!important }
.absolute { position: absolute!important; }
.center { text-align: center!important }
.justify { text-align: justify!important }
.a-left { text-align: left!important }
.a-right { text-align: right!important }
.polovicka { width: 50%!important }
.preciarknutie { text-decoration: line-through!important }
.padding15 { padding: 15px!important }

/* MESSAGE */
.error{
	position: relative;
	padding: 15px;
	margin: 5px 0 5px 0;
	background-color: #c80000;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	text-align: center;
}
	.error a { color: #FFFFFF; text-decoration: underline }
	.error a:hover { text-decoration: none }
	
	.error_green { background-color: #79be35}
.messagge {
}
.message_popup {
	min-width: 400px;
	padding: 50px;
	font-size: 16px;
	line-height: 22px;
	text-align: center;
}

/* MOBILE*/
#mobile-header { display: none; }
.mobile { display: none; }
.nomobile { display: block; }

/* ESHOP */
.eshop {
}
	.eshop .product {
		position: relative;
		width: 192px;
		float: left;
		margin: 0 0 0px 10px;
	}
		.eshop .product:hover .box { border-color: #333333!important }
		.eshop .nomargin { margin: 0 0 0 0 }
	
		.eshop .product .h {
			width: 182px;
			height: 33px;
			line-height: 14px;
			padding: 5px!important;
			z-index: 250;
			text-align: center;
		}
			.eshop .product .h h3 a {
				margin: 0px;
				padding: 0px;
				color: #313030;
				font-size: 12px;
			}
		.eshop .product .photo {
			position: relative;
			width: 192px;
			height: 141px;
			text-align: center;
			padding: 5px 0 0 0;
			z-index: 150;
		}
			.eshop .product .photo img {
				z-index: 201;
				-webkit-transition: -webkit-transform 0.3s ease;
				-moz-transition: -moz-transform 0.3s ease;
				transition: transform 0.3s ease;
			}
			.eshop .product:hover .photo img {
				-webkit-transform: scale(0.9);
				-moz-transform: scale(0.9);
				-o-transform: scale(0.9);
				transform: scale(0.9);
			}
		
		.eshop .product .in_stock {
			position: absolute;
			display: block;
			width: 192px;
			height: 140px;
			text-align: center;
			z-index: 200;
			background: url(../images/wrapper/in_stock.png) no-repeat bottom right
		}
		
		.ui-tooltip-content { text-align:justify!important; }
		
		.eshop .product .price {
			position: relative;
			padding: 5px 0 15px 0;
			text-align: center;
			font-size: 15px;
			font-weight: bold;
			color: #418fbd
		}
			.eshop .product .price .old {
				font-size: 12px;
				color: #1f1f1f;
				font-weight: normal;
				text-decoration: line-through;
			}


/* TABULATOR */			
.tabulator {
	
}
	.tabulator a,
	.tabulator .pagination_active,
	.tabulator .pagination_number,
	.tabulator .pagination {
		position: relative;
		display: block;
		float: left;
		margin-right: 5px;
		width: 25px;
		height: 25px;
		line-height: 23px;
		text-align: center;
		background-color: #FFFFFF;
		border: solid 1px #c6c6c6;
		color: #1f1f1f
	}
		.tabulator .pagination_active,
		.tabulator .pagination:hover {
			border: solid 1px #4190b7;
			background: #4190b7;
			color: #FFFFFF;
			text-decoration: none
		}	
		.tabulator .button_pagi_null {
			text-decoration: none;
		}	


/* ESHOP TABLE */	
table.eshop_table {
}
	table.eshop_table td,
	table.eshop_table th {
		padding: 5px
	}
	table.eshop_table th {
		background-color: #4190b7;
		font-size: 12px;
		color: #FFFFFF
	}
	table.eshop_table tr.parny { background-color: #E6E6E6 }
	table.eshop_table td a.detail {
		width: 20px;
		height: 20px;
		display: block;
		background: url(../images/eshop/detail.png) no-repeat center
	}
		table.eshop_table td a.detail:hover { background: url(../images/eshop/rollover/detail.png) no-repeat center }

/* BODY */
#border-top {
	position: absolute;
	width: 100%;
	height: 10px;
	z-index: 300;
	background-color: #4190b7;
}

#slideshow {
	position: absolute;
	width: 100%;
	height: 225px;
	margin-top: 10px;
	text-align: left;
}
	@media only screen and (max-width: 767px){
		#border-top { display: none }
		#slideshow { display: none }
	}
	#slideshow .slide {
		position: absolute;
		width: 100%;
		height: 225px;
		display: block;
		z-index: 150;
	}
		#slideshow .slide a {
			position: absolute;
			width: 100%;
			height: 225px;
			display: block;
			cursor: pointer;
		}
	#slideshow #number_panel_box {
		position: relative;
		width: 1000px;
		height: 225px;
		margin: 0 auto 0 auto;
	}
		#slideshow #number_panel_box #number_panel {
			position: absolute;
			bottom: 15px;
			right: -5px;
			z-index: 300
		}
			#slideshow #number_panel_box #number_panel a {
				width: 8px; 
				height: 8px;
				float: left;
				margin-right: 5px;
				display: block;
				background-color: #FFFFFF
			}
				#slideshow #number_panel_box #number_panel a.selected,
				#slideshow #number_panel_box #number_panel a:hover { background-color: #4190b7 }

#header {
	position: relative;
	width: 1000px;
	height: 235px;
	margin: 0 auto 0 auto;
	z-index: 250;
}
	#header #logo a {
		position: absolute;
		width: 354px;
		height: 147px;
		display: block;
		margin-top: 10px;
		background: url(../images/wrapper/suncycle_02.png) no-repeat center
	}
	#header #cart {
		position: absolute;
		width: 339px;
		height: 107px;
		right: -7px;
		text-align: left;
		margin-top: 10px;
		background: url(../images/wrapper/suncycle_03.png) no-repeat center
	}
		#header #cart:hover { background: url(../images/wrapper/rollover/suncycle_03.png) no-repeat center }

		#header #cart a {
			position: absolute;
			width: 345px;
			height: 102px;
			display: block;
			cursor: pointer;
		}
		#header #cart .h {
			font-size: 18px;
			font-weight: bold;
			color: #ffe610;
			padding: 20px 0 20px 20px;
		}
		#header #cart .total_price {
			font-size: 14px;
			color: #ffffff;
			padding: 0 0 0 20px;
		}
		
	#header #search {
		position: absolute;
		width: 530px;
		height: 45px;
		top: 140px;
		right: -7px;
		background: url(../images/wrapper/suncycle_07_white.png) no-repeat center
	}
		#header #search .input,
		#header #search .submit {
			float: left;
		}
		#header #search .input {
			width: 440px;
			margin-right: 42px;
			text-align: left;
		}
			#header #search .input input {
				width: 100%;
				background: transparent;
				padding: 12px 15px 12px 15px;
				color: #000000;
				border: none
			}
		#header #search .submit {
			width: 24px;
		}
			#header #search .submit input {
				border: none;
				display: block;
				width: 24px;
				height: 24px;
				margin-top: 8px; 
				padding: 0px;
				cursor: pointer;
				background: url(../images/wrapper/find.png) no-repeat center
			}
				#header #search .submit input:hover { background: url(../images/wrapper/rollover/find.png) no-repeat center } 

#menu-bg {
	position: relative;
	width: 100%;
	height: 34px;
	text-align: center;
	background-color: #000000
}		
	#menu {
		position: relative;
		width: 1000px;
		height: 34px;
		margin: 0 auto 0 auto;
		text-align: left
	}
		#menu ul {
			margin: 0px;
			padding: 0px;
		}
			#menu ul li {
				list-style: none;
				float: left;
			}
				#menu ul li.menu0 a { /*width: 170px!important*/ }
				#menu ul li a {
					display: block;
					/*width: 166px;*/
					padding: 0 38px 0 37px;
					text-align: center;
					height: 34px;
					line-height: 34px;
					font-size: 14px;
					font-weight: bold;
					color: #FFFFFF;
					text-transform: uppercase;
				}
					#menu ul li.selected a,
					#menu ul li a:hover {
						background-color: #4190b7;
						text-decoration: none
					}

#content_box {
	position: relative;
	width: 100%;
}
	#content_box #content {
		position: relative;
		width: 1000px;
		text-align: left;
		margin: 10px auto 0px auto;
		padding: 10px 10px 5px 10px;
	}
		#content_box #content .box {
			position: relative;
			width: 100%;
			background-color: #FFFFFF;
			margin-bottom: 10px;
			border: solid 1px #333333;
		}
			#content_box #content .box .h {
				position: relative;
				color: #FFFFFF;
				font-weight: bold;
				padding: 8px 15px 8px 15px;
				margin: 0px;
				background: #4190b7
			}
				#content_box #content .box h1 { 
					color: #FFFFFF!important; 
					font-size: 12px; 
					text-transform: uppercase 
				}
				
			#content_box #content .box .h_blue {
				/*color: #FFFFFF!important;
				background: url(../images/wrapper/transparent_blue.png) repeat*/
				color: #000000!important;
				background: url(../images/wrapper/suncycle_24.png) repeat
			}
				#content_box #content .box .h_a_white a { color: #FFFFFF!important; }
				#content_box #content .box .h_a_more a { 
					color: #FFFFFF!important;
					display: block; 
					background: url(../images/wrapper/child_white.png) right center no-repeat!important; 
				}
				#content_box #content .box .h_blue a { color: #000000!important; }
				
			#content_box #content .box .body{
				position: relative;
				padding: 15px;
			}
	
		#content_box #content #left {
			position: relative;
			width: 192px;
			float: left;
		}
			#content_box #content #left #menu_eshop {
			}
			
				.ui-effects-transfer-bike {
					background: url(../images/wrapper/transparent_yellow.png) repeat
				}
				.ui-effects-transfer-outdoor {
					background: url(../images/wrapper/transparent_blue.png) repeat
				}
			
				#content_box #content #left #menu_eshop a.bike,
				#content_box #content #left #menu_eshop a.outdoor{
					float: left;
					display: block;
					font-weight: bold;
					width: 96px;
					padding: 8px 0 8px 0;
					text-align: center;
				}
					#content_box #content #left #menu_eshop a.bike { background-color: #ffe610; color: #000000 }
					#content_box #content #left #menu_eshop a.outdoor { background-color: #4190b7; color: #FFFFFF }
					
					#content_box #content #left #menu_eshop a.bike:hover { background-color: #edda33; text-decoration: none }
					#content_box #content #left #menu_eshop a.outdoor:hover { background: #2c6582; text-decoration: none }

				#content_box #content #left #menu_eshop div#bike div,
				#content_box #content #left #menu_eshop div#outdoor div{
					display: block;
					font-weight: bold;
					width: 192px;
					padding: 3px 0 3px 0;
					text-align: center;
				}
					#content_box #content #left #menu_eshop div#bike div { background-color: #ffe610; color: #000000 }
					#content_box #content #left #menu_eshop div#outdoor div { background-color: #4190b7; color: #FFFFFF }

			
				#content_box #content #left #menu_eshop ul {
					margin: 0px;
					padding: 0px;
				}
					#content_box #content #left #menu_eshop ul li {
						list-style: none;
						float: none
					}

						#content_box #content #left #menu_eshop ul li a {
							display: block;
							width: 177px; /* 192 */
							padding: 5px 0 5px 15px;
							float: none;
							font-weight: bold;
						}
							#content_box #content #left #menu_eshop ul li a.child {
								background-image: url(../images/wrapper/child.png);
								background-position: 170px center;
								background-repeat: no-repeat
							}
							#content_box #content #left #menu_eshop ul li a.child:hover { background-position: 173px; }
							
							#content_box #content #left #menu_eshop ul li.selected a,
							#content_box #content #left #menu_eshop ul li a:hover {
								background-color: #4190b7;
								color: #FFFFFF;
							}
							#content_box #content #left #menu_eshop div#bike ul li.selected a,
							#content_box #content #left #menu_eshop div#bike ul li a:hover {
								background-color: #edda33; 
								color: #000000
							}
							
						#content_box #content #left #menu_eshop ul li ul {
							width: auto;
							top: 0px;
							margin: 0 0 0 192px;
							border: none;
							background: url(../images/wrapper/transparent_blue.png); color: #000000
						}
							#content_box #content #left #menu_eshop div#bike ul li ul { background: url(../images/wrapper/transparent_yellow.png); color: #000000 }
						
							#content_box #content #left #menu_eshop ul li ul a {
								color: #FFFFFF;
								font-style: italic;
								font-weight: normal;
								background-color: none;
							}
								
								#content_box #content #left #menu_eshop div#bike ul li ul a { color: #000000}
								
								#content_box #content #left #menu_eshop ul li ul li a:hover { text-decoration: underline }
								#content_box #content #left #menu_eshop ul li ul li.selected a,
								#content_box #content #left #menu_eshop ul li ul a:hover {
									background-color: #2c6582;
								}
									#content_box #content #left #menu_eshop div#bike ul li ul.selected a,
									#content_box #content #left #menu_eshop div#bike ul li a:hover { background-color: #edda33; color: #000000 }
			
			#content_box #content #left #search {
				height: 102px;
			}
				#content_box #content #left #search div {
					padding: 0 0 3px 0;
				}
				#content_box #content #left #search form label {
					font-style: italic;
				}
				
			#content_box #content #left #bike_manufacturer { height: 399px }
			#content_box #content #left #outdoor_manufacturer { height: 556px }
		
		#content_box #content #center {
			position: relative;
			width: 596px;
			margin: 0 10px 0 10px;
			float: left;
		}
		#content_box #content #right {
			position: relative;
			width: 192px;
			float: left;
		}
			#content_box #content #right a.button { width: 150px; }
			
			#content_box #content #right #contact_info { height: 364px}
			
			#content_box #content #right #shipping { height: 194px}
			
			#content_box #content #right #login_box {
				height: 147px;
			}
				#content_box #content #right #login_box div {
					padding: 0 0 3px 0;
					font-weight: bold
				}
				
			#content_box #content #right .contact_info .mb5 {}
			#content_box #content #right .contact_info p { padding-bottom: 5px;}
				
			#content_box #content #right .product_right {
			}
				#content_box #content #right #produkt_dna { height: 209px }
				#content_box #content #right #novy_produkt { height: 200px }
			
				#content_box #content #right .product_right h3 { 
					text-align: center;
					min-height: 51px;
					_height: 51px;
					margin-bottom: 10px;
				}
				#content_box #content #right .product_right h3 a { color: #313030}	
				#content_box #content #right .product_right .fotografia {
					text-align: center;
					margin-bottom: 5px;
					min-height: 125px;
					_height: 125px;
				}	
					#content_box #content #right .product_right .fotografia img {
						z-index: 201;
						-webkit-transition: -webkit-transform 0.3s ease;
						-moz-transition: -moz-transform 0.3s ease;
						transition: transform 0.3s ease;
					}
					#content_box #content #right .product_right:hover .fotografia img {
						-webkit-transform: scale(0.9);
						-moz-transform: scale(0.9);
						-o-transform: scale(0.9);
						transform: scale(0.9);
					}
					#content_box #content #right .product_right .fotografia img { width: 160px }
				#content_box #content #right .product_right .cena {
					position: relative;
					text-align: center;
					font-size: 14px;
					font-weight: bold;
					color: #418fbd
				}
					#content_box #content #right .product_right .cena .stara {
						font-size: 12px;
						color: #1f1f1f;
						font-weight: normal;
						text-decoration: line-through;
					}

a#toTop {
	display: block;
	position: fixed;
	width: 60px;
	height: 50px;
	background: url(../images/wrapper/toTop.png) no-repeat center left #4190b7;
	top: 90%;
	right: 0;
}
	a#toTop:hover { background-color: #2c6582 }

#footer_box {
	width: 100%;
	background: url(../images/wrapper/bg_footer_01.jpg) no-repeat top center
}
	#footer_box #footer {
		position: relative;
		width: 1000px;
		margin: 0 auto 0 auto;
		padding: 20px 0 20px 0;
		text-align: left;
		line-height: 20px;
		font-size: 12px;
		color: #CCCCCC;
	}
		#footer_box #footer .column {
			float: left;
			height: 130px;
			padding: 0 15px 0 15px;
		}
		#footer_box #footer .column1 { width: 219px; border-right: solid #FFFFFF 1px; padding-left: 0px }
		#footer_box #footer .column2 { width: 219px; border-right: solid #FFFFFF 1px }
		#footer_box #footer .column3 { width: 500px; padding-right: 0px; }
		
		#footer_box #footer .column strong {
			display: block;
			font-size: 16px;
			text-transform: uppercase;
			margin-bottom: 15px;
		}
		
		#footer_box #footer .fb-like-box {
			background: url(../images/wrapper/transparent_white_60.png) repeat
		}
		
		#footer_box #footer a { color: #CCCCCC }
		
		#footer_box #footer .copyright {
			padding-top: 15px;
			font-size: 12px;
		}