/*
   Hlavni stylopis pro docasny web
   Projekt: www.biooko.net
   Autor: Martin Michalek, Studio Shortcat, michalek@shortcat.cz
*/

/* Importujeme Blueprint a jeho upravy */
@import "blueprint/screen.css";
@import "blueprint-extra.css";

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


body
{
  color: #000;
  background: #f8e205 url(../img/body_bg.gif?3) top center repeat-x;
}

body,
body *
{
  line-height: 17px;
}

body p, body ul, body ol, body blockquote
{
  margin-bottom: 17px;
}

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

a:hover
{
  color: #999;
}

h1, h2, h3, h4, h5, h6
{
  color: #000;
}


/* ------------------------------------------------------------------------------ 
   Obecne prvky - helpery
*/

/* Zprava */

.message
{
  z-index: 500;
  background: #000;
  color: #fff;
  padding: 7px;
  position: absolute;
  top: 0;
  left: 50%;
  width: 300px;
  margin-left: -150px;
  text-align: center;
}


/* ------------------------------------------------------------------------------ 
   Layout 
*/

/* Obecny sloupec layoutu */
.column
{
  width: 320px;
  margin-left: 5px;
  margin-right: 0;
}


#container
{
  width: 971px;
  margin: 0 auto 34px auto;
  text-align: left;
  padding-top: 19px;
  position: relative;
}

#container a
{
  text-decoration: none;
}

#logo
{
  position: absolute;
  right: 60px;
  top: 65px;
  width: 130px;
  height: 150px;
}

#navigation
{
  height: 49px;
  margin: 0 0 12px 0;
}

#navigation a,
#navigation strong,
#navigation a.active
{
  float: left;
  width: 103px;
  height: 42px;
  margin-left: 5px;
  border-top: 4px solid #000;
  text-align: center;
  padding-top: 4px;
  color: #000;
}

#navigation strong,
#navigation a.active
{
  background: url(../img/layout/navigation_item.gif) no-repeat;
  background-position: 0px 0px;  
  color: #f8e205;
  border-top: 0;
  padding-top: 8px;
}

#navigation a.active strong
{
  margin: 0;
  padding: 0;
  float: none
}

#navigation a:hover
{
  background: url(../img/layout/navigation_item.gif) no-repeat;
  background-position: -103px 0px;
  color: #f8e205;
  border-top: 0;
  padding-top: 8px;
}

#navigation a.active:hover
{
  background: url(../img/layout/navigation_item.gif) no-repeat;
  background-position: -103px 0px;    
}

#navigation a.language_switch
{
  border-top: 2px solid #000;
  padding-top: 6px;
  font-weight: normal;
}


#content
{
  width: 645px;
}

/* === Hlavni nadpis === */

h1
{
  width: 752px;
  border-top: 4px solid #000;
  text-transform: uppercase;
  font-size: 27px;
  line-height: 31px;
  font-weight: bold;
  color: #000;
  margin: 0 0 16px 0;
  padding: 6px 0 0 0;
}

/* === Odkaz zpet (z nadpisu) === */

.back_link {
  position: relative;
  bottom: -44px;
  width: 38px;
  height: 38px;
  padding: 0;
  margin: 0;
}

.back_link a
{
  width: 38px;
  height: 38px;
  display: block;
  background-image: url(../img/layout/arrow.gif?2);
  background-position: top left;
}

.back_link a:hover  { background-position: bottom left;  }

.back_link span     { display: none; }



/* ------------------------------------------------------------------------------ 
   Vzhled prvku spolecnych pro ruzne stranky 
*/


/* === Seznam kategorii ===
   boxik nalevo na strankach Ke stazeni, Bloko, Udalosti 
*/

#categories
{
  width: 210px;
  float: left;
  margin-right: 5px;
  background-color: #000;
  padding: 22px 0;
}

#categories ul,
#categories li
{
  margin: 0;
  padding: 0;
}

