/*<group=obecn‚? oŠ tagy>*/
body {
	margin:10px 0 0 0;
	padding:0;
	text-align:center;
	font-family: 'Verdana', 'Verdana CE', 'Helvetica', 'Helvetica CE', 'Arial', 'Arial CE', sans-serif;
	background-color: white;
}
input, button, select{
 font-size: 10px;
}
#page {
	width:760px;
	margin:0 auto;
	text-align:left;
	position: relative;
}
.staticke-stranky {
  margin-top:15px;
  margin-right:10px;
	clear:both;
	line-height:13px;
	font-size: 12px;
}
.staticke-stranky h3 {
  font-size:12px;
  font-weight:bold;
  margin-bottom:3px;
  color: #2A4775;
}
.staticke-stranky p {
  margin-top:3px;
}
/*img, a { behavior: url(pngbehavior.htc); }*/
/*</group>*/
/*<group=Header>*/
#header {
	background:url(img/bg-header.jpg);
	height:161px;
	background-repeat:no-repeat;
	background-color:#2A4774;
	position: absolute;
	top: 0px;
	left: 0px;
}
/*<group=menu>*/
/*<group=menu>*/
.menu {
	position:relative;
	float:right;
	left: 2px;
	clear: both;
	width: 592px;
}
.menu ul {
	list-style:none;
	margin:0px;
	padding-top:9px;
	_padding-left: 40px;
}
.menu li {
	position:relative;
	float:left;
	width:92px;
}
.menu li a span {
	display:none;
}
.menu li a, .menu li a:visited .menu li a.uvod, .menu li a:visited.uvod {	
	display:block;
	width:90px;
	height:26px;
	background: url(img/menu/menu-off-uvod1.png);
}
.menu li a:hover.uvod, .menu li a#uvodcurrent {
	background: url(img/menu/menu-on-uvod1.png);
}
.menu li a:link.cyklista, .menu li a:visited.cyklista {	
	background: url(img/menu/menu-off-cyklista1.png);
}
.menu li a:hover.cyklista, .menu li a#cyklistacurrent {
	background: url(img/menu/menu-on-cyklista1.png);
}
.menu li a:link.kolo, .menu li a:visited.kolo {	
	background: url(img/menu/menu-off-kolo1.png);
}
.menu li a:hover.kolo, .menu li a#kolocurrent {
	background: url(img/menu/menu-on-kolo1.png);
}
.menu li a:link.atlet, .menu li a:visited.atlet {	
	background: url(img/menu/menu-off-atlet1.png);
}
.menu li a:hover.atlet, .menu li a#atletcurrent {
	background: url(img/menu/menu-on-atlet1.png);
}
.menu li a:link.siti, .menu li a:visited.siti {	
	background: url(img/menu/menu-off-siti1.png);
}
.menu li a:hover.siti, .menu li #siticurrent {
	background: url(img/menu/menu-on-siti1.png);
}
.menu li a:link.pujcovna, .menu li a:visited.pujcovna {	
	background: url(img/menu/menu-off-pujcovna1.png);
}
.menu li a:hover.pujcovna, .menu li #pujcovnacurrent {
	background: url(img/menu/menu-on-pujcovna1.png);
}
.menu li a:link.bazar, .menu li a:visited.bazar {	
	cursor: default;
	background: url(img/menu/menu-off-bazar1.png);
}
.menu li a:hover.bazar, .menu li #bazarcurrent {
	cursor: default;
	background: url(img/menu/menu-on-bazar1.png);
}
* html .menu li a:link.uvod, * html .menu li a:visited.uvod {	
	cursor: pointer;
	display:block;
	width:90px;
	height:26px;
	background: none;
	background-position: 0 0px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.vseprokolo.cz/img/menu/menu-off-uvod1.png',sizingMethod='crop'); 
}
* html .menu li a#uvodcurrent, * html .menu li a:hover.uvod {	
	cursor: pointer;
	display:block;
	width:90px;
	height:26px;
	background: none;
	background-position: 0 0px;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.vseprokolo.cz/img/menu/menu-on-uvod1.png',sizingMethod='crop'); 
}
* html .menu li a:link.kolo, * html .menu li a:visited.kolo {		
	cursor: pointer;
	display:block;
	width:90px;
	height:26px;
	background: none;
	background-position: 0 0px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.vseprokolo.cz/img/menu/menu-off-kolo1.png',sizingMethod='crop'); 
}
* html .menu li a:hover.kolo, * html .menu li a#kolocurrent  {	
	cursor: pointer;
	display:block;
	width:90px;
	height:26px;
	background: none;
	background-position: 0 0px;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.vseprokolo.cz/img/menu/menu-on-kolo1.png',sizingMethod='crop'); 
}
* html .menu li a:link.cyklista, * html .menu li a:visited.cyklista {		
  cursor: pointer;
	display:block;
	width:90px;
	height:26px;
	background: none;
	background-position: 0 0px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.vseprokolo.cz/img/menu/menu-off-cyklista1.png',sizingMethod='crop'); 
}
* html .menu li a:hover.cyklista, * html .menu li a#cyklistacurrent {	
	cursor: pointer;
	display:block;
	width:90px;
	height:26px;
	background: none;
	background-position: 0 0px;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.vseprokolo.cz/img/menu/menu-on-cyklista1.png',sizingMethod='crop'); 
}
* html .menu li a:link.atlet, * html .menu li a:visited.atlet {		
  cursor: pointer;
  display:block;
	width:90px;
	height:26px;
	background: none;
	background-position: 0 0px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.vseprokolo.cz/img/menu/menu-off-atlet1.png',sizingMethod='crop'); 
}
* html .menu li a:hover.atlet, * html .menu li a#atletcurrent {	
	cursor: pointer;
	display:block;
	width:90px;
	height:26px;
	background: none;
	background-position: 0 0px;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.vseprokolo.cz/img/menu/menu-on-atlet1.png',sizingMethod='crop'); 
}
* html .menu li a:link.siti, * html .menu li a:visited.siti {
  cursor: pointer;
	display:block;
	width:90px;
	height:26px;
	background: none;
	background-position: 0 0px;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.vseprokolo.cz/img/menu/menu-off-siti1.png',sizingMethod='crop'); 
}
* html .menu li a:hover.siti , * html .menu li a#siticurrent {	
	cursor: pointer;
	display:block;
	width:90px;
	height:26px;
	background: none;
	background-position: 0 0px;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.vseprokolo.cz/img/menu/menu-on-siti1.png',sizingMethod='crop'); 
}
* html .menu li a:link.pujcovna, * html .menu li a:visited.pujcovna {
  cursor: pointer;
	display:block;
	width:90px;
	height:26px;
	background: none;
	background-position: 0 0px;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.vseprokolo.cz/img/menu/menu-off-pujcovna1.png',sizingMethod='crop'); 
}
* html .menu li a:hover.pujcovna , * html .menu li a#pujcovnacurrent {	
	cursor: pointer;
	display:block;
	width:90px;
	height:26px;
	background: none;
	background-position: 0 0px;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.vseprokolo.cz/img/menu/menu-on-pujcovna1.png',sizingMethod='crop'); 
}
* html .menu li a:link.bazar, * html .menu li a:visited.bazar {
  cursor: pointer;
	display:block;
	width:90px;
	height:26px;
	background: none;
	background-position: 0 0px;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.vseprokolo.cz/img/menu/menu-off-bazar1.png',sizingMethod='crop'); 
}
* html .menu li a:hover.bazar , * html .menu li a#bazarcurrent {	
	cursor: pointer;
	display:block;
	width:90px;
	height:26px;
	background: none;
	background-position: 0 0px;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.vseprokolo.cz/img/menu/menu-on-bazar1.png',sizingMethod='crop'); 
}
/*</group>*/
/*</group>*/
/*<group=hled‚? o?n‚? ‚ †>*/
	/* background:url(img/bg-hledani.gif); */
