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;
  right: 0;
  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;
  margin: 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
}

.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;
}

.menu :hover ul.sub li.pink a {
  color: #EC008C;
}

.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.jpg) no-repeat;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* -------------------------------------------
Ikonky u hledani
--------------------------------------------*/
#fb, #ms, #ub, #fenester, #vysilame, #soutezit  {
  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, #fenester a, #vysilame a, #soutezit 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;
}

#fenester {
  background:transparent url(fenester.png) no-repeat scroll right center;
  width:187px;
  right:582px;
}
#fenester a {
  width:187px;
}


#vysilame {
  background:transparent url(vysilame.png) no-repeat scroll right center;
  width:125px;
  right:458px;
}
#vysilame a {
  width:125px;
}
#soutezit {
  background:transparent url(soutezit.png) no-repeat scroll right center;
  width:106px;
  right:345px;
}
#soutezit a {
  width:106px;
}


/* -------------------------------------------
    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;
  top: 169px;
  left: 50%;
  background: url(bg_flash.jpg);
  z-index: 10;
}


/* -------------------------------------------
    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;

}
/* nove css */
#content #stranka-static .pns .patro-bar,#content #stranka-static .pns .patro-underground,
	#content #stranka-static .pns .patro-klub, #content .pns .patro-empty,
	#content #stranka-klub .pns .patro-klub,#content #stranka-bar .pns .patro-bar,
	#content #stranka-underground .pns .patro-underground{padding: 25px 10px 10px;width:213px;}

/* nutno odstranit stare css*/
#content #stranka-static .pns tr.date,#content #stranka-static .pns tr.date td,
	#content #stranka-klub .pns tr.date,#content #stranka-klub .pns tr.date td,
	#content #stranka-underground .pns tr.date,#content #stranka-underground .pns tr.date td,
	#content #stranka-bar .pns tr.date,#content #stranka-bar .pns tr.date td{padding:0px;}

#content #stranka-static .pns tr.date div,
	#content #stranka-underground .pns tr.date div,
	#content #stranka-bar .pns tr.date div,
	#content #stranka-klub .pns tr.date div{padding:5px;}

#content #stranka-static .pns a strong,
	#content #stranka-underground .pns a strong,
	#content #stranka-bar .pns a strong,
	#content #stranka-klub .pns a strong{color:#f6ff00;font-weight:normal;}
#content #stranka-static .pns a,
	#content #stranka-underground .pns a,
	#content #stranka-bar .pns a,
	#content #stranka-klub .pns a {color:#fff;}

#content .pns a img{display:block;margin:auto;padding: 3px 4px;background: url('/styles/prog_bg_img.png') no-repeat scroll 0 0 transparent;}
#content .pns .program_activ_day a img{background: url("/styles/prog_bg_big_img.png") no-repeat scroll center center transparent;padding: 20px 25px;}

#content #stranka-static .pns a .styl{color:#a3a3a3;font-weight:normal;}
#content #stranka-static .pns div{z-index:2;position: relative;}
#content #stranka-static .pns div.hl_den{background-color:#eaff00;color:#000;font-weight:bold;}
#content #stranka-static .pns div.hl_den strong{color:#000;}

.pns{display:block;position:relative;}
.pns .date td{position:relative;}
.pns .date td .hl_bar,.date td .hl_underground,.date td .hl_klub {
	height: 23px;position: absolute;width: 233px;z-index:1}