#categories a,
#categories strong
{
  color: #f8e205;
  padding: 0 22px;
  display: block;
  padding-top: 2px;
  padding-bottom: 1px;
}

#categories a:hover,
#categories strong
{
  color: #000;
  background-color: #fff;
}


/* === Obsahovy blog s posty ===
   boxik napravo na strankach Bloko, Udalosti 
*/

#posts 
{
  float: left;
  width: 493px; /* Celkem 537px */
  background-color: #fff;
  padding: 20px 23px 2px 21px;
  margin-bottom: 20px;
}

/* Jednotlivy post */

.post 
{
  margin-bottom: 21px;
}

.post h2 
{
  border-bottom: 2px solid #000000;
  border-top: 3px solid #000000;
  font-size: 12px;
  font-weight: bold;
  line-height: 17px;
  margin: 0 0 7px;
  padding-bottom: 5px;
  padding-top: 4px;
}


/* === Seznam polozek jakozto odkazu ===
   pouzivany napriklad pro seznam souboru ve Stahnete si nebo pro seznam Udalosti v jejich archivu
*/

#list
{
  width: 537px;
  float: left;
}

#list ul,
#list li
{
  margin: 0;
  padding: 0;
}

#list ul
{
  margin-bottom: 34px;
}

#list li
{
  width: 493px; /* Celkem 537px */
  height: 17px;
  white-space: nowrap;
  background-color: #fff799;
  padding: 0 22px;
  padding-top: 5px;
  padding-bottom: 4px;
  margin-bottom: 3px;
  overflow: hidden;
}

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

#list li small
{
  font-size: 12px;
}

#list li strong a:hover
{
  color: #000;
}



/* === Strankovani === */

#paging
{
  margin: 0;
  margin-top: -11px;
  height: 38px;
}

#paging a.backward,
#paging a.forward
{
  width: 38px;
  height: 38px;
  float: left;
  display: block;
  background-image: url(../img/layout/arrow.gif);
}

#paging span.help
{
  width: 130px;
  height: 39px;
  float: left;
  display: block;
  font-weight: bold;
  margin-left: 13px;
  padding-top: 10px;
}


#paging a.backward span,
#paging a.forward span    { display: none; }

#paging a.backward        { background-position: left top; margin-right: 5px; }
#paging a.forward         { background-position: right top; }
#paging a.backward:hover  { background-position: left bottom; }
#paging a.forward:hover   { background-position: right bottom; }


/* ------------------------------------------------------------------------------ 
   Jednotlive stranky 
*/


/* === Homepage === */

/* Program na titulce */

#home_program
{
  margin-top: 5px;
  margin-bottom: 16px;
  min-height: 135px;
}

/* Novinky, udalosti, vystava */

#home_front
{
  background: url(../img/layout/home_front.gif?2) repeat-y;
  color: #fff;
  margin-bottom: 5px;
}

#home_front a
{
  color: #f8e205;
}

#home_front a:hover
{
  color: #fff799;
}

#home_front h2
{
  border-top: 4px solid #fff;
  text-transform: uppercase;
  font-size: 27px;
  line-height: 31px;
  font-weight: bold;
  color: #fff;
  margin: 0 0 14px 0;
  padding: 6px 0 0 0;
}

#home_front h3
{
  font-size: 1em;
  color: #fff;
  font-weight: bold;
  padding: 5px 0;
  border-bottom: 2px solid #fff;
  margin-bottom: 3px;
}

.home_front_box
{
  width: 276px; /* Celkem 320 */
  float: left;
  position: relative;
  margin-left: 5px;
  padding: 20px 23px 2px 21px;
}

.home_front_box .image
{
  margin-bottom: 0;
  padding-left: 1px;
}

.home_front_box .image img
{
  max-height: 121px;
}

.home_front_box .date
{
  font-size: 10px;
  padding-bottom: 3px;
  border-bottom: 4px solid #fff;
  margin: 0;
}

