
/* Nejzakladnejsi definice pro obecne parametry */

body { margin: 0 0 0 0; padding: 0; color: #a4a4a4; font: normal 11px Tahoma, Arial, Helvetica, sans-serif; background: #242424; }
html { margin: 0; padding: 0; }
img { border: 0; }
form { padding: 0; margin: 0; }
input, select, textarea { vertical-align: middle; font: normal 11px Tahoma, Arial, Helvetica, sans-serif; }
a { color: #ffffff; text-decoration: underline; }
a:hover { color: #bb0001; }

/* Zakladni definice pro konkretni tridy */

.hidden { display: none; }
.konec { clear: both !important; font-size: 0% !important; width: 1px !important; height: 1px !important; display: block !important; overflow: hidden; }
.konec-levy  { clear: left  !important; font-size: 0% !important; width: 1px !important; height: 1px !important; display: block !important; overflow: hidden; }
.konec-pravy { clear: right !important; font-size: 0% !important; width: 1px !important; height: 1px !important; display: block !important; overflow: hidden; }
.none { margin: 0 !important; padding: 0 !important; }
.nobg { background: none !important; }
.fll { float: left; }
.flr { float: right; }
.notlikeul, .notlikeul li { margin: 0; padding: 0 0 2px 0; list-style: none; }
.nowrap { white-space: nowrap !important; }
.center { text-align: center; }
.icon { margin-bottom: -2px; }
.align-rig { text-align: right !important; }
.align-lef { text-align: left !important; }
.align-cen { text-align: center !important; }
h1, h2, h3, h4, h5 { margin: 0; padding: 0 0 10px 0; }
p { margin: 0; padding: 0 0 10px 0; line-height: 21px; }

/* Zakladni definice pro konkretni tagy a tridy */

input.tx { padding: 1px 2px; color: #928c7f; }
input.tl { cursor: pointer; border: 0; margin: 0; padding: 0 }
.tlac { cursor: pointer; border: 0; color: #ffffff; text-decoration: none; display: block; text-align: center; }
.tlac:hover {  text-decoration: underline; color: #ffffff; }
.velka { text-transform: uppercase; }
.cervene { color: #bb0001; }

/* Rozsirene DEFINICE dalsich elementu */

a.gray, a.sedy_odkaz {
    background: transparent url('images/ikona_sipka_seda.gif') no-repeat left 4px;
    color: #777777;
    padding-left: 12px; }
    
a.gray:hover, a.sedy_odkaz:hover {
    background: transparent url('images/ikona_sipka_bila.gif') no-repeat left 4px;
    color: #ffffff; }
    
a.gray_noimg, a.sedy_odkaz_bez_sipky {
    color: #777777; }
    
a.gray_noimg:hover, a.sedy_odkaz_bez_sipky:hover {
    color: #ffffff; }
    
a.red, a.cerveny_odkaz {
    background: transparent url('images/ikona_sipka_cervena.gif') no-repeat left 4px;
    color: #bb0001;
    padding-left: 12px; }
    
a.red:hover, a.cerveny_odkaz:hover {
    background: transparent url('images/ikona_sipka_bila.gif') no-repeat left 4px;
    color: #ffffff; }
    
a.red_noimg , a.cerveny_odkaz_bez_sipky {
    color: #bb0001; }
    
a.red_noimg:hover, a.cerveny_odkaz_bez_sipky:hover {
    color: #ffffff; }
    
a.white, a.bily_odkaz {
    background: transparent url('images/ikona_sipka_bila.gif') no-repeat left 4px;
    color: #ffffff;
    padding-left: 12px; }
    
a.white:hover, a.bily_odkaz:hover {
    background: transparent url('images/ikona_sipka_cervena.gif') no-repeat left 4px;
    color: #bb0001; }
    
a.white_noimg, a.bily_odkaz_bez_sipky {
    color: #ffffff; }
    
a.white_noimg:hover, a.bily_odkaz_bez_sipky:hover {
    color: #bb0001; }
    
a.white.vybrano {
    background: transparent url('images/ikona_sipka_bila.gif') no-repeat left 4px;
    color: #ffffff;
    text-decoration: none; }
    
a.white.vybrano:hover {
    background: transparent url('images/ikona_sipka_bila.gif') no-repeat left 4px;
    color: #ffffff; }
    
a.white_predchozi {
    background: transparent url('images/ikona_predchozi_bila.gif') no-repeat 12px center;
    color: #ffffff;
    font-weight: bolder;
    text-decoration: none;
    padding-left: 12px; }
    
a.white_predchozi:hover {
    background: transparent url('images/ikona_predchozi_bila.gif') no-repeat 12px center;
    color: #bb0001; }
    
a.white_dalsi {
    background: transparent url('images/ikona_dalsi_bila.gif') no-repeat right center;
    color: #ffffff;
    font-weight: bolder;
    text-decoration: none;
    padding-right: 12px; }
    
a.white_dalsi:hover {
    background: transparent url('images/ikona_dalsi_bila.gif') no-repeat right center;
    color: #bb0001; }

h1 {
    color: #ffffff;
    font: bolder 17px "Trebuchet", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    padding: 0 0 9px 0; }

h3 {
    color: #bb0001;
    font: bolder 11px Tahoma, Arial, Helvetica, sans-serif;
    padding: 0 0 7px 0; }
    
h3 a {
    color: #bb0001;
    text-decoration: none; }
    
h3 a:hover {
    color: #bb0001;
    text-decoration: underline; }
    
h4 {
    color: #ffffff;
    font: bolder 11px Tahoma, Arial, Helvetica, sans-serif;
    padding: 0 0 3px 0; }       

/* ============================= HOMEPAGE =================================== */

div.lay_position {
    width: 833px;
    margin: 0;
    text-align: left;
    clear: both; }
    
#body_decor1 {
    background: #292929;
    height: 158px; }
    
#lay_head {
    background: #181818;
    height: 158px; }

#lay_head div.logo {
    width: 257px;
    height: 158px;
    overflow: hidden;
    float: left; } 

#mainmenu {
    float: left;
    width: 258px;
    list-style: none;
    padding: 0;
    margin: 0; }
    
#mainmenu li {
    height: 17px;
    margin: 0 0 3px 0;
    width: 255px;
    list-style: none;
    padding: 0; }
    
#mainmenu li a {
    display: block;
    background: transparent url('images/ikona_ctverec.gif') no-repeat 25px 6px;
    padding: 0 0 0 38px;
    text-decoration: none;
    height: 17px; }
    
#mainmenu li a:hover, #mainmenu li a.vyber {
    background-image: url('images/ikona_ctverec_cerveny.gif');
    background-color: #ffffff !important;
    color: #bb0001; }
    
#mainmenu li a strong {
    display: block;
    padding: 2px 0 0 0; }   
    
#mainmenu li.menu0 a { background-color: #cf0001; }
#mainmenu li.menu1 a { background-color: #c50001; }
#mainmenu li.menu2 a { background-color: #b60001; }
#mainmenu li.menu3 a { background-color: #a40001; }
#mainmenu li.menu4 a { background-color: #990001; }
#mainmenu li.menu5 a { background-color: #920001; }
#mainmenu li.menu6 a { background-color: #7e0001; }
#mainmenu li.menu7 a { background-color: #760001; }

#mainmenu li.menu0, #mainmenu li.menu0 a {
    height: 18px; }
 
#mainmenu li.menu0 a {  
    background-position: 25px 7px; }
    
#mainmenu li.menu0 a strong {
    padding: 3px 0 0 0; } 

#mainmenu li.menu7 {
    margin: 0; }
    
#lay_head div.flash {
    float: left;
    width: 315px;
    height: 158px;
    background: transparent url('images/hlavicka_interier.png') no-repeat left top; }

#body_decor2 {
    background: #181818 url('images/html_lista.gif') repeat-x left bottom;
    height: 42px; }
    
#lay_hrefs {
    height: 38px;
    padding: 0 3px 0 29px;
    border-bottom: 4px solid #ffffff; }
        
#lay_hrefs div.left {
    float: left;
    padding-top: 11px; }  
    
#lay_hrefs div.left a {
    padding-right: 20px; }  
    
#lay_hrefs div.right {
    float: right;
    padding-top: 11px; } 
    
#lay_hrefs div.right a {
    padding-left: 20px; }     
    
#body_decor3 {
    background: #181818 url('images/html_lista.gif') repeat-x left bottom; }

#body_decor3 div.lay_position {
    background: transparent url('images/telo_pozadi.gif') repeat-y left top; 
    border-bottom: 4px solid #ffffff; }
   
#column_left {
    width: 254px;
    float: left;
    color: #cacaca; }
    
#column_left div.inner {
    padding: 14px 0 20px 24px; }
    
#column_left div.aktualita {
    border-top: 1px solid #292929;
    padding: 9px 5px 2px 0; }

