/* zakladni prvky */
body, p, li, input, select, textarea, td, th {
	color: #333333;
	font-family: Tahoma, Verdana, "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif;
	font-size: x-small;
	line-height: 130%;
}

html, body.body {
	height: 100%;
	margin: 0;
	padding: 0;
}

body.body {
	text-align: center;
	background: #4a4a4a url(img/sys/bg_body.jpg) 50% 0 repeat-y;
}
/*
body.print, body.window, body.mceContentBody {
	text-align: left;
	background: #ffffff;
	padding: 5px;
}
*/
img, h1, h2, h3, h4, h5, h6, form {
	margin: 0;
	padding: 0;
	border: 0;
}

h1, h2, h3, h4, h5, h6	{
	color: #da251d;
}

h1 {
	font-size: 145%;
	clear: both;
	margin: 0 0 10px 0;
}

h2 {
	font-size: 120%;
	margin: 0 0 0.5em 0;
}

h3 {
	font-size: 110%;
	margin: 0 0 0.2em 0;
}

h4 {
	margin: 0 0 0.3em 0;
	font-size: 100%;
}

a {
	color: #505050;
}

a:hover {
	color: #162983;
}

h2 a, h3 a, h4 a, h5 a {
	color: #162983;
}

p {
	margin: 0 0 1ex 0;
}

table {
	border-collapse: collapse;
}

ul, ol {
	margin-top: 3px;
	margin-bottom: 0.8em;
}

/* /zakladni prvky */

/* zakladni tridy */
.b {
	font-weight: bold;
}

.tal {
	text-align: left;
}

.tac {
	text-align: center;
}

.tac table {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

.tar {
	text-align: right;
}

.taj {
	text-align: justify;
}

.fl {
	float: left;
}

.fli {
	float: left;
	margin-right: 10px;
}

.fr {
	float: right;
}

.fri {
	float: right;
	margin-left: 10px;
}
.vat { vertical-align: top }

.vam { vertical-align: middle }

.clear {
	clear: both;
	font-size: 1px;
	height: 0px;
}

.invisible, .no-css {
	display: none;
}

.required {
	background: #ffffff url(img/sys/required.gif) no-repeat right top;
}

.warning, .warning a, .error, .error a {
	color: #fff !important;
	font-weight: bold;
}

.saved, .info {
	color: #0066cc;
	font-weight: bold;
}

.print {
	text-align: left;
}

.ll {
	list-style-type: lower-alpha;
}

hr {
	height: 0px;
	border: none;
	border-bottom: 1px solid #d7d7d7;
}

.border { border: 1px solid #aaaaaa; padding: 3px }
/* /zakladni tridy */

/* layout - zaklad */
#zahlavi {
	background: #ffffff url(img/sys/bg_zahlavi_bt.jpg) left top no-repeat;
	height: 178px;
}

body>#main>#zahlavi {
	min-height: 178px;
	height: auto;
}

#content {
	float: left;
	display: inline;
	position: relative;
	width: 790px;
}

#content.katalog {
	float: right;
	position: relative;
	width: 730px;
}

#content-in {
	padding: 10px 10px 80px 10px;
}

#panel {
	float: left;
	width: 200px;
}

#panel-in {
	font-size: 85%;
	padding: 10px 0 80px 10px;
}

#panel-in h2 a { color: #000 }
#panel-in h2 a:hover { text-decoration: none; color: #333333 }

#zapati {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 67px;
	width: 100%;
	background: url(img/sys/bg_zapati.jpg) left top no-repeat;
}

#zapati-in {
	margin: 10px 0 0 0;
	padding: 0 10px;
	color: #cccccc;
}

#twocols {
	position: relative;
	float: right;
	width: 780px;
}

#panel2 {
	position: relative;
	float: right;
	width: 180px;
}

#panel2-in {
	padding: 10px 10px 80px 0;
	font-size: 11px;
}
/* /layout - zaklad */

