/* -------------------------------------------
Soubor: style-ie.css
Nazev: main styl pro www.chapeaurouge.cz
Autor: Jan Hommer
Datum: 08-2008
------------------------------------------- */

html, body {
height: 100%;
}

body {
  padding: 0;
  margin: 0;
  background: #383838 url(bg_body.jpg) top center repeat-x;
  font-family: Tahoma;
  font-size: 11px;
}

/* -------------------------------------------
    Div s hlavn�m pozad�m
------------------------------------------- */

#page {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 100%;
  margin: 0 auto;
  overflow: hidden;
  background: url(bg_page.jpg) top center no-repeat;
}

body>#page {
  height: auto;
}

/* -------------------------------------------
    Div s logem, menu, obsahem
------------------------------------------- */

#main {
  position: relative;
  width: 992px;
  margin: 0 auto;
}

/* -------------------------------------------
    Logo
------------------------------------------- */

#logo {
  position: relative;
  float: left;
  width: 216px;
  height: 170px;
  
}

#logo h1 {
  position: relative;
  float: left;
  padding: 0;
  margin: 0;
}

#logo h1 span {
  position: absolute; 
  display: block;
  width: 216px;
  height: 170px;
  left: 0; 
  top: 0; 
  z-index: 1;
  cursor: pointer;
  background: url(bg_logo.jpg) no-repeat;
}

/* -------------------------------------------
    Vysouvac� menu
------------------------------------------- */

#menu {
  position: absolute;
  float: right;
  left: 200px;
  z-index: 10;
}

.menu {
  list-style: none;
  position: relative;
  height: 28px;
  padding: 0;
  margin: 0 0 0 20px;
  z-index: 500;
}

.menu li a {
  float: left;
  display: block;
  height: 28px;
  padding: 15px 0 0 10px;
  margin: 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  color: red;
  font-size: 2px;
    
}

.menu li.top {
  float: left;
  display: block;
}

.menu table {
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  left: 0;
  border-collapse: collapse;
}

.menu a:hover {
  position: relative;
  visibility: visible;
  z-index: 200;
}

.menu li:hover {
  position: relative;
  z-index: 200;
}

.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {
  position: absolute;
  left: -9999px;
  top: -9999px;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.menu :hover ul.sub {
  width: 50px; /* pridano */
  height: 35px;
  top: 25px;
  left: 5px;
  padding: 15px 0 0;
  z-index: 300;
  white-space: nowrap;
}

.menu :hover ul.sub li {
  position: relative;
  float: left;
  display: block;
  height: 28px;
  background: url(bg_menu_sub-right.png) top right no-repeat;
}

.menu :hover ul.sub li a {
  display: block;
  float: left;  /* pridano */  
  padding: 7px 0 7px 20px;
  padding: 7px 0 0 20px;
  margin: 0 24px 0 0;
  background: url(bg_menu_sub-left.png) top left no-repeat;
  text-decoration: none;
  font-weight: bold;
  color: #000;
  font-size: 11px;
}

.menu :hover ul.sub li a:hover {
  color: white;
}

.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul {
  left: 137px;
  width: 137px;
  height: auto;
  top: -4px;
  padding: 4px 0 0;
  z-index: 400;
  white-space: nowrap;
}

.menu li#item-1 a span, .menu li#item-1 a:hover span,
.menu li#item-2 a span, .menu li#item-2 a:hover span,
.menu li#item-2en a span, .menu li#item-2en a:hover span,
.menu li#item-3 a span, .menu li#item-3 a:hover span,
.menu li#item-4 a span, .menu li#item-4 a:hover span,
.menu li#item-5 a span, .menu li#item-5 a:hover span,
.menu li#item-5en a span, .menu li#item-5en a:hover span,
.menu li#item-6 a span, .menu li#item-6 a:hover span,
.menu li#item-7 a span, .menu li#item-7 a:hover span,
.menu li#item-7en a span, .menu li#item-7en a:hover span,
.menu li#item-8 a span, .menu li#item-8 a:hover span,
.menu li#item-9 a span, .menu li#item-9 a:hover span {
  position: absolute;
  height: 35px;
  top: 0;
  left: 0;
  z-index: 1;
  cursor: hand;
}

.menu li#item-1 {
  position: relative;
  width: 90px;
}

.menu li#item-1 a span {
  width: 90px;
  background: url(bg_menu_item-1.png) no-repeat;
}