.hledani {
	float:right;
	width:183px;
	height:100px;
	color:black;
}
.hledani div {
	padding: 28px 0 0 13px;
}
.hledani a {
	color:black;
	text-decoration:none;
	font-size:10px;
}
.hledani a:hover {
	color:#FF9900;
}
.hledani form {
	padding: 0 0 0 0px;
	margin:0 0 5px 0;
	_margin:0 0 10px 0;
}
.hledani input, .hledani select {
	width:100px;
	_font-size:10px;
}
.hledani select {
	width:153px;
	_width:155px;
	_font-size:10px;
}
.hledani input#submit {
	width:26px;
	margin-left: 10px;
}
.hledani p {
	margin:0;
	padding:0px;
	_padding_top: -2px;
}
/*</group>*/
/*<group=submenu>*/
.submenu {
  	padding-top: 2px;
	clear:both;
	background-color:#FF9900;
	height:24px;
	vertical-align:middle;
	position: relative;
	width:760px;
}
.submenu select{
	_position:relative;
	_top: 1px;
}
.help-line {
  border: 0px solid black;
  margin: 0;
  padding: 4px 10px 7px 33px;
  background: url(img/bg-help-line.gif) no-repeat;
  font-size:12px;
  font-weight:bold;
  font-family: Arial;
  color: white;
  width: 113px;
  height: 22px;
  position: absolute;
  top: 2px;
  left: 640px;
}
/*</group>*/
/*</group>*/
/*<group=Sidebar>*/
#sidebar {
	position:relative;
	top: 0px;
	width:182px;
	background-color:#2A4774;
	float: right;
	margin-top: 143px;
}
.box {
	width:182px;
}
.box .box-head {
	background: url(img/bg-sidebar-header.gif) no-repeat;
	height:23px;
	color:white;
	font-size:10px;
	background-color:gray;
}
.box .box-head div {
	padding: 6px 0 0 7px;
}
.box-menu ul {
	list-style:none;
	margin:0;
	padding:7px 0;
}
.box-menu li {
	padding-left:7px;
	line-height:16px;
}
 .box-head {
	background: url(img/bg-sidebar-header.gif) top no-repeat;
	width:182px;
	height:23px;
}
.box-menu, .box-menu-center {
	background:#567aaa url(img/bg-sidebar-box.gif) repeat-x top;
	width:182px;
	font-size:10px;
	color:white;
}
.box-menu img.karty {
	border:0px solid white;
  margin: 0;
}
.box-menu-center {
  text-align: center;
}
.box-menu-center img.essox {
  margin: 15px 0;
}
.box-menu p {
	margin:0px;
	padding:7px;
	line-height:14px;
}
.box-menu a:link, .box-menu a:visited {
	text-decoration:none;
	color:white;
	font-size: 10px;
}
.box-menu a:hover {
	color:#FF9900;
}
.box#bottom {
	background:url(img/bg-sidebar-bottom.gif) no-repeat;
	height:37px;
}
/*</group>*/
/*<group=Hlavn‚? ‚ † obsah>*/
#breadcrumbs {
	position: absolute;
	top: 161px;
	left: 0px;
	width:577px;
	height: 35px;
	margin:0;
	padding:5px 0 5px 10px;
	font-size:7pt;
	color:white;
	background: url(img/pahtway.gif) no-repeat;
	font-weight: normal;
}
#breadcrumbs a {
	color:white;
}

