/* obecné HTML tagy */
html{
padding: 0;
margin: 0;
font-family: arial;
font-size: 12px;
text-align: center;
background: white;
}

a{
text-decoration: none;
color: black;
font-weight: normal;
}

img{
border: none;
}

form{
display: inline;
}

td{
vertical-align: top;
}

h1{
font-size: 18px;
margin: 0;
padding: 0;
margin-bottom: 10px;
}

table p{
margin: 2px;
padding: 0;
}

/* základní prvky layoutu */
/* celá stránka */
#layout{
text-align: left;
width: 960px;
margin: auto;
position: relative;
min-height: 1000px;
background: white;
}

/* vyskakovací okno */
#message{
width: 300px;
padding: 10px;
display: none;
position: absolute;
top: 420px;
left: 260px;
z-index: 100;
background: #FEFF8F;
border: 2px solid gray;
text-align: center
}

/* horní panel */
#top{
position: relative;
height: 120px;
background:  url('https://www.mistopodnikanivpraze10.cz/images/mistopodnikani_cz_top.gif') no-repeat;
}

/* horní navigace - košík, vyhledávání... */
#top_navigace{
position: absolute;
bottom: 40px;
right: 14px;
}

#top_navigace a{
font-weight: bold;
color: white;
background: black;
padding: 2px;
}

#top_navigace a:hover{
text-decoration: underline;
}

/* levé menu */
#menu{
float: left;
width: 180px;
margin-top: 5px;
}

/* hlavní panel */
#obsah{
float: right;
width: 780px;
margin-top: 5px;
}

/* výpisy zboží */

#produkty{
width: 587px;
float: left;
}

#pravy_sloupec{
width: 185px;
float: right;
margin-left: 8px;
}


/* detail produktu */
#detail{
width: 587px;
float: left;
}

/* hlavní panel při jednotlivých krocích nákupního procesu */
#kosik{
margin-left: 8px;
}

#kroky_kosiku{
font-size: 12px;
line-height: 120%;
}

/* hlavní panel při prohlížení dokumentů */
#documents{
margin-left: 8px;
}

/* hlavní panel při výpisu hledání */
#hledani{
width: 587px;
float: left;
}

#hledani_dotaz{
margin-left: 8px;
background: #FFCABF;
padding: 5px;
padding-bottom: 10px;
}

/* hlavní panel při potvrzování souhlasu s erotickým obsahem pro celý shop */
#restricted{
margin-left: 8px;
text-align: justify;
}

/* hlavní panel při zobrazení titulní strany (nepoužito) */
#titulni{
margin-left: 8px;
}

/* levé menu */
/* sekce "vypíchnutých" položek */
#menu_vypichnute{
padding: 0;
margin: 0;
list-style-type: none;
width: 180px;
cursor: default;
border-top: 1px solid black;
}

#menu_vypichnute li{
position: relative;
border: 1px solid black;
border-top: none;
z-index: 9;
}

#menu_vypichnute li a{
color: black;
background: white;
padding-left: 3px;
display: block;
font-weight: bold;
width: 175px;
height: 18px;
}

#menu_vypichnute li ul{
padding: 0;
margin: 0;
list-style-type: none;
width: 280px;
cursor: default;
position: absolute;
left: 178px;
top: -1px;
display: none;
border: 1px solid black;
z-index: 9;
}

#menu_vypichnute li ul li{
border: none;
float: left;
}

#menu_vypichnute li ul li a{
background: gainsboro;
width: 277px;
}

#menu_vypichnute li ul li a:hover{
background: slategray;
text-decoration: underline;
}

/* sekce "normálních" položek */
#menu_normal{
padding: 0;
margin: 0;
list-style-type: none;
width: 180px;
cursor: default;
border-top: 1px solid white;
}

#menu_normal li{
position: relative;
border: 1px solid white;
border-top: none;
z-index: 8;
}

#menu_normal li a{
color: black;
background: #BDBDBD;
padding-left: 3px;
display: block;
font-weight: bold;
width: 175px;
height: 18px;
}

#menu_normal li ul{
padding: 0;
margin: 0;
list-style-type: none;
width: 280px;
cursor: default;
position: absolute;
left: 178px;
top: -1px;
display: none;
border: 1px solid black;
z-index: 8;
}

#menu_normal li ul li{
float: left;
border: none;
}

#menu_normal li ul li a{
background: #9D9D9D;
width: 277px;
}

#menu_normal li ul li a:hover{
background: #BDBDBD;
text-decoration: underline;
}

/* sekce dokumentů */
#dokumenty{
padding: 0;
margin: 0;
margin-top: 10px;
list-style-type: none;
width: 180px;
cursor: default;
border-top: 1px solid black;
}

#dokumenty li{
position: relative;
border: 1px solid black;
border-top: none;
z-index: 7;
}

