/* CSS Document */

html,body
{
  margin:0;
  padding:0;
}

body
{
	/* margin:0; */
	/* padding:0; */
	/* background:white50%; */
	background:#B2B2B2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4E4E4E;
	min-height:500px;
}

h1, h2, h3, h4, h5, h6
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0.3em 3px;
}

h1 { font-size:1.4em; }
h2 { font-size:1.3em; }
h3 { font-size:1.2em; }

TD, TH { display: table-cell }

.Myfont09 { font-size:0.9em;	font-weight:normal; }
.Myfont10 { font-size:1.0em;	font-weight:normal; }
.Myfont11 { font-size:1.1em;	font-weight:normal; }
.Myfont12 { font-size:1.2em;	font-weight:normal; }
.Myfont13 { font-size:1.3em;	font-weight:normal; }

.Myfont09b { font-size:0.9em;	font-weight:bold; }
.Myfont10b { font-size:1.0em;	font-weight:bold; }
.Myfont11b { font-size:1.1em;	font-weight:bold; }
.Myfont12b { font-size:1.2em;	font-weight:bold; }
.Myfont13b { font-size:1.3em;	font-weight:bold; }

/*
p
{
  margin: 0;
	padding: 0;
}
*/

.accessible
{
	display:none;
}

a
{
	color:#3187A9;
}

a:hover
{
	color:#990000;
}

#container
{
  width:970px;
  margin:0 auto;
  /* position:absolute; */
  /* left:50%; */
  margin-top:2px;
  border:1px solid black;
  /* XXXXX */
  /* background:#E0E0E0; */
	background-color:white;
	/* min-height:500px; */
}

#hr .line
{
  height: 1px;
	/* color: #FF0000; */
  /* background-color: #FF0000; */
  /* margin: 0 80px 15px 80px; */
}

#header
{
	/* width:761px; */
}

#header .headertopleft
{
	display:block;
	position:absolute;
	z-index:1;
	width:130px;
	height:56px;
	top:20px;
	background:url(images/logo.jpg) top left no-repeat;
}

#header .headertopleft span
{
	display:none;
}

#header #topnav
{
	margin:20px 0 0 180px;
	padding:0px;
	/* background-color:#EFEDE5; */
  height:54px;
	top:20px;
}

#header #topnav li
{
	list-style:none;
	float:left;
	margin:20px 0 0 0;
	padding:0px;
}

#header #topnav li a
{
	display:block;
	color:#2D89AB;
	padding:2px 10px 2px 10px;
	/* background:url(images/topnavsepar.png) center right no-repeat; */
	text-decoration:none;
	font-size:1.0em;
	font-weight:normal;
}

#header #topnav li a:hover
{
	color:#EDB100;
	text-decoration:underline;
}

/*
#header #topnav li #odhlasit
{
	display:block;
	color:#2D89AB;
	padding:2px 10px 2px 10px;
	background:url(images/topnavsepar.png) center right no-repeat;
	text-decoration:none;
	font-size:90%;
	font-weight:bold;
}
*/

#header h1
{
	/* background:url(images/header.jpg) top left no-repeat; */
	background:url(images/header.jpg) top left repeat;
	margin:5px 0 4px 0;
  /* margin:0; */
	padding:0px;
	height:112px;
}

#header h1 span
{
	display:none;
}

#header h1 a
{
	display:none;
	/* width:200px;
	height:116px;
	margin:0 0 0 110px; */
}

#header h2
{
	display:none;
}


#KosikArea
{
	position:absolute;
	background:url(images/basket-icon.png) top left no-repeat;
	display:block;
	padding:1px 0 0 0px;
	top:24px;
	margin:0 0 0 835px;
	font-size:0.9em;
	/* background-color:yellow; */
	color:#5F5F5F;
}

#KosikArea a
{
	padding:4px 0 0 20px;
  font-weight:bold;
	color:#D1A200;
}

#KosikArea a:hover
{
	color:#990000; /* TBD */
}

#KosikArea #KosikPol
{
	display:block;
	padding:4px 0 0 20px;
}

#KosikArea #KosikCena
{
	display:block;
	padding:2px 0 0 20px;
}

#leftbar
{
	float:left;
  width:180px;
  /* display:block; */
  margin-left:-968px;  /* -970 */
}