.content {
	clear:left;
	font-size:10px;
	width:577px;
	position: relative;
	float: left;
	margin-top: 190px;
}

/*<group=Footer>*/
.footer {
clear:both;
font-size: 10px;
color: gray;
text-align: left;
width: 570px;
margin-top: 10px;
margin-bottom: 10px;
padding-top: 10px;
position: 
}
.footer a:link, .footer a:visited {
text-decoration: none;
color: gray;
}
.footer a:hover {
color: black;
}
.footer .pod {
border-top: 1px solid gray;
padding-top: 2px;
margin-top: 5px; 
}
/*</group>*/
/*<intro>*/
h1#intro {
	position: relative;
	top: 0px;
	left: 0px;
}
.intro-box {
position:relative;
float: left;
width:287px;
height:100px;
}
.intro-box a:link, .intro-box a:visited {
text-decoration: none;
color: black;
}
/*</intro>*/
/*<kamenn?? obchod>*/
#kamnenny-obchod .content-box {
	padding: 0px 0 00px 0px;
}
#kamnenny-obchod .top {
	text-align:left;
}
#kamnenny-obchod .top .box-box p {
	text-align:left;
	padding: 0;
	margin: 5px 0 0 0;
	font-size: 11px;
}
#kamnenny-obchod .box-box h2 {
	font-size:14px;
	font-weight:bold;
	text-align:left;
	color:orange;
	margin-top:0px;
	margin-bottom:0px;
	border-bottom:1px solid orange;
	padding-bottom:3px;
}
#kamnenny-obchod .top h2 {
	margin: 0px;
	padding: 0px;
	color:silver;
	font-size:16px;
	text-align:left;
	padding: 0;
	border-bottom: none;
}
#kamnenny-obchod .top .box-box h1#firma {
	margin: 0;
	padding: 0;
	font-size:20px;
	color:black;
	font-weight:normal;
	height: 35px;
	line-height:30px;
}
#kamnenny-obchod .box {
	float:left;
	width:281px;
	height:540px;
	_height:540px;
}
#kamnenny-obchod .box-box {
	padding:10px;
}
#kamnenny-obchod .box-box img {
	border:1px solid silver;
	width:252px;
	height:152px;
	padding:3px;
}
#kamnenny-obchod .box-box p {
	text-align:justify;
	margin-top:8px;
}
#kamnenny-obchod .box-box li {
	list-style-image: url(img/kamenny-obchod/li-2.png);
}
#kamnenny-obchod .box-box ul {
padding-left:22px;
}
#kamnenny-obchod .fotogalerie {
	clear:both;
	margin:15px 0;
}
#kamnenny-obchod .fotogalerie-box {
	padding:15px 2px 15px 4px;
}
#kamnenny-obchod .fotogalerie-box img {
	float: left;
	width: 128px;
	height: 76px;
}
#kamnenny-obchod .fotogalerie-box a {
	float: left;
	display:block;
	width: 128px;
	height: 76px;
	padding:4px;
	border:1px solid silver;
	margin-right:3px;
	margin-bottom:4px;
	text-align:center;
}
#kamnenny-obchod .fotogalerie-box a:hover {
	border:1px solid orange;
	background:orange;
}
.kamnenny-obchod-adresa {
  margin: 0 0 0 103px;
}
.kamnenny-obchod-adresa img {
	border:0px;
  width: 128px;
  height: 111px;
}
.kamnenny-obchod-adresa a.kamnenny-obchod-mapa {
  float: right;
  width: 128px;
  height: 111px;
	padding:4px;
	border:1px solid silver;
  margin-right: 10px;
  margin-top: -8px;
  _margin-top: 8px;
}
.kamnenny-obchod-adresa a.kamnenny-obchod-mapa:hover {
	border:1px solid orange;
	background:orange;
}