/* Odkaz vedle nadpisu boxiku (treba "Program emailem") */
.home_front_box .head_link
{
  font-size: 10px;
  text-transform: uppercase;
  width: 120px;
  text-align: right;
  float: right;
  margin: 0;
  margin-top: -53px;
}

#home_events .head_link,
#home_bloko .head_link 
{
  margin-top: -47px;
}

/* Odkaz pro roztahovani a stahovani cernych boxiku */

.home_front_box .roll_out_anchor,
.home_front_box .roll_out_anchor a.close
{
  display: none;
}

.home_front_box .roll_out_anchor a
{
  padding: 5px 0px 5px 15px;
  background: url(../img/layout/home_front_box_roll_out.gif) 0px 10px no-repeat;
}

#container .home_front_box .roll_out_anchor a:hover
{
  background-position: 0px -12px;
  color: #fff;
}

#container .home_front_box .roll_out_anchor a.close:hover
{
  background-position: 0px -32px;
}

/* Boxik je oriznut a pripraven k roztazeni dolu */

.home_front_box.to_roll
{
  height: 338px; /* Celkem 360 */
  overflow: hidden;
}

.home_front_box.to_roll .roll_out_anchor,
.home_front_box.rolled_down .roll_out_anchor
{
  display: block;
  position: absolute;
  width: 296px; /* Celkem 320 */
  height: 35px; /* Celkem 70 */
  padding-top: 35px;
  padding-right: 24px;
  bottom: 0;
  left: 0;
  background: url(../img/layout/home_front_box_cut_off.png) bottom left repeat-x;
  margin: 0;
  text-align: right;
}

/* Boxik je roztazen dolu */

.home_front_box.rolled_down
{
  height: auto;
  padding-bottom: 30px;
}

.home_front_box.rolled_down .roll_out_anchor
{
  background-image: none;
  padding-top: 0;
}


/* Novinky */

#home_news h2
{
  margin-bottom: 20px;
}

#home_news .news_item
{
  border-top: 3px solid #fff;
  padding-top: 6px;
  padding-right: 3px;
  padding-left: 1px;
  margin-bottom: -9px;
}

/* Prihlaseni k newsletteru */

#newsletter_link a
{
  background: url(../img/layout/arrow_opening_small_right.gif) 32px 3px no-repeat;
  padding-right: 15px;
}

#newsletter_link a:hover
{
  background-position: 32px -18px;
  color: #fff;
}

#newsletter_link.opened a:hover
{
  background-position: 32px -39px;
}

#newsletter_form
{
  display: none;
}

#newsletter_form
{
  padding: 9px 0;
  margin: 0;
  border-top: 1px solid #fff;
}

#newsletter_form input
{
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  vertical-align: baseline;
}

#newsletter_form input.text
{
  width: 100px;
  margin: 0;
  background: #000;
  border: 1px solid #fff;
  color: #fff;
  font-size: 11px;
  padding: 2px;
}

#newsletter_form input.submit
{
  text-transform: uppercase;
  background: #f8e205;
  color: #000;
  border: 0;
  padding: 1px;
  cursor: pointer;
  padding: 3px 2px 2px 2px;
}

#newsletter_form input.submit:hover
{
  background: #fff799;
}



/* Spodni boxiky na titulce */

#home_small
{
  background: url(../img/layout/home_small.gif) repeat-y;
  padding: 21px 21px 10px 21px;
  font-size: 11px;
  line-height: 15px;
}

#home_small a {
  font-weight: bold;
  background-color: #f8e205;
  color: #000;
}

#home_small a:hover
{
  background-color: #fff799;
}

#home_small p, #home_small ul, #home_small ol, #home_small blockquote
{
  margin-bottom: 15px;
}


#home_small h3
{
  font-size: 12px;
  line-height: 15px;
  font-weight: bold;
  border-top: 4px solid #000;
  border-bottom: 2px solid #000;
  padding-top: 5px;
  padding-bottom: 4px;
}