#rightbar
{
	float:left;
	width:180px; /* 762-180-20 */
  /* display:block; */
  margin-left:-182px;  /* -180 */
	/* margin:15px 10px 15px 10px; */
	/* height:auto; */
  /* background-color:yellow; */
}

/* hlavicka skupiny zbozi */
#leftbar td .BarBoxHeading,
#rightbar td .BarBoxHeading
{
	margin:0px;
	padding:4px 0px 4px 0px;
	font-size:1em;
  font-weight:bold;
  background-color:rgb(227,163,83);
  text-align:center;
  display:block;
	color:white;
}

#leftbar td .BarBoxHeading a,
#rightbar td .BarBoxHeading a
{
	/* margin:0px; */
	/* padding:4px 0px 4px 0px; */
	/* font-size:1em; */
  /* font-weight:bold; */
  /* background-color:rgb(227,163,83); */
  /* text-align:center; */
	color:white;
  text-decoration:none;
}

#leftbar td .BarBoxHeading a:hover,
#rightbar td .BarBoxHeading a:hover
{
	color:black;
}

/*
div#leftbar
{
	float:left;
  width:180px;
}
*/

div#kategorie
{
	/* padding: 0px 0px 0px 0px; */
	/* font-size: 12px; */
	font-size:1em;
}

div#kategorie span.plus, div#kategorie span.minus, div#kategorie span.item
{
	display: block;
	position: absolute;
	width: 9px;
	height: 9px;
	top: 7px;
	left: 10px;
	line-height: 0px;
	font-size: 0px;
	color: black;
}

div#kategorie span.plus
{
	background: url('images/plus.gif') no-repeat;
}

div#kategorie span.minus
{
	background: url('images/minus.gif') no-repeat;
}

div#kategorie span.item
{

}

/*
div#kategorie ul li hr
{
  color: #a6a6a6;
  height: 1px;
  border-width: 0px;
  background-color: #a6a6a6;
}
*/

div#kategorie a
{
	/* background: #aec5e2; */
	/* color: #000096; */
  background: #F3D8B6;
}

div#kategorie a.selected
{
	/* background: #aec5e2; */
  background: #EBBC83;
}

div#kategorie ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: none;
}

div#kategorie ul.show
{
	display: block;
}

div#kategorie ul li
{
	position: relative;
}

div#kategorie ul li a
{
	display: block;
	height: 22px;
	line-height: 21px;
	text-decoration: none;
	text-indent: 15px; /* 30 */
	/* color: #000; */
	color: #000096;
	border-bottom: 1px #c4cce3 solid;
	border-top: 1px #fbfcfd solid;
}

div#kategorie ul li a:hover
{
	background: #aec5e2;
	/* text-decoration: underline; */
  /* background: #EBBC83; */
}

div#kategorie h2.SkupNazev
{
	display: block;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
  /* font-size:1em; */
  font-weight:normal;
  height: 22px;
  /* background: #F3D8B6; */
	/* line-height: 21px; */
	text-decoration: none;
  margin: 2px 0 2px 0;
  padding: 0px 0 0 0;
  /* line-height: 21px; */
	/* text-indent: 30px; */
	/* color: #000; */
	/* color: #000096; */
	/* border-bottom: 1px #c4cce3 solid; */
	/* border-top: 1px #fbfcfd solid; */
}


div#kategorie ul li ul li span.plus, div#kategorie ul li ul li span.minus, div#kategorie ul li ul li span.item
{
	left: 25px;
}

div#kategorie ul li ul li a
{
	text-indent: 40px;
}

div#kategorie ul li ul li ul li span.plus, div#kategorie ul li ul li ul li span.minus, div#kategorie ul li ul li ul li span.item
{
	left: 40px;
}

div#kategorie ul li ul li ul li a
{
	text-indent: 50px;
}

/*
div#leftbar ul#nav
{
	margin:1px 0 0 0;
	padding:0px;
	border-bottom:1px solid #D2CAB2;
}

#leftbar p
{
	margin:10px;
	font-size:90%;
}
*/


/* skupiny zbozi */
/*
div#leftbar #nav li a
{
	display:block;
  height:22px;
	margin:0px;
	padding:8px 0 0 35px;
	color:rgb(0,0,150);
	text-decoration:none;
  font-size:1em;
  font-weight:normal;
}
*/


