/* GENERALNI DEFINICE */

body {max-width: 1000px;margin-left: auto;margin-right: auto;text-align: center;}

img {
	margin: 0;
	padding: 0;
	border: 0;
}

a {
	color: #C80000;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

form {
  margin: 0;
  padding: 0;
}

.hlaska-horni {
  color: Gray;
  text-decoration: none;
  border: 1px solid rgb(206,205,205);
  padding: 7px 7px 7px 7px;
  background-color: rgb(80,80,80);
  text-align: left;
  font-weight: normal;
}

p {
	
	margin: 17px 0 17px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: rgb(128,128,128);
	background-color: #FFFFFF;
	padding-left: 34px;
}

.formular td {
  color: Black;
  text-decoration: none;
  text-align: left;
  font-weight: bold;
  font-family: Courier New, Verdana, Arial;
  font-size: 0.8em;
}

.formular input {
  color: Black;
  text-decoration: none;
  text-align: left;
  font-weight: normal;
  font-family: Courier New, Verdana, Arial;
}

.formular select {
  color: Black;
  text-decoration: none;
  text-align: left;
  font-weight: normal;
  font-family: Courier New, Verdana, Arial;
}



.vzkaz-pozadi {
  background-image: url(../obrazky/obsah-kosiku-title.gif); 
  background-repeat: no-repeat; 
  background-position: right bottom; 
  min-height: 164px; _height: 164px;
}

.vzkaz-pozadi .h-line {
  width: 300px;
}

.vzkaz-pozadi-text {
  width: 50%;
}

.vzkaz-pozadi-text p {
  text-align: justify;
  color: black;
}





/* HLAVNI DEFINICE */

#telo,#pata {
  text-align: left;
	min-width: 760px;
	@width: 1000px;
	margin: 0 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: rgb(128,128,128);
	background-color: #FFFFFF;
}
#pata {clear: both;}
#topovy {
  clear: both;
	min-width: 760px;
	_width: expression(document.body.clientWidth < 760? "760px": "99.9%" );
	margin: 7px 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: rgb(128,128,128);
	background-color: #FFF;
	text-align: center;
}


/* HLAVA STRÁNKY */



#hlava1 {
	position: relative; width: 100%; height: 0px;
}

#hlava2 {
  height: 80px; 
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
}

#logo {
position: relative;
width: 250px;
height: 80px;
text-align: left;
}


#logo img {
position: absolute;top: 5px;left: 0px;z-index: 2;
background: url("../obrazky/kapesni-noze.gif") 0 0 no-repeat;
	margin: 0;
	border: 0;
}

#logo-odkazy {
	width: 60%;
	text-align: right;
	color: Gray;
	font-size: 1em;
  position: absolute;
  right: 0px;
  bottom: 40px;
}

#logo-odkazy a {
  display: block;
  float: right;
  color: Black;
  font-size: 0.9em;
  text-decoration: underline;
  background: url(../obrazky/separator.gif) no-repeat right center;
  padding-right: 13px;
  padding-left: 3px;
  margin-bottom: 2px;
  text-align: left;
  
}

#logo-odkazy a:hover {
  color: rgb(200,0,0);
	text-decoration: none;
}

#hlavicka {
  position: relative;
	height: 3px;
	font-size: 5px;
	width: 100%;
	background: url(../obrazky/hlavicka-pozadi.gif) repeat right top;
	text-align: right;
}


#partnershop {

}

#partnershop_include {
	position: relative;
	color: rgb(0,85,120);
	height: 80px;
	width: 100%;
	margin: 0;
	padding: 0px 0 0px 0;
	background: url(../obrazky/partnershop.jpg) no-repeat right; 
	font-size: 1em;
	text-align: center;
}



#partnershop .hledani-okno {
	position: absolute;
  top: 35px; 
  left: 27px; 
  width: 15%;
  color: Black; 
  font-size: 12px; 
  border: 1px solid rgb(75,75,75);
}

#partnershop .hledani-ok {
	position: absolute; 
  left: 19%; 
  top: 35px;
}


