@import url("styly_zaklad.css");

html, body, div, form, img { 
  margin: 0; padding: 0; border: 0; 
}

html, body {
	height: 100%;
}

body {
  font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 80%;	color: #000; text-align: left; background: #473935;
}

#kontejner {
	position: relative; width: 950px; margin: auto; padding: 0 8px 0 9px;
	background: white;
}

#zahlavi {
	position: relative; width: 950px; height: 119px;
}

#telo_leve {
	position: relative; width: 190px; float: left; margin-bottom: 5px;
}

.hlavni_strana #telo_leve {
  width: 710px; margin-top: 22px;
}

#telo_prave {
	position: relative; width: 720px; float: right; margin-bottom: 5px;
}

.hlavni_strana #telo_prave {
  width: 240px; margin: 22px -10px 5px 0; _margin-right: -5px; overflow: hidden; 
}

.hlavni_strana #telo_prave a {
  float: left; 
}

.hlavni_strana #telo_prave img {
  position: relative;  float: left; margin: 0 10px 10px 0;
}

.hlavni_strana #telo_prave a img {
  position: relative;  float: none; 
}

#zapati {
	position: relative; width: 967px; margin: auto;
}

#logo {
  position: absolute; width: 129px; height: 62px; left: 11px; top: 11px;
}

#znacky_obuvi {
  position: absolute; width: 190px; height: 29px; left: 0; top: 90px;
}

#zahlavi_pozadi {
  position: absolute; width: 621px; height: 85px; left: 329px; top: 0;
  background: white url('img/hlavicka_pozadi.gif') right top repeat-y;
}

#velkoobchod_s_obuvi {
  position: absolute; width: 339px; height: 22px; left: 233px; top: 31px;
}

#obsah_levy {
  position: relative; float: left; width: 480px;
}

#obsah_levy_detail {
  position: relative; float: left; width: 408px; padding: 17px 36px;
}

#obsah_pravy {
  position: relative; float: right; width: 231px; /*margin-top: 1px;*/
}

#telo_prave .obsah_pravy_sirsi {
  width: 240px; margin-right: -10px;
}


/*** zapati ***/
#zapati_kontejner {
	position: relative; width: 967px; margin: auto; padding: 7px 0 1px 0;
}

#zapati_kontejner p {
  color: #cecaba; line-height: 160%;
}

#zapati_kontejner a {
  color: #cecaba;
}

#zapati_kontejner p#zapati_leve {
  float: left;
}

#zapati_kontejner p#zapati_prave {
  float: right;
}

/*** horni menu ***/
#menu_horni_vlevo {
  position: absolute; width: 229px; height: 33px; left: 0; top: 86px;
  background: transparent url('img/menu_horni/pozadi.gif') left top repeat-x;
}

#menu_horni {
  z-index: 1;
  position: absolute; width: 720px; /*height: 45px;*/ left: 230px; /*top: 74px;*/ bottom: 0; _bottom: -1px; margin: 0; padding: 0;
  background: transparent url('img/menu_horni/pozadi.gif') left 12px repeat-x;
}

#menu_horni li {
  position: relative; float: left; display: block; padding: 0; margin: 0; padding-right: 1px;
  list-style-type: none; line-height: normal;
  background: transparent url('img/menu_horni/polozka_prava_strana.gif') right 12px no-repeat;
}

#menu_horni li.vybrano {
  padding-right: 0;
  background: transparent url('img/menu_horni/polozka_vybrano_leva_strana.gif') left top no-repeat;
}

#menu_horni li.sms_soutez {
  padding-right: 0;
  background: transparent url('img/menu_horni/polozka_sms_leva_strana.gif') left top no-repeat;
}

#menu_horni li a {
  display: block; padding:0 7px 0 7px;  margin: 0;
  color: white; font-weight: bold; font-size: 1.2em; text-decoration: none;
  background: transparent url('img/menu_horni/pozadi.gif') left 12px repeat-x;
}

#menu_horni li.sms_soutez a {
  background: transparent url('img/menu_horni/pozadi_sms_soutez.gif') left 12px repeat-x;
}

#menu_horni li a:hover {
  background: transparent url('img/menu_horni/polozka_hover.gif') left 12px repeat-x;
}

#menu_horni li.vybrano a, #menu_horni li.vybrano a:hover {
  background: transparent url('img/menu_horni/polozka_vybrano_prava_stran.gif') right top no-repeat;
}

#menu_horni li.sms_soutez a, #menu_horni li.sms_soutez a:hover {
  background: transparent url('img/menu_horni/polozka_sms_prava_stran.gif') right top no-repeat;
}