.menu li#item-2 {
  position: relative;
  width: 131px;
}

.menu li#item-2 a span {
  width: 131px;
  background: url(bg_menu_item-2.png) no-repeat;
}

.menu li#item-2en {
  position: relative;
  width: 131px;
}

.menu li#item-2en a span {
  width: 100px;
  background: url(bg_menu_item-2en.png) no-repeat;
}

.menu li#item-3 {
  position: relative;
  width: 118px;
}

.menu li#item-3 a span {
  width: 118px;
  background: url(bg_menu_item-3.png) no-repeat;
}

.menu li#item-4 {
  position: relative;
  width: 158px;
}

.menu li#item-4 a span {
  width: 158px;
  background: url(bg_menu_item-4.png) no-repeat;
}

.menu li#item-5 {
  position: relative;
  width: 103px;
}

.menu li#item-5 a span {
  width: 103px;
  background: url(bg_menu_item-5.png) no-repeat;
}

.menu li#item-5en {
  position: relative;
  width: 103px;
}

.menu li#item-5en a span {
  width: 103px;
  background: url(bg_menu_item-5en.png) no-repeat;
}

.menu li#item-6 {
  position: relative;
  width: 96px;
}

.menu li#item-6 a span {
  width: 96px;
  background: url(bg_menu_item-6.png) no-repeat;
}

.menu li#item-7 {
  position: relative;
  width: 76px;
}

.menu li#item-7 a span {
  width: 76px;
  background: url(bg_menu_item-7.png) no-repeat;
}

.menu li#item-7en {
  position: relative;
  width: 76px;
}

.menu li#item-7en a span {
  width: 76px;
  background: url(bg_menu_item-7en.png) no-repeat;
}

.menu li#item-8 {
  position: relative;
  width: 40px;
}

.menu li#item-8 a span {
  width: 40px;
  background: url(bg_menu_item-8.png) no-repeat;
}

.menu li#item-9 {
  position: relative;
  width: 40px;
}

.menu li#item-9 a span {
  width: 40px;
  background: url(bg_menu_item-9.png) no-repeat;
}

/* -------------------------------------------
Ikonky u hledani
--------------------------------------------*/
#fb, #ms, #ub {
  background:transparent url(fcb.png) no-repeat scroll right center;
  height:48px;
  position:absolute;
  right:240px;
  top:36px;
  width:50px;
}

#fb a, #ms a, #ub a {
  height:48px;
  width:50px;
  display:block;
  text-align:center;
  font-size:0px;
}
#ms {
  background:transparent url(ms.png) no-repeat scroll right center;
  right:285px;
}

#ub {
  background:transparent url(ub.png) no-repeat scroll right center;
  height:48px;
  position:absolute;
  right:335px;
  top:36px;
  width:125px;
}
#ub a {
  width:125px;
}

/* -------------------------------------------
    Hled�n�
------------------------------------------- */

#search {
  position: relative;
  float: right;
  width: 242px;
  height: 45px;
  margin: 35px 0 0;
  background: url(bg_search.png) right no-repeat;
}

#search:hover, #search.hover {
  z-index: 1111;
}

#search p {
  padding: 15px 15px 0 0;
  margin: 0;
  text-align: right;
}

#search input {
  width: 110px;
  height: 15px;
  padding: 0 0 0 30px;
  margin: 0 7px 0 0;
  border: none;
  background: none;
}

#search input.submit {
  width: 60px;
  height: 17px;
  margin: 0;
  cursor: Hand;
  cursor: Pointer;
}

/* -------------------------------------------
    Horn� a doln� okraj obsahu
------------------------------------------- */

#content-top,
#content-bottom {
  position: relative;
  float: right;
  width: 776px;
  height: 20px;
  margin: 0;
  background: url(bg_content-top.png) no-repeat;
}

#content-bottom {
  background: url(bg_content-bottom.png) no-repeat;
}

/* -------------------------------------------
    Obsah + z�kl. styly
------------------------------------------- */

#content {
  position: relative;
  float: right;
  width: 776px; 
  margin: 0;
  background: url(http://www.chapeaurouge.cz/styles/bg_content.png) repeat-y;
  color: #fff;
}


#content h2 {
  width: 137px;
  width: 200px;
  height: 39px;
  padding: 8px 0 5px 15px;
  margin: -7px 0 0 -4px;
  margin: -17px 0 0 -8px;
  background: url(bg_content-h2-big.png) no-repeat;
  z-index: 5;
  text-align: center;
  text-align: left;
  color: #000;
