<!--
/*
css co se tyka zobrazovani kostry stranky, obou menu, hlavicky, 
paticky a stredu stranky, pokud se tam nezobrazuje shop

  -------------- tykajici se kostry stranky ---------------
*/

html,body {
  	height:100%;
  	margin:0;
  	padding:0;
}

/** {
  border:1px solid red; 
}*/

body {
  	min-width: 1200px;
  	background: #fff;
  	font-weight: normal;
  	font-size: 11px;
  	font-family: Arial, verdana, Helvetica, sans-serif;
  	position: relative;
  	padding: 0;
  	margin:0;
    text-align:left;  
    /*_border:1px solid blue;*/	
    
    /*_width:expression(document.body.clientWidth < 1200? "1200px": document.body.clientWidth+"px");*/

}

#stranka {
  	position:relative; /* kvuli absolutne pozicovane patce */
  	background: #fff;
  	text-align:left;
    min-width:1200px;    
    margin:0;
    padding:0;
    /*_border: 1px solid red;*/
    /*
     minwidth stranky 
     - musi se nastavovat pro celou stranku kvuli floatujicim menu
     - pri fixni sirce upravit hodnotu (1000 v nasledujicich radcich, 1020 je kvuli posuvniku)
     - pokud chceme pevnou sirku je potreba zakomentovat/resp upravit hodnoty
     */
   /*_width: 1200px;  pro IE s vypnutym js */
   /*_width:expression(document.body.clientWidth < 1200? "1200px": document.body.clientWidth+"px");  min-width hack pro IE */
   
   
   /* hratky s vyskou kvuli paticce a IE */
   height:100%; /* pro IE */
}

body>#stranka { /* pro Operu, Mozillu a dalsi inteligentni prohlizece */
   height:auto;
   min-height:100%;
}

#top {
	text-align:left;
  vertical-align: top;
  padding: 92px 198px 0px 198px;  
  background: #cee9fb url(top_bg.gif) top left repeat-x;
  position: relative;
  margin: 0;
  min-height:26px;  
  _height: 26px;  
  border-bottom: 1px solid white;
}

#top #logo {
	position: absolute;
	top: 46px;
	left:0;
  width: 181px;
	height: 52px;
  background: url(logo.gif) no-repeat top left;
  margin:0;
  padding:0;
}

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

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

#top #lista_partneri{
  position: absolute;
  top:0;
  left:285px;
  width: 740px;
  height:85px;
  border: 0px solid black;  
}

#top #lista_partneri a{
  float:left;
  _display: inline;
  min-width: 70px;
  _width: 70px; 
  height: 12px;
  line-height: 11px;
  font-size: 11px;
  padding: 6px 10px 66px 10px;
  margin:0;
  color: white;
  text-transform: uppercase;
  text-align: center;
  border:0px solid red;
  white-space: nowrap;
}

/*#top #lista_partneri a{
  background: url(lista_partneri/lista_partneri_default.png) top left no-repeat;  
}*/
#top #lista_partneri a:hover{
  background: url(lista_partneri/lista_partneri_default_hover.png) top left no-repeat;  
}

#top #lista_partneri #lista_partneri_elektro{
  background: url(lista_partneri/lista_partneri_elektro.png) top left no-repeat;  
}
#top #lista_partneri #lista_partneri_elektro:hover{
  background: url(lista_partneri/lista_partneri_elektro_hover.png) top left no-repeat;  
}

#top #lista_partneri #lista_partneri_videomarket{
  background: url(lista_partneri/lista_partneri_videomarket.png) top left no-repeat;  
}
#top #lista_partneri #lista_partneri_videomarket:hover{
  background: url(lista_partneri/lista_partneri_videomarket_hover.png) top left no-repeat;  
}

#top #lista_partneri #lista_partneri_prodejna{
  background: url(lista_partneri/lista_partneri_prodejna.png) top left no-repeat;  
}
#top #lista_partneri #lista_partneri_prodejna:hover{
  background: url(lista_partneri/lista_partneri_prodejna_hover.png) top left no-repeat;  
}

