.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
body {
  background: #FFFFFF none repeat scroll 0 0;
  color: #333333;
  font-family: arial;
  font-size: small;
  font-size-adjust: none;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: normal;
  margin: 0;
  text-align: center;
}
p {
  margin: 0px;
  text-align: justify;
  font-size: 95%;
}
a {
  color: #07813b;
  text-decoration: none;
}
a:visited {
  color: #07813b;
}
a:hover {
  color: #0bcf5f;
  text-decoration: underline;
}
a img {
  border-width: 0;
}
select.select {
  font-size: 11px;
}
#externo {
  font-family: arial;
  font-size: 100%;
  font-size-adjust: none;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin: 0 auto;
  text-align: left;
  width: 950px;
}
a.scroll-to-top {
  bottom: 0;
  color: #FFFFFF;
  display: block;
  height: 9px;
  padding-bottom: 30px;
  padding-left: 0;
  padding-right: 0;
  position: fixed;
  right: 10px;
  text-align: center;
  width: 49px;
  z-index: 9999;
  display: none;
}
.window {
  z-index: 1000;
  display: none;
  position: fixed;
  border: 4px solid #07813b;
  background-color: #5ef69f;
  color: white;
  padding: 12px;
  width: 450px;
  top: 138px;
  margin-left: 280px;
  box-shadow: 0px 0px 16px #000000;
  -moz-box-shadow: 0px 0px 16px #000000;
  -webkit-box-shadow: 0px 0px 16px #000000;
}
.window h3 {
  color: #07813b;
  text-decoration: underline;
  margin-top: 0px;
  font-size: 16px;
}
/******************
 **** HEADER ******
 ******************/
#cabecera {
  background: white;
  width: 100%;
  padding: 0px;
  font-size: 12px;
  text-align: right;
  color: white;
}
#cabecera .upHeader {
  z-index: 300;
  width: 950px;
  height: 56px;
  background: url('../imgs/preHeader/backHeader.jpg') repeat-x 0 0;
}
#cabecera .upHeader .menuUpHeader {
  float: right;
  font-family: sans-serif;
  font-size: 12px;
  font-weight: 900;
  text-align: center;
  padding-top: 20px;
  height: 100%;
  padding-left: 21px;
  margin-left: 20px;
}
#cabecera .upHeader .menuUpHeader > a {
  padding-right: 6px;
  border-right: 1px solid #FFF;
  margin-right: 5px;
  color: #B9B9B9;
}
#cabecera .upHeader .menuUpHeader > a:hover {
  color: #FFF;
}
#cabecera .upHeader .menuUpHeader > a:last-child {
  border-right: 0;
}
#cabecera .upHeader .icons {
  float: right;
  padding-top: 13px;
}
#cabecera .upHeader .icons > div {
  float: right;
  margin-right: 15px;
}
#cabecera .upHeader .inedits {
  float: left;
  line-height: 1;
}
#cabecera .upHeader .inedits .sedes select {
  cursor: pointer;
  cursor: hand;
  background: transparent;
  color: #B9B9B9;
  padding: 17px;
  font-family: sans-serif;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
}
#cabecera .upHeader .inedits .sedes select option {
  height: 20px;
  color: #B9B9B9;
  background-color: #2C2C2C;
}
#cabecera .upHeader .inedits > div {
  float: left;
}
#cabecera #cabecera-container {
  width: 950px;
  margin: 8px 0px;
}
#cabecera #cabecera-container #logo_header {
  width: 188px;
  height: 80px;
  margin-bottom: 3px;
  background-image: url('../imgs/logo_header.jpg');
  background-position: 0px 0px;
  background-repeat: no-repeat;
  border-right: 1px dotted #808080;
}
#cabecera #cabecera-container #banner_header {
  float: left;
  margin-left: 12px;
  width: 749px;
  height: 80px;
}
#cabecera #cabecera-container #banner_header a {
  color: black;
  font-size: 11px;
}
#cabecera #cabecera-container #banner_header a:hover {
  color: black;
}
#cabecera #cabecera-container #banner_header .bannerCont {
  width: 596px;
  height: 80px;
  position: absolute;
}
#cabecera #cabecera-container #banner_header .bannerCont .banner {
  width: 596px;
  height: 80px;
  position: absolute;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
}
#cabecera #cabecera-container #banner_header #top_links {
  line-height: 12px;
  font-weight: bold;
  float: right;
  text-align: left;
  width: 110px;
  margin-top: 1px;
}
#cabecera #cabecera-container #banner_header #top_links a {
  display: block;
  width: 105px;
}
#cabecera #cabecera-container #banner_header #top_links .selected {
  background-color: #b11022;
  color: white !important;
}
#cabecera #cabecera-container #banner_header #top_links #register_link {
  display: block;
  width: 110px;
  padding-bottom: 4px;
}
#cabecera .menuCont {
  padding-bottom: 7px;
  background-color: #FFF;
  z-index: 300;
}
#cabecera .menuCont .menu {
  border-top: 1px dotted #404040;
  border-bottom: 1px dotted #404040;
  padding: 4px 0px;
  width: 950px !important;
  font-family: sans-serif;
  font-size: 12px;
  font-weight: 900;
  text-align: center;
  color: #000;
}
#cabecera .menuCont .menu .menuOpt,
#cabecera .menuCont .menu > div {
  float: left;
  line-height: 20px;
  padding: 0px 4px;
  text-transform: uppercase;
}
#cabecera .menuCont .menu .menuOpt.selected,
#cabecera .menuCont .menu > div.selected {
  text-decoration: underline;
  background-color: #07813b;
  color: #000;
}
#cabecera .menuCont .menu .menuOpt.selected a,
#cabecera .menuCont .menu > div.selected a {
  color: #FFF;
  text-decoration: underline;
}
#cabecera .menuCont .menu .menuOpt a,
#cabecera .menuCont .menu > div a {
  color: #000;
  text-decoration: none;
}
#cabecera .menuCont .menu .menuOpt a:hover,
#cabecera .menuCont .menu > div a:hover {
  color: #808080;
}
.menuSticky,
.upHeaderSticky {
  width: 950px;
  overflow: hidden;
}
/*********************
 ****** FOOTER *******
 *********************/
