@charset "utf-8";

/* 
   Hlavni stylopis pro Kino Aero
   Projekt: www.kinoaero.cz 
   Autor: Martin Michalek, Studio Shortcat, michalek@shorcat.cz
*/

/* Vzhled Fancyboxu */
@import "../js/jquery.fancybox.mod_shortcat/jquery.fancybox.mod_shortcat.css";

/* Vzhled karuselu */
@import "../js/jcarousel/lib/jquery.jcarousel.css";
@import "../js/jcarousel/skins/shortcat/skin.css";


/* Upravy a doplneni Blueprint CSS */

body 
  { padding: 0; padding-top: 20px; margin: 0; line-height: 1.33em; color: #fff; background: #292929; }
.container 
  { margin-bottom: 20px; }  
a, 
a:active, 
a:focus, 
a:visited 
  { color: #0b91c3; text-decoration: none; }
a:hover 
  { color: #fff; }
th 
  { background: transparent; }
.smaller 
  { font-size: 11px; line-height: 1.33em; }
.small 
  { line-height: 1.44em; }
* 
  { outline: none; }
address 
  { font-style: normal; }  
p img
  { float: none; margin: 0; }
ul 
  { list-style-type: square; }  
  

/* Obecne tridy */

.float-left 
  { float: left; }
.float-right 
  { float: right; }
.align-left 
  { text-align: left; }
.align-right 
  { text-align: right; }
.half-box 
  { width: 165px; }
.pointer 
  { cursor: pointer; }
.clear-zero 
  { clear: both; height: 1px; font-size: 1px; }


/* Potlaceny text */
.suppress
  { opacity: 0.5; filter: alpha(opacity=50); }
a.suppress:hover
  { opacity: 1; filter: alpha(opacity=100); }


/* Odkaz na cizi web */

a.link-out span
  { width: 9px; height: 10px; margin-left: 3px; display: inline-block; background: #0b91c3 url(../img/layout/link-out.gif?2) no-repeat bottom left;  }  
a.link-out:hover span
  { background-color: #fff; }  

/* Vyjimky - neoznacujeme odkaz mimo web */
table.program td.reservation a.link-out span,
table.program td.time a.link-out span,
.partners-column a.link-out span,
#imprint-photos a.link-out span,
#aerokratas-partners p.partner a.link-out span,
.hp-image a.link-out span,
.hp-box h3.bigger a.link-out span,
#terryGoods a.link-out span,
#photogallery .set a.link-out span
  { display: none; }  

/* Bile pozadi - napr. detail filmu */
#moviebox #subpage-text a.link-out span,
.reverse-color a.link-out span
  { background-image: url(../img/layout/link-out-white.gif?2);  }  
#moviebox #subpage-text a.link-out:hover span,
.reverse-color a.link-out:hover span
  { background-color: #292929; }  

/* Bily odkaz na pruhlednem pozadi - napr. detail cyklu */
#moviebox .month-color a.link-out span
  { background-image: url(../img/layout/link-out-white-text.gif?2);  }
#moviebox .month-color a.link-out:hover span
  { background-image: url(../img/layout/link-out-white-text-hover.gif?2); background-color: #0B91C3; }  

/* Hover - sede pozadi - napr. hover v cyklech */
.cycle-box.active a.link-out span,
.hp-box.active a.link-out span,
ul.simple-list li.active a.link-out span
  { background-image: url(../img/layout/link-out-grey.gif?2);  }  


/* Pisma */ 

h1, h2, h3, h4, h5, h6, 
#alfa-box, 
table.program-page tr.day th, 
.paging-box 
  { font-family: "Arial Narrow CE", "Helvetica CE Compressed", Arial, Helvetica, sans-serif; color: #fff; }  

/* Layout */

#head 
  { width: 224px; }
#logo 
  { width: 109px; float: left; }
#logo img 
  { margin: -3px 0 0 15px; background-color: #0b91c3; }
#logo:hover img 
  { background-color: #fff; }  
#menu 
  { width: 113px; float: right; }
#menu a, 
#menu strong 
  { display: block; padding: 0 0 0 6px; line-height: 19px; font-weight: normal; }
#menu strong a 
  { padding: 0; color: #fff; }
.simple-box 
  { margin-bottom: 20px; padding: 8px 0;  border-top: 1px solid #fff;  border-bottom: 1px solid #fff; margin-left: 10px; margin-right: 10px;}

/* Nadpisy */

h1,
h2.cufon-head 
  { font-size: 2.8em; text-transform: uppercase; margin-bottom: 12px; }
.cufon-head
  { padding-bottom: 6px; border-bottom: 2px solid #fff;  }
.cufon-head.without-border
  { border-bottom: none; }  
.cufon-head-second,
#subpage-text h2.cufon-head-second
  { font-size: 1.4em; margin-bottom: 3px; }


/* odsazen uvnitr sloupcu */

.text-box p, 
.text-box h2, 
.text-box h3, 
.text-box ul, 
.text-box ol, 
.program-box table, 
.program-box p, 
.text-head, 
.movie-box table, 
.movie-box h1, 
.movie-box h2, 
.movie-box h3, 
.movie-box p, 
.movie-box ul, 
.movie-box ol, 
.movie-box .date, 
#hp-program h2 
  { margin-left: 9px; margin-right: 9px;  }


/* Program */

.page-program h1 
  { margin-bottom: 0; }
.program-box p.paging-box 
  { margin: 35px 0 0 0; font-size: 1.5em; }

/* Tabulky s programem */

table.program 
  { border-collapse: collapse; width: 330px; margin: 0 0 5px; background: transparent url(../img/layout/program-table-white.png) no-repeat bottom center; }
.span-2 table.program  /* Tabulka pres dva sloupce (Program) */
  { width: 666px; }
.span-2 .span-1 table.program 
  { width: 330px; }
table.program td, 
table.program th 
  { padding: 6px 0 7px 0; border-width: 0; }
table.program tr td, 
table.program tr th 
  { background: transparent; }
table.program tr.day 
  { background-image: none; }
table.program tr.day th 
  { background: #292929; padding-top: 20px; padding-left: 9px; padding-top: 10px;  }
table.program-page tr.day th 
  { padding-left: 0; text-transform: uppercase; font-size: 1.3em; font-weight: normal;   }
table.program tr.day:first-child th 
  { padding-top: 7px; }
  
/* Bunky radku programove tabulky */  
table.program td.cycle 
  { width: 40px; text-align: left; }
table.program td.time 
  { width: 32px; text-align: right; padding-left: 8px; }
table.program td.movie 
  { padding-left: 8px; width: 245px; }
table.program td.movie a
  { font-weight: bold; }  
a.cycle-icon 
  { background: #0b91c3 url(../img/layout/cycle-arrow-2.gif?092008) no-repeat top right; color: #fff; text-transform: uppercase; font-size: 9px; padding: 0px 7px 1px 4px; overflow: hidden; margin-left: 2px; line-height: .5em; font-family: Verdana, sans-serif; }
table.program td.params 
  { width: 175px; font-size: 10px; text-transform: uppercase; padding-left: 8px; }
table.program td.params .acronyms acronym 
  { border-color: #fff; cursor: help; }
table.program td.price 
  { width: 60px; text-align: right; }
table.program td.reservation 
  { padding-left: 8px; width: 82px; font-size: 9px; font-family: Verdana, sans-serif; text-transform: uppercase; }

/* Mouseover nad radkem programu */
table.program tr.active td 
  { background: url(../img/layout/program-row-active-bg.gif?092008) no-repeat top left; padding-top: 6px; } 
table.program tr.active td.movie a, 
table.program tr.active td.movie a:hover 
  { color: #fff; } 
table.program tr.active a.cycle-icon 
  { background-position: center right; color: #fff; }

/* Mouseover nad bunkou s rezervaci */
table.program td.reservation a.active 
  { color: #fff; } 

/* Klik nad radkem programu */
table.program tr.selected td, 
table.program tr.selected td a  
  { color: #292929; } 
table.program tr.selected td 
  { padding-top: 6px; color: #292929; } 
table.program tr.selected + tr  
  { background: #292929; }
table.program tr.selected a.cycle-icon 
  { background-position: bottom right; color: #fff; }
table.program tr.selected td 
  { background: #fff; }
table.program tr.selected td.params .acronyms acronym 
  { border-color: #292929; }

/* Mouseover nad kliknutym radkem programu */
table.program tr.active.selected td.movie a 
  { color: #292929;  }
  
/* Klik na cyklus nad radkem programu */
table.program tr.cycle-selected td
  { color: #292929; } 
table.program tr.cycle-selected td a  
  { color: #fff; } 
table.program tr.cycle-selected td 
  { padding-top: 6px; color: #292929; } 
table.program tr.cycle-selected + tr  
  { background: #292929; }
table.program tr.cycle-selected a.cycle-icon 
  { background-image: url(../img/layout/cycle-arrow-cycle-selected.gif); color: #292929; background-color: #0b91c3; }  
table.program tr.cycle-selected td 
  { background: #0b91c3; }
table.program tr.cycle-selected td.params .acronyms acronym 
  { border-color: #292929; }

/* Mouseover nad kliknutym radkem programu */
table.program tr.active.cycle-selected td.movie a 
  { color: #fff;  }  

/* Sloupec s ajaxovym detailem filmu/cyklu/podstranky */

#moviebox 
  { width: 336px; position: absolute; top: 100px; left: 100px; }
#movie 
  { margin-left: 6px; }


.movie-box 
  { padding-bottom: 10px; margin-bottom: 20px; }
.movie-box h1 
  { border: none;  padding-bottom: 0; }
.movie-box h2
  { font-size: 16px; line-height: 16px; }
.movie-image 
  { padding: 0; margin: 10px 0; background: transparent url(../img/layout/movie-image-bg-white.png) top left; height: 100px; margin-bottom: 10px; }
.movie-image img 
  { margin: 0;}

h3#trailer-click 
  { width: 120px; height: 20px; padding: 0; cursor: pointer; background: #0b91c3 url(../img/layout/trailer-prehrat-white.png) no-repeat top left;  }
h3#trailer-click.lang-cesky
  { background-image: url(../img/layout/trailer-prehrat-white.png);  }  
h3#trailer-click.lang-english
  { background-image: url(../img/layout/trailer-play-white.png);  }
h3#trailer-click.lang-cesky.black
  { background-image: url(../img/layout/trailer-prehrat-black.png);  }  
h3#trailer-click.lang-english.black
  { background-image: url(../img/layout/trailer-play-black.png);  }     
h3#trailer-click.lang-cesky:hover,
h3#trailer-click.lang-english:hover,
h3#trailer-click.lang-cesky.black:hover,
h3#trailer-click.lang-english.black:hover
  { background-color: #fff; }
.reverse-color h3#trailer-click.lang-cesky:hover,
.reverse-color h3#trailer-click.lang-english:hover,
.reverse-color h3#trailer-click.lang-cesky.black:hover,
.reverse-color h3#trailer-click.lang-english.black:hover
  { background-color: #292929; }         
h3#trailer-click a,
#trailer
  { display: none; }

table.program.movie { background-image: url(../img/layout/program-movie-table-white.png) }
table.program.movie tr.day { background-image: none; }
table.program.movie tr.day th { background: transparent url(../img/layout/program-top-narrow-white.png) no-repeat center bottom; }
table.program.movie td.day { width: 47px; padding-left: 8px; }
table.program.movie td.date { width: 102px; font-weight: bold; text-align: right; }
table.program.movie td.time { width: 35px; font-weight: bold; text-align: right; }
table.program.movie .cycle-icon { padding: 1px 7px 0px 2px; margin: 0; line-height: .7em; }
table.program.movie td.params { width: 82px; padding-right: 8px; }
table.program.movie td.price { width: 43px; }
table.program.movie tr.active td, table.program.movie tr.selected td { padding-top: 6px; } 
table.program.movie tr .reservation { display: none; }



/* === Souvisejici zbozi z Terryho ponozek === */

#terryGoods {
  margin-bottom: 15px;
  margin-left: 8px;
  background-image: url(../img/layout/terry-goods-bg.gif);
  background-repeat: no-repeat;
  width: 312px;
  height: 190px;
  overflow: hidden;
}

#terryGoods h2 {
  border: 0;
  margin: 0;
  padding: 0;  
  color: #253833;
  font-size: 1.1em;
  font-weight: bold;
  text-align: left;
  width: 590px;
  height: 35px; 
}

#terryGoods h2 a {
  display: block;
  width: 312px;
  height: 35px; 
  background-image: url(../img/layout/terry-goods-head.gif?2);
  background-repeat: no-repeat;  
}

body.lang-en #terryGoods h2 a {
  background-image: url(../img/layout/terry-goods-head_en.gif);  
}

#terryGoods h2 span {
  display: none;
}

#terryGoods p {
  padding: 15px 0 0 0px;   
}

/* Jednotlive zbozi */

.terryGood {
  padding: 6px;
  float: left;
  text-align: center;
  background-color: transparent;
  margin-right: 5px;
  font-size: .9em;
  line-height: 1.3em;
  color: #292929;    
}


.terryGood.hover {
  background-color: #fff;
  cursor: pointer;
}

.terryGood.hover a {
  color: #292929;
}

.terryGood a {
  font-weight: normal;
}

.terryGood a.image {
  height: 80px;
  width: 56px;
  display: block;
  margin-bottom: 5px;
}

.terryGood a.image img {
  margin: 0 auto;
  max-width: 60px;
  max-height: 80px;  
}



/* Uvodni stranka */


h1#hp-head 
  { margin: 0 0 12px 9px; padding: 0 0 8px 0; border-bottom: 2px solid #fff; }
h1#hp-head span
  { display: none; }
h1#hp-head a
  { display: block; height: 40px; width: 402px; background: #0b91c3 url(../img/h1-program-dnes.png) no-repeat left top; }
h1#hp-head.lang-english a
  { width: 426px; background: #0b91c3 url(../img/h1-program-today.png) no-repeat left top; }
h1#hp-head a:hover
  { background-color: #fff; }


#hp-program table.program 
  { margin: -12px 9px 20px 9px;  }
#hp-program table.program td.cycle 
  { width: 40px; padding-left: 0; }
#hp-program table.program td.time 
  { width: 35px; padding-left: 0; }
#hp-program table.program td.movie 
  { width: 573px; }
#hp-program h2 
  { font-size: 2.8em; text-transform: uppercase; margin-bottom: 0; }

.text-head 
  { border-top: 2px solid #fff; padding: 5px 0; background: transparent url(../img/layout/program-th-bg-white.png) repeat-x bottom left;  margin-bottom: 10px; }
.text-head.no-bottom 
  { margin-bottom: 0; background-image: none; }
.text-head h2 
  { font-size: 1em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; display: inline; margin: 0; }
.text-head.colored-line 
  { border-color: #0b91c3; }   
  
/* Newsletter */
#newsletter-click 
  { position: relative; left: 186px; font-size: 10px; text-transform: uppercase; margin-left: 5px; background: #4DBEE9 url(../img/layout/newsletter-click.gif) no-repeat top right; padding-right: 16px;  }
#newsletter-click.lang-english 
  { left: 220px; }
#newsletter-click:hover 
  { background-color: #fff; color: #fff; }
#newsletter-click.opened 
  { background-position: bottom right;  }
#newsletter-form 
  { background: transparent url(../img/layout/program-th-bg-white.png) repeat-x scroll left bottom; padding: 0 0 10px 5px; margin: 0 9px 10px 9px; }
#newsletter-form input 
  { font-size: 10px;  font-family: Arial, Helvetica, sans-serif; vertical-align: baseline;  }
#newsletter-form input.text 
  { padding: 1px; width: 100px; margin: 0; background: #292929 !important; border: 1px solid #fff;  color: #fff; font-size: 11px; padding: 2px; }
#newsletter-form input.submit 
  { text-transform: uppercase; background: #4DBEE9; color: #292929; border: 0; padding: 1px; cursor: pointer;   padding: 3px 2px 2px 2px; }
#newsletter-form input.submit.active 
  { background: #fff; }
#newsletter-form 
  { display: none; }


/* Boxiky na uvodni strance */
.hp-box 
  { margin-bottom: 10px; padding-bottom: 10px; padding-top: 10px; }
.hp-box h2 
  { margin-bottom: 10px; }
.hp-box h3 
  { font-family: Arial, Helvetica, sans-serif; font-size: 1em; margin-top: 0; margin-bottom: .2em; font-weight: bold; }
.hp-box h3.bigger 
  {  background: transparent url(../img/layout/program-th-bg-white.png) repeat-x bottom left;  margin-bottom: 10px; }
.hp-box h3.bigger span, 
.hp-box h3.bigger a 
  {  display: block; padding: 8px 0; background: transparent url(../img/layout/program-th-bg-white.png) repeat-x top left; }
.hp-image, 
.hp-image img 
  { margin: 0; float: none; }
.hp-box .date 
  { margin-bottom: .5em; }
.hp-box p 
  { margin-bottom: 0; }
.pripravujeme-box  
  { margin-bottom: 20px; }
.hp-box.clickable.active 
  { background: #191919; cursor: pointer; }

/*  Novinky, kam se dava nejruznejsi HTML obsah a oddelovace */
#news-text 
  { margin-top: .7em; }
#news-text hr
  { height: 1px; background: transparent url(../img/layout/program-th-bg-white.png) repeat-x scroll left bottom; margin-left: 9px; margin-right: 9px; width: 312px; margin-bottom: .7em; color: transparent;  }  
  

/* Odkaz na archiv udalosti */

#events-archive-link.text-head.colored-line 
  { border-bottom: 0; margin-bottom: 0; text-align: right; background-image: none; }
#events-archive-link a
  { font-size: 10px; text-transform: uppercase; margin-right: 5px;   }  
  

/* Cykly a festivaly */

.typeone-box 
  { padding-bottom: 10px; margin-bottom: 10px; }
.typeone-box h3 
  { font-family: Arial, Helvetica, sans-serif; font-size: 1em; margin-top: 0; margin-bottom: .2em; font-weight: bold; border-top: 2px solid #fff; }
.typeone-box h3 a 
  {  display: block; padding: 8px 0; }
.typeone-box.no-image h3 
  { border-bottom: 1px solid #fff; }
.typeone-image, 
.typeone-image img 
  { margin: 0; float: none; }
.typeone-box .date, 
.typeone-box .info 
  { margin-bottom: 0.5em; text-transform: uppercase; background: transparent url(../img/layout/program-th-bg-white.png) repeat-x bottom left; padding: 3px 0 5px;  }
.festival-list .typeone-box 
  { margin-bottom: 0; }
.festival-list .typeone-box .date 
  { background-image: none; }
.festival-list .typeone-box.no-image h3 
  { border-bottom: 0; background: transparent url(../img/layout/program-th-bg-white.png) repeat-x bottom left; } 

/* Jeden boxik v seznamu cyklu/festivalu */
.cycle-box 
  { padding: 0; }
.cycle-box h1 
  { margin-bottom: 15px; border: 0; }
.cycle-box h2 
  { margin-bottom: 15px; }
.cycle-box h2 a
  { color: #fff; }  
.cycle-box-text 
  { margin: 0 5px 0 10px; padding: 10px 0; }
.cycle-program 
  { padding-top: 2px; margin-bottom: 10px; }

/* Tabulka programu cyklu */
table.program.movie.program-festival 
  { margin-bottom: 10px;  }
table.program.movie.program-festival 
  { padding-top: 6px; padding-bottom: 5px; }
table.program.movie.program-festival td.time
  { width: 35px; padding-left: 10px; } 
table.program.movie.program-festival td.movie
  { width: 277px; padding-left: 8px; }
table.program.movie.program-festival tr.day th
  { width: 310px; }    

/* Mouseover nad boxikem v seznamu cyklu/festivalu */  
.cycle-box.active,
.cycle-column .cycle-box.active .no-image-head h2 
  { background: #191919;}
.cycle-box.active .cycle-box-text
  { cursor: pointer;   }  
.cycle-box.active table.program.movie tr.active td 
 { background: transparent url(../img/layout/program-row-active-bg-active-box.gif?092008) no-repeat top left;} 
 
  
/* Kliknuti na radek programu v seznamu cyklu/festivalu */    
.cycle-box.active table.program tr.active.selected td
  { background: #fff; }  
  
/* Kliknuti na radek programu - radek pod nim */ 
.cycle-box.active table.program tr.selected + tr  
  { background: transparent; }  

/* Program cyklu v ajaxovem detailu */  
.reverse-color table.program.movie.program-festival tr.day th
  { padding-left: 10px; } 
.reverse-color .another-cinema-link
  { left: 162px; top: 1px;  }    

/* Predstaveni v jinem kine - ve Svetozoru */
table.program tr.show-in-another-cinema td.movie 
  { padding: 0; }
.another-cinema-box
  { padding: 0; position: relative; padding: 6px 0 7px 8px;  }  
table.program td.movie a.another-cinema-link
  { position: absolute; left: 180px; top: 4px; width: 106px; height: 17px; display: block;  font-weight: normal; background: #292929; padding: 2px; }    

/* Predstaveni ve Svetozoru - ajaxovy detail cyklu */
.reverse-color table.program td.movie .another-cinema-link
  { width: 94px; padding-right: 0; left: 174px; background-color: #0B91C3; }   
.reverse-color table.program td.movie .another-cinema-link.lang-english
  { width: 115px; padding-right: 0; left: 153px; }   
  

/* Databaze filmu */

.page-movie-database h1 
  { border-bottom: 0; margin-bottom: 0; }
#alfa-box 
  { font-size: 1px; text-transform: uppercase; border-top: 2px solid #fff; margin: 0 0 30px 0; padding: 12px 0 0 0; }
#movie-search-box 
  { margin-bottom: 30px; margin-left: 10px; }
#alfa-box span, #alfa-box strong 
  { font-weight: bolder; font-size: 1px; }
#alfa-box strong a 
  { color: #fff; font-weight: normal; }
#alfa-box img 
  { background: #0B91C3; }
#alfa-box a:hover img, 
#alfa-box strong img 
  { background: #fff; }
ul.movies-list, 
ul.movies-list li 
  { margin: 0; padding: 0; list-style-type: none; }
ul.movies-list li 
  { padding: 6px 12px 7px 12px; background: transparent url(../img/layout/program-row-narrow-white.png) no-repeat center top;  }

/* Mouseover nad polozkou seznamu */
ul.movies-list li.active
  { background: transparent url(../img/layout/program-row-narrow-active-bg.gif?092008) no-repeat top left; padding-top: 6px; cursor: pointer; }
ul.movies-list li.active a 
  { color: #fff; }

/* Kliknuti na polozku seznamu */
ul.movies-list li.selected 
  { background: #fff; color: #292929; cursor: pointer;  }
ul.movies-list li.selected a 
  { color: #292929;  }
  

/* === Stranka Ke stazeni === */  

.page-download #categories {
  width: 129px;
  margin-right: 9px;
  float: left;
}

.page-download #categories h2 {
  margin-left: 0;  
  margin-top: 5px;
}

.page-download #categories a,
.page-download #categories strong {
  padding: 1px 0 2px 0;
  display: block;
}

.page-download #categories ul, 
.page-download #categories li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.page-download #categories ul {
  background-image: url(../img/layout/download-files-item-bg.gif);
  background-position: center top;
  background-repeat: no-repeat;
  margin-top: 5px;
  padding-top: 5px;
}

.page-download #categories strong {
  font-weight: normal;
}

.page-download #files {
  width: 489px;
  float: left;
  margin-top: 30px;
}

.page-download #files li {
  width: 473px;
  height: 16px;
  overflow: hidden;
  background-image: url(../img/layout/download-files-item-bg.gif);
  line-height: 1.6em;
  padding-top: 5px;
}

.page-download #files li:hover,
.page-download #files li.hover {
  background-image: url(../img/layout/download-files-item-active-bg.gif);
}

.page-download #files li:hover a.link-out span,
.page-download #files li.hover a.link-out span {
  background-color: #fff;
}


/* Simple list: obecny seznam, pro stranku ke stazeni, ale i trebas do databaze filmu */

ul.simple-list, 
ul.simple-list li 
  { margin: 0; padding: 0; list-style-type: none; }
ul.simple-list li 
  { padding: 6px 12px 7px 12px; }  
.span-2 ul.simple-list li 
  { background: transparent url(../img/layout/program-row-white.png?092008) no-repeat center top; }   
.span-1 ul.simple-list li 
  { background: transparent url(../img/layout/program-row-narrow-white.png?092008) no-repeat center top; }   
ul.simple-list li small
  { color: #999999; font-size: 1em; }

/* Mouseover nad polozkou seznamu */
.span-2 ul.simple-list li:hover,
.span-2 ul.simple-list li.active
  { background-image: url(../img/layout/simple-list-li-active-bg.gif?092008); cursor: pointer; }
.span-1 ul.simple-list li:hover,
.span-1 ul.simple-list li.active
  { background-image: url(../img/layout/program-row-narrow-active-bg.gif?092008); cursor: pointer;  }   
ul.simple-list li:hover a,  
ul.simple-list li.active a 
  { color: #fff; }

/* Kliknuti na polozku seznamu */
.span-2 ul.simple-list li.selected,
.span-1 ul.simple-list li.selected
  { background: #fff; color: #292929; cursor: pointer;  }
.span-2 ul.simple-list li.selected a,
.span-1 ul.simple-list li.selected a
  { color: #292929;  }


/* 
Reverse color sloupec 
- bila vrstva, ktera se nact  ajaxem - detail cyklu, filmu a podstranky 
- #moviebox #subpage-text identifikujeme obsah podsranek 
*/

.reverse-color h1,
#moviebox #subpage-text h1
  { margin-top: 5px; color: #292929; }
.reverse-color,
#moviebox #subpage-text
  { background: #fff; color: #292929; }
.reverse-color a:hover,
#moviebox #subpage-text a:hover
  { color: #292929; }
.reverse-color h1, 
.reverse-color h2, 
.reverse-color h3, 
.reverse-color h4 
  { color: #292929; }
 
  
  
/* Obsah ajaxoveho sloupce pro detail filmu */  

.reverse-color .movie-image 
  { background-image: url(../img/layout/movie-image-bg-black.png);  }
.reverse-color table.program.movie 
  { background-image: url(../img/layout/program-movie-table-black.png) }
.reverse-color table.program.movie tr.day th 
  { background: transparent url(../img/layout/program-top-narrow-black.png) no-repeat center bottom; color: #292929; padding-left: 9px; }
.reverse-color table.program.movie .reservation 
  { display: none; }
.reverse-color table.program.movie tr.active .acronyms acronym 
  { border-color: #fff; }
.reverse-color table.program.movie td.params .acronyms acronym 
  { border-color: #fff; }
.reverse-color table.program.movie .cycle-icon 
  { color: #fff; background-position: bottom right; }
.reverse-color table.program.movie a.cycle-icon 
  { background-image: url(../img/layout/cycle-reversed-arrow.gif) ; }
  

/* Mouseover nad radkem programu v reverse color sloupci */
.reverse-color table.program.movie tr.active td 
  { background: transparent url(../img/layout/program-reversed-row-active.gif?092008) top left; }
.reverse-color table.program.movie tr.active a.cycle-icon 
  { background-position: center right; }


/* Month color sloupec - typicky napr. ajaxovy detail cyklu */

.month-color
  { background: #0b91c3; color: #292929; }
.month-color a, 
.month-color a:active, 
.month-color a:focus, 
.month-color a:visited
  { color: #fff; }
#loading.for-cycle  
  { background: #0b91c3; }

/* Mouseover nad radkem programu v ajaxovem detailu cyklu: polopruhledny png */

.month-color table.program.movie tr.active td 
  { background: transparent url("../img/layout/program-cycle-detail-row-active.png") top left; }


/* Zavreni ajaxoveho detailu cyklu */

.month-color p#close a 
  { background-image: url("../img/layout/close-white.gif"); }
   

/*  Podstranka staticka  */

#subpage-text #close 
  { display: none; }
#movie #subpage-text #close 
  { display: block; }

/* Detail filmu, cyklu atd. - Textovy blok, kde se muze objevit leccos */

.possibly-dangerous-text 
  { margin-left: 9px; margin-right: 9px;  }

.movie-box .possibly-dangerous-text h2,
.movie-box .possibly-dangerous-text h3,
.movie-box .possibly-dangerous-text h4,
.movie-box .possibly-dangerous-text h5,
.movie-box .possibly-dangerous-text h6,
.movie-box .possibly-dangerous-text p,
.movie-box .possibly-dangerous-text ul,
.movie-box .possibly-dangerous-text ol 
  { margin-left: 0; margin-right: 0;   }
  
.movie-box .possibly-dangerous-text h2,
.movie-box .possibly-dangerous-text h3,
.movie-box .possibly-dangerous-text h4,
.movie-box .possibly-dangerous-text h5,
.movie-box .possibly-dangerous-text h6
  { font-family: Arial, sans-serif; }  
  
.movie-box .possibly-dangerous-text h2,
.movie-box .possibly-dangerous-text h3,
.movie-box .possibly-dangerous-text h4,
.movie-box .possibly-dangerous-text h5,
.movie-box .possibly-dangerous-text h6
  { font-size: 1em; font-weight: bold; margin: 0; padding: 0; }   


/* Loading */
#loading 
  { background: #fff; color: #292929; padding: 7px 0 6px 0; text-align: right; height: 16px; display: none; width: 6px; float: left; margin-left: -6px; }
#loading span 
  { display: none; padding: 0 7px; }

/* Zavreni AJAXoveho detailu filmu */
p#close
  { width: 19px; height: 19px; display: block; margin: 0; padding: 0; position: absolute; left: 310px; top: 5px; } 
p#close a 
  { width: 19px; height: 19px; display: block; background: transparent url(../img/layout/close.gif?102008);  }
p#close a:hover
  { background-position: 0 100%; }
p#close span 
  { display: none;  }
   
  
/* Strankovani */

.program-box p.paging 
  { margin: 0;}  
.paging a.backward, 
.paging a.forward
  { width: 37px; height: 39px; float: left; display: block; background: #0b91c3; }  
.paging a.backward span, 
.paging a.forward span
  { display: none; }    
.paging a.backward
  { background-image: url(../img/layout/paging-backward.png); }    
.paging a.forward
  { background-image: url(../img/layout/paging-forward.png); }  
.paging a.backward:hover, 
.paging a.forward:hover
  { background-position: 0 100%; }  
.paging span.help 
  { width: 130px; height: 39px; float: left; display: block; background-image: none; }   
.paging span.help.lang-english.backward 
  { background-position: 0 0; background-image: url(../img/layout/paging-7days.gif); }  
.paging span.help.lang-english.forward 
  { background-position: 0 39px; background-image: url(../img/layout/paging-7days.gif); }    
.paging span.help.lang-cesky.backward 
  { background-position: 0 0; background-image: url(../img/layout/paging-7dni.gif); }  
.paging span.help.lang-cesky.forward 
  { background-position: 0 39px; background-image: url(../img/layout/paging-7dni.gif); }  
  
/* Zprava */

.message, 
.hp-box p.message 
  { background: #fff; color: #292929; padding: 7px; position: absolute; top: 0; left: 50%; width: 300px; margin-left: -150px; text-align: center; }

/* Stranka Partneri */

.partners-column h2 
  { font-size: 1.1em; font-family: Arial, sans-serif; font-weight: bold; margin-bottom: 1.3em; }
.partners-column  
  { margin: 0 15px; width: 175px; float: left; display: inline; }
.partners-items
  { width: 415px; font-size: .9em; line-height: 1.4em; }  


/* Textovy obsah podstranek statickych stranek oteviranych ajaxem  */

#subpage-text h2 
  { font-size: 1em; font-family: Arial, sans-serif; color: #292929; font-weight: bold; margin-bottom: .4em; }
#subpage-text ul 
  { padding-left: 15px; }  

/* Stranka Tiraz */

#imprint-photos
  { width: 310px; }
#imprint-photos a,
#imprint-photos span
  { width: 62px; height: 62px; float: left; }  
#imprint-photos img
  { opacity: 0.2; filter: alpha(opacity=20); }
#imprint-photos span.hover img
  { opacity: 1; filter: alpha(opacity=100); }     
#imprint-text span.hover,
#imprint-text span:hover 
  { border-bottom: 1px dotted #fff; color: #fff; }
#imprint-text span.hover a,
#imprint-text span:hover a 
  { border-bottom: 1px dotted #EBCF00; color: #EBCF00; }     

/* Stranka Aerokratas */

#aerokratas-partners
  { width: 122px; }
  

/* === Stranka Fotogalerie === */

#photogallery
{
  width: auto;
}

#photogallery .row
{
  clear: both;
}

#photogallery .set
{
  width: 150px;
  float: left;
  padding: 10px;
}

#photogallery .set:hover,
#photogallery .set.hover
{
  background-color: #191919;
  cursor: pointer;
}

#photogallery .set .image
{
  width: 150px;
  height: 150px;
  overflow: hidden;
  display: block;
  margin-bottom: 5px;
}

#photogallery .set .image img
{
  -ms-interpolation-mode: bicubic;  
}

#photogallery .set img.vertical
{  
  margin-top: -15px;
}

#photogallery .set img.horizontal
{  
  margin-left: -15px;
}


#photogallery .set h2
{
  font-size: 12px;
  line-height: 16px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 0;
}

#photogallery .set h2 a:hover
{
  color: #0B91C3;
}

#photogallery .set h2 strong
{
  display: block;
  background-image: url('/img/layout/program-row-white.png');
  background-repeat: repeat-x;
  background-position: bottom left;
  padding-bottom: 5px;
  height: 30px;
  overflow: hidden;
}

#photogallery .set h2 small
{
  color: #fff;
}


/* -------------------------------------------------------------
  Styly pro FancyGallery, ktere neobsahuje Fancybox Shortcat mod
*/

/* Vrstva s thumbnaily  */
#fancybox-thumbnails {
  position: fixed;
  z-index: 1108;
  bottom: 20px;
  left: 0px;
  width: 100%; 
  height: 40px;
  text-align: left;
  /* IE6 */
  _display: none;
}

/* == Vrstva s thumbnaily v pripade kdy zobrazujeme vetsi obrazek na mouseover == */

#fancybox-thumbnails,
#fancybox-thumbnails .jcarousel-skin-shortcat .jcarousel-clip-horizontal {
  height: 129px; /* 40px maly nahled + 75px mouseover nahled + 4px border + 10px sipka */
}

/* Vetsi obrazek zobrazovany na mouseover */
#fancybox-thumbnails .jcarousel-item .hover-image {
  width: 75px;
  height: 86px;
  padding: 2px;
  position: relative;
  top: -129px;
  left: -20px; 
  display: none;
  background-image: url(../img/layout/fancygallery_thumbnail_hover.gif);
  background-repeat: no-repeat;
}

#fancybox-thumbnails .jcarousel-item .hover-image img {
  width: 75px;
  height: 75px;
  opacity: 1;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}


#fancybox-thumbnails .jcarousel-item:hover .hover-image {
  display: block;
}

#fancybox-thumbnails .jcarousel-item,
#fancybox-thumbnails .jcarousel-next-horizontal,
#fancybox-thumbnails .jcarousel-prev-horizontal {
  margin-top: 89px; /* 75px mouseover nahled + 4px border + 10px sipka */
}


/* 
Zkousime dostat mouseover ven z rodicovskeho overflow:hidden prvku:
Rodicum nastavime position: static a synovi pak position: absolute.
(Viz http://www.vzhurudolu.cz/test/override-overflow-hidden/)
*/

#fancybox-thumbnails .jcarousel-clip,
#fancybox-thumbnails .jcarousel-list {
  position: static;
}

#fancybox-thumbnails .jcarousel-item .hover-image {
  position: absolute;
  top: auto;
  left: auto;
  margin-top: -129px;
  margin-left: -20px;
  z-index: 1110;
  /* IE7 */
  &margin-top: -90px;
  &margin-left: -58px;
}

#fancybox-thumbnails.scrolling .jcarousel-clip,
#fancybox-thumbnails.scrolling .jcarousel-list {
  position: relative;
}

/* Modifikujeme vzhled titulku */

#fancybox-title-wrap {
  background-color: #fff;
  background-image: none;
}

#fancybox-title-main {
  color: #292929;
}

  


/* Finetuning fontu po nahrazeni Cufonem */

/* Nadpisy "pripravujeme, hudba pred filmem" atd. */
.cufon-active .hp-box h2
  { margin-bottom: 4px; font-size: 15px; line-height: 15px; }
/* Nadpisy "Novinky" atd. */
.cufon-active .hp-box h2.cufon-head 
  { margin-bottom: 4px; font-size: 32px; line-height: 32px; }