/*  font-family: Georgia; */
  font-size: 20px;
  font-size: 12pt;

}

#content h2.home {
  background: url(bg_content-h2.png) no-repeat;
  margin: -7px 0 0 -4px;
}

#content a {
  text-decoration: underline;
  font-weight: bold;
  color: #ff7800;
}

#content a:hover {
  text-decoration: none;
}

#content strong {
  color: #ff7800;
}

#content p {
  padding: 0 20px 8px;
  margin: 0;
}

#content img {
  border: none;
}

#content p.center {
  text-align: center;
}

#content p.right {
  text-align: right;
}

#content p.right a {
  padding: 0 20px 0 0;
  background: url(bg_content-right-a.png) center right no-repeat;
}

/* -------------------------------------------
    Program na homepage
------------------------------------------- */

#content #program {
  position: relative;
  float: left;
  width: 538px;
  height: 262px;
  margin: 0 0 7px 14px;
  background: url(bg_content_program.jpg) no-repeat; 
}

#content #program div {
	overflow : auto;
  height: 222px;	
  margin: -15px 10px 0 10px;
}

#content #program table {
/*  margin: 0 15px; */
/*  margin: -15px 10px 0 10px; */
}

#content #program table tr td {
  vertical-align: top;
  padding: 1px 3px;
}

#content #program table tr td a {
  font-weight: normal;
}
       
#content #program table tr td a strong {
  color: #ff7800;
}    

#content #program table tr td strong {
  color: #fff;
}

#content #program table td.patro {
  width: 100px;
  padding-left: 20px;
}
/* -------------------------------------------
    Tip na homepage
------------------------------------------- */

#content #tip {
  position: relative;
  float: left;
  width: 538px;
  height: 42px;
  margin: 0 0 7px 14px;
  background: url(bg_content_tip.jpg) no-repeat;
}

#content #tip p {
  padding: 12px;
  margin: 0;
  text-align: center;
  font-size: 12px;
}

#content #tip p strong {
  color: #fff;
}

#content #tip table {
  margin-top: 4px;
}

#content #tip .tipcontainer {
  height: 30px;  
  width: 450px;   
  margin: 0 2px;
}

/* -------------------------------------------
    Novinky na homepage
------------------------------------------- */

#content #novinky {
  position: relative;
  float: left;
  width: 538px;
  height: 172px;
  margin: 0 0 7px 14px;
  background: url(bg_content_novinky.jpg) no-repeat;
}

#content #novinky div {
	overflow : auto;
  height: 132px;	
  margin: -10px 10px 0 10px;
}

/* -------------------------------------------
    Souteze na homepage
------------------------------------------- */

#content #souteze {
  position: relative;
  float: left;
  width: 538px;
  height: 172px;
  margin: 0 0 0 14px;
  background: url(bg_content_souteze.jpg) no-repeat;
}

#content #souteze p.center {
  padding: 0;
  margin: 0 0 -10px;
}

/* -------------------------------------------
    Plakat na homepage
------------------------------------------- */

#content #plakat {
  position: relative;
  float: right;
  width: 207px;
  height: 310px;
  margin: 0 12px 0 0;
  background: url(bg_content_plakat.jpg) no-repeat;
}

#content #plakat p.plakat {
  padding: 0;
  margin: 0;
  text-align: center;
}

#content #plakat p.plakat img {
  border: none;
}

#content #plakat p.listing {
  padding: 15px 0;
  margin: 0;
  text-align: center;
}

#content #plakat p.listing a {
  padding: 7px 10px;
  background: #fff;
  text-decoration: none;
  color: #003867;
}

/* -------------------------------------------
    Reporty na homepage
------------------------------------------- */

#content #reporty {
  position: relative;
  float: right;
  width: 207px;
  height: 352px;
  margin: 0 12px 0 0;
  background: url(bg_content_reporty.jpg) no-repeat;
/*  overflow: auto; */ 
}

#content #reporty div {
	overflow : auto;
  height: 312px;	
  margin: -10px 10px 0 10px;
}

#content #reporty p.report {
  padding: 5px 0 20px;
  text-align: center;
}

/* -------------------------------------------
    Akce na podstran�
------------------------------------------- */