#footer {
  clear: both;
  font-size: 78%;
  letter-spacing: 0.1em;
  border-top: 1px solid #CCCCCC;
  line-height: 1.6em;
  margin: 0 auto;
  padding-top: 15px;
  text-align: center;
  width: 950px;
}
#footer .sponsor {
  margin-top: 30px;
  margin-bottom: 30px;
}
#footer .menuFooter {
  background: url('../imgs/preHeader/backFooter.png') repeat 0 0;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 55px;
  text-align: left;
  margin-bottom: 20px;
  font-size: 13px;
  letter-spacing: normal;
  line-height: 0.9;
}
#footer .menuFooter .caixa a {
  font-weight: bold;
  color: #333333;
}
#footer .menuFooter .caixa a:hover {
  color: #FFF;
}
#footer .menuFooter .caixa > div {
  float: left;
  margin-top: 8px;
  margin-bottom: 8px;
  text-transform: capitalize;
  margin-right: 20px;
}
#footer .menuFooter .caixa .titol {
  text-transform: uppercase;
  color: #000;
  font-weight: bold;
}
/***********************
 ***** COMPONENTS ******
 ***********************/
.central {
  float: left;
  padding-left: 0px;
  padding-top: 10px;
  width: 706px;
  font-size: 12px;
  border: 0px;
}
.lateral {
  float: right;
  font-size: 12px;
  margin-left: 10px;
  overflow: hidden;
  padding: 10px;
  width: 213px;
  border-left: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
  background: url('../imgs/preHeader/backFooter.png') repeat 0 0 #efefef;
}
.lateral .sidebar {
  color: #333333;
  line-height: 1.3em;
}
.lateral .sidebar h5 {
  color: #333333;
  font-weight: normal;
  text-align: left;
  font-size: 85%;
}
.post {
  padding-bottom: 1.5em;
}
.post h2 {
  color: #07813b;
  font-weight: bold;
  margin-top: 0;
}
.post h3 {
  color: #07813b;
  font-size: 22px;
  font-weight: bold;
  margin-top: 0;
}
.post h3 a,
.post h3 a:visited {
  color: #b1b1b1;
  font-weight: bolder;
  text-decoration: none;
}
.post h3 a:hover,
.post h3 a:visited:hover {
  color: #07813b;
}
.post h3 a.selected,
.post h3 a:visited.selected {
  color: #07813b;
}
.post .post-body {
  line-height: 1.4em;
  margin-bottom: 0.75em;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
.post .post-body .headline {
  font-weight: bold;
  margin-bottom: 22px;
}
.post .post-footer {
  color: #666666;
  font-family: 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
  font-size: 78%;
  font-size-adjust: none;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 1.4em;
  margin: 0.75em 0;
  text-transform: uppercase;
}
.post img {
  background: #EEEEEE none repeat scroll 0 0;
  border: 1px solid #CCCCCC;
  padding: 2px;
  margin: 0pt 0pt 10px 10px;
  float: right;
}
.post h4 {
  font-weight: bold;
  line-height: 1.4em;
  margin: 0.25em 0 0;
  padding: 0 0 4px;
  font-size: 20px;
  color: #666666;
}
.cosessocials {
  margin-top: 10px;
}
.cosessocials > div {
  float: left;
  margin-right: 5px;
}
/***********************
 **** LATERLA MENU *****
 ***********************/
.lateralMenuSticky.is-sticky {
  margin-left: 717px;
  float: none !important;
}
#lateralMenu {
  float: right;
  width: 213px;
  padding: 10px;
  background: url("../imgs/preHeader/backFooter.png") repeat 0 0;
  font-size: 13px;
}
#lateralMenu ul {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0px;
}
#lateralMenu .lateralMenuCont li {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 5px;
}
#lateralMenu .lateralMenuCont li a {
  color: #07813b;
}
#lateralMenu .lateralMenuCont li a:hover {
  color: #FFF;
}
#lateralMenu .lateralMenuCont li.active {
  background: url("../imgs/preHeader/backHeader.jpg") repeat 0 0;
}
#lateralMenu .lateralMenuCont li.active a {
  color: #FFF;
}
#central.lateralMenuCont .post .titolMenu a,
#central.lateralMenuCont .post .titolMenu a:hover {
  text-decoration: none;
}
/**********************
 ****** HOME **********
 **********************/
