/* barvy */

/*
 tmave fialova rgb(207,82,144)
 svetle modra rgb(218,230,255)
 tmave modra rgb(0,49,156) 
*/

body {
 margin: 0;
 padding: 0;
 font-size: 80%;
 line-height: 1.4;
 font-family: Verdana,Helvetica,sans-serif;
 color: rgb(0,49,156);
 background-color: rgb(255,255,255);
}

/* layout */

#stranka {
 width: 880px;
 margin: 0 auto;
 position: relative;
}
#hlavicka {
 margin-bottom: 10px;
 height: 167px;
 background-color: rgb(255,233,242);
 background-image: url(obrazky/hlavicka.jpg);
}
#spodni {
 width: 100%;
 margin-bottom: 10px;
 background-image: url(obrazky/spodni.jpg);
 background-repeat: repeat-y;
}
#kontejner {
 width: 721px;
 float: left;
 /*background-image: url(obrazky/kontejner.jpg);
 background-repeat: repeat-y;*/
}
#levy_sloupec {
 float: left;
 width: 162px; 
 min-height: 294px;
 padding: 8px 0 0 0; 
 background-color: rgb(218,230,255);
 background-image: url(obrazky/levy_sloupec.jpg);
 background-repeat: no-repeat;  
}
#obsah {
 float: right;
 width: 530px;
 padding: 8px 10px 0 10px;
 background-color: rgb(218,230,255);
 background-image: url(obrazky/obsah_horni_okraj.jpg);
 background-repeat: no-repeat; 
}
#pravy_sloupec {
 float: right;
 width: 141px;
 padding: 8px 5px; 
 background-color: rgb(255,219,230);
 background-image: url(obrazky/pravy_sloupec_horni_okraj.jpg);
 background-repeat: no-repeat;  
}
#paticka {
 width: 100%;
 clear: both;
 text-align: center;
 font-size: 90%;
 padding: 0.2em 0;
 font-weight: bold;
 color: rgb(255,255,255);
 background-color: rgb(207,82,144);
}
#odkaz_uvod {
 margin: 0;
}
#odkaz_uvod a {
 display: block;
 position: absolute;
 width: 178px;
 height: 167px;
 top: 0;
 left: 0;
}

#horni_menu {
 position: absolute;
 top: 144px;
 right: 0;
 margin: 0;
 padding: 0;
 padding-right: 10px;
 height: 23px;
 line-height: 23px;
 /*background-color: rgb(0,204,0);*/
 list-style-type: none;
 color: rgb(207,82,144); 
}
#horni_menu li {
 display: inline;
}
#horni_menu a {
 font-weight: bold;
 color: rgb(207,82,144); 
}
#horni_menu a:hover {
 color: rgb(255,255,255);
}

.box {
 width: 260px;
 margin-bottom: 15px;
 font-weight: bold;
 /*color: rgb(207,82,144);*/
 color: rgb(0,49,156); 
}
.box_levy {
 float: left;
}
.box_pravy {
 float: right;
}
/*.box h2 {
 color: rgb(255,255,255);
 margin: 0;
 line-height: 31px;
 height: 31px;
 font-size: 90%;
 padding-left: 5px;
 background-color: rgb(150,170,255); 
 background-image: url(obrazky/box_h2.jpg);
 background-repeat: no-repeat;
}
*/
.box h2 {
 text-align: center;
 color: rgb(255,255,255);
 margin: 0;
 height: 25px;
 font-size: 90%;
 line-height: 1.2;
 padding: 10px 5px;
 background-color: rgb(150,170,255); 
 background-image: url(obrazky/box_h2a.jpg);
 background-repeat: no-repeat;
}
#obsah .box h2 a {
 color: rgb(255,255,255);
}
#obsah .box h2 a:hover {
 color: rgb(207,82,144);
 background: transparent;
}

.cena {
 font-weight: bold;
 margin: 0.5em 0 0 0;
}
.cena form {
 float: right;
}

.box .nahled {
 border-top: solid 3px rgb(218,230,255);
 height: 177px;
 background-color: rgb(150,170,255);
 background-image: url(obrazky/box.jpg);
 background-repeat: no-repeat;  
}
.box .nahled img {
 display: block;
 margin: 0 auto;
}
#strankovani {
 text-align: center;
 font-weight: bold;
 clear: both;
 padding-bottom: 1em;
}
#obsah #strankovani a {
 text-decoration: none;
 color: rgb(207,82,144);
}

