<!--

* {
  	margin:0;
  	padding:0;
  	
}

html,body {
  	height:100%;
  	margin:0;
  	padding:0;
  	border:0;
  	text-align:center;
}

body {
  	min-width: 1000px;
  	background: #FFFFFF;
  	FONT-WEIGHT: normal;
  	FONT-SIZE: 11px;
  	FONT-FAMILY: Arial, verdana, Helvetica, sans-serif;
  	position: relative;
  	padding: 8px;
    
}

#stranka {
	  /*min-width:100%;*/
	  width: 1000px; 
  	margin:0 auto;
  	text-align: left;
    height:100%;
  	min-height:100%;
  	position:relative;
  	background: #FFFFFF;
}

body>#stranka {
  	height:auto;
}

/* ------------- vrsek ------------------ */
/* obalovaci div pro celou hlavicku */
#top {	
	text-align:left;
  vertical-align: top; 
  margin:0;
  padding:0;
}
/*
 6. horní lišta má obvykle dvě podoby - posílám speciální nákres ať s
   tím počítate, ať se to chová jak u toho bude popsané - udělat zase
   jednoduše přepinatelné
   design:
    mod 1:
     [logo][horni cast zahlavi ]
     [logo][spodni cast zahlavi]

    mod2
     [logo][horni cast zahlavi] 
     [spodni cast zahlavi     ]
    
    casti [logo] odpovida top h1
    zbyle 2 jsou top-vrsek a top-spodek
    
    prepinani mezi obema mody se provadi pres definovani vysky top-vrsek
      pokud je vyska top-vrsek >= vyska loga, pak top-spodek bude na dalsim radku roztazeny
      jinak bude zarovnan pod top-vrsek
    
*/

#top-svrsek {
  height:234px;
  background: url(top-banner.jpg) right top no-repeat #FFFFFF;
  margin:0;
  padding:0;
}

#top-spodek {
  	background: #000 url(horni_lista_bg.png) top left repeat-x;
  	height: 24px;
  	margin:0;
    padding:0;
    overflow:hidden;
    position:relative;
}

#top h1 {
	float:left;
  display: block;
  width: 180px;
	height: 165px;
  background:black url(logo.png) no-repeat center center;
  margin:63px 0 0 0;
  padding:0;
}

/* roztahnuti odkazu pres cele logo, aby bylo klikatelne */
#top h1 a {
  display: block;
  border:0;
  width: 170px;
  height:130px;
  text-decoration: none;
}

/* pro schovani textu odkazu */
#top h1 a span {
 visibility: hidden;
}

/*
#top {
	position: relative;
	height: 173px;
	background: url(top-banner.jpg) right top no-repeat #FFFFFF;
	text-align:center;
}

#top-spodek {
  	bottom: 8px;
  	margin:0 auto;
  	background: url(top-bg-spodek.jpg) top right no-repeat;
  	height: 29px;
  	width: 100%;
}

h1 span {
	position: absolute;
   display: block;
   cursor: pointer;
   z-index: 2;
	top: 0;
	left: 0;
	width: 180px;
	height: 134px;
   background: url(logo.gif) no-repeat top left;
}

h1 {
   font-size: 1em;
}
*/
#patka {
  	position:absolute;
  	bottom:0;
  	left:0;
  	width: 100%;
  	height:52px;
  	
  	text-align: center;
}

#obsah {
	padding-bottom: 28px;
	margin-top:5px;
}

#leve-menu {
  float:left;
  width:180px;
  position:relative;
  z-index:2;
}

#nabidka h3{
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	line-height: 28px;
	padding-left: 12px;
	height: 28px;
	background: url(nabidka-bg.gif) top left repeat-x #0099CC;
}

#zaslani-novinek, #anketa, #napiste-nam,
#online-poradna, #slevy, #topten,#platebni_metody, #slevovy_kupon_kosik {
	position: relative;
	color: #575757;
	font-weight: normal;
	padding: 0 0 12px 12px;
	background: #E1E1E1;
	margin-bottom: 18px;
	padding-top: 28px;
	
}