.home_small_box
{
  width: 196px;
  float: left;
  margin-left: 7px;
}

/* Bio OKO se predstavuje */

#introduction
{
 float: right;
 width: 274px;
}

#introduction li
{
 background: url(../img/layout/arrow_subtle.gif) 0px 5px no-repeat;
 padding-left: 17px;
 margin-left: 0;
 font-weight: bold;
}



/* === Stranka Program === */

table.program
{
  border-collapse: collapse;
  width: 645px;
  border: 0;
}

table.program td,
table.program th
{
  padding: 0;
  overflow: hidden;
  vertical-align: middle;
  background: url(../img/layout/program_row.gif?2) repeat-x;
  height: 42px;
  border: 0;
}

table.program a           { font-weight: normal; }
table.program a:hover     { color: #000; }

table.program tr.day td
{
  background: url(../img/layout/program_day.gif?2) repeat-x;
  font-weight: bold;
  padding: 17px 20px 15px 23px;
  color: #fff;
}


table.program td.cycle
{
  width: 73px;
  vertical-align: top;
}

.cycle_icon
{

  padding: 2px 15px 4px 6px;
  margin-top: 12px;
  margin-left: 23px;
  margin-right: 9px;
  display: block;
  background: url(../img/layout/cycle_icon.gif) no-repeat right top;
  font-family: Verdana, sans-serif;
  font-size: 9px;
  line-height: 9px;
  overflow: hidden;
  text-transform: uppercase;
  color: #f8e205;
  font-weight: normal;
}

table.program .cycle_icon:hover
{
  color: #f8e205;
  cursor: help;
}

table.program td.time_reservation
{
  width: 63px;
}

table.program a.time
{
 background: url(../img/layout/arrow_subtle.gif) 0px 5px no-repeat;
 padding-left: 14px;
 font-weight: bold;
 display: block;
 margin-top: -3px;
}

table.program a.reservation
{
 font-size: 11px;
 line-height: 15px;
 display: block;
 margin-top: -3px;
}

table.program td.movie
{
  width: 507px;
}

/* Blok s nazvem filmu
(Absolutene pozicovany blok, ve kterem umistujeme .acronyms a take
orezavame nadpis.) */
table.program td.movie .movie_name_block
{
  position: absolute;
  width: 509px;
  height: 36px; /* Celkem 38 */
  padding-top: 2px;
  font-size: 27px;
  line-height: 33px;
  margin-top: -21px;
  overflow: hidden;
  display: block;
  white-space: nowrap;
  text-transform: uppercase;
}

table.program td.movie strong a
{
  font-weight: bold;
}

table.program .acronyms
{
  position: absolute;
  right: 0;
  top: 0;
  min-width: 50px;
  height: 38px;
  text-align: right;
  font-size: 10px;
  padding-left: 3px;
  background: url(../img/layout/movie_name_hider.png?2) no-repeat top right;
}

table.program .acronyms acronym
{
  text-transform: uppercase;
  padding: 2px 3px 2px 3px;
  background-color: #fff;
  border: 0;
}

/* Mouseover nad radkem programu */

table.program tr.hover td
{
  background-position: left bottom;
  cursor: pointer;
}

table.program tr.hover .acronyms
{
  background-position: bottom right;
}

table.program tr.hover .acronyms acronym
{
  background-color: #fff;
}

table.program tr.hover .acronyms acronym:hover
{
  cursor: help;
}

/* === Paticka === */

#foot
{
  margin: 12px 21px 60px 21px;
  font-size: 11px;
  line-height: 15px;
}

#foot_contact
{
  width: 570px;
  float: left;
  margin: 0;
}

#foot_links
{
  width: 350px;
  float: right;
  text-align: right;
  margin: 0;
}

#foot_links a
{
  padding: 5px 9px;
  background-color: #fff;
  font-weight: normal;
}

#foot_links a:hover
{
  padding: 5px 9px;
  background-color: #f8e205;
  color: #000;
}


/* === Stranka detail filmu === */

#page_film h1
{
  width: 592px; /* Celkem 645 */
  padding-left: 53px;
}


/* === Detail filmu === */


/* Levy sloupec */
#movie_content
{
  width: 278px; /* Celkem 320 */
  padding: 23px 21px 24px 21px;
  margin-right: 5px;
  background-color: #fff;
  float: left;
}

/* Pravy sloupec */
#movie_related {
  width: 320px;
  float: left;
}

