body {
 margin: 0;
 padding: 0;
 background-color: rgb(217,217,211);
 font-family: Verdana,sans-serif;
 font-size: 80%; 
}
#stranka {
 width: 900px;
 margin: 0 auto;
 background-color: rgb(217,217,211);
}
#hlavicka {
 float: center;
 height: 173px;
 background-color: rgb(217,217,211);
}

button.tlacitko {
  height: 50px;
  width: 50px;
  background: url("/eshop2010/obrazky/ikona_send_mail.png") no-repeat top right;
  border: none;
}

#prvni_lista {
 padding: 5px;
 background-color: rgb(217,217,211);
 font-family: Arial,sans-serif;
}
#prvni_lista .menu {
 list-style-type: none;
 padding: 0;
 margin: 0;
 float: right;
 width: 70%;
 text-align: right;
}
#prvni_lista .menu li {
 display: inline;
 padding-left: .5em;
}
#prvni_lista a {
 color: rgb(0,0,0);
}

#prvni_lista a:hover {
 color: rgb(255,255,255);
}
#horni_lista {
 padding: 5px;
 background-color: rgb(132,132,132);
 font-family: Arial,sans-serif;
}
#horni_lista .menu {
 list-style-type: none;
 padding: 0;
 margin: 0;
 float: right;
 width: 70%;
 text-align: right;
}
#horni_lista .menu li {
 display: inline;
 padding-left: .5em;
}
#horni_lista a {
 color: rgb(255,255,255);
}

#horni_lista a:hover {
 color: rgb(0,0,0);
}

#horni_lista input {
 border: none;
}
#horni_lista #hledani { 
 display: block;
 float: left;
 width: 25%;
}
#spodni {
 width: 100%;
 background-image: url("/eshop2010/styly/obrazky/id_spodni_pozadi.png");
}
#kontejner {
 width: 730px;
 float: left;
}
#levy {
 width: 190px;
 padding-top: 15px;
 float: left;
 font-size: 90%;
 background-color: rgb(200,200,200);
 font-family: Arial,sans-serif; 
}
#levy h4 {
 padding-left: 15px; 
}
#levy h4 span {
 color: rgb(102,102,102);
 font-size: 85%;
}
h4.menu1 {
 width: 190px;
 height: 44px;
 background-image: url("/eshop2010/obrazky/menu_nadpis.png");
 background-repeat: no-repeat;
 background-position: left top;
 padding-top: 5px;
 padding-left: 0px;
 padding-bottom: 0px;
 border: none;
 background-color: none;

}
#obsah {
 width: 508px;
 float: right;
 padding: 15px;
}
#pravy {
 width: 140px;
 padding-top: 15px;
 padding-left: 15px;
 padding-right: 15px; 
 float: right;
 background-color: rgb(200,200,200);
 font-family: Arial,sans-serif; 
}
#paticka {
 clear:both;
 background-color: rgb(148,148,148);
}
.cistic {
 clear: both;
 font-size: 0;
 line-height: 0;
 overflow: hidden;
 height: 0;
}
.prvni {
 margin-top: 0;
 
}
.sloupec h4.odkaz_uvod {
 margin-bottom: 1em;
}
.nastred {
 padding-left: 0;
 padding-right: 0;
 text-align: center;
}
.souradnice {
 position: relative;
}
.vycistit:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden; 
}
.red {
 color: rgb(222,0,0);
}
.blue {
 color: rgb(51,102,255);
}
.horni_okraj0 {
 margin-top: 0;
}
h1, h2, h3, h4 {
 font-family: Verdana,sans-serif;
}
h1 {
 margin: 0 0 1em 0;
 font-size: 120%; 
}
h2 {
 font-size: 110%;
 color: rgb(222,0,0);
}
h3 {
 font-size: 110%;
}
p.materialy {
 font-family: Verdana,sans-serif;
 font-size: 85%;
}

p.index_kos {
 color: rgb(0,0,0);
 font-family: Verdana,sans-serif;
 font-weight: normal; 
 font-size: 85%;
}

ul.materialy {
 font-family: Verdana,sans-serif;
 font-size: 85%;
}

h2.materialy {
 font-family: Verdana,sans-serif;
 font-size: 100%;
 color: rgb(148,148,148);
}

#pravy .menu {
 list-style-type: none;
 padding: 0; 
}

#pravy #informace, #pravy #download {
 margin-left: 0;
 padding-left: 0;
}

#pravy #informace a, #pravy #download a {
 color: rgb(222,0,0);
}

#pravy #informace a:hover, #pravy #download a:hover {
 color: rgb(0,0,0);
}

.sloupec h4 a {
 color: rgb(222,0,0);
 text-decoration: none;
}

.sloupec h4 a:hover {
 color: rgb(0,0,0);
}

#levy .menu {
 list-style-type: none;
 padding: 0;
 margin: 0.7em 0;
 background-color: rgb(242,242,242);
}
#levy .menu li { 
}

a {
 color: rgb(222,0,0);
}

a img {
 border: none;
}

.menu_obr a {
 color: rgb(0,0,0);
 text-decoration: none; 
}

img.esf {
 padding: 5px;
 margin: 1em 0;
 border: solid 1px rgb(200,200,200);
 float: center;
}


.menu_obr a:hover {
 color: rgb(0,0,0);
}

.menu a {
 color: rgb(0,0,0);
 text-decoration: none; 
}

.menu a:hover {
 color: rgb(222,0,0);
}

img.velky {
 padding: 5px;
 border: solid 1px rgb(200,200,200);
}

input, textarea, select {
 border: solid 0px rgb(132,132,132);
 background-color: rgb(200,200,200); 
}

input.pocetks {
 width: 1.5em;
}

.galerie {
 text-align: center;
}