a#tym {
	float: right;
	display:block;
	width: 128px;
	height: 90px;
	padding:4px;
	border:1px solid silver;
	margin-right:10px;
	_margin-right:5px;
	_margin-top:20px;
	text-align:center;
}
a#tym:hover {
	border:1px solid orange;
	background:orange;
}
#kamnenny-obchod .fotogalerie-box h2 {
	font-size:14px;
	font-weight:bold;
	text-align:left;
	color:orange;
	margin-top:5px;
	margin-bottom:7px;
	border-bottom:1px solid orange;
	padding-bottom:3px;
}
/*</kamenn?? obchod>*/
form.pokrocilehledani {
margin: 0 0 10px 0; 
padding: 0; 
}
.pokrocilehledani p {
margin: 0 0 10px 0; 
padding: 0; 
}
.pokrocilehledani fieldset, .sedyram {
margin: 0; 
padding: 10px; 
background-color: rgb(239,239,239);
border:none;
border-top: 4px solid rgb(227,227,227);
}
table.nakupnikosik, table.nakupnikosik.spodek {
border: none;
border-top: 2px solid rgb(227,227,227);
background-color: rgb(239,239,239);
}
table.nakupnikosik thead {
}
table.nakupnikosik tbody   {
border-top: 1px solid rgb(227,227,227);
}
/* zobrazeni product_list START */
#odkazy {
  position:relative;
  left:200px;
  top:8px;
  padding:2px 0px;
  width: 365px;
}
#odkazy a.odkaz_akt {
  color:white;
  background-color:#FF9900;
  vertical-align:top;
  padding:0px 5px 1px 2px;
  font-size:9px;
}
#odkazy a.odkaz_pas {
  color:gray;
  vertical-align:top;
  margin:2px 5px;
  font-size:9px;
}
#odkazy .odkaz_img {
  vertical-align:top;
}
#odkazy .seznam_akt {
  color:white;
  background-color:#FF9900;
  vertical-align:top;
  padding:0px 5px 1px 5px;
  font-size:9px;
}
/* zobrazeni product_list END */