/* layout - special */
#navbox { /*display:none;*/}
#main {
	text-align: left;
	position: relative;
	margin: 0 auto;
	height: 100%;
	width: 980px;
	background: #ffffff;
}

body>#main {
	min-height: 100%;
	height: auto;
	border-bottom: 1px solid #4a4a4a;
}

#main.home #content { width: 590px }

#search_form {
	margin: 0 0 0 9px;
}

#searchbox {
	font-weight: normal;
	border: none;
	width: 204px;
	background: #dededd;
}

#search1 {
	background: url(img/sys/bg_mnu.gif) -20px 0 repeat-y;
}

#search2 {
	background: #dededd;
}

#cesta {
	float: left;
	font-size: 85%;
	margin: 5px 0;
	color: #888888;
}

#navigace {
	float: right;
	margin: 13px 3px 0 0;
	font-size: 85%;
}

#zahlavi span, #menu span {
	display: none;
}

#logo {
	display: block;
	position: absolute;
	left: 15px;
	top: 100px;
	width: 545px;
	height: 60px;
	overflow:hidden;
	text-indent:-9999px;
}

#href_logo_bt {
	display: block;
	position: absolute;
	right: 24px;
	top: 5px;
	width: 122px;
	height: 19px;
	overflow:hidden;
	text-indent:-9999px;
}

#biketeam {
  display: block;
	position: absolute;
	right: 20px;
	top: 11px;
	width: 85px;
	height: 70px;
	background: url(img/sys/biketeam.gif) 50% 50% no-repeat;
}

#login_form {}

#p1, #user {
	font-weight: normal;
	border: none;
	width: 150px;
	background: #dededd;
}

#user {
	width: 168px;
}

#td1_login1 {
	border-bottom: 1px solid #ffffff;
	background: url(img/sys/bg_mnu.gif) -20px 0 repeat-y;
}

#td1_login2 {
	background: url(img/sys/bg_mnu.gif) -20px 0 repeat-y;
}

#td2_login2 {
	background: #dededd;
}

/* /layout - special */

/* menu */
#menu-wrapper {
	position: relative;
	text-align: center;
	font-weight: bold;
	background: #333333 url(img/sys/bg_menu.jpg) left top repeat-x;
	height: 41px;
	width: 100%;
	z-index: 30
}

/*#topmenu { margin: 0; padding: 0; list-style: none; border-top: 1px solid #99070c; width: 100%; height: 40px; text-transform: uppercase }
#topmenu li { float: left; background: transparent url(img/sys/bg_menu_li.jpg) no-repeat left top }
#topmenu a { color: #ffffff; display: block; float: left; padding: 0 18px 0 19px; height: 40px; line-height: 39px; font-size: 92%; font-weight: bold; text-decoration: none; background: transparent }
#topmenu a:hover, #topmenu .selected { background-color: #4c4c4c }*/

#menu { margin: 0; padding: 0; list-style: none; text-transform: uppercase; border-top: 1px solid #99070c; }
#menu li { float: left; position: relative; background: transparent url(img/sys/bg_menu_li.jpg) no-repeat left top }
#menu .m-last { margin: 0 }
#menu a { color: #ffffff; display: block; float: left; padding: 0 14px 0 15px; height: 40px; line-height: 39px; font-size: 92%; font-weight: bold; text-decoration: none; background: transparent }
#menu a:hover, #menu .menuhover { background-color: #4c4c4c }

#menu ul { position: absolute; left: 0; top: 38px; display: none; width: 140px; margin: 0; padding: 0; list-style: none; background: #333333; z-index: 20 }
#menu ul li {width: 140px }
#menu ul a { color: #fff; font-size: 85%; padding: 5px 5px 5px 10px; font-weight: normal; height: auto; line-height: 1.4; text-transform: none; background: transparent }
#menu ul a:hover { background-color: transparent; color: #e7251d }