#menu_horni li.sms_soutez a:hover {
  color: #473935;
}

#menu_horni li a span {
  position: relative; display: block; padding: 20px 5px 7px 6px;
}

#menu_horni li.vybrano a span {
  padding: 20px 6px 7px 6px;
  background: #fe5a04 url('img/menu_horni/polozka_vybrano.gif') left top repeat-x;
}

#menu_horni li.sms_soutez a span {
  padding: 20px 6px 7px 6px;
  background: #df0b79 url('img/menu_horni/polozka_sms.gif') left top repeat-x;
}


/*** leve menu ***/
#menu_leve {
  margin: 15px 0 8px 0; padding: 0; 
  background: #dadacd url('img/menu_leve/pozadi.gif') left top repeat-y;
}

#menu_leve li {
  padding: 1px 0 0 0; margin: 0;
  font-weight: bold; font-size: 1.10em; color: #544540; list-style-type: none; line-height: normal;
}

#menu_leve li.prvni {
  padding: 0; background: transparent none;
}

#menu_leve li.posledni {
  background: transparent none;
}

#menu_leve li.vybrano_prvni {
  padding: 0; background: transparent none;
}

#menu_leve li a {
  display: block; _height: 1.15em; /*height: 16px;*/ padding: 5px 11px 4px 11px; margin: 0;
  color: #544540; text-decoration: none;
  background: #f9f8f6 url('img/menu_leve/polozka_odkaz.gif') left top repeat-y;
}

#menu_leve li.prvni a {
  /*height: 17px;*/ padding: 6px 11px 5px 11px;
  background: #f9f8f6 url('img/menu_leve/polozka_prvni.gif') left top no-repeat;
}

#menu_leve li.posledni a {
  /*height: 21px; padding: 5px 11px 4px 11px;*/ padding: 5px 11px 8px 11px;
  /*background: #f9f8f6 url('img/menu_leve/polozka_posledni.gif') left top no-repeat;*/
  background: #f9f8f6 url('img/menu_leve/polozka_posledni.gif') left bottom no-repeat;
}

#menu_leve li a:hover {
  color: #fffefe;
  background: #473935 url('img/menu_leve/polozka_hover.gif') left top no-repeat;
}

#menu_leve li.prvni a:hover {
  color: #fffefe;
  background: #473935 url('img/menu_leve/polozka_prvni_hover.gif') left top no-repeat;
}

#menu_leve li.posledni a:hover {
  color: #fffefe;
  background: #67544f url('img/menu_leve/polozka_posledni_hover.gif') left bottom no-repeat;
}

#menu_leve li.vybrano a, #menu_leve li.vybrano a:hover {
  color: white;
  background: #fe4b06 url('img/menu_leve/polozka_vybrano.gif') left top repeat-x;
}

#menu_leve li.vybrano_prvni a, #menu_leve li.vybrano_prvni a:hover {
  background: #fe4b06 url('img/menu_leve/polozka_prvni_vybrano.gif') left top no-repeat;
}

#menu_leve li.vybrano_posledni a, #menu_leve li.vybrano_posledni a:hover {
  padding: 5px 11px 8px 11px;
  background: #fe4b06 url('img/menu_leve/polozka_posledni_vybrano.gif') left top no-repeat;
}

/*** leve menu - druha uroven ***/
#menu_leve li ul {
  padding: 1px 0 0 0; margin: 0;
  background: transparent url('img/menu_leve/pozadi.gif') left top repeat-x;
}

#menu_leve li ul li {
  padding: 0; margin: 0;
  font-size: 1em; line-height: normal;
}

#menu_leve li ul li.vybrano {
  background: transparent none;
}

#menu_leve li.vybrano ul li a {
  padding: 3px 11px 4px 34px;
  color: #fe4d06; text-decoration: underline; font-weight: normal;
  background: #f9f8f6 url('img/menu_leve/polozka_odkaz.gif') left top repeat-y;
}

#menu_leve li.vybrano ul li a:hover {
  color: #473935;
  background: #f9f8f6 url('img/menu_leve/polozka_odkaz.gif') left top repeat-y;
}

#menu_leve li ul li.vybrano a, #menu_leve li ul li.vybrano a:hover {
  padding-left: 32px;
  color: #fe4d06; font-weight: bold; text-decoration: none;
  background: #f9f8f6 url('img/menu_leve/druha_uroven_polozka_vybran.gif') left -3px no-repeat;
}

#menu_leve li.vybrano_posledni_podmenu ul li.posledni_v_podmenu a, #menu_leve li.vybrano_posledni_podmenu ul li.posledni_v_podmenu a:hover {
  padding-bottom: 8px;
  /*padding: 3px 11px 4px 34px; height: 20px;*/
  background: transparent url('img/menu_leve/polozka_posledni.gif') left bottom no-repeat;
}