/* pujcovna START */
.pujcovna {
  margin: 0 10 10px 0; 
}
.odkaz_pujcovna, .neodkaz_pujcovna {
  margin:0 10px;
  color: #FF9900;
  font-size:11px;
  font-weight:bold;
}
.neodkaz_pujcovna {
  color: #2A4775;
}
.pujcovna form {
  margin: 5px 10px;
  padding-top: 5px; 
  border-top: 1px solid rgb(239,239,239);
}
.pujcovna_datum {
  margin: 5px 10px;
  padding: 10px 0px 5px;
  border-top: 1px solid rgb(239,239,239);
}
.pujcovna input {
  border: 1px solid gray;
  padding: 1px;
}
.pujcovna_help, .pujcovna_help1 {
  padding: 10px; 
  color: gray;
  font-weight:normal;
  font-size:10px;
}
.pujcovna_help1 {
  padding: 5px 0; 
}
.seznam_kol {
  border-top: 8px solid rgb(239,239,239);
  border-bottom: 8px solid rgb(239,239,239);
}
.radek_kola {
  border-bottom: 1px solid rgb(239,239,239);
  margin-top:5px;
  margin-bottom:2px;
}
a.detail_kola:link, a.detail_kola:visited, a.detail_kola:hover {
	color:black;
	text-decoration:none;
}
.cena_kola {
  color:gray;
}
.button_pujcovna {
  margin-top:5px;
  width:90px;
  height:20px;
  text-align:right;
	background:url(img/buttons/rezervovat.gif);
	background-repeat:no-repeat;
} 
.no_pujcovna {
  margin-top:5px;
  font-weight:bold;
  height:20px;
  font-size:11px;
  color: rgb(39,68,113);
} 
.checkbox_pujcovna {
  margin-right:8px;
  border:0px;
  _margin-right:5px;
} 
.pujcovna fieldset {
  margin: 0; 
  padding: 10px; 
  background-color: rgb(239,239,239);
  border:none;
  border-top: 4px solid rgb(227,227,227);
}
/* pujcovna END */
/* profil START */
#profil, #kosik, #objednavka, #tisk {
  font-size: 12px;
  margin: 10px 5px 0;
}
#kosik fieldset, #profil fieldset, #objednavka fieldset {
  float: left;
  border: none;
  width: 97%; 
  _position: relative;
  _left: -8px;
  margin: 0 0 10px;
  _margin: 0; 
  padding: 0;
  margin-top:7px;
}
#profil fieldset {
  width: 260px;
}
#objednavka fieldset {
  width: 320px;
}
#profil fieldset.pravy_sloupec {
  left: 0;
}
#profil fieldset.pravy_sloupec {
  width: 285px;
  _margin-left: 20px;
}
#objednavka fieldset.pravy_sloupec, #objednavka fieldset.pravy_sloupec_note {
  width: 240px;
}
#objednavka fieldset.pravy_sloupec_note {
  position:relative;
  top:-22px;
}
#profil legend, #kosik legend, #objednavka legend, #profil h3, #objednavka h3 {
  font-size: 12px;
  font-weight: bold;
	margin: 0 0 8px 0;
	_margin-bottom: 10px;
  color: #2A4775;
}
#profil fieldset p, #objednavka fieldset p {
  margin: 1px 0 0 10px;
  _margin: 0 0 0 13px;
  padding: 0;
}
#profil label, #kosik label, #objednavka label {
  width: 80px;
  display: block;
  float: left;
}
#objednavka label {
  width: 100px;
}
#kosik table {
  font-size:10px;
}
#profil input, #objednavka input {
  width: 115px;
  padding: 1px 2px 1px 5px;
}
#objednavka input {
  width: 180px;
}
#objednavka select {
  width: 190px;
}
#objednavka textarea {
  width: 220px;
  height: 80px;
  font-size: 11px;
}
#objednavka .note {
  width: 220px;
  height: 60px;
  font-size: 11px;
  overflow:auto;
}
#objednavka fieldset.pravy_sloupec label {
  width: 70px;
}
#objednavka fieldset.pravy_sloupec input {
  width: 140px;
}
#profil fieldset strong, #profil fieldset small, #objednavka fieldset strong, #objednavka fieldset small {
  font-weight: normal;
  color: #FF9900;
}
#profil hr, #kosik hr, #objednavka hr, #tisk hr {
  margin: 30px 0 10px;
  _margin: 0;
  padding: 0;
  color: silver;
  clear: both;
}
#profil p, #kosik p, #objednavka p, #tisk p {
  margin: 5px 0;
  padding: 0;
}
#profil b, #objednavka b {
  width: 20px;
  font-size: 10px;
  vertical-align: top;
}
#profil .potvrzeni, #objednavka .potvrzeni {
  color: gray;
}
#profil .podpora-text, #objednavka .podpora-text {
  font-size: 10px;
}
#profil .podpora-img, #objednavka .podpora-img {
  margin: 0 0 0 20px;
  float: right;
}
#profil .button-ulozit, #objednavka .button-ulozit, #objednavka .button-objednat, #tisk .button-tisk, #objednavka .button-zmenit, #kosik .button-prepocitat {
  margin: 0px 20px 0px;
  float: right;
  border: none;
  width: 90px;
  height: 20px;
}
#profil .button-ulozit, #objednavka .button-ulozit {
  background: orange url(img/buttons/button-ulozit.gif) no-repeat;
  width: 92px;
  height: 22px;
}
#objednavka .button-objednat {
  background: orange url(img/buttons/button-objednat.gif) no-repeat;
}
#objednavka .button-zmenit {
  background: orange url(img/buttons/button-zmenit.gif) no-repeat;
}
#tisk .button-tisk {
  background: orange url(img/buttons/button-tisk.gif) no-repeat;
}
#kosik .button-prepocitat {
  margin: 0px;
  background: orange url(img/buttons/button-prepocitat.gif) no-repeat;
}
#hlaska_splatka {
  display: none;
  margin-top: 10px;
  font-size: 11px;
  margin-left:10px;
}
#hlaska_karta {
  display: none;
  margin-top: 10px;
  color: red;
  font-size: 11px;
  font-weight: bold
}
a.goup {
  background: url(img/sipka-goup.gif) no-repeat;
  width: 22px;
  height: 22px;
  float: right;
}
a.info {
  background: url(img/info.gif) no-repeat;
  width: 22px;
  height: 22px;
  float: right;
}
a.help {
  background: url(img/help.gif) no-repeat;
  width: 20px;
  height: 20px;
  float: right;
}
.hlaska {
  color:#FF0000;
  margin-left: 5px;
  font-weight:bold;
}
#kosik p.ikony-karet, #profil p.ikony-karet, #objednavka p.ikony-karet {
  text-align: center;
  padding: 10px 0;
}
/* profil END */
.cleaner {
	clear: both;
}
#logo {
	width: 85px;
	height:120px;
	cursor:pointer;
	position: absolute;
	z-index: 1;
	top: 10px;
	left: 20px;
}
