#page { position: relative; width: 950px; background: none; margin: 0 auto; text-align: left; }

#header { position: relative; width: 950px; height: 182px; background: url('/files/grafika/header_bg.jpg') 0 0 no-repeat; }
#logo         { float: left; width: 107px; height: 140px; background: none; margin: 29px 0 0 123px; }
#logo a       { position: relative; display: block; width: 107px; height: 140px; overflow: hidden; text-decoration: none; }
#logo a:hover { text-decoration: none; }
#logo a span  { display: block; position: absolute; top: 0; left: 0; width: 107px; height: 140px; background: url('/files/grafika/logo.jpg') 0 0 no-repeat; }

#flash  { float: left; width: 150px; height: 150px; margin: 14px 0 0 501px; }

#pack, #pack2, #pack3
        { position: relative; }
#pack   { background: url('/files/grafika/pack_bg.jpg') 0 0 repeat-y; }
#pack2  { background: url('/files/grafika/pack2_bg.jpg') 0 0 no-repeat; }
#pack3  { background: url('/files/grafika/pack3_bg.jpg') left bottom no-repeat; padding: 8px 33px 40px 33px; min-height: 350px; }

#mainbar { position: relative; float: right; width: 597px; background: none; }
#sidebar { position: relative; float: right; width: 287px; background: none; }

#mainbar h1 { font-size: 170%; color: #ed1c24; font-weight: bold; margin: 0 0 30px 25px; padding: 0; letter-spacing: -1px; }
#content { width: 560px; margin-top: 60px; text-align: justify; line-height: 1.3em; }

#mainmenu                 { margin-left: 36px; width: 216px; min-height: 160px; background: #a40001 url('/files/grafika/mainmenu_bg.jpg') left bottom no-repeat; text-align: center; }
#mainmenu ul              { list-style-type: none; width: 200px; margin: 0 auto; text-align: left; padding-top: 10px; }
#mainmenu ul li           { float: none; width: 200px; background: url('/files/grafika/mainmenu_border.gif') left bottom no-repeat; padding: 3px 0; }
#mainmenu ul li.last      { background: none; }
#mainmenu ul li a         { display: block; width: 178px; margin-left: 11px; text-decoration: none; font-weight: bold; color: #fff; }
#mainmenu ul li a span    { display: block; padding: 5px 5px 5px 35px; background: url('/files/grafika/list2.gif') 25px 10px no-repeat; }
#mainmenu ul li a:hover   { background: #ed1c24; }
#mainmenu ul li a.active  { background: #ed1c24; }

/*
#box_kontakt          { margin-left: 36px; width: 240px; height: 285px; background: #fff url('/files/grafika/box_kontakt_bg.jpg') 0 0 no-repeat; font-size: 90%; line-height: 1.5em; }
#box_kontakt_padding  { padding: 60px 35px 10px 25px; }
#box_kontakt h3       { font-size: 100%; color: #000; padding: 0; margin: 0; }
#box_kontakt a        { color: #ff0000; text-decoration: underline; }
#box_kontakt a:hover  { color: #000; }
#box_kontakt h3.box_kontakt { margin-top: 10px; background: url('/files/grafika/ico_h3_kontakt.gif') 0 4px no-repeat; padding-left: 25px; }
*/

#box_budova           { position: relative; margin: 20px 0 20px 36px; width: 216px; height: 162px; background: #fff; overflow: hidden; }
#box_budova a         { display: block; position: relative; border: 1px solid #999; width: 214px; height: 160px; text-align: center; overflow: hidden; text-decoration: none; }
#box_budova a:hover   { border: 1px solid #000; }
#box_budova span    { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/files/grafika/box_budova_thumb.jpg') 0 0 no-repeat; }

#box_tabule               { margin-left: 36px; width: 240px; height: 189px; background: #fff url('/files/grafika/box_tabule_bg.jpg') 0 0 no-repeat; }
#box_tabule a             { color: #000; }
#box_tabule a:hover       { color: #ed1b1c }
#box_tabule_padding       { padding: 60px 35px 10px 25px; }
#box_tabule h3            { font-size: 100%; color: #000; padding: 0; margin: 0; }
#box_tabule h3.box_tabule { margin-bottom: 10px; background: url('/files/grafika/ico_h3_tabule.gif') 0 3px no-repeat; padding-left: 16px; }