#top #lista_partneri #lista_partneri_market{
  background: url(lista_partneri/lista_partneri_market.png) top left no-repeat;  
}
#top #lista_partneri #lista_partneri_market:hover{
  background: url(lista_partneri/lista_partneri_market_hover.png) top left no-repeat;  
}
/*
#top #lista_partneri #lista_partneri_hrnce{
  background: url(lista_partneri/lista_partneri_hrnce.png) top left no-repeat;  
}
#top #lista_partneri #lista_partneri_hrnce:hover{
  background: url(lista_partneri/lista_partneri_hrnce_hover.png) top left no-repeat;  
}*/

#top #lista_partneri #lista_partneri_hudba{
  background: url(lista_partneri/lista_partneri_hudba.png) top left no-repeat;  
}
#top #lista_partneri #lista_partneri_hudba:hover{
  background: url(lista_partneri/lista_partneri_hudba_hover.png) top left no-repeat;  
}
/*
#top #lista_partneri #lista_partneri_knihy{
  background: url(lista_partneri/lista_partneri_knihy.png) top left no-repeat;  
}
#top #lista_partneri #lista_partneri_knihy:hover{
  background: url(lista_partneri/lista_partneri_knihy_hover.png) top left no-repeat;  
}
*/
#top #kosik_list{
  position: absolute;
  right: 0;
  top: 55px;
  width: 160px;
  min-height:40px;
  _height: 40px; 
  background: url(kosik_list_bg.png) left top no-repeat;
  /*border: 1px solid red;*/
}

#kosik_list h3{
  display: none;
}

#kosik_list div{
  font-weight: bold;
  margin: 0 0 0 50px;
}

#top_prihlaseni{
  position:absolute;
  bottom:0;
  right:0;
  width: 160px;
  height: 20px;
}

#top_prihlaseni .prihlaseni{
  color: red;
  font-weight: bold;
}

#top_prihlaseni .registrace{
  color: #167DB0;
  font-weight: bold;
}

#kosik_list .kosik_list_button{   
  display: block;
  height: 17px;
  width: 67px;
  font-weight: normal;
  background: #ff1a00 url(kosik_list_button_bg.png) top left no-repeat;
  color: white;
  margin: 5px 0 0 0;
  padding: 5px 7px 0 7px;
  font-size: 11px;
  line-height: 11px;
  cursor: pointer;
  text-decoration: none;
}

#top #lista_zalozky{  
  &min-width: 804px;
  _width: 804px;
  &overflow:hidden;
  &margin-bottom:-3px;
}

#top #lista_zalozky a{
  float: left;
  _display: inline;
  height: 26px;
  line-height: 26px;
  background: #ff1a00 url(lista_zalozky_zacatek.gif) left top no-repeat;
  margin: 1px 1px 0 0;
  padding: 0 0 0 3px;
  font-weight: bold;
  text-decoration: none;
  color: white;
  position: relative;
  white-space: nowrap;
  cursor: pointer;
}

#top #lista_zalozky a span{
  float: left;
  _display: inline;
  margin:0;
  width: auto;
  padding:0 14px;
  height: 26px;
  line-height: 26px;
  background: #ff1a00 url(lista_zalozky_stred.gif) left top repeat-x;
  _border-right: 1px solid #cee9fb;
  white-space: nowrap;
}

#top #lista_zalozky a span.roh_zalozky{
  position: absolute;
  top:0;
  right:0;
  width: 4px;  
  height: 26px;  
  line-height: 26px;
  background: #ff1a00 url(lista_zalozky_konec.gif) right top no-repeat;
  margin:0;
  padding:0;
  border:0;
  /*visibility: hidden;*/
}

#top #lista_zalozky a:hover{
  text-decoration: underline;
}

