a { text-decoration: underline; color: #174b8d; }

a img { border: none; }

a#menujump {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}

a:hover { text-decoration: none; }

body {
	font-size: 62.5%;
	text-align: center;
	color: #2C2C5C;
	font-family: sans-serif;
	background: #fff; 
}

h1 {
	font-size: 280%;
	text-transform: uppercase;
	color: #000000F;
}

h1 strong, #main .detail h2 strong {
	font-size: 80%;
	text-transform: uppercase;
	color: #CC0000;
	display: block;
	font-style: normal;
	padding: 3px 0 5px 0;
}

h1, h2, h3, h4, h5, h6 {
	font-family: sans-serif;
	font-weight: bold;
	margin: .4em 0;
}

h2 {
	font-size: 200%;
	color: #4f2f3e;
}

h3 { font-size: 150%; }

h4, .detail h2 { display: none; }


html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend { padding: 0; border: 0px; margin: 0; list-style: none; } 


img.left { margin-right: 1em; }

img.right { margin-left: 1em; }

input, button, select {
	background: url(images/bg_input.gif) repeat-x;
	font-size: 8pt;
	font-weight: normal;
	margin: 2px 6px 2px 2px;
}

input.kosik{
	background: url(images/kosik_maly.gif) no-repeat left top;
	width: 25px;
	height: 25px;
	position: relative;
	float: left;
	top: -5px;
	left: 0px;
	border: 0;
}

input[type=button], button { cursor: pointer; }

button .current {
	color: red;
}
optgroup{ list-style: none; margin-bottom: 8px; }

optgroup label{ font-style: normal; }

option.s_mezerou { margin-bottom: 10px; }

.center{ text-align: center; }

.cleaner { clear: both; }

/* mq poloha hlavniho bloku */
.homepage #main{ margin: 16px 4px 5px 4px; }

.homepage #main #banner{
	position: absolute;
	top: -145px;
	left: 0px;
	padding-left: 538px;
	width: 0px;
	height: 141px;
	display: block;
	overflow: hidden;
	background: url(images/e-sportshop-zdarma.jpg) no-repeat left top;
} 


.homepage #main #bannerkreslo{
	position: absolute;
	top: -145px;
	left: 0px;
	padding-left: 538px;
	width: 0px;
	height: 100px;
	display: block;
	overflow: hidden;
	/*background: url(images/ab-rocket-banner.jpg) no-repeat left top;*/
} 
.homepage #main #banner2{
	position: relative;
	clear: both;
	background: url(images/akce-bannery.jpg) no-repeat left top;
	display: block;
	overflow: hidden;
	width: 0;
	height: 86px;
	padding-left: 538px;
}


.homepage #main #banner_R{
	position: relative;
	clear: both;
	background: url(images/akce-banner-blank.jpg) no-repeat left top;
	display: block;
	overflow: hidden;
	width: 0;
	height: 86px;
	padding-left: 538px;
}


.homepage #text h2 {
	font-size: 160%;
	text-transform: uppercase;
	color: #CC0000;
	display: block;
	padding: 5px 0 5px 0;
}

.left { float: left; }

.right { float: right; }

#content {
	width: 900px;
	background: white;
	text-align: left;
	margin: 0 auto;
	position: relative;
}

#current a {
	width: 0;
	height: 81px;
	position: relative;
	top: 0px;
	left: 150px;
	padding-left: 480px;
	overflow: hidden;
	display: block;
}

#footer {
	background: #E9E9E9;
	clear: both;
	border-top: 2px solid #C0C0C0;
}

#footer #login{
	top: 32px;
	right: 0px;
	width: 170px;
	height: 90px;
	right: 5px;
	color: white;
	overflow: hidden;
	position: absolute;

}
#footer #login-user{
	top: 32px;
	right: 0px;
	width: 170px;
	height: 90px;
	right: 5px;
	color: white;
	overflow: hidden;
	position: absolute;
	font-size: 130%;
}

#footer #login form button{ position: relative; left: 6px; }

#footer #login form fieldset{ padding-left: 5px; }

#footer #login form fieldset input{ width: 90px; height: 12px; }

#footer #login form fieldset input.heslo{ position: relative; left: 6px; }

