@charset "UTF-8";
/* CSS Document */
body {font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px; padding: 0px; }

h2 { font-size: 130%; }

#wrapper { text-align: left; margin: 0px auto; padding: 0px; border:0; width: 100%; background: url(images/hlavicka-cykloshop.jpg);  background-repeat: no-repeat; }

#header { margin: 0 0 0px 0;
}

#kategorie { float: left; width:20%; margin:0;text-align: right; }
#kategorie h2 { padding: 0px; margin: 0px; }
#kategorie li {	padding: 0;	margin: 0; }
#kategorie ul { list-style: none; margin:0; padding:0; }
#kategorie a { color: #666;	text-decoration: none; }
#kategorie a:hover { color: #000; text-decoration: none; }

/*
#side-b { float: right;	width: 15%; }
#side-b p { margin: 5px; background: #FF0;}
#side-b h2 {
	color: #000;
}
*/


table.kolo-radek { border: 0px; }
table.kolo-radek h2 { color: #666; padding: 0px; margin: 0px; padding-left: 5px; text-transform: uppercase;  }
table.kolo-radek h2 a { color: #666; text-decoration: none; }
table.kolo-radek h2 img { width: 24px; }
table.kolo-radek img { border: 0px #666 solid; height: 47px;}
table.kolo-radek a:hover img { opacity: 0.5; filter: alpha(opacity=50);  -moz-opacity: 0.5;  -khtml-opacity: 0.5; background: #FFFF00;  }
table.kolo-radek tr.pozadi { background: #FF6; }
table.kolo-radek td.miniatura { background: #fff; text-align: center; }


#side-b ul {
	list-style: none;
}

#side-b ul.znacky li {
	display: inline;
	}
	
#side-b ul.znacky li img {
	border: 0px;
	padding-top: 10px;
}

#content { float: right; width: 77%;	padding: 0px; margin: 0px; }

#content .vypis-kategorie { width: 100%;	padding: 0px; margin: 0px; display: block;}

#content .top-nabidka { float: left; width: 382px; padding-left: 14px; background: #666; }
#container { padding: 0px; margin: 0px; padding-top: 150px; }

#footer { height: 130px; background: url(images/footer_background.jpg); clear: both; }
#footer img { padding-left: 40px; padding-top: 40px; display: inline-block; }
#footer h2 { color: #FFF; width: 250px; padding-left: 20px; padding-top: 0px; display: inline-block;  }
#footer p { color: #FFF; padding-left: 20px; padding-top: 0px; display: inline-block;  }

.kolo { float: left; width: 170px; padding-left: 14px; padding-right: 0px; min-height: 200px; height: 200px; border-bottom: 4px #FC0 solid; margin: 10px; }
.kolo h2 { color: #666; padding: 0px; margin: 0px; text-transform: uppercase; border-bottom: 1px #000 solid; }
.kolo h2 a { color: #666; text-decoration: none; }
.kolo h3 { color: #666; padding: 0px; margin: 0px; }
.kolo h3 a { color: #666; text-decoration: none; }
.kolo img { border: 0px #666 solid; width: 173px; }
.kolo a:hover img { opacity: 0.5; filter: alpha(opacity=50);  -moz-opacity: 0.5;  -khtml-opacity: 0.5;   }


#main-menu { width: 100%; clear: both; margin: 0; padding: 0; padding-top: 30px; }
#main-menu h1 { color: #FFF; background-image: url('images/hlavicka-kolo.jpg'); background-repeat: no-repeat; margin: 0; padding: 0; }

.logo { width: 156px; display: inline; visibility: hidden; float: left;	margin: 0; padding: 0; }
.logo a, .logo span { display: block; height: 90px; width: 156px; margin: 0; padding: 0; }
.logo a { color: #000; position: relative;	margin: 0; padding: 0; }
.logo span { position: absolute;	top: 0; left: 0; cursor: pointer; margin: 0; padding: 0; }
.logo a span { background: url('images/kolo-hlavicka.jpg') 0 0 no-repeat; margin: 0; padding: 0; }

.vyber {
	background: #efe10c;
	color: #000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.tlacitko {
	background: #efe10c;
	color: #000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

#main-menu ul {	margin: 10px; padding: 0; padding-left: 100px; padding-top: 60px; border-bottom: 3px #000 solid; visibility: hidden; display: none;}
#main-menu ul li { display: inline; margin: 0; padding: 0;}
#main-menu ul li a { color: #b3b3b3;	padding-left: 45px;	text-decoration: none;	min-height: 100px; }
#main-menu ul li a:hover { color: #000; }
.kosik-menu { color: #FF0000; font-weight: bold; }

.vyhledavani {
	margin-left: 100px; }

.cykloshop { color: #000000; text-decoration: none; background: url('images/logo.gif') 15px 0 no-repeat; padding-top: 90px; }
.cykloshop a { color: #000000; }

.navigace {	margin: 0px; padding: 20px; }
.navigace a { color: #333; }
.navigace a:hover {	color: #FC0; }

.kolo-detail { width: 630px; padding: 20px; background: #f6f100; }
.kolo-detail h2 { color: #000; padding: 0px; margin: 0px; }
.kolo-detail h2 a { color: #000 }
.kolo-detail h3 { color: #999; padding: 0px; margin: 0px; }
.kolo-detail h3 a { color: #666 }
.kolo-detail img { border: 0px #666 solid; }
.kolo-detail a:hover img { opacity: 0.5; filter: alpha(opacity=50);  -moz-opacity: 0.5;  -khtml-opacity: 0.5;   }
.kolo-detail-specifikace {
	width: 670px;
}

.kolo-detail .cena {
	color: #000;
	font-weight: bold;
}

/*.kolo-detail-specifikace .parametr {
	width: 200px;
	display: inline-block;
	line-height: 16px;
	vertical-align: middle;
}

.kolo-detail-specifikace .parametr2 {
	width: 200px;
	background: #FF9;
	display: inline-block;
	line-height: 16px;
	vertical-align: middle;
} */

.kolo-detail-specifikace table {
	border: 0px;
}

.kolo-detail-specifikace table tr {
	border: 0px;
}

.kolo-detail-specifikace table td {
	border: 0px;
	margin: 0px;
	padding: 5px;
}

.kolo-detail-specifikace .parametr1 {
	background: #FFF;
}

.kolo-detail-specifikace .parametr2 {
	background: #FF9;
}

.kolo-detail-specifikace .parametr-hodnota {
	width: 470px;
	display: inline-block;
	line-height: 16px;	
}

.kolo-detail-specifikace .parametr-hodnota2 {
	width: 470px;
	display: inline-block;
	line-height: 16px;	
	background: #FF9;
	height: 18px;
}

.objednavka {
	width: 630px;
}

.objednavka h2 { color: #666; padding: 0px; margin: 0px; padding-bottom: 20px;
}

.objednavka .popisek {
	width: 140px;
	display: inline-block;
	color: #FFF;
	background-color: #333;
	padding: 5px;
}

.objednavka .polozka {
	width: 140px;
	display: inline-block;
	color: #000;
	background-color: #eee;
	padding: 5px;
}

.objednavka .polozka a {
	color: #333;
}

.objednavka .popisek-cena {
	width: 290px;
	display: inline-block;
	color: #000;
	background-color: #FF0;
	padding: 5px;
	font-weight: bold;
}

.objednavka .polozka-cena {
	width: 290px;
	display: inline-block;
	color: #000;
	background-color: #FF0;
	padding: 5px;
	font-weight: bold;
}

.objednavka form {
	padding-top: 10px;
}

.objednavka .objform-popisek {
	width: 290px;
	float: left;
	color: #000;
	background-color: #eee;
	padding: 5px;
	min-height: 70px;
	margin: 0px;	
}

.objednavka .objform-polozka {
	width: 290px;
	display: inline-block;
	color: #000;
	background-color: #eee;
	padding: 5px;
	min-height: 70px;
	margin: 0px;
}

.objednavka input.textovepole {
	width: 200px;
	border: 1px #000 solid;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
}

.objednavka textarea.textovepole {
	width: 200px;
	border: 1px #000 solid;
	padding: 3px;
	height: 50px;
}

.nahled { width: 670px; background: #CCC; }

/* Image zoom styles */
#zoomer_thumb { margin: 10px; display:block; position:relative; overflow:hidden; float: left;border:1px #000 solid;  }
#zoomer_big_container { display:block; position:relative; float: right; background: url(images/loading.gif) center center no-repeat #FFFFFF; overflow:hidden; border:1px #000 solid; cursor:move; }
#zoomer_image { display:block; position:absolute; }
#zoomer_region { background-image: url(images/lupa.jpg); background-position:center; background-repeat: no-repeat; border:none; position:absolute; width: 10px; height: 10px; top:30px; left:50px; cursor:move; }
.zoomer_popisek { float: left; padding-left: 30px; }
.zoomer_fullsize { float: left; padding-left: 30px; padding-top: 20px; }
.zoomer_fullsize a { color: #000; }
.zoomer_fullsize a:hover { color: #FFF200; }


<!-- SLIDER -->
.slider_gutter {float: left;width: 100%;display: block;position: relative; }
.slider_gutter_item{position: relative;	float: left; left: 100%;}
#slider_minmax_gutter_m{width: 172px;margin-left:-176px;	height:20px; background:url(http://www.hudy.cz/imgs/web/slider-bg.gif) repeat-x;}
#minmax_slider{ width:180px; margin:0px 10px;}

#slider_minmax_gutter_r,.slider_gutter_r{width: 4px;margin-left:-4px;height:20px; 	background:url(http://www.hudy.cz/imgs/web/slider-bg.gif) no-repeat; border:1px }
#slider_minmax_gutter_l, .slider_gutter_l{width: 4px;margin-left:-100%; height:20px;background:url(http://www.hudy.cz/imgs/web/slider-bg.gif) no-repeat; }

#slider_bkg_img{position: absolute; height:8px; margin:2px 0px 0px -10px; width:176px;}
.slider_gutter{ margin:10px 0px 0px 0px;}
.knob_left {	position: absolute;	height: 20px;width: 10px;background: url(http://www.hudy.cz/imgs/web/slider-left.gif) no-repeat;cursor: pointer; }
.knob_right {	position: absolute;	height: 20px;width: 10px;background: url(http://www.hudy.cz/imgs/web/slider-right.gif) no-repeat;cursor: pointer;}

.sliderPrice{padding:0px 10px;}
.slide_container{padding:10px 0px;}
<!-- END SLIDER -->