/*#obal_pro_natahovani_vIE6{
  _width:100%;
  _border: 1px solid green;
}

#vycpavka-des2 {
  display:none;
  _display:block;
  _width: 1198px;
  _font-size:0;
  _margin:0;
  _padding:0 0 1px 0;  
  _border: 1px solid black;
}
*/
#horni_menu{
  min-height:27px;
  _height:27px;
  background: url(horni_menu_bg.gif) left top repeat;
  border-bottom: 1px solid #cccccc;
  padding: 0 0 0 198px;  
}

#horni_menu a{
  float: left;
  _display: inline;
  height: 27px;
  line-height: 27px;
  margin: 0 20px 0 0;
  padding: 0;
  color: black;
  font-weight: normal;
  text-decoration: none;
}
#horni_menu a:hover{
  color: #d81401;
  font-weight: bold;
  text-decoration: underline;
}

#lista_shop{  
  height:27px;
  line-height: 27px;
  background: #f2f2f2;  
  padding: 0 0 0 198px;
  overflow: hidden;
  
}

#lista_shop a{
  &float:left;
}

#lista_shop .sipka{
  background: url(lista_shop_sipka.gif) center center no-repeat;
  padding-left: 6px;
  margin: 0 6px;
  
  
  &height:27px;
  &line-height: 27px;
  &display:inline;
  &float:left;
}

#stred {
  padding-bottom:50px;
  
}

/* --------------------- leve menu -------------------- */
#leve_menu {
  float:left;
  _display:inline;
  width:188px;
  margin-left: 0px;
  position:relative;
  z-index:2;
  padding:0;
  color:#5a5a5a;
}

#leve_menu h3{  
  width:166px;    
  height: 14px;
  line-height:14px;
  padding:  11px 10px 9px 12px;
  background: url(menu_nadpis.png) no-repeat top left;
  color: #FFFFFF;
  margin: 0 0 1px 0;
  vertical-align: top;  
}

/* ---- shopmenu ---- */
#vyhledavani{
  margin:0;
  padding:0;   
} 
#vyhledavani .stred{		
	height: 36px;	
}

#vyhledavani h3{
	
}

#vyhledavani .submit {
  height: 25px;
  width: 25px;
  background: #5b5a58 url(search_submit.png) top left no-repeat;
  border: 0;
  float: left;
  margin: 5px 0 0 6px;
  cursor: pointer;
}

#vyhledavani input{
  width: 138px;
  height: 23px;
  line-height:23px;
  margin:5px 0 0 0;
  padding:0;
  float: left;
  border:1px solid #c4c4c4;
}

/* kategorie */
#leve_menu ul {
   list-style-type: none;
   line-height:18px;
   margin:0;
   padding:0;
}

#leve_menu .nadkategorie{
  margin:0;
  padding:0; 
  _line-height: 0px;
  _font-size:0;
}

#leve_menu .nadkategorie li{  
  margin:0 0 0px 0;
  padding:0;
  border-bottom: 1px solid white;
  &line-height: 0px;
  &font-size:0;  
}

#leve_menu .nadkategorie li a{
  display:block;
  
  padding: 8px 30px 8px 12px;
  margin:0;
  min-height:12px;
  _height:12px;
  line-height:12px;
  font-size:12px;
  background: #ff1700 url('nadkategorie_bg.gif') 95% 50% no-repeat;
  color: white;
  font-weight: bold;
}

#leve_menu .nadkategorie li a:hover {
  text-decoration: underline;
}

#leve_menu .kategorie {  
  margin: 0 0 0px 0;
  padding:0 0 3px 0;
  border-bottom: 1px solid #b5b5b5; 
  background: #f2f2f2;
  &line-height: 0px;
  &font-size:0;
  &margin-top:-2px;
}

#leve_menu .kategorie li {  
  margin:0 0 0px 0;
  padding:0; 
  _line-height: 0px;
  _font-size:0;
  border:0;
}