/*
#leftbar #nav li a#x123456
{
	display:block;
	background:url(images/nav-bgr.png) top left no-repeat;
	background: #A4A1D2;
  height:22px;
	margin:0px;
	padding:8px 0 0 35px;
	color:#742DFF;
	text-decoration:none;
  font-size:1em;
  font-weight:normal;
}
*/

/*
#leftbar #nav li a#x123456:hover
{
	background-position:0 -30px;
	color:#0A0A00;
}
*/

#wrapper
{
  float:left;
  width:100%;
}


#content
{
	/* float:left; */
	/* width:562px; */ /* 762-180-20 */
	margin:0 190px;
	margin-top:15px;
	margin-bottom:15px;
	/* min-height:500px; */
	height:auto;
  /* XXXXX */
	/* background:white; */
	/* background:#909999; */
}

/*
#content .title
{
	margin:0 0 15px 0;
	padding:5px;
	font-size:120%;
	color:#990000;
}
*/

#content .Title
{
	font-weight:bold;
  font-size:1.1em;
}


#content .SkupinaZboziTitle
{
	font-weight:bold;
  font-size:1.1em;
}


/*
#content p
{
	font-size:120%;
	text-align:left;
	color:#990000;
	background-color:yellow;
} */


#prodtable
{
  width:100%;
	margin:10px 0 10px 0;
  text-align:center;
  /*
  border-width:1px;
	border-style:solid;
	border-color:black;
 */

}

.prodtablefp
{
  width:100%;
	margin:5px 0 5px 0;
  text-align:center;
  /*
  border-width:1px;
	border-style:solid;
	border-color:black;
	*/
  /* border-bottom: 1px solid black; */
  /* border-top: 1px solid black; */
}


#prodtable p,
.prodtablefp p
{
  margin:0;
	padding:0;
}

#prodtable td
{
  width:33%;
	font-size:0.9em;
  padding:5px 5px 5px 5px;
	text-decoration:none;
  color:black;

  border-width:1px;
	border-style:solid;
	border-color:#999999;
}

.prodtablefp td
{
	font-size:0.9em;
  /* padding:5px 5px 5px 5px; */
	text-decoration:none;
  color:black;
  /*
  border-width:1px;
	border-style:solid;
	border-color:#999999;
	*/
}

#prodtable td img, .prodtablefp td img
{
	float:none;
  border:0;
	/* width:160px; */
	/* height:168px; */
}

/* #prodtable td .Nazev */
#prodtable h3.Nazev
{
  display:block;
	font-size:1.1em;
  font-weight:bold;
	margin:0;
	padding:4px 0 0 0;
	text-decoration:none;
  /* color: black; */
}

.prodtablefp h3.Nazev
{
  display:block;
	font-size:1.1em;
  font-weight:bold;
	margin:0;
 	padding:0;
	text-decoration:none;
  /* color: black; */
}

.prodtablefp .Popis
{
  /*
	display:block;
	font-size:1em;
	padding:0;
	*/
}

.TablePovlec
{
  /* border:1px solid black; */
  border-collapse:collapse;
}

.TablePovlec th
{
  font-weight:normal;
  border: 1px solid black;
  height:25px;
  vertical-align:middle;
}

.TablePovlec td
{
  border:1px solid black;
  height:25px;
  vertical-align:middle;
  /* padding:0px 0px 0px 0px; */
  background-color:white;
  color:black;
}

#prodtable td .Nazev a
{
	text-decoration:none;
	/* color: black; */
}

.prodtablefp td .Nazev a
{
	text-decoration:none;
	/* color: black; */
}

#prodtable td .Kod
{
  display:block;
	font-size:1em;
  color: black;
	padding:2px 0 0 0;
}

#prodtable td .Cena
{
	display:block;
	font-size:1.05em;
	color:#167A26;
	text-decoration:line-through;
	padding:3px 0 0 0;
}

#prodtable td .AkcniCena
{
	display:block;
  font-size:1.05em;
	color:#167A26;
	/* color:red; */
	font-weight:bold;
	padding:3px 0 0 0;
}
/*
#prodtable td .Usetrite
{
	display:block;
	color:#8C1D03;
  padding:3px 0 0 0;
}

#prodtable td .SlevaProc
{
	display:block;
	color:#8C1D03;
  padding:3px 0 0 0;
}

#prodtable td .SlevaCena
{
	display:block;
	color:#8C1D03;
  padding:3px 0 0 0;
}
*/