#home .container {
  float: left;
  width: 706px;
}
#home .container .slideCont {
  overflow-x: hidden;
  overflow-y: hidden;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  position: relative;
}
#home .container .slideCont .text {
  background: url('../imgs/preHeader/backSlider.png') repeat 0 0;
  color: #000;
  width: 666px;
  height: 56px;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 18px;
  font-weight: bold;
  line-height: 20px;
  white-space: normal !important;
  overflow: hidden;
}
#home .container .destacadosCont {
  margin-top: 20px;
}
#home .container .destacadosCont .titol {
  border-bottom: 1px dotted #000;
  font-size: medium;
  font-weight: bold;
  color: #000;
}
#home .container .destacadosCont .destacados .caixa {
  margin-left: 11px;
  width: 228px;
  float: left;
  margin-top: 15px;
  margin-bottom: 15px;
  height: 331px;
}
#home .container .destacadosCont .destacados .caixa:nth-child(3n+1) {
  margin-left: 0;
}
#home .container .destacadosCont .destacados .caixa .text {
  height: 200px;
  overflow-y: hidden;
}
#home .container .destacadosCont .destacados .caixa .text .titol {
  font-size: 14px;
  color: #07813b;
  border-bottom: 1px dotted #000;
  padding-bottom: 2px;
  margin-bottom: 4px;
  margin-top: 10px;
  font-weight: bold;
}
/*********************
 ***** ENTRADAS ******
 *********************/
.entradas .post-body > * {
  float: left;
}
.entradas .entrada.image {
  width: 446px;
  margin-left: 10px;
}
/*********************
 ***** NOTICIAS ******
 *********************/
.noticias .prevNext {
  margin-bottom: 22px;
}
.noticias .prevNext > div {
  width: 345px;
}
.noticias .prevNext > div > a {
  font-weight: bold;
}
.noticias .prevNext > .prev {
  float: left;
  text-align: left;
}
.noticias .prevNext > .next {
  float: right;
  text-align: right;
}
.noticias .headline > * {
  float: left;
}
/*********************
 ******* AGENDA ******
 *********************/