#leve_menu .kategorie li a {
  display:block;
  padding: 6px 30px 6px 12px;
  background: #f2f2f2;
  color: black;
  font-weight: normal;
  margin:0 0 0px 0;
}

#leve_menu .kategorie li a:hover, #leve_menu .kategorie li #kategorie-aktivni{
  color: #ff1700;
  text-decoration:underline;
}

#leve_menu .podkategorie {  
  padding:0;
  margin:0; 
  &line-height: 0px;
  &font-size:0;
  &margin-top:-2px;
}

#leve_menu .podkategorie li {  
  margin:0 0 0px 0;
  padding:0;
  _line-height: 0px;
  _font-size:0;  
}

#leve_menu .podkategorie li a {
  margin:0 0 0px 0;  
  padding-left: 30px;
}

#leve_menu .podkategorie li a:hover, #leve_menu .podkategorie li #podkategorie-aktivni{
  color: #ff1700;
}

#navstivte .stred{
  background: #fff;
  &position:relative; 
  &padding:0; 
  
}

#navstivte a{
  display: block;
  border: 1px solid #dbdbdb;
  margin: 5px 6px;
  background: #eff4f8;
  text-align: center;
  min-height: 48px;
  _height: 20px;
  line-height: 48px; 
  &float:left;
  &width: 158px;  
  &margin: 5px 0px 0px 13px;  
  _display:inline;
}

#navstivte a img{
  _display:block;
  _margin:5px;
  vertical-align: middle;
}

#navstivte br{
  display: none;
}

#navstivte_chyba_v_ie{
  &margin: 10px 0px 0px 13px !important;  
}

/* --------------------- konec leve menu ------------------- */

/* ---------------------    pravé menu   ------------------- */
#prave_menu {
	float:right;
	_display:inline;
	width:190px;
	border: 0px solid black;
	margin:0;
	position:relative;
	background: #FFFFFF;
	z-index:2;
	padding:0;
}
#prave_menu h3{  
  /*width:166px;  */  
  height: 14px;
  line-height:14px;
  padding:  11px 10px 9px 12px;
  background: #64b6db url(menu_nadpis.png) no-repeat top left;
  color: #FFFFFF;
  margin: 0 0 1px 0;
  vertical-align: top;
}

#objednavka_telefonem .stred{
  background:#f2f2f2 url(objednavka_telefonem_bg.png) right top no-repeat;
  font-weight: bold;
  padding-right: 60px;
  padding-left: 12px;
}

#objednavka_telefonem .stred span{
  color:#ce0100;
}
/*
#akcni_nabidky h3{

}
*/
#akcni_nabidky .stred{
  padding-left: 10px;
  padding-right:10px;
}
#akcni_nabidky .akcni_obsah{  
  position: relative;
  background: #f2f2f2 url(akcni_obsah_bg.gif) center bottom no-repeat;
  min-height:181px;
  _height: 181px;
  text-align: left;
  margin-bottom: 13px;
  padding:0 0 52px 0;  
}

#akcni_nabidky .akcni_obsah .foto_akcni{
  display: block;
  min-height: 103px;
  _height: 98px;
  border: 1px solid #c4c4c4;
  background: #fff;
  text-align: center;
  padding:3px;
}

#akcni_nabidky .akcni_obsah .foto_akcni img{  
  vertical-align: middle;
}

#akcni_nabidky .akcni_obsah h4{  
  margin: 9px 0 7px 5px;
  padding:0;
}

#akcni_nabidky .akcni_obsah h4 a{  
  font-weight: bold;
}

#akcni_nabidky .akcni_obsah p{  
  margin: 0px 0 0px 5px;
  padding:0;
}

#akcni_nabidky .akcni_paticka{
  position: absolute;
  left: 14px;
  bottom: 14px;
  /*border: 1px solid black;*/
  width: 143px;
  height: 31px;
  overflow: hidden;
  padding:0;
  margin:0;
}