div.box_border { clear: both; width: 191px; height: 1px; overflow: hidden; background: #fff url('/files/grafika/box_border.jpg') 0 0 no-repeat; }

#footer     { font-size: 90%; }
#mainfooter { float: right; margin: 0 35px 0 0; width: 562px; border-top: 1px solid #dadada; padding: 10px 0; text-align: center; }
#sidefooter { float: right; margin: 0 36px 0 0; width: 216px; border-top: 1px solid #dadada; padding: 10px 0; text-align: center; }

#sidefooter a       { font-size: 90%; color: #000; font-weight: normal; text-decoration: none; }
#sidefooter a:hover { color: #ed1b1c; text-decoration: underline; }

div.fotka_ram,
div.fotka_ram_last  { float: left; padding: 5px; background: #dadada; }
div.fotka_ram       { margin: 5px 10px 5px 0; }
div.fotka_ram_last  { margin: 5px 0 5px 0;}

/* menu UL */

div.menu1               { padding: 10px 0 0 5px; font-weight: bold; }
div.menu1 ul            { margin: 0; padding: 0; list-style-type: none; }
div.menu1 ul li         { padding: 2px 0; }
div.menu1 ul li a       { background: url('/files/grafika/list1.gif') 0 5px no-repeat; padding-left: 10px; color: #ed1b1c; text-decoration: underline; }
div.menu1 ul li a:hover   { color: #000; }
div.menu1 ul li a.active  { color: #000; }

div.menu2         { font-weight: bold; }
div.menu2 ul li   { display: inline;  }
div.menu2 ul li a { background: url('/files/grafika/list1.gif') 0 5px no-repeat; font-size: 100%; padding: 0 10px; margin: 0; color: #ed1b1c; }
div.menu2 ul li a:hover   { color: #000; }
div.menu2 ul li a.active  { color: #000; text-decoration: none; }

div.menu3               { margin: 0 10px; font-size: 90%; }
div.menu3 ul            { margin: 0; padding: 0; list-style-type: none; }
div.menu3 ul li         { padding: 2px 0; }
div.menu3 ul li a       { display: inline; padding: 0; margin: 0; border: none; font-size: 100%; color: #000; font-weight: bold; text-decoration: underline; }
div.menu3 ul li a:hover   { color: #ed1b1c; text-decoration: underline; }
div.menu3 ul li a.active  { color: #ed1b1c; }

div.menu4               { margin-left: 20px; }
div.menu4 ul            { margin: 0; padding: 0; list-style-type: square; }
div.menu4 ul li         { padding: 2px 0; }
div.menu4 ul li a       { display: inline; padding: 0; margin: 0; border: none; font-size: 100%; color: #000; font-weight: normal; text-decoration: underline; }
div.menu4 ul li a:hover   { color: #ed1b1c; }
div.menu4 ul li a.active  { color: #ed1b1c; }

/* obchody a sluzby */

h2.obchody { font-size: 100%; margin-bottom: 0; background: #f0f0f0 url('/files/grafika/ico_h3_tabule.gif') 10px 12px no-repeat; padding: 10px 0 10px 26px; }

div.obchody_stlpec      { width: 139px; float: left; border-right: 1px solid #f0f0f0; }
div.obchody_stlpec_last { width: 140px; float: left; }
div.obchody_stlpec_last a,
div.obchody_stlpec a        { display: block; padding: 10px 0 10px 0; margin-bottom: 10px; font-weight: bold; font-size: 100%; color: #ed1b1c; text-decoration: none; text-align: center; border-bottom: 5px solid #f0f0f0; }
div.obchody_stlpec a:hover  { color: #000; text-decoration: underline; }

/* obchody a sluzby >> patro */

div.obchody_patro_stlpec      { width: 279px; float: left; border-right: 1px solid #f0f0f0; }
div.obchody_patro_stlpec_last { width: 280px; float: left; }

div.obchody_patro_stlpec_last div.menu2 { margin: 0 0 0 20px; }

div.obchody_patro_stlpec a        { display: block; padding: 10px 0 10px 10px; margin-bottom: 10px; font-weight: bold; font-size: 100%; color: #ed1b1c; text-decoration: underline; border-bottom: 5px solid #f0f0f0; }
div.obchody_patro_stlpec a:hover  { color: #000; }

div.obchody_patro_stlpec_last a       { display: block; margin: 50px 0 10px 20px; font-size: 120%; font-weight: bold; color: #000; text-decoration: none; }
div.obchody_patro_stlpec_last a:hover { text-decoration: underline; }

/* pronajem prostor */

h2.pronajem { font-size: 160%; font-weight: normal; color: #000; margin: 10px 0 0 0; padding: 0; }

table.table1          { text-align: left; margin-bottom: 10px; }
table.table1 td,
table.table1 th       { vertical-align: top; padding: 5px; }
table.table1 td       { width: 70%; background: #eee; }
table.table1 th       { width: 30%; background: #ddd; font-weight: bold; }
table.table1 a        { color: #ed1b1c; }
table.table1 a:hover  { color: #000; }

form.form1 { margin: 20px 0; }
form.form1 table tr td { padding: 2px 5px; vertical-align: top; }
form.form1 label { display: block; padding-right: 20px; }
form.form1 input { width: 15em; }
form.form1 textarea { width: 15em; height: 7em; }
form.form1 input.submit { font-weight: bold; background: #eee; border: 1px solid #aaa; }

.margin10 { margin: 10px; }

/* kontakt */

div.kontakt_stlpec    { float: left; width: 210px; font-size: 110%; }
div.kontakt_stlpec h3 { font-size: 120%; font-weight: bold; margin: 10px 0 0 0; padding: 0; }
h2.kontakt            { font-size: 160%; border-top: 1px solid #ccc; padding: 20px 0 10px 0; margin: 10px 0; }
div.kontakt_mapa      { text-align: center; }
div.kontakt_mapa img  { margin: 10px auto; }

/* obchod */

div.pas_obchody         { font-size: 100%; margin-bottom: 0; background: #f0f0f0 url('/files/grafika/ico_h3_tabule.gif') 10px 12px no-repeat; padding: 10px 0 10px 26px; }
div.pas_obchody a       { color: #000; }
div.pas_obchody a span  { font-weight: bold; }
div.pas_obchody a:hover { color: #ed1b1c; }

div.obchod_fotky_obal     { margin-top: 10px; border-top: 1px solid #ccc; padding-top: 10px; }
div.obchod_fotky          {  }
div.obchod_fotka          { float: left; margin: 0 15px 15px 0; width: 170px; text-align: center; }
div.obchod_fotka a        { display: block; width: 170px; background: #eee; text-decoration: none; }
div.obchod_fotka a:hover  { background: #ccc; }
div.obchod_fotka img      { margin: 15px auto; border: 1px solid #fff; }
img.obchod_logo           { float: left; margin: 10px 10px 10px 0; }

div.obchod_vypis    { margin: 10px 0 0 0; padding: 0; }
div.obchod_vypis p  { margin: 0; padding: 0; padding-bottom: 10px; }
div.obchod_vypis ul { margin: 10px 0 10px 20px; }