#prodtable td .novinka
{
	display:block;
	font-size:0.9em;
  padding:3px 0 0 0;
}

#prodtable td .dostupnost
{
	display:block;
	font-size:0.9em;
  padding:3px 0 0 0;
}


/*
#prodtable .button
{
	display:block;
	font-size:105%;
	padding:3px 0 3px 0;
}
*/

/* cellspacing */

/*
.ZboziDetailTable
{
  border:1px;
  padding:0;
  width:40%;
	margin:0;
}
*/
/*
#ZboziDetailTable td
{
  vertical-align:middle;
}
*/

#Detail td #DetailMainImg
{
	float:none;
	/* border:4px solid #D4A600; */
  border:0;
  vertical-align:middle;
	/* padding:10px 0px 10px 5px; */
  /* margin:0; */ /* margin:0 5px 0 0; */
  /* width:300px; */
	/* height:168px; */
}

#Detail #DetailMaterialImg
{
	float:none;
	/* border:4px solid #D4A600; */
  border:0;
	padding:0px 10px 0px 10px;
  /* margin:0; */ /* margin:0 5px 0 0; */
  width:120px;
	/* height:168px; */
}
/*
#Detail .DetailNazev
{
	display:block;
	font-size:1.1em;
  font-weight:bold;
	padding:5px 0 0 0;
}
*/

#Detail td
{
  vertical-align:middle;
}

#Detail td .DetailKod
{
	display:block;
	font-size:1em;
	padding:10px 0 10px 0;
}

#Detail td .DetailSkutCena
{
	display:block;
  font-weight:bold;
	font-size:1em;
	padding:5px 0 5px 0;
}

#Detail td .DetailBeznaCena
{
	display:block;
  font-weight:normal;
	font-size:1em;
	padding:5px 0 5px 0;
	text-decoration:line-through;
}

#Detail td .DetailUsetrite
{
	display:block;
  font-weight:normal;
	font-size:1em;
	padding:5px 0 5px 0;
}

#Detail td .Velikost
{
  font-size:0.95em;
}

#Detail td .Barva
{
  font-size:0.95em;
}

#Detail td select
{
  margin:5px 0 5px 0;
}

#Detail td .DetailDostupnost
{
	display:block;
	padding:10px 0 10px 0;
}

#Detail td #PocetMJ
{
  font-size:1em;
  vertical-align:middle;
  margin:12px 0 12px 0;
}

#Detail td .DetailPopis
{
	display:block;
	font-size:1em;
	padding:10px;
	line-height:140%
}

#Detail td #buttondokosiku
{
}

#TableDorucUdaje
{
  font-weight:bold;
	font-size:1em;
}

#TableDopravaPlatba
{
}

.TableCustData
{
  width:95%;
  margin-left:auto;
  margin-right:auto;
  /* border:1px solid black; */
  /*
  border-top-width:0px;
  border-bottom-width:0px;
  border-left-width:0;
  border-right-width:0;
  */
}


.TableCustData td
{
  text-align:left;
  font-size:0.9em;
  /* border:1px solid black; */
}

.TableCustData td.PopisPole
{
  text-align:left;
  font-size:0.9em;
}

.TableCustData th
{
  text-align:center;
  font-size:0.9em;
  padding:8px 0px 8px 0px;
}

.TableCustData td .Note
{
	font-size:0.9em;
}

#TableKosik
{
  width:95%;
  margin-left:auto;
  margin-right:auto;

  /* vertical-align:middle; */
  border-style:solid;
	border-color:black;
  /* border-width:1px; */
  border-top-width:0px;
  border-bottom-width:0px;
  border-left-width:0;
  border-right-width:0;
}

#TableKosik td
{
	border-style:solid;  /* none */
	border-color:black;
  border-width:0px;
  /*
  border-top-width:0px;
  border-bottom-width:0;
  border-left-width:0;
  border-right-width:0;
  */
}

#TableKosik td input
{
  vertical-align:middle;
}

#TableKosik td.TblKosikNazev
{
  width:70%;
  text-align:left;
	font-size:1em;
	/* color:black; */
  /* vertical-align:middle; */
}