#column_left div.aktualita_vice {
    border-top: 1px solid #292929;
    padding: 1px 0 0 0; }

#column_left div.aktualita_vice div {
    border-top: 1px solid #292929;
    padding: 10px 0 0 0; }

#column_left div.galerie_kategorie {
    border-top: 1px solid #292929;
    padding: 2px 2px 0 0; }  
    
#column_left div.galerie_kategorie a {
    background: #212121 url('images/ikona_sipka_seda.gif') no-repeat 12px 10px;
    color: #ffffff;
    font-weight: bolder;
    text-decoration: none;
    display: block;
    padding: 7px 0 7px 24px;
    margin-bottom: 2px; }
    
#column_left div.galerie_kategorie a:hover, #column_left div.galerie_kategorie a.vyber {
    background: #b30101 url('images/ikona_sipka_bila.gif') no-repeat 12px 10px; }
    
#column_right {
    width: 578px;
    padding-bottom: 40px;
    float: left; }
    
#column_right div.inner {
    padding: 14px 33px 25px 23px; }

#column_right div.inner_gray {
    padding: 14px 33px 5px 23px;
    margin-bottom: 3px;
    background: #252525; }

#column_right h1.program {
    padding-bottom: 2px;
    padding-top: 5px; }
    
#column_right div.filtr {
    padding: 5px 0 11px 0; }
    