#menu_leve li.vybrano_posledni_podmenu ul li.vybrano_posledni_v_podmenu a, #menu_leve li.vybrano_posledni_podmenu ul li.vybrano_posledni_v_podmenu a:hover {
  padding-bottom: 8px;
  /*padding: 3px 11px 4px 34px; height: 20px;*/
  background: transparent url('img/menu_leve/druha_uroven_polozka_poslvy.gif') left bottom no-repeat;
}

/*** leve menu treti uroven ***/
#menu_leve li ul li ul {
  padding: 0;
  background: transparent url('img/menu_leve/polozka_odkaz.gif') left top repeat-y;
}

#menu_leve li ul li.vybrano ul li {
  font-size: 0.85em;
}

#menu_leve li ul li.vybrano ul li a, #menu_leve li ul li.vybrano ul li a:hover {
  padding: 2px 11px 3px 46px;
  color: #544540; font-weight: normal; background: transparent none;
}

#menu_leve li ul li.vybrano ul li a:hover {
  color: #fe4d06;
}

#menu_leve li ul li.vybrano ul li.vybrano a {
  padding-left: 45px;
  color: #544540; font-weight: bold;
  background: transparent none;
}

#menu_leve li.vybrano_posledni_podmenu ul li.vybrano ul li.posledni a {
  padding-bottom: 8px;
  background: transparent url('img/menu_leve/polozka_posledni.gif') left bottom no-repeat;
}

#cesta {
  margin: 1.2em 0 0.5em 2px;
  font-size: 0.85em; color: #ec1a34;
}

#cesta a, #cesta strong {
  color: #ec1a34;
}

#cesta a:hover {
  color: #473935;
}

div.mapa_uroven1 a {
  font-weight: bold;
}

div.mapa_uroven2 {
  padding-left: 25px;
  background: url('img/ikonky/mapa_sipka.gif') 5px 0.1em no-repeat;
}
  
div.mapa_uroven3 {
  padding-left: 50px;
  background: url('img/ikonky/mapa_sipka.gif') 30px 0.1em no-repeat;
}

div.mapa_uroven4 {
  padding-left: 75px;
  background: url('img/ikonky/mapa_sipka.gif') 55px 0.1em no-repeat;
}

div.mapa_uroven5 {
  padding-left: 100px;
  background: url('img/ikonky/mapa_sipka.gif') 80px 0.1em no-repeat;
}

div.mapa_uroven6 {
  padding-left: 125px;
  background: url('img/ikonky/mapa_sipka.gif') 105px 0.1em no-repeat;
}

.popis_produktu {
  position: relative; padding: 3px 13px 5px 13px; width: 204px;
  background: #f9f8f6 url('img/katalog/popis_produktu_pozadi.gif') left top repeat-y;
}

.popis_produktu_vrch {
  position: relative; height: 4px; width: 230px; overflow: hidden;
  background: #f9f8f6 url('img/katalog/popis_produktu_vrch.gif') left top no-repeat;
}

.popis_produktu_spodek {
  position: relative; height: 4px; width: 230px; overflow: hidden;
  background: #f9f8f6 url('img/katalog/popis_produktu_spodek.gif') left top no-repeat;
}

.popis_produktu p, .popis_produktu strong {
  color: #473935;
}

.ikony_material strong, .ikony_technologie strong  {
  display: block;
}

.ikony_material img {
  float: left; margin: 0 5px 2px 0;
}

.ikony_technologie img {
  float: left; margin: 3px 5px 2px 0;
}


a.rollover_kolekce {
  position: relative; width: 232px; height: 197px; margin-bottom: 10px; display: block; overflow: hidden;
}
  
a.rollover_kolekce .rollover_kolekce_hover {
  position: absolute; left: 0; top: 0; width: 232px; height: 197px;
  background: transparent none left top no-repeat;
  cursor: hand;
}

a.rollover_kolekce:hover .rollover_kolekce_hover {
  background-image: url('img/rollovery/kolekce_hover.gif');
}

a.rollover_prodejni_mista {
  position: relative; width: 232px; height: 100px; margin-bottom: 10px; display: block; overflow: hidden;
}

a.rollover_prodejni_mista .rollover_prodejni_mista_hover {
  position: absolute; left: 0; top: 0; width: 232px; height: 100px;
  background: transparent none left top no-repeat;
  cursor: hand;
}

a.rollover_prodejni_mista:hover .rollover_prodejni_mista_hover {
  background-image: url('img/rollovery/prodejni_mista_hover.gif');
}