#partnershop .linkovnik {
width: 43%;
height: 30px;
position: absolute;
top: 35px;
right: 33%;
color: rgb(75,75,75);
font-size: 0.9em;
text-align: left;
white-space: nowrap;
}

#partnershop .linkovnik a {
  display: block;
  float: left;
  color: rgb(75,75,75);
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none;
  background: url(../obrazky/separator.gif) no-repeat right center;
  padding-right: 13px;
  padding-left: 3px;
  margin-bottom: 2px;
  text-align: left;
  
}

#partnershop .linkovnik a:hover {
  color: Black;
	text-decoration: underline;
}

#zahlavi {
	color: rgb(0,85,120);
	height: 1.3em;
	margin: 0 0 7px 0;
	padding: 3px 0 3px 0;
	background-color: rgb(240,240,240);
	font-size: 1em;
	text-align: center;
	border-bottom: 1px solid rgb(206,205,205);
}

#zahlavi a {
	color: rgb(200,0,0);
	text-decoration: underline;
}

#zahlavi a:hover {
color: Gray;
	text-decoration: none;
}







/* LEVÝ SLOUPEC (KATEGORIE)  */

#kategorie {
	margin-right: 2%;
	padding: 0;
	float: left;
	width: 22%;
	
}


/* ul li:hover {
	background-color: rgb(249,190,191);
} */

#kategorie p {
	margin: 0 0 10px 0;
	padding: 10px 7px 10px 7px;
	display: block;
	border: 1px solid rgb(206,205,205);
}

/* PROSTŘEDNÍ SLOUPEC (OBSAH) A DETAIL */

#obsah {
	margin-right: 1%;
	padding: 0;
	list-style-type: none;
	float: left;
	width: 52%;
}


#obsah-detail {
	margin-right: 2%;
	padding: 0;
	list-style-type: none;
	float: left;
	width: 74%;
}

#obsah-kosik {
	margin-right: 2%;
	padding: 0;
	list-style-type: none;
	float: left;
	width: 74%;
}


/* DETAIL */

#obsah-detail .produkt-detail-obraz,.obsah-detail .produkt-detail-obraz{
	margin-right: 2%;
	padding: 0;
	float: left;
	width: 37%;
	height: 370px;
	text-align: center;
	overflow: hidden;
}

#obsah-detail .produkt-detail-popis,.obsah-detail .produkt-detail-popis {
	padding: 0;
	margin: 0;
	float: right;
	width: 61%;
}

#obsah-detail .produkt-detail-spodek,.obsah-detail .produkt-detail-spodek {
	padding: 0;
	margin: 0;
  clear: both;
	width: 100%;
}

.informace {
  padding: 0;
	margin: 17px 0 17px 17px;
}

.informace p {
  text-align: justify;
}

.informace td {
  font-family: verdana;
  font-size: 0.7em;
  color: gray;
	width: 33%;
	vertical-align: top;
}

.informace h3 {
  font-family: Arial;
  padding: 0;
	margin: 11px 0 11px 0;
  font-size: 1.3em;
  color: rgb(200,0,0);
	width: 33%;
	white-space: nowrap;
}


/* .h-line h1 {
  font-family: Arial;
	font-weight: normal;
	font-size: 2.2em;
  color: rgb(200,0,0);
  margin: 0;
  padding: 0;
}
.h-line span {
  font-family: Arial;
	font-weight: bold;
	font-size: 1.3em;
  color: rgb(80,80,80);
  margin: 0 0 0 17px;
  padding: 0;
  display: block;
}

.h-line span a, .h-line span a:visited {
  font-family: Arial;
  color: rgb(80,80,80);
  text-decoration: none;
}

.h-line span a:hover {
  font-family: Arial;
  color: rgb(0,0,0);
  text-decoration: none;
}

.h-line h2 {
	font-weight: normal;
	font-family: arial;
	font-size: 1.7em;
  color: rgb(80,80,80);
  margin: 0;
  padding: 0;
} */

#obsah-detail h1,.obsah-detail h1 {
	font-weight: normal;
	font-family: arial;
	font-size: 1.6 em;
  color: rgb(200,0,0);
  margin: 0;
  padding: 0;
  display: block;
}