.pns .date td .hl_underground{background-color:#002e5a;left:0px;}
.pns .date td .hl_klub{background-color:#495600;left:233px;}
.pns .date td .hl_bar{background-color:#690080;left:466px;}

#content #stranka-static .pns .patro-bar{background: url('/styles/prog_bar.png') right 6px  no-repeat;}
#content #stranka-static .pns .patro-underground{background: url('/styles/prog_underground.png') right 6px  no-repeat;}
#content #stranka-static .pns .patro-klub{background: url('/styles/prog_dance.png') right 6px  no-repeat;border-left:1px solid #ac0505;border-right:1px solid #ac0505;}

#content #stranka-static .pns .patro-bar.hl_akce{background-color:#690080;}
#content #stranka-static .pns .patro-underground.hl_akce{background-color:#002e5a;}
#content #stranka-static .pns .patro-klub.hl_akce{background-color:#495600;}

#content #stranka-static .pns .program_activ_day{background: url('/styles/prog_bg_big.png') center top repeat;}

#content #stranka-static .pns .patro-bar,#content #stranka-static .pns .patro-underground,
	#content #stranka-static .pns .patro-klub{padding: 40px 10px 10px;width:213px;}

#content #stranka-static .pns .program_activ_day .patro-bar{background: url('/styles/prog_bar_big.png') center 6px  no-repeat;}
#content #stranka-static .pns .program_activ_day .patro-underground{background: url('/styles/prog_underground_big.png') center 6px  no-repeat;}
#content #stranka-static .pns .program_activ_day .patro-klub{background: url('/styles/prog_dance_big.png') center 6px  no-repeat;border-left:1px solid #ac0505;border-right:1px solid #ac0505;}

#content #stranka-klub .pns tr.date,
#content #stranka-underground .pns tr.date,
#content #stranka-bar .pns tr.date{background-color:transparent;}


#content #stranka-klub .pns tr.date td{background-color: #323C00;}
#content #stranka-underground .pns tr.date td{background-color: #002E5A;}
#content #stranka-bar .pns tr.date td{background-color: #40004F;}

#content #stranka-klub .pns tr.date .patro-empty,
#content #stranka-underground .pns tr.date .patro-empty,
#content #stranka-bar .pns tr.date .patro-empty{background:transparent;}

.aktiv_day_no_img{display: block;height: 100px;z-index: 10;background: url('/styles/prog_bg_big_img.png') no-repeat scroll center center transparent;}

/* home page */
#program-menu a.active{color:#fff;text-decoration:none;}
#content #program div div,#content #novinky div div{height:auto;margin:auto;}

#content .left-box{float: left; height: 666px; width:553px;background: url("/styles/home/bg_content.jpg") no-repeat scroll top right transparent;}
#content .left-box #program,#content .left-box #tip,#content .left-box #novinky,#content .left-box #souteze{background:none;}

#content .left-box #program{height:222px;}
#content #program .head div{ display: block;width:171px; height:28px;float:left;margin-top:5px;overflow:hidden;}
#content #program .head a{ display: block;width:171px; height:28px;}


#content #program .head div.underground{background: url('/styles/home/underground_title.png') center 6px  no-repeat #002e5a;}
#content #program .head div.dance{background: url('/styles/home/dance_title.png') center 6px  no-repeat #495600;}
#content #program .head div.bar{background: url('/styles/home/bar_title.png') center 6px  no-repeat #690080;}
#content #program .imgs {background: url('/styles/home/imgs_bg.png') center top repeat;}
#content #program .imgs div{ display: block;width:171px; height:90px;float:left;text-align:center;}
#content #program .imgs img {height: 64px;width:87px;padding:4px 5px;background: url('/styles/home/img_bg.png') no-repeat scroll 0 0 transparent;margin-top:10px;}
#content #program .text div{ display: block;width:151px; height:65px;float:left;text-align:left;overflow:hidden;padding: 5px 10px 0px;}
#content #program .text a {color:#fff; font-weight:normal;}
#content #program .text strong{color:#f6ff00;font-weight:normal;}
#content #program .text .styl{color:#a3a3a3;}
#content #program #program-akce{overflow:hidden;}
#content #program .prog-akce{display:none;}
#content #program .prog-akce.active{display:block;}

#content .left-box #tip{width:536px;margin: 0 0 0px 17px;background:#f6ff00;height:50px}
#content .left-box #tip h2{
    background: url(/styles/home/tip_akce.png) no-repeat;
    margin: -7px 0 0 -8px;}
#content .left-box #tip table{
}

#content .left-box #tip .tipcontainer{width:400px;color:#000;height: auto;left: 135px;position: absolute;top: 5px;}
#content .left-box #tip .tipcontainer a{display:block;float:left;width:300px;margin-left:10px;text-decoration:none;color:#000;font-weight:normal;}
#content .left-box #tip .tipcontainer a strong{color:#000;}
#content .left-box #tip .tipcontainer span.den{float:left;font-weight:bold;}


#content .left-box #novinky div{height:150px;overflow: hidden;}
#content .left-box #novinky .foto{float: left;height: 145px;width: 145px;}
#content .left-box #novinky #novinky-foto img{margin-left: 18px;margin-top: 8px;display:none;}
#content .left-box #novinky #novinky-foto img.active{display:block;}

#content .left-box #novinky #novinky-odkazy{height:120px;overflow:hidden;width: 370px;}
#content .left-box #novinky .novinka-item{font-weight:normal;color:#fff;margin-bottom:5px;display:block;}
#content .left-box #novinky .novinka-item strong{font-weight:normal;color:#f6ff00}
#content .left-box #novinky .novinka-item.active,#content .left-box #novinky .novinka-item.active strong{font-weight:bold;font-size:10px;}


#content .left-box #topreporty h2{
    background: url(/styles/home/top_foto.png) no-repeat;
    margin: -7px 0 0 -4px;}


#content #topreporty {
  position: relative;
  float: left;
  width: 538px;
  height: 172px;
  margin: 0 0 0 14px;
}
.topreporty-box{
	margin-left:20px;
  background: url(/styles/home/film.png) repeat-x;
	height:156px;
	overflow: hidden;
}
.topreport-no-img {
	height:100px;
	width:100px;
	display:block;
}
.topreport{
	overflow:hidden;
	float:left;
	width: 117px;
	margin-left: 10px;
}
#content .topreport a{color:#f6ff00;font-weight:normal;}

#content .topreport img {height: 64px;width:87px;padding:4px 5px;background: url('/styles/home/img_bg.png') no-repeat scroll 0 0 transparent;
	margin-bottom: 13px;margin-top: 13px;}