html, body { height:100%;}

.BodyColour {background-color:#ffffff;}

a:link {
  color: #494949;
  text-decoration: none;
}

a:visited {
  text-decoration: none;
  color: #494949;
}

a:hover {
  text-decoration: none;
  color: #004ED7;
}

a:active {
  text-decoration: none;
  color: #494949;
}

.linkblau:link {
  color: #004ED7;
  text-decoration: none;
}

.linkblau:visited {
  text-decoration: none;
  color: #494949;
}

.linkblau:hover {
  text-decoration: none;
  color: #004ED7;
}

.linkblau:active {
  text-decoration: none;
  color: #494949;
}

.linknegre:link {
  color: #494949;
  text-decoration: none;
}

.linknegre:visited {
  text-decoration: none;
  color: #494949;
}

.linknegre:hover {
  text-decoration: none;
  color: #004ED7;
}

.linknegre:active {
  text-decoration: none;
  color: #494949;
}

.titolblausub {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #004ED7;
  text-decoration: underline;
}

.titolgrissub {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #A3A3A3;
  text-decoration: underline;
}

.negre {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #494949;
}

.gris {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #A3A3A3;
}

.blau {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #004ED7;
}

.marc {margin:20px; position:relative; min-height:100%; border:1px #494949 solid;}

.marclateral {width:1300px;height:100%;margin-bottom:20px;position:absolute;left:50%;margin-left:-650px;border-right:1px #494949 dashed;border-left:1px #494949 dashed;z-index:-100;}


#header {
  height: 160px;
}

#logo {
  height: 120px;
  background-image: url(../images/logo.png);
  background-repeat: no-repeat;
}

#cita {
  height: 90px;
  text-align: right;
  margin-top: 10px;
}

#menu {
  margin: 0px;
  border-top: #494949 1px solid;
  border-bottom: #494949 1px solid;
  position: relative;
}

#menucinemacomparative {
  padding: 0px;
  margin: 0px;
}


#menucinemacomparative li {
  display: block;
  float: left;
}

#menucinemacomparative li a {
  margin-top: 0px;
  margin-bottom: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.7em;
  text-decoration: none;
  float:left;
  padding-right: 10px;
  padding-left: 10px;
  color: #494949;
  background-color: transparent;
}

#menucinemacomparative li a:hover {
  color: #004ED7;
}

#menucinemacomparative li:after {
    content: "/";
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #004ED7;
}

#menucinemacomparative li:last-child:after {
    content: "";
}

#footer {
  border-top: #494949 1px solid;
  padding-top: 30px;
  position: relative;
}

#logoupf {
  background-image: url(../images/logoupf.png);
  background-position: left;
  background-repeat: no-repeat;
  height: 54px;
}

#dadescontacte {
  color: #494949;
  text-align: right;
  vertical-align: bottom;
  font-size: 10px;
  line-height: 1.2em;
}

.facebook {
  display: block;
  width: 20px;
  height: 20px;
  background: url('../images/facebook.png') bottom;
  text-indent: -99999px;
}
.facebook:hover {
  background-position: 0 0;
}

.twitter {
  display: block;
  width: 20px;
  height: 20px;
  background: url('../images/twitter.png') bottom;
  text-indent: -99999px;
}
.twitter:hover {
  background-position: 0 0;
}

.vimeo {
  display: block;
  width: 20px;
  height: 20px;
  background: url('../images/vimeo.png') bottom;
  text-indent: -99999px;
}
.vimeo:hover {
  background-position: 0 0;
}

.liniablava {
  border: 0px;
  height: 1px;
  width: 100%;
  background-color: #004ED7;
}

.spancita{
  position: relative;
  z-index: 0;
}

.spancita:hover{
  background-color: transparent;
  z-index: 10;
  list-style:none;
}

.spancita span{ 
  position: absolute;
  left: -10000px;
  border: 1px solid black;
  visibility: hidden;
  /*display:inherit;*/
  color: #494949;
  text-decoration: none;
  background-color:#ffffff;
  padding: 20px;
}

.spancita span img{ 
  border-width: 0;
}

.spancita:hover span{ 
  visibility: visible;
  top: 40px;
  left: 0px;
  width: 727px;
  z-index:50;
  border:1px #494949 solid;
  list-style:none;
  -moz-box-shadow:    3px 3px 0px 0px #004ED7;
  -webkit-box-shadow: 3px 3px 0px 0px #004ED7;
  box-shadow:         3px 3px 0px 0px #004ED7;
}

.spancita:hover img { 
  background: url(preload.gif) no-repeat 50% 50%; 
}

.spancita2{
  position: relative;
  z-index: 0;
}

.spancita2:hover{
  background-color: transparent;
  z-index: 10;
  list-style:none;
}

.spancita2 span{ 
  position: absolute;
  left: -10000px;
  border: 1px solid #494949;
  visibility: hidden;
  /*display:inherit;*/
  color: #494949;
  text-decoration: none;
  background-color:#ffffff;
  padding: 20px;
  text-align: left;
}