#movie_image
{
  margin-bottom: 11px;
}

#movie_image img
{
  width: 275px;
}

#movie_links
{
  margin-bottom: 30px;
  height: 20px;
}

#movie_links a
{
  width: 82px; /* Celkem 88 */
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 6px;
  margin-left: 5px;
  border-top: 4px solid #000;
  float: left;
}

#movie_links small  {
  font-size: 1em;
}

#movie_links a:hover
{
  background-color: #f8e205;
  color: #000;
}

#movie_info
{
  font-size: 11px;
  line-height: 15px;
  margin-bottom: 8px;
}

#movie_trailer
{
  margin-bottom: 15px;
}

#movie_trailer h3
{
  border-top: 4px solid #000;
  font-size: 12px;
  line-height: 17px;
  margin-bottom: 0;
  padding: 0;
}

#movie_trailer h3 a
{
  display: block;
  font-weight: bold;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 6px;
}

#movie_trailer h3 a:focus
{
  color: #000;
}

#movie_trailer h3 a:hover
{
  background-color: #f8e205;
  color: #000;
}

/* Program */

#movie_program {
  width: 275px;
  padding: 21px 23px;
  background-color: #fff;
  margin-bottom: 5px;
}

#movie_program table {
  border-collapse: collapse;
  border: 0;
  border-top: 3px solid #000;
}

#movie_program table th {
  padding: 3px 0 6px 0;
  border-collapse: collapse;
  border: 0;
}

#movie_program table td {
  padding: 5px 0 4px 0;
  border-collapse: collapse;
  border: 0;
  border-top: 2px solid #000;
}

#movie_program table td.day {
  padding-left: 3px;
  padding-right: 3px;
}

#movie_program table td.date {
  font-weight: bold;
  text-align: right;
  padding-right: 4px;
}

#movie_program table td.time {
  padding-right: 4px;
}

#movie_program table td.time a {
  background-color: #f8e205;
  padding: 2px;
}

#movie_program table td.time a:hover {
  color: #000;
}

#movie_program table tr.hover td {
  background-color: #f8e205;
  cursor: pointer;
}

#movie_program table td.price {
  text-align: right;
  padding-right: 4px;
}

#movie_program table td.params
{
  font-size: 10px;
  padding-right: 5px;
  text-transform: uppercase;
  text-align: right;
}


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

#terryGoods
{
  margin-bottom: 5px;
  background-image: url(../img/layout/terry-goods-bg.gif?2);
  background-repeat: no-repeat;
  width: 320px;
  height: 190px;
  overflow: hidden;
}

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

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

#terryGoods h2 span
{
  display: none;
}

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

#terryGoods p
{
  padding: 10px 21px 23px 21px;
  text-align: center;
  height: 100px;
  overflow: hidden;
}

/* Jednotlive zbozi */

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


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

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

.terryGood a
{
  font-weight: bold;
}

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

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


/* === Stranka Filmdatabaze === */

#page_filmdatabase h1
{
  width: 645px;
}

#page_filmdatabase #database_navigation
{
  width: 605px; /* Celkem 645 */
  padding: 21px 20px 30px 20px;
  margin-top: 5px;
  background-color: #fff;
}

#page_filmdatabase #letter_list
{
  font-size: 22px;
  line-height: 31px;
  text-transform: uppercase;
}

#page_filmdatabase #letter_list a
{
  width: 20px;
}

#page_filmdatabase #letter_list a:hover,
#page_filmdatabase #letter_list a:active
{
  background-color: #f8e205;
}

