@charset "UTF-8";
/************************************************************************************************
                
                Style for Festiberico 2023 
                
				In 2016 we moved to scss replacing the master CSS + own preprocessor for festiberico.net
										
				Author: P. Borges
				Date: 03.2006   04.2008		03.2016
				
													 
Mnemonic: top right bottom left													 
On some containers padding was added to <p> <h1> <h2>, which looks weird but is due to the fact 
that IE is not w3 compliant and considers margin and padding part of the width attibute. This way
the output of IE will be similar to the compliant browsers (only horizontally).	

Note: a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!!

use: scss festiberico.scss
     scss festiberico.scss festiberico.css

z-index for splash: 1000
z-index-logo :900

*/
/************************************************************************************************
										Colours													 
*************************************************************************************************/
/************************************************************************************************
									http://include-media.com/ 
   Nota, alterando estes valores há que ir mudar o java nas news.php      													 
*************************************************************************************************/
/************************************************************************************************
										Geometry		
*************************************************************************************************/
/************************************************************************************************
										Fonts, Text															 
*************************************************************************************************/
/************************************************************************************************
										Mixin for margins of info pages													 
*************************************************************************************************/
/************************************************************************************************
									Start													 
*************************************************************************************************/
.webiberico {
  display: none;
  /*	color: green !important;  */ }

html {
  content: "";
  height: 100vh;
  background-color: #222222;
  /* This year initial colour */
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  -webkit-transition: background-image 1s ease-in-out;
  transition: background-image 1s ease-in-out;
  -moz-transition: background-image 1s ease-in-out;
  -o-transition: background-image 1s ease-in-out;
  -ms-transition: background-image 1s ease-in-out;
  min-height: 100vh; }

body {
  margin: 0px;
  height: 100%; }

@media (orientation: landscape) and (min-width: 960px) {
  #body_id1 {
    background-image: url(../images/backgrounds/background_becarias.jpg); } }

@media (orientation: portrait) and (min-width: 960px) {
  #body_id1 {
    background-image: url(../images/backgrounds/background_becarias_poster.jpg); } }

@media (orientation: landscape) and (max-width: 959px) and (min-width: 640px) {
  #body_id1 {
    background-image: url(../images/backgrounds/background_becarias.jpg); } }

@media (orientation: portrait) and (max-width: 959px) and (min-width: 640px) {
  #body_id1 {
    background-image: url(../images/backgrounds/background_becarias_poster.jpg); } }

@media (orientation: landscape) and (max-width: 639px) and (min-width: 413px) {
  #body_id1 {
    background-image: url(../images/backgrounds/background_becarias_small.jpg); } }

@media (orientation: portrait) and (max-width: 639px) and (min-width: 413px) {
  #body_id1 {
    background-image: url(../images/backgrounds/background_becarias_poster_small.jpg); } }

@media (orientation: landscape) and (max-width: 412px) {
  #body_id1 {
    background-image: url(../images/backgrounds/background_becarias_small.jpg); } }

@media (orientation: portrait) and (max-width: 412px) {
  #body_id1 {
    background-image: url(../images/backgrounds/background_becarias_poster_small.jpg); } }

@media (orientation: landscape) and (min-width: 960px) {
  #body_id2 {
    background-image: url(../images/backgrounds/background_te_estoy_amando_locamente.jpg); } }

@media (orientation: portrait) and (min-width: 960px) {
  #body_id2 {
    background-image: url(../images/backgrounds/background_poster_te_estoy_amando_locamente.jpg); } }

@media (orientation: landscape) and (max-width: 959px) and (min-width: 640px) {
  #body_id2 {
    background-image: url(../images/backgrounds/background_te_estoy_amando_locamente.jpg); } }

@media (orientation: portrait) and (max-width: 959px) and (min-width: 640px) {
  #body_id2 {
    background-image: url(../images/backgrounds/background_poster_te_estoy_amando_locamente.jpg); } }

@media (orientation: landscape) and (max-width: 639px) and (min-width: 413px) {
  #body_id2 {
    background-image: url(../images/backgrounds/background_te_estoy_amando_locamente_small.jpg); } }

@media (orientation: portrait) and (max-width: 639px) and (min-width: 413px) {
  #body_id2 {
    background-image: url(../images/backgrounds/background_poster_te_estoy_amando_locamente_small.jpg); } }

@media (orientation: landscape) and (max-width: 412px) {
  #body_id2 {
    background-image: url(../images/backgrounds/background_te_estoy_amando_locamente_small.jpg); } }

@media (orientation: portrait) and (max-width: 412px) {
  #body_id2 {
    background-image: url(../images/backgrounds/background_poster_te_estoy_amando_locamente_small.jpg); } }

@media (orientation: landscape) and (min-width: 960px) {
  #body_id3 {
    background-image: url(../images/backgrounds/background_la_guitarra_flamenca.jpg); } }

@media (orientation: portrait) and (min-width: 960px) {
  #body_id3 {
    background-image: url(../images/backgrounds/background_poster_el_47.jpg); } }

@media (orientation: landscape) and (max-width: 959px) and (min-width: 640px) {
  #body_id3 {
    background-image: url(../images/backgrounds/background_la_guitarra_flamenca.jpg); } }

@media (orientation: portrait) and (max-width: 959px) and (min-width: 640px) {
  #body_id3 {
    background-image: url(../images/backgrounds/background_poster_el_47.jpg); } }

@media (orientation: landscape) and (max-width: 639px) and (min-width: 413px) {
  #body_id3 {
    background-image: url(../images/backgrounds/background_la_guitarra_flamenca_small.jpg); } }

@media (orientation: portrait) and (max-width: 639px) and (min-width: 413px) {
  #body_id3 {
    background-image: url(../images/backgrounds/background_poster_el_47_small.jpg); } }

@media (orientation: landscape) and (max-width: 412px) {
  #body_id3 {
    background-image: url(../images/backgrounds/background_la_guitarra_flamenca_small.jpg); } }

@media (orientation: portrait) and (max-width: 412px) {
  #body_id3 {
    background-image: url(../images/backgrounds/background_poster_el_47_small.jpg); } }

@media (orientation: landscape) and (min-width: 960px) {
  #body_id4 {
    background-image: url(../images/backgrounds/background_os_papeis_do_ingles.jpg); } }

@media (orientation: portrait) and (min-width: 960px) {
  #body_id4 {
    background-image: url(../images/backgrounds/background_os_papeis_do_ingles_2.jpg); } }

@media (orientation: landscape) and (max-width: 959px) and (min-width: 640px) {
  #body_id4 {
    background-image: url(../images/backgrounds/background_os_papeis_do_ingles.jpg); } }

@media (orientation: portrait) and (max-width: 959px) and (min-width: 640px) {
  #body_id4 {
    background-image: url(../images/backgrounds/background_os_papeis_do_ingles_2.jpg); } }

@media (orientation: landscape) and (max-width: 639px) and (min-width: 413px) {
  #body_id4 {
    background-image: url(../images/backgrounds/background_os_papeis_do_ingles_small.jpg); } }

@media (orientation: portrait) and (max-width: 639px) and (min-width: 413px) {
  #body_id4 {
    background-image: url(../images/backgrounds/background_os_papeis_do_ingles_2_small.jpg); } }

@media (orientation: landscape) and (max-width: 412px) {
  #body_id4 {
    background-image: url(../images/backgrounds/background_os_papeis_do_ingles_small.jpg); } }

@media (orientation: portrait) and (max-width: 412px) {
  #body_id4 {
    background-image: url(../images/backgrounds/background_os_papeis_do_ingles_2_small.jpg); } }