#content #akce-top {
  position: relative;
  width: 752px;
  height: 30px;
  margin: 10px 14px 0;
  background: url(bg_content_akce-top.gif) no-repeat;
  z-index: 2;
}

#content #akce {
  position: relative;
  width: 752px;
  margin: 0 14px;
  background: url(bg_content_akce.gif) repeat-y;
  min-height: 250px;
}

#content #akce h4 {
  padding: 20px 25px 0;
  margin: 0;
  font-size: 14px;
}

#content #akce strong {
  color: #fff;
}

#content #akce a {
  font-weight: normal;
}

#content #akce p {
  padding: 20px 25px 0;
  margin: 0;
}

#content #akce p.nav {
  padding: 25px 25px 0;
  margin: 0;
}

#content #akce p.nav a {
  padding: 0 0 0 15px;
  background: url(bg_content_akce-nav.gif) center left no-repeat;
}

#content #akce table {
  margin: 20px 22px 0;
}

#content #akce table tr td {
  vertical-align: top;
}

#content #akce-bottom {
  position: relative;
  width: 752px;
  height: 24px;
  margin: 0 14px 20px;
  background: url(bg_content_akce-bottom.gif) no-repeat;
}

/* -------------------------------------------
    ��inkuj�c� na podstran�
------------------------------------------- */

#content #ucinkujici-top {
  position: relative;
  width: 752px;
  height: 30px;
  margin: 0 14px;
  background: url(bg_content_ucinkujici-top.gif) no-repeat;
  z-index: 2;
  
}

#content #ucinkujici {
  position: relative;
  width: 752px;
  margin: 0 14px;
  background: url(bg_content_ucinkujici.gif) repeat-y;
  min-height: 310px;
  padding-left: 20px;
}

#content #ucinkujici h4 {
  padding: 20px 25px 0;
  margin: 0;
  font-size: 11px;
  color: #ffb200;
}

#content #ucinkujici p {
  padding: 20px 25px 0;
  margin: 0;
}

#content #ucinkujici strong {
  color: #fff;
}

#content #ucinkujici img {
  margin: 0 0 0 15px;
  border: 0px solid #002f4a;
}

#content #ucinkujici table {
  margin: 20px 22px 0;
}

#content #ucinkujici table tr td {
  vertical-align: top;
}

#content #ucinkujici-bottom {
  position: relative;
  width: 752px;
  height: 25px;
  margin: 0 14px;
  background: url(bg_content_ucinkujici-bottom.gif) no-repeat;
}

#content #ucinkujici {
    padding-right: 20px;
}

/* -------------------------------------------
    Clear pro pati�ku v�dy dole
------------------------------------------- */

hr {
  position: relative;
  clear: both;
  width: 100%;
  padding: 0 0 150px;
  visibility: hidden;
}

/* -------------------------------------------
    Box s partnery
------------------------------------------- */

#links {
  position: relative;
  float: right;
  width: 524px;
  height: 84px;
  padding: 45px 30px 0 8px;
  margin: 32px 91px 0 0;
  background: url(bg_links.png) no-repeat;
}

#links p {
  padding: 0;
  margin: 0;
}

#links p a {
  display: block;
  float: left;
  width: 87px;
  height: 42px;
}

#links p a span {
  display: none;
}

/* -------------------------------------------
    Pati�ka
------------------------------------------- */

#footer {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 105px;
  bottom: 0;
  left: 0;
  background: url(bg_footer.gif) top;
}

#footer-in {
  position: relative;
  width: 950px;
  margin: 0 auto;
}

#footer p {
  padding: 0;
  margin: 0;
  font-size: 9px;
}

#footer p.copy {
  float: left;
  padding: 0 0 0 35px;
  margin: 15px 0 0;
  background: url(bg_footer-copy.gif) top left no-repeat;
  color: #707070;
}

#footer p.copy span {
  color: #707070;
}

#footer p.backlinks {
  float: right;
  padding: 15px 0 0 0;
  margin: 0;
  color: #707070;
  text-align: right;
}

#footer p.backlinks span {
  color: #707070;
}

#footer a {
  color: #707070;
}

#footer a:hover {
  text-decoration: none;
}

#flash {
  position: absolute;
  width: 226px;
  height: 551px;
  margin: 0 0 0 -496px;
  padding: 150px 0 0 0;
  top: 169px;
  left: 50%;
  z-index: 10;
  text-align: center;
}


/* -------------------------------------------
    Stranka static na podstran�
------------------------------------------- */