#zaslani-novinek h3, #anketa h3, #napiste-nam h3,
#online-poradna h3, #slevy h3, #topten h3,#platebni_metody h3, #slevovy_kupon_kosik h3 {
	text-transform: uppercase;
	position: absolute;
	top: 0;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	height: 28px;
	line-height: 36px;
}

#platebni_metody{
  padding-left:0;
  text-align:left;
  border:0px solid green;
  
}

#platebni_metody div{
  text-align:center;
}

#platebni_metody h3{
  /*padding-left: 12px;*/
  border:0px solid red;
  left:0;
  padding:0 0 0 12px;
  margin:0;
  
}

#platebni_metody img{
  margin: 0 0 5px 5px;
}


#zaslani-novinek {
	background: url(zaslani-novinek.gif) top left no-repeat #E1E1E1;
}

#zaslani-novinek p{
	margin-top:5px;
	
}
#zaslani-novinek form{
	margin:0px;
	padding:0px;
	
}
#zaslani-novinek div{
	height:20px;
}
#anketa {
	background: url(anketa.gif) top left no-repeat #E1E1E1;
}

#napiste-nam {
   background: url(napiste-nam.gif) top left no-repeat #E1E1E1;
}

#napiste-nam-neco {
	width: 150px;
	border:1px solid #919191;
}

#online-poradna {
   background: url(online-poradna.gif) top left no-repeat #E1E1E1;
}

#online-poradna a{
   color: #595959;
}

#online-poradna a:hover {
   color: #000000;
}

#slevy, #slevovy_kupon_kosik {
   background: url(slevy.gif) top left no-repeat #E1E1E1;
   text-transform: uppercase;
   font-weight: bold;
}

#platebni_metody {
   background: url(topten.gif) top left no-repeat #E1E1E1;
   text-transform: uppercase;
   font-weight: bold;
}

#topten {
   background: url(topten.gif) top left no-repeat ;
   text-transform: uppercase;
   font-weight: bold;
   color:black;
    padding-left:0;
}

#topten h3{
  padding-left:12px;
}

#anketa p, #online-poradna p, #slevy p, #slevovy_kupon_kosik p{
	margin-top: 12px;
}

.vlozte-udaj {
  width:120px;
  height: 16px;
  vertical-align: top;
  border:1px solid #919191;
  color: #595959;
	font-size: 12px;
	line-height: 17px;
  margin:0px;
  padding:0px;
}

.ok-button {
  	background: url(ok-button.gif) no-repeat #FF6600;
  	width:24px;
  	height:18px;
  	border:0px;
}

#napiste-nam-neco {
	font-size: 12px;
	color: #000000;
}

.vlozte-udaj, .ok-button, #napiste-nam-neco {
	margin-top: 12px;
}

#leve-menu ul {
   list-style-type: none;
   list-style-position: outside;
   line-height:18px;
   _height:10px;   
   background: #000000;
   font-weight: normal;
   margin:0px;
   padding:0px;
   font-size:0px;
}


#leve-menu ul.vnejsi {
   padding-bottom: 4px;
   margin-bottom: 18px;
}


#leve-menu ul a {
   display:block;
   height:18px;
   padding-left: 12px;
	 border-bottom: 1px solid #FFFFFF;
	 font-size: 12px;
	 text-decoration: none;
	 color:#000;
}


#leve-menu a.odkaz-nadkategorie
{
 font-weight:bold;
 height:25px;
 line-height:25px;
 background: #000000;
 color: #FFFFFF;
}

#leve-menu ul a.odkaz-nadkategorie:hover {
  background:#FFCC33;
  color:#000000;
}

#leve-menu ul #nadkategorie-aktivni{
  background:#FFCC33;
  color:#000000;
}

#leve-menu  a.odkaz-kategorie {
 background: #969696;
 font-weight: bold;
 padding-left:20px;
 color:#FFFFFF;
}

#leve-menu  a.odkaz-kategorie:hover {
 color:#000;
 background:#FFCC33;
}