#TableKosik td.TblKosikNazev a
{
  color:black;
  font-weight:bold;
  text-decoration:none;
}

/*
#TableKosik td.ObjKod
{
  width:24%;
  text-align:center;
	font-size:1em;
}

#TableKosik td.ObjKod a
{
  color:black;
  font-weight:bold;
  text-decoration:none;
}
*/

#TableKosik td.Pocet
{
  text-align:right;
	font-size:1em;
  vertical-align:middle;
}

#TableKosik td.Popis
{
	font-size:1em;
	padding-top:4px;
}

#TableKosik .ItemSepar
{
  border-style:solid;
  border-top-width:0;
  border-bottom-width:1px;
  border-left-width:0;
  border-right-width:0;
}

#TableKosik .VelBarva
{
	font-size:1em;
	padding-top:4px;
}

#TableKosik td a:hover
{
  text-decoration:underline;
  color:blue;
}

.PageInfoTable
{
  width:100%;
}

/*
.PageInfoTable td
{
  border:1px solid black;
}
*/

.PageNavTable
{

}

.PageNavTable td
{
  text-align:center;
  font-size:1em;
  font-weight:bold;
  /* border:1px solid black; */
}

.PageNavTable td .PageRef
{
  /* background-color:green; */
  padding:0px 1px 0px 1px;
}

.PageNavTable td a
{
  text-decoration: none;
}

.PageNavTable td a:hover
{
  text-decoration: underline;
}

.PageNavTable td .PageRefCurr
{
  padding:0px 1px 0px 1px;
  border:1px solid black;
}

.FirstPage td h3
{
  padding:10px 0px 0px 0px;
}

.FirstPage td .UvodText
{
	text-decoration:none;
  font-size:1.3em;
  font-weight:bold;
}

#MostSoldTable
{
	border-style:none;
  border-collapse:collapse;
}

#MostSoldTable td
{
  padding:5px 0px 5px 5px;
  border-width:1px;
	border-style:solid;
	border-color:#C1C1C4;
}

.TableBarBox, .TableBarBoxLeft, .TableBarBoxRight
{
  width:100%;
  padding:0 0 4px 0;
	/* margin:0 0 5px 0; */
	margin:0;
  border-width:1px;
	border-style:solid;
  background-color:#EFEDE5;
}

.TableBarBox td, .TableBarBoxLeft td, .TableBarBoxRight td
{
  padding:0;
}

.TableBarBoxBestSellers
{
  background-color:#EFEDE5;
}

.TableBarBoxBestSellers td
{
	padding:3px 3px 3px 4px;
  /* border-bottom: 1px solid black; */
  border-top: 1px solid black;
  /* border:1px solid black; */
}

.TableBarBoxBestSellers td a
{
	text-decoration:none;
}

.TableBoxVyprodej
{
  width:100%;
	/* padding:10px 0px 3px 0px; */
}

.TableBoxVyprodej td
{
}

.TableBoxVyprodej td.Image
{
  display:block;
	margin:0;
	padding:10px 0 0 0;
}

.TableBoxVyprodej td.Nazev
{
  display:block;
	font-size:0.9em;
  font-weight:bold;
	margin:0;
	padding:0 0 0 0;
	text-decoration:none;
}

.TableBoxVyprodej td.Nazev a
{
	text-decoration:none;
}

.TableBoxVyprodej td.Cena
{
  display:block;
	font-size:0.9em;
  font-weight:bold;
	margin:0;
	padding:0 0 5px 0;
	text-decoration:none;
}



.TableBoxVyprodej td.SkutCena
{
	display:block;
  font-weight:bold;
	font-size:0.9em;
	/* padding:0 0 10px 0; */
	/* color:#167A26; */
}

.TableBoxVyprodej td.BeznaCena
{
	display:block;
  font-weight:normal;
	font-size:0.9em;
	text-decoration:line-through;
}

/*
.TableBoxVyprodej td.Usetrite
{
	display:block;
  font-weight:normal;
	font-size:1em;
}
*/


#footer
{
  clear:left;
  width:100%;
  /* clear:both; */
	padding:10px 0 10px 0px;
  /* background-color:white; */
	font-size:0.9em;
  text-align:center;
	/* color:#999999; */
	color:#666666;
}