#kos, #zakaznik, #podminky {
 color: rgb(207,82,144);
 border: solid 1px rgb(207,82,144);
 font-weight: bold;
 text-align: center;
}
#podminky {
 padding: 0.5em 0;
 font-size: 85%;
}
#kos .zvyraznit {
 font-size: 100%;
 font-weight: bold;
 /*text-align: center;*/
 margin: 0;
 padding: 0.2em 0;
 color: rgb(255,255,255);
 background-color: rgb(207,82,144);
}
#kos .zvyraznit a {
 color: rgb(255,255,255);
}
#kos .zvyraznit a:hover {
 color: rgb(255,219,230);
}
#kos th {
 width: 60px;
 height: 60px; 
 background-color:rgb(21,107,254);
 vertical-align: middle;
}
#kos th img {
 display: block;
 margin: 0 auto;
}
#kos td {
 color: rgb(0,49,156);
 vertical-align: top;
 text-align: left;
}
#kos td a:hover {
 color: rgb(0,49,156);
}
#zakaznik {
 margin-top: 20px;
 background-color: rgb(218,230,255);
}
#zakaznik h3 {
 background-color: rgb(207,82,144);
 font-size: 100%;
 font-weight: bold;
 margin: 0;
 padding: 0.2em 0;
 color: rgb(255,255,255); 
}
#zakaznik #prihlaseny_uzivatel {
 text-align: center;
 font-size: 90%; 
}
#zakaznik td, #zakaznik input {
 font-size: 90%; 
}

/* leve menu */

#menu {
 padding: 0;
 margin: 0;
 font-size: 90%;
 font-weight: bold;
 font-family: Verdana,Helvetica,sans-serif;
 list-style-type: none;
}
#menu li {
 margin-bottom: 4px;
}
#menu span, #menu a {
 display: inline-block;
}
#menu span, #menu a {
 display: block;
 padding: 1px 0 1px 5px;
 background-image: url(obrazky/menu_pruhledne.png);
 background-repeat: repeat-y;   
}
#menu span, #menu a:hover {
 color: rgb(255,255,255);
 background-position: 0 0; 
}
#menu a {
 color: rgb(207,82,144);
 background-position: -162px 0;
}

/* obecne */

h1 {
 margin-top: 0;
 font-size: 130%;
 color: rgb(207,82,144);
}
h2 {
 font-size: 110%;
}
a {
 color: rgb(207,82,144); 
 text-decoration: none;
}
#obsah a:hover {
 color: rgb(0,49,156);
 background-color: rgb(203,212,255);
}
a img {
 border: none;
}
#obsah h2 a {
 text-decoration: none;
}
.tlacitko {
 border: solid 1px rgb(255,255,255);
 padding: 0.1em 0.3em;
 color: rgb(255,255,255);
 background-color: rgb(207,82,144); 
}
#obsah a.tlacitko {
 text-decoration: none;
}
input, textarea {
 font-size: 100%; 
 font-family: Verdana,Helvetica,sans-serif; 
 color: rgb(0,49,156);
 border: solid 1px rgb(0,49,156);
 background-color: rgb(255,255,255); 
}
input.nb {
 border: none;
 background: transparent;
}
input.tlacitko {
 border: solid 1px rgb(255,255,255);
 color: rgb(255,255,255);
 background-color: rgb(207,82,144); 
}
#obsah a {
 text-decoration: underline;
}
.schovat {
 display: none;
}
.vycistit:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden; 
}
.nastred {
 text-align: center;
}
.nastred img {
 margin: 5px;
}
.chyba {
 font-weight: bold;
 color: rgb(207,82,144);
}
hr {
 border: 0;
 color: rgb(207,82,144);
 background-color: rgb(207,82,144);
 height: 2px;
}
.dvojita_sipka {
 padding-left: 30px;
 background-image: url(obrazky/blikajici_sipka.gif);
 background-repeat: no-repeat;
 background-position: 0 50%;
}

/* objednavka */

#objednavka {
 border-collapse: collapse;
 border: solid 1px rgb(255,255,255);
}
#objednavka th {
 border: solid 1px rgb(255,255,255);
 background-color: rgb(207,82,144);
 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 {
 color: rgb(207,82,144);
 font-size: 90%;
 font-weight: bold;
 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(236,202,227);
 color: rgb(207,82,144); 
}
#objednavka .celasirka {
 text-align: center;
 border: solid 1px rgb(255,255,255);
}
.typ_objednavky_osoba .typ_objednavky_firma {
 display: none;
} 
.napoveda {
 font-size: 120%;
 color: rgb(207,82,144);
 font-weight: bold;
 cursor: help;
}
#objednavka strong {
 color: rgb(0,49,156);
}
#objednavka .poznamka {
 font-weight: normal;
 color: rgb(0,49,156);
}

#hledani {
 background-color: rgb(218,230,255);
 padding: 3px 0 3px 170px;
 margin-bottom: 8px;
}
#hledani input {
 margin-left: 1em;
}
#hledani input.tlacitko {
 margin-left: 0; 
}
.vysledek_hledani {
 margin: 0.6em;
}
.vysledek_hledani .popis {
 font-size: 90%;
}
.highlight {
 font-weight: bold;
}