#content #stranka-static-top, #content #stranka-mapa-top, #content #stranka-bar-top, #content #stranka-klub-top, #content #stranka-underground-top {
  position: relative;
  width: 752px;
  height: 30px;
  margin: 10px 14px 0;
  background: url(bg_content_akce-top.gif) no-repeat;
  z-index: 2;
}

#content #stranka-mapa-top {
  background-image: url(bg_content_mapa-top.gif);
}

#content #stranka-bar-top {
  background-image: url(bg_content_bar-top.gif);
}

#content #stranka-klub-top {
  background-image: url(bg_content_klub-top.gif);
}

#content #stranka-underground-top {
  background-image: url(bg_content_underground-top.gif);
}

#content #stranka-static, #content #stranka-mapa, #content #stranka-bar, #content #stranka-klub, #content #stranka-underground {
  position: relative;
  width: 752px;
  margin: 0 14px;
  background: url(bg_content_akce.gif) repeat-y;
  min-height: 565px;
  padding: 0 30px 0 20px;
}

#content #stranka-mapa {
  background-image: url(bg_content_mapa.gif);
}

#content #stranka-bar {
  background-image: url(http://www2.chapeaurouge.cz/styles/bg_content_bar.gif);
}

#content #stranka-klub {
  background-image: url(http://www2.chapeaurouge.cz/styles/bg_content_klub.gif);
}

#content #stranka-underground {
  background-image: url(http://www2.chapeaurouge.cz/styles/bg_content_underground.gif);
}

#content #stranka-static h4, #content #stranka-mapa h4, #content #stranka-bar h4, #content #stranka-klub h4, #content #stranka-underground h4 {
  padding: 20px 25px 0;
  margin: 0;
  font-size: 14px;
}

#content #stranka-static strong, #content #stranka-mapa strong, #content #stranka-bar strong, #content #stranka-klub strong, #content #stranka-underground strong {
  color: #fff;
}

#content #stranka-static a, #content #stranka-mapa a, #content #stranka-bar a, #content #stranka-klub a, #content #stranka-underground a {
  font-weight: normal;
}

#content #stranka-static p, #content #stranka-mapa p, #content #stranka-bar p, #content #stranka-klub p, #content #stranka-underground p {
  padding: 20px 25px 0;
  margin: 0;
}

#content #stranka-static p.nav, #content #stranka-mapa p.nav, #content #stranka-bar p.nav, #content #stranka-klub p.nav, #content #stranka-underground p.nav {
  padding: 25px 25px 0;
  margin: 0;
}

#content #stranka-static p.nav a, #content #stranka-mapa p.nav a, #content #stranka-bar p.nav a, #content #stranka-klub p.nav a, #content #stranka-underground p.nav a {
  padding: 0 0 0 15px;
  background: url(bg_content_akce-nav.gif) center left no-repeat;
}

#content #stranka-static table, #content #stranka-mapa table, #content #stranka-bar table, #content #stranka-klub table, #content #stranka-underground table {
  margin: 20px 0 0 0;
}

#content #stranka-static table tr td, #content #stranka-mapa table tr td, #content #stranka-bar table tr td, #content #stranka-klub table tr td, #content #stranka-underground table tr td {
  vertical-align: top;
}

#content #stranka-static-bottom, #content #stranka-mapa-bottom, #content #stranka-bar-bottom, #content #stranka-klub-bottom, #content #stranka-underground-bottom {
  position: relative;
  width: 752px;
  height: 24px;
  margin: 0 14px 20px;
  background: url(bg_content_akce-bottom.gif) no-repeat;
}

#content #stranka-mapa-bottom {
  background-image: url(bg_content_mapa-bottom.gif);
}

#content #stranka-bar-bottom {
  background-image: url(bg_content_bar-bottom.gif);
}

#content #stranka-klub-bottom {
  background-image: url(bg_content_klub-bottom.gif);
}

#content #stranka-underground-bottom {
  background-image: url(bg_content_underground-bottom.gif);
}

#content tr.date {
background-color: #8B0100;
}

#content #stranka-bar tr.date {
background-color: #40004F;
}

#content #stranka-klub tr.date {
background-color: #323C00;
}

#content #stranka-underground tr.date {
background-color: #002E5A;
}


#content tr.sudy {

}

/*#content tr.program_activ {
background-color: #005C9D;
background-color: #338000;
} */

#content tr.program_activ {
background-color: #005C9D;

}





