/*
   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 "jquery.fancybox.mod_shortcat/jquery.fancybox.mod_shortcat.css";

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


body
{
  color: #000;
  background: #f8e205 url(body_bg.gif) 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
*/

.clear 
{
  display: block;
	clear: both;
	font-size: 1px;
	height: 1px;
	line-height: 1px;
}

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

/* Obecne submit tlacitko  */

input[type=submit] { 
	border: 0;
  background: #F8E205; 
  color: #000; 
  padding: 5px 10px; 
  font: 10px/14px "Helvetica Neue", Arial, Helvetica, sans-serif; 
  text-transform: uppercase;
	height: 24px;
	overflow: visible; /* [OBSOLETE?] removes extra side padding in IE */
}

		/* [OBSOLETE?] Sjednoceni vzhledu submitu napric prohlizeci */
		input[type=submit]::-moz-focus-inner {
		  border: 0; padding: 0;   /* removes extra padding in Firefox */
		}

		@media (-webkit-min-device-pixel-ratio:0) {
			input[type=submit] { margin: 0; }
		}

input[type=submit]:hover,
input[type=submit]:active {
  background: #fff799; 
}

/* Sipky doleva a doprava */

.arrow_left {
	border-color: transparent #000 transparent transparent;
	border-style: solid;
	border-width: 10px 20px 10px 0px;
	height: 0px;
	width: 0px;
	display: inline-block;
}



/* ------------------------------------------------------------------------------ 
   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.png?2) 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.png?2) no-repeat;
  background-position: -103px 0px;
  color: #f8e205;
  border-top: 0;
  padding-top: 8px;
}

#navigation a.active:hover
{
  background: url(../img/layout/navigation_item.png?2) 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,
#top_header
{
  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;
  background-image: none;
}

#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;
  background-image: none;
}

#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 .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
{
  margin-top: -47px;
}

/* Mezi obrazkem a nadpisem tady neni obsah (p.date). */
#home_events h3
{
  margin-top: 24px;
  border-top: 4px solid #fff;
}

/* Sloupecek "Film OKA" na titulce */

/* Obrazek u filmu OKA orezavame na vertikalni stred pomoci CSS, 
  aby ve Svetozor-crew nemuseli obrazek specialne vytvaret rucne.  
*/
#home_movie .image.ftpicture
{
  width: 276px;
  height: 121px;
  overflow: hidden;
}

/* Film tydne u OKA ma v adminu vlastni fotku se spravnymi rozmery */
#home_movie .image img
{
  margin-top: 0;
}

/* Film tydne u OKA nema v adminu nastavenou vlastni fotku a pouziva se 
   fotka z databaze filmu, ktera je vyssi */
#home_movie .image.ftpicture img 
{
  margin-top: -10px;
}

/* Mezi obrazkem a nadpisem tady neni obsah (p.date). */
#home_movie h3
{
  margin-top: 24px;
  border-top: 4px solid #fff;
}


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


/* Novinky: Osetreni nadpisu kvuli novym webum */

#home_news .news_item h1,
#home_news .news_item h2,
#home_news .news_item h3,
#home_news .news_item h4,
#home_news .news_item h5,
#home_news .news_item h6 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 1em;
	line-height: 1.4em;
	font-weight: bold;
}

/* 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;
  line-height: 16px;
  height: 16px;
}

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

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

/* Hudba pred filmem - format kvuli novym webum */

#home_small .home_small_box.music p {
	margin-bottom: 0;
}

.home_small_box.music hr {
	display: none;
}

#home_small .home_small_box.music p.partner {
	margin-top: 15px;
}

/* 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;
  height: 49px;
  padding: 0 20px 0 23px;
  color: #fff;
}


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

.cycle_icon
{
  padding: 2px 13px 4px 3px;
  margin-top: 12px;
  margin-left: 23px;
  margin-right: 9px;
  display: block;
  background: url(../img/layout/cycle_icon.gif?2) 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;
}

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

table.program .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; /* Posunuto kvuli back_link */
}


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

/* Odkazy pod pod fotkou: Recenze, IMDB, CSFD, oficialni stranky ... */

#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,
#movie_links a:active
{
  background-color: #f8e205;
  color: #000;
}

/* Odkazy pod fotkou ve dvou sloupcich */

#movie_links.with_two_columns
{
  height: auto;
  margin-bottom: 10px;
}

#movie_links.with_two_columns a
{
  width: 128px; /* Celkem 134 */
  margin-left: 7px;
}


/* Informace o filmu: delky trvani, zeme, rezie ... */

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

#movie_trailer
{
  margin-bottom: 15px;
}

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

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

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

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

/* Distrify */

#distrify {
	position: relative;
	top: -15px;
}

#distrify_button {
  background: #fff799;
}

#distrify #distrify_player {
  display: none;
}

#fancybox-outer #distrify_player {
  display: block;
  overflow: hidden;
  height: 392px;
}