#obsah-detail .produkt-detail-popis span,.obsah-detail .produkt-detail-popis span{
  font-family: Arial;
	font-weight: bold;
	font-size: 1.3em;
  color: rgb(80,80,80);
  margin: 3px 0 3px 0;
  padding: 0;
  display: block;
}



#obsah-detail .detail-hodnoceni,.obsah-detail .detail-hodnoceni {
	margin: 0;
  color: rgb(0,0,0);
	font-size: 1em;
	text-align: left;
}

#obsah-detail .detail-vyrobce,.obsah-detail .detail-vyrobce {
  color: rgb(0,0,0);
	font-size: 1em;
	text-align: left;
}

#obsah-detail .detail-vyrobce a,.obsah-detail .detail-vyrobce a {
	color: rgb(0,127,206);
	text-decoration: underline;
}

#obsah-detail .detail-vyrobce a:hover,.obsah-detail .detail-vyrobce a:hover {
	color: rgb(200,0,0);
	text-decoration: none;
}

#obsah-detail .detail-ceny,.obsah-detail .detail-ceny {
  border-top: 2px dotted silver;
  border-bottom: 2px dotted silver;
  margin: 17px 0 17px 0;
}

#obsah-detail .detail-cesta,.obsah-detail .detail-cesta {
  margin: 0 0 17px 0;
  color: rgb(0,0,0);
}

#obsah-detail .detail-cesta a,.obsah-detail .detail-cesta a {
  color: rgb(0,127,206);
}

#obsah-detail .detail-cesta a:hover,.obsah-detail .detail-cesta a:hover {
  color: rgb(200,0,0);
}

#obsah-detail .detail-expedice,.obsah-detail .detail-expedice {
  margin: 0 0 17px 0;
  color: rgb(0,0,0);
  font-size: 1em;
	text-align: left;
}

#obsah-detail .detail-dostupnost,.obsah-detail .detail-dostupnost {
  margin: 0 0 17px 0;
  color: rgb(0,0,0);
  font-size: 1em;
	text-align: left;
}





/* KATALOG */
.razeni-horni {
  text-decoration: none;
  border: 1px solid rgb(206,205,205);
  padding: 7px 7px 7px 7px;
  background-color: rgb(244,245,244);
  text-align: right;
}

.strankovani-dolni {
  text-decoration: none;
  border: 1px solid rgb(206,205,205);
  padding: 7px 7px 7px 7px;
  background-color: rgb(244,245,244);
  text-align: left;
}

.strankovani-dolni a:hover {
  text-decoration: none;
}

.strankovani-dolni .prevPagesList {
  text-decoration: none;
}

.strankovani-dolni .nextPagesList {
  text-decoration: none;
}

.strankovani-dolni .selectedPage {
  text-decoration: none;
  border: 1px solid rgb(206,205,205);
  padding: 1px 3px 2px 3px;
  background-color: rgb(255,255,255);
  font-weight: bold;
  font-size: 1em;
}

.strankovani-dolni .pageSel {
  text-decoration: underline;
  padding: 3px 3px 3px 3px;
  font-weight: normal;
  font-size: 1em;
}

.seotext-dolni {
  text-decoration: none;
  border-top: 1px solid rgb(206,205,205);
  padding: 7px 7px 7px 7px;
  text-align: center;
  font-size: 0.8em;
  color:rgb(128,128,128)
}

.seotext-dolni a {
  text-decoration: underline;
  color:rgb(128,128,128)
}

.seotext-dolni a:hover {
  text-decoration: none;
  color:rgb(128,128,128)
}

#obsah .cesta-horni {
  color: Gray;
  text-decoration: none;
  border: 1px solid rgb(206,205,205);
  padding: 7px 7px 7px 7px;
  background-color: rgb(244,245,244);
  text-align: left;
  font-weight: normal;
}

#obsah .cesta-horni a {
  color: rgb(200,0,0);
  text-decoration: underline;
  font-weight: normal;
}

#obsah .cesta-horni a:hover {
  color: Gray;
  text-decoration: none;
  font-weight: normal;
}

