a { color: #ffffff; }
a:hover { color: #FF6600; }
body { color: #575755; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 70%; margin: 0px auto; position: relative; text-align: center; width: 802px;background:#191919 url(../img/background.jpg) repeat-x; }

a.vyhl { color: #ffffff; font-weight: normal; }
a.vyhl:hover { color: #FF6600; text-decoration: none; }

/* NADPISY */
h1, h2, h3, h4 {line-height: 120%; font-weight: normal; }
h1, .news h2, .produkt h2 {position:relative; color: #CCCC00; font-size: 150%; }

h2 { font-size: 150%;}
h2, h3, h4 {color: #AE8734;}
h3 {font-size: 130%;}
h4 {font-size: 100%;}
img {border:none;}
div{margin:0;padding:0;}
form{positon:relative;}
input, select{width:150px;}
input.radio {width:auto;}
textarea{width:300px;height:150px;}
legend { color: #ccc; font-size: 90%; margin: 0px; padding: 1px 3px; padding: 0px;}
fieldset{border:1px solid #ccc;margin:.5em 0;padding:1em;}
table{border-collapse:collapse;width:100%;_width:90%;}
table, td{font-size:100%;}

#page {position:relative;background:url(../img/layout.gif) repeat-y; margin: 0px auto; width: 802px;text-align:left;}
#pageIn {padding:0 20px;line-height:1.2em;}


	#content1 {float:left;width:593px;margin-top:40px;}
	#content2 {background:#ccc;margin-top:40px;}
		#content1 #main {float:right;width:430px;color:#FFFFFF;margin-top:40px;}
		#content2 #main {float:right;width:600px;color:#FFFFFF;margin-top:40px;}


			p#navigace {color:#FFFFFF;margin:0 0 1em 0;}
			p#navigace a, #zakaznik p a {font-weight:bold;}
			p#navigace span, #zakaznik p strong {color:#FF6600;}
			
			.produkt {margin:0 5px 5px 0;width:177px;_width:193px;padding:5px 8px;float:left;background-color:#000000;border-bottom:1px #5F5F5F dashed;font-size:90%;}
			.produkt p, .produkt div, .produkt h2{margin:.3em 0;padding:0;}
			.produkt h2 {font-size:150%;height:45px;font-weight:bold}
			.produkt .sText {height:50px;}
			.produkt .bPrice {height:20px;} 
			p.cena span {color:#FF6600;font-size:140%;font-weight:bold;}
			
			a.vice_info{display:block;float:left;width:83px;line-height:20px;height:20px;margin-right:.3em;color:#000000;font-weight:bold;text-decoration:none;font-size:90%;text-align:center;background:url(../img/vice_info.gif)}
			a.vice_info:hover{color:#ffffff;}
		
		#sidea{float:left;width:150px;}
			#cat { margin: 0px auto;text-align: left;width: 150px;text-align:left;font-weight:bold;}
			#cat a { color: #ffffff;margin: 0px; padding: 0px;text-decoration:none;display: block; width: 125px;padding-left:25px;padding-top:3px;padding-bottom:3px;}
			#cat a:hover, #cat li.current a { text-decoration: none;color:#FF6600;}
			#cat ul li { list-style-image: none; margin: 0px; padding: 0px;text-align: left;width:150px;background:#161616 url(../img/sidebar_cat.gif) no-repeat 0% 0%;margin-bottom:2px;}
			#cat ul { list-style: none; margin: 0px; padding: 0px;padding-bottom:20px;list-style: none; margin: 0px; padding: 0px;}
			#cat ul ul {background-color:#4B4B4B;}
			#cat ul li.current ul a {background:none;padding:3px 0px 3px 20px;text-transform:none;}
			#cat ul ul a:hover {background:none;color:#FF6600;}
			#cat ul ul li a {margin:0px;padding:0px;padding-left:35px;padding-top:3px;padding-bottom:3px;width:115px;font-weight:normal;background: url(../img/sidebar_cat_cat.gif) 25px 50% no-repeat;}
			#cat ul li ul li a:hover {margin:0px;padding:0px;padding-left:35px;padding-top:3px;padding-bottom:3px;width:115px;font-weight:normal;background: url(../img/sidebar_cat_cat_a.gif) 25px 50% no-repeat;}
			#cat ul ul li {background:none;back ground: url(../img/sidebar_cat_cat.gif) 25px 50% no-repeat;margin:0px;padding:0px;}
			#cat ul ul li a span {background:url(/../img/subli.gif) no-repeat 0% 50%;padding-left:15px;padding:0px;margin:0px;margin-left:20px;padding-left:15px;}
		
		#sideb{float:right;width:156px;margin-top:109px;}
		
		.side_box {background-color:#4A4A4A;background:#4A4A4A url(../img/side_box_bottom.gif) no-repeat bottom;padding-bottom:15px;margin-bottom:10px;}
        .side_box p {margin:0px;padding:7px;}
        .side_box img {border:1px solid #a83e00;margin-bottom:5px;}
        .side_box p.center {text-align:center;}
        .pict img {border:1px solid #a83e00;}
		
		/* menu */
		#menu {position:absolute; text-align: left; left:20px;top: 258px; z-index: 99;background:url(../img/menu.jpg) no-repeat;width:782px;}
		#menu li {float: left;margin: 0;list-style: none;padding:0px;text-align:center;list-style-image:none;padding:8px 0px;}
		#menu ul {margin:0px;padding:0px;}
		#menu a {text-decoration: none;display: block;line-height: normal;color:#ffffff;padding-top:0px;font-weight:bold;font-size:90%;border-right:1px solid #FF6600;padding:0px 7px;}
		#menu a.last {border:none;}
		#menu a:hover {color:#C88800;}
		#menu li.current a, #menu li a:hover {color:#C88800;}
		#menu li.current a {cursor:default;}
		
		#search {position:absolute;z-index:50;top:297px;left:183px;fo nt-size:90%;}
		#search input { margin: 0px; padding: 0px;}
		#search input.input {width:230px;vertical-align:middle;height:18px;}
		#search p {bord er:1px solid black;display:inline;vertical-align:text-bottom;line-height:26px;padding:3px 6px;color:#000000;background-color:#FF6600;margin-right:5px;}
		#search fieldset { border: none; padding: 0px; margin: 0px;display:inline; }
		#search form { padding: 0px; margin: 0px;display:inline;}
		#search label, #search legend { display: none; }
		#search #hledej {font-size:90%;width:5em;vertical-align:bottom !important;vertical-align:bottom;padding:0px;margin:0px;font-weight:bold;height:22px;}
		
		#zakaznik {position:absolute;top:297px;right:23px;color:#FFFFFF}
		#zakaznik p {padding:0px;margin:0px;text-align:right;}
	
.div_patickax {
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
	background-image: url(../img/paticka3.gif);
	background-repeat: no-repeat;
	height: 22px;
	text-align: center;
}
.div_paticka {
	width: 760px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	clear: both;
	background-image: url(../img/paticka2.gif);
	background-repeat: no-repeat;
	height: 26px;
	padding: 0 0 0 40px;
}

.lista1 { display: block; float: left; font-size: 10px; font-weight: bold; height: 19px; padding: 5px 10px 0 9px; border-right: 1px solid #000; border-left: 1px solid #999; }
.lista2 { display: block; float: left; font-size: 10px; font-weight: bold; height: 19px; padding: 5px 10px 0 9px; border-right: 1px solid #000; }
.lista3 { display: block; float: left; font-size: 10px; font-weight: bold; height: 19px; padding: 5px 10px 0 9px; border-left: 1px solid #999; }
.div_paticka a:hover { color: #000; }
#lista a, #lista a:visited { text-decoration: underline; color: #DDDDDD;}


.paticka_odkaz {
	font-size: 10px;
	color: #FFFFFF;
	/*text-decoration: none;*/
	position: relative;
	top: 4px;
}
.paticka_odkaz a {
 font-weight: bold;
 
}
#footer { background: url(../img/footer.jpg) no-repeat center; clear: both; float: none; height: 17px;width:802px;margin:0px auto;text-align:center;}
#footer p { font-size: 90%;text-align:center;padding-top:3px; }
#footer a, #footer p {color:#ffffff;}

#sidea h3 {width:150px;height:25px;margin:0px;padding:0px;}
#sidea h3.eshop {background:url(../img/sidebar_eshop.gif) no-repeat;}
#sidea h3.kosik {background:url(../img/sidebar_kosik.gif) no-repeat;}
#sidea h3.online {background:url(../img/sidebar_online.gif) no-repeat;}
#sidea h3.zbozi {background:url(../img/sidebar_zbozi.gif) no-repeat;}
#sidea h3 span {display:none;}

#sidea ul.koupeno, #sidea ul.online {margin:0px;padding:7px;list-style:none;}
#sidea ul.online {padding-top:10px;}
#sidea ul.koupeno li, #sidea ul.online li {margin:0px;padding:0px;}
#sidea ul.koupeno a, #sidea ul.online a {co lor:#FFFFFF;f ont-size:85%;}

#sidea p {margin:Opx;color:#ffffff;padd ing:0px 7px;}

table#nakupni-kosik{width:575px}
table#nakupni-kosik .tdPrice{width:6em;}
input.qty{width:25px;}
input.submit{width:auto;}
td.label{width:12em;}

.koupeno {color:#999;}
.article-perex{margin:1.3em 0;}
.pict {position:relative;line-height:1px;height:102px;display:table-cell;vertical-align:bottom;display: table;_position: relative;=position: relative; overflow: hidden;}
.pict img {border:1px solid #a83e00;}
.pict a img.noborder {border:none;}
img .border {border:1px solid #a83e00;}
.pict-cent {_position: absolute;=position: absolute;  =top: 50%;_top: 50%;display: table-cell; vertical-align: middle;}
.cleaner {clear:both;float:none;font-size:1px;line-height:1px;height:1px;}
.red {color:#ff0000;font-weight:bold;}
.smaller{font-size:smaller;}
.right {text-align:right;}
.left {text-align:left;}
.fl{float:left;}
.fr{float:right;}
.navrat, .pokracovat {margin:1em 0;font-weight:bold;}
.blok, .news {background-color:#000000;border-bottom:1px #5F5F5F dashed;margin-bottom:20px;padding:10px;}
.w50{width:45%;}
.udaje{margin:.3em 0;}



p.date{background:url(../img/date.gif) no-repeat 0% 50%;padding-left:15px;}
.news img {float:left;padding-right:10px;padding-bottom:10px;}

#formular { font-size: 90%; padding: 20px 0px; float: none; clear: both; margin-bottom: 30px; }
#formular label,#formular input, #formular textarea, #formular p, #formular input.submit { display: block; float: left; margin: 3px 0px; }
#formular br { clear: left; }
#formular textarea { width: 300px; }
#formular div { float: right; }
#formular strong { color: #FF0000; font-weight: bold; font-size: 110%; }
#formular fieldset { padding: 0px; border: none; }
#formular form, #formular p { margin: 0px; padding: 0px; }
#formular label, #formular p { color: #ffffff; display: block; margin-right: 10px; text-align: right; width: 60px; }
#formular p {text-align:left;width:auto;}
#formular legend { color: #7F7F7F; display: none; font-size: 80%; margin: 0px; padding: 1px 3px; padding: 0px; }
p.ok { text-align: left; font-size: 90%; padding: 3px 20px; width: 100%; }
#sent { border: 3px solid #9D7348; }
p.vyrobce {padding-bottom:10px;}
a img .border {border:1px solid #a83e00;}

#head { background: transparent url("../img/header.jpg") no-repeat right; color: inherit; height: 258px; position: relative; text-align: left; width: 802px; }
#logo { cursor: pointer; display: block;left:193px;top:8px; height: 185px;position: absolute; text-align: left; text-decoration: none;width: 256px; z-index: 15; }
#logo span { background: transparent url("../img/rebelbike-logo.jpg") no-repeat; display: block; height: 185px; position: absolute; width: 256px; z-index: 5; }
#logo strong { color: black; position: absolute; text-decoration: underline;display:none; }
#logo:hover strong { text-decoration: none; }
#head ul {margin:0px;padding:0px;position:absolute;top:34px;left:2px;
list-style-type:none;
list-style-image:none;
list-style:none;}
#head li {width:173px;height:22px;margin:0px;padding:0px;}
#head li.m1 {height:21px;line-height:21px;}
#head li a {width:173px;display:block;height:22px;line-height:22px;margin:0px;padding:0px;}
#head li.m1 a {height:21px;line-height:21px;background:url(../img/menu/menu_02.jpg) no-repeat;}
#head li.m1 a:hover {background:url(../img/menu/menu_02h.jpg) no-repeat;}
#head li.m2 a {background:url(../img/menu/menu_03.jpg) no-repeat;}
#head li.m2 a:hover {background:url(../img/menu/menu_03h.jpg) no-repeat;}
#head li.m3 a {background:url(../img/menu/menu_04.jpg) no-repeat;}
#head li.m3 a:hover {background:url(../img/menu/menu_04h.jpg) no-repeat;}
#head li.m4 a {background:url(../img/menu/menu_05.jpg) no-repeat;}
#head li.m4 a:hover {background:url(../img/menu/menu_05h.jpg) no-repeat;}
#head li.m5 a {background:url(../img/menu/menu_06.jpg) no-repeat;}
#head li.m5 a:hover {background:url(../img/menu/menu_06h.jpg) no-repeat;}
#head li.m6 a {background:url(../img/menu/menu_07.jpg) no-repeat;}
#head li.m6 a:hover {background:url(../img/menu/menu_07h.jpg) no-repeat;}
#head li.m7 a {background:url(../img/menu/menu_08.jpg) no-repeat;}
#head li.m7 a:hover {background:url(../img/menu/menu_08h.jpg) no-repeat;}
#head li.m8 a {background:url(../img/menu/menu_09.jpg) no-repeat;}
#head li.m8 a:hover {background:url(../img/menu/menu_09h.jpg) no-repeat;}
#head li.m9 a {background:url(../img/menu/menu_10.jpg) no-repeat;}
#head li.m9 a:hover {background:url(../img/menu/menu_10h.jpg) no-repeat;}
#head li a span {visibility:hidden;margin:0px;padding:0px;height:22px;line-height:22px;display:block;}