#footer #login form label{ width: 40px; }

#footer #login h2{ display: none; }

#footer #login input.prihlasit { height: 22px; width: 55px; padding-left: 2px; }

#footer #login ul{
	width: 100px;
	position: absolute;
	right: 0px;
	bottom: 15px;
	font-size: 100%;
}

#footer #login ul li {
	width: 100px;
	position: relative;
	float: left;
	display: block;
}

#footer #login ul li a{ color: white; text-decoration: none; }

#footer #login ul li a strong{ color: white; }

#footer #login ul li a:hover{ text-decoration: underline; }

#footer #navi {
	position: absolute;
	left: 0px;
	bottom: 58px;
	font-size: 120%;
	width: 900px;
	text-align: center;
}

#footer #navi ul li {
	margin-right: 15px;
	border-right: 1px solid #000000;
	padding-right: 15px;
	line-height: 15px;
}

#footer #navi ul li.kosik { border-right: none; }



#footer #vyber ul li, #footer #vyber li a {
background: url(images/bg_button.png) no-repeat 0px top;
  display: block;
  overflow: hidden;
  float: left;
  position: relative;
  padding: 3px 2px 1px 2px;
  font-size: 100%;  
  font-weight: bold;
  text-decoration:none;
  
}



/*
#footer #vyber ul li.novinky a{
  background: url(images/bg_novinky.gif) no-repeat 0px top;
  float: left;
  overflow: hidden;
  position: relative;
  width: 0px;
  padding-left:59px;
  height: 20px;
}
#footer #vyber ul li.akce a{
  background: url(images/bg_akce.gif) no-repeat 0px top;
  float: left;
  overflow: hidden;
  position: relative;
  width: 0px;
  padding-left: 55px;
  height: 20px;
}
#footer #vyber ul li.doprodej a{
  background: url(images/bg_doprodej.gif) no-repeat 0px top;
  float: left;
  overflow: hidden;
  position: relative;
  width: 0px;
  padding-left: 58px;
  height: 20px;
}
*/
#footer #searchform {
	top: 120px; /* 145px */
	left: -5px;
	width: 172px;
	height: 154px;
	overflow: hidden;
	position: absolute;
}

#footer #searchform button { color: #000099; height: 20px; margin-left: 2px; }

#footer #searchform form { margin-left: 5px; }

#footer #searchform form fieldset { position: relative; }

#footer #searchform h2{
	display: block;
	overflow: hidden;
	width: 0;
	padding-left: 171px;
	background: url(images/bg_vyhledavani.gif) no-repeat left top;
	height: 52px;
	margin: 0;
}

#footer #searchform input {
	width: 75px;
	height: 14px;
	top: 2px;
	position: relative;
}

#footer #searchform label { display: none; }

#footer #searchform ul{ position: relative; padding-top: 10px; }

#footer #vyber {
	top: 85px;
	left: -1px;
	width: 190px;
	height: 275px;
	position: absolute;
}



#footer br { display: none; }

#footer li { display: inline; }

#footer p { font-size: 110%; padding-top: 50px; text-align: center; }

#footer, #footer strong, #footer a { color: black; }

#header {
	background: url(images/bg_header.gif) no-repeat left top;
	height: 130px;
	overflow: hidden;
	position: relative;
}

#header a strong { display: none; }

#lista { clear: both; background: #E9E9E9; padding: 1em; }

#lista, #lista strong, #lista a { color: black; }

#main {
	width: 540px;
	float: left;
	position: relative;
	left: 171px;
	margin: 5px 4px 5px 4px;
}

#main #banner, #main #banner2{ display: none; }

#main #items{ }

#main #items .item{
	width: 158px;
	display: block;
	float: left;
	margin-left: 4px;
	padding: 5px;
	position: relative;
}

#main form fieldset { 
font-size: 100%;
border: 1px solid silver;
padding: 5px;
}

#main form fieldset #vzhled-shopu { 
font-size: 100%;
border: 0px;
padding: 5px;
}

#vzhled-shopu ul li { 
display: inline;
}

#main form fieldset legend{ 
font-size: 140%;
}
 
