/* CYKLO VIDIM */

#hlavni table {margin:20px;background-color:#f3f3f3;border:1px solid gray;padding:0;color:black;font-size : 95%;}
#hlavni table td {border-top:1px dashed silver;border-right:1px dashed silver;padding:4px 5px 3px 7px;vertical-align:top;}
#hlavni table th {background-color:#787878;color:white;font-weight:bold;padding:2px 5px;vertical-align:top;}
#hlavni table th a{color:white}


body, input, select, textarea {
  font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
}

h1, h2, h3, h4, dt.comment, #logo, #strapline {
  font-family: Verdana, 'Geneva CE', lucida, sans-serif;
  font-weight : normal;
}

input, select, textarea {
  font-size : 100%;
}

body, th, td {
  font-size : 85%;
  line-height : 1.65;
}

th, td {
  font-size : 100%;
}

pre, code, samp, kbd, var {
  font-family : monospace;
  color : black;
  background : #f3f3f3;
}

pre {
  font-size:100%;
  padding:15px;
  border: 1px dashed #B4B4B4; 
  overflow: auto;
  margin:5px 20px;
}

body, html {
  margin : 0;
  padding : 0 10px;
}

body {
  background-color: #252525; /* #edecf1 */
  color: black;
  text-align : center;
}


hr {
  clear : both;
  margin : 2em 1em;
  visibility : hidden;
  color : gray;
  background-color : gray;
  border : 0;
  height : 1px;
}

.skryj, .neni-css {
  display:none;
}

h1, h2, h3, h4 {
  margin : 0.1em 0 0.1em;
}
h1 {
  font-size : 175%;
}
h2 {
  font-size : 140%;
}
h3 {
  font-size : 135%;
}
h4 {
  font-size : 120%;
}
h1, h2, h3, h1 a, h2 a {
  font-weight : normal;
  color : #e56d24; /* #e4531f */ 
  text-decoration : none;
}
h1 a:hover, h2 a:hover, h1 a:active, h2 a:active, h1 a:focus, h2 a:focus {
  background-color : #787878;
}

h1 a, h2 a, h3 a, h4 a, h5 a {
  text-decoration:underline;  
} 
    
i, em {
  margin-right : 0.1em;
}
acronym {
  cursor : help;
  border-bottom : 1px dotted #000;
}
sub, sup {
  vertical-align : baseline;
  position : relative;
}
sub {
  top : 0.4em;
}
sup {
  bottom : 0.4em;
}
a {
  font-weight : bold;
  color: #7490FF; /*#9cbdff*/
  padding: 1px 0;
}
a:visited {
  font-weight : normal;
}
a:hover, a:active, a:focus {
  background-color : #7490FF;
  text-decoration : none;
  color : white;
}
ul {
  margin : 0 0 1.75em 1.75em;
  padding : 0;
}
ul li {
  margin : 0.2em 0 0.2em 1.75em;
}
#obsah ul li {
  list-style-type:none;
  background: url("li.gif") left 2px no-repeat;
  padding-left:29px;
}
form {
  margin : 0;
  padding : 0;
}
input {
  vertical-align : middle;
}
fieldset {
  border : none;
}
blockquote, address {
  margin : 1.4em 1.75em 1.4em 0.9em;
  padding-left : 1.75em;
  border-left : 3px solid #cbcbcb;
  color : #777;
  font-style : italic;
}

#vlevo blockquote, #vlevo address {
  font-size:80%;
}

blockquote cite {
  margin : 5px 0 0;
  display : block;
}
q {
  font-style : italic;
}
#obsah img {
  vertical-align : middle;
  border: 6px solid #e1e1e1;
  margin:15px;
}

#obsah img.right {
  float:right;
}

#obsah img.left {
  float:left;
}

#obsah a img {
  background-color: transparent;
  /*-moz-opacity:.95;
  -khtml-opacity:.95;
  =filter:alpha(opacity=95);*/
}

#obsah a:hover img {
  /*background-color: #7490FF;*/

  border: 6px solid #7490FF;
    
  /*border: 6px solid #e56d24;*/
  /*-moz-opacity:1;
  -khtml-opacity:1;
  =filter:alpha(opacity=100)*/
}