#obsah .cesta-fitr {
  color: Gray;
  text-decoration: none;
  border: 1px solid rgb(206,205,205);
  padding: 7px 7px 7px 7px;
  background-color: rgb(244,245,244);
  text-align: left;
  font-weight: normal;
}

#obsah .cesta-fitr a {
  color: rgb(200,0,0);
  text-decoration: underline;
  font-weight: normal;
}

#obsah .cesta-fitr a:hover {
  color: Gray;
  text-decoration: none;
  font-weight: normal;
}


#obsah select {
  width: 30%;
  color: Black; 
  font-size: 1em; 
}

#obsah .fgh {
	
}


/* KATALOG PODKATEGORIE */


.podkategorie {
	margin: 10px 0 10px 0;
}


.podkategorie a:link, .podkategorie a:visited {
	color: rgb(0,85,120);
	text-decoration: none;
}
.podkategorie a:hover {
	color: #C80000;
	text-decoration: underline;
}

.podkategorie h4 {
  display: block;
  min-height: 16px;
  _height: 16px;
	color: rgb(128,128,128);
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 1.0em;
	margin-bottom: 1.0em;
	padding-left: 35px;
	padding-right: 7px;
	background-image: url(../obrazky/sipka-kategorie.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.podkategorie ul {
	margin: 0 0 10px 0;
	padding: 2px 0 20px 0;
	border: 1px solid rgb(206,205,205);
}

#obsah .podkategorie .h {
margin: 0;
padding: 0;
text-align: left;
  list-style-type: none;
	background-image: none;
	background-color: white;
}

.podkategorie li {
	padding: 3px 0px 3px 35px;
	margin: 0;
	border-bottom: 1px solid white;

	background-image: url(../obrazky/sipka-polozka.gif);
	background-repeat: no-repeat;
	background-position: left;
	display: block;
}

/* .podkategorie li:hover {
	background-color: rgb(249,190,191);
} */



/* KOSIK */



#obsah-kosik .banner-horni {
  color: Gray;
  text-decoration: none;
  border: 1px solid rgb(206,205,205);
  padding: 7px 7px 7px 7px;
  background-color: rgb(80,80,80);
  text-align: left;
  font-weight: normal;
}











/* PRAVÝ SLOUPEC (INFO) */


#info {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: right;
	width: 21.9%;
overflow: hidden;
}

#info p,.p {
	margin: 0 0 0px 0;
	padding: 0px 0px 0px 0px;
	display: block;
	border: 1px solid rgb(206,205,205);
	_height: 107px;
  min-height: 50px;

}

#info p .h,.p .h{
  display: block;
  font-weight: bold;
	color: rgb(153,204,51);
	font-size: 1.1em;
	margin: 0 0 5px 0;

}

#info p .podrobnosti{
  display: block;
	margin: 7px 0 0 0;
}

#info p img{
  float:left;
  margin: 5px 5px 5px 0;
	border: 0;
}

#info p a{
  color: rgb(0,85,120);
  text-decoration: underline;
}

#info p a:hover {
  text-decoration: none;
}


ul.seznam1 { margin: 0; padding: 0; list-style: none; }
ul.seznam1 li {margin: 0; padding: 2px 0px 5px 34px; background: url(../obrazky/sipka-polozka.gif) left center no-repeat;}
ul.seznam1 a {color: #000;}
ul.seznam1 {font-size: 11px;}





/* PATA */
#pata .hledani {
  text-decoration: none;
  border: 1px solid rgb(206,205,205);
  padding: 7px 7px 7px 7px;
  background-color: rgb(244,245,244);
  text-align: center;
	
}

#pata .hledani-okno {
  width: 20%;
  color: Black; 
  font-size: 12px; 
  border: 1px solid #cecdcd;
}

#pata .hledani-ok {
	
}

#pata .informace {
  text-decoration: none;
  border: 1px solid rgb(206,205,205);
  text-align: left;
  padding: 7px 0 7px 0;
  margin: 7px 0 0 0;
}

#pata .informace .copyright td {
  font-size: 11px;
  text-align: right;
  padding:  0 7px 0 7px;
  vertical-align: middle;
}

#pata .informace .copyright a {
  text-decoration: underline;
  color: rgb(128,128,128);
}