.agenda .post {
  padding: 0px;
}
.agenda .caixa {
  margin-left: 11px;
  width: 347px;
  float: left;
  margin-bottom: 15px;
  height: 255px;
}
.agenda .caixa:nth-child(2n+1 ) {
  margin-left: 0;
}
.agenda .caixa a:hover {
  text-decoration: none;
}
.agenda .caixa .evento {
  padding-top: 0px !important;
}
.agenda .caixa .evento .image {
  height: 255px;
  position: relative;
}
.agenda .caixa .evento .image .overlay {
  background: url("../imgs/preHeader/backSlider.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
  bottom: 0;
  color: #000000;
  font-size: 18px;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  padding: 20px;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 307px;
}
/*********************
 ******* EVENTO ******
 *********************/
.evento {
  border: 0 none;
  font-size: 12px;
  padding-top: 10px;
}
.evento .navegation .prevNext {
  margin-top: 5px;
  margin-bottom: 10px;
}
.evento .navegation .prevNext > div {
  width: 48%;
}
.evento .navegation .prevNext .next {
  float: right;
  text-align: right;
}
.evento .navegation .prevNext .next a .flecha {
  float: right;
}
.evento .navegation .prevNext .next a .link {
  margin-right: 20px;
  width: auto;
}
.evento .navegation .prevNext .prev {
  float: left;
}
.evento .navegation .prevNext .prev a .flecha {
  float: left;
}
.evento .navegation .prevNext .prev a .link {
  margin-left: 20px;
  width: auto;
}
.evento .info > div {
  float: left;
}
.evento .info .post {
  width: 452px;
  margin-left: 20px;
}
.evento .peli {
  padding-left: 10px;
  padding-right: 5px;
  border: 1px solid #CCCCCC;
  background-color: #efefef;
  font-size: 90%;
  margin-bottom: 8px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  box-shadow: 4px 4px 12px #404040;
  -moz-box-shadow: 4px 4px 12px #404040;
  -webkit-box-shadow: 4px 4px 12px #404040;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #f4f2f0), to(#e0d8d0));
  background-image: -moz-linear-gradient(top, #ffffff, #f4f2f0, #e0d8d0);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#e0d8d0');
}
.evento .peli img {
  background: none repeat scroll 0 0 #EEEEEE;
  border: 1px solid #CCCCCC;
  padding: 2px;
}
.evento .peli strong {
  font-size: 105%;
}
/*********************
 ***** INVITADOS *****
 *********************/
.invitados .selector {
  margin-bottom: 12px;
}
.invitados .selector > div {
  float: left;
}
.invitados .caixa {
  margin-left: 11px;
  width: 228px;
  float: left;
  margin-top: 15px;
  height: 335px;
  overflow: hidden;
}
.invitados .caixa:nth-child(3n -1) {
  margin-left: 0;
}
.invitados .caixa .text {
  height: 200px;
}
.invitados .caixa .text .name {
  font-size: 14px;
  font-weight: bold;
}
.invitados .caixa .text .type {
  margin-top: 10px;
  color: #252666;
  font-weight: bold;
}
.invitados .caixa .text .desc {
  font-size: 95%;
  text-align: justify;
}
/*********************
 ****** REGISTER *****
 *********************/
#register .field {
  clear: both;
}
#register .field label {
  text-align: right;
  width: 130px;
  display: block;
  float: left;
  color: black;
  font-weight: bold;
}
#register .field label.error {
  position: absolute;
  width: 150px;
  left: 460px;
  color: #400000;
  text-align: center;
  border: 1px solid red;
  background-color: #5ef69f;
}
#register .field .half {
  width: 200px;
}
#register input[type=text],
#register input[type=password],
#register textarea {
  float: left;
  margin-left: 10px;
  width: 300px;
  border: 1px solid #07813b;
  margin-bottom: 4px;
  padding-left: 2px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
/*********************
 *** PROGRAMACIÓN ****
 *********************/