#obsah a.img:hover {
  background: none;
}

#obsah p {
  text-indent : 12px;
  margin : 1em 0;
}

h1 + p, h2 + p, h3 + p, h4 + p {
  text-indent : 0;
}

pre code {
  background : none;
}

#hlavni {
  width:748px;
  margin:10px auto;
  border:2px solid white; /* #6d6d6d */
  text-align:left;
  background: #8caa25 url('trava.jpg'); /* white none */
}

#menu h1 {
  margin:0;
  border-bottom:2px solid white; /* #6d6d6d */
}

#menu h1 a {
  color:black;
  font-family: Palatino, 'palatino linotype', serif;
  text-decoration:none;
  font-size:150%;
  display:block;
  width:748px;
  height:91px;
	overflow:hidden;
	padding:0;margin:0;
	position:relative;
}

#menu h1 a span {
  border:0;
	display:block;
	position:absolute; 
	right:0px;
  bottom:0px;
  z-index:1; 
  width:748px;
  height:91px;
  overflow:hidden;
	background: url("hlavicka.png") center left no-repeat;	
	padding:0;margin:0;
}
	
#menu h1 a:hover, #menu h1 a {
  cursor:pointer;
}	

#obsah {
  margin:15px 15px 0 15px;
  /*background-color: #edecf1;*/
  border:2px solid white; /* #6d6d6d */
  padding:10px;
  background:#f7f7ff url("pozadi.gif") right bottom no-repeat;
} 	

#vlevo {
  width:200px;
  margin-right:30px;
  float:left;
  background-color:#e1e1e1; /* #edecf1 */
  padding:10px;
}

#vpravo {
  float:right;
  width:440px;
}

#vlevo ul {
  margin-left:0;
}

#vlevo ul li {
  margin-bottom:10px;
}

#paticka {
  font-size:100%;
  font-family: monospace;
  text-align:center;
  margin-bottom:2px;
  color:black;
  background-color:#F7F7FF;
  border:1px solid white;
  margin:10px 15px;
}

#patka-zprava {
  float:right;
}

#paticka a {
  color:black;
}

#paticka p {
  margin-top:3px;
}

ul#navigace {
  list-style-type:none;
  position:relative;
  height:56px;
  font-family:"Trebuchet MS", Arial,sans-serif;
  font-size:13px;
  font-weight:bold;
  margin:15px 0 0 0;
  padding:0 15px;
  background-color: #e56d24; /* #e45420 */ 
  border-top:2px solid white; /* #6d6d6d */
  border-bottom:2px solid white; /* #6d6d6d */
}

ul#navigace li {
  display:block;
  float:left;
  margin:0;
  height:56px;
  width:141px;
  border-left:2px solid white; /* #6d6d6d */
}

ul#navigace li.posledni {
  border-right:2px solid white; /* #6d6d6d */
}

ul#navigace li a {
  text-align:center;
  display:block;
  float:left;
  color:#fff;
  background:#9cbdff;
  line-height:27px;
  text-decoration:none;
  height:56px;
  width:141px;
  font-size:120%;
	overflow:hidden;
	padding:0;margin:0;
	position:relative;
}

#menu ul li a span {
  border:0;
	display:block;
	position:absolute; 
	right:0px;
  bottom:0px;
  z-index:1; 
  width:141px;
  height:56px;
  overflow:hidden;
	padding:0;margin:0;
}	

#menu ul li a:hover, #menu ul li a {
  cursor:pointer;
}	 

ul#navigace li a:hover {
  background:#e56d24; /* #e45420 */ 
}

#menu ul li a#co-nabizim span {
	background:transparent url("co-nabizim.png") left bottom no-repeat;
}

#menu ul li a#co-nabizim:hover span, #menu ul li#aktivni a#co-nabizim span {
	background:transparent url("co-nabizim.png") left top no-repeat;
}

#menu ul li a#vyroba span {
	background:transparent url("vyroba.png") left bottom no-repeat;
}

#menu ul li a#vyroba:hover span, #menu ul li#aktivni a#vyroba span  {
	background:transparent url("vyroba.png") left top no-repeat;
}

