html, body, h1, h2, ul, form { 
 margin: 0;
 padding: 0;
}
body {
 font-family: Verdana, sans-serif;
 background-color: rgb(230,230,230);
 font-size: 80%;
}
#stranka {
 width: 900px;
 background-color: rgb(150,150,150);
 background-image: url(pozadi_stranka.png);
 margin: 0 auto;
}
h1 {
 text-align: center;
 font-size: 200%;
 color: rgb(255,255,204);
 background-color: rgb(66,66,66);
 background-image: url(listasvetlo_nova.jpg);
 background-repeat: no-repeat;
 height: 76px;
 line-height: 100px;
}
.schovat {
 position: absolute;
 top: -10000px;
 left: 0;
} 
#obsah {
 width: 468px;
 float: left;
 background-color: rgb(255,255,255); 
 padding: 15px;
 position: relative;
}
#obsah.vysledky {
 background-color: rgb(255,255,204); 
}
#horni_menu {
 list-style-type: none;
 padding: .3em 8px .3em 0;
 margin: 0;
 font-size: 90%;
 background-color: rgb(66,66,66); 
 color: rgb(255,255,204);
 text-align: right;
}
#horni_menu li {
 display: inline;
 padding-right: 8px;
 background-image: url(horni_menu_li.png);
 background-repeat: no-repeat;
 background-position: right center;
}
#horni_menu li.posledni {
 padding-right: 0;
 background: none;
}
#horni_menu a {
 color: rgb(255,255,204); 
}
#levy_sloupec {
 width: 150px;
 float: left;
 padding: 0 15px 15px 15px;
}
#pravy_sloupec {
 width: 190px;  
 float: right;
 padding: 0 15px 15px 15px;
}
#nakupni_kosik, #zakaznik_prihlaseni, #prodejna {
 background-color: rgb(255,255,204);
 margin-top: 1em;
 padding: 5px 10px 7px 10px; 
}
#zakaznik_prihlaseni {
 margin-top: 1em;
}
#nakupni_kosik h3, #zakaznik_prihlaseni h3, #prodejna h3 {
 font-size: 90%;
 margin-top: 0;
 margin-bottom: 5px;
 width: 100%;
}
#prodejna p {
 font-size: 85%;
 margin-bottom: 0;
}
#oblast_prihlaseni {
 font-size: 85%;
 text-align: center;
 border: solid 1px rgb(200,200,200);
 padding: 5px;
}
#prihlaseny_uzivatel {
 text-align: center;
 margin: 5px 0;
 width: 100%;
}
#paticka {
 width: 100%;
 text-align: center;
 font-size: 80%;
 color: rgb(255,255,204);
 background-color: rgb(105,105,105);
 padding: 0.3em 0;
 clear: both; 
}

.vycistit:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden; 
}

p {
 text-align: left;
 margin-top: 0;
 line-height: 1.4;
}
h2 {
 font-size: 140%;
 margin-bottom: 0.5em; 
 color: rgb(105,105,105);;
}
h2.zvyrazneny {
 background-color: rgb(204,0,0);
 font-size: 120%;
 padding: 0.2em 0 0.2em 0.5em;
 color: white;
}
h2.zvyrazneny2 {
 font-size: 120%;
 color: rgb(204,0,0);
}
h3 {
 font-size: 120%;
 margin: 1em 0;
}
h4 {
 font-size: 100%;
}
a {
 text-decoration: none;
 color: rgb(204,0,0);
}
a:hover, a.aktivni {
 text-decoration: underline;
}
#nohover:hover {
 text-decoration: none;
}
.nastred {
 text-align: center;
}
a img {
 border: none;
}
.aktualni_strana {
 font-size: 70%;
 font-weight: normal;
 text-align: right;
 float: right;
 display: block;
 width: 5em;
}
ol ol {
 margin: 1em 0 1em 3em;
 padding: 0;
 list-style-type: lower-alpha;
}
ul {
 list-style-type: square;
 list-style-position: inside;
}

/* leve menu */

.navigace {
 font-size: 85%;
 list-style-type: none;
 list-style-position: outside;
 background-color: rgb(230,230,230);
 margin: 1em 0;
}
.navigace li {
 border-left: solid 1px rgb(255,255,255);
 border-top: solid 1px rgb(255,255,255);
 border-bottom: solid 1px rgb(200,200,200);
 border-right: solid 1px rgb(200,200,200);
}
.navigace li:hover {
 border-right: solid 1px rgb(255,255,255);
 border-bottom: solid 1px rgb(255,255,255);
 border-top: solid 1px rgb(170,170,170);
 border-left: solid 1px rgb(170,170,170);
 background-color: rgb(200,200,200);
}
.navigace a {
 color: rgb(0,0,0);
 text-decoration: none;
 display: block;
 padding: 0.1em 0 0.1em 0.7em;
 border-left: solid 10px rgb(255,255,204);
}
.navigace a.aktivni {
 color: rgb(204,0,0);
}
.menu_kategorie #menu_pokoje {
 display: none;
}
.menu_kategorie #menu_kategorie {
 display: block;
}
.menu_pokoje #menu_pokoje {
 display: block;
}
.menu_pokoje #menu_kategorie {
 display: none;
}