#leve-menu #kategorie-aktivni{
  background:#FFCC33;
  color:#000000;
}


#leve-menu  a.odkaz-podkategorie {
 background: rgb(255,240,182);
 padding-left:40px;
 font-size:11px;
}

#leve-menu  a.odkaz-podkategorie:hover {
 background:#FFCC33;
  color:#000000;
  
}

#leve-menu #podkategorie-aktivni{
  background:#FFCC33;
  color:#000000;
  
}

#leve-menu h4{
  margin:0;
  padding:0;
  height: 28px;
  background: #04a2dc url(menu_prepinac_zarazeni.gif) top left no-repeat;  
  text-transform: uppercase;
	color: #FFFFFF;
	height: 28px;
	position: relative;
	font-size: 12px;
}

#leve-menu h4 a{ /*znacky*/
  
  color: #FFFFFF;
  position: absolute;
  bottom:3px;
  right: 20px;
}

#leve-menu h4 a:hover{ /*znacky*/
  text-decoration: none;
  color: #FFFFFF;
  
}

#leve-menu h4 span{ /*zarazeni*/
  font-weight: bold;  
  position: absolute;
  bottom:3px;
  left: 17px;
}

#modul_zobrazeni_znacek h4{
  margin:0;
  padding:0;
  height: 28px;
  background: #04a2dc url(menu_prepinac_znacky.gif) top left no-repeat;
  text-transform: uppercase;
	color: #FFFFFF;
	height: 28px;
	position: relative;
}

#modul_zobrazeni_znacek h4 a{  /*zarazeni*/  
  color: #FFFFFF;
  position: absolute;
  bottom:3px;
  left: 17px;
  right: auto;
}

#modul_zobrazeni_znacek h4 a:hover{ /*zarazeni*/
  text-decoration: none;
  color: #FFFFFF;  
}

#modul_zobrazeni_znacek h4 span{ /*znacky*/
  font-weight: bold;  
  position: absolute;
  bottom:3px;
  right: 20px;
  left: auto;
}

#modul_zobrazeni_znacek ul {
   list-style-type: none;
   list-style-position: outside;
   line-height:18px;
   _height:10px;   
   background: #FFFFFF;
   font-weight: normal;
   margin:0px;
   padding:0px;
   font-size:0px;
}


#modul_zobrazeni_znacek ul.vnejsi {
   padding-bottom: 4px;
   margin-bottom: 18px;
}


#modul_zobrazeni_znacek ul a {
   display:block;
   height:18px;
   padding-left: 12px;
	 border-bottom: 1px solid #FFFFFF;
	 font-size: 12px;
	 text-decoration: none;
	 color:#000;
	 font-weight:bold;
  height:25px;
  line-height:25px;
  background: #000;
  color: #fff;
}

#modul_zobrazeni_znacek ul a:hover {
  color:#000;
 background:#FFCC33;
}

#modul_zobrazeni_znacek ul #vybrana_znacka {
  color:#000;
 background:#FFCC33;
}
 

#prave-menu {
	float:right;
	width:180px;
	position:relative;
	background: #FFFFFF;
	z-index:2;
}

#prihlaseni {
	position: relative;
	color: #FFFFFF;
	/*padding-bottom: 20px;*/
	min-height:155px;
  _height:155px;
  margin-bottom: 5px;
}

#prihlaseni label{
  font-size:12px;
}

#prihlaseni p{
	color:white;
}


#prihlaseni h3 {
   color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	text-align:center;
	line-height: 28px;
	height: 28px;
 	background: url(nabidka-bg.gif) top left repeat-x #0099CC;
}

#prihlaseni-middle {
	/*background: #03C3F2 url(prihlaseni-bg.gif) bottom right repeat-x;*/
	color: #000;
	padding: 20px 350px 20px 0;
	text-align: right;
	height: 90px;
	border:1px solid black;
}

.prihlaseni-udaj {
	width: 120px;
	font-size: 12px;
	color: #000000;
	margin-bottom: 3px;
}