#menu ul li a#znacky-zbozi span {
	background:transparent url("znacky-zbozi.png") left bottom no-repeat;
}

#menu ul li a#znacky-zbozi:hover span, #menu ul li#aktivni a#znacky-zbozi span  {
	background:transparent url("znacky-zbozi.png") left top no-repeat;
}

#menu ul li a#kontakty span {
	background:transparent url("kontakty.png") left bottom no-repeat;
}

#menu ul li a#kontakty:hover span, #menu ul li#aktivni a#kontakty span  {
	background:transparent url("kontakty.png") left top no-repeat;
}

#menu ul li a#rekordy span {
	background:transparent url("rekordy.png") left bottom no-repeat;
}

#menu ul li a#rekordy:hover span, #menu ul li#aktivni a#rekordy span  {
	background:transparent url("rekordy.png") left top no-repeat;
}

/* nadpisy */
.imgr, .imgr span {
position: relative;
display: block;
padding: 0;
left: 0;
top: 0;
overflow: hidden;
}
.imgr span {
position: absolute;
}
#vitejte, #vitejte span {
width: 127px;
height: 51px;
}
#vitejte span {
background: url('nadpisy/vitejte.png') 0 0 no-repeat;
}
#nabidka-sluzeb-a-zbozi, #nabidka-sluzeb-a-zbozi span {
width: 313px;
height: 51px;
}
#nabidka-sluzeb-a-zbozi span {
background: url('nadpisy/nabidka-sluzeb-a-zbozi.png') 0 0 no-repeat;
}
#vyroba-a-prodej-jednokolek, #vyroba-a-prodej-jednokolek span {
width: 377px;
height: 51px;
}
#vyroba-a-prodej-jednokolek span {
background: url('nadpisy/vyroba-a-prodej-jednokolek.png') 0 0 no-repeat;
}
#komponenty-kol, #komponenty-kol span {
width: 222px;
height: 51px;
}
#komponenty-kol span {
background: url('nadpisy/komponenty-kol.png') 0 0 no-repeat;
}
#kontakt, #kontakt span {
width: 132px;
height: 50px;
}
#kontakt span {
background: url('nadpisy/kontakt.png') 0 0 no-repeat;
}
#ochrana-hlavy, #ochrana-hlavy-a-obleceni, #ochrana-hlavy span, #ochrana-hlavy-a-obleceni span {
width: 277px;
height: 51px;
}
#ochrana-hlavy span, #ochrana-hlavy-a-obleceni span {
background: url('nadpisy/ochrana-hlavy.png') 0 0 no-repeat;
}
#vyroba-a-prodej-ostatnich-kol, #vyroba-a-prodej-ostatnich-kol span {
width: 395px;
height: 51px;
}
#vyroba-a-prodej-ostatnich-kol span {
background: url('nadpisy/vyroba-a-prodej-ostatnich-kol.png') 0 0 no-repeat;
}
#prodej-jizdnich-kol, #prodej-jizdnich-kol span {
width: 262px;
height: 51px;
}
#prodej-jizdnich-kol span {
background: url('nadpisy/prodej-jizdnich-kol.png') 0 0 no-repeat;
}
#fotografie-z-pokusu-o-rekord-z-roku-2000, #fotografie-z-pokusu-o-rekord-z-roku-2000 span {
width: 300px;
height: 79px;
}
#fotografie-z-pokusu-o-rekord-z-roku-2000 span {
background: url('nadpisy/rekord-2000.png') 0 0 no-repeat;
}
#fotografie-z-pokusu-o-rekord-z-roku-2001, #fotografie-z-pokusu-o-rekord-z-roku-2001 span {
width: 300px;
height: 79px;
}
#fotografie-z-pokusu-o-rekord-z-roku-2001 span {
background: url('nadpisy/rekord-2001.png') 0 0 no-repeat;
}
#fotografie-z-pokusu-o-rekord-z-roku-2004, #fotografie-z-pokusu-o-rekord-z-roku-2004 span {
width: 300px;
height: 79px;
}
#fotografie-z-pokusu-o-rekord-z-roku-2004 span {
background: url('nadpisy/rekord-2004.png') 0 0 no-repeat;
}
#fotografie-z-pokusu-o-rekord-z-roku-2006, #fotografie-z-pokusu-o-rekord-z-roku-2006 span {
width: 240px;
height: 79px;
}
#fotografie-z-pokusu-o-rekord-z-roku-2006 span {
background: url('nadpisy/rekord-2006.png') 0 0 no-repeat;
}
#moje-rekordy, #moje-rekordy span {
width: 194px;
height: 50px;
}
#moje-rekordy span {
background: url('nadpisy/moje-rekordy.png') 0 0 no-repeat;
}
#vyroba-a-prodej-trikolek, #vyroba-a-prodej-trikolek span {
width: 334px;
height: 50px;
}
#vyroba-a-prodej-trikolek span {
background: url('nadpisy/vyroba-a-prodej-trikolek.png') 0 0 no-repeat;
}
#vidlice, #vidlice span {
width: 118px;
height: 50px;
}
#vidlice span {
background: url('nadpisy/vidlice.png') 0 0 no-repeat;
}
#voziky-za-kola, #voziky-za-kola span {
width: 168px;
height: 50px;
}
#voziky-za-kola span {
background: url('nadpisy/voziky-za-kola.png') 0 0 no-repeat;
}
#vyroba, #vyroba span {
width: 122px;
height: 50px;
}
#vyroba span {
background: url('nadpisy/vyroba.png') 0 0 no-repeat;
}
#vyroba-a-prodej-vysokych-kol, #vyroba-a-prodej-vysokych-kol span {
width: 396px;
height: 50px;
}
#vyroba-a-prodej-vysokych-kol span {
background: url('nadpisy/vyroba-a-prodej-vysokych-kol.png') 0 0 no-repeat;
}
#vyziva, #vyziva span {
width: 113px;
height: 50px;
}
#vyziva span {
background: url('nadpisy/vyziva.png') 0 0 no-repeat;
}
#ohybani, #ohybani span {
width: 196px;
height: 64px;
}
#ohybani span {
background: url('nadpisy/ohybani.png') 0 0 no-repeat;
}

