body      { font-family: Arial Narrow, Arial, Verdena, Times New Roman, sans-serif; font-size: 12px; }
body a    { text-decoration: none; }
img       { border: 0px; }
p         { margin: 10px 0 10px 0; padding: 0px; }
h1        { font-size: 100%; color: #CC3333; padding: 15px 0px 10px 0px; margin: 0px;}
h2        { font-size: 90%; color: #CC3333; padding: 05px 0px 5px 0px; margin: 0px; }
form      { padding: 0; margin: 0; }

#body     { width: 100%; margin: 0px auto; text-align: center; background: #F5F4F1; }

#celek    { width: 996px; margin-left: auto; margin-right: auto; }

.logo     { width: 163px; height: 80px; float: left; background: #ffffff; }
.design   { width: 979px; float: left; padding: 15px 0 0 17px; background: url(../img/design.jpg); }

.linka         { width: 627px; float: left; height: 21px; background: url(../img/linka.jpg); }
.listy         { width: 623px; float: left; padding: 0 2px 0 2px; background: url(../img/podmenu.jpg); }

.lista         { width: 621px; height: 19px; float: left; border-bottom: 1px solid #cccccc; padding-top: 6px; }
.lista a       { color: #CC3333; padding: 0px 15px 0px 15px; text-decoration: none; text-align: center; }
.lista a:hover { color: #000000; padding: 0px 15px 0px 15px; text-decoration: none; text-align: center; }

.lista2        { width: 611px; height: 28px; float: left; text-align: right; padding-right: 10px; padding-top: 4px; }
.lista2 a      { color: #CC3333; text-decoration: none; text-align: center; }
.lista2 a:hover { color: #000000; text-decoration: none; text-align: center; }
.vyhledavani   { width: 166px; float: left; height: 59px; }

.stred         { width: 976px; float: left; background: url(../img/pozadi.jpg); padding-left: 20px; }
.leva          { width: 150px; float: left; padding-top: 15px; text-align: left; padding-right: 10px; }
.leva a        { color: #cc3333; padding: 3px 0 3px 5px; display: block;  }
.leva a:hover  { color: #000000; padding: 3px 0 3px 5px; display: block; }
.centr         { width: 627px; float: left; text-align: left; }

.menu          { color: #cccccc; text-align: left; }
.menu a        { color: #CC3333; padding: 3px 0 3px 5px; display: block; }
#menu a:hover  { color: #000000; }
.menu2         { text-align: left; background: #E9E7E8; }
.menu2 a       { color: #CC3333; }
#menu2 a:hover { color: #000000; }

#menu           { text-align: left; background-color: #ffffff; }
#menu a         { color: #CC3333; padding: 3px 0 3px 5px; display: block; }
#menu div div   { text-align: left; background-color: #E9E7E8; padding: 0 0 0 0px; }
#menu div div a { color: #CC3333; padding: 0 0 0 10px; }

.prava         { width: 156px; float: left; padding: 15px 5px 0px 5px; }
.prava a       { color: #CC3333; }
.prava img     { width: 55px; border: 1px solid #cccccc; float: right; margin-right: 5px; margin-left: 5px; }
.prava-nadpis  { width: 156px; float: left; color: #CC3333; font-weight: bold; padding-top: 10px; }
.prava-spojit  { width: 156px; float: left; border-bottom: 1px dotted #cccccc; padding: 5px 0 5px 0; }
.prava-text    { width: 85px; float: left; }
.prava-obrazek { width: 67px; float: left; }

.uvod    { width: 628px; float: left; height: 508px; background: url(../img/uvod.jpg); margin: 15px 0 15px 0; }
.uvod2   { width: 235px; float: left; border: 1px solid gold; padding: 0 5px 5px 5px; }

.konec   { width: 996px; height: 40px; float: left; text-align: center; background: url(../img/konec.jpg); }
.konec a { text-decoration: none; color: #999999; }

.flash   { width: 547px; float: left; padding: 0px 10px 20px 70px; }

.kosik-spojit      { width: 627px; float: left; color: #666666; }
.kosik-form-pozadi { width: 625px; float: left; color: #cc3333; border: 1px solid #cccccc; background: #F5F4F1; font-weight: bold; }
.kosik-form-spojit { width: 625px; float: left; background: #ffffff; border-bottom: 1px dotted #cccccc; }
.kosik-form-1      { width: 64px; float: left; padding: 3px; }
.kosik-form-2      { width: 230px; float: left; padding-top: 3px; }
.kosik-form-3      { width: 80px; float: left; padding-top: 3px; }
.kosik-form-4      { width: 80px; float: left; padding-top: 3px; }
.kosik-form-5      { width: 60px; float: left; padding-top: 3px; }
.kosik-form-6      { width: 98px; float: left; padding-top: 3px; }
.kosik-form-soucet { width: 292px; float: right; text-align: right; background: #F5F4F1; color: #cc3333; font-weight: bold; padding: 3px; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; }
.kosik-prepocitat  { width: 627px; float: right; text-align: right; padding-top: 15px; }
.kosik-tlacitko    { width: 120px; height: 18px; font-size: 11px; border: 1px solid #cccccc; color: #ffffff; background: #cc3333; font-weight: bold; }
.kosik-objednat    { width: 118px; height: 16px; float: right; border: 1px solid #cccccc; color: #ffffff; background: #cc3333; font-weight: bold; text-align: center; padding-top: 1px; }
.kosik-objednat a  { font-size: 12px; color: #ffffff; font-weight: bold; }

.registrace-spojit { width: 627px; float: left; background: #ffffff; }
.registrace-nadpis { width: 622px; float: left; background: #F5F4F1; color: #cc3333; font-weight: bold; padding: 1px 0 2px 3px; border: 1px solid #cccccc; }
.registrace-popis  { width: 100px; float: left; height: 23px; padding: 5px 0 5px 5px; }
.registrace-text   { width: 203px; float: left; height: 23px; padding: 5px 0 5px 5px; }
.registrace-radek  { width: 180px; height: 15px; border: 1px solid #cccccc; margin: 1px 0 1px 0; }

.objednavka-nadpis  { width: 620px; float: left; background: #F5F4F1; color: #cc3333; font-weight: bold; padding: 1px 5px 3px 0px; text-align: right; border: 1px solid #cccccc; }
.objednavka-spojit  { width: 627px; float: left; background: #ffffff; margin-top: 15px; }
.objednavka-leva    { width: 308px; float: left; padding: 5px 0 5px 5px; }
.objednavka-prava   { width: 309px; float: left; padding: 5px 5px 5px 0px }
.objednavka-kod     { width: 103px; float: left; padding-left: 5px; }
.objednavka-nazev   { width: 210px; float: left; }
.objednavka-ks      { width: 30px; float: left; }
.objednavka-cena    { width: 87px; float: left; }
.objednavka-sleva   { width: 50px; float: left; }
.objednavka-dph     { width: 40px; float: left; }
.objednavka-celkem  { width: 90px; float: left; text-align: right; padding-right: 5px; }
.objednavka-kod2     { width: 103px; float: left; padding-left: 5px; }
.objednavka-nazev2   { width: 210px; float: left; }
.objednavka-ks2      { width: 30px; float: left; }
.objednavka-cena2    { width: 87px; float: left; text-align: center; }
.objednavka-sleva2   { width: 50px; float: left; }
.objednavka-dph2     { width: 40px; float: left; }
.objednavka-celkem2  { width: 90px; float: left; text-align: right; padding-right: 5px; }
.objednavka-pozadi  { width: 620px; float: left; background: #F5F4F1; color: #cc3333; font-weight: bold; padding: 2px 5px 3px 0px; border: 1px solid #cccccc; }
.objednavka-spojit2 { width: 627px; float: left; padding: 2px 0 2px 0; border-bottom: 1px dotted #cccccc; }
.objednavka-dohromady { width: 500px; float: left; text-align: right; padding: 20px 0 2px 5px; }
.objednavka-vysledek  { width: 117px; float: left; text-align: right; padding: 20px 5px 10px 0; }
.objednavka-poznamka  { width: 622px; float: left; padding: 2px 0 2px 5px; }
.objednavka-text     { width: 622px; float: left; padding: 2px 0 2px 5px; color: #F05B01; }

.objednavka-souhlasim   { width: 627px; height: 20px; font-size: 11px; color: #ffffff; font-weight: bold; float: left; border: 1px solid #cccccc; padding: 2px 0 2px 0; text-align: center; background: #cc3333; }

.strong    { font-weight: bold; }
.textarea  { width: 305px; height: 75px; border: 1px solid #cccccc; scrollbar-face-color: #cccccc; scrollbar-shadow-color: #ffffff; scrollbar-highlight-color: #999999; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #000000; scrollbar-track-color: #cccccc; scrollbar-arrow-color: #ffffff; }
.textarea2 { width: 200px; height: 50px; border: 1px solid #cccccc; scrollbar-face-color: #cccccc; scrollbar-shadow-color: #ffffff; scrollbar-highlight-color: #999999; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #000000; scrollbar-track-color: #cccccc; scrollbar-arrow-color: #ffffff; }

.odeslano  { width: 627px; float: left; text-align: center; padding: 0 0 25px 0; color: #cc3333; }

.onas      { width: 627px; float: left; text-align: right; padding: 50px 0 50px 0; }

.kontakt-popis    { width: 90px; height: 23px; float: left; padding: 3px 0 0 0; }
.kontakt-text     { width: 209px; height: 23px; float: left; padding: 3px 0 0 0; }
.kontakt-textarea { width: 209px; float: left; padding: 3px 0 0 0; }
.kontakt-tlacitko { width: 100px; height: 20px; float: right; border: 1px solid #cccccc; color: #ffffff; background: #cc3333; font-size: 11px; font-weight: bold; margin-right: 15px; }
.kontakt-tlacitko2 { width: 100px; height: 20px; float: right; border: 1px solid #cccccc; color: #ffffff; background: #cc3333; font-size: 11px; font-weight: bold; margin-right: 5px; }
.obch_misto_nazev  { width: 620px; float: left; padding-left: 7px; }
.obch_misto_adresa { width: 620px; float: left; padding-left: 7px; }
.obch_misto_tel    { width: 620px; float: left; padding-left: 7px; }
.obch_misto_mail   { width: 620px; float: left; padding-left: 7px; }
.obch_misto_www    { width: 620px; float: left; padding-left: 7px; }

.hledej   { width: 120px; height: 16px; border: 1px solid #cccccc; font-size: 11px; }
.ok       { width:  30px; height: 24px; color: #CC3333; border: 0; background: #ffffff; font-weight: bold; }

.kategorie-text   { color: #666666; padding-bottom: 10px; }
.kategorie-text a { color: #CC3333; }

.zbozi-celek       { width: 147px; float: left; padding-right: 5px; }
.zbozi-obrazek     { width: 142px; float: left; }
.zbozi-obrazek img { width: 142px; border: 1px solid #cccccc; }
.zbozi-filtr       { width: 627px; float: left; color: #CC3333; padding: 10px 0 10px 0; }
.zbozi-nazev       { width: 142px; float: left; color: #CC3333; font-weight: bold; text-align: center;}
.zbozi-nazev a     { color: #CC3333;}
.zbozi-cena        { width: 147px; float: left; color: #000000; text-align: center; padding: 5px 0 5px 0; }

.filtr  { width: 19px; height: 17px; border: 0px; background: url(../img/sipka1.jpg); }
.filtr2 { width: 19px; height: 17px; border: 0px; background: url(../img/sipka2.jpg); }

.detail-celek       { width: 617px; float: left; padding: 0px 5px 10px 0px; }
.detail-obrazek     { width: 300px; float: left; }
.detail-obrazek img { width: 298px; border: 1px solid #cccccc; }
.detail-spojit      { width: 317px; float: left; }
.detail-nadpis      { width: 302px; float: left; color: #CC3333; font-weight: bold; text-align: center; font-size: 105%; padding-top: 5px; }
.detail-text        { width: 612px; float: left; color: #666666; padding: 10px 5px 10px 5px; }

.detail-tucne       { width: 200px; float: left; padding-top: 6px; font-weight: bold; }
.detail-kod         { width: 200px; float: left; padding-top: 6px; color: #666666; }
.detail-jednotka    { width: 97px;  float: left; padding: 5px 0 0 20px; font-size: 11px; }
.detail-jednotka2   { width: 297px; float: left; padding: 5px 0 0 20px; }
.detail-cena        { width: 97px; float: left; color: #CC3333; font-weight: bold; padding: 5px 0 0 20px; }
.detail-cena2       { width: 200px; float: left; color: #CC3333; font-weight: bold; padding-top: 5px; }
.detail-kosik       { width: 263px; float: left; font-size: 110%; text-align: center; padding-top: 0px; color: #ffffff; font-weight: bold; border: 1px solid #cccccc; background: #CC3333; }
.detail-pocet       { width: 70px; height: 12px; border: 1px solid #cccccc; }

.login              { width: 144px; font-size: 11px; height: 20px; border: 1px solid #cccccc; color: #ffffff; background: #cc3333; font-weight: bold; }
.login2             { width: 150px; float: left; color: #cc3333; font-weight: bold; }

.obj-cislo        { width: 150px; float: left; font-weight: bold; color: #666666; border-left: 2px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 2px 0 2px 5px; }
.obj-datum        { width: 150px; float: left; font-weight: bold; color: #666666; border-bottom: 1px solid #cccccc; padding: 2px 0 2px 0; }
.obj-status       { width: 150px; float: left; font-weight: bold; color: #666666; border-bottom: 1px solid #cccccc; padding: 2px 0 2px 0; }
.obj-zobraz       { width: 169px; float: left; font-weight: bold; color: #666666; border-bottom: 1px solid #cccccc; padding: 2px 0 2px 0; }

.obj-cislo2       { width: 150px; float: left; border-left: 2px solid #cccccc; border-bottom: 1px dotted #cccccc; padding: 2px 0 2px 5px; }
.obj-datum2       { width: 150px; float: left; border-bottom: 1px dotted #cccccc; padding: 2px 0 2px 0; }
.obj-status2      { width: 150px; float: left; border-bottom: 1px dotted #cccccc; padding: 2px 0 2px 0; }
.obj-zobraz2      { width: 169px; float: left; border-bottom: 1px dotted #cccccc; padding: 2px 0 2px 0; }
.obj-zobraz2 a    { color: #F05B01; text-decoration: underline; }

.cislo-obj        { width: 150px; float: left; }
.text-obj         { width: 475px; float: left; }

.obj_katalog      { width: 145px; float: left; padding: 2px 0 2px 5px; }
.obj_zbozi        { width: 305px; float: left; padding: 2px 0 2px 0; }
.obj_cena         { width: 100px; float: left; text-align: right; padding: 2px 0 2px 0; }
.obj_pocet        { width: 50px; float: left; text-align: center; padding: 2px 0 2px 0; }
.zboz-celkem      { width: 455px; float: left; text-align: right; font-weight: bold; padding: 2px 0 2px 0; }
.zboz-cena2       { width: 100px; float: left; font-weight: bold; text-align: right; padding: 2px 0 2px 0; }
.zboz-kus2        { width: 50px; float: left; font-weight: bold; text-align: center; padding: 2px 0 2px 0; }
.zboz-spoj        { width: 610px; float: left; border-bottom: 1px dotted #cccccc; border-left: 2px solid #cccccc; }
.zboz-spoj2		    { width: 610px; float: left; padding: 15px 0 15px 0; } 
.zboz-spoj3		    { width: 610px; float: left; }
.zboz-balne       { width: 455px; float: left; font-weight: bold; text-align: right; }
.zboz-postovne    { width: 100px; float: left; font-weight: bold; text-align: right; }

.obch_misto_nazev { width: 600px; float: left; }
.obch_misto_adresa{ width: 150px; float: left; }
.oteviraci_doba   { width: 300px; float: left; }