#akcni_nabidky .akcni_cena {
  float: left;
  _display: inline;
  margin: 0 !important;
  padding: 0 4px !important;
  height: 31px;
  line-height: 31px;
  width: 100px;
  overflow:hidden;
  /*border: 0px solid red;*/
  background: #fff;
  color: #d50400;
  font-weight: bold;
  text-align: center;
}

#akcni_nabidky .akcni_kosik{
  float: right;
  _display: inline;
  margin: 0;
  padding: 0;
  height: 31px;
  width: 31px;
  overflow:hidden;
  /*border: 0px solid black;*/
}

#akcni_nabidky .akcni_kosik input.kos{
  display: block;
  margin: 0;
  padding: 0;
  height: 31px;
  width: 31px;
  overflow:hidden;
  border: 0;
  background: #d50400 url(submit_button_kosik.png) left top no-repeat;
  cursor: pointer;
}

/* ------------------- konec pravé menu --------------- */

#obsah {
	margin: 0 198px;
	/*position:relative;*/
	padding: 8px 0 0 0;
	/*background: #FAA; /* pro ucely testovani */
}

#vycpavka-des {
  width: 1198px;
  font-size:0;
  margin:0;
  padding:0 0 1px 0;
  clear:both;
  /*_border: 1px solid black;*/
}

#vycpavka-des2 {
  width: 804px;
  font-size:0;
  margin:0;
  padding:0 0 1px 0;  
  clear:both;
}


/* --------- patka --------- */
#patka {
	  position:absolute;
  	bottom:0;
  	left:0;
  	height: 45px;
  	line-height: 45px;
  	vertical-align: middle;
  	width: 100%;
  	z-index:100;
  	text-align: center;
  	margin:0;padding:0;
  	color: #626262;
  	background: #efefef;    
}

#patka p{
  width: 1200px;
  margin: 0 auto;
}

#patka a{
	  color: #626262;
	  text-decoration: undeline;
}

#patka a:hover{
	  color: #626262;
	  text-decoration: none;
}

#pocitadlo{
  display:none;
}
/* -------------------------------- */

/* --------- formatovani stredu, pokud neobsahuje shop ------- */


.button{
  display: block;
  background: #545963 url('button.png') top left no-repeat;
  height: 24px !important;
  line-height:24px;
  width:100px !important;
  border:0;
  color: white;
  text-align: center;
  cursor: pointer;
}

.button:hover {
  color:#fff;
}

span.modre{
  color: #245177;
  font-size: 17px;
  font-weight: bold;  
}

.form_kosik{  
  width:82px;
  height: 20px;
  line-height: 20px;
  color: #FFFFFF;
}

.form_kosik .detail{
  float:left;
  display:inline;
  background: url(detail.jpg) no-repeat top left;
  padding: 0;
  margin:0;
  height: 20px;
  width: 42px;
  border:0;
  color: #FFFFFF;
}

.form_kosik .kos{
  float:right;
  display:inline;
  background: url(koupit.jpg) no-repeat top left;
  padding: 0;
  margin:0;
  height: 20px;
  width: 40px;
  border:0;
  
  cursor: pointer;
}

/*
#formular-registrace td, #formular-objednavka td {
  padding:3px;
  padding-left:10px;
}

#formular-registrace .povinne, #formular-objednavka .povinne {
  background:#DDDBDB;
}

#formular-objednavka-tabulka td {
  vertical-align:top;
}

#formular-objednavka-tabulka input {
  width:170px;
}

#formular-objednavka-tabulka input.button_zeleny {
  width:100px;
  height: 20px;
}

#formular-objednavka-tabulka .prvni-sloupec {
  width:235px;
}
*/
.stred{
  background: #f2f2f2;
  padding: 8px 8px 8px 8px;
  border:0;
  margin: 0 0 1px 0;
}

.nezobrazovat{
  display: none;
}

.oddelovac_clear{
  width: 1002px;
  height:0px;
  line-height:0;
  font-size:0;
  padding:0;
  margin:0;  
  clear: both;
}

-->