.prihlaseni-button {
  	background: url(prihlaseni-button-bg.gif) top left repeat-x #FF6600;
  	padding: 1px 0;
  	width:72px;
  	font-size: 12px;
  	color: #FFFFFF;
  	border:1px solid #FFFFFF;
  	margin: 3px 25px 0 0;
  	cursor:pointer;
}

a.prihlaseni-button{
 display:block;
 width:70px;
 _width:72px;
 float:right;
 text-align:center;
 text-decoration: none;
 
 color:#fff;
}

a.prihlaseni-button:hover {
 color:#fff;
}

#prihlaseni-nakup-cena {
	background: #FFD52E;
	color: #000;
	padding: 0 8px;
	font-size:12px;
	line-height: 17px;
	text-align: right;
	position: relative;
	/*_top:-3px;*/
  clear:both;
  min-height: 20px;
  _height:17px;
}

#prihlaseni-nakup-cena strong {
	font-size:14px;
}

#kosik {
	position: absolute;
	display: block;
  cursor: pointer;
 	top:-23px;
	right:125px;
	background: url(kosik.gif) top left no-repeat #FFD52E;
   width: 44px;
   height: 24px;
}

#prave-menu  #heureka
{
margin: 15px 0;
    padding: 0 0 0 10px;
}

#akcni-balicky, #akcni-zbozi, #bannery {
	color: #FFFFFF;
	text-align: center;
}

#akcni-balicky h3, #akcni-zbozi h3, #bannery h3 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	line-height: 28px;
	height: 28px;
   background: url(akcni-balicky.gif) top left no-repeat #0099CC;
}

#akcni-balicky {
 	padding-bottom:12px;
}

#akcni-zbozi, #bannery {
	margin-bottom: 18px;
	padding-bottom: 0;
}

#akcni-zbozi h3, #bannery h3 {
	background: url(nabidka-bg.gif) top left repeat-x #0099CC;
}

#akcni-zbozi{
  height: 278px;
  float:right;
  width:810px;
  overflow:hidden;
  margin: 40px 0px 0 0px;
  
}

.akcni-zbozi-polozka {
	float: left;
	_display:inline;
	padding: 6px;	
	margin: 3px;
	width:250px;
	height:200px;
	color: #575757;
	font-weight: bold;
	text-align: left;
	border: 1px solid #919191;
}

.akcni-zbozi-polozka .foto{
  border:1px solid red;
  display:block;
  text-align:center;
  margin:0 auto;
  padding:0;
  width:200px;
  height: 100px;
  border:0px solid red;
  overflow:hidden;
}

.akcni-zbozi-polozka .nadpis{
  border:1px solid red;
  display:block;
  /*text-align:left;*/
  margin:0 0;
  padding:0;  
  height: 15px;
  line-height:15px;
  border:0px solid red;
  overflow:hidden;
}

.akcni-zbozi-polozka .popis{
  border:1px solid red;
  display:block;
  /*text-align:left;*/
  margin:0 0;
  padding:0;  
  height: 60px;
  line-height:15px;
  border:0px solid red;
  overflow:hidden;
}


.akcni-zbozi-polozka .cena {
	float:left;
  height:20px;
  width:145px;
  line-height:20px;
  background-color:#FFF0B6;
  font-weight:bold;
  text-align:left;
  border:1px solid #FF7200;
  margin-bottom:5px;
  margin-top:5px;
  text-align:center;
  overflow:hidden;
}
.akcni-zbozi-polozka .cena span{
  margin-left:3px;
  font-weight:normal;
}

.akcni-zbozi-polozka .cena b{
  margin-right:3px;
  font-weight:;
  color:red;
}

.akcni-zbozi-polozka .formular_kosik{
  float:right;
  width:100px;
  height:19px;
  border:0px solid red;
  overflow:hidden;
  margin:6px 0 0 0;
  padding:0;
  position:relative;
}

.akcni-zbozi-polozka .kusu_zbozi{
  position:absolute;
  top:0;
  right:55px;
  width:40px;
  height:17px;
  line-height:17px;
  text-align:center;
  border:1px solid #919191;
}