#main #items .item .itemik h3{ font-size: 120%; font-weight: bold; }

#main #items .item .itemik h5{ font-size: 120%; font-weight: normal; }

#main #items .item .itemik h5 strong{ font-weight: bold; }

#main #items .item .itemik p strong{ font-weight: bold; display: block; }

#main #items .item h2{
	width: 0px;
	padding-left: 100px;
	overflow: hidden;
	display: block;
	height: 40px;
	margin-right: -30px;
}

#main #items .item.cerveny .itemik{
	border: 2px solid #6F1A21;
	text-align: center;
	margin-bottom: 8px;
}

#main #items .item.cerveny h2{
	margin-left: 32px;
	background: url(images/bg_akce_v.gif) no-repeat left top;
}

#main #items .item.modry .itemik{
	border: 2px solid #0C117A;
	text-align: center;
	margin-bottom: 8px;
}

#main #items .item.modry h2{
	margin-left: 32px;
	background: url(images/bg_doprodej_v.gif) no-repeat left top;
}

#main #items .item.zeleny .itemik{
	border: 2px solid #11522B;
	text-align: center;
	margin-bottom: 8px;
}

#main #items .item.zeleny h2{
	margin-left: 32px;
	background: url(images/bg_novinky_v.gif) no-repeat left top;
}

#main #text{ padding-bottom: 35px; }

#main .detail .kategorie{
	position: absolute;
	top: 40px;
	right: 5px;
	width: 0px;
	padding-left: 100px;
	display: block;
	overflow: hidden;
	height: 40px;
}

#main .detail .kategorie.akce{
	background: url(images/bg_akce_v.gif) no-repeat left top;
}

#main .detail .kategorie.doprodej{
	background: url(images/bg_doprodej_v.gif) no-repeat left top;
}

#main .detail .logo{
	position: absolute;
	top: 85px;
	right: 5px;
	display: block;
}

#main .detail fieldset{ position: relative; }

#main .detail fieldset{ display: block; float: left; position: relative; }

#main .detail form{ position: relative; float: left; }

#main .detail h1{
	color: white;
	position: relative;
	padding: 0px;
	margin: 0px;
	font-size: 200%;
}

#main .detail h3{
	color: #CC003A;
	font-weight: bold;
	font-size: 160%;
	text-transform: none;
	margin-top: 28px;
}

#main .detail h5{ font-size: 120%; font-weight: normal; }

#main .detail h5 strong{ font-weight: bold; }

#main .detail input.artikl{ overflow: hidden; }

#main .detail input.vlozit{ width: 25px; }

#main .detail label{ font-size: 120%; position: relative; bottom: 2px; }

#main .detail p.img{ text-align: center; }

#main .detail table{ margin-top: 25px; width: 550px;}

#main .karty{ position: relative; width: 540px; padding-top: 5px; }

#main .karty .karta .ikona{
	position: relative;
	display: block;
	width: 0px;
	padding-left: 35px;
	overflow: hidden;
	height: 24px;
}

#main .karty .karta .ikona.akce{
	background: url(images/bg_akce_ikonka.gif) no-repeat left top;
	position: relative;
}

#main .karty .karta .ikona.doprodej{
	background: url(images/bg_doprodej_ikonka.gif) no-repeat left top;
	position: relative;
}

#main .karty .karta .ikona.novinka{
	background: url(images/bg_novinky_ikonka.gif) no-repeat left top;
	position: relative;
}

#main .karty .karta h3 a{
	color: white;
	font-size: 130%;
	position: relative;
	top: -5px;
	text-decoration: none;
}

#main .karty .karta h3 a:hover{ text-decoration: underline; }

#main .karty .karta h3 strong{ color: #CC0000; font-size: 120%; }

#main .karty .karta h5{ font-weight: normal; font-size: 120%; }

#main .karty .karta h5 strong{ font-weight: normal; }

#main .karty .karta img {
	position: absolute;
	top: 10px;
	right: 10px;
	border: 1px solid #DCDCDC;
}

#main .karty .karta span a{ font-size: 120%; text-decoration: none; }

#main .karty .karta span a:hover{ text-decoration: underline; }

#main .karty .karta table, #main .detail table{margin-top: 25px; width: 450px; text-align: left; }