#dokumenty li a{
color: black;
background: white;
padding-left: 3px;
display: block;
font-weight: normal;
width: 175px;
height: 18px;
}

#dokumenty li ul{
padding: 0;
margin: 0;
list-style-type: none;
width: 280px;
cursor: default;
position: absolute;
left: 178px;
top: -1px;
display: none;
border: 1px solid black;
z-index: 7;
}

#dokumenty li ul li{
float: left;
border: none;
}

#dokumenty li ul li a{
background: white;
width: 277px;
}

#dokumenty li ul li a:hover{
background: white;
text-decoration: underline;
}

/* rozcestník */
#rozcestnik{
padding: 0;
margin: 0;
list-style-type: none;
cursor: default;
height: 24px;
margin-bottom: 5px;
border: 1px solid black;
background: #AFAFAF;
}

#rozcestnik a{
color: black;
font-weight: bold;
display: block;
padding-left: 8px;
padding-right: 8px;
}

#rozcestnik li a:hover{
background: gainsboro;
}

#rozcestnik li{
height: 26px;
line-height: 24px;
float: left;
position: relative;
z-index: 10;
}

#rozcestnik li ul{
height: 0;
padding: 0;
margin: 0;
list-style-type: none;
position: absolute;
top: 26px;
left: -1px;
display: none;
float: left;
border-top: 1px solid black;
z-index: 11;
}

#rozcestnik li ul li{
background: gainsboro;
width: 240px;
clear: both;
border-top: none;
padding: 0;
margin: 0;
line-height: 18px;
height: 18px;
}

#rozcestnik li ul li a:hover{
background: slategray;
text-decoration: underline;
}

/* reklamy */
/* horní reklama */
#promotion_h{
position: absolute;
top: 55px;
left: 10px;
}

/* levé reklamy */
#promotion_l{
text-align: center;
margin-top: 20px;
}

#promotion_l img{
margin-bottom: 10px;
}

#promotion_b{
clear: both;
text-align: right;
padding-top: 10px;
}

/* pravé horní reklamy */
#promotion_ph{
width: 185px;
text-align: center;
}

#promotion_ph img{
display: block;
margin: auto;
margin-top: 0;
margin-bottom: 10px;
}

/* pravé spodní reklamy */
#promotion_ps{
text-align: center;
width: 185px;
margin-top: 10px;
}

#promotion_ps img{
display: block;
margin: auto;
margin-top: 0;
margin-bottom: 10px;
}

#promotion_d{
margin-left: 8px;
margin-top: 20px;
}

/* emailing */
#emailing{
text-align: center;
}


/* soupis výrobků - hlavička */
/* informační řádek "jste v..." */
#jste_v{
padding-top: 2px;
padding-bottom: 2px;
margin-bottom: 2px;
border-bottom: 2px solid gray;
border-top: 2px solid black;
font-weight: bold;
}

#jste_v a{
font-weight: bold;
}

#jste_v a:hover{
text-decoration: underline;
}

/* typ výpisu */
#vypis{
padding-bottom: 2px;
margin-bottom: 2px;
border-bottom: 2px solid black;
}

#vypis a:hover{
text-decoration: underline;
}

/* aktivní typ výpisu */
.active_vypis{
color: black;
font-weight: bold;
}

/* PMH */
#parametry{
margin-bottom: 2px;
border-bottom: 1px solid gray;
}

#parametry a:hover{
text-decoration: underline;
}

/* filtr */
#filtr{
margin-left: 8px;
margin-bottom: 2px;
}

#filtr a:hover{
text-decoration: underline;
}

/* level PMH */
.level{
padding-top: 2px;
padding-bottom: 2px;
border-bottom: 1px solid gray
}

/* filtr výrobců */
#vyrobci{
padding-bottom: 2px;
margin-bottom: 5px;
border-bottom: 2px solid black;
}

#vyrobci a:hover{
text-decoration: underline;
}

/* seznam kategorií v rámci HH */
#kategorie{
padding-bottom: 2px;
margin-bottom: 2px;
border-bottom: 2px solid black;
}

#kategorie a:hover{
text-decoration: underline;
}

/* horní stránkování */
#horni_strankovani{
padding-bottom: 2px;
margin-bottom: 5px;
border-bottom: 2px solid black;
}

#vypis_sdilej{
padding-top: 2px;
padding-bottom: 2px;
margin-top: 2px;
margin-bottom: 2px;
border-bottom: 2px solid black;
font-weight: bold;
}

/* dolní stránkování */
#dolni_strankovani{
margin-top: 3px;
clear: both;
padding-bottom: 2px;
margin-bottom: 5px;
margin-left: 8px;
border-top: 2px solid black;
border-bottom: 2px solid black;
}