#column_right div.filtr a {
    margin: 0 20px 0 0; }
    
#column_right h1.napsalionas {
    background: #ffffff; }
    
#decor_footer {
    background: #181818; }    
    
#lay_footer {
    padding: 0 3px 7px 24px; }
        
#lay_footer div.left {
    float: left;
    padding-top: 8px; }  
    
#lay_footer div.right {
    float: right;
    padding-top: 17px;
    color: #7e7e7e; }  

#lay_footer div.right span.light {
    color: #424242; }
    
#lay_footer div.right span {
    padding-left: 25px; }
    
#lay_autors {
    padding: 10px 3px 16px 0;
    background: #242424; }  
    
#lay_autors div {
    text-align: right;
    color: #848484;
    font-size: 10px; }
    
#lay_autors a {
    color: #848484; }  
    
#lay_autors a:hover {
    color: #ffffff; }  
    
    
table.table_program {
    width: 100%;
    color: #ffffff; }
    
table.table_program th {
    padding: 6px 2px 6px 2px;
    font-weight: bolder; }
    
table.table_program td {
    padding: 4px 5px 4px 15px; }
    
table.table_program td.nazev {
    padding: 4px 5px 4px 25px;
    font-weight: bolder; }

table.table_program td.detail {
    padding: 0;
    text-align: center; } 
    
table.table_program td.detail a {
    display: block;
    width: 30px;
    height: 16px;
    background: url('images/ikona_plus.gif') no-repeat center center;
    margin: 0 auto; } 
    
table.table_program td.detail a:hover {
    background-image: url('images/ikona_plus_hover.gif'); }
    
table.table_program tr.lichy td {
    background: #383838;
    border-bottom: 1px solid #212121; }
    
table.table_program tr.sudy {
    background: #282828;
    border-bottom: 1px solid #212121; }
    
table.listovani {
    border-top: 1px solid #424242;
    border-bottom: 1px solid #424242;
    width: 100%;
    margin-bottom: 10px; }
    
table.listovani td {
    padding: 3px 0; }

table.listovani td a {
    background-color: #2c2c2c;
    padding: 8px 0;
    text-align: center;
    display: block;
    width: 150px; }
    
table.listovani td a:hover {
    background-color: #b30101;
    color: #ffffff; }
    
table.listovani_aktuality td a {
    width: 180px; }
    
table.listovani_pripravujeme td a {
    width: 200px; }
    
#program_detail h4 {
    padding: 6px 0 5px 0; }
    
#galerie div {
    float: left;
    width: 130px;
    text-align: center; }
    
#galerie div a {
    text-decoration: none;
    color: #5e5e5e; }
    
#galerie div a span {
    display: block;
    padding: 5px 0 20px 0; }
    
#galerie div a img {
    border: 1px solid #343434;
    padding: 3px; }
    
#galerie div a:hover {
    color: #ffffff; }
    
#galerie div a:hover img {
    border: 1px solid #ffffff; }
    
table.strankovani {
    width: 100%;
    margin-bottom: 10px; }
    
table.strankovani td {
    padding: 3px 0; }
    
table.strankovani table td {
    background: #2c2c2c;
    padding: 8px 6px; }
    
table.strankovani td a.white_dalsi, table.strankovani td a.white_predchozi {
    background-color: #2c2c2c;
    padding: 8px 0;
    text-align: center;
    display: block;
    width: 120px; }
    
table.strankovani td a.white_dalsi:hover, table.strankovani td a.white_predchozi:hover {
    background-color: #b30101;
    color: #ffffff; }
    
#mapastranek ul, #mapastranek li {
    padding: 0;
    margin: 0;
    list-style: none; }
    
#mapastranek li {
    padding: 0 0 8px 0;
    font-weight: bolder; }
    
#mapastranek li ul {
    padding: 6px 0 0 30px;
    font-weight: bolder; }    

#mapastranek li ul li {
    padding: 0 0 3px 0;
    font-weight: normal; }
    
.display p.anotace {
    border-top: 1px solid #424242;
    border-bottom: 1px solid #424242;
    padding: 4px 0 8px 0; }
    
.display p.anotace span.vice {
    float: right; }

.display .nadpis_podtrzeni, .nadpis_podtrzeni {
    border-bottom: 1px solid #424242;
    margin-bottom: 10px; }
    
.display_text {
    color: #ffffff; }
    
.display {
    line-height: 21px; }
    
.display ul {
    padding: 0 0 0 15px;
    margin: 10px 0; }

    
.display img.outline_obrazku {
    border: 1px solid #343434;
    padding: 3px; }