#main .karty .karta td.dotaz .mail a{
	width: 0px;
	overflow: hidden;
	height: 11px;
	display: block;
	float: left;
	margin-left: 5px;
	padding-left: 15px;
	background: url(images/obalka.gif) no-repeat left top;
}

#main .karty .karta td.dotaz .tel a{
	width: 0px;
	overflow: hidden;
	height: 11px;
	margin-left: 15px;
	display: block;
	float: left;
	padding-left: 14px;
	background: url(images/telefonek.gif) no-repeat left top;
}

#main .karty .karta, #main .detail{
	position: relative;
	background: white url(images/bg_karta.gif) repeat-x left top;
	width: 528px;
	margin-top: 15px;
	padding: 5px;
	border: 1px solid silver;
}

#main .katalog{ width: 538px; overflow: hidden; margin-top: 10px; }

#main .katalog .item{
	width: 174px;
	background: url(images/bg_katalog_bunka174_210.gif) no-repeat top left;
	height: 210px;
	margin-top: 2px;
	margin-left: 4px;
	margin-bottom: 3px;
	position: relative;
	float: left;
	text-align: center;
}

#main .katalog .item h3{ font-size: 112%; margin-top: 3px; }
#main .katalog .item h5 {
 font-size: 120%;
	font-weight: bold;
	color: red;
	width: 174px;
	text-align: center;
	position: absolute;
	bottom: 20px;
	left: 0px;
	text-decoration: none;
}

#main .katalog .item h5 strong{
  	color: black;
	margin-right: 14px;
	font-weight: normal;
	text-decoration: line-through;
}

#main .katalog .item p strong{ font-size: 90%; padding: 0px; font-weight: normal; }

#main .katalog .item p, #main .katalog { position: relative; top: -8px; }

#main .katalog .item img{ position: relative; top: 1px; }

#main .katalog .item span{
	font-size: 100%;
	position: absolute;
	bottom: 11px;
	left: 0px;
	width: 174px;
	text-align: center;
	font-weight: bold;
}

#main .katalog .item span.akce a{ color: #6F1A21; float: right; position: relative; right: 10px;}

#main .katalog .item span.doprodej a{ color: blue; }

#main .katalog .item span.novinka a{ color: green; float: left; position: relative; left: 10px;}

#main .posuvnik{ position: relative; text-align: center; }

#main .posuvnik .vyber_si fieldset{ padding-bottom: 10px; }

#main .posuvnik form{
	display: block;
	font-size: 120%;
	padding: 10px 0 0 24px;
	text-align: left;
}

#main .posuvnik strong, #main .strankovac strong{ font-weight: normal; color: black; }

#main .posuvnik ul.vrch {
	list-style: none;
	display: block;
	font-size: 110%;

}

#main .posuvnik.horni ul.vrch li{ float: left; position: relative;	 }

#main .posuvnik.horni ul.vrch li strong{ font-weight: bold; color: red;}

#main .posuvnik.horni h2{
text-align: left;
color: red;
padding-top: 16px;
}


#main .seznam{
	position: relative;
	display: block;
	width: 528px;
	padding-top: 5px;
}

#main .seznam .item{
	width: 528px;
	position: relative;
	display: block;
	height: 25px;
	margin: 0;
	padding: 0;
}

#main .seznam .item .kategorie{
	font-size: 110%;
	margin-left: 10px;
	font-weight: bold;
	display: block;
	float: left;
}

#main .seznam .item .kategorie.akce a{ color: #6F1A21; }

#main .seznam .item .kategorie.doprodej a{ color: blue; }

#main .seznam .item .kategorie.novinka a{ color: green; }

#main .seznam .item h3 a{
	font-size: 80%;
	margin-left: 35px;
	font-weight: normal;
	display: block;
	float: left;
}

#main .seznam .item h3 strong a{ font-weight: bold; }

#main .seznam .item img{ position: absolute; top: 2px; left: 2px; }

#main .seznam .item p.cena{
	position: absolute;
	right: 2px;
	top: -5px;
	text-align: right;
}

#main .seznam .item.lichy{ background: #FAFAFA; }