.akcni-zbozi-polozka .submit{
  position:absolute;
  top:0;
  right:0;
  height: 19px;
  line-height:19px;
  background: #ff7200 url('koupit.jpg') top left repeat-x;
  color: #fff;
  font-size:0px;  
  border:0;  
  width: 50px;
  vertical-align: middle;
  cursor:pointer;
}

.akcni-zbozi-polozka p {
	text-transform: uppercase;
	font-weight: normal;
}

.akcni-zbozi-polozka img {
	margin: 0 auto;
	border: 0px solid red;
}


.kos_prislusenstvi{
  height: 19px;
  line-height:19px;
  background: #ff7200 url('koupit.jpg') top left repeat-x;
  color: #fff;
  font-size:0px;  
  border:0;  
  width: 50px;
  vertical-align: middle;
  cursor:pointer;
}

.ok-button-2 {
  	background: url(ok-button-2.gif) no-repeat #FF6600;
  	width:22px;
  	height:18px;
  	vertical-align: top;
  	cursor:pointer;
  	border:0px;
}

#bannery img {
	border: 1px solid #919191;
}

#vycpavka-des {
  width: 1000px;
  font-size:0;
  height:0px;
  margin:0;
  padding:0 0 1px 0;
  clear:both;
}

#stred {
	position: relative;
	margin: 0 0 0 190px;
	
	border-top: 5px solid #E1E1E1;
}

.stred-left, .stred-right {
	float: left;
	width: 45%;
  	background: #FFFFFF;
  	position: relative;
  	margin-bottom: 26px;
}

.vyrovnavac {
	background: red;
}

.stred-right {
	float: right;
}

.stred-left h4, .stred-right h4 {
	color: #000000;
	font-size: 12px;
   text-transform: uppercase;
   margin: 18px 0 10px;
   padding-left: 17px;
   background: url(stred-odrazka.gif) left center no-repeat #FFFFFF;
}

.produkt-foto {
  	float:left;
	padding: 6px;
	border: 1px solid #E1E1E1;
	margin-right: 8px;
}

.koupit-cena {
	clear: both;
	padding: 6px 0;
	border-bottom: 2px solid #E1E1E1;
	position: relative;
}

.koupit-cena div {
	position: absolute;
	top:6px;
	right: 8px;
	color: #A7A7A7;
}

.koupit-cena strong {
	color: #000000;
}

.ok-button-3 {
  	background: url(ok-button-3.gif) no-repeat #FF6600;
  	width:27px;
  	height:18px;
  	vertical-align: top;
  	border:0px solid white;
}

#patka {
	position:absolute;
  	bottom:0;
  	left:0;
  	height: 28px;
  	width: 100%;
  	
  	background: #FFFFFF;
  	text-align: center;
}

#top-spodek .vyhledavani {
  float:left;
  _display:inline;
  height:24px;
  
  border:0px solid red;
  overflow:hidden;
  margin:0 10px;
  padding:0;
}
#top-spodek .vyhledavani div{ 
 margin: 0; 
 height:24px;
 overflow:hidden;
 /*vertical-align: middle;*/
}/*
#top-spodek .vyhledavani span
{
 margin-right: 5px;
 margin-bottom:4px;
 _display:block;
 _float:left;
 _margin-top:5px;
 _margin-left: 10px;
 color:black;
 
} */

#top-spodek .vyhledavani .vyhledavani-text {

 margin:4px 0 0 0;
 padding:0 5px;
 width:158px;
 height:14px;
 font-size:11px;
 color:#000;
 
 border:1px solid #A3A19C;
 float:left;
 _display:inline;
 
}

#top-spodek .vyhledavani .vyhledavani-submit {
 
  background:#FFCC00 url(horni_lista_bg_zvyrazni.png) top left repeat-x;
 
  height:16px;
  line-height:16px;  
  font-size:12px;
  font-weight:normal;
  text-decoration:none;  
  text-transform: uppercase;
  cursor: pointer;
  margin: 4px 0 0 2px;
  padding:0px 5px 1px;
  -moz-font-size:11px;
  
  color:#000;
  float:left;
  border:0px solid red;  
  display:inline;
  
  
}