/* dolní patička */
#vypis_bottom{
margin-top: 3px;
clear: both;
padding-bottom: 2px;
margin-bottom: 5px;
margin-left: 8px;
border-bottom: 1px solid black;
}

/* soupis výrobků - katalogový výpis */

/* katalog - střední pole pro PROdukty - přidáno kvůli IE */
#katalog_stred{
float: left;
margin-left: 2px;
margin-bottom: 2px;
}

/* buňka katalogového výpisu */
.katalog_polozka{
float: left;
width: 185px;
border: 1px solid black;
margin-left: 5px;
margin-bottom: 5px;
height: 320px;
position: relative;
}

/* název produktu */
.katalog_nazev{
padding: 2px;
height: 50px;
border-bottom: 1px solid black;
background: gainsboro;
text-align: center;
}

.katalog_nazev a{
font-weight: bold;
color: black;
}

/* dostupnost produktu */
.katalog_dostupnost{
font-size: 11px;
font-weight: bold;
padding: 1px;
height: 14px;
border-bottom: 1px solid black;
text-align: center;
}

/* název výrobce produktu */
.katalog_vyrobce{
font-size: 11px;
padding: 1px;
height: 14px;
border-bottom: 1px solid black;
text-align: center;
}

/* obrázek produktu */
.katalog_image{
width: 80px;
height: 80px;
margin-left: 2px;
margin-top: 2px;
float: left;
background: white;
}


.katalog_image img{
border: none;
height: 80px;
_width: 80px;
}

/* informace o ceně */
.katalog_cena{
width: 100px;
height: 85px;
float: right;
text-align: right;
margin-right: 2px;
margin-top: 2px;
}

/* informace o akcích */
.katalog_akce{
padding: 2px;
color: red;
margin-top: 3px;
font-weight: bold;
}

/* popis produktu */
.katalog_popis{
padding: 2px;
margin-top: 3px;
text-align: justify;
}

/* kód produktu */
.katalog_kod{
position: absolute;
bottom: 26px;
left: 3px;
font-weight: bold;
}

/* výrobek je erotický a je zobrazen varovný text */
.katalog_restricted{
padding: 2px;
font-size: 10px;
text-align: justify;
}

/* soupis výrobků - tabulkový výpis */
/* buňka tabulkového výpisu */
.tabulka_polozka{
margin-left: 8px;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid black;
}

/* název produktu */
.tabulka_nazev{
font-weight: bold;
}

/* obrázek produktu */
.tabulka_image{
width: 80px;
height: 80px;
background: white;
float: left;
}

.tabulka_image img{
border: none;
height: 80px;
_width: 80px;
}

/* informace o produktu - cena, dostupnost */
.tabulka_info{
width: 472px;
float: right;
}

/* tlačítka */
.tabulka_funkce{
width: 175px;
float: right;
text-align: right;
}

/* informace o akcích */
.tabulka_akce{
color: red;
font-weight: bold;
}

/* výrobek je erotický a je zobrazen varovný text */
.tabulka_restricted{
padding: 2px;
font-size: 10px;
text-align: justify;
}

/* minitedail = příslušenství a související v detailu produktu */
/* buňka výpisu */
.minidetail_polozka{
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid black;
}

/* obrázek produktu */
.minifoto{
width: 45px;
height: 45px;
margin-left: 2px;
margin-top: 2px;
background: silver;
}

.minifoto img{
border: none;
height: 45px;
width: 45px;
}

/* popis produktu */
.minipopis{
width: 103px;
margin-right: 2px;
margin-top: 2px;
text-align: justify;
}

/* infopanel = pamatováček, navštívené, reklama*/


#infopanel_polozka{
width: 183px;
border: 1px solid black;
height: 320px;
position: relative;
}

/* záhlaví panelu */
#infopanel_hlavicka{
background: #E0E7EF;
padding: 3px;
border-bottom: 1px solid black;
}

#infopanel_hlavicka a{
color: black;
}

.infopanel_hlavicka_aktivni{
font-weight: bold;
}

/* obsah panelu */
#infopanel_obsah{
height: 280px;
overflow: auto;
}

#infopanel_obsah a{
font-size: 11px;
}

/* reklama */
#infopanel_reklama{
text-align: center;
}

/* detail výrobku */
/* obrázek produktu */
#detail_polozka{
margin-left: 8px;
}

#detail_image{
width: 150px;
height: 150px;
float: left;
background: white;
}

#detail_image img{
border: none;
height: 100%;
width: 100%;
}

/* informace o produktu - přes celou šířku */
#detail_info{
width: 407px;
float: right;
}

/* název produktu */
#detail_nazev{
font-size: 24px;
font-weight: bold;
margin-bottom: 10px;
}

/* informace o produktu - levý sloupec */
#detail_left{
float: left;
width: 210px;
}