@media (orientation: landscape) and (min-width: 960px) {
  #body_id5 {
    background-image: url(../images/backgrounds/background_a_rapariga_dos_olhos_grandes.jpg); } }

@media (orientation: portrait) and (min-width: 960px) {
  #body_id5 {
    background-image: url(../images/backgrounds/background_becarias_poster.jpg); } }

@media (orientation: landscape) and (max-width: 959px) and (min-width: 640px) {
  #body_id5 {
    background-image: url(../images/backgrounds/background_a_rapariga_dos_olhos_grandes.jpg); } }

@media (orientation: portrait) and (max-width: 959px) and (min-width: 640px) {
  #body_id5 {
    background-image: url(../images/backgrounds/background_becarias_poster.jpg); } }

@media (orientation: landscape) and (max-width: 639px) and (min-width: 413px) {
  #body_id5 {
    background-image: url(../images/backgrounds/background_a_rapariga_dos_olhos_grandes_small.jpg); } }

@media (orientation: portrait) and (max-width: 639px) and (min-width: 413px) {
  #body_id5 {
    background-image: url(../images/backgrounds/background_becarias_poster_small.jpg); } }

@media (orientation: landscape) and (max-width: 412px) {
  #body_id5 {
    background-image: url(../images/backgrounds/background_a_rapariga_dos_olhos_grandes_small.jpg); } }

@media (orientation: portrait) and (max-width: 412px) {
  #body_id5 {
    background-image: url(../images/backgrounds/background_becarias_poster_small.jpg); } }

@media (orientation: landscape) and (min-width: 960px) {
  #body_id6 {
    background-image: url(../images/backgrounds/background_os_demonios_do_meu_avo.jpg); } }

@media (orientation: portrait) and (min-width: 960px) {
  #body_id6 {
    background-image: url(../images/backgrounds/background_to_bird_or_not_to_bird.jpg); } }

@media (orientation: landscape) and (max-width: 959px) and (min-width: 640px) {
  #body_id6 {
    background-image: url(../images/backgrounds/background_os_demonios_do_meu_avo.jpg); } }

@media (orientation: portrait) and (max-width: 959px) and (min-width: 640px) {
  #body_id6 {
    background-image: url(../images/backgrounds/background_to_bird_or_not_to_bird.jpg); } }

@media (orientation: landscape) and (max-width: 639px) and (min-width: 413px) {
  #body_id6 {
    background-image: url(../images/backgrounds/background_os_demonios_do_meu_avo_small.jpg); } }

@media (orientation: portrait) and (max-width: 639px) and (min-width: 413px) {
  #body_id6 {
    background-image: url(../images/backgrounds/background_to_bird_or_not_to_bird_small.jpg); } }

@media (orientation: landscape) and (max-width: 412px) {
  #body_id6 {
    background-image: url(../images/backgrounds/background_os_demonios_do_meu_avo_small.jpg); } }

@media (orientation: portrait) and (max-width: 412px) {
  #body_id6 {
    background-image: url(../images/backgrounds/background_to_bird_or_not_to_bird_small.jpg); } }

@media (orientation: landscape) and (min-width: 960px) {
  #body_id7 {
    background-image: url(../images/backgrounds/background_la_guitarra_flamenca_1.jpg); } }

@media (orientation: portrait) and (min-width: 960px) {
  #body_id7 {
    background-image: url(../images/backgrounds/background_revolução_sem_sangue.jpg); } }

@media (orientation: landscape) and (max-width: 959px) and (min-width: 640px) {
  #body_id7 {
    background-image: url(../images/backgrounds/background_la_guitarra_flamenca_1.jpg); } }

@media (orientation: portrait) and (max-width: 959px) and (min-width: 640px) {
  #body_id7 {
    background-image: url(../images/backgrounds/background_revolução_sem_sangue.jpg); } }

@media (orientation: landscape) and (max-width: 639px) and (min-width: 413px) {
  #body_id7 {
    background-image: url(../images/backgrounds/background_la_guitarra_flamenca_1_small.jpg); } }

@media (orientation: portrait) and (max-width: 639px) and (min-width: 413px) {
  #body_id7 {
    background-image: url(../images/backgrounds/background_revolução_sem_sangue_small.jpg); } }

@media (orientation: landscape) and (max-width: 412px) {
  #body_id7 {
    background-image: url(../images/backgrounds/background_la_guitarra_flamenca_1_small.jpg); } }

@media (orientation: portrait) and (max-width: 412px) {
  #body_id7 {
    background-image: url(../images/backgrounds/background_revolução_sem_sangue_small.jpg); } }

p, h1, h2, h3, li {
  color: black;
  font-family: Helvetica, Arial, sans-serif;
  text-align: left; }
  @media (min-width: 960px) {
    p, h1, h2, h3, li {
      font-size: 18px; } }
@media (max-width: 959px) and (min-width: 640px) {
  p, h1, h2, h3, li {
    font-size: 16px; } }

@media (max-width: 639px) and (min-width: 413px) {
  p, h1, h2, h3, li {
    font-size: 13px; } }

  @media (max-width: 412px) {
    p, h1, h2, h3, li {
      font-size: 13px; } }

p em {
  font-weight: bold;
  font-style: normal; }
  p em.foreign {
    font-weight: normal;
    font-style: italic; }
  p em.movie {
    font-weight: normal;
    font-variant: small-caps; }

a:link,
a:visited {
  color: #3B5998;
  text-decoration: none;
  font-family: Helvetica, Arial, sans-serif;
  border-style: none; }
  a:link.movie,
  a:visited.movie {
    font-variant: small-caps; }

img {
  border-style: none; }

/************************************************************************************************
										top_container
	For date and language bar												 
*************************************************************************************************/
div.top_container {
  z-index: 100;
  height: 22px;
  border-width: 0px;
  background-color: white; }
  @media (min-width: 960px) {
    div.top_container {
      width: 960px;
      position: fixed;
      top: 0px;
      left: 50%;
      margin-left: -480px; } }
@media (max-width: 959px) and (min-width: 640px) {
  div.top_container {
    width: 640px;
    position: fixed;
    top: 0px;
    left: 50%;
    margin-left: -320px; } }

@media (max-width: 639px) and (min-width: 413px) {
  div.top_container {
    position: relative;
    width: 100%; } }

  @media (max-width: 412px) {
    div.top_container {
      position: relative;
      width: 100%; } }

div.time_and_place {
  position: absolute;
  width: 200px;
  margin: 0px;
  left: 3px;
  bottom: 3px;
  white-space: nowrap;
  color: black;
  font-size: 13px;
  font-family: sourcesanspro-semibold, Helvetica, Arial, sans-serif;
  font-weight: bold; }

div.language_selector, div.language_selector_short {
  position: absolute;
  display: none;
  width: 300px;
  text-align: right;
  margin: 0px;
  right: 5px;
  bottom: 3px;
  white-space: nowrap; }
  @media (min-width: 960px) {
    div.language_selector, div.language_selector_short {
      display: block; } }
@media (max-width: 959px) and (min-width: 640px) {
  div.language_selector, div.language_selector_short {
    display: block; } }

  div.language_selector a.current, div.language_selector_short a.current {
    font-weight: bold;
    color: #c8a461;
    text-decoration: underline; }
  div.language_selector a:link, div.language_selector_short a:link, div.language_selector a:visited, div.language_selector_short a:visited {
    font-weight: bold;
    color: black;
    font-size: 13px; }
  div.language_selector a:hover, div.language_selector_short a:hover {
    color: #222222;
    text-decoration: none; }

