/* GENERALNI DEFINICE */

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 {
	width: 100%;
	min-width: 760px;
	_width: expression(document.body.clientWidth < 760? "760px": "99.9%" );
	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;
	width: 100%;
	min-width: 760px;
	_width: expression(document.body.clientWidth < 760? "760px": "99.9%" );
	margin: 0 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: rgb(128,128,128);
	background-color: #FFF;
}

#topovy {
  clear: both;
	width: 100%;
	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: 87px;
}

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

#logo {
	width: 300px;
	height: 87px;
	text-align: left;
  position: absolute;
  background-image: url(../obrazky/e-pes.gif);
  background-position: left bottom;
  background-repeat: no-repeat;
  left: 0px;
  bottom: 7px;
}


#logo img {
	margin: 0;
	border: 0;
}

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

#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: 7px;
	font-size: 5px;
	width: 100%;
	background: url(../obrazky/hlavicka-pozadi.gif) repeat right top;
	text-align: right;
}


#partnershop {
background-image: url(../obrazky/partnershop_srafy.gif);
}

#partnershop_include {
	position: relative;
	color: rgb(0,127,206);
	height: 100px;
	width: 100%;
	margin: 0;
	padding: 3px 0 3px 0;
	background: url(../obrazky/partnershop2.gif) no-repeat right bottom;
	font-size: 1em;
	text-align: center;
}



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

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


#partnershop .linkovnik {
width: 43%;
position: absolute;
height:100px;
top: 0px;
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: white;
  font-size: 1.1em;
  font-weight: normal;
  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,127,206);
	height: 1.3em;
	margin: 0 0 7px 0;
	padding: 3px 0 3px 0;
	background-color: rgb(255,255,153);
	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: 20%;
	
}

#kategorie a:link, #kategorie a:visited {
	color: rgb(0,127,206);
	text-decoration: none;
}
#kategorie a:hover {
	color: #C80000;
	text-decoration: underline;
}

#kategorie 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;
}

#kategorie ul {
	margin: 0 0 10px 0;
	padding: 2px 0 20px 0;

	border: 1px solid rgb(206,205,205);
}

#kategorie ul .img {
  list-style-type: none;
	text-align: center;
	margin: 0;
	padding: 0 0 20px 0;
	background-color: white;
	border: 0;
	background-image: none;
	overflow: hidden;
}



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

#kategorie 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;
}

/* 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: 2%;
	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 {
	margin-right: 2%;
	padding: 0;
	float: left;
	width: 37%;
	height: 370px;
	text-align: center;
	overflow: hidden;
}

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

#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(255,90,0);
	width: 33%;
	white-space: nowrap;
}



/* .h-line h1 {
  font-family: Arial;
	font-weight: normal;
	font-size: 2.2em;
  color: rgb(255,90,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 {
	font-weight: normal;
	font-family: arial;
	font-size: 2em;
  color: rgb(255,90,0);
  margin: 0;
  padding: 0;
  display: block;
}

#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 {
	margin: 0;
  color: rgb(0,0,0);
	font-size: 1em;
	text-align: left;
}

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

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

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

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

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

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

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

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

#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 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,127,206);
	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: left;
	width: 23.9%;
	@float: none;
	@width: 100%;
}

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

#info p .h{
  display: block;
  font-weight: bold;
	color: rgb(200,0,0);
	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,127,206);
  text-decoration: underline;
}

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






/* 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,127,206);
  text-decoration: underline;
  font-weight: bold;
}

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

.h-line {
  margin: 37px 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: 2.2em;
  color: rgb(255,90,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(255,90,0);
  margin: 0;
  padding: 0;
}

.h-line h5 {
	font-weight: normal;
	font-family: arial;
	font-size: 1.6em;
  color: rgb(255,90,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,127,206);
  margin: 7px 0 3px 0;
  padding: 0;

}

.produkt h2 a {
	text-decoration: underline;
	color: rgb(0,127,206);
	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,127,206);
  margin: 7px 0 3px 0;
  padding: 0;
}

.produkt-kosik h2 a {
	text-decoration: underline;
	color: rgb(0,127,206);
	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;
}