<!--

* {
  	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: url(lista.png) top right no-repeat;
  	height: 29px;
  	margin:0;
    padding:0;
}

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

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

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

#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: #FFFFFF;
   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: #FFCC33;
 color: #000000;
}

#leve-menu ul a.odkaz-nadkategorie:hover {
   color: #0099CC;
   color:#FFF;
   background:rgb(206,44,1);
}

#leve-menu  a.odkaz-kategorie {
 background: rgb(255,240,182);
 font-weight: bold;
 padding-left:20px;
}

#leve-menu  a.odkaz-kategorie:hover {
 color:#F00;
}


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

#leve-menu  a.odkaz-podkategorie:hover {
 color:#F00;
}

#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: #FFCC33;
  color: #000000;
}

#modul_zobrazeni_znacek ul a:hover {
  color: #0099CC;
  color:#FFF;
  background:rgb(206,44,1);
}


#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: #FFFFFF;
	padding: 8px 8px 8px 0;
	text-align: right;
	height: 125px;
	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-top: 3px;
  	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;
}

#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-polozka {
	border: 1px solid #919191;
	text-align: left;
	padding: 6px;
	color: #575757;
	font-weight: bold;
	margin-bottom: 4px;
}
.akcni-zbozi-polozka .cena {
	width:165px;
height:20px;
line-height:20px;
background-color:#FFF0B6;
float:right;
_float:none;
text-align:left;
border:1px solid #FF7200;
margin-bottom:5px;
margin-top:5px;
}
.akcni-zbozi-polozka .cena span{
margin-left:10px;
font-weight:normal;
}
.akcni-zbozi-polozka .input-submit, .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;
}

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

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

.akcni-zbozi-polozka .kolik {
	text-align: right;
}

.akcni-zbozi-polozka .kolik img{
	vertical-align: middle;
	margin:0;
	
}

.akcni-zbozi-polozka .kolik-zbozi {
 width:20px;
 border:2px solid #cacaca;
 height:15px;
 line-height:15px;
 text-align:center;
 color:#888;
 vertical-align: middle;
}

.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 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 {
 display: inline;

 height:25px;
 
 color:#fff;
 
}
#top-spodek .vyhledavani div{
 display: inline;
 margin: 5px 0 0 5px; 
 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-submit {
 margin-left: 10px;
 margin-right: 55px;
 _ margin-right: 35px;
 background: url(prihlaseni-button-bg.gif) top left repeat-x rgb(255,102,0);
 width:27px;
 height:20px;
 
 color:#fff;
 cursor: pointer;
}

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

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

a.horni_lista{ /*definice odkazu v horni liste*/
  height:25px;
  line-height:25px;
  margin-right:12px;
  font-size:15px;  
  margin-top:1px;
  font-weight:bold;
  text-decoration:none;
  color:white;
  display:block;
  float:left;
  
}

a.horni_lista:hover{ /*definice odkazu v horni liste*/
  color:white;
  text-decoration:underline;
}


.text-stred{
  text-align:center;
}
table
{
border:0px;
}
.generovany-seznam-kategorie
{
border:1px solid #CE2C01;
width:180px;
height:200px;
float:left;
margin-left:5px;
margin-right:5px;
margin-top:20px;
position:relative;
}
.generovany-seznam-kategorie .nadpis
{
width:170px;
_width:180px;
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;
}
-->