div.language_selector_short {
  display: block;
  width: 100px;
  right: 10px; }
  @media (min-width: 960px) {
    div.language_selector_short {
      display: none; } }
@media (max-width: 959px) and (min-width: 640px) {
  div.language_selector_short {
    display: none; } }

/************************************************************************************************
										top_empty_space
	To create space behind the menu when this is fixed												 
*************************************************************************************************/
div.top_empty_space {
  display: none;
  z-index: 0;
  height: 72px;
  position: relative;
  border-width: 0px;
  background-color: #000000; }
  @media (min-width: 960px) {
    div.top_empty_space {
      width: 960px;
      margin-left: auto;
      margin-right: auto;
      display: block; } }
@media (max-width: 959px) and (min-width: 640px) {
  div.top_empty_space {
    width: 640px;
    margin-left: auto;
    margin-right: auto;
    display: block; } }

/************************************************************************************************
										navigation bar
Will contain menus (except language selector)
*************************************************************************************************/
div.navigation_bar {
  z-index: 101;
  height: 50px;
  margin: 0px; }
  @media (min-width: 960px) {
    div.navigation_bar {
      width: 960px;
      position: fixed;
      top: 22px;
      left: 50%;
      margin-left: -480px; } }
@media (max-width: 959px) and (min-width: 640px) {
  div.navigation_bar {
    width: 640px;
    position: fixed;
    top: 22px;
    left: 50%;
    margin-left: -320px; } }

@media (max-width: 639px) and (min-width: 413px) {
  div.navigation_bar {
    width: 100%; } }

  @media (max-width: 412px) {
    div.navigation_bar {
      width: 100%; } }

/************************************************************************************************
										mainmenu and mainmenu_short
Contains the main menu...
*************************************************************************************************/
div.mainmenu {
  display: none;
  height: 30px;
  background-color: #cd0000;
  margin: 0px; }
  @media (min-width: 960px) {
    div.mainmenu {
      display: block;
      width: 960px; } }
@media (max-width: 959px) and (min-width: 640px) {
  div.mainmenu {
    display: block;
    width: 640px; } }

@media (max-width: 639px) and (min-width: 413px) {
  div.mainmenu {
    width: 100%; } }

  @media (max-width: 412px) {
    div.mainmenu {
      width: 100%; } }
  div.mainmenu ul {
    position: relative;
    margin: 0px;
    padding: 0px;
    height: 30px;
    float: left;
    list-style-type: none;
    font-size: 14px; }
    div.mainmenu ul li {
      display: inline;
      float: left;
      white-space: nowrap; }
      div.mainmenu ul li a:link, div.mainmenu ul li a:visited {
        line-height: 30px;
        height: 30px;
        display: block;
        text-align: center;
        font-weight: bold;
        color: #FFFFFF; }
      div.mainmenu ul li a.current:visited, div.mainmenu ul li a.current:link {
        color: #c8a461;
        background-color: #222222; }
      div.mainmenu ul li a:hover {
        color: #222222;
        background-color: #c8a461; }
      div.mainmenu ul li a.current:hover {
        color: #222222;
        background-color: #c8a461; }
      div.mainmenu ul li a.home {
        width: 5.5em; }
      div.mainmenu ul li a.program {
        width: 6.5em; }
      div.mainmenu ul li a.info {
        width: 7.5em; }
      div.mainmenu ul li a.contact {
        width: 6em; }
      div.mainmenu ul li a.sponsors {
        width: 8.5em; }
      div.mainmenu ul li a.editions {
        width: 6.5em; }

div.mainmenu_short {
  display: block;
  height: 30px;
  background-color: #cd0000;
  margin: 0px; }
  @media (min-width: 960px) {
    div.mainmenu_short {
      display: none; } }
@media (max-width: 959px) and (min-width: 640px) {
  div.mainmenu_short {
    display: none; } }

  div.mainmenu_short ul {
    position: relative;
    margin: 0px;
    padding: 0px;
    height: 30px;
    float: left;
    list-style-type: none;
    font-size: 14px; }
    div.mainmenu_short ul li {
      display: inline;
      float: left;
      white-space: nowrap; }
      div.mainmenu_short ul li a:link, div.mainmenu_short ul li a:visited {
        line-height: 30px;
        height: 30px;
        display: block;
        text-align: center;
        font-weight: bold;
        color: #FFFFFF; }
      div.mainmenu_short ul li a.current:visited, div.mainmenu_short ul li a.current:link {
        color: #c8a461;
        background-color: #222222; }
      div.mainmenu_short ul li a:hover {
        color: #222222;
        background-color: #c8a461; }
      div.mainmenu_short ul li a.current:hover {
        color: #222222;
        background-color: #c8a461; }
      div.mainmenu_short ul li a.home {
        width: 4.5em; }
      div.mainmenu_short ul li a.program {
        width: 6.3em; }
      div.mainmenu_short ul li a.info {
        width: 6.9em; }
      div.mainmenu_short ul li a.more {
        width: 3em; }

/************************************************************************************************
										submenu
Contains the sub menu...
*************************************************************************************************/
@media (min-width: 960px) {
  display: block;
  width: 960px; }
@media (max-width: 959px) and (min-width: 640px) {
  display: block;
  width: 640px; }
div.submenu, div.submenu_short {
  display: none;
  height: 20px;
  background-color: #222222;
  font-size: 13px;
  position: relative; }
  @media (min-width: 960px) {
    div.submenu, div.submenu_short {
      display: block;
      width: 960px; } }
@media (max-width: 959px) and (min-width: 640px) {
  div.submenu, div.submenu_short {
    display: block;
    width: 640px; } }

@media (max-width: 639px) and (min-width: 413px) {
  div.submenu, div.submenu_short {
    width: 100%; } }

  @media (max-width: 412px) {
    div.submenu, div.submenu_short {
      width: 100%; } }
  div.submenu ul, div.submenu_short ul {
    margin: 0px;
    padding: 0px;
    height: 20px;
    line-height: 20px;
    float: left;
    list-style-type: none;
    border-width: 0; }
    div.submenu ul li, div.submenu_short ul li {
      display: inline-block;
      float: left;
      line-height: 20px;
      height: 20px;
      white-space: nowrap; }
      div.submenu ul li a:link, div.submenu_short ul li a:link, div.submenu ul li a:visited, div.submenu_short ul li a:visited {
        display: inline-block;
                      	  			/* inline-block: IE, Konq, IE6     not perfect firefox
							   	     	inline: IE
										  	block: Fir Konq
					  						list-item: Firefox IE Konq     not IE6.0	*/
        line-height: 20px;
        height: 20px;
        border: none;
        font-size: 13px;
        text-align: center;
        font-weight: bold;
        color: #ffffff;
        margin: 0px;
        padding: 0px; }
      div.submenu ul li a:hover, div.submenu_short ul li a:hover {
        color: #222222;
        background-color: #c8a461; }
      div.submenu ul li a.current:visited, div.submenu_short ul li a.current:visited, div.submenu ul li a.current:link, div.submenu_short ul li a.current:link {
        color: #c8a461;
        background-color: white; }
      div.submenu ul li a.current:hover, div.submenu_short ul li a.current:hover {
        color: #222222;
        background-color: #c8a461; }

div.submenu_short {
  display: block; }
  @media (min-width: 960px) {
    div.submenu_short {
      display: none; } }
@media (max-width: 959px) and (min-width: 640px) {
  div.submenu_short {
    display: none; } }

/* Indentation for submenu depends on which submenu is active */
div.submenu ul.home, div.submenu_short ul.home {
  padding-left: 0em; }

div.submenu ul.program, div.submenu_short ul.program {
  padding-left: 5.923em; }

div.submenu ul.info, div.submenu_short ul.info {
  padding-left: 12.923em; }

div.submenu_short ul.home {
  padding-left: 0em; }

div.submenu_short ul.program {
  padding-left: 0em; }

div.submenu_short ul.info {
  padding-left: 0em; }

div.submenu_short ul.more {
  padding-left: 0em; }

/************************************************************************************************
										warning bar
Will contain warning  (e.g. for old festiberico pages 
*************************************************************************************************/
div.warning_bar {
  margin: 24px 0px 0px 0px;
  padding: 13px 0px 13px 0px;
  position: relative;
  clear: both;
  margin-left: auto;
  margin-right: auto;
  background-color: white; }
  @media (min-width: 960px) {
    div.warning_bar {
      width: 960px; } }
@media (max-width: 959px) and (min-width: 640px) {
  div.warning_bar {
    width: 640px; } }

@media (max-width: 639px) and (min-width: 413px) {
  div.warning_bar {
    width: 100%; } }

  @media (max-width: 412px) {
    div.warning_bar {
      width: 100%; } }
  div.warning_bar p {
    text-align: center;
    font-weight: bold;
    font-size: 20px; }

/************************************************************************************************

										main_container		
													 
*************************************************************************************************/
div.main_container {
  margin: 24px 0px 0px 0px;
  padding: 0px;
  position: relative;
  clear: both;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 960px) {
    div.main_container {
      width: 960px; } }
@media (max-width: 959px) and (min-width: 640px) {
  div.main_container {
    width: 640px; } }

@media (max-width: 639px) and (min-width: 413px) {
  div.main_container {
    width: 100%; } }

  @media (max-width: 412px) {
    div.main_container {
      width: 100%; } }

/************************************************************************************************
										news_container		
For use in the HOME section	
*************************************************************************************************/
div.news_container {
  margin: 0px 0px 0px 0px;
  padding: 13px 0px 13px 0px;
  background-color: white;
  float: left;
  width: 100%;
  border: none; }
  div.news_container p {
    font-family: Helvetica, Arial, sans-serif;
    color: rgba(0, 0, 0, 0.8); }
    div.news_container p em {
      font-weight: bold;
      font-style: normal; }
    div.news_container p em.foreign {
      font-weight: normal;
      font-style: italic; }
    div.news_container p em.movie {
      font-weight: normal;
      font-variant: small-caps; }
    div.news_container p.short {
      text-align: center; }
    div.news_container p.intro {
      margin: 6px 10px 0px 10px; }
@media (max-width: 639px) and (min-width: 413px) {
  div.news_container p.intro {
    margin: 6px 15px 0px 15px; } }

@media (max-width: 959px) and (min-width: 640px) {
  div.news_container p.intro {
    margin: 6px 10% 0px 10%; } }

      @media (min-width: 960px) {
        div.news_container p.intro {
          margin: 6px 15% 0px 15%; } }
  div.news_container h1 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1.3em;
    text-transform: none;
    font-weight: bold;
    color: #252525;
    margin: 15px 10px 10px 10px; }
@media (max-width: 639px) and (min-width: 413px) {
  div.news_container h1 {
    margin: 15px 15px 10px 15px; } }

@media (max-width: 959px) and (min-width: 640px) {
  div.news_container h1 {
    margin: 15px 10% 10px 10%; } }

    @media (min-width: 960px) {
      div.news_container h1 {
        margin: 15px 15% 10px 15%; } }
  div.news_container h2 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1.1em;
    margin: 15px 10px 0px 10px;
    text-transform: uppercase;
    font-weight: bold;
    color: #252525; }
  div.news_container h3 {
    /* for administration mode=all_lang */
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1.05em;
    margin: 15px 0px 5px 5px;
    font-weight: bold;
    color: #f90; }
  div.news_container a:link, div.news_container a:visited {
    color: #3B5998; }
  div.news_container ul, div.news_container li, div.news_container li {
    padding-top: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px; }
  div.news_container #Flickr_G {
    min-height: 200px; }

div#hidden_wrapper {
  display: none; }

div.news_item {
  margin: 5px 5px 5px 5px;
  /*  Avoid vertical colapse 
      http://www.table2css.com/articles/vertical-margin-collapsing-modern-web-browsers */
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  overflow: hidden; }
  div.news_item h2 {
    margin: 5px 0 0 0; }
  div.news_item p {
    margin: 5px 0px 10px 5px;
    text-transform: none;
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    color: rgba(0, 0, 0, 0.8); }
    div.news_item p a {
      cursor: pointer; }
  div.news_item a.expand_button {
    color: #FF0000;
    font-style: normal;
    cursor: pointer; }
  @media (max-width: 412px) {
    div.news_item div.news_image {
      height: 145px;
      overflow: hidden; } }
  div.news_item img {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    display: block; }
    @media (max-width: 412px) {
      div.news_item img {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); } }
  div.news_item iframe.news_youtube {
    width: 100%;
    display: block;
    margin: auto; }

div.news_text_long {
  display: none; }

div.news_link {
  /* to bypass problem in IE9 so that hover works*/
  background-color: white; }

div.news_link:hover {
  background-color: #f0f0f0; }

/************************************************************************************************

										Information_container		
For use in the INFORMATION menu
TOTAL width should be ...520px (incl border)
*************************************************************************************************/
div.information_container {
  margin: 0px 0px 0px 0px;
  padding: 13px 0px 30px 0px;
  background-color: white;
  float: left;
  width: 100%;
  border: none; }
  div.information_container h1 {
    font-size: 1.3em;
    text-align: center;
    text-transform: none;
    font-weight: bold;
    color: #252525;
    margin: 15px 10px 10px 10px; }
@media (max-width: 639px) and (min-width: 413px) {
  div.information_container h1 {
    margin: 15px 15px 10px 15px; } }

@media (max-width: 959px) and (min-width: 640px) {
  div.information_container h1 {
    margin: 15px 10% 10px 10%; } }

    @media (min-width: 960px) {
      div.information_container h1 {
        margin: 15px 15% 10px 15%; } }
  div.information_container h2 {
    text-align: left;
    font-size: 1.05em;
    margin: 15px 10px 0px 10px;
    text-transform: uppercase;
    font-weight: bold;
    color: #252525; }
@media (max-width: 639px) and (min-width: 413px) {
  div.information_container h2 {
    margin: 15px 15px 0px 15px; } }

@media (max-width: 959px) and (min-width: 640px) {
  div.information_container h2 {
    margin: 15px 10% 0px 10%; } }

    @media (min-width: 960px) {
      div.information_container h2 {
        margin: 15px 15% 0px 15%; } }
  div.information_container p {
    margin: 0.5em 10px 0px 10px;
    text-transform: none;
    font-weight: normal; }
@media (max-width: 639px) and (min-width: 413px) {
  div.information_container p {
    margin: 0.5em 15px 0px 15px; } }

@media (max-width: 959px) and (min-width: 640px) {
  div.information_container p {
    margin: 0.5em 10% 0px 10%; } }

    @media (min-width: 960px) {
      div.information_container p {
        margin: 0.5em 15% 0px 15%; } }
    div.information_container p.short {
      text-align: center; }
    div.information_container p em.attention {
      font-weight: bold;
      font-style: normal; }
    div.information_container p em.foreign {
      font-style: italic; }
    div.information_container p em.movie {
      font-variant: small-caps; }

div.information_container li p {
  margin-top: 0px;
  margin-bottom: 4px; }

div.information_container ul {
  margin-top: 0.6em;
  margin: 0.6em 10px 0px 10px;
  list-style-position: inside; }
@media (max-width: 639px) and (min-width: 413px) {
  div.information_container ul {
    margin: 0.6em 15px 0px 15px; } }

@media (max-width: 959px) and (min-width: 640px) {
  div.information_container ul {
    margin: 0.6em 10% 0px 10%; } }

  @media (min-width: 960px) {
    div.information_container ul {
      margin: 0.6em 15% 0px 15%; } }
  div.information_container ul em.movie {
    font-variant: small-caps; }

/************************************************************************************************

										programme_container		
For use in the Program A-Z menu

*************************************************************************************************/
div.programme_container {
  margin: 0px 0px 0px 0px;
  padding: 13px 0px 30px 0px;
  background-color: white;
  float: left;
  width: 100%;
  border: none; }
  div.programme_container h1 {
    font-size: 1.2em;
    text-transform: none;
    font-weight: bold;
    color: #252525;
    margin: 15px 10px 10px 10px;
    /*		margin: 15px $XS_info_p_margin 10px $XS_info_p_margin;
    		@include media($small...){
    			margin: 15px $S_info_p_margin 10px $S_info_p_margin;
        	}
    		@include media($medium...){
        		margin: 15px $M_info_p_margin 10px $M_info_p_margin;
        	}
    		@include media($large...){
        		margin: 15px $L_info_p_margin 10px $L_info_p_margin;
        	}*/ }
@media (max-width: 639px) and (min-width: 413px) {
  div.programme_container h1 {
    margin: 15px 15px 10px 15px; } }

@media (max-width: 959px) and (min-width: 640px) {
  div.programme_container h1 {
    margin: 15px 10% 10px 10%; } }

    @media (min-width: 960px) {
      div.programme_container h1 {
        margin: 15px 15% 10px 15%; } }
  div.programme_container h3 {
    margin: 1em 30% 1em 0%;
    text-align: center;
    font-weight: bold;
    font-size: 1.05em;
    color: black; }
  div.programme_container p {
    margin: 0px 0.8em 0px 0.8em;
    font-weight: normal;
    color: #777777; }
    div.programme_container p span.language {
      font-size: 0.8em; }
  div.programme_container a {
    font-weight: bold; }
    div.programme_container a.short {
      font-weight: normal; }

div.programme_container p.a_z_movie {
  margin: 0 10px 0.2em 10px; }
@media (max-width: 639px) and (min-width: 413px) {
  div.programme_container p.a_z_movie {
    margin: 0 15px 0.2em 15px; } }

@media (max-width: 959px) and (min-width: 640px) {
  div.programme_container p.a_z_movie {
    margin: 0 10% 0.2em 10%; } }

  @media (min-width: 960px) {
    div.programme_container p.a_z_movie {
      margin: 0 15% 0.2em 15%; } }

/************************************************************************************************

										Schedulle_container		
For use in the schedule submenu

*************************************************************************************************/
div.schedulle_container {
  margin: 0px 0px 0px 0px;
  padding: 13px 0px 30px 0px;
  background-color: white;
  float: left;
  width: 100%;
  border: none; }
  div.schedulle_container h1 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1.3em;
    text-transform: none;
    font-weight: bold;
    color: #252525;
    margin: 15px 10% 10px 10%; }
    @media (max-width: 412px) {
      div.schedulle_container h1 {
        margin: 15px 10px 10px 10px; } }
@media (max-width: 639px) and (min-width: 413px) {
  div.schedulle_container h1 {
    margin: 15px 10px 10px 10px; } }

  div.schedulle_container h2 {
    margin-left: 10%;
    font-weight: bold; }

div.schedulle_container table {
  margin: 1em 8% 1em 10%; }
  @media (max-width: 412px) {
    div.schedulle_container table {
      margin: 15px 10px 10px 10px; } }
@media (max-width: 639px) and (min-width: 413px) {
  div.schedulle_container table {
    margin: 15px 10px 10px 10px; } }

  div.schedulle_container table td {
    vertical-align: top;
    padding: 0;
    overflow: hidden; }

div.schedulle_container table p {
  margin: 0px 12px 0px 0px;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.8); }
  div.schedulle_container table p.date {
    width: max-content;
    color: black;
    font-size: 13px; }
@media (max-width: 959px) and (min-width: 640px) {
  div.schedulle_container table p.date {
    font-size: 16px; } }

    @media (min-width: 960px) {
      div.schedulle_container table p.date {
        font-size: 18px; } }
  div.schedulle_container table p.hour {
    color: black; }
  div.schedulle_container table p span.language {
    font-size: 0.8em; }
  div.schedulle_container table p.guest {
    font-weight: bold; }
  div.schedulle_container table p.remark {
    color: #ac8a56;
    font-weight: bold;
    text-transform: uppercase; }
  div.schedulle_container table p a {
    font-weight: bold;
    text-transform: uppercase; }
    div.schedulle_container table p aa.special {
      font-weight: bold;
      text-transform: uppercase; }
    div.schedulle_container table p a.short {
      font-weight: normal;
      text-transform: none; }

/****************************************************************************************
 
											         motd_container															 
For the Message of the Dday
I guess there are 260 pixels left to the left... in HOME and INFORMATION
*******************************************************************************************/
div.motd_container {
  margin: 0px 0px 12px 0px;
  padding: 12px 0px 12px 0px;
  float: right;
  width: 246px;
  background-color: white;
  border: solid;
  border-width: 1px;
  border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF; }

div.motd_container p {
  margin: 0px 12px 0px 12px;
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  font-weight: bold; }

div.motd_container p.small {
  text-align: center; }

div.motd_container p em {
  font-style: italic; }

div.motd_container h3 {
  /* for administration mode=all_lang */
  margin: 0px 12px 0px 12px;
  font-size: 15px;
  font-weight: bold;
  text-decoration: underline;
  color: #f90; }

div.motd_container a {
  text-decoration: underline; }

/****************************************************************************************
								         small_trailer_container															
For a trailer at the HOME page
I guess there are 260 pixels left to the left... in HOME and INFORMATION
*******************************************************************************************/
div.small_trailer_container {
  margin: 12px 0px 12px 0px;
  padding: 1px 0px 0px 0px;
  float: right;
  width: 248px; }

/****************************************************************************************
 
								         iotd_container		
Image Of The Day													
For a movie image at the HOME page
I guess there are 260 pixels left to the left... in HOME and INFORMATION
*******************************************************************************************/
div.iotd_container {
  margin: 0px 0px 12px 0px;
  padding: 0px 0px 0px 0px;
  float: right;
  width: 248px;
  border-style: none;
  /*solid*/
  /*	                                  With border the width of images was 246
     border-width: 1px;
  	border-color: $COLOUR_BORDER_T  $COLOUR_BORDER_R $COLOUR_BORDER_B  $COLOUR_BORDER_L;
  */ }

/****************************************************************************************
 
								        Social Media boxes (except banner)

*******************************************************************************************/
div.twitter_widget_container {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: right;
  width: 248px; }

div.social_media_container {
  margin: 0px 0px 12px 0px;
  padding: 12px 0px 12px 0px;
  float: right;
  width: 246px;
  background-color: white;
  border: solid;
  border-width: 1px;
  border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF; }

/****************************************************************************************
 
								        Forms

*******************************************************************************************/
input[type="submit"] {
  background-color: #ac8a56;
  color: white;
  font-weight: bold; }

input[type="reset"] {
  background-color: #ac8a56;
  color: white;
  /*font-weight:bold;*/ }

/************************************************************************************************

										MOVIE PAGES		

Bellow are the styles to be used in the movie pages.
*************************************************************************************************/
div.left_column {
  width: 100%;
  float: left;
  margin: 0;
  padding: 12px 0 30px 0;
  border: none;
  background-color: white; }
  @media (min-width: 960px) {
    div.left_column {
      width: 640px; } }
@media (max-width: 959px) and (min-width: 640px) {
  div.left_column {
    width: 400px; } }

div.title_box {
  border: none;
  margin: 14px 0px 14px 0px;
  padding: 0; }
  div.title_box h1 {
    margin: 0px 10px 0px 20px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.1em;
    color: rgba(0, 0, 0, 0.8);
    position: relative;
    /* So that things can be positioned inside */ }
    @media (min-width: 960px) {
      div.title_box h1 {
        font-size: 1.3em; } }
@media (max-width: 959px) and (min-width: 640px) {
  div.title_box h1 {
    font-size: 1.2em; } }

    div.title_box h1 div {
      position: absolute;
      top: 0;
      right: 0;
      margin: 0px 20px 0px 0px;
      font-size: 24px;
      color: #960; }
  div.title_box h2 {
    margin: 0.3em 20px 0px 20px;
    padding: 0;
    text-transform: uppercase;
    font-weight: normal;
    color: #777777;
    font-size: 1em; }
    @media (min-width: 960px) {
      div.title_box h2 {
        font-size: 1.1em; } }
@media (max-width: 959px) and (min-width: 640px) {
  div.title_box h2 {
    font-size: 1.1em; } }

div.title_box h1 div a:link,
div.title_box h1 div a:visited {
  color: #FF0000; }

div.image_box {
  padding: 0px 0px 0px 0px;
  width: 100%;
  height: 268px;
  border: none;
  background-color: black; }
  @media (max-width: 412px) {
    div.image_box {
      height: auto; } }
@media (max-width: 639px) and (min-width: 413px) {
  div.image_box {
    height: auto; } }

@media (max-width: 959px) and (min-width: 640px) {
  div.image_box {
    display: flex;
    flex-direction: column;
    justify-content: center; } }

div.image_box img {
  margin: auto;
  display: block;
  max-width: 100%; }
  @media (min-width: 960px) {
    div.image_box img {
      max-width: 640px; } }
@media (max-width: 959px) and (min-width: 640px) {
  div.image_box img {
    max-width: 100%; } }

div.info_box {
  float: left;
  margin: 20px 0px 20px 0px;
  padding: 0;
  width: 96%; }
  div.info_box p {
    margin: 0 0 0 20px;
    padding: 0; }

div.sinopse_box {
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0;
  width: 100%;
  border: none; }
  div.sinopse_box div.individual_sinopse {
    float: left;
    margin: 10px 0px 30px 0px;
    padding: 0;
    border: none;
    width: inherit; }
@media (max-width: 639px) and (min-width: 413px) {
  div.sinopse_box div.individual_sinopse.secondary {
    display: none; } }

    @media (max-width: 412px) {
      div.sinopse_box div.individual_sinopse.secondary {
        display: none; } }
    div.sinopse_box div.individual_sinopse div.lang {
      float: left;
      font-weight: bold;
      font-size: 1.1em;
      width: 3.6em; }
@media (max-width: 959px) and (min-width: 640px) {
  div.sinopse_box div.individual_sinopse div.lang {
    clear: both; } }

@media (max-width: 639px) and (min-width: 413px) {
  div.sinopse_box div.individual_sinopse div.lang {
    clear: both; } }

      @media (max-width: 412px) {
        div.sinopse_box div.individual_sinopse div.lang {
          clear: both; } }
      div.sinopse_box div.individual_sinopse div.lang p {
        margin: 0px 0px 0px 1em;
        padding: 4px 0px 0px 0px;
        text-align: center;
        background-color: #222222;
        color: white; }
    div.sinopse_box div.individual_sinopse div.sinopse_text, div.sinopse_box div.individual_sinopse div.sinopse_text_long {
      width: 100%;
      margin: auto;
      float: left; }
      @media (min-width: 960px) {
        div.sinopse_box div.individual_sinopse div.sinopse_text, div.sinopse_box div.individual_sinopse div.sinopse_text_long {
          width: 85%;
          margin: 0; } }
      div.sinopse_box div.individual_sinopse div.sinopse_text p, div.sinopse_box div.individual_sinopse div.sinopse_text_long p {
        margin: 0px 1em 0em 1em;
        padding: 0;
        font-weight: normal; }
        div.sinopse_box div.individual_sinopse div.sinopse_text p a, div.sinopse_box div.individual_sinopse div.sinopse_text_long p a {
          color: #FF0000;
          cursor: pointer; }
          div.sinopse_box div.individual_sinopse div.sinopse_text p a.more, div.sinopse_box div.individual_sinopse div.sinopse_text_long p a.more {
            font-size: smaller; }
          div.sinopse_box div.individual_sinopse div.sinopse_text p a.movie, div.sinopse_box div.individual_sinopse div.sinopse_text_long p a.movie {
            color: #3B5998; }
        div.sinopse_box div.individual_sinopse div.sinopse_text p.guest, div.sinopse_box div.individual_sinopse div.sinopse_text_long p.guest {
          font-weight: bold; }
        div.sinopse_box div.individual_sinopse div.sinopse_text p em, div.sinopse_box div.individual_sinopse div.sinopse_text_long p em {
          font-weight: bold;
          font-style: normal; }
          div.sinopse_box div.individual_sinopse div.sinopse_text p em.foreign, div.sinopse_box div.individual_sinopse div.sinopse_text_long p em.foreign {
            font-weight: normal;
            font-style: italic; }
          div.sinopse_box div.individual_sinopse div.sinopse_text p em.movie, div.sinopse_box div.individual_sinopse div.sinopse_text_long p em.movie {
            font-weight: normal;
            font-variant: small-caps; }
    div.sinopse_box div.individual_sinopse div.sinopse_text_long {
      display: none; }

div.datas_box {
  width: 100%;
  margin-top: 13px;
  padding: 12px 0px 12px 0px;
  float: right;
  text-align: left;
  border: solid;
  border-width: 1px;
  border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF;
  background-color: white; }
@media (max-width: 959px) and (min-width: 640px) {
  div.datas_box {
    width: 230px;
    margin: 0; } }

  @media (min-width: 960px) {
    div.datas_box {
      width: 300px;
      margin: 0; } }
  div.datas_box p {
    font-size: 1.2em;
    padding: 0;
    margin: 0.5em 0em 0.4em 0em;
    text-align: center;
    font-weight: bold;
    color: #FF0000; }

div.credits_box {
  width: 100%;
  margin: 13px 0px 0px 0px;
  padding: 12px 0px 12px 0px;
  float: right;
  text-align: left;
  border: none;
  background-color: white; }
@media (max-width: 959px) and (min-width: 640px) {
  div.credits_box {
    width: 230px; } }

  @media (min-width: 960px) {
    div.credits_box {
      width: 300px; } }

div.credits_box h1 {
  font-size: 1.1em;
  font-weight: bold;
  text-align: left;
  padding: 0;
  margin: 0.2em 0px 0.5em 20px;
  color: rgba(0, 0, 0, 0.8); }

div.credits_box h2 {
  font-size: 13px;
  font-weight: normal;
  text-align: left;
  padding: 0;
  margin: 0px 0px 1.2em 1.2em;
  color: #777777; }

div.credits_box table td {
  vertical-align: top; }

div.credits_box p {
  padding-right: 5px;
  font-size: 12px; }
  div.credits_box p.item {
    padding-left: 10px;
    font-weight: bold;
    text-align: right; }
  div.credits_box p.strong {
    font-weight: bold; }

div.movie_trailer_container {
  margin: 13px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: right;
  width: 100%; }
@media (max-width: 959px) and (min-width: 640px) {
  div.movie_trailer_container {
    width: 230px; } }

  @media (min-width: 960px) {
    div.movie_trailer_container {
      width: 300px; } }
  div.movie_trailer_container .movie_trailer {
    margin: auto;
    display: block;
    max-width: 100%; }
@media (max-width: 639px) and (min-width: 413px) {
  div.movie_trailer_container .movie_trailer {
    width: 300px;
    height: 254px; } }

@media (max-width: 959px) and (min-width: 640px) {
  div.movie_trailer_container .movie_trailer {
    width: 230px;
    height: 195px; } }

    @media (min-width: 960px) {
      div.movie_trailer_container .movie_trailer {
        width: 300px;
        height: 254px; } }

div.movie_poster_container {
  margin: 13px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: right;
  width: 100%; }
@media (max-width: 959px) and (min-width: 640px) {
  div.movie_poster_container {
    width: 230px; } }

  @media (min-width: 960px) {
    div.movie_poster_container {
      width: 300px; } }
  div.movie_poster_container img {
    max-width: 100%;
    display: block;
    margin: auto; }

/************************************************************************************************

										logos_container		
										
*************************************************************************************************/
div.logo_container {
  margin: 0px;
  padding: 10px 10px 10px 10px;
  width: 300px;
  max-width: 100%;
  clear: none;
  float: left; }
  @media (max-width: 412px) {
    div.logo_container {
      padding: 10px 0px;
      margin: auto;
      float: inherit; } }
@media (max-width: 639px) and (min-width: 413px) {
  div.logo_container {
    padding: 10px 0px;
    margin: auto;
    float: inherit; } }

div.logo_container_wide {
  margin: 0px;
  padding: 10px 10px 10px 10px;
  width: 620px;
  max-width: 100%;
  clear: none;
  float: left; }
  @media (max-width: 412px) {
    div.logo_container_wide {
      padding: 10px 0px 10px 0px;
      /*		margin: auto;  */
      float: left; } }
@media (max-width: 639px) and (min-width: 413px) {
  div.logo_container_wide {
    padding: 10px 0px 10px 0px;
    margin: auto;
    float: left; } }

div.logo_container img {
  margin: auto;
  display: block;
  padding: 0px;
  max-width: 100%; }
  div.logo_container img.fundo {
    background-color: #222222; }

div.logo_container_wide img {
  margin: auto;
  display: block;
  padding: 0px;
  max-width: 100%; }
  div.logo_container_wide img.fundo {
    background-color: #222222; }

/************************************************************************************************
										Tickets															 
*************************************************************************************************/
div.ticket {
  background: url("../images/TicketDrawing.png") #BABABA;
  background-size: contain;
  height: 2.2em;
  line-height: 2.2em;
  width: 6em;
  display: block;
  margin: auto;
  background-repeat: no-repeat; }
@media (max-width: 639px) and (min-width: 413px) {
  div.ticket {
    height: 1.9em;
    line-height: 1.9em;
    width: 4em; } }

  @media (max-width: 412px) {
    div.ticket {
      height: 1.8em;
      line-height: 1.8em;
      width: 3.8em; } }
  div.ticket:hover {
    background-color: #909090; }
  div.ticket p {
    font-size: 16px;
    padding: 0 0 0 1.6em;
    margin: 0 0.6em 0 0;
    color: white !important;
    font-weight: bold !important;
    text-transform: none;
    text-align: center; }
    @media (max-width: 412px) {
      div.ticket p {
        font-size: 0.6em;
        padding: 0 0 0 1.6em; } }
@media (max-width: 639px) and (min-width: 413px) {
  div.ticket p {
    font-size: 0.8em;
    padding: 0 0 0 1.1em; } }

span.ticket {
  background: url("../images/TicketDrawing.png") #BABABA;
  background-size: contain;
  display: inline-block;
  text-align: center;
  line-height: 1.3em;
  height: 1.1em;
  width: 4.2em;
  color: white;
  background-repeat: no-repeat; }
@media (max-width: 639px) and (min-width: 413px) {
  span.ticket {
    height: 1.1em;
    width: 4em; } }

  @media (max-width: 412px) {
    span.ticket {
      height: 1.1em;
      width: 3.8em; } }

/************************************************************************************************

										footer_container		

*************************************************************************************************/
div.footer_container {
  float: left;
  margin-left: auto;
  margin-right: auto;
  margin-top: 200px;
  margin-bottom: 20vh;
  clear: both;
  border: none;
  /*solid;*/
  border-width: 1px;
  border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF; }
  @media (min-width: 960px) {
    div.footer_container {
      width: 960px; } }
@media (max-width: 959px) and (min-width: 640px) {
  div.footer_container {
    width: 640px; } }

@media (max-width: 639px) and (min-width: 413px) {
  div.footer_container {
    width: 100%; } }

  @media (max-width: 412px) {
    div.footer_container {
      width: 100%; } }
  div.footer_container p {
    margin-top: 0.5em;
    margin-left: 1em;
    margin-right: 1em;
    color: black;
    padding: 1px;
    text-align: center; }
    @media (min-width: 960px) {
      div.footer_container p {
        font-size: 13px;
        text-align: right; } }
@media (max-width: 959px) and (min-width: 640px) {
  div.footer_container p {
    text-align: right;
    font-size: 13px; } }

@media (max-width: 639px) and (min-width: 413px) {
  div.footer_container p {
    text-align: right;
    font-size: 12px; } }

    @media (max-width: 412px) {
      div.footer_container p {
        text-align: center;
        font-size: 12px; } }
    div.footer_container p a {
      color: #ffa500; }

div#footer_background {
  position: relative;
  background-color: #222222;
  height: 100px; }
  @media (max-width: 412px) {
    div#footer_background {
      height: 180px; } }
@media (max-width: 639px) and (min-width: 413px) {
  div#footer_background {
    height: 180px; } }

  div#footer_background div#address_lumen {
    position: absolute;
    bottom: 10px;
    right: 40px; }
    div#footer_background div#address_lumen p {
      color: #FFFFFF; }

/****************************************************************************
*                 Lumen's crazy logo
*********************************************************************************/
.crazy_logo {
  position: absolute;
  z-index: 900;
  display: none;
  width: 288px;
  height: 192px;
  margin-top: -235px;
  margin-left: 10%;
  -ms-transform-origin: top left;
  -ms-transform: scale(1);
  -webkit-transform-origin: top left;
  -webkit-transform: scale(1);
  transform-origin: top left;
  transform: scale(1); }
  .crazy_logo #tl1, .crazy_logo #tl2, .crazy_logo #tl3, .crazy_logo #tl4, .crazy_logo #tl5 {
    position: absolute;
    width: 0;
    height: 0;
    margin-left: 144px;
    border-top: 192px solid transparent;
    border-left: 144px solid transparent; }
  .crazy_logo #tl6, .crazy_logo #tl7, .crazy_logo #tl8, .crazy_logo #tl9 {
    position: absolute;
    width: 0;
    height: 0;
    margin-left: 144px;
    border-bottom: 192px solid transparent;
    border-right: 144px solid transparent; }
  .crazy_logo #tl1 {
    border-left: 144px solid rgba(255, 255, 255, 0.15); }
  .crazy_logo #tl2 {
    border-left: 72px solid rgba(255, 255, 255, 0.2); }
  .crazy_logo #tl3 {
    border-left: 36px solid rgba(255, 255, 255, 0.3); }
  .crazy_logo #tl4 {
    border-left: 18px solid rgba(255, 255, 255, 0.4); }
  .crazy_logo #tl5 {
    border-left: 9px solid rgba(255, 255, 255, 0.5); }
  .crazy_logo #tl6 {
    border-bottom: 96px solid rgba(255, 255, 255, 0.2);
    margin-top: 96px; }
  .crazy_logo #tl7 {
    border-bottom: 48px solid rgba(255, 255, 255, 0.3);
    margin-top: 144px; }
  .crazy_logo #tl8 {
    border-bottom: 24px solid rgba(255, 255, 255, 0.4);
    margin-top: 168px; }
  .crazy_logo #tl9 {
    border-bottom: 12px solid rgba(255, 255, 255, 0.5);
    margin-top: 180px; }
  .crazy_logo #tft1, .crazy_logo #tft2, .crazy_logo #tft3, .crazy_logo #tft4, .crazy_logo #tft5 {
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 96px solid transparent;
    border-left: 192px solid transparent; }
  .crazy_logo #tft6, .crazy_logo #tft7, .crazy_logo #tft8, .crazy_logo #tft9 {
    position: absolute;
    width: 0;
    height: 0;
    border-top: 96px solid transparent;
    border-right: 144px solid transparent; }
  .crazy_logo #tft1 {
    border-left: 144px solid rgba(255, 255, 255, 0.15); }
  .crazy_logo #tft2 {
    border-left: 72px solid rgba(255, 255, 255, 0.2); }
  .crazy_logo #tft3 {
    border-left: 36px solid rgba(255, 255, 255, 0.3); }
  .crazy_logo #tft4 {
    border-left: 18px solid rgba(255, 255, 255, 0.4); }
  .crazy_logo #tft5 {
    border-left: 9px solid rgba(255, 255, 255, 0.5); }
  .crazy_logo #tft6 {
    border-top: 48px solid rgba(255, 255, 255, 0.2); }
  .crazy_logo #tft7 {
    border-top: 24px solid rgba(255, 255, 255, 0.3); }
  .crazy_logo #tft8 {
    border-top: 12px solid rgba(255, 255, 255, 0.4); }
  .crazy_logo #tft9 {
    border-top: 6px solid rgba(255, 255, 255, 0.5); }
  .crazy_logo #tfb1, .crazy_logo #tfb2, .crazy_logo #tfb3, .crazy_logo #tfb4, .crazy_logo #tfb5 {
    position: absolute;
    width: 0;
    height: 0;
    margin-top: 96px;
    border-bottom: 96px solid transparent;
    border-left: 72px solid transparent; }
  .crazy_logo #tfb6, .crazy_logo #tfb7, .crazy_logo #tfb8, .crazy_logo #tfb9 {
    position: absolute;
    width: 0;
    height: 0;
    margin-top: 96px;
    border-top: 96px solid transparent;
    border-right: 96px solid transparent; }
  .crazy_logo #tfb1 {
    border-left: 96px solid rgba(255, 255, 255, 0.15); }
  .crazy_logo #tfb2 {
    border-left: 48px solid rgba(255, 255, 255, 0.2); }
  .crazy_logo #tfb3 {
    border-left: 24px solid rgba(255, 255, 255, 0.3); }
  .crazy_logo #tfb4 {
    border-left: 12px solid rgba(255, 255, 255, 0.4); }
  .crazy_logo #tfb5 {
    border-left: 6px solid rgba(255, 255, 255, 0.5); }
  .crazy_logo #tfb6 {
    border-top: 48px solid rgba(255, 255, 255, 0.2); }
  .crazy_logo #tfb7 {
    border-top: 24px solid rgba(255, 255, 255, 0.3); }
  .crazy_logo #tfb8 {
    border-top: 12px solid rgba(255, 255, 255, 0.4); }
  .crazy_logo #tfb9 {
    border-top: 6px solid rgba(255, 255, 255, 0.5); }
  .crazy_logo .nome_filmhuis {
    background-image: url("../images/logos/filmhuis-lumen-white.png");
    width: 452px;
    height: 230px;
    margin-left: 20px;
    margin-top: 130px; }