/* -- easy slide homepage -- */
td#easyslidelink .link_nor{// for clickable normal link
font: normal 100% "Arial", "Lucida Grande",Verdana, Sans-Serif;
padding:4px 4px 4px 4px;
text-align:center;
color:white;
}

#easyslidelink .link_act {// for clickable active link
font: bold 100% "Arial", "Lucida Grande",Verdana, Sans-Serif;
padding:4px 4px 4px 4px;
text-align:center;
color:black;
}
 
#easyslide {
  padding-left: 35px;
}


/* -- program samostatny -- */
#content #pager {
  text-align: center;
  width: 100%;
  display: block;
  font-weight: bold;
}

#content  #pager a.previous {
  font-weight: bold;
  padding: 0 10px 0 20px;
  background: url('/styles/bg_content-left-a.png')  center left no-repeat;
}

#content #pager a.next {
  font-weight: bold;
  padding: 0 20px 0 10px;
  background: url('/styles/bg_content-right-a.png') center right no-repeat;
}

#content table.programlist {
  width: 700px;
}

#content table.programlist td {
  padding: 5px;
}

#content table.programlist td.patro {
  width: 100px;
}

/* -- interpreti -- */
#content #alphabet {
  text-align: center;
  width: 100%;
  display: block;
  font-weight: bold;
}

#content #alphabet a {
  font-weight: bold;
  padding: 0 3px;
  font-size: 1.1em;
}

.galerie-foto {
    float:left;
    margin: 0 20px;
    text-align:center;
}

.galery {
  
    margin:0 auto;
    padding:0 auto;
    
}

input.previous {
  color: #FF7800;
  font-weight: bold;
  border:0px none black;
  padding: 0 20px 0 20px;
  text-decoration: underline;           
  background: url('/styles/bg_content-left-a.png')  center left no-repeat;
}

input.next {
  color: #FF7800;
  font-weight: bold;
  border:0px none black;
  padding: 0 20px 0 10px;
  text-decoration: underline;
  background: url('/styles/bg_content-right-a.png') center right no-repeat;
  
}
input.next:hover, input.previous:hover {
  cursor: Pointer;    
  _cursor: Hand;    
 
}


.result {
    width:450px;
    padding:10px 0 10px 40px;
    
}


.foto-first {
    float: right;
    padding-right: 20px;
}

div.vnitrek {
    padding: 0px 35px 0 0;
    
} 
#stranka-static span{
    font-weight: bolder;
    
}

hr.cleaner {
    
    padding:0 0 10px 0;
}

/*******
* POZADI na home
*******/

#content #novinky h2 {
    background: url(novinky.gif) no-repeat;
    margin: -7px 0 0 -4px;    
}

#content #reporty h2 {
    background: url(reporty.gif) no-repeat;
    margin: 0px 0 0 -1px;    
}

#content #souteze h2 {
    background: url(souteze.gif) no-repeat;
    margin: -7px 0 0 -4px;    
}

#content #program h2 {
    background: url(program.gif) no-repeat;
    margin: -7px 0 0 -4px;    
}

#content #plakat h2 {
    background: url(plakat.gif) no-repeat;
    margin: -7px 0 0 -4px;    
}

/*******
* home patra
*******/

#content #stranka-bar table td, #content #stranka-klub table td, #content #stranka-underground table td {
margin: 0;
padding: 10px;
}

#content #stranka-bar table td a, #content #stranka-klub table td a, #content #stranka-underground table td a {
font-weight: bold;
}

#content #patroprogram, #content #patroreporty {
background-color: #002E5A;
}

#content #stranka-bar #patroprogram, #content #stranka-bar #patroreporty {
background-color: #40004F;
}

#content #stranka-klub #patroprogram, #content #stranka-klub #patroreporty {
background-color: #323C00;
}

#content #stranka-bar h4, #content #stranka-klub h4, #content #stranka-underground h4 {
margin: 0 0 10px 0;
padding: 0;
text-transform: uppercase;
background-color: #002E5A;
}

#content #stranka-bar h4{
background-color: #40004F;
}

#content #stranka-klub h4 {
background-color: #323C00;
}

#content #patronovinky h4 {
margin: -10px -10px 10px -10px;
padding: 10px;
}

#content tr.program_tip  td, 
#content tr.program_tip  td a,
#content tr.program_tip  td strong a{

color: #FFF79F;
font-weight: bold;

}