.spancita2 span img{ 
  border-width: 0;
}

.spancita2:hover span{ 
  position: absolute;
  visibility: visible;
  top: -20px;
  left: -300px;
  width: 210px;
  z-index:50;
  border:1px #494949 solid;
  list-style:none;
  -moz-box-shadow:    -3px 3px 0px 0px #004ED7;
  -webkit-box-shadow: -3px 3px 0px 0px #004ED7;
  box-shadow:         -3px 3px 0px 0px #004ED7;
}

.spancita2:hover img { 
  background: url(preload.gif) no-repeat 50% 50%; 
}

.spancita3{
  position: relative;
  z-index: 0;
}

.spancita3:hover{
  background-color: transparent;
  z-index: 10;
  list-style:none;
}

.spancita3 span{ 
  position: absolute;
  left: -10000px;
  border: 1px solid #494949;
  visibility: hidden;
  /*display:inherit;*/
  color: #494949;
  text-decoration: none;
  background-color:#ffffff;
  padding: 20px;
  text-align: left;
}

.spancita3 span img{ 
  border-width: 0;
}

.spancita3:hover span{ 
  visibility: visible;
  bottom: -40px;
  left: -300px;
  width: 210px;
  z-index:50;
  border:1px #494949 solid;
  list-style:none;
  -moz-box-shadow:    -3px 3px 0px 0px #004ED7;
  -webkit-box-shadow: -3px 3px 0px 0px #004ED7;
  box-shadow:         -3px 3px 0px 0px #004ED7;
}

.spancita3:hover img { 
  background: url(preload.gif) no-repeat 50% 50%; 
}

.uparrowdiv, .downarrowdiv, .leftarrowdiv, .rightarrowdiv, .rightarrowdiv2{
width:600px;
min-height:40px; /*min height of DIV should be set to at least 2x the width of the arrow*/
position:relative;
word-wrap:break-word;
margin-bottom:2em;
}

.uparrowdiv:after{ /*arrow added to uparrowdiv DIV*/
content:'';
display:block;
position:absolute;
top:-20px; /*should be set to -border-width x 2 */
left:40px;
width:0;
height:0;
border-color: transparent transparent #004ED7 transparent; /*border color should be same as div div background color*/
border-style: solid;
border-width: 10px;

}

.downarrowdiv:after{ /*arrow added to downarrowdiv DIV*/
content:'';
display:block;
position:absolute;
top:100%; /*should be set to 100% */
left:30px;
width:0;
height:0;
border-color: #494949 transparent transparent transparent; /*border color should be same as div div background color*/
border-style: solid;
border-width: 10px;
}

.leftarrowdiv:after{ /*arrow added to leftarrowdiv DIV*/
content:'';
display:block;
position:absolute;
top:10px;
left:-20px; /*should be set to -border-width x 2 */
width:0;
height:0;
border-color: transparent #494949 transparent transparent; /*border color should be same as div div background color*/
border-style: solid;
border-width: 10px;
}

.rightarrowdiv:after{ /*arrow added to rightarrowdiv DIV*/
content:'';
display:block;
position:absolute;
top:20px;
left:100%; /*should be set to 100% */
width:0;
height:0;
border-color: transparent transparent transparent #004ED7; /*border color should be same as div div background color*/
border-style: solid;
border-width: 10px;
}

.rightarrowdiv2:after{ /*arrow added to rightarrowdiv DIV*/
content:'';
display:block;
position:absolute;
bottom:20px;
left:100%; /*should be set to 100% */
width:0;
height:0;
border-color: transparent transparent transparent #004ED7; /*border color should be same as div div background color*/
border-style: solid;
border-width: 10px;
}

.marcportada {
  border: #494949 1px solid;
}

.marcportada:hover {
  border: #004ED7 1px solid;
}

.search_buscadorcinema {
  background-color: #d8e1f0;
  padding: 40px;
  margin-bottom: 40px;
  color: #494949;
  vertical-align: middle;
  height: 30px;
}

.search_buscadorcinemamenu {
  margin-bottom: 0px;
  padding-top: 0px;
  color: #494949;
  vertical-align: middle;
  height: 30px;
}

.tooltip_abstract {
  background-color: #00CC33;
}

.chat-bubble {
  background-color:#EDEDED;
  border:2px solid #666666;
  font-size:35px;
  line-height:1.3em;
  margin:10px auto;
  padding:10px;
  position:relative;
  text-align:center;
  width:300px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -moz-box-shadow:0 0 5px #888888;
  -webkit-box-shadow:0 0 5px #888888;
}
.chat-bubble-arrow-border {
  border-color: #666666 transparent transparent transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  bottom:-22px;
  left:30px;
}
.chat-bubble-arrow {
  border-color: #EDEDED transparent transparent transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  bottom:-19px;
  left:30px;
}
/* IE6 */
.chat-bubble-arrow {
    _border-left-color: pink;
    _border-bottom-color: pink;
    _border-right-color: pink;
    _filter: chroma(color=pink);
}