a.rollover_velikosti_symboly {
  position: relative; width: 92px; height: 90px; margin-bottom: 10px; display: block; overflow: hidden;
}

a.rollover_velikosti_symboly .rollover_velikosti_symboly_hover {
  position: absolute; left: 0; top: 0; width: 92px; height: 90px;
  background: transparent none left top no-repeat;
  cursor: hand;
}

a.rollover_velikosti_symboly:hover .rollover_velikosti_symboly_hover {
  background-image: url('img/rollovery/velikosti_symboly_hover.gif');
}

a.rollover_velikosti_symboly2 {
  position: relative; width: 110px; height: 108px; display: block; overflow: hidden;
}

.hlavni_strana #telo_prave a.rollover_velikosti_symboly2 {
  width: auto; height: auto;
}

a.rollover_velikosti_symboly2 .rollover_velikosti_symboly2_hover {
  position: absolute; left: 0; top: 0; width: 110px; height: 108px;
  background: transparent none left top no-repeat;
  cursor: hand;
}

a.rollover_velikosti_symboly2:hover .rollover_velikosti_symboly2_hover {
  background-image: url('img/rollovery/velikosti_symboly2_hover.gif');
}

a.rollover_znacky  {
  position: relative; display: block; width: 120px; height: 71px; float: left;
}

a.rollover_znacky .rollover_znacky_hover {
  position: absolute; left: 0; top: 0; width: 110px; height: 61px;
  background: transparent none;
}

a.rollover_znacky:hover .rollover_znacky_hover {
  display: block;
  cursor: hand;
  background: transparent url('img/rollovery/znacky_hover.gif') left top no-repeat;
}

.tx-ttnews-browsebox, .strankovani{
  text-align: right; font-weight: bold; font-size: 0.95em;
}
.tx-ttnews-browsebox a, .strankovani .inactive a {
  color: #ed001e;
}

.katalog_vypis td, .katalog_vypis th {
  padding: 7px 7px 4px 0;
  border: 0; background: transparent none;
}

#obsah_pravy td, #obsah_pravy th {
  padding: 0 7px 7px 0;
  border: 0; vertical-align: top; background: transparent none;  
}

.tx-ttnews-browsebox, .aktualita_zpet, .strankovani, .mapa_uroven1, .mapa_uroven2, .mapa_uroven3, .mapa_uroven4, .mapa_uroven5, .mapa_uroven6 {
  margin: 0 0 0.6em 0;
}

.clear {
	clear: both; overflow: hidden; height: 0px;
}

.obrazek {
  width: 128px; height: 128px; 
  text-align: center; vertical-align: middle; line-height: 128px;
}

.obrazek img {
  vertical-align: bottom;
}

.cislo {
  width: 128px; 
  text-align: center; vertical-align: middle;
}

.oddelovac {
  width: 20px;
}

#flashcontent {
  position: relative;
  background: url('flash/peddy_02/01.jpg') right top no-repeat;
  width: 711px;
  height: 273px;
  margin-bottom: 4px;
  overflow: hidden;
}
* html #flashcontent {
  height: 284px;
}

.flash_uvod {
  position: relative; width: 712px; height: 273px; margin-bottom: 4px; overflow: hidden;
}
.flash_uvod_2 {
  position: relative; width: 712px; height: 318px; margin-bottom: 4px; overflow: hidden;
}
.flash_uvod_pravy {
  position: absolute; width: 2px; height: 350px; right: 0; top: 0;
  background: transparent url('img/flash_uvod_pravy.gif') left top no-repeat;
}
* html .flash_uvod_pravy {height: 340px; }

.flash_uvod_dolni {
  position: absolute; width: 712px; height: 4px; left: 0; bottom: 0;
  background: transparent url('img/flash_uvod_dolni.gif') left top no-repeat;
}
   
.hlavni_strana table.kolekce td, .hlavni_strana table.kolekce th {
  padding: 10px 8px 0 0;
}

#obsah_pravy table.velikosti_symboly {
  margin: 10px 0pt 1px; width: 237px;
} 

#obsah_pravy table.velikosti_symboly td, #obsah_pravy table.velikosti_symboly th{
  padding-right: 10px;
} 

span.vice_informaci {
  padding-left: 9px; background: transparent url('img/ikonky/odrazka.gif') left 5px no-repeat
}

p.kategorie {
  margin-bottom: 0;
}

p.perex .vice_informaci {
  font-size: 0.7em;
}

.hlavni_strana p.perex {
  font-size: 1.3em;
}

.vice_informaci a {
  color: #d6092d;
}