@media (orientation: landscape) and (max-width: 639px) and (min-width: 413px) {
  .crazy_logo#logo_final {
    display: block; } }

@media (orientation: landscape) and (max-width: 412px) {
  .crazy_logo#logo_final {
    display: block; } }

  @media (orientation: portrait) {
    .crazy_logo#logo_final_portrait {
      display: block; } }
@media (orientation: landscape) and (min-width: 960px) {
  .crazy_logo#logo_final_portrait {
    display: block; } }

@media (orientation: landscape) and (max-width: 959px) and (min-width: 640px) {
  .crazy_logo#logo_final_portrait {
    display: block; } }

.crazy_logo#logo_final, .crazy_logo#logo_final_portrait {
  transform: scale(0.65);
  -ms-transform: scale(0.65);
  -webkit-transform: scale(0.65);
  margin-top: -110px;
  margin-left: 10px; }
  @media (min-width: 960px) {
    .crazy_logo#logo_final, .crazy_logo#logo_final_portrait {
      margin-left: 40px; } }
@media (max-width: 959px) and (min-width: 640px) {
  .crazy_logo#logo_final, .crazy_logo#logo_final_portrait {
    margin-left: 30px; } }

@media (max-width: 639px) and (min-width: 413px) {
  .crazy_logo#logo_final, .crazy_logo#logo_final_portrait {
    margin-left: 10px; } }

  .crazy_logo#logo_final .nome_filmhuis, .crazy_logo#logo_final_portrait .nome_filmhuis {
    transform: scale(0.45);
    -ms-transform: scale(0.45);
    -webkit-transform: scale(0.45); }