#pata .informace .copyright a:hover {
  text-decoration: underline;
  color: rgb(200,0,0);
}

#pata .informace .tretina {
  width: 30%;
  text-align: left;
  float: left;
  margin-left: 2%;
  padding: 7px 0 7px 0;
	
}

#pata .informace .spodek {
  text-align: center;
	clear: both;
	padding: 7px 7px 7px 7px;
}

#pata .informace .h {
  font-size: 1.1em;
  font-weight: bold;
  color: Black;
}

#pata .informace ul {
  font-weight: normal;
  margin: 3px 0 0 0;
  padding: 0 0 0 1.5em;
  color: Black;
}





/* Ostatni */

.hr {
  background: url(../obrazky/tecky.gif) repeat-x bottom;
  height: 5px;
  margin: 10px 0 10px 0;
  padding: 0;
  clear: both;
}






























.index-popisek {
  color: black;
  font-size: 0.6em;
  font-weight: normal;
  text-decoration: none;
  border-bottom: 1px solid rgb(206,205,205);
}

.index-popisek a {
  color: black;
  font-weight: normal;
  text-decoration: none;
}

.index-popisek a:hover {
  color: black;
  font-weight: normal;
  text-decoration: underline;
}



.show-all {
  background: url(../obrazky/sipecka.gif) no-repeat  left center;
  padding: 0 0 0 10px;
  clear: both;
  float: right;
  text-align: left;
}



.show-all a {
  color: rgb(0,85,120);
  text-decoration: underline;
  font-weight: bold;
}

.show-all a:hover {
color: rgb(200,0,0);
text-decoration: underline;
}

.h-line {
  margin: 10px 0 0 0;
  padding: 0;
  background: url(../obrazky/tecky.gif) repeat-x bottom;
  text-align: left;
}

.h-line h1 {
  font-family: Arial;
	font-weight: normal;
	font-size: 1.6em;
  color: rgb(200,0,0);
  margin: 0;
  padding: 0;
}
.h-line span {
  font-family: Arial;
	font-weight: bold;
	font-size: 1.3em;
  color: rgb(80,80,80);
  margin: 0 0 0 17px;
  padding: 0;
  display: block;
}

.h-line span a, .h-line span a:visited {
  font-family: Arial, Calibri, Verdana, Helvetica, sans-serif;
  color: rgb(80,80,80);
  text-decoration: none;
}

.h-line span a:hover {
  font-family: Arial;
  color: rgb(0,0,0);
  text-decoration: none;
}

.h-line h2 {

font-family: sans-serif;
font-size: 1.6em;
font-weight: normal;
color: rgb(80,80,80);
margin: 0;
padding: 0;


	
}

.h-line h5 {
	font-weight: normal;
	font-family: arial;
	font-size: 1.6em;
  color: rgb(200,0,0);
  margin: 0 0 0 17px;
  padding: 0;
  display: block;
}



.produkt-view {
	width: 100%;
  color: black;
  text-align: center;
}

.produkt {
  width: 31%;
	float: left;
  color: black;
  text-align: left;
  margin: 10px 3px 15px 3px;
}


.produkt img {
  border: 0;
}

.produkt .obrazek80 {
  width: 160px;
  height: 147px;
  overflow: hidden;
  text-align: center;
}

.produkt h2 {
  font-size: 1em;
  font-weight: normal;
  color: rgb(0,85,120);
  margin: 7px 0 3px 0;
  padding: 0;

}

.produkt h2 a {
	text-decoration: underline;
	color: rgb(0,85,120);
	font-size: 1.1em;
}

.produkt h2 a:hover {
  color: rgb(200,0,0);
	text-decoration: underline;
}

.produkt h3 {
  font-size: 0.9em;
  font-weight: normal;
  color: rgb(0,0,0);
  margin: 3px 0 7px 0;
  padding: 0;
}

.produkt h3 a {
	text-decoration: underline;
	color: rgb(0,0,0);
	font-size: 1.1em;
}

.produkt h3 a:hover {
  color: rgb(200,0,0);
	text-decoration: underline;
}