#mnu_produkty, #mnu_akce, #mnu_sluzby, #mnu_podpora, #mnu_pujcovna, #mnu_obpodminky, #mnu_onas, #mnu_kontakty,
#mnu_bt_home, #mnu_bt_team, #mnu_bt_hobby, #mnu_bt_vysledky, #mnu_bt_kalendar, #mnu_bt_poradna, #mnu_bt_fanclub, #mnu_bt_kontakty {
	position: absolute;
	top: 0;
	width: 114px;
	height: 41px;
}

#mnu_produkty {
	left: 22px;
	background: url(img/sys/mnu_produkty.gif) right top no-repeat;
}

#mnu_bt_home {
	left: 22px;
	background: url(img/sys/mnu_bt_home.gif) right top no-repeat;
}

#mnu_produkty:hover, #mnu_bt_home:hover {
	background-position: left top;
}

#mnu_bt_team {
	left: 139px;
	background: url(img/sys/mnu_bt_team.gif) right top no-repeat;
}

#mnu_bt_team:hover {
	background-position: left top;
}

#mnu_bt_hobby {
	left: 256px;
	background: url(img/sys/mnu_bt_hobby.gif) right top no-repeat;
}

#mnu_bt_hobby:hover {
	background-position: left top;
}

#mnu_bt_vysledky {
	left: 373px;
	background: url(img/sys/mnu_bt_vysledky.gif) right top no-repeat;
}

#mnu_bt_vysledky:hover {
	background-position: left top;
}

#mnu_bt_kalendar {
	left: 490px;
	background: url(img/sys/mnu_bt_kalendar.gif) right top no-repeat;
}

#mnu_bt_kalendar:hover {
	background-position: left top;
}

#mnu_bt_poradna {
	left: 607px;
	background: url(img/sys/mnu_bt_poradna.gif) right top no-repeat;
}

#mnu_bt_poradna:hover {
	background-position: left top;
}

#mnu_bt_fanclub {
	left: 724px;
	background: url(img/sys/mnu_bt_fanclub.gif) right top no-repeat;
}

#mnu_bt_fanclub:hover {
	background-position: left top;
}

#mnu_bt_kontakty {
	left: 841px;
	background: url(img/sys/mnu_bt_kontakty.gif) right top no-repeat;
}

#mnu_bt_kontakty:hover {
	background-position: left top;
}

#panel-menu {
	margin: 0 0 1em 0;
	padding: 0;
	list-style-type: none;
}

#panel-menu li a {
	font-size:85%;
	display: block;
	padding: 3px 0 3px 10px;
	width: 180px;
	text-decoration: none;
}

#panel-menu li a:hover {
	text-decoration: underline;
}
#panel-menu strong {font-weight: normal;}

#panel-menu li.mnu1 {background-image: url(img/sys/bg_mnu1.jpg)}
#panel-menu li.mnu2 {background-image: url(img/sys/bg_mnu2.jpg)}
#panel-menu li.mnu3 {background-image: url(img/sys/bg_mnu3.jpg)}
#panel-menu li.mnu4 {background-image: url(img/sys/bg_mnu4.jpg)}
#panel-menu li.mnu5 {background-image: url(img/sys/bg_mnu5.jpg)}
#panel-menu li.mnu6 {background-image: url(img/sys/bg_mnu6.jpg)}
#panel-menu li.mnu7 {background-image: url(img/sys/bg_mnu7.jpg)}

#panel-menu li.mnu1, #panel-menu li.mnu2, #panel-menu li.mnu3, #panel-menu li.mnu4, #panel-menu li.mnu5, #panel-menu li.mnu6, #panel-menu li.mnu7 { background-repeat:repeat-y; background-position:-10px 0}

#p-aktuality { margin-bottom:30px;}

/* /menu */

.quick-shop {text-align: center; display:block;  padding:10px; margin-bottom:10px }
.quick-shop a { color:#FFF;}

/* ostatni tridy pro web */
img.brd {
	border: 1px solid #aaaaaa;
	padding: 3px;
}

.notice {
	margin: 5px 0 0 0;
	font-size: 90%;
}

#main li {
	margin: 0 0 0.5ex 0;
}