.crazy_logo#logo_no_topo {
  transform: scale(0.3);
  margin-top: -348px; }

/***************************************************************************
*
*					SplashScreen
*
***************************************************************************/
.pageload-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  visibility: hidden;
  z-index: 1000; }
  .pageload-overlay.show {
    visibility: visible; }
  .pageload-overlay svg {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none; }
    .pageload-overlay svg path {
      fill: #fff; }

.loading-header-wrapper {
  height: 100%;
  text-align: center;
  -webkit-transition: opacity 0.9s ease;
  transition: opacity 0.9s ease;
  opacity: 1; }
  .loading-header-wrapper.fade-out {
    opacity: 0; }

.loading-header {
  margin: 0 auto;
  position: relative;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  overflow: hidden;
  width: 90%; }
  @media (min-width: 960px) {
    .loading-header {
      width: 600px; } }
@media (max-width: 959px) and (min-width: 640px) {
  .loading-header {
    width: 400px; } }

@media (max-width: 639px) and (min-width: 413px) {
  .loading-header {
    width: 300px; } }

  .loading-header img {
    position: relative;
    max-width: 100%; }

.loading-header:after {
  content: "";
  position: absolute;
  display: block;
  left: -1200px;
  top: 0;
  background: #ff0;
  position: absolute;
  width: 0;
  height: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/*# sourceMappingURL=festiberico.css.map */