/* hledani zbozi */
#hledani {
 background-color: rgb(255,255,204);
 margin-top: 1em;
 padding: 5px 10px 7px 10px;
 position: relative;
 z-index: 1;
}
#hledani.aktivni {
 background-color: rgb(204,0,0); 
}
#hledani h3 {
 font-size: 90%;
 margin-top: 0;
 margin-bottom: 5px;
 color: rgb(204,0,0);
}
#hledani.aktivni h3 {
 color: rgb(255,255,255);
}
#hledany_vyraz {
 border-style: none;
 width: 125px;
}
.vysledek_hledani {
 margin: 0.5em 0;
}
.vysledek_hledani .popis {
 font-size: 85%;
}

/* prehled zbozi */
.polozka {
 width: 100%; /* IE6 clearing */ 
 border: solid 1px rgb(200,200,200);
 background-color: rgb(255,255,255);
 margin: 7px 0;
 padding-bottom: 7px;
 position: relative;
 z-index: 0;
}
.polozka h3, .polozka h2 {
 margin-top: 0;
 font-size: 90%;
 color: rgb(255,255,255);
 background-color: rgb(204,0,0);
 line-height: 120%;
 padding: 5px;
}
.polozka h3 span, .polozka h2 span {
 display: block;
 float: right;
}
.polozka h3 .prefix, .polozka h2 .prefix {
 display: inline;
 float: none;
 font-size: 90%;
}
.polozka h3 span.akce {
 display: inline;
 float: none;
 color: rgb(204,0,0);
 padding: 0.2em;
 background-color: rgb(255,255,204);
}
.polozka p {
 margin: 5px;
 font-size: 85%;
 font-weight: bold;
 color: rgb(204,0,0);
}
.polozka .popis {
 clear: none;
 color: black;
 line-height: 120%;
 font-size: 90%;
 font-weight: normal; 
}
.polozka .maly_obrazek {
 float: left;
 margin-right: 10px;
}
.polozka .velky_obrazek {
 margin: 2em 0 0 0;
}

/* titulni strana */

.titulni_zbozi {
 width: 226px;
}
.titulni_zbozi h3 {
 padding: 0.4em;
 height: 2.4em;
}

#detail {
 padding: 7px;
}
#detail_obr {
 float: left;
}
#lupa_plus {
 position: absolute;
 top: 130px;
 left: 155px;
}
.pridat_do_kose {
 position: absolute;
 bottom: 5px;
 right: 5px;
 font-size: 85%;
 line-height: 220%;
 text-align: right;
}
.detail_zbozi_varianta {
 float: left;
}
.detail_zbozi_pridat {
 float: right;
}
.pridat_do_kose input, .detail_zbozi_pridat input {
 border: none;
 background-color: rgb(230,230,230);
 text-align: center;
}

#oblast_kosiku {
 font-size: 85%;
 text-align: center;
 border: solid 1px rgb(200,200,200);
 padding: 5px;
}
#oblast_kosiku p {
 margin: 5px 0;
 width: 100%;
}
#oblast_kosiku img {
 float: left;
 margin-right: 10px;
}

/* objednavka */

#objednavka {
 border-collapse: collapse;
 border: solid 1px rgb(0,0,0);
}
#objednavka th {
 border: solid 1px rgb(0,0,0);
 background-color: rgb(204,0,0);
 color: rgb(255,255,255);
 text-align: left;
 font-size: 90%;
 padding: 0.3em 0.3em 0.3em 0.5em;
 vertical-align: middle;
}
#objednavka td {
 font-size: 90%;
 padding: 0.3em 0.3em 0.3em 0.5em;
 vertical-align: middle;  
}
#objednavka th span {
 font-weight: normal;
}
#objednavka th.hlavicka {
 text-align: center;
 padding: 0.5em;
 background-color: rgb(230,230,230);
 color: rgb(0,0,0);
}
#objednavka .celasirka {
 text-align: center;
 border-bottom: solid 1px rgb(0,0,0);
}
.typ_objednavky_osoba .typ_objednavky_firma {
 display: none;
} 
.napoveda {
 font-size: 120%;
 color: rgb(204,0,0);
 font-weight: bold;
 cursor: help;
}