#content table, #content table td, #content table th {
	border-color: #aaaaaa;
}

#content table thead td, #content table thead th, #content table th,
#content table tfoot td, #content table tfoot th {
	background: #eeeeee;
}

#content-in table.small td, #content-in table.small th {
	font-size: 85%;
}

td.small, p.small, div.small, span.small {
	font-size: 85%;
}

#panel ul.submenu {
	padding: 0;
	margin: 0;
}

#panel ul.submenu li {
	background: none;
	padding: 0;
	margin: 0;
}

#panel ul.submenu li span,
#panel ul.submenu li a {
	display: block;
	padding: 0;
	margin: 0;
	font-size: 90%;
}

#panel ul.submenu li.selected {
	color: #da251d;
}

#panel2-in h2, #panel2-in h3 {
	margin: 0;
}

#panel2-in h2 {
	margin: 0 0 1ex 0;
	background: #da251d;
	color: #ffffff;
	padding: 1px 3px;
	text-align: center;
	height: 1%;
}

#panel2-in h3 a { color:#000; font-weight:bold; }
#panel2-in h3 a:hover { text-decoration: none; color: #333333 }

#panel2-in p {
	font-size: 100%;
	margin: 0 0 2ex 0;
}

#panel2 .blok { border-bottom:3px solid black; background-color:#f73207; text-align:center; padding:5px; margin-bottom:10px;}
#panel2 .blok a { color:#FFF; font-weight:bold;}
/* /ostatni tridy pro web */

/* produkty */
#produkty-menu {
	margin: 0;
	padding: 0;
}

#produkty-menu li {
	margin: 0;
	padding: 0;
	border-bottom: 2px solid #ffffff;
	list-style: none;
	height: 1%;
}

#produkty-menu a {
	display: block;
	color: #ffffff;
	padding: 3px 5px;
	text-align: center;
	text-decoration: none;
}

#produkty-menu a:hover {
	text-decoration: underline;
}

#produkty-menu strong {
	font-weight: normal;
}

.p1 {
	background: #9a231b;
}

.p2 {
	background: #de4019;
}

.p3 {
	background: #dd6028;
}

.p4 {
	background: #e27f2a;
}

.p5 {
	background: #c1a22d;
}

.p6 {
	background: #8b9824;
}

.p7 {
	background: #00a24c;
}
/* /produkty */

/* novinky */
div.news h4 a {
	color: #800000;
}

div.news h4 a:hover {
	color: #ff0000;
}

.nw_column {
	margin: 3px 0 0 0;
}

.nw_anotace {
	font-size: 85%;
}

.rubrika_title {
	background: #eeeeee;
}
/* /novinky */

/* pro download */
.dwn {
	margin: 3px 0;
	font-weight: bold;
	font-size: 110%;
}

.dwn_footer {
	margin: 30px 0 0 0;
	padding: 3px 0 0 0;
	border-top: 1px solid #ccc;
}

.dwn_ico_pdf, .dwn_ico_zip, .dwn_ico_xls, .dwn_ico_doc, .dwn_ico_html, .dwn_ico_txt, .dwn_ico_ppt, .dwn_ico_pps, .dwn_ico_ {
	margin: 0 0 3px 0;
	padding: 0 0 0 20px;
}

.dwn_ico_doc {
	background: url(img/icon_doc.gif) no-repeat top left;
}

.dwn_ico_html {
	background: url(img/icon_html.gif) no-repeat top left;
}

.dwn_ico_pdf {
	background: url(img/icon_pdf.gif) no-repeat top left;
}

.dwn_ico_pps {
	background: url(img/icon_pps.gif) no-repeat top left;
}

.dwn_ico_ppt {
	background: url(img/icon_ppt.gif) no-repeat top left;
}

.dwn_ico_txt {
	background: url(img/icon_txt.gif) no-repeat top left;
}