.distrify_opened #distrify_player {
  overflow: hidden;
  height: 392px;
}

/* 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 tr.hover td a {
  background-color: #fff;
}

.movie_program table tr.hover td a:hover,
.movie_program table tr.hover td a:active {
  background-color: #fff799;
}

.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;
  white-space: nowrap;
}

/* Sipka oznacujici festival, do ktereho predstaveni patri 
   Ma ponekud slozitejsi HTML strukturu:
   .cycle_on_show
		.inside
		  a
		    .text
		    .arrow_left
*/

.movie_program table .cycle_on_show 
{
  position: relative;
  width: 1px;
  height: 1px;
}

.movie_program table .cycle_on_show .inside 
{
	position: absolute;
	display: block;
	width: 300px;
	right: -317px;
	top: 5px;
	white-space: nowrap;
	text-align: left;
}

		/* [OBSOLETE?] Magie - Webkit to pocita trochu jinak (plati pro Chrome 6 a Safari 5) */
		@media (-webkit-min-device-pixel-ratio:0) 
		{
		 .movie_program table .cycle_on_show .inside 
		   { top: -4px; right: -320px; }
		}

		/* [OBSOLETE?] Magie - Opera 10 ma zase trochu jine vypocty */
		.browser_opera .movie_program table .cycle_on_show .inside
			{ top: -4px; }

.movie_program table .cycle_on_show a {
  text-transform: none;
  font-size: 12px; 
  line-height: 17px;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.movie_program table .cycle_on_show a .text {
	background-color: #000;
	color: #f8e205;
	padding: 4px 7px 4px 5px;
	display: inline-block;
  font-weight: normal;
}

.movie_program table .cycle_on_show a .arrow_left {
	border-width: 12px 12px 12px 0px;
	float: left;
}

.movie_program table .cycle_on_show a:hover .text,
.movie_program table .cycle_on_show a:active .text {
	color: #fff;
}


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

/* Vyhledavani filmu fulltextem */

#movie_search_box input[type=text]
{
	width: 180px;
	height: 18px;
}


/* Seznam filmu v databazi */

#page_filmdatabase #database_movies_list,
#page_filmdatabase #database_movies_list li
{
  margin: 0;
  padding: 0;
  width: 320px;
  background-image: none;
}

#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;
	padding-bottom: 90px; /* [OBSOLETE?] Sem se otevira mouseover posledni polozky, aby ve FF3.6 neposkakoval layout */
}

#page_festivals h1
{
  width: 320px;
}


/* ------------------------------------------------------------------------------ 
   Jednotlivy festival - nova verze
*/

#page_festivals .fest
{
  background-color: #fff799;
  color: #000;
  padding: 8px 10px 8px 10px;
  margin-bottom: 5px;
}

#page_festivals .fest:hover,
#page_festivals .fest:active
{
  background-color: #fff;
	cursor: pointer;
}

#page_festivals .fest h2
{
  position: relative;
  overflow: hidden;
  margin: 0;
  font-size: 23px;
  line-height: 25px;
  height: 25px;
  text-transform: uppercase;
  white-space: nowrap;
}

#page_festivals .fest h2 .hider
{
  position: absolute;
  top: 0;
  right: 0;
  width: 25px;
  height: 25px;
  background: transparent url(../img/layout/hider_festivals.png) no-repeat top right;
}

#page_festivals .fest:hover h2 .hider,
#page_festivals .fest:active h2 .hider
{
  background-position: bottom right;
}

#page_festivals .fest .schedule 
{
  background: transparent url(../img/layout/arrow_long.gif) no-repeat right center;
	color: #fff;
	padding: 2px 18px 2px 5px;
	margin: -1px 3px 0 0;
	font-weight: normal;
}

#page_festivals .fest .text
{
	margin: 10px 0 10px 0;
}

#page_festivals .fest .text p
{
	display: inline;
}

/* Ve verzi s JS schovavame text a otvirame jej po najeti mysi */

#page_festivals.with_javascript .fest .text
{
  display: none;
}

		/* [OBSOLETE?] Opera 10 pocita jinak sirku okna s vertikalnim rolovatkem a jinak
		   bez nej. Pokud boxik po mouseovery vyskoci mimo nej, cely layout desive poskakuje.
		   Proto Opera dostane zjednodusenou verzi stejne jako IE6+7. 
		*/
		#page_festivals.with_javascript.browser_opera .fest .text
		{
		  display: block;
		}

#page_festivals.with_javascript .fest:hover .text,
#page_festivals.with_javascript .fest:active .text
{
  display: block;
}

#page_festivals .fest .text p.web
{
  display: block;
  margin-top: 17px;
}

/* Nasledujici definice plati jak pro seznam festivalu tak pro jejich detail */

.fest .schedule 
{
	margin-bottom: 0;
}