#main .seznam .item.sudy{ background: #F3F3F3; }

#main .strankovac{
	width: 540px;
	height: 70px;
	background: url(images/bg_navigace.gif) repeat-x left bottom;
	position: relative;
}

#main .strankovac .doleva a{
	position: absolute;
	background: url(images/bd_prevpage.gif) no-repeat top left;
	width: 0px;
	padding-left: 12px;
	height: 16px;
	overflow: hidden;
	display: block;
	left: 35px;
	bottom: 45px;
}

#main .strankovac .doprava a{
	position: absolute;
	background: url(images/bd_nextpage.gif) no-repeat top left;
	width: 0px;
	padding-left: 12px;
	height: 16px;
	overflow: hidden;
	display: block;
	right: 35px;
	bottom: 45px;
}

#main .strankovac .nakonec a{
	position: absolute;
	background: url(images/bd_lastpage.gif) no-repeat top left;
	width: 0px;
	padding-left: 16px;
	height: 16px;
	overflow: hidden;
	display: block;
	right: 15px;
	bottom: 45px;
}

#main .strankovac .nazacatek a{
	position: absolute;
	background: url(images/bd_firstpage.gif) no-repeat top left;
	width: 0px;
	padding-left: 16px;
	height: 16px;
	overflow: hidden;
	display: block;
	left: 15px;
	bottom: 45px;
}

#main .strankovac li{
	position: relative;
	display: inline;
	text-align: center;
	line-height: 30px;
	margin-left: 5px;
	color: red;
	font-weight: bold;
}

#main .strankovac ul{
	position: relative;
	display: block;
	width: 520px;
	text-align: center;
}

#main .strankovac	.dole{
	background: url(images/bg_navigace_dole.gif) repeat-x left top;
	padding-top: 30px;
	margin-top: 10px;
}

#main .znacky li{
	float: left;
	position: relative;
	display: block;
	font-size: 155%;
	font-weight: bold;
	padding-left: 10px;
   width: 122px;
	margin: 0;
}


#main .znacka {
padding: 20px 0px 0px 10px;
border-top: 0px solid silver;
clear: both;;

}

#main .znacka H2{
	text-transform: uppercase;
	padding: 5px 0px 0px 10px;
	margin: 0;
}
#main .znacka ul li {
	display: inline;
	font-weight: normal;
	font-size: 155%;
	padding: 0px;
	padding-left: 5px;
	margin: 1px;
}



#main a{ text-decoration: none; }

#main a:hover{ text-decoration: underline; }

#main li li { font-size: 100%; }

#main ol li { list-style: decimal url(); }

#main p { font-size: 120%; margin: 0.6em 0px; line-height: 1.3em; }

#main table {
	width: 100%;
	font-size: 100%;
	border-collapse: collapse;
	clear: both;
}

#main h2 {
 margin-left: 1em; 
}

#main table caption {
	caption-side: bottom;
	font-style: italic;
	text-align: left;
}

#main table tbody th { border-right: black double; padding: .7em; }

#main table td.left { text-align: left; float: none; }

#main table td.right { text-align: right; float: none; }

#main table tfoot th, #main table tfoot td { border-top: black double; }

#main table th, #main table td { vertical-align: middle; }

#main table th, #main table tr, #main table td {
	background: #ececec;
	/*  mq smazat*/
	border: 1px solid #ffffcc;
}

#main table thead th, #main table th.right, #main table th.left { text-align: center; float: none; }

#main table thead th, #main table thead td {
	padding: .3em;
	background: #cdcdcd;
	background: url(images/bg_navigace.gif) repeat-x left bottom;
}

#main table tr, #main table td {

	/*border: 0px; mq tabulky */
	border: 0px solid #ededed;
	background: #f2f2f2;
	padding: .3em;
}

#main #sportab table tr, #main #sportab  table td {
	/*border: 0px; mq tabulky */
	border: 1px solid #ededed;
	background: #4c4c4c;
	padding: .3em;
}		


#main ul li, #main ol li { list-style: none; margin-left: 2em; font-size: 120%; }

#main ul, #main ol { margin: 0.5em 0; }

