*{ 	
	font-family: Trebuchet MS, Verdana;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background: transparent;
}

body {
	line-height: 160%;
	background: url("../images/bg-body.gif") left top repeat-x #fff ;
	margin: 0px;
	padding: 0px;
	font-size: 11px;			
}

div, img, h1, h2, h3, h4, h5 , p, a, ul, li, span{
  	margin: 0px; 
	padding: 0px; 
	border: 0px; 
	color: #333;
}

.noborder{ border: none !important; }

/* OBECNE ZNACKY --------------------------------------- */

h1 {  
	width: 450px;
	font-weight: normal; 
	color: #fff; 
	padding: 0px 0px 0px 20px; 
	font-size: 10px;
	margin-top: 0px;
	position: absolute; 
	top: 7px;
}

h2 {  color: #4f87c0; padding: 0px 0px 0px 0px; font-weight: normal; font-size: 20px; margin: 0px 0px 20px 0px; line-height: 160%;}
h2.nazevDetail { font-size: 26px; color: #4f87c0; margin: 0px; padding: 0px; font-weight: bold;}

h3 {  color: #4f87c0; padding: 0px 0px 0px 0px; font-weight: bold; font-size: 13px; margin: 0px 0px 20px 0px;}
h4 {  font-weight: bold; font-size: 11px; margin: 0px 0px 10px 0px;}
a:hover{ color:  #4f87c0;}

sup{ font-size: 8px;}
span.orange{  color:  #4f87c0;  }

li { list-style-type: none; }
#right ul li { list-style-type: none; }

img.fLeft{  float: left; margin: 0px 10px 10px 0px; }

/* CISTICI PRVEK ---------------------------------------*/

div.clear, div.util, div.cleaner{ display: block; clear: both; font-size: 0px; line-height: 0px;}
div.spacer { height: 20px; }

/* LAYOUT STRANKY --------------------------------------*/

div#sportfun{
	width: 960px;
	min-height: 700px;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	border: solid 0px #ccc;
	border-top: none;
}

div#top{
	height: 124px;
	padding: 20px 0px 0px 0px;
	margin: 0px 0px 1px 0px;
	background: url("../images/header.jpg") top left no-repeat;
	position:relative;
}

		a#logo{
			display: block;
			width: 200px;
			height: 90px;
			float: left;
			text-decoration: none;
		}

div#content{
	width: 960px;
	min-height: 400px;
}

object#mainPageFlash{ margin-bottom: 20px; }

div#left{
	width: 580px;
	min-height: 380px;
	float: left;
	padding: 0px 0px 0px 20px;
	margin-left: 200px;
}

	div#left p   {margin: 0px 0px 20px 0px; }
	div#left ul  {margin: 0px 0px 20px 0px; padding: 0px 0px 0px 20px; }
	p#path span { color: #4f87c0; }
	 
	div.line{  margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; }

	/* formulare */
	
	label{ 
		display: block;
		float: left;
		width: 100px;
	}
	
	div#prodDet{  margin: 0px 0px 20px 0px; }
	
	div#prodDet img.imgDetail{  margin: 0px 0px 20px 20px; float: right; }
	
	input, textarea, select { border: solid 1px #ccc; }
	
	textarea { width: 400px;}
	
	input.count { float:left; width: 20px; margin: 0px 10px 0px 0px;  padding: 2px 0px 0px 5px; height: 14px; } 	
	
	input.picture { float:left;  border: 0px; margin: 0px 10px 0px 0px;} 	
	
	option{ background-color: #fff; }
	
	
	/* eshop */
	
	div.prodLine{
		min-height: 40px;
		margin: 0px;
		padding: 0px;
	}
	
	div.add { padding-left: 10px; }
	.vaseCena { font-size: 16px; font-weight: bold; }	 
	
	/* BLOCK ESHOP */
	div.block, div.blockLast{
			width: 140px; 
			padding: 0px; 
			background: #fff;
			float: left;	
			border-bottom: 2px solid #000;		
		}
	
	div.block, div.blockLast{ 
			min-height: 250px;
			margin: 0px 20px 20px 0px;
		}

/* klubové slevy */
		
	.klub {
	   min-height: 240px;
	   height: 240px;
    }	
		
	.cenaKlub {
	   text-decoration:line-through;
    }


	.kcena {
	   color:#9E001B;
    }
	
		div.blockLast{margin: 0px 0px 20px 0px;}
		
		div.block h3 a, div.blockLast  h3 a { display: block;  
											  border-top: 1px solid #000;
											  background-color: #f5f5f5;
											  padding: 5px;
											  height:50px;
											  color: #000; font-size: 10px; text-decoration: none;   
											  font-size: 10px;
											   }
		div.block h3 a:hover {color: #555; text-decoration: underline; } 
		div.blockLast h3 a:hover {color: #555; text-decoration: underline;  }
		div.block img, div.blockLast img { margin: 0px 0px 0px 0px; padding-left: 0px;  }
		div.block p, div.blockLast p { margin: 0px 0px 10px 0px; padding-left: 2px;   }
div.block form {
margin:0px;
}			
	    .imgPROD { margin-left: 10px; height: 125px; width: 120px; margin-top:-10px; }
			
		/* FOLDER ESHOP */
		div.folder{
		        width: 595px;
				padding: 10px; 
				margin: 0px 28px 20px 0px;
				border: solid 2px #E6E6E6; 
				background:  top left repeat-x #fff;			 
			 }	
			
		div.folder a  {  color: #4f87c0; font-size: 18px; text-decoration: none; font-weight: bold; }
		div.folder a:hover {color: #666; text-decoration: underline;} 
		
		div.folder ul{ margin: 0px !important;  }
		div.folder ul a { color: #444; font-size: 12px; }
		
		.cena{ color: #4f87c0; font-size: 15px; font-weight: bold; }
		.green{ color: #0F810F; font-weight: bold; font-size: 18px; }
		
	div#prodDet{
		min-height: 350px;
		}
		
	div#prodDet p, div#prodDet form{
		width: 300px;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 10px 0px;
		}
		
		#leftZar { text-align: left; }
		
		p.neplati{ width: 100% !important; padding: 0px !important; margin: 0px !important; background: url("../images/skrt.gif") left 9px repeat-x; text-align: center; color: #f00;}
		
		div#prodDet form { border-bottom: solid 2px #E6E6E6; }
	
	/* tabulka s popisem produktu */

	table.pInfo{
		width: 300px;
		margin: 20px 0px 20px 0px;
		background-color: #efefef;
		}
		
	table.pInfo th, table.pInfo td{
		padding: 5px;
		background: url("../images/bgcell.gif") top left repeat-x #fff;
		}
		
		table.pInfo th { text-align: left;}  table.pInfo td { text-align: center; }
		
	/* kosik */
	
	table.kosik { width: 630px; background-color: #E6E6E6; margin: 0px 0px 20px 0px;}
	table.kosik tr th, table.kosik tr td { padding: 5px; }
	table.kosik tr th {   color: #000; }
	table.kosik tr td { background-color: #FEFEFE; }


div#right{
	margin-right: 725px;
	min-height: 400px;
	margin-top: 20px;
	margin-right: 0px;
	padding: 20px 10px 0px 10px;
	background-color: #EEEEEE;
	width: 120px;
}
	
		a.doprava{
			display: block;
			background: url("../images/doprava-zdarma-b.gif") top center no-repeat #eee; 
			text-align: center;
			height: 122px;
			margin: 10px 0px 10px 0px;
			text-decoration: none;
		}
	
	/* jednotlive elementy v pravem sloupci */
	
	div#right h3, div#right h4{
			text-transform: uppercase;
			border-bottom: solid 1px #ccc;
			padding: 0px 0px 10px 0px;
			margin: 0px 0px 0px 0px;
		}

	div#right img{
			margin: 0px 10px 10px 0px !important;
			border: solid 2px #ccc;
			padding: 1px;
		}	


	div.rBlock{
			padding: 10px 0px 0px 0px;
	}
	
	/* right Block Boxes */
	
	div.whiteBox{
		background-color: #fff;
		min-height: 40px;
		margin: 10px 0px 10px 0px;
		padding: 0px; text-align: center;
	}
	
	div.whiteBox img{ border: 0px !important; margin: 0px !important;  }
	
	div.blackBox{
		background-color: #000;
		min-height: 40px;
		margin: 10px 0px 10px 0px;
		padding: 0px;
	}	
	
	/* SEARCH */
	
	form#elektroSearch{
		padding: 80px 40px 0px 0px;
		text-align: right;
	}
	
	form#elektroSearch input{
	    background-color: #fff; 
	    -moz-opacity: 0.95; 
		color: #000;
		padding: 3px;
	}
	
	form#elektroSearch input.submit{
		padding: 2px;
	}
	
	input.input-text3 {
	  font-weight:bold;
    width: 402px;
    background-color:#E7E7E7;
    border:3px solid #000;
    padding:4px;
    font-size:16px;
  }
	
div#footer{
	color: #ccc;
	background-color: #000;
	height: 70px;
	
	padding: 5px 0px 0px 10px;
}
div#footer a{
  color: #fff;
}

p#hotLine{
	position: absolute;
	top: 10px;
	left: 50%;
	width: 918px;
	margin-left: -485px;
	background: url("../images/hotline.gif") right 50% no-repeat transparent;
	padding: 0px 40px 0px 0px ;
	text-align: right;
	color: #ec8c2f;
} 
p#hotLine span { font-size: 9px; color: #ec8c2f;}

.velikost {
	margin: 0px 0px 2px 5px;
}

.velikost select {
	margin: 0px 5px 0px 5px;
	width: 40px;
}

div#login {
  position:absolute;
  right:40px;
  top:35px;
  width:188px;
  height:64px;
}

#login table {
  color:#000;
}
#login #rgForm input {
  background-color:white;
  height:17px;
  font-size:10px;
}

#login table a {
  color:#000000;
}

#login #rgForm input.field {
  width:146px;
  font-size:10px;
}

#mezi {
  font-size:10px;
}

#ser {
  float:left;
  width:130px; 
}

/* skladem rozek */

.imgPROD {
  position:relative;
}

.detailSklad {
  position:relative;
}

.sklademRoh {
  position:absolute;
  right:0px;
  top:0px;
  background:url(../images/sklad_small.gif) no-repeat top left;
  width:49px;
  height:49px;
  z-index:99;
  text-decoration:none;
}

.overLetak {
  margin-top:10px;
  width:620px;
  height:906px;
  position:relative;
}

.overLetak .letak {
  width:620px;
  height:906px;
  position:absolute;
  top:0px;
  left:0px;
  background:url("../images/letak.jpg") no-repeat top left;
  z-index:1;
}

.overLetak a {
  width:620px;
  height:86px;
  position:absolute;
  left:0px;
  top:820px;
  display:block;
  text-decoration:none;
  z-index:99;
}