.dwn_ico_xls {
	background: url(img/icon_xls.gif) no-repeat top left;
}

.dwn_ico_zip {
	background: url(img/icon_zip.gif) no-repeat top left;
}
/* /download */

/* katalog */
div.gr-item { margin: 0.5em 0 1em 0; padding: 3px }
div.gr-item img { float: left; margin: 0 1.3em 0 0; border: 1px solid #cccccc; padding: 3px }
div.gr-item h2 { margin: 0 0 0.5em 0; padding: 0 }

table.c_table tr.bg0, table.c_table tr.bg1 {
  background: #dadee4;
  font-weight: bold;
}

table.c_table tr.r2 {
  background: #f1f1f3;
  font-weight: normal;
}

table.c_table td, table.c_table th {
	font-size: 85%;
}

#content table.c_table tr.r2 td, table.c_table tr.r2 th {
  border-top: 1px solid #dadee4;
  border-bottom: 1px solid #dadee4;
  text-align: center;
}

#content table.c_table th, #content table.c_table thead td {
	font-weight: bold;
	text-align: center;
  background: #f1f1f3;
}

#content table.c_zbozi td.c_cena { width: 5em; white-space: nowrap; text-align: right; font-weight: bold }
#content table.c_zbozi td.c_cena_hobby { width: 5em; text-align: right }
#content table.c_zbozi td.c_cena_vip { width: 5em; text-align: right }
#content table.c_zbozi td.c_kosik { width: 105px }

.c_typ {
	margin: 1ex 0 0 0;
}

.c_typ-in h2 a {
	color: #da251d;
}

hr.c_typ {
	margin: 1ex 0 2ex 0;
}

.c_top {
	text-align: right;
	font-size: 85%;
}
/* /katalog */

/* *** Float containers fix:
http: //www.csscreator.com/attributes/containedfloat.php *** */
.clearfix: after {
	margin:0;
	padding:0;
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */

/* printer styles */
@media print {
/* hide the left column when printing */
#panel {
	display: none;
}

/* hide the right column when printing */
#panel2 {
	display: none;
}

#twocols, #content {
	width: 100%;
	float: none;
}
}

/* kontakty */
.p_card {
  float: left;
  width: 230px;
  margin: 0 20px 1.5em 0;
}

.p_card-in {
  border: 1px dotted #c1c0c0;
  padding: 3px;
  height: 1%;
}

.p_card-in img {
  float: left;
}
/* /kontakty */

/* IE 5 Box Model Hack - now set properties for IE6 & Mozilla */
u {content:"\"/*"}
body, p, li, input, select, textarea, td, th {
	font-size: small;
}


/* fotogalerie */
#tn_root {}
#tn_root .tn { float: left; margin: 0 0 5px 5px }
#tn_root div.tn_pager { clear: left; padding: 10px 0; text-align: right }
#tn_root div.tn_pager span.selected { font-weight: bold }
#content table.tn_table td { vertical-align: top; padding: 5px }

#local-fotogalerie { margin: 1.5em 0 0 0 }

#local-fotogalerie { margin: 0.5em 0 0 0; padding: 0.5em 12px 0.8em 12px; background-color: #f6f6f6 }
#local-fotogalerie strong { display: none }
.foto-show { margin: 2em 0 0 0; height: 330px; width: 99%; overflow: auto; overflow-y: hidden; white-space: nowrap }
.foto-show img { margin: 0 3px 0 0 }
/* /fotogalerie */



.news small {
	color: #FF0000
}

.news h4 a {
	color: #800000
}