.fest .partners p
{
	margin-bottom: 4px;
}

.fest .web a,
.fest .partners a 
{
	padding: 2px 3px;
	background-color: #f8e205;
}

.fest .web a:hover,
.fest .web a:active,
.fest .partners a:hover,
.fest .partners a:active
{
	color: #000;
	background-color: #fff799;
}



/* ------------------------------------------------------------------------------ 
   Stranka festivalu nebo cyklu
*/

#page_festival h1 
{
  font-size: 30px;
  line-height: 31px;
  width: 592px; /* Celkem 645 */
  padding-left: 53px; /* Posunuto kvuli back_link */
}

#page_festival .fest 
{
	background-color: #fff;
	width: 275px; /* celkem 319px */
	padding: 20px 23px 12px 21px;
	margin-right: 5px;
	float: left;
}

#page_festival .fest h1 
{
  width: auto;
  border: 0;
  margin-top: 0;
	padding-top: 0;
  text-transform: none;	
}

#page_festival .fest h2
{
  border-top: 3px solid black;
	font-size: 12px;
	line-height: 17px;
	margin-bottom: 10px;
	padding: 4px 0;
	font-weight: bold;	
}

#page_festival .program 
{
	width: 320px;
	float: left;
}

#page_festival .program_box
{
	background-color: #fff;
	padding: 20px 23px 12px 21px;
	margin-bottom: 5px;
}

#page_festival .program .this_cinema h2
{
	font-size: 27px;
	font-weight: bold;
	line-height: 31px;
  margin: 0 7px 7px 0;
	padding-top: 0;
	float: left;
	display: inline;
	text-transform: uppercase;
}

		/* [OBSOLETE?] Cufon */
		.cufon-active #page_festival .program .this_cinema h2
		{
		  font-size: 30px;
		}


#page_festival .program .other_cinema h2
{
	padding: 4px 0 5px;
  font-size: 12px; 
  line-height: 17px;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  border-top: 3px solid #000;
  font-weight: bold;
  margin: 0;
}


#page_festival .program_archiv_switch 
{
  float: left;
  width: 50px;
  margin-top: 12px;
}

#page_festival .program_archiv_switch a 
{
		padding: 2px 3px;
		background-color: #f8e205;
}

#page_festival .program_archiv_switch a:hover,
#page_festival .program_archiv_switch a:active
{
	color: #000;
	background-color: #fff799;
}

/* Jednotlive predstaveni v ramci festivalu/cyklu */

#page_festival .program ul 
{
  clear: both;
  list-style-type: none;	
  margin: 0 0 20px 0;
  padding: 0;
  width: 276px;
}

#page_festival .program li
{	
  position: relative;
  border-top: 2px solid #000;
  margin: 0;
  padding: 7px 5px 6px;
  background-image: none;
}

#page_festival .program li h3
{	
  overflow: hidden;
  white-space: nowrap;
  font-weight: bold;
  height: 18px;
  font-size: 16px;
  line-height: 16px;
  margin: 0;
}

#page_festival .program li h3 a:hover,
#page_festival .program li h3 a:active
{	
  color: #000;
}

#page_festival .program li .hider
{	
  position: absolute;
  right: 0px;
  top: 0px;
	width: 50px;
	height: 49px;
	background: url(../img/layout/hider_festival_program.png) no-repeat top right;
}

#page_festival .program li .reservation
{	
  position: absolute;
  right: 5px;
  top: 24px;
	padding: 2px 3px 0px;
	background-color: #f8e205;
	font-weight: normal;
}

#page_festival .program li span.reservation
{	
	background-color: transparent;
}

#page_festival .program li .other_cinema
{	
	padding: 2px 3px;
	background-color: #f8e205;
}

/* Mouseover na jednotlivem predstaveni v ramci festivalu/cyklu */

#page_festival .program li:hover,
#page_festival .program li:active
{	
  background-color: #f8e205;
	background-position: 0px 50px;
	cursor: pointer;
}

#page_festival .program li:hover .hider,
#page_festival .program li:active .hider
{	
	background-position: 0px -50px;
}

#page_festival .program li:hover a.other_cinema,
#page_festival .program li:active a.other_cinema,
#page_festival .program li:hover a.reservation,
#page_festival .program li:active a.reservation
{	
  background-color: #fff;
}


#page_festival .program li:hover a.other_cinema:hover,
#page_festival .program li:active a.other_cinema:hover,
#page_festival .program li:hover a.reservation:hover,
#page_festival .program li:active a.reservation:hover,
#page_festival .program li:hover a.other_cinema:active,
#page_festival .program li:active a.other_cinema:active,
#page_festival .program li:hover a.reservation:active,
#page_festival .program li:active a.reservation:active
{	
	color: #000;
  background-color: #fff799;
}



/* ------------------------------------------------------------------------------ 
   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  {
  background-image: none;
}

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

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