/* **************************** */

#lista, #produkty-znacky , #prepinac-tabulka-podrobne {
 width:auto;
}

#lista{
  text-align:left;
  background: url(stred-odrazka.gif) center left no-repeat;
  padding-left:20px;
  margin-top: 10px;
  text-transform:uppercase;
}
.vyhledavani
{
float:left;
margin-top:3px;
margin-right:10px;
}
.vyhledavani span {
 font-size:12px;
 font-weight:bold;
padding-bottom:5px;
}
/*
.vyhledavani .vyhledavani-submit {
 border:1px solid #fff;
}
*/
span.horni_lista_oddelovac{
  _display:inline;
  float:left;
  height:24px;
  width:4px;
  overflow:hidden;
  background: #000 url(horni_lista_oddelovac.png) top left no-repeat;
  border:0px solid red;
  margin:0;
  padding:0;
}

a.horni_lista{ /*definice odkazu v horni liste*/
  height:16px;
  line-height:16px;  
  font-size:12px;
  font-weight:normal;
  text-decoration:none;
  color:white;
  text-transform: uppercase;
  float:left;
  _display:inline;
  margin: 4px 0 0 0;
  padding:0 5px;
  border:0px solid red;
}

a.horni_lista:hover{ /*definice odkazu v horni liste*/
  color:black;
  background:#CACACA;
  text-decoration:none;
}

#horni_lista_aktivni{
  color:black;
  background:#CACACA;
  text-decoration:none;
}

a.odkaz_horni_lista_zvyrazni{
  background: #FFCC00 url(horni_lista_bg_zvyrazni.png) top left repeat-x;
  color:#000;
  margin: 4px 0 0 5px;
}

a.odkaz_horni_lista_zvyrazni:hover{
  color:#000 ;
}

#horni_lista_prihlaseni{
  background: #FFCC00 url(horni_lista_bg_zvyrazni.png) top left repeat-x;
  color:#000;
  /*margin: 4px 0 0 5px;*/
  position:absolute;
  top: 0px;
  right:64px;
  border:0px solid red;
}

#horni_lista_kosik{
  background: #FFCC00 url(horni_lista_bg_zvyrazni.png) top left repeat-x;
  color:#000;
  /*margin: 4px 0 0 5px;*/
  position:absolute;
  top: 0px;
  right:10px;
  border:0px solid red;
}

.text-stred{
  text-align:center;
}
table
{
border:0px;
}

.generovany-seznam-kategorie
{
border:1px solid #CE2C01;
width:190px;
height:200px;
float:left;
margin-left:5px;
margin-right:5px;
margin-top:20px;
position:relative;
}
.generovany-seznam-kategorie .nadpis
{
width:180px;
_width:190px;
height:25px;
line-height:25px;
font-weight:bold;
margin-bottom:5px;
font-size:12px;
padding-left:10px;
background:#FFF0B6;
color:black;
}
.generovany-seznam-kategorie .nadpis a
{
color:black;
text-decoration:none;
}
.generovany-seznam-kategorie .nadpis a:hover
{
color:black;
text-decoration:underline;
}
.generovany-seznam-kategorie .obr_nahled
{
border:0px;
text-align:center;
margin:auto;
}
.generovany-seznam-kategorie .obr_nahled img
{
border:0px;

}
#div_formular_kosik .n
{
display:block;
width:200px;
height:25px;
line-height:25px;
background-color : #DDDBDB;;
margin-top:10px;
color:#000;
text-align:center;
font-size:12px;
margin-left:1px;
font-weight:bold;
}
.onlytext img
{
border:0px;

}
.onlytext ul
{

}
.onlytext li
{

}

#formular-objednavka-tabulka input{
  margin-bottom: 5px;
  margin-right: 10px;
}
-->