#menu li a, #menu2 li a, #menuZnacky li a {
	background: url(images/bg_menu_button.gif) no-repeat left -4px;
	display: block;
	height: 21px;
	color: white;
	font-weight: bold;
	text-decoration: none;
	position: relative;
	padding: 2px 0 0 8px;
}

#menu li a:hover, #menu li.current a, #menu2 li a:hover, #menu2 li.current a,
#menu3 li a:hover, #menu3 li.current a, #menuZnacky li a {
	background: url(images/bg_menu_button_bw.gif) no-repeat 2px bottom;
	color: orange;
}

#menu li li a, #menu li.current li a, #menu2 li li a, #menu2 li.current li a,
#menu3 li li a, #menu3 li.current li a, #menuZnacky li a{
	font-size: 75%;
	width: 140px;
	display: block;
	height: 18px;
	left: 5px;
	color: black;
	font-weight: bold;
	background: #E9E8E8 url(images/bg_sipka.gif) no-repeat 5px -6px;
	text-decoration: none;
	position: relative;
	padding: 2px 0 0 20px;
	margin: 0px;
}

#menu li li a:hover, #menu li.current li.current a, 
#menu2 li li a:hover, #menu2 li.current li.current a,
#menu3 li li a:hover, #menu3 li.current li.current a, 
#menuZnacky li li a:hover, #menuZnacky li.current li.current a {
	background: white url(images/bg_sipka.gif) no-repeat -228px -6px;
	color: #BF4C02;
}

#menu li, #menu2 li, #menu3 li, #menuZnacky li { font-size: 120%; margin: 0!important; }

#menu3 li a{
	background: url(images/bg_menu_button_bw.gif) no-repeat left -4px;
	display: block;
	height: 21px;
	color: white;
	font-weight: bold;
	text-decoration: none;
	position: relative;
	padding: 2px 0 0 8px;
}

#otherside {
	width: 171px;
	float: right;
	position: relative;
	top: 0px;
}

#otherside #menu2 h2{
	display: block;
	overflow: hidden;
	width: 0;
	padding-left: 171px;
	background: url(images/bg_sortiment.gif) no-repeat left top;
	height: 52px;
	margin: 0;
}

#otherside #menuZnacky h2{
	display: block;
	overflow: hidden;
	width: 0;
	padding-left: 171px;
	background: url(images/bg_znacky.gif) no-repeat left top;
	height: 52px;
	margin: 0;
}

#shoppingcard {
	position: absolute;
	top: 90px;
	left: 220px;
	height: 30px;
	width: 460px;
	font-size: 130%;
	overflow: hidden;
}

#shoppingcard ul li{ margin-right: 25px; }

#shoppingcard ul li a{ color: white; font-weight: bold; }

#side {
	width: 171px;
	float: left;
	position: relative;
	top: 0px; /* 0px*/
	margin-top: 140px;
	left: -558px;
}

#side #menu h2{
	display: block;
	overflow: hidden;
	width: 0;
	padding-left: 171px;
	background: url(images/bg_sporty.gif) no-repeat left top;
	height: 52px;
	margin: 0;
}

#side #menu ul { position: relative; padding-bottom: 15px; }

#side #menu ul ul{ margin: 0px; padding: 0px; }

#side #menu4{
	background: url(images/bg_menu_button_bw.gif) no-repeat left -4px;
	display: block;
	height: 21px;
	color: white;
	font-weight: bold;
	text-decoration: none;
	position: relative;
	padding: 2px 0 0 8px;
}

#side #reklama{
	padding: 60px 0 30px 9px;
	background: url(images/bg_reklama.gif) no-repeat left top;
	height: 50px;
}

#hlaska_OK{
	background: #c8ffc8;
	border: 1px solid #003c02;
	width: 400px;
	position: relative;
	color: #003c02;
	font-weight: bold;
	font-size: 120%;
	text-transform: none;
	vertical-align: middle;
	padding: .5em;
	
}
#hlaska_KO{
	background: #ffc8e3;
	border: 1px solid #cc0000;
	width: 400px;
	position: relative;
	color: #cc0000;
	font-weight: bold;
	font-size: 120%;
	text-transform: none;
	vertical-align: middle;
	padding: .5em;
	
}