.produkt h5 {
  font-size: 0.9em;
  font-weight: normal;
  color: rgb(0,0,0);
  margin: 3px 0 3px 0;
  padding: 0;
}

.produkt h5 a {
	text-decoration: underline;
	color: rgb(0,0,0);
	font-size: 1.1em;
}

.produkt h5 a:hover {
  color: rgb(200,0,0);
	text-decoration: underline;
}

.produkt .cena {
  display: block;
  margin: 0 0 0 0;
}

.produkt .dph {
  display: block;
  font-weight: bold;
  font-size: 0.6em;
  font-style: italic;
  margin: 3px 0 0 0;
}




/* PRODUKT V KOSIKU */

.produkt-kosik tr {
  margin: 10px 0px 10px 0px;
  font-family: verdana;
}

.produkt-kosik td {
  text-align: left;
  border-bottom: 1px solid rgb(206,205,205);
  font-size: 0.7em;
  font-family: verdana;
}


.produkt-kosik img {
  border: 0;
  padding: 7px;
}

.produkt-kosik .obrazek80 {
  width: 160px;
  height: 137px;
  overflow: hidden;
  text-align: center;
}

.produkt-kosik h2 {
  font-size: 1em;
  font-weight: bold;
  color: rgb(0,85,120);
  margin: 7px 0 3px 0;
  padding: 0;
}

.produkt-kosik h2 a {
	text-decoration: underline;
	color: rgb(0,85,120);
	font-size: 1.1em;
}

.produkt-kosik h2 a:hover {
  color: rgb(200,0,0);
	text-decoration: underline;
}

.produkt-kosik h3 {
  font-size: 0.9em;
  font-weight: normal;
  color: rgb(0,0,0);
  margin: 3px 0 7px 0;
  padding: 0;
}

.produkt-kosik h3 a {
	text-decoration: underline;
	color: rgb(0,0,0);
	font-size: 1.1em;
}

.produkt-kosik h3 a:hover {
  color: rgb(200,0,0);
	text-decoration: underline;
}

.produkt-kosik h5 {
  font-size: 0.9em;
  font-weight: normal;
  color: rgb(0,0,0);
  margin: 3px 0 3px 0;
  padding: 0;
}

.produkt-kosik h5 a {
	text-decoration: underline;
	color: rgb(0,0,0);
	font-size: 1.1em;
}

.produkt-kosik h5 a:hover {
  color: rgb(200,0,0);
	text-decoration: underline;
}

.produkt-kosik .cena {
  display: block;
  margin: 0 0 0 0;
}

.produkt-kosik .dph {
  display: block;
  font-weight: bold;
  font-size: 0.6em;
  font-style: italic;
  margin: 3px 0 0 0;
}

.menu,.menu ol {margin: 0px;padding: 0px;}
.menu li {list-style-type: none;display: inline;}
.menu li a {display: block;position: relative;top: 0px;left: 0px;text-decoration: none;}

.menu a {padding: 5px 5px 5px 5px;color: white;background: url('../img/menu-bg.jpg') 0 0 repeat-x;border-bottom: 1px solid white;font-size: 10pt;cursor: pointer}
.menu a.selected {background: url('../img/menu-bg-a.jpg') 0 0 repeat-x;}
.menu a span {position: absolute;right: 5px;top: 5px;display: block;width: 25px;height: 20px;background: url('../img/menu-sp-d.jpg') 0 0 no-repeat}
.menu a.selected span {background: url('../img/menu-sp-n.jpg') 0 0 no-repeat}

.menu ol {padding: 9px 0 10px 0;background: url('../img/sub-stin.jpg') 0 0 repeat-x}
.menu ol li a {padding: 3px 2px 3px 25px;background: url('../img/li.gif') 10px 8px no-repeat;border: 0;color: rgb(0,86,121);font-size: 1em;}
.menu ol li a.selected {background: rgb(153,153,153);font-weight: bold;color: white;}
.menu ol li a:hover {background: url('../img/li.gif') 10px 8px no-repeat;text-decoration: underline;color: rgb(219,0,0)}
.menu ol li a.selected:hover {color: white;background-color: rgb(153,153,153)}
.reklama {overflow: hidden;text-align: center;}