/* dostupnost produktu */
#detail_dostupnost{
font-weight: bold;
margin-top: 10px;
}

/* informace o produktu - pravý sloupec */
#detail_right{
float: right;
width: 195px;
text-align: right;
}

/* tlačítka */
#detail_tlacitka{
text-align: right;
margin-top: 10px;
}

/* popis produktu */
#detail_popis{
text-align: justify;
margin-top: 10px;
font-size: 13px;
}

/* informace o akcích */
#detail_akce{
color: red;
font-weight: bold;
}

/* výpis hlavních hesel */
#detail_hh a:hover{
text-decoration: underline;
}


/* další fotografie */
#detail_galerie{
margin-top: 10px;
}

/* příslušenství */
#detail_prislusenstvi{
margin-top: 10px;
background: #FFFFCC;
padding: 5px;
padding-bottom: 10px;
}

/* související */
#detail_souvisejici{
margin-top: 10px;
background: lavender;
padding: 5px;
padding-bottom: 10px;
}

/* kontaktní formuláře */
#detail_dotaz{
margin-top: 2px;
background: #909090;
padding: 5px;
padding-bottom: 10px;
}

#detail_sleduj{
margin-top: 2px;
background: #CECECE;
padding: 5px;
padding-bottom: 10px;
}

#detail_informuj{
margin-top: 2px;
background: #FFFF99;
padding: 5px;
padding-bottom: 10px;
}

#detail_sidla{
margin-top: 2px;
background: #A0A0A0;
padding: 5px;
padding-bottom: 10px;
}

#detail_domena{
margin-top: 2px;
background: ;
padding: 5px;
padding-bottom: 10px;
}

#detail_sdilej{
padding-top: 2px;
padding-bottom: 2px;
margin-top: 2px;
margin-bottom: 2px;
border-bottom: 1px solid black;
_border-top: 1px solid gray;
font-weight: bold;
}

/* ostatní styly */
.clear{
height: 0;
font-size: 0;
line-height: 0;
clear: both;
}

.prvni_barva{
color: black;
}

.druha_barva{
color: black;
}

.treti_barva{
color: black;
}

.posuvnik{
overflow : auto;
}

#dodaci_adresa{
display: none;
}

.tlacitko_tabulka_zapamatuj{
display: block;
float: right;
width: 85px;
height: 20px;
background: url('https://www.mistopodnikanivpraze10.cz/images/zapamatuj_off.gif');
}

.tlacitko_tabulka_zapamatuj:hover{
background: url('https://www.mistopodnikanivpraze10.cz/images/zapamatuj_on.gif');
}

.tlacitko_tabulka_kosik{
display: block;
float: right;
width: 85px;
height: 20px;
background: url('https://www.mistopodnikanivpraze10.cz/images/kosik_off.gif');
}

.tlacitko_tabulka_kosik:hover{
background: url('https://www.mistopodnikanivpraze10.cz/images/kosik_on.gif');
}

.tlacitko_detail_zpet{
display: block;
float: left;
width: 85px;
height: 20px;
background: url('https://www.mistopodnikanivpraze10.cz/images/zpet_off.gif');
}

.tlacitko_detail_zpet:hover{
background: url('https://www.mistopodnikanivpraze10.cz/images/zpet_on.gif');
}

.tlacitko_detail_tisk{
display: block;
float: right;
width: 120px;
height: 20px;
background: url('https://www.mistopodnikanivpraze10.cz/images/tisk_udaju_off.gif');
}

.tlacitko_detail_tisk:hover{
background: url('https://www.mistopodnikanivpraze10.cz/images/tisk_udaju_on.gif');
}

.tlacitko_katalog_zapamatuj{
position: absolute;
bottom: 3px;
left: 3px;
display: block;
width: 85px;
height: 20px;
background: url('https://www.mistopodnikanivpraze10.cz/images/zapamatuj_off.gif');
}

.tlacitko_katalog_zapamatuj:hover{
background: url('https://www.mistopodnikanivpraze10.cz/images/zapamatuj_on.gif');
}

.tlacitko_katalog_kosik{
position: absolute;
bottom: 3px;
right: 3px;
display: block;
width: 85px;
height: 20px;
background: url('https://www.mistopodnikanivpraze10.cz/images/kosik_off.gif');
}

.tlacitko_katalog_kosik:hover{
background: url('https://www.mistopodnikanivpraze10.cz/images/kosik_on.gif');
}

/* zvětšovací foto */
#bigfoto{
display: none;
position: absolute;
top: 0;
left: -5px;
width: 970px;
background: gray;
z-index: 100;
border: 2px solid black;
text-align: center;
}

#bigfoto a{
font-weight: bold;
color: black;
text-decoration: none;
}

#bfoto{
display: block;
margin: auto;
margin-top: 30px;
margin-bottom: 10px;
}