#znacky-zbozi, #znacky-zbozi span {
width: 193px;
height: 50px;
}
#znacky-zbozi span {
background: url('nadpisy/znacky-zbozi.png') 0 0 no-repeat;
}
#prohlaseni-o-pristupnosti, #prohlaseni-o-pristupnosti span {
width: 277px;
height: 52px;
}
#prohlaseni-o-pristupnosti span {
background: url('nadpisy/prohlaseni-o-pristupnosti.png') 0 0 no-repeat;
}
#chyba, #chyba span {
width: 279px;
height: 74px;
}
#chyba span {
background: url('nadpisy/chyba.png') 0 0 no-repeat;
}
#chyba-dokument-nebyl-nalezen, #chyba-dokument-nebyl-nalezen span {
width: 354px;
height: 52px;
}
#chyba-dokument-nebyl-nalezen span {
background: url('nadpisy/chyba-dokument-nebyl-nalezen.png') 0 0 no-repeat;
}
#mapa-webu, #mapa-webu span {
width: 144px;
height: 52px;
}
#mapa-webu span {
background: url('nadpisy/mapa-webu.png') 0 0 no-repeat;
}
#stany-a-spacaky-coleman, #stany-a-spacaky-coleman span {
width: 279px;
height: 52px;
}
#stany-a-spacaky-coleman span {
background: url('nadpisy/stany-a-spacaky-coleman.png') 0 0 no-repeat;
}
#pridavne-motory-pro-kola, #pridavne-motory-pro-kola span {
width: 285px;
height: 52px;
}
#pridavne-motory-pro-kola span {
background: url('nadpisy/pridavne-motory-pro-kola.png') 0 0 no-repeat;
}

.tiskni {
  display:none; 
}

@media print {
  body {
  	font-family:georgia, serif;
  }
  table {
  	border-collapse: collapse;;
  }
  #menu ul, #paticka, #vlevo {
  	display: none;
  }
  #vpravo {
    width:100%;
  }  
  .tiskni {
    display:block; 
  }
}