.programacion .post {
  margin-top: 22px;
}
.programacion .legend .tickets {
  width: 175px;
  border: 1px solid #a0a0a0;
  background-color: #f0f0f0;
  padding: 4px 12px;
  font-size: 12px;
  line-height: 12px;
  float: left;
  display: none;
}
.programacion .legend .customTxt {
  float: left;
  margin-left: 10px;
  width: 739px;
}
.programacion .program_filters {
  margin-top: 24px;
}
.programacion .program_filters div {
  float: left;
  margin-right: 8px;
}
.programacion .program_filters select {
  font-size: 11px;
}
.programacion .peli {
  padding-left: 10px;
  padding-right: 5px;
  border: 1px solid #CCCCCC;
  background-color: #efefef;
  font-size: 90%;
  margin-bottom: 8px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  box-shadow: 4px 4px 12px #404040;
  -moz-box-shadow: 4px 4px 12px #404040;
  -webkit-box-shadow: 4px 4px 12px #404040;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #f4f2f0), to(#e0d8d0));
  background-image: -moz-linear-gradient(top, #ffffff, #f4f2f0, #e0d8d0);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#e0d8d0');
}
.programacion .section {
  float: left;
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 5px;
  padding-right: 5px;
  width: 290px;
}
/*********************
 ***** PELICULA ******
 *********************/
.pelicula {
  margin-top: 22px;
}
.pelicula .title {
  color: #07813b;
  font-size: 22px;
  font-weight: bold;
  margin-top: 0;
}
.pelicula .esquerra {
  float: left;
  width: 310px;
}
.pelicula .esquerra .ficha {
  background-color: #ffffe0;
  border: 1px solid #e0e0a0;
  padding: 8px 12px;
  font-size: 10px;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  box-shadow: 4px 4px 12px #404040;
  -moz-box-shadow: 4px 4px 12px #404040;
  -webkit-box-shadow: 4px 4px 12px #404040;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffe0), color-stop(0.5, #ffffe0), to(#ffffc0));
  background-image: -moz-linear-gradient(top, #ffffe0, #ffffe0, #ffffc0);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#ffffe0', EndColorStr='#ffffc0');
}
.pelicula .esquerra .ficha > div:first-child > * {
  border: 0;
}
.pelicula .esquerra .ficha > div > * {
  float: left;
  padding-bottom: 4px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 4px;
  border-top: 1px solid #E0E0A0;
}
.pelicula .esquerra .ficha label {
  font-weight: bold;
  width: 116px;
}
.pelicula .esquerra .ficha .camp {
  width: 168px;
}
.pelicula .dreta {
  float: right;
  width: 65%;
}
.pelicula .dreta .fotos {
  float: right;
  width: 200px;
}
.pelicula .dreta .centre {
  float: left;
  width: 400px;
}
.pelicula .dreta .centre > div {
  margin-bottom: 20px;
}
/*********************
 ***** CONTACTO ******
 *********************/
.contacto h3 {
  margin-top: 22px;
}
.contacto .peli,
.contacto .form {
  padding-left: 10px;
  padding-right: 5px;
  border: 1px solid #CCCCCC;
  background-color: #efefef;
  margin-bottom: 8px;
  font-size: 90%;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  box-shadow: 4px 4px 12px #404040;
  -moz-box-shadow: 4px 4px 12px #404040;
  -webkit-box-shadow: 4px 4px 12px #404040;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #f4f2f0), to(#e0d8d0));
  background-image: -moz-linear-gradient(top, #ffffff, #f4f2f0, #e0d8d0);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#e0d8d0');
}
.contacto .form div {
  width: 125px;
  float: left;
  padding-right: 12px;
  text-align: right;
}
.contacto .form input,
.contacto .form textarea {
  margin-bottom: 4px;
  width: 400px;
}
.contacto .form input[type="submit"] {
  margin-left: 136px;
}
/*********************
 ******* LOGIN *******
 *********************/
.login.central {
  width: 100%;
}
.login .form {
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 10px;
  padding-right: 5px;
  border: 1px solid #CCCCCC;
  background-color: #efefef;
  margin-bottom: 8px;
  font-size: 90%;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  box-shadow: 4px 4px 12px #404040;
  -moz-box-shadow: 4px 4px 12px #404040;
  -webkit-box-shadow: 4px 4px 12px #404040;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #f4f2f0), to(#e0d8d0));
  background-image: -moz-linear-gradient(top, #ffffff, #f4f2f0, #e0d8d0);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#e0d8d0');
}
.login .form div {
  margin-bottom: 10px;
}
.login .form div > * {
  float: left;
}
.login .form div label {
  width: 200px;
  text-align: right;
  display: block;
  font-weight: bold;
  margin-right: 10px;
  margin-top: 5px;
  font-size: 120%;
}
.login .form div.submit {
  width: 65px;
  margin: 0 auto;
}
.login .error {
  font-size: 20px;
  color: red;
  text-align: center;
}