#page_filmdatabase #letter_list strong
{
  background-color: #f8e205;
}

#page_filmdatabase #movie_search_box form *
{
  vertical-align: middle;
}

/* Seznam filmu v databazi */

#page_filmdatabase #database_movies_list,
#page_filmdatabase #database_movies_list li
{
  margin: 0;
  padding: 0;
  width: 320px;
}

#page_filmdatabase #database_movies_list
{
  background-color: #000;
  margin-top: 5px;
  padding-top: 17px;
  padding-bottom: 17px;
}

#page_filmdatabase #database_movies_list a
{
  padding: 0 20px;
  line-height: 18px;
  color: #faf400;
  display: block;
  width: 280px;
  height: 19px;
  overflow: hidden;
}

#page_filmdatabase #database_movies_list a:hover,
#page_filmdatabase #database_movies_list a:active
{
  color: #000;
  background-color: #fff;
}


/* === Staticke stranky === */

#page_static #content
{
  width: 645px;
}

#page_static h1
{
  width: 645px;
  margin-bottom: 21px;
}

#page_static #oko_address
{
  font-size: 27px;
  line-height: 41px;
  text-transform: uppercase;
  margin: 0 0 30px 0;
}

#page_static #map_achor
{
  width: 106px;
  height: 124px;
  margin: 0;
  float: right;
  margin-top: -150px;
}

#page_static #map_achor a
{
  display: block;
  background: url(../img/map.gif) top left;
  width: 106px;
  height: 124px;
}

#page_static #map_achor a:hover
{
  background-position: bottom left;
}

#page_static #static_page_text
{
  background-color: #fff;
  padding: 25px 30px 30px 30px;
}

#page_static .static_page_column
{
  float: left;
  width: 235px;
  margin-left: 65px;
}

#page_static #content a
{
  background-color: #f8e205;
  text-decoration: none;
}

#page_static #content a:hover,
#page_static #content a:active
{
  background-color: #fff799;
  color: #000;
}


/* === Stranka Stahnete si === */

#page_download h1,
#page_download #content
{
  width: 752px;
}

/* === Stranka Cykly a festivaly === */

#page_festivals #content
{
  width: 650px;
}

#page_festivals .festival_column
{
  width: 320px;
  float: left;
  margin-right: 5px;
}

#page_festivals h1
{
  width: 320px;
}

#page_festivals .festival
{
  background-color: #fff;
  padding: 20px 23px 2px 21px;
  margin-bottom: 5px;
}

/* Odkazy na sbaleni nebo rozbaleni obsahu cyklu */

#page_festivals .festival .opening-closing-links
{
  text-align: right;
  margin-bottom:12px;
}

#page_festivals .festival .opening-closing-links a
{
  background-color: #F8E205;
  background-image: url(/img/layout/arrow_subtle_black_multistate.gif);
  background-repeat: no-repeat;
  background-position: 2px 4px;
  padding: 0 2px 0 15px;
}

#page_festivals .festival .opening-closing-links .opening-link:hover
{
  background-position: 2px -17px;
}

#page_festivals .festival .opening-closing-links .closing-link:hover
{
  background-position: 2px -37px;
}

#page_festivals .festival .opening-closing-links a:hover
{
  background-color: #fff799;
  color: #000;
}

#page_festivals .festival.closed .festival_content,
#page_festivals .festival.closed .closing-link
{
  display: none;
}

#page_festivals .festival.opened .festival_content
{
  display: block;
}

#page_festivals .festival.opened .opening-link
{
  display: none;
}


#page_festivals .festival h2
{
  font-size: 12px;
  line-height: 17px;
  margin: 0 0 7px 0;
  border-top: 3px solid #000;
  border-bottom: 2px solid #000;
  padding-top: 4px;
  padding-bottom: 5px;
  font-weight: bold;
}

#page_festivals .festival .schedule
{
  margin-bottom: 0px;
}