/* diskuze */
/*table.diskuze tr td {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}*/
table.diskuze tr.dith {background: #da251d}
table.diskuze tr.dith td {font-size:10px; font-weight:bold; color: #fff;}
table.diskuze tr.diblok {background:#FFD933;}
table.diskuze tr.diblok td {font-size:13px; font-weight:bold; color: #000000;}
tr.diforum td {font-size:13px; color: #000000; vertical-align: top;}
td.diforum1 {background:#b0b5b9;}
td.diforum2 {background:#e1e5e8;}
td.diforum3 {background:#b0b5b9; text-align:center; white-space: nowrap;}
td.diforum4 {background:#e1e5e8; text-align:center; white-space: nowrap;}
tr.ditopic td {font-size:13px; color: #000000; vertical-align: top;}
td.ditopic1 {background:#e1e5e8;}
td.ditopic2 {background:#b0b5b9;}
td.ditopic3 {background:#e1e5e8; text-align:center;}
td.ditopic4 {background:#b0b5b9; text-align:center;}
tr.dibg0 td {background:#b0b5b9; font-size:13px; vertical-align: top;}
tr.dibg1 td {background:#e1e5e8; font-size:13px; vertical-align: top;}
.loged {font-size:10px; color:#000080; /*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/}
.dinormal {font-size:13px; /*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/}
.dibold {font-size:13px; font-weight:bold; /*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/}
.dismall {font-size:10px; /*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/}
.dicas {color:#000080;}
/* /diskuze */

/* eshop */
#content table#eshop_soucet_cen td { border: 1px solid #dddddd }
#content table#eshop_soucet_cen { border: none; width: 50% }
.warning, .error, .saved, .info { font-size: 115%; border: 1px dotted #000000; padding: 3px 5px; background: #DA251D; color:#FFF; margin:20px 0; }
/* /eshop */

/* registrace */
#group-zajem-blok { display: none; padding: 0 0 0 25px }
/* /registrace */

/* produkty */
ul#produkty, ul#produkty2{ list-style:none; padding:0; margin:0;}
#produkty2 li, #produkty li { float:left; display:block; margin:0 6px 10px 0;}
#produkty2 li a, #produkty li a{ text-decoration:none; display:block; width:250px; height:230px; background-position: 0 0; background-repeat:no-repeat; line-height:410px; text-indent:15px; color:#FFF; font-weight:bold; font-size:16px; overflow:hidden;}

#produkty2 li a { width:180px;}
#produkty2 li a:hover, #produkty li a:hover { color:#F00;}
.cyklisticke-obleceni a{ background-image: url(img/sys/bg_cyklisticke-obleceni.jpg)}
.potravinove-doplnky a{ background-image: url(img/sys/bg_potravinove-doplnky.jpg)}
.plaste-a-duse a{background-image: url(img/sys/bg_plaste-a-duse.jpg);}
li.plaste-a-duse { margin-right: 0}
.trek { background-image: url(img/sys/bg_trek.jpg); width:762px;}
li.trek a { width:762px !important;}

.veloplaste-classic { background-image:url(img/sys/bg_veloplaste-classic.jpg)}
.zavodni-veloplaste { background-image:url(img/sys/bg_zavodni-veloplaste.jpg)}
.veloduse { background-image:url(img/sys/bg_veloduse.jpg)}
.doplnky { background-image:url(img/sys/bg_doplnky.jpg)}
.trek-road a, .trek-mtb a, .trek-fittnes a { width:762px !important;}
.trek-road { background-image:url(img/sys/bg_trek-silnicni.jpg)}
.trek-mtb { background-image:url(img/sys/bg_trek-xc.jpg)}
.trek-fittnes { background-image:url(img/sys/bg_trek-fittnes.jpg)}
/* /produkty */

/* dalsi tridy */
.diinfo { margin-top: 40px }
.diinfo a { background: #dededd url(img/sys/comment.gif) no-repeat 10px 5px; color: #333333; font-size: 110%; text-decoration: none; padding: 5px 10px 5px 50px; width: 90px }
.diinfo a:hover { background: #dededd url(img/sys/comment_a.gif) no-repeat 10px 6px; color: #da251d !important }
/* /dalsi tridy */

#objednavka-info-in { border:1px solid #EEE; padding:10px;}
#objednavka-info { margin-bottom:10px;}
#objednavka-info p { margin:5px 0 0 0;}