body  { font-family: helvetica, Arial, sans-serif; font-size: 12px; margin: 0 auto; background: #60635a; }

a     { color: #558300; }
p     { margin: 0; padding: 10px 0 0 0; }
ol li { padding: 4px 0 4px 0; }
ul    { list-style: none; padding: 0; margin: 0 0 0 5px; }
li    { padding: 5px 0 5px 0; margin: 0px; }
li li { padding: 0 0 0 10px; margin: 0px; }
h1    { color: #558300; font-size: 135%; padding: 5px 0 5px 0; margin: 0; }
h2    { color: #558300; font-size: 100%; padding: 0 0 0 0; margin: 0; }
h3    { color: #558300; font-size: 90%; padding: 0 0 0 0; margin: 0; }
hr    { border-bottom: 1px solid #ffffff; }
form  { padding: 0; margin: 0px; }

.vpravo             { text-align: right; }
.center             { text-align: left; }

.img_right         { float: right; padding-left: 10px; }
.img_left          { float: left; padding-right: 10px; }
.img_center        { padding: 0 5px 0 5px; }
.image_preview     { width: 110px; height: 150px; float: left; }
.image_preview img { width: 105px; }

#xxx      { width: 100%; float: left; text-align: center; }
.zaver    { width: 100%; height: 332px; float: left; text-align: center; background: url(../img/background.jpg); }
.celek    { width: 937px; margin-left: auto; margin-right: auto; text-align: left; }

.logo     { width: 902px; height: 25px; float: left; background: url(../img/top.jpg); padding: 248px 0 0 35px; color: #ffffff; }

.leva                      { width: 241px; float: left; color: #ffffff; }
.leva a                    { color: #ffffff; }
.leva-menu                 { width: 213px; float: left; padding: 0px 0px 0px 28px; background: url(../img/menu.jpg); }
.leva-menu a               { width: 205px; height: 15px; color: #ffffff; display: block; padding: 8px 0px 8px 8px; text-decoration: none; border-top: 1px solid #ffffff; border-bottom: 1px solid #666666; font-weight: bold; }
.leva-menu a:hover         { width: 205px; color: #000000; display: block; padding: 8px 0px 8px 8px; text-decoration: none; border-top: 1px solid #ffffff; border-bottom: 1px solid #666666; font-weight: bold; }
.leva-ostatni              { width: 196px; float: left; color: #ffffff; padding: 10px 10px 10px 35px; border-top: 1px solid #ffffff; }
.leva-ostatni a            { color: #ffffff; }

.xxx a                     { color: #000000; }
.xxx a:hover               { color: #ffffff; }
.stisk2                    { width: 205px; color: #000000; display: block; padding: 8px 0px 8px 8px; text-decoration: none; border-top: 1px solid #ffffff; border-bottom: 1px solid #666666; font-weight: bold; }

.pozadi                 { width: 937px; float: left; background: url(../img/stred.jpg); }
.stred                  { width: 554px; float: left; padding: 5px 10px 0 10px; }
.stred img              { border: 0px; }

.prava                  { width: 122px; float: left; color: #006699; padding-top: 5px; }
.prava-video            { width: 109px; float: left; padding: 0 10px 0 0px; }
.prava-video img        { width: 80px; border-bottom: 1px solid black; border-right: 1px solid black; }
.prava-baner            { width: 80px; float: left; padding: 0 0px 0 5px; }
.prava-baner img        { width: 80px; padding: 5px 0 5px 5px; border: 0; }

.konec                  { width: 937px; height: 61px; float: left; background: url(../img/konec.jpg); text-align: center;}
.konec2                 { width: 217px; height: 52px; float: left; text-align: center; color: #ffffff; padding: 9px 0 0 25px; }
.konec2 a               { color: #ffffff; }
.konec3                 { width: 685px; height: 52px; float: left; text-align: left; padding: 9px 0 0 10px; }

.stred-banner           { width: 554px; float: left; text-align: center; padding-bottom: 5px; }
.stred-inzerat          { width: 554px; float: left; }

.uvod-katalog           { width: 552px; float: left; border: 1px solid #c6ddfb; margin: 5px 0 10px 0; }
.katalog-nadpis         { width: 247px; float: left; background: #eff6ff; color: #000000; padding: 5px 0 5px 5px; font-weight: bold; }
.katalog-nadpis2        { width: 295px; float: left; background: #eff6ff; color: #000000; padding: 5px 5px 5px 0px; text-align: right; }
.katalog-ostatni        { width: 547px; float: left; padding: 5px 0 5px 5px; }
.katalog-ostatni a      { width: 175px; float: left; padding: 0 0 3px 0; }
.katalog-ostatni a:hover { width: 175px; float: left; padding: 0 0 3px 0; color: #000000; }

.katalog-detail         { width: 554px; float: left; padding-bottom: 10px; }
.katalog-detail img     { border: 0; }
.katalog-logo           { width: 80px; float: left; }
.katalog-text           { width: 456px; float: left; }
.katalog-strankovani    { width: 554px; float: left; text-align: right; padding-bottom: 5px; }
.katalog-strankovani a  { padding-left: 3px; }
.katalog-l              { width: 150px; float: left; padding: 2px 0 2px 0; }
.katalog-p              { width: 404px; float: left; padding: 2px 0 2px 0; }

.casopis-detail         { width: 550px; float: left; text-align: justify; }
.casopis-detail img     { width: 130px; }
.casopis-l              { width: 183px; float: left; padding-top: 5px; color: #558300; }
.casopis-l a            { color: #558300; font-weight: bold; }
.casopis-p              { width: 183px; float: left; text-align: right; padding-top: 5px; }
.casopis-p a            { color: #558300; font-weight: bold; }
.casopis-s              { width: 184px; float: left; padding-top: 5px; text-align: center; }
.casopis-s a            { color: #558300; font-weight: bold; text-align: center; }

.stred-l                { width: 274px; float: left; margin-right: 6px; padding-bottom: 10px; }
.stred-p                { width: 274px; float: left; padding-bottom: 10px; }
.clanek-nadpis          { width: 150px; float: left; border: 1px solid #c6ddfb; border-bottom: 0; background: #eff6ff; padding: 3px 0 3px 5px; font-weight: bold; }
.clanek-ostatni         { width: 262px; height: 150px; float: left; border: 1px solid #c6ddfb; border-top: 0px; padding: 5px; text-align: justify; }
.clanek-zbytek          { width: 112px; float: left; border-bottom: 1px solid #c6ddfb; padding: 3px 0 3px 5px; }
.zdroj-autor            { text-align: right; }
.clanky-strankovani     { width: 554px; float: left; text-align: right; padding-bottom: 5px; text-align: center; }
.clanky-strankovani a   { padding-left: 3px; font-weight: bold; color: #006699; }
.clanky-strankovani a:hover, .ca { padding-left: 3px; font-weight: bold; color: #000000; }

.vyber                  { font-size: 10px; }
.hledej                 { width: 115px; font-size: 10px; border: 1px solid #cccccc; }

.tlacitko               { font-size: 10px; width: 70px; height: 20px; border: 0; background: #86b300; padding-top: 1px; color: #000000; }
.tlacitko2              { width: 204px; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-bottom: 1px solid #666666; border-right: 1px solid #666666; background: #86b300; color: #ffff00; }
.tlacitko3              { width: 175px; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-bottom: 1px solid #666666; border-right: 1px solid #666666; background: #86b300; color: #ffff00; }
.tlacitko4              { width: 120px; background: #86b300; color: #ffff00; } 

.prava-nadpis           { font-weight: bold; }
.kolonka                { width: 200px; height: 16px; border: 1px solid #cccccc; margin: 0; background: #eafabb; }
.kolonka2               { height: 16px; border: 1px solid #cccccc; background: #eafabb; }
.textarea               { width: 350px; height: 80px; border: 1px solid #cccccc; background: #eafabb; }
.textarea2              { width: 200px; height: 80px; border: 1px solid #cccccc; background: #eafabb; }

.red                    { color: #ee3424; }
.seda                   { color: #999999; }
.bold                   { font-weight: bold; color: #000000; }

.bazar-uvod             { width: 554px; float: left; padding-bottom: 5px; }
.bazar-top              { width: 351px; float: left; background: #e9e904; padding: 1px 0 1px 3px; font-weight: bold; }
.bazar-top2             { width: 197px; float: left; background: #e9e904; text-align: right; padding: 1px 3px 1px 0; font-weight: bold; }
.bazar-top3             { width: 351px; float: left; background: #86b300; padding: 1px 0 1px 3px; font-weight: bold; }
.bazar-top4             { width: 197px; float: left; background: #86b300; text-align: right; padding: 1px 3px 1px 0; font-weight: bold; }
.bazar-foto             { width: 554px; float: left; text-align: right; }
.bazar-foto img         { width: 50px; border: 0; padding: 2px 0 2px 5px; }

.bazar-form             { width: 544px; float: left; border-bottom: 1px solid #c6ddfb; padding: 3px 0 3px 0; }
.bazar-form1            { width: 130px; float: left; }
.bazar-form2            { width: 34px; float: left; }
.bazar-form3            { width: 60px; float: left; text-align: right; padding-right: 10px; }
.bazar-form4            { width: 180px; float: left; }
.bazar-form5            { width: 544px; float: left; text-align: right; padding: 10px 10px 0 0; }
.bazar-form6            { width: 90px; float: left; text-align: center ;}

.diskuse-pozadi         { width: 554px; float: left; background: #e9e904; }
.diskuse-l              { width: 451px; float: left; padding-left: 3px; }
.diskuse-p              { width: 97px; float: left; text-align: right; padding-right: 3px; }
.diskuse-t              { width: 551px; float: left; font-style: italic; font-family:'helvetica'; padding: 3px 0 3px 0; }
.diskuse-celek          { width: 554px; float: left; padding-bottom: 5px; }

.diskuse-pozadi2        { width: 540px; float: left; background: #eff6ff; }
.diskuse-l2             { width: 437px; float: left; padding-left: 3px; }
.diskuse-p2             { width: 97px; float: left; text-align: right; padding-right: 3px;  }
.diskuse-t2             { width: 540px; float: left; font-style: italic; font-family:'helvetica'; padding: 3px 0 3px 0; }
.diskuse-celek2         { width: 540px; float: left; padding-left: 14px; padding-bottom: 5px; }
.diskuse-dalsi          { width: 554px; float: left; text-align: center; border-top: 1px solid #eff6ff; border-bottom: 1px solid #cccccc; padding: 5px 0 5px 0; }

.galerie-celek          { width: 184px; float: left; padding-top: 5px; }
.galerie-poz            { width: 184px; float: left; height: 120px; background: url(../img/fotogalerie.jpg); }
.galerie-obr            { width: 146px; float: left; height: 97px; padding: 12px 0 0 18px; }
.galerie-obr img        { width: 146px; height: 97px; border: 0px; }
.galerie-text           { width: 164px; float: left; padding: 0 10px 0 10px; text-align: center; }

.charter-pozadi         { width: 552px; float: left; background: #eff6ff; }
.charter-celek          { width: 552px; float: left; border: 1px solid #c6ddfb; margin: 5px 0 5px 0; }
.charter-nadpis         { width: 271px; float: left; padding: 5px 0 5px 5px; font-weight: bold; }
.charter-nadpis2        { width: 271px; float: left; padding: 5px 5px 5px 0; font-weight: bold; text-align: right; }
.charter-obr            { width: 260px; float: left; }
.charter-obr img, a     { width: 120px; border: 0; text-decoration: none; }
.charter-text           { width: 287px; float: left; padding: 0 5px 0 0; }

.charter-celkem         { width: 320px; float: left; }
.charter-leva           { width: 100px; float: left; }
.charter-stred          { width: 220px; float: left; }
.charter-detail         { width: 234px; float: left; }
.charter-detail img     { width: 230px; border: 1px solid #006699; }

.uvod-1                 { width: 530px; float: left; height: 113px; font-weight: bold; background: url(../img/1.jpg); padding: 7px 0 0 20px; }
.uvod-2                 { width: 483px; float: left; height: 113px; font-weight: bold; background: url(../img/2.jpg); padding: 7px 17px 0 50px; }
.uvod-3                 { width: 530px; float: left; height: 113px; font-weight: bold; background: url(../img/4.jpg); padding: 7px 0 0 20px; }
.uvod-4                 { width: 483px; float: left; height: 113px; font-weight: bold; background: url(../img/3.jpg); padding: 7px 17px 0 50px; }