.galerie img {
 margin: 5px;
 padding: 5px;
 border: solid 1px rgb(200,200,200);
}

img.ramecek {
 padding: 5px;
 border: solid 1px rgb(200,200,200); 
}

.tlacitko {
 color: rgb(255,255,255);
 border: solid 0px rgb(0,0,0);
 background-color: rgb(222,0,0);
}

a.tlacitko {
 padding: 0.1em 0.3em;
 text-decoration: none;
}

#levy .menu a {
 display: block;
 width: 175px;
 padding: 1px 0 1px 15px;
 border-top: solid 0px rgb(255,255,255);
 border-bottom: solid 0px rgb(255,255,255); 
}

#levy .menu a.aktivni, #levy .menu a:hover {
 color: rgb(255,255,255);
 background-color: rgb(222,0,0);
 border-top-color: rgb(242,0,0);
 border-bottom-color: rgb(202,0,0);
}

.sloupec h4 {
 font-size: 100%;
 margin-top: 0.2em;
 margin-bottom: 0.5em; 
}

table {
 border-collapse: collapse;
}

table.zbozi #col1 {
 width: 65px;
}

table.zbozi #col2 {
 width: 310px;
}

table.zbozi #col3 {
 width: 97px;
}

table.zbozi #col4 {
 width: 77px;
}

table.zbozi thead {
 font-family: Verdana,sans-serif;
 color: rgb(255,255,255);
 background-color: rgb(222,0,0);
}

table.zbozi th {
 text-align: left;
 padding: 0.2em 0.5em;
}

table.zbozi td {
 padding: 0.5em;
}

table.zbozi th, table.zbozi td {
 font-size: 80%;
 /*border-top: solid 1px rgb(222,0,0);*/
 border-bottom: solid 1px rgb(222,0,0); 
}

table.zbozi td.plain {
 border-bottom: none;
}

table.zbozi td {
 vertical-align: top;
}

table.zbozi td.vlastnosti {
 vertical-align: middle; 
}

table.zbozi .centrovaci, .polozka .centrovaci, .sloupec .centrovaci {
 display: table-cell;
 font-size: 0;
 width: 86px;
 height: 128px;
 border: solid 1px rgb(200,200,200);
 text-align: center;
 vertical-align: middle;
}

#akce_nahledy .nahled {
 width: 62px;
 float: left;
 margin-right: 5px;
 padding: 5px 0 10px 0; 
}

.sloupec #akce_nahledy .centrovaci {
 background-color: rgb(255,255,255);
 border: solid 1px rgb(132,132,132);
 width: 60px;
 height: 85px;
}

table.zbozi .centrovaci span, .polozka .centrovaci span, .sloupec .centrovaci span {
 vertical-align: middle; 
}

table.zbozi .centrovaci img, .polozka .centrovaci img, .sloupec .centrovaci img {
 vertical-align: middle;
}

table.zbozi td .nazev_zbozi {
 display: block;
 margin-bottom: 0.5em;
}

table.zbozi td .nazev_zbozi a {
 text-decoration: none;
}

/*.do_kosiku span {
 display: block;
 width: 18px;
 height: 18px;
}*/

.do_kosiku {
 border: none;
 margin-left: 10px;
 width: 18px;
 height: 18px;
 position: relative;
 top: 7px;
}

.strankovani {
 font-weight: bold; 
 text-align: center;
}

.strankovani a.aktualni {
 text-decoration: none;
 color: rgb(222,0,0);
}

/* kos */
.polozka {
 width: 488px;
 padding: 10px;
 border-top: solid 1px rgb(222,0,0);
}
.polozka .kos_levy {
 width: 88px;
 float: left;
}
.polozka .kos_pravy {
 float: right;
 width: 380px;
}
.polozka h2 {
 margin-top: 0;
 width: 380px;
}
.posledni_polozka {
 border-bottom: solid 1px rgb(222,0,0);
}

/* pokladna */
.typ_objednavky_osoba .prepnout {
 display: none;
}
#objednavka th, #objednavka td {
 padding: 0.5em;
 border: solid 0px rgb(162,162,162);
}
#objednavka th {
 font-weight: normal;
 text-align: left;
 font-size: 85%; 
 color: rgb(132,132,132);
}
#objednavka th .poznamka {
 font-weight: normal;
 font-size: 85%;
 color: rgb(0,0,0);
}
#objednavka td {
 font-weight: normal;
 font-size: 85%;
 color: rgb(0,0,0);
}
/* prodejny */
.prodejna {
 width: 100%;
 border-top: solid 1px rgb(222,0,0);
 font-size: 90%;  
}
.prodejna img {
 padding: 5px;
 margin: 1em 0;
 border: solid 1px rgb(200,200,200);
}
.prodejna p {
 margin: 1em 0; 
}
.prodejna .levy {
 float: left;
 width: 115px;
}
.prodejna .pravy {
 float: right;
 width: 380px;
}

/* velkoobchod */
.zastupce {
 width: 100%;
 margin-top: 1em;
}
.barevny_kod {
 float: left;
 width: 25px;
 height: 25px;
 border: solid 1px rgb(162,162,162);
}
.zastupce .info {
 float: right;
 width: 460px;
}

/* tabulky velikosti */
table.velikosti {
 margin: 0.5em 0;
 border: solid 1px rgb(132,132,132);
}
.velikosti th, .velikosti td {
 border: solid 1px rgb(132,132,132);
 font-size: 80%;
 padding: 0.2em 0.3em;
 text-align: center; 
}
.velikosti th.tal {
 text-align: left;
}
.velikosti thead th {
 color: rgb(255,255,255);
 background-color: rgb(148,148,148);
}
.chyba {
 color: rgb(222,0,0);
 font-weight: bold;
}