#page_festivals .festival .website a
{
  background-color: #f8e205;
}

#page_festivals .festival .website a:hover
{
  background-color: #fff799;
  color: #000;
}


/* === Stranka Bloko === */

#page_bloko h1,
#page_bloko #content
{
  width: 536px;
}

#page_bloko #posts
{
  width: 275px;
}

#page_bloko .post p a
{
  background-color: #f8e205;
  text-decoration: none;
}

#page_bloko .post p a:hover,
#page_bloko .post p a:active
{
  background-color: #fff799;
  color: #000;
}


/* === Stranka Udalosti === */

#page_events h1,
#page_events #content
{
  width: 752px;
}


/* === Stranka Detail udalosti === */

#page_event h1 {
  padding-left: 53px;
  width: 592px;
}

#page_event #content a
{
  background-color: #f8e205;
  text-decoration: none;
}

#page_event #content a:hover,
#page_event #content a:active
{
  background-color: #fff799;
  color: #000;
}

#page_event #event
{
  float: left;
  width: 275px;
  padding: 20px 23px 2px 21px;
  margin-bottom: 20px;
  background-color: #FFF;
}

#page_event #event .image
{
  margin-bottom: 0;
}

#page_event #event .date
{
  font-size: 10px;
  padding-bottom: 3px;
  border-bottom: 2px solid #000;
  margin: 0;
}


/* === Stranka Partneri === */

.partners_column
{
  width: 319px;
  float: left;
  margin-left: 5px;
}

#page_static .partners_column h1
{
  width: 319px;
}

.partners_column.first
{
  margin-left: 5px;
}

.partners_column_content
{
  padding: 20px 23px 30px 30px;
  margin-bottom: 34px;
  background-color: #fff;
}

#page_static #content .partner a.image 
{
  padding: 0;
  background-color: transparent;
}


/* ------------------------------------------------------------------------------ 
   Stranka Fotogalerie
*/

#page_photogallery h1
{
  width: 645px;
}

#page_photogallery #content
{
  width: 650px;
}

#page_photogallery .set
{
  position: relative;
  width: 157px;
  height: 157px;
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
  background-color: #000;
  overflow: hidden;
}

#page_photogallery .set:hover img
{
  opacity: 0;
}

#page_photogallery .set h2
{
  z-index: 30;
  position: absolute;
  bottom: 0;
  font-size: 12px; 
  line-height: 18px;
  margin: 14px 10px;
}

#page_photogallery .set h2 a:hover
{
  color: #000;
}

#page_photogallery .set h2 strong
{
  padding: 2px 0;
  text-indent: 0px;
  background-color: #f8e205;   
}

#page_photogallery .set h2 small
{
  padding: 3px 0;
  font-size: 10px; 
  line-height: 18px;
  display: inline;
  background-color: #fff;
  font-weight: normal;
}

#page_photogallery .set .image
{
  z-index: 20;
  position: absolute;
  -ms-interpolation-mode: bicubic;  
}

#page_photogallery .set .image.vertical
{
  margin-top: -25px;  
}

#page_photogallery .set .image.horizontal
{
  margin-left: -25px;
}



/* ------------------------------------------------------------------------------ 
   Chybove stranky (404 atd.)
*/

#error_container
{
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -323px;
  margin-top: -150px;
  width: 645px;
  height: 250px;
  background-color: #fff;
  padding: 30px;
}

#error_container h1
{
  width: auto;
  margin-bottom: 40px;
}



/* -------------------------------------------------------------
  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: #000;
}




/* ------------------------------------------------------------------------------ 
   Cufon nadpisy
*/

.cufon-active #home_front h2,
.cufon-active h1,
.cufon-active table.program td.movie .movie_name_block strong,
.cufon-active #page_filmdatabase #letter_list,
.cufon-active #page_static #oko_address
{
  font-size: 30px;
  letter-spacing: 1px;
}

.cufon-active #page_filmdatabase #letter_list
{
  letter-spacing: 0px;
}