.vlevo {
 float: left;
}
.vpravo {
 float: right;
}

/* administrace */
#administrace #stranka {
 background-image: url(pozadi_stranka_celasirka.png); 
}

#administrace .navigace {
 margin-top: 0;
}
#administrace #obsah {
 width: 690px;
}
ul.oddeleni {
 padding-right: 220px;
 list-style-type: none;
}
h3.oddeleni {
 margin-top: 2em;
 margin-bottom: 1em;
 cursor: pointer; 
}
ul.oddeleni ul {
 padding-left: 1em;
}
ul.oddeleni li {
 font-weight: bold;
 color: rgb(204,0,0);
 cursor: pointer;
 position: relative;
 z-index: 0;
}
ul.oddeleni ul li {
 font-weight: normal;
 color: rgb(0,0,0);
 padding-right: .5em;
 display: inline;
}
#oddeleni_editace {
 width: 200px;
 background-color: rgb(255,255,255);
 border: solid 1px rgb(204,0,0);
 position: absolute;
 right: -200px;
 bottom: 0;
 display: none;
 z-index: 1;
}
#oddeleni_editace h3 {
 margin-top: 0;
 font-size: 100%;
 padding: 0.2em;
 color: rgb(255,255,255);
 background-color: rgb(204,0,0);
}
.vypis_zbozi {
 border-collapse: collapse;
 border: solid 1px rgb(150,150,150); 
}
.vypis_zbozi thead th {
 color: rgb(255,255,255);
 font-size: 90%;
 background-color: rgb(204,0,0);
 /*border: solid 1px rgb(204,0,0);*/
 padding: .3em; 
}
.vypis_zbozi td {
 font-size: 90%;
 padding: .3em;
 /*border: solid 1px rgb(150,150,150);*/
}
.vypis_zbozi tbody th {
 padding: .3em;
 /*border: solid 1px rgb(150,150,150);*/
 text-align: right;
 color: rgb(204,0,0); 
}
.vypis_objednavek td, .vypis_objednavek tbody th {
 padding: .5em; 
}
.vypis_zbozi td img {
 display: block;
 margin: .3em 0;
 border: solid 1px 
}
.vypis_zbozi .sudy {
 background-color: rgb(230,230,230);
}
.vypis_zbozi .kategorie {
 text-align: right;
}
.vypis_zbozi .kategorie input {
 color: rgb(204,0,0);
 font-weight: bold;
 font-size: 90%;
}
.vypis_zbozi .podkategorie input {
 font-size: 90%; 
}
.vypis_zbozi .podkategorie {
 text-align: right;
}
.souradnice {
 position: relative;
}
#symboly span {
 cursor: pointer;
 border: solid 1px black;
 padding: 0.2em;
}

.vybrany {
 background-color: rgb(255,255,204);
}
.js_schovej {
 display: none;
}

.miniatura {
 text-align: center;
 font-size: 85%;
 width: 68px;
 margin: 0 8px 8px 0;
 float: left;
}

div.miniatura a img {
 border: solid 1px rgb(200,200,200);
 padding: 3px;
 background-color: rgb(255,255,255);
}
div.miniatura a.aktivni img, div.miniatura a:hover img {
 border-color: rgb(204,0,0);
}
#paticka a {
 color: rgb(255,255,255);
}
#odkaz_typ_vypisu {
 float: right;
 font-size: 65%;
 padding-right: 25px;
 background-image: url(/obrazky/sipka_vice.png);
 background-position: right 50%;
 background-repeat: no-repeat;
}
#statistika td {
 vertical-align: bottom;
}

#zbozi {
 border: solid 1px rgb(255,255,204);
 background-color: rgb(255,255,204);
 padding: 0 5px 5px 5px;
 margin-bottom: 10px;
}
#zbozi .polozka {
 border: none;
 margin-top: 0;
}

/* lista prepinani zobrazeni */
#prepinac_zobrazeni {
 width: 100%;
 margin: 0;
 background-color: rgb(150,150,150);
 border-bottom: solid 0.5em rgb(255,255,204);
}
#prepinac_zobrazeni a {
 font-size: 90%;
 font-weight: bold;
 padding: 0 .5em;
 display: block;
 float: left;
 color: rgb(255,255,255);
 text-decoration: none;
}
#prepinac_zobrazeni a.aktivni, #prepinac_zobrazeni a:hover {
 color: rgb(204,0,0);
 background-color: rgb(255,255,204);
 padding-top: 0.3em;
}