/* Generated by 10.135.1.193 at : 2024-04-03 10:27:02 1688467638   by class ZendExt_Classes_OneAsset */ 


/*   From file  /www/ro_cms_2013/public_html/design/procinema/css/style.css*/

/*!
 * Copyright PRO TV S.A. All rights reserved.
 * Author: Mihai Ciobanu
 * UPDATED on 2017.08.21
 * ******************************************
 * Author: Mihaela
 * responsiveness
 * UPDATED on 2023.07.04
*/
@charset "utf-8";

:root {
  --primary-color: #520961; /* mov inchis */
  --secondary-color: #87259b; /* mov deschis */
  --third-color: #460654; /* logo color */
}

/* css reset */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
caption {
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
table,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  outline: 0;
}
button:focus {
  outline: 0;
}
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
ol,
ul {
  list-style-position: outside;
  list-style-type: none;
  list-style-image: none;
}
/* end css reset */

/* clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ' ';
  clear: both;
  height: 0;
}
* html .clearfix {
  zoom: 1;
} /* IE6 */
*:first-child + html .clearfix {
  zoom: 1;
} /* IE7 */
/* end clearfix */

body,
td,
th {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
}
body {
  font-size: 16px;
  /* background: url(https://d1.a4w.ro/procinema/design/images/bg_procinema-new.jpg) no-repeat top center ; */
  background-color: #fff;
  background-attachment: fixed;
  background-clip: padding-box;
  background-size: cover;
}

/* LINKS
----------------------------------------------------------------------------*/
a:link {
  color: #7d287e;
  text-decoration: none;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}
a:visited {
  color: #7d287e;
  text-decoration: none;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}
a:hover {
  color: var(--primary-color);
  text-decoration: none;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}
a:active {
  color: var(--primary-color);
  text-decoration: none;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}

a.blueLink {
  font-weight: bold;
  color: #801b54;
  text-decoration: none;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}

a.blueLink:hover {
  text-decoration: underline;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}
/* END LINKS
----------------------------------------------------------------------------*/

.container {
  width: 980px;
  margin: 0 auto;
  position: relative;
}

.clear {
  clear: both;
}

span.clear {
  clear: both;
}

/* OVERHEADER
----------------------------------------------------------------------------*/
.overheader {
  width: 100%;
  height: 30px;
  clear: both;
  display: block;
  position: relative;
  /*    background:url(https://d1.a4w.ro/procinema/design/images/bg_overheader.jpg) repeat-x bottom #0e1b36;*/
  background-color: var(--primary-color);
  border-bottom: 1px solid #801b54;
  z-index: 9;
}

.oContent {
  width: 980px;
  height: 30px;
  margin: 0 auto;
  /*    background:url(https://d1.a4w.ro/procinema/design/images/line_overheader.jpg) repeat-x bottom;*/
}

.siteMenu {
  float: left;
  padding: 8px 0 0 0;
  font-size: 11px;
  color: #444444;
}

.siteMenu a {
  color: #ffffff;
}

.allSites {
  float: right;
  padding: 8px 0 0 0;
  font-size: 11px;
  color: #ffffff;
}

.allSites a {
  float: left;
  margin: 0 0 0 10px;
  color: #ffffff;
}
/* END OVERHEADER
----------------------------------------------------------------------------*/

/* TOP AND SKY BANNERS
----------------------------------------------------------------------------*/
.adsTopBranding {
  /*width:1000px;*/
  display: block;
  text-align: center;
  position: relative;
  margin: 0 auto;
}
.adsTopBranding div[id='div-gpt-ad-1507129859545-0'] {
  z-index: -1;
}

.adsTopBranding div[id='div-gpt-ad-1507129859545-0'] div {
  margin: 0 auto;
}

.adTopBranding {
  width: 980px;
  position: relative;
}

.adSkyLeft {
  width: 120px;
  position: absolute;
  left: -120px;
  top: 0;
}

.adSkyRight {
  width: 120px;
  position: absolute;
  right: -120px;
  top: 0;
}
/* END TOP AND SKY BANNERS
----------------------------------------------------------------------------*/

span.voyoSmiley {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(http://d1.a4w.ro/voyo/voyo.png) no-repeat 0 0;
}

a.title span.voyoSmiley {
  width: 23px;
  height: 23px;
  display: inline-block;
  background: url(http://d1.a4w.ro/voyo/voyo-big.png) no-repeat 0 0;
}

/* HEADER
----------------------------------------------------------------------------*/
.header {
  position: relative;
  z-index: 3;
  margin: 0 auto;
  padding: 0 0 9px 0;
  background: rgb(82, 9, 97);
  background: -moz-linear-gradient(90deg, rgba(82, 9, 97, 1) 0%, rgba(135, 37, 155, 1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(82, 9, 97, 1) 0%, rgba(135, 37, 155, 1) 100%);
  background: linear-gradient(90deg, rgba(82, 9, 97, 1) 0%, rgba(135, 37, 155, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#520961",endColorstr="#87259b",GradientType=1);
}

a.logo {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100px;
  padding-left: 25px;
  /* background:url(https://d1.a4w.ro/procinema/design/images/logo-procinema.png) no-repeat center center; */
}

a.logo img {
  width: 250px;
}

a.headerAd {
  height: 20px;
  float: right;
  display: block;
  padding: 10px 0 0 0;
  font-size: 10px;
  color: #bbbbbb;
}

.banner728x90 {
  width: 728px;
  height: 90px;
  float: right;
}

.menuContainer {
  width: 980px;
  height: 40px;
  padding: 0px 0 9px 0;
  background: transparent;
  /*    background:url(https://d1.a4w.ro/procinema/design/images/bg_menu.png) no-repeat 0 0 transparent;*/
}

ul.menu {
  float: left;
  margin: 0px;
  padding: 6px 0 0 0px;
}

ul.menu li {
  float: left;
}

ul.menu li a {
  height: 40px;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  display: block;
  border-right: 1px solid rgba(125, 40, 126, 1);
}
ul.menu li a span {
  width: 100%;
  padding: 0px 0 0 0;
  font-size: 15px;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
}
ul.menu li a:hover,
ul.menu li a:focus {
  background-color: #7d287e;
}
ul.menu li a.Home {
  width: 80px;
  margin-left: 10px;
  /*    background-position:0 0;*/
}
ul.menu li a.Home:hover {
  width: 80px;
  /*    background-position:0 -40px;*/
}
ul.menu li a.HomeActive {
  width: 80px;
  margin-left: 10px;
  /*    background-position:0 -40px;*/
}

ul.menu li a.Stiri {
  width: 72px;
  /*    background-position:-84px 0;*/
}

ul.menu li a.Stiri:hover {
  width: 72px;
  /*    background-position:-84px -40px;*/
}

ul.menu li a.StiriActive {
  width: 72px;
  /*    background-position:-84px -40px;*/
}

ul.menu li a.Program {
  /*    background:url(https://d1.a4w.ro/procinema/design/images/sprite_menu_program_new.jpg) no-repeat 0 0;*/
}

ul.menu li a.Tv {
  width: 120px;
  height: 40px;
  margin: 0px;
  /*    background-position:0 0;*/
}

ul.menu li a.TvActive {
  width: 120px;
  height: 40px;
  margin: 0px;
  /*    background-position:0 -40px;*/
}

ul.menu li a.Tv:hover {
  /*    background-position:0 -40px;*/
}

ul.menu li a.Cinema {
  width: 74px;
  height: 22px;
  margin: 15px 15px 0 10px;
  /*    background-position:-37px 0;*/
}

ul.menu li a.Cinema:hover {
  /*    background-position:-37px -22px;*/
}

ul.menu li a.CinemaActive {
  width: 74px;
  height: 22px;
  margin: 15px 15px 0 10px;
  /*    background-position:-37px -22px;*/
}

ul.menu li a.Filme {
  width: 77px;
  /*    background-position:-156px 0;*/
}

ul.menu li a.Filme:hover {
  width: 77px;
  /*    background-position:-156px -40px;*/
}

ul.menu li a.FilmeActive {
  width: 77px;
  /*    background-position:-156px -40px;*/
}

ul.menu li a.Video {
  width: 77px;
  /*    background-position:-233px 0;*/
}

ul.menu li a.Video:hover {
  width: 77px;
  /*    background-position:-233px -40px;*/
}

ul.menu li a.VideoActive {
  width: 77px;
  /*    background-position:-233px -40px;*/
}

ul.menu li a.Reviews {
  width: 98px;
  /*    background-position:-309px 0;*/
}

ul.menu li a.Reviews:hover {
  width: 98px;
  /*    background-position:-309px -40px;*/
}

ul.menu li a.ReviewsActive {
  width: 98px;
  /*    background-position:-309px -40px;*/
}

ul.menu li a.BoxOffice {
  width: 114px;
  /*    background-position:-408px 0;*/
}

ul.menu li a.BoxOffice:hover {
  width: 114px;
  /*    background-position:-408px -40px;*/
}

ul.menu li a.BoxOfficeActive {
  width: 114px;
  /*    background-position:-408px -40px;*/
}

#jsddm li ul {
  margin: 0;
  padding: 3px 0;
  position: absolute;
  font-size: 14px;
  visibility: hidden;
  background: #7d287e;
  z-index: 12;
}

#jsddm li ul li {
  float: none;
  display: inline;
}

#jsddm li ul li a {
  width: auto;
  height: auto;
  padding: 3px 20px;
  font-size: 10px;
  color: #ffffff;
  background: var(--primary-color);
  text-decoration: none;
  text-transform: uppercase;
}

#jsddm li ul li a:hover {
  background: #7d287e;
}

.searchBox {
  width: 160px;
  float: right;
  padding: 15px 15px 0 0;
}

.searchInput {
  width: 130px;
  height: 20px;
  float: left;
  padding: 1px 4px;
  margin: 0;
  font-size: 12px;
  color: #4c4c4c;
  border: 0 none;
  background: #ffffff;
}

a.btnSearch {
  width: 22px;
  height: 22px;
  float: left;
  display: block;
  text-decoration: none;
  background: url(https://d1.a4w.ro/procinema/design/images/btn_search.jpg) no-repeat 0 0 #ffffff;
}

.underMenuBanner {
  width: 980px;
  clear: both;
  text-align: center;
  margin: 10px auto;
}
/* END HEADER
----------------------------------------------------------------------------*/

/* COVER
----------------------------------------------------------------------------*/
.cover {
  width: 980px;
  height: 432px;
  float: left;
  position: relative;
}

.coverImage {
  width: 980px;
  height: 350px;
}
/* END COVER
----------------------------------------------------------------------------*/

/* WHITE
----------------------------------------------------------------------------*/
.white {
  width: 980px;
  float: left;
  padding: 20px 0 0 0;
  background: #ffffff;
}
/* END WHITE
----------------------------------------------------------------------------*/

/* LEFT SIDE
----------------------------------------------------------------------------*/
.leftSide {
  width: 640px;
  float: left;
  overflow: hidden;
}

ul.breadcrumbs {
  width: 620px;
  float: left;
  padding: 0 0 15px 20px;
  text-align: left;
  font-size: 12px;
}

ul.breadcrumbs li {
  float: left;
  padding: 0 5px 0 0;
}

ul.breadcrumbs li a {
  float: left;
  color: #656565;
}
/* END LEFT SIDE
----------------------------------------------------------------------------*/

/* LEFT NEWS COLUMN
----------------------------------------------------------------------------*/
.leftNewsColumn {
  width: 190px;
  float: left;
  padding: 0 20px 0 10px;
}

.leftNews {
  padding: 0 0 20px 0px;
}

.homeNews {
  /*    background:url(https://d1.a4w.ro/procinema/design/images/bg_small_article.jpg) no-repeat 0 0;*/
}

.leftNews a.category {
  float: left;
  padding: 8px 10px 8px 10px;
  font-size: 11px;
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  /*    background:url(https://d1.a4w.ro/procinema/design/images/bg_small_article_category.jpg) no-repeat 0 0 #c91613;*/
  background-color: #7d287e;
}

.leftNews .imageContainer {
  float: left;
  position: relative;
  padding: 0;
}

.leftNews a.image {
  display: block;
  padding: 0;
  text-decoration: none;
}

.leftNews a.title {
  display: block;
  padding: 7px 0 0 0;
  font-size: 18px;
  line-height: 23px;
  color: #000000;
  text-align: left;
  text-decoration: none;
}

.leftNews a.title:hover {
  color: #7d287e;
  text-decoration: none;
}

.leftNews .text {
  padding: 7px 0 0 0;
  font-size: 12px;
  line-height: 17px;
  color: #343434;
  text-align: left;
}

.leftNews .details {
  padding: 10px 0 0 0;
  font-size: 10px;
  text-align: left;
  color: #898989;
}

.leftNews .details .comments {
  float: left;
  padding: 0 20px 0 0;
  margin: 0 10px 0 0;
  background: url(https://d1.a4w.ro/procinema/design/images/sprite_details.gif) no-repeat right top;
  border: 0 none;
}

.leftNews .details .views {
  float: left;
  padding: 0 20px 0 0;
  margin: 0 10px 0 0;
  background: url(https://d1.a4w.ro/procinema/design/images/sprite_details.gif) no-repeat right;
}

.leftNews .details .votes {
  float: left;
  padding: 0 20px 0 0;
  margin: 0 10px 0 0;
  background: url(https://d1.a4w.ro/procinema/design/images/sprite_details.gif) no-repeat right bottom;
}

.leftNews .details .tags {
  padding: 4px 0 0 0;
}

.leftRelated {
  width: 180px;
  float: left;
  margin: 10px 0 0 0;
  border-top: solid 1px #cbcbcb;
}

.leftRelated a {
  display: block;
  padding: 7px 3px;
  font-size: 12px;
  line-height: 17px;
  font-weight: bold;
  color: #222222;
  text-decoration: none;
  background: #eeeeee;
  border-top: solid 1px #ffffff;
  border-bottom: solid 1px #cbcbcb;
}

.leftRelated a:hover {
  text-decoration: underline;
}

.leftRelated .polll {
  display: block;
  padding: 8px;
  margin: 10px 0;
  color: #ffffff;
  background: url(https://d1.a4w.ro/procinema/design/images/bg_black_lines.jpg) no-repeat 0 0 #000000;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

.leftRelated .polll .title {
  padding: 0 0 10px 0;
  font-size: 16px;
  text-align: left;
}

.leftRelated .polll ul.sondaj {
  padding: 0 0 10px 0;
}

.leftRelated .polll ul.sondaj li {
  padding: 0 0 5px 0;
}

.leftRelated .polll .voteazaPoll {
  font-size: 11px;
  padding: 5px 8px 4px 9px;
}

.leftRelated .polll a.veziRezultate {
  display: inline;
  padding: 0;
  margin: 0;
  font-size: 11px;
  font-weight: normal;
  background: none;
  border: 0 none;
}

.leftRelated .polll .pollResults .results ul li {
  padding: 10px 0 0 0;
}
/* END LEFT NEWS COLUMN
----------------------------------------------------------------------------*/

/* RIGHT NEWS COLUMN
----------------------------------------------------------------------------*/
.rightNewsColumn {
  width: 410px;
  float: left;
  padding: 0 0 0 9px;
  border-left: solid 1px #b2b2b2;
}

.rightNews {
  padding: 0 0 20px 0px;
}

.rightNews a.category {
  float: left;
  padding: 8px 10px 8px 10px;
  font-size: 11px;
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  /*    background:url(https://d1.a4w.ro/procinema/design/images/bg_small_article_category.jpg) no-repeat 0 0 #c91613;*/
  background-color: #7d287e;
}

.rightNews .imageContainer {
  float: left;
  position: relative;
  padding: 0;
}

.rightNews a.image {
  display: block;
  padding: 0;
  text-decoration: none;
}

.rightNews a.title {
  display: block;
  padding: 7px 0 0 0;
  font-size: 24px;
  line-height: 30px;
  color: #000000;
  text-align: left;
  text-decoration: none;
}

.rightNews a.title:hover,
.rightNews a.title:focus {
  color: #7d287e;
  text-decoration: none;
}

.rightNews .text {
  padding: 7px 0 0 0;
  font-size: 12px;
  line-height: 17px;
  color: #343434;
  text-align: left;
}

.rightNews .details {
  padding: 10px 0 0 0;
  font-size: 10px;
  text-align: left;
  color: #898989;
}

.rightNews .details .comments {
  float: left;
  padding: 0 20px 0 0;
  margin: 0 10px 0 0;
  background: url(https://d1.a4w.ro/procinema/design/images/sprite_details.gif) no-repeat right top;
  border: 0 none;
}

.rightNews .details .views {
  float: left;
  padding: 0 20px 0 0;
  margin: 0 10px 0 0;
  background: url(https://d1.a4w.ro/procinema/design/images/sprite_details.gif) no-repeat right;
}

.rightNews .details .votes {
  float: left;
  padding: 0 20px 0 0;
  margin: 0 10px 0 0;
  background: url(https://d1.a4w.ro/procinema/design/images/sprite_details.gif) no-repeat right bottom;
}

.rightNews .details .tags {
  padding: 4px 0 0 0;
}

.rightRelated {
  width: 400px;
  float: left;
  margin: 10px 0 0 0;
  border-top: solid 1px #cbcbcb;
}

.rightRelated .relatedItem {
  width: 400px;
  float: left;
  padding: 10px 0;
  background: #eeeeee;
  border-top: solid 1px #ffffff;
  border-bottom: solid 1px #cbcbcb;
}

.rightRelated .relatedItem a.relatedImage {
  width: 78px;
  height: 52px;
  float: left;
  overflow: hidden;
  text-decoration: none;
}

.rightRelated .relatedItem a.relatedTitle {
  width: 310px;
  float: right;
  padding: 7px 3px 0 0;
  font-size: 13px;
  line-height: 18px;
  font-weight: bold;
  text-align: left;
  color: #222222;
  text-decoration: none;
}

.rightRelated .relatedItem a.relatedTitle:hover {
  text-decoration: underline;
}

.rightRelated .polll {
  display: block;
  padding: 10px;
  margin: 10px 0;
  color: #ffffff;
  background: url(https://d1.a4w.ro/procinema/design/images/bg_black_lines.jpg) no-repeat 0 0 #000000;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

.rightRelated .polll .title {
  padding: 0 0 10px 0;
  font-size: 16px;
  text-align: left;
}

.rightRelated .polll ul.sondaj {
  padding: 0 0 10px 0;
}

.rightRelated .polll ul.sondaj li {
  padding: 0 0 5px 0;
}

.rightRelated .polll .pollResults .results ul li {
  padding: 10px 0 0 0;
}
/* END RIGHT NEWS COLUMN
----------------------------------------------------------------------------*/

.homeBoxOffice {
  width: 630px;
  float: left;
  border-radius: 8px;
  padding: 0 0 0 10px;
  margin: 0 0 20px 10px;
  background: url(https://d1.a4w.ro/procinema/design/images/home_boxoffice_bg_us_only.jpg) no-repeat -10px 0px #f5f5f5;
}

.homeBoxOffice a.boxTitle {
  width: 630px;
  height: 42px;
  display: block;
  text-decoration: none;
}

.boUsa {
  width: 300px;
  float: left;
  padding: 8px 0 10px 10px;
  color: #000;
  text-align: left;
}

.boRo {
  width: 300px;
  float: left;
  padding: 8px 0 10px 10px;
  color: #000;
  text-align: left;
}

.homeBoxOffice .boxContent {
  width: 600px;
  float: left;
  margin: 0 0 0 10px;
  border-top: solid 1px #dddddd;
}

.homeBoxOffice .boxContent a.item {
  height: 32px;
  display: block;
  padding: 9px 9px 9px 0;
  background: url(https://d1.a4w.ro/procinema/design/images/right_box_office_row.jpg) repeat-x 0 0;
  border-bottom: solid 1px #dddddd;
  text-decoration: none;
}

.homeBoxOffice .boxContent a.item:hover {
  background: none #f5f5f5;
}

.homeBoxOffice .boxContent a.item .number {
  float: left;
  padding: 8px 0 0 0;
  margin: 0 10px;
  font-size: 16px;
  color: #7d287e;
  text-align: right;
}

.homeBoxOffice .boxContent a.item .poster {
  width: 20px;
  height: 30px;
  float: left;
  margin: 0 10px 0 0;
  border: solid 1px #dddddd;
}

.homeBoxOffice .boxContent a.item .title {
  width: 230px;
  float: left;
  padding: 1px 0 0 0;
  font-size: 13px;
  color: #000000;
  text-align: left;
}

.homeBoxOffice .boxContent a.item .money {
  padding: 5px 0 0 0;
  font-size: 12px;
  color: #7d287e;
}

.homeBoxOffice .boxContent a.more {
  display: block;
  text-align: right;
  font-size: 12px;
  color: #000000;
  padding: 10px;
  border-bottom: solid 1px #dddddd;
}

/* REVIEW BOX
----------------------------------------------------------------------------*/
.reviewBox {
  padding: 26px 0 20px 8px;
  /*    background:url(https://d1.a4w.ro/procinema/design/images/title_review_box.jpg) no-repeat 0 0;*/
  background-color: var(--primary-color);
  margin-bottom: 20px;
}

.reviewBox .column {
  width: 200px;
  float: left;
  margin: 0 0 0 1px;
}

.reviewBox .column a.reviewer {
  width: 200px;
  height: 42px;
  display: block;
  overflow: hidden;
  /*    background:url(https://d1.a4w.ro/procinema/design/images/bg_black_lines.jpg) no-repeat left top #000000;*/
}

.reviewBoxItem {
  width: 200px;
  display: block;
  position: relative;
  margin: 10px 0 0 0;
  background: url(https://d1.a4w.ro/procinema/design/images/bg_review_box_item.jpg) repeat-x 0 0;
}

.reviewBoxItem a.image {
  width: 50px;
  height: 76px;
  float: left;
  margin: 0 10px 0 0;
  text-decoration: none;
}

.reviewBoxItem a.title {
  height: 50px;
  display: block;
  margin: 0 10px 0 0;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  color: #000;
  text-align: left;
  overflow: hidden;
}

.reviewBoxItem .nota {
  position: absolute;
  top: 50px;
  left: 60px;
  font-size: 16px;
  color: #000;
}

.reviewBoxItem .nota span.ten {
  font-size: 12px;
  color: #888;
}

.reviewBoxItem .rating {
  width: 180px;
  float: left;
  padding: 10px 0 10px 20px;
  margin: 1px 0 0 0;
  background: #f5f5f5;
  -moz-border-radius: 0 0 6px 6px;
  -webkit-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
}
/* END REVIEW BOX
----------------------------------------------------------------------------*/

/* CATEGORY ARCHIVE
----------------------------------------------------------------------------*/
.archive {
  width: 640px;
  float: left;
  margin: 20px 0 20px 0;
  background: url(https://d1.a4w.ro/procinema/design/images/bg_white_lines.jpg) no-repeat left top #ffffff;
  border-bottom: solid 1px #f0f0f0;
  overflow: hidden;
}

.archive h4 {
  width: 620px;
  float: left;
  padding: 13px 0 0 20px;
  text-align: left;
  font-size: 18px;
  color: #434343;
  border-bottom: solid 1px #ffffff;
}

.archive .item {
  width: 140px;
  float: left;
  padding: 15px 0 15px 20px;
}

.archive .item .imageContainer {
  float: left;
  position: relative;
  padding: 0;
  margin: 0 0 10px 0;
}

.archive .item a.image {
  width: 140px;
  height: 140px;
  display: block;
  overflow: hidden;
  text-decoration: none;
}

.archive .item a.title {
  font-size: 14px;
  line-height: 18px;
  text-align: left;
  color: #000000;
}

.archive .item span.data {
  display: block;
  padding: 5px 0 0 0;
  font-size: 10px;
  color: #656565;
}

.paginationControl {
  font-weight: bold;
}

.paginationControl .disabled {
  float: left;
  padding: 5px 10px;
  margin: 0 0 0 5px;
  border-top: 1px solid #f0f0f0;
}

.paginationControl .selected {
  float: left;
  padding: 5px 10px;
  margin: 0 0 0 5px;
  color: #000000;
  background: #fafafa;
  border-top: 1px solid #f0f0f0;
}

.paginationControl a {
  float: left;
  padding: 5px 10px;
  margin: 0 0 0 5px;
  color: #6c65ff;
  text-decoration: none;
  border-top: 1px solid #f0f0f0;
}

.paginationControl a:hover {
  float: left;
  padding: 5px 10px;
  margin: 0 0 0 5px;
  color: #6c65ff;
  text-decoration: underline;
  background: #fafafa;
}
/* END CATEGORY ARCHIVE
----------------------------------------------------------------------------*/

/* HOMEPAGE TV AND CINEMA BOX
----------------------------------------------------------------------------*/
.homeTvCinema {
  width: 640px;
  float: left;
  margin: 0 0 20px 0;
  background: url(https://d1.a4w.ro/procinema/design/images/bg_black_lines.jpg) no-repeat left top #000000;
}

.homeTvColumn {
  width: 290px;
  float: left;
  margin: 0 0 10px 20px;
}

.hcWhite {
  width: 290px;
  float: left;
  margin: 0 0 10px 0;
  background: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

a.titleNowOnTv {
  width: 290px;
  height: 20px;
  float: left;
  display: block;
  padding: 10px 0 7px 0;
  background: url(https://d1.a4w.ro/procinema/design/images/title_acum_la_tv.jpg) no-repeat 10px 10px;
}

a.titleNowOnTv span {
  visibility: hidden;
  display: none;
}

.homeTvItem {
  height: 78px;
  display: block;
  padding: 10px;
  border-bottom: solid 1px #f5f5f5;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.homeTvItemLarge {
  width: 279px;
  height: 78px;
  display: block;
  float: left;
  padding: 10px 20px;
  border-right: solid 1px #ccc;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.homeTvItem a.title,
.homeTvItemLarge a.title {
  display: block;
  padding: 7px 0 0 0;
  font-size: 16px;
  color: #000;
  text-align: left;
  text-decoration: none;
}

.homeTvItem a.title:hover,
.homeTvItemLarge a.title:hover {
  text-decoration: underline;
}

.letfItems {
  width: 100px;
  float: left;
  padding: 5px 0 0 0;
}

.homeTvItem .hour,
.homeTvItemLarge .hour {
  display: block;
  font-size: 24px;
  line-height: 24px;
  color: #000000;
  font-weight: bold;
  text-align: left;
}

.homeTvItem a.post,
.homeTvItemLarge a.post {
  display: block;
  padding: 4px 0 0 0;
  font-size: 11px;
  color: #e00000;
  text-align: left;
  text-decoration: none;
}

.homeTvItem a.post:hover,
.homeTvItemLarge a.post:hover {
  text-decoration: underline;
}

a.postTv {
  width: 140px;
  height: 40px;
  float: right;
  display: block;
  margin: 5px 0 0 0;
  border: solid 1px #dddddd;
}

a.postTv:hover {
  border: solid 1px #bbbbbb;
}

a.btnSeeTv {
  width: 150px;
  height: 29px;
  float: right;
  display: block;
  background: url(https://d1.a4w.ro/procinema/design/images/btn_see_tv.jpg) no-repeat 0 0;
}

a.btnSeeTv span {
  visibility: hidden;
  display: none;
}

.homeCinemaColumn {
  width: 290px;
  float: left;
  margin: 0 0 10px 20px;
}

a.titleNowInCinema {
  width: 290px;
  height: 20px;
  float: left;
  display: block;
  padding: 10px 0 7px 0;
  background: url(https://d1.a4w.ro/procinema/design/images/title_acum_la_cinema.jpg) no-repeat 10px 10px;
}

a.titleNowInCinema span {
  visibility: hidden;
  display: none;
}

.homeCinemaItem {
  height: 78px;
  display: block;
  padding: 10px;
  border-bottom: solid 1px #f5f5f5;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.homeCinemaItem a.image {
  width: 50px;
  height: 76px;
  float: left;
  margin: 0 10px 0 0;
  border: solid 1px #dddddd;
}

.homeCinemaItem a.image:hover {
  border: solid 1px #bbbbbb;
}

.homeCinemaItem a.title {
  display: block;
  padding: 7px 0 0 0;
  font-size: 16px;
  color: #000;
  text-align: left;
  text-decoration: none;
}

.homeCinemaItem a.title:hover {
  text-decoration: underline;
}

.homeCinemaItem .hour {
  display: block;
  padding: 5px 0 0 0;
  font-size: 16px;
  font-weight: bold;
  color: #444444;
  text-align: left;
}

.homeCinemaItem a.cinema {
  display: block;
  padding: 5px 0 0 0;
  font-size: 11px;
  color: #e00000;
  text-align: left;
  text-decoration: none;
}

.homeCinemaItem a.cinema:hover {
  text-decoration: underline;
}

a.btnSeeCinema {
  text-decoration: none;
  width: 190px;
  height: 29px;
  float: right;
  display: block;
  background: #7d287e;
  text-align: center;
  line-height: 29px;
  border-radius: 4px;
  -webkit-transition: all 600ms linear;
  -moz-transition: all 600ms linear;
  -o-transition: all 600ms linear;
  transition: all 600ms linear;
  /*    background:url(https://d1.a4w.ro/procinema/design/images/btn_see_cinema.jpg) no-repeat 0 0;*/
}
a.btnSeeCinema span {
  /*visibility:hidden;
    display:none;*/
  text-transform: uppercase;
  color: #ffffff;
  font-size: 11px;
}
a.btnSeeCinema span:after {
  content: ' ►';
}
a.btnSeeCinema:hover,
a.btnSeeCinema:focus {
  background: var(--primary-color);
  -webkit-transition: all 600ms linear;
  -moz-transition: all 600ms linear;
  -o-transition: all 600ms linear;
  transition: all 600ms linear;
}
.homeTvItem .hour {
  color: #909090 !important;
  display: block;
  font-size: 19px;
  line-height: 18px;
  color: #000000;
  font-weight: bold;
  text-align: left;
  padding: 2px 0px 0px 0px;
}

/* box recomandari */

a.titleRecommendedOnTv {
  width: 290px;
  height: 20px;
  float: left;
  display: block;
  padding: 10px 0 7px 0;
  background: url(https://d1.a4w.ro/procinema/design/images/recomandari_la_tv.jpg) no-repeat 10px 10px;
}

a.titleRecommendedOnTv span {
  visibility: hidden;
  display: none;
}

a.titleRecommendedInCinema {
  position: relative;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  width: 290px;
  height: 20px;
  display: block;
  padding: 10px 0px 7px 10px;
  /*    background:url(https://d1.a4w.ro/procinema/design/images/recomandari_la_cinema.jpg) no-repeat 10px 10px;*/
}
a.titleRecommendedInCinema:before {
  content: 'Recomandari la cinema';
  font-size: 20px;
  letter-spacing: 0.9px;
  line-height: 15px;
  font-weight: 300;
  color: #fff;
}
a.titleRecommendedInCinema span {
  visibility: hidden;
  display: none;
}

.homeCinemaItem a.cinema_recom {
  display: block;
  padding: 2px 0 0 0;
  font-size: 13px;
  color: #7d287e;
  text-align: left;
  text-decoration: none;
}

.homeCinemaItem a.cinema_recom:hover {
  text-decoration: underline;
}

.homeCinemaItem div.recom_cinema_actori {
  margin: 2px 0px 0px 0px;
}
.homeCinemaItem div.recom_cinema_actori a {
  color: #666666;
}
/* e: box recomandari */

/* END HOMEPAGE TV AND CINEMA BOX
----------------------------------------------------------------------------*/

/* HOMEPAGE TRAILERS BOX
----------------------------------------------------------------------------*/
.homeTrailers {
  width: 640px;
  float: left;
  margin: 0 0px 20px 10px;
  background: url(https://d1.a4w.ro/procinema/design/images/bg_black_lines.jpg) no-repeat left top #000000;
}

.homeTrailersTop {
  width: 620px;
  float: left;
  padding: 0 0 0 20px;
  border-bottom: solid 1px #343434;
}

.homeTrailersTop .title {
  float: left;
  padding: 13px 0 0 0;
  text-align: left;
  font-size: 18px;
  color: #ffffff;
}

.homeTrailersMenu {
  float: right;
  margin-right: 10px;
}

.homeTrailersMenu a {
  height: 20px;
  float: left;
  padding: 20px 10px 0px 10px;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
  background: url(https://d1.a4w.ro/procinema/design/images/black_blue_tab.jpg) repeat-x 0 -41px;
}

.homeTrailersMenu a:hover {
  /*    background:url(https://d1.a4w.ro/procinema/design/images/black_blue_tab.jpg) repeat-x 0 0;*/
  background-color: #7d287e;
}

.homeTrailersMenu a.active {
  height: 20px;
  float: left;
  padding: 20px 10px 0px 10px;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
  /*    background:url(https://d1.a4w.ro/procinema/design/images/black_blue_tab.jpg) repeat-x 0 0;*/
  background-color: #7d287e;
}

.homeTrailersMenu span.separator {
  width: 2px;
  height: 40px;
  float: left;
  display: block;
  background: url(https://d1.a4w.ro/procinema/design/images/black_separator.jpg) no-repeat 0 12px;
}

.homeTrailersContent {
  float: left;
  padding: 10px 0 0 0;
}

.bigTrailers {
  width: 400px;
  float: left;
  padding: 0 0 0 20px;
}

.bigTrailersContainer {
  width: 400px;
  float: left;
  position: relative;
}

.bigTrailers .nota {
  float: left;
  padding: 5px 0 10px 0;
  color: #ffffff;
  font-size: 16px;
}

.bigTrailers .nota span.onTen {
  font-size: 12px;
  color: #b2b2b2;
}

.bigTrailers .nota span.homeNoVotes {
  padding: 0 0 0 20px;
  font-size: 11px;
  color: #b2b2b2;
}

a.bigTrailer {
  width: 400px;
  height: 225px;
  float: left;
  text-decoration: none;
}

.smallTrailers {
  width: 220px;
  float: right;
}

a.smallTrailer {
  width: 200px;
  float: left;
  padding: 6px 0 6px 10px;
  margin: 0 0 0 10px;
  font-size: 11px;
  color: #b2b2b2;
  text-align: left;
  background: url(https://d1.a4w.ro/procinema/design/images/bg_grey_lines.jpg) repeat 0 0;
}

a.smallTrailer span {
  color: #b2b2b2;
}

a.smallTrailer:first-child,
a.smallTrailer:hover,
a.smallTrailer:focus {
  width: 200px;
  float: left;
  padding: 6px 0 6px 20px;
  margin: 0;
  font-size: 11px;
  color: #ffffff;
  text-align: left;
  /*    background:url(https://d1.a4w.ro/procinema/design/images/black_blue_tab.jpg) repeat-x 0 0;*/
  background: #7d287e;
}
.videoThumbContainer {
  width: 192px;
  float: left;
  margin: 0 10px 18px 11px;
  overflow: hidden;
}

.videoThumbContainer .videoThumb {
  width: 192px;
  height: 109px;
  position: relative;
  margin: 0 0 5px 0;
  overflow: hidden;
}

.videoThumbContainer .videoThumb a.image {
  width: 190px;
  height: 107px;
  display: block;
  text-decoration: none;
  border: solid 1px #838383;
  overflow: hidden;
}

.videoThumbContainer a.title {
  color: #ffffff;
  font-size: 14px;
  line-height: 18px;
  text-align: left;
}

a.moreTrailers {
  float: right;
  padding: 10px 20px;
  font-size: 11px;
  font-weight: bold;
  color: #7d287e;
}
/* END HOMEPAGE TRAILERS BOX
----------------------------------------------------------------------------*/

/* HOMEPAGE CINEMA BOX
----------------------------------------------------------------------------*/
.homeCinema {
  width: 640px;
  float: left;
  margin: 0 0 20px 10px;
  padding-bottom: 10px;
  /*    background:url(https://d1.a4w.ro/procinema/design/images/bg_white_lines.jpg) no-repeat left top #ffffff;
    border-bottom:solid 1px #f0f0f0;*/
  background: var(--primary-color);
  overflow: hidden;
}

.homeCinemaTop {
  width: 620px;
  float: left;
  padding: 0 10px 0 10px;
  border-bottom: solid 1px #801b54;
}

.homeCinemaTop .title {
  float: left;
  padding: 13px 0 0 0;
  text-align: left;
  font-size: 18px;
  color: #fff;
}

.homeCinemaMenu {
  float: right;
}

.homeCinemaMenu a {
  height: 20px;
  float: left;
  padding: 20px 10px 0px 10px;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
  /*    background:url(https://d1.a4w.ro/procinema/design/images/black_blue_tab.jpg) repeat-x 0 -41px;*/
}

.homeCinemaMenu a:hover {
  color: #ffffff;
  /*    background:url(https://d1.a4w.ro/procinema/design/images/black_blue_tab.jpg) repeat-x 0 0;*/
}
.homeCinemaMenu a.active {
  height: 20px;
  float: left;
  padding: 20px 10px 0px 10px;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
  /*    background:url(https://d1.a4w.ro/procinema/design/images/black_blue_tab.jpg) repeat-x 0 0;*/
}
.homeCinemaMenu span.separator {
  width: 2px;
  height: 40px;
  float: left;
  display: block;
  background: url(https://d1.a4w.ro/procinema/design/images/white_separator.jpg) no-repeat 0 12px;
}
.homeCinemaContent {
  width: 100%;
  float: left;
  margin: 0 10px 0 -10px;
}
.homeCinemaContent .item {
  width: 134px;
  height: 240px;
  float: left;
  position: relative;
  overflow: hidden;
  margin: 10px 0 0 23px;
}
.homeCinemaContent .item a.image {
  display: block;
  margin: 0 0 5px 0;
  text-decoration: none;
  border: solid 1px #801b54;
}

.homeCinemaContent .item a.image:hover {
  border: solid 1px #7d287e;
}

.homeCinemaContent .item a.title {
  color: #fff;
  text-align: left;
  text-decoration: none;
}

.homeCinemaContent .item a.title:hover {
  color: var(--secondary-color);
  text-decoration: none;
}

.homeCinemaContent .item .nota {
  position: absolute;
  padding: 5px;
  top: 176px;
  right: 1px;
  font-size: 11px;
  font-weight: bold;
  color: #ffffff;
  background: #7d287e;
  -moz-border-radius: 6px 0 0 6px;
  -webkit-border-radius: 6px 0 0 6px;
  border-radius: 6px 0 0 6px;
}

a.blueLinkMore {
  float: right;
  padding: 10px 0 10px 0;
  font-size: 11px;
  font-weight: bold;
  color: #801b54;
  text-decoration: none;
  border-top: solid 1px #f0f0f0;
}

a.blueLinkMore:hover {
  text-decoration: underline;
}
/* END HOMEPAGE CINEMA BOX
----------------------------------------------------------------------------*/

/* HOMEPAGE GALLERY BOX
----------------------------------------------------------------------------*/
.homeGallery {
  width: 640px;
  float: left;
  margin: 0 0 20px 0;
  background: url(https://d1.a4w.ro/procinema/design/images/bg_white_lines.jpg) no-repeat left top #ffffff;
  border-bottom: solid 1px #f0f0f0;
  overflow: hidden;
}

.homeGalleryTop {
  width: 620px;
  float: left;
  padding: 0 0 0 20px;
  border-bottom: solid 1px #ffffff;
}

.homeGalleryTop .title {
  float: left;
  padding: 13px 0 0 0;
  text-align: left;
  font-size: 18px;
  color: #434343;
}

.homeGalleryMenu {
  float: right;
}

.homeGalleryMenu a {
  height: 20px;
  float: left;
  padding: 20px 10px 0px 10px;
  font-size: 12px;
  font-weight: bold;
  color: #434343;
  text-decoration: none;
  background: url(https://d1.a4w.ro/procinema/design/images/black_blue_tab.jpg) repeat-x 0 -41px;
}

.homeGalleryMenu a:hover {
  color: #ffffff;
  background: url(https://d1.a4w.ro/procinema/design/images/black_blue_tab.jpg) repeat-x 0 0;
}

.homeGalleryMenu a.active {
  height: 20px;
  float: left;
  padding: 20px 10px 0px 10px;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
  background: url(https://d1.a4w.ro/procinema/design/images/black_blue_tab.jpg) repeat-x 0 0;
}

.homeGalleryMenu span.separator {
  width: 2px;
  height: 40px;
  float: left;
  display: block;
  background: url(https://d1.a4w.ro/procinema/design/images/white_separator.jpg) no-repeat 0 12px;
}

.homeGalleryContent {
  width: 640px;
  float: left;
  padding: 0 0 10px 0;
}

.homeGalleryContent a.item {
  width: 108px;
  height: 108px;
  float: left;
  overflow: hidden;
  margin: 10px 0 0 18px;
  border: solid 1px #dddddd;
}

.homeGalleryContent a.item:hover {
  width: 108px;
  height: 108px;
  float: left;
  overflow: hidden;
  margin: 10px 0 0 18px;
  border: solid 1px #bbbbbb;
}
/* END HOMEPAGE GALLERY BOX
----------------------------------------------------------------------------*/

/* PROGRAM TV EXTENDED
----------------------------------------------------------------------------*/
.tvRecommend {
  width: 100%;
  float: left;
  margin: 0px 0px 10px 0px;
  background: url('http://dev.procinema.ro/design/procinema/images/bg_black_lines.jpg') repeat-x scroll left top #000000;
}

.hcWhiteLarge {
  margin: 0px 10px 5px 10px;
  background: #ffffff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.tvGuideLeftColumn {
  width: 229px;
  float: left;
  margin: 0 0 10px 0;
  border-right: solid 1px #e5e5e5;
}

.tvGuideLeftColumn ul li {
  width: 100%;
  display: block;
  border-bottom: dotted 1px #e5e5e5;
}

.tvGuideLeftColumn ul li a {
  display: block;
  padding: 10px 20px;
  color: #000;
  font-weight: bold;
  text-align: left;
  text-decoration: none;
}

.tvGuideLeftColumn ul li a:hover,
.tvGuideLeftColumn ul li.active a {
  color: #7d287e;
  background: #e5e5e5;
}

.tvGuideContainer {
  width: 730px;
  float: right;
  position: relative;
}

.tvControlsLeftRight {
  width: 100%;
  position: absolute;
  top: 125px;
  left: 0;
}

.tvGuideTop {
  height: 40px;
  padding: 0 20px 0 10px;
  margin: 0 0 20px 0;
  background: url(https://d1.a4w.ro/procinema/design/images/btn_tab.jpg) repeat-x top #404040;
  border-bottom: solid 1px var(--primary-color);
}

.tvGuideSelect {
  width: 200px;
  height: 30px;
  float: left;
  padding: 5px 5px;
  margin: 5px 0 0 10px;
  background: url(https://d1.a4w.ro/procinema/design/images/bg_select.jpg) no-repeat top left #ffffff;
  border: 0 none;
}

.tvGuideNav {
  float: right;
  margin: 5px 0 0 0;
}

a.btnTvGuideNavLeft {
  width: 27px;
  height: 30px;
  float: left;
  display: block;
  text-decoration: none;
  background: url(https://d1.a4w.ro/procinema/design/images/btn_tvguide_nav.jpg) no-repeat top left;
}

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

a.btnTvGuideNavLeftDisabled {
  width: 27px;
  height: 30px;
  float: left;
  display: block;
  text-decoration: none;
  background: url(https://d1.a4w.ro/procinema/design/images/btn_tvguide_nav.jpg) no-repeat center left;
}

a.btnTvGuideNavRight {
  width: 26px;
  height: 30px;
  float: left;
  display: block;
  text-decoration: none;
  background: url(https://d1.a4w.ro/procinema/design/images/btn_tvguide_nav.jpg) no-repeat top right;
}

a.btnTvGuideNavRight:hover {
  background-position: bottom right;
}

a.btnTvGuideNavRightDisabled {
  width: 26px;
  height: 30px;
  float: left;
  display: block;
  text-decoration: none;
  background: url(https://d1.a4w.ro/procinema/design/images/btn_tvguide_nav.jpg) no-repeat center right;
}

a.btnTvGuideNavLeftBig {
  width: 30px;
  height: 40px;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  text-decoration: none;
  background: url(https://d1.a4w.ro/procinema/design/images/btn_tvguide_nav_big.jpg) no-repeat top left;
}

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

a.btnTvGuideNavLeftBigDisabled {
  width: 30px;
  height: 40px;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  text-decoration: none;
  background: url(https://d1.a4w.ro/procinema/design/images/btn_tvguide_nav_big.jpg) no-repeat center left;
}

a.btnTvGuideNavRightBig {
  width: 30px;
  height: 40px;
  position: absolute;
  right: 20px;
  top: 0;
  display: block;
  text-decoration: none;
  background: url(https://d1.a4w.ro/procinema/design/images/btn_tvguide_nav_big.jpg) no-repeat top right;
}

a.btnTvGuideNavRightBig:hover {
  background-position: right bottom;
}

a.btnTvGuideNavRightBigDisabled {
  width: 30px;
  height: 40px;
  position: absolute;
  right: 20px;
  top: 0;
  display: block;
  text-decoration: none;
  background: url(https://d1.a4w.ro/procinema/design/images/btn_tvguide_nav_big.jpg) no-repeat center right;
}

.tvLogos {
  position: relative;
  margin: 0 10px 20px 0;
}

a.tvLogo {
  width: 170px;
  height: 40px;
  float: left;
  display: block;
  margin: 0 40px 0 30px;
}

a.tvLogoBig {
  width: 180px;
  height: 40px;
  margin: 0 auto;
  display: block;
}

a.logo-acasa-tv {
  background: url(https://d1.a4w.ro/procinema/design/images/tvlogos/acasa-tv.jpg) no-repeat center;
}

a.logo-actionstar {
  background: url(https://d1.a4w.ro/procinema/design/images/tvlogos/actionstar.jpg) no-repeat center;
}

a.logo-animal-planet {
  background: url(https://d1.a4w.ro/procinema/design/images/tvlogos/animal-planet.jpg) no-repeat center;
}

a.logo-antena-1 {
  background: url(https://d1.a4w.ro/procinema/design/images/tvlogos/antena-1.jpg) no-repeat center;
}

a.logo-axn {
  background: url(https://d1.a4w.ro/procinema/design/images/tvlogos/axn.jpg) no-repeat center;
}

a.logo-axn-crime {
  background: url(https://d1.a4w.ro/procinema/design/images/tvlogos/axn-crime.jpg) no-repeat center;
}

a.logo-axn-sci-fi {
  background: url(https://d1.a4w.ro/procinema/design/images/tvlogos/axn-sci-fi.jpg) no-repeat center;
}

a.logo-boom-action {
  background: url(https://d1.a4w.ro/procinema/design/images/tvlogos/boom-action.jpg) no-repeat center;
}

a.logo-boom-comedy {
  background: url(https://d1.a4w.ro/procinema/design/images/tvlogos/boom-comedy.jpg) no-repeat center;
}

a.logo-boom-drama {
  background: url(https://d1.a4w.ro/procinema/design/images/tvlogos/boom-drama.jpg) no-repeat center;
}

a.logo-boom-indian {
  background: url(https://d1.a4w.ro/procinema/design/images/tvlogos/boom-indian.jpg) no-repeat center;
}

a.logo-cinemax {
  background: url(https://d1.a4w.ro/procinema/design/images/tvlogos/cinemax.jpg) no-repeat center;
}

a.logo-cinemax-2 {
  background: url(https://d1.a4w.ro/procinema/design/images/tvlogos/cinemax-2.jpg) no-repeat center;
}

a.logo-cinestar {
  background: url(https://d1.a4w.ro/procinema/design/images/tvlogos/cinestar.jpg) no-repeat center;
}

a.logo-comedystar {
  background: url(https://d1.a4w.ro/procinema/design/images/tvlogos/comedystar.jpg) no-repeat center;
}

a.logo-da-vinci-learning {
  background: url(https://d1.a4w.ro/procinema/design/images/tvlogos/da-vinci-learning.jpg) no-repeat center;
}

a.logo-digi-film {
  background: url(https://d1.a4w.ro/procinema/design/images/tvlogos/digi-film.jpg) no-repeat center;
}

a.logo-discovery-channel {
  background: url(https://d1.a4w.ro/procinema/design/images/tvlogos/discovery-channel.jpg) no-repeat center;
}

a.logo-discovery-hd {
  background: url(https://d1.a4w.ro/procinema/design/images/tvlogos/discovery-hd.jpg) no-repeat center;
}

a.logo-discovery-science {
  background: url(https://d1.a4w.ro/procinema/design/images/tvlogos/discovery-science.jpg) no-repeat center;
}

a.logo-discovery-world {
  background: url(https://d1.a4w.ro/procinema/design/images/tvlogos/discovery-world.jpg) no-repeat center;
}

a.logo-diva-universal {
  background: url(https://d1.a4w.ro/procinema/design/images/tvlogos/diva-universal.jpg) no-repeat center;
}

a.logo-hbo {
  background: url(https://d1.a4w.ro/procinema/design/images/tvlogos/hbo.jpg) no-repeat center;
}

a.logo-hbo-comedy {
  background: url(https://d1.a4w.ro/procinema/design/images/tvlogos/hbo-comedy.jpg) no-repeat center;
}

a.logo-history {
  background: url(https://d1.a4w.ro/procinema/design/images/tvlogos/history.jpg) no-repeat center;
}

a.logo-history-hd {
  background: url(https://d1.a4w.ro/procinema/design/images/tvlogos/history-hd.jpg) no-repeat center;
}

a.logo-investigation-discovery {
  background: url(https://d1.a4w.ro/procinema/design/images/tvlogos/investigation-discovery.jpg) no-repeat center;
}

a.logo-kanal-d {
  background: url(https://d1.a4w.ro/procinema/design/images/tvlogos/kanal-d.jpg) no-repeat center;
}

a.logo-mgm {
  background: url(https://d1.a4w.ro/procinema/design/images/tvlogos/mgm.jpg) no-repeat center;
}

a.logo-movies-24 {
  background: url(https://d1.a4w.ro/procinema/design/images/tvlogos/movies-24.jpg) no-repeat center;
}

a.logo-mtv-romania {
  background: url(https://d1.a4w.ro/procinema/design/images/tvlogos/mtv-romania.jpg) no-repeat center;
}

a.logo-nat-geo-wild {
  background: url(https://d1.a4w.ro/procinema/design/images/tvlogos/nat-geo-wild.jpg) no-repeat center;
}

a.logo-nat-geo-wild-hd {
  background: url(https://d1.a4w.ro/procinema/design/images/tvlogos/nat-geo-wild-hd.jpg) no-repeat center;
}

a.logo-national-geographic {
  background: url(https://d1.a4w.ro/procinema/design/images/tvlogos/national-geographic.jpg) no-repeat center;
}

a.logo-national-geographic-channel-hd {
  background: url(https://d1.a4w.ro/procinema/design/images/tvlogos/national-geographic-channel-hd.jpg) no-repeat center;
}

a.logo-pink-film {
  background: url(https://d1.a4w.ro/procinema/design/images/tvlogos/pink-film.jpg) no-repeat center;
}

a.logo-prima-tv {
  background: url(https://d1.a4w.ro/procinema/design/images/tvlogos/prima-tv.jpg) no-repeat center;
}

a.logo-pro-cinema {
  background: url(https://d1.a4w.ro/procinema/design/images/tvlogos/pro-cinema.jpg) no-repeat center;
}

a.logo-pro-tv {
  background: url(https://d1.a4w.ro/procinema/design/images/tvlogos/pro-tv.jpg) no-repeat center;
}

a.logo-pro-tv-international {
  background: url(https://d1.a4w.ro/procinema/design/images/tvlogos/pro-tv-international.jpg) no-repeat center;
}

a.logo-sci-fi-universal {
  background: url(https://d1.a4w.ro/procinema/design/images/tvlogos/sci-fi-universal.jpg) no-repeat center;
}

a.logo-sport-ro {
  background: url(https://d1.a4w.ro/procinema/design/images/tvlogos/sport-ro.jpg) no-repeat center;
}

a.logo-tcm {
  background: url(https://d1.a4w.ro/procinema/design/images/tvlogos/tcm.jpg) no-repeat center;
}

a.logo-tv-1000 {
  background: url(https://d1.a4w.ro/procinema/design/images/tvlogos/tv-1000.jpg) no-repeat center;
}

a.logo-universal-channel {
  background: url(https://d1.a4w.ro/procinema/design/images/tvlogos/universal-channel.jpg) no-repeat center;
}

a.logo-viasat-explorer {
  background: url(https://d1.a4w.ro/procinema/design/images/tvlogos/viasat-explorer.jpg) no-repeat center;
}

a.logo-viasat-history {
  background: url(https://d1.a4w.ro/procinema/design/images/tvlogos/viasat-history.jpg) no-repeat center;
}

a.logo-viasat-nature {
  background: url(https://d1.a4w.ro/procinema/design/images/tvlogos/viasat-nature.jpg) no-repeat center;
}

a.logo-zone-reality {
  background: url(https://d1.a4w.ro/procinema/design/images/tvlogos/zone-reality.jpg) no-repeat center;
}

a.btnTvGuideShow {
  height: 20px;
  display: block;
  margin: 0 20px 1px 0;
  background: url(https://d1.a4w.ro/procinema/design/images/plus.jpg) no-repeat 1px 1px #e5e5e5;
}

a.btnTvGuideShow:hover {
  background: url(https://d1.a4w.ro/procinema/design/images/plus.jpg) no-repeat 1px -19px #3b3b3b;
}

a.btnTvGuideHide {
  height: 20px;
  display: block;
  margin: 0 20px 1px 0;
  background: url(https://d1.a4w.ro/procinema/design/images/minus.jpg) no-repeat 1px 1px #e5e5e5;
}

a.btnTvGuideHide:hover {
  background: url(https://d1.a4w.ro/procinema/design/images/minus.jpg) no-repeat 1px -19px #3b3b3b;
}

.tvGuideDayTop {
  padding: 16px 0 16px 5px;
  font-weight: bold;
  text-align: center;
  border-bottom: solid 1px #e5e5e5;
}

.tvColumns {
  margin: 0 10px 20px 0;
}

.tvGuideColumn {
  width: 230px;
  float: left;
  margin: 0 10px 0 0;
  border-top: solid 1px #e5e5e5;
}

a.tvGuideRow {
  width: 230px;
  float: left;
  position: relative;
  display: block;
  text-decoration: none;
  border-bottom: solid 1px #e5e5e5;
}

a.tvGuideRow:hover {
  background: #f0f0f0;
}

a.tvGuideRow span.thumb {
  width: 50px;
  height: 76px;
  float: left;
  margin: 0 5px 0 0;
  background: url(https://d1.a4w.ro/procinema/design/images/default_size6.jpg) no-repeat 0 0;
}

a.tvGuideRow span.hour {
  height: 20px;
  float: left;
  padding: 8px 0 0 0;
  margin: 10px 0 0 5px;
  font-size: 16px;
  line-height: 16px;
  font-weight: bold;
  color: #554e4e;
  background: url(https://d1.a4w.ro/procinema/design/images/ora.jpg) no-repeat 0 0;
}

a.tvGuideRow span.details {
  height: 28px;
  position: absolute;
  top: 0;
  right: 0;
  margin: 10px 5px 0 0;
}

a.tvGuideRow span.title {
  width: 225px;
  float: left;
  margin: 0 0 7px 5px;
  font-size: 12px;
  color: #000000;
}

a.tvGuideRow span.titleBig {
  width: 168px;
  float: left;
  margin: 0 0 7px 5px;
  font-size: 12px;
  color: #000000;
}

span.other {
  font-size: 10px;
  color: #a9a9a9;
}

span.smBox {
  float: right;
  padding: 3px 5px;
  margin: 0 0 0 5px;
  font-size: 10px;
  line-height: 10px;
  color: #d5d5d5;
  border: solid 1px #d5d5d5;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

a.tvGuideRowBig {
  width: 620px;
  float: left;
  position: relative;
  display: block;
  margin: 0 0 0 10px;
  text-decoration: none;
  border-bottom: solid 1px #e5e5e5;
}

a.tvGuideRowBig:hover {
  background: #f0f0f0;
}

a.tvGuideRowBig span.thumb {
  width: 50px;
  height: 76px;
  float: left;
  margin: 0 5px 0 0;
}

a.tvGuideRowBig span.hour {
  height: 20px;
  float: left;
  padding: 8px 0 0 0;
  margin: 10px 0 0 5px;
  font-size: 16px;
  line-height: 16px;
  font-weight: bold;
  color: #554e4e;
  background: url(https://d1.a4w.ro/procinema/design/images/ora.jpg) no-repeat 0 0;
}

a.tvGuideRowBig span.details {
  height: 28px;
  position: absolute;
  top: 0;
  right: 0;
  margin: 10px 5px 0 0;
}

a.tvGuideRowBig span.title {
  width: 500px;
  float: left;
  margin: 20px 0 7px 5px;
  font-size: 12px;
  color: #000000;
}

a.tvGuideRowBig span.titleLong {
  width: 550px;
  float: left;
  margin: 0 0 7px 5px;
  font-size: 12px;
  color: #000000;
}
/* END PROGRAM TV EXTENDED
----------------------------------------------------------------------------*/

/* PROGRAM CINEMA
----------------------------------------------------------------------------*/
.cinemaGuideTop {
  height: 40px;
  padding: 0 0 0 10px;
  margin: 0 0 20px 0;
  background: url(https://d1.a4w.ro/procinema/design/images/btn_tab.jpg) repeat-x top #404040;
  border-bottom: solid 1px var(--primary-color);
}

.cinemaSelect {
  width: 142px;
  height: 30px;
  float: left;
  padding: 8px 5px;
  margin: 5px 0 0 10px;
  background: url(https://d1.a4w.ro/procinema/design/images/bg_select_cinema.jpg) no-repeat top left #ffffff;
  border: 0 none;
}

.cinemaMovie {
  padding: 20px 20px 0 20px;
  margin: 1px 0 0 0;
  background: url(https://d1.a4w.ro/procinema/design/images/bg_cinema_movie.jpg) repeat-y top right #f1f1f1;
}

.movieData {
  width: 320px;
  float: left;
}

.cinemaMovie a.poster {
  width: 132px;
  height: 200px;
  float: left;
  display: block;
  margin: 0 20px 20px 0;
  text-decoration: none;
  border: solid 1px #dddddd;
}

.cinemaMovie a.poster:hover {
  border: solid 1px #bbbbbb;
}

.cinemaMovie a.title {
  padding: 0 0 7px 0;
  font-size: 16px;
  color: #7d287e;
  text-align: left;
}

.cinemaMovie .originalTitle {
  padding: 0 0 10px 0;
  font-size: 12px;
  color: #bbbbbb;
  text-align: left;
}

.cinemaMovie .actors {
  padding: 10px 0;
  font-size: 12px;
  line-height: 18px;
  color: #848484;
  text-align: left;
}

.cinemaMovie .actors span {
  font-weight: bold;
  color: #000000;
}

.cinemaMovie .sinopsis {
  padding: 10px 0 20px 0;
  font-size: 13px;
  line-height: 19px;
  color: #848484;
  text-align: left;
}

.cinemaButtons {
  float: left;
  padding: 0 0 20px 0;
}

.cinemaData {
  width: 240px;
  float: right;
}

.cinemaDataName {
  padding: 0 0 5px 0;
  font-weight: bold;
  text-align: left;
}

.cinemaDataHours {
  padding: 0 0 10px 0;
  font-size: 11px;
  color: #303030;
  text-align: left;
}

a.btnDetailsRound {
  float: left;
  display: block;
  margin: 0 10px 0 0;
  font-size: 12px;
  color: #1a2f60;
  text-decoration: none;
}

a.btnDetailsRound span.lb {
  width: 6px;
  height: 29px;
  float: left;
  display: block;
  background: url(https://d1.a4w.ro/procinema/design/images/btn_details_round.jpg) no-repeat 0 0;
}

a.btnDetailsRound span.mb {
  height: 21px;
  float: left;
  display: block;
  padding: 8px 4px 0 4px;
  background: url(https://d1.a4w.ro/procinema/design/images/btn_details_round.jpg) repeat-x 0 -29px;
}

a.btnDetailsRound span.rb {
  width: 6px;
  height: 29px;
  float: left;
  display: block;
  background: url(https://d1.a4w.ro/procinema/design/images/btn_details_round.jpg) no-repeat 0 -58px;
}
/* END PROGRAM CINEMA
----------------------------------------------------------------------------*/

/* BOX OFFICE
----------------------------------------------------------------------------*/
.boxOfficeTabs {
  border-bottom: solid 1px var(--primary-color);
  display: none;
  visibility: hidden;
}

.boxOfficeTabs ul {
  height: 40px;
  padding: 0 0 0 20px;
  background: url(https://d1.a4w.ro/procinema/design/images/btn_tab.jpg) repeat-x top #404040;
}

.boxOfficeTabs ul li {
  float: left;
}

.boxOfficeTabs ul li.spacer {
  width: 2px;
  height: 40px;
  float: left;
  display: block;
  background: #ffffff;
}

.boxOfficeTabs ul li a {
  height: 25px;
  padding: 13px 20px 0 20px;
  font-size: 12px;
  color: #ffffff;
  display: block;
  text-decoration: none;
  background: url(https://d1.a4w.ro/procinema/design/images/btn_tab.jpg) repeat-x left top #404040;
}

.boxOfficeTabs ul li a span.day {
  color: #bbbbbb;
}

.boxOfficeTabs ul li a:hover {
  height: 25px;
  padding: 13px 20px 0 20px;
  font-size: 12px;
  color: #ffffff;
  display: block;
  text-decoration: none;
  background: url(https://d1.a4w.ro/procinema/design/images/btn_tab.jpg) repeat-x left bottom #ff0000;
}

.boxOfficeTabs ul li a.active {
  height: 27px;
  padding: 13px 20px 0 20px;
  font-size: 12px;
  color: #000000;
  display: block;
  text-decoration: none;
  background: url(https://d1.a4w.ro/procinema/design/images/btn_tab.jpg) repeat-x left center #ffffff;
}

.boxOfficeContainer {
  padding: 0 20px;
  background: #f5f5f5;
}

.boxOfficeContainer h1 {
  display: block;
  padding: 10px 0;
  font-size: 16px;
  color: #000000;
  text-align: left;
}

.boxOfficeNav {
  padding: 20px 0;
  border-top: solid 1px #dddddd;
}

.boxOfficeNav a.left {
  float: left;
  display: block;
  font-size: 12px;
  color: #1a2f60;
  text-decoration: none;
}

.boxOfficeNav a.left span.lb {
  width: 6px;
  height: 29px;
  float: left;
  display: block;
  background: url(https://d1.a4w.ro/procinema/design/images/btn_details_round.jpg) no-repeat 0 0;
}

.boxOfficeNav a.left span.mb {
  height: 22px;
  float: left;
  display: block;
  padding: 7px 4px 0 4px;
  background: url(https://d1.a4w.ro/procinema/design/images/btn_details_round.jpg) repeat-x 0 -29px;
}

.boxOfficeNav a.left span.rb {
  width: 6px;
  height: 29px;
  float: left;
  display: block;
  background: url(https://d1.a4w.ro/procinema/design/images/btn_details_round.jpg) no-repeat 0 -58px;
}

.boxOfficeNav a.right {
  float: right;
  display: block;
  font-size: 12px;
  color: #1a2f60;
  text-decoration: none;
}

.boxOfficeNav a.right span.lb {
  width: 6px;
  height: 29px;
  float: left;
  display: block;
  background: url(https://d1.a4w.ro/procinema/design/images/btn_details_round.jpg) no-repeat 0 0;
}

.boxOfficeNav a.right span.mb {
  height: 22px;
  float: left;
  display: block;
  padding: 7px 4px 0 4px;
  background: url(https://d1.a4w.ro/procinema/design/images/btn_details_round.jpg) repeat-x 0 -29px;
}

.boxOfficeNav a.right span.rb {
  width: 6px;
  height: 29px;
  float: left;
  display: block;
  background: url(https://d1.a4w.ro/procinema/design/images/btn_details_round.jpg) no-repeat 0 -58px;
}

a.boxOfficeRow {
  height: 90px;
  display: block;
  padding: 10px 20px 0 0;
  border-top: solid 1px #dddddd;
  text-decoration: none;
  background: url(https://d1.a4w.ro/procinema/design/images/bg_box_office_row.jpg) repeat-x 0 0;
}

a.boxOfficeRow:hover {
  background: none #ffffff;
}

a.boxOfficeRow .number {
  width: 30px;
  float: left;
  display: block;
  padding: 26px 15px 0 0;
  font-size: 24px;
  font-weight: bold;
  color: #7d287e;
  text-align: right;
}

a.boxOfficeRow .poster {
  width: 50px;
  height: 76px;
  float: left;
  display: block;
  margin: 0 20px 0 0;
  border: solid 1px #dddddd;
}

a.boxOfficeRow .title {
  float: left;
  padding: 23px 0 0 0;
  display: block;
  font-size: 16px;
  color: var(--primary-color);
  text-align: left;
  width: 350px;
}

a.boxOfficeRow .title .year {
  color: #848484;
}

a.boxOfficeRow .title .original {
  font-size: 12px;
  color: #848484;
}

a.boxOfficeRow .income {
  float: right;
  padding: 30px 0 0 0;
  display: block;
  font-size: 16px;
  font-weight: bold;
  color: #7d287e;
}
/* END BOX OFFICE
----------------------------------------------------------------------------*/

/* MOVIES
----------------------------------------------------------------------------*/
.promotedMovies {
  margin: 0 0 20px 0;
  background: #f0f0f0;
  border-top: solid 1px #dddddd;
  border-bottom: solid 1px #bbbbbb;
  background: url(https://d1.a4w.ro/procinema/design/images/title_promoted_movies.jpg) repeat-x 0 0 #f0f0f0;
}

.promotedMoviesContainer {
  width: 640px;
  height: 78px;
  float: left;
  padding: 8px 0 7px 0;
  background: url(https://d1.a4w.ro/procinema/design/images/bg_promoted_movies.jpg) repeat-x bottom;
}

.promotedMovies .item {
  width: 190px;
  height: 78px;
  float: left;
  padding: 0 0 0 20px;
  overflow: hidden;
}

.promotedMovies a.category {
  width: 190px;
  height: 23px;
  float: left;
  margin: 0 0 0 20px;
  text-decoration: none;
}

.pCinema {
  background: url(https://d1.a4w.ro/procinema/design/images/title_promoted_movies.jpg) repeat-x 0 0 #f0f0f0;
}

.pTv {
  background: url(https://d1.a4w.ro/procinema/design/images/title_promoted_movies.jpg) repeat-x -210 0 #f0f0f0;
}

.pDvd {
  background: url(https://d1.a4w.ro/procinema/design/images/title_promoted_movies.jpg) repeat-x -420 0 #f0f0f0;
}

.promotedMovies .item a.image {
  width: 50px;
  height: 76px;
  float: left;
  margin: 0 10px 0 0;
  text-decoration: none;
  border: solid 1px #ffffff;
}

.promotedMovies .item a.image:hover {
  width: 50px;
  height: 76px;
  float: left;
  margin: 0 10px 0 0;
  text-decoration: none;
  border: solid 1px #f0f0f0;
}

.promotedMovies .item a.title {
  font-size: 16px;
  line-height: 20px;
  color: #000000;
}

.promotedMovies .item .nota {
  padding: 4px 0;
  font-size: 11px;
  color: #666666;
}

.promotedMovies .item .nota span {
  font-size: 14px;
  color: #7d287e;
}

.promotedMovies .item .text {
  font-size: 11px;
  line-height: 14px;
  color: #666666;
}

.letters {
  padding: 0 0 20px 0;
}

.letters ul {
  height: 26px;
  padding: 0 5px;
  background: var(--secondary-color);
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

.letters ul li {
  float: left;
  padding: 0 0 0 4px;
}

.letters a {
  float: left;
  padding: 6px 6px;
  font-size: 12px;
  color: #000000;
  text-decoration: none;
}

.letters a:hover {
  color: #ffffff;
  background: var(--primary-color);
}

.letters a.active {
  float: left;
  padding: 6px 6px;
  font-size: 12px;
  color: #ffffff;
  background: var(--primary-color);
  text-decoration: none;
}

.filters {
  width: 153px;
  float: left;
  padding: 10px 0 20px 10px;
  margin: 0 0 20px 0;
  background: url(https://d1.a4w.ro/procinema/design/images/bg_filters.jpg) repeat-y 0 0 #f0f0f0;
}

.filters .item {
  padding: 0 0 20px 0;
  text-align: left;
}

.filters .item .title {
  padding: 0 0 7px 0;
  font-size: 12px;
  color: #484848;
  text-align: left;
}

a.btnFilme {
  width: 72px;
  height: 20px;
  float: left;
  padding: 6px 0 0 0;
  font-size: 12px;
  color: #484848;
  text-align: center;
  background: url(https://d1.a4w.ro/procinema/design/images/btn_filme.jpg) no-repeat left top;
  text-decoration: none;
}

a.btnFilmeSelected {
  width: 72px;
  height: 20px;
  float: left;
  padding: 6px 0 0 0;
  font-size: 12px;
  color: #484848;
  text-align: center;
  background: url(https://d1.a4w.ro/procinema/design/images/btn_filme.jpg) no-repeat left bottom;
  text-decoration: none;
}

a.btnSeriale {
  width: 72px;
  height: 20px;
  float: left;
  padding: 6px 0 0 0;
  font-size: 12px;
  color: #484848;
  text-align: center;
  background: url(https://d1.a4w.ro/procinema/design/images/btn_filme.jpg) no-repeat right top;
  text-decoration: none;
}

a.btnSerialeSelected {
  width: 72px;
  height: 20px;
  float: left;
  padding: 6px 0 0 0;
  font-size: 12px;
  color: #484848;
  text-align: center;
  background: url(https://d1.a4w.ro/procinema/design/images/btn_filme.jpg) no-repeat right bottom;
  text-decoration: none;
}

.filterContainer {
  width: 144px;
  display: block;
  border-bottom: solid 1px #dddddd;
}

ul.filter {
  width: 144px;
}

ul.filter li {
  display: block;
  background: #ffffff;
  border-right: solid 1px #dddddd;
  border-left: solid 1px #dddddd;
  border-top: solid 1px #dddddd;
}

a.gItem {
  height: 20px;
  display: block;
  padding: 7px 0 0 30px;
  font-size: 12px;
  color: #484848;
  text-align: left;
  background: url(https://d1.a4w.ro/procinema/design/images/bg_genre_item.jpg) no-repeat left bottom #ffffff;
  text-decoration: none;
}

a.gItem:hover {
  background: url(https://d1.a4w.ro/procinema/design/images/bg_genre_item.jpg) no-repeat left top #ffffff;
}

a.gItemSelected {
  height: 20px;
  display: block;
  padding: 7px 0 0 30px;
  font-size: 12px;
  color: #484848;
  text-align: left;
  background: url(https://d1.a4w.ro/procinema/design/images/bg_genre_item.jpg) no-repeat left top #ffffff;
  text-decoration: none;
}

.filterInput {
  width: 134px;
  height: 26px;
  display: block;
  padding: 1px 5px 0 5px;
  font-size: 12px;
  color: #484848;
  text-align: left;
  background: url(https://d1.a4w.ro/procinema/design/images/bg_filter_input.jpg) no-repeat left top;
  border: 0 none;
}

.inputYear {
  width: 57px;
  height: 26px;
  float: left;
  display: block;
  padding: 1px 5px 0 5px;
  margin: 0 10px 0 0;
  font-size: 12px;
  color: #484848;
  text-align: left;
  background: url(https://d1.a4w.ro/procinema/design/images/bg_year_input.jpg) no-repeat left top;
  border: 0 none;
}

.inputYear2 {
  width: 57px;
  height: 26px;
  float: left;
  display: block;
  padding: 1px 5px 0 5px;
  font-size: 12px;
  color: #484848;
  text-align: left;
  background: url(https://d1.a4w.ro/procinema/design/images/bg_year_input.jpg) no-repeat left top;
  border: 0 none;
}

.movies {
  width: 477px;
  float: left;
  padding: 0 0 20px 0;
  background: url(https://d1.a4w.ro/procinema/design/images/bg_movies_page.jpg) repeat-y 0 0 #f0f0f0;
}

.moviePageTabs {
  padding: 0 0 20px 0;
}

.moviePageTabs ul {
  height: 40px;
}

.moviePageTabs ul li {
  float: left;
  padding: 0 0 0 1px;
}

.moviePageTabs ul li a {
  height: 25px;
  padding: 13px 20px 0 20px;
  font-size: 12px;
  color: #ffffff;
  display: block;
  text-decoration: none;
  background: url(https://d1.a4w.ro/procinema/design/images/btn_tab.jpg) repeat-x left top #404040;
}

.moviePageTabs ul li a:hover {
  height: 25px;
  padding: 13px 20px 0 20px;
  font-size: 12px;
  color: #ffffff;
  display: block;
  text-decoration: none;
  background: url(https://d1.a4w.ro/procinema/design/images/btn_tab.jpg) repeat-x left bottom #ff0000;
}

.moviePageTabs ul li a.active {
  height: 27px;
  padding: 13px 20px 0 20px;
  font-size: 12px;
  color: #000000;
  display: block;
  text-decoration: none;
  background: url(https://d1.a4w.ro/procinema/design/images/btn_tab.jpg) repeat-x left center #ffffff;
}

.movies .item {
  width: 134px;
  height: 240px;
  float: left;
  position: relative;
  overflow: hidden;
  padding: 0 0 8px 18px;
}

.movies .item a.image {
  display: block;
  margin: 0 0 5px 0;
  text-decoration: none;
  border: solid 1px #dddddd;
}

.movies .item a.image:hover {
  border: solid 1px #bbbbbb;
}

.movies .item .nota {
  position: absolute;
  padding: 5px;
  top: 176px;
  right: 1px;
  font-size: 11px;
  font-weight: bold;
  color: #ffffff;
  background: var(--primary-color);
  -moz-border-radius: 6px 0 0 6px;
  -webkit-border-radius: 6px 0 0 6px;
  border-radius: 6px 0 0 6px;
}

.movies .item a.title {
  color: #000000;
  text-align: left;
  text-decoration: none;
}

.movies .item a.title:hover {
  text-decoration: underline;
}

.moviesPagination {
  float: right;
  padding: 0 0 20px 0;
  text-align: right;
}

.topsContainer {
  padding: 80px 0 20px 0;
  margin: 0 0 20px 0;
  background: url(https://d1.a4w.ro/procinema/design/images/bg_movie_tops.jpg) no-repeat 0 0 #f5f5f5;
  border-top: 2px solid #dddddd;
  border-bottom: 2px solid #dddddd;
}

.moviesTop {
  width: 290px;
  float: left;
  margin: 0 0 0 20px;
}

a.moviesTopItem {
  width: 270px;
  height: 78px;
  float: left;
  padding: 10px;
  margin: 0 0 1px 0;
  background: url(https://d1.a4w.ro/procinema/design/images/right_box_office_row.jpg) no-repeat 0 -1px #ffffff;
  text-decoration: none;
}

a.moviesTopItem:hover {
  background: url(https://d1.a4w.ro/procinema/design/images/right_box_office_row.jpg) repeat-x 0 0 #f5f5f5;
}

a.moviesTopItem span.poster {
  width: 50px;
  height: 76px;
  float: left;
  display: block;
  margin: 0 10px 0 0;
  border: solid 1px #dddddd;
}

a.moviesTopItem span.title {
  display: block;
  font-size: 13px;
  font-weight: bold;
  color: #000;
  text-align: left;
}

a.moviesTopItem span.nota {
  display: block;
  margin: 3px 0 5px 0;
  font-size: 11px;
  font-weight: bold;
  color: #666666;
  text-align: left;
}

a.moviesTopItem span.nota span.notaRed {
  font-size: 14px;
  font-weight: normal;
  color: #7d287e;
}

a.moviesTopItem span.text {
  display: block;
  font-size: 12px;
  color: #666666;
  text-align: left;
}

.moviesLinksBox {
  padding: 15px 0 20px 0;
  margin: 0 0 20px 0;
  background: url(https://d1.a4w.ro/procinema/design/images/bg_movie_main_top.jpg) repeat-x left top;
  border-top: solid 1px #dddddd;
  border-bottom: solid 2px #dddddd;
}

.moviesLinksBox h3 {
  float: left;
  padding: 0 0 10px 20px;
  font-size: 16px;
}

.moviesLinksBox a.item {
  width: 88px;
  float: left;
  padding: 5px 0;
  margin: 0 20px;
  font-weight: bold;
  color: #848484;
  text-align: left;
  border-bottom: dotted 1px #dddddd;
}

.moviesLinksBox a.itemYear {
  width: 173px;
  float: left;
  padding: 5px 0;
  margin: 0 20px;
  font-weight: bold;
  color: #848484;
  text-align: left;
  border-bottom: dotted 1px #dddddd;
}
/* END MOVIES
----------------------------------------------------------------------------*/

/* START MOVIE ITEMS
----------------------------------------------------------------------------*/

.movies .item_movie_detail {
  float: left;
  margin: 10px 10px 0px 10px;
  padding: 2px 12px 2px 2px;
  clear: both;
  background-color: #fafafa;
  -webkit-box-shadow: inset -5px 0px 15px 1px rgba(150, 150, 150, 0.1);
  -moz-box-shadow: inset -5px 0px 15px 1px rgba(150, 150, 150, 0.1);
  box-shadow: inset -5px 0px 15px 1px rgba(150, 150, 150, 0.1);
}
.movies .item_movie_detail .info {
  float: left;
  width: 300px;
}
.movies .item_movie_detail .image {
  float: left;
  margin: 0px 10px 0px 0px;
}

.movies .item_movie_detail .info .title {
  margin: 10px 0px 0px 0px;
}
.movies .item_movie_detail .info .title a {
  font-size: 16px;
  text-align: left;
}
.movies .item_movie_detail .info .title span {
  font-size: 12px;
  text-align: left;
}

.movies .item_movie_detail .info .genre a {
  font-size: 11px;
  font-weight: bold;
  color: #10456e;
  text-align: left;
}

.movies .item_movie_detail .info .sinopsis {
  margin: 8px 0px 8px 0px;
  font-size: 12px;
  text-align: justify;
  letter-spacing: 0.5px;
}

.movies .item_movie_detail .info .nota {
  color: #555555;
  font-size: 12px;
  text-align: left;
}
.movies .item_movie_detail .info .regizor {
  color: #555555;
  font-size: 12px;
  text-align: left;
}
.movies .item_movie_detail .info .actori {
  color: #555555;
}

.movies .item_movie_detail .info .actori a {
  color: #10456e;
  text-align: left;
}

.movies .item_movie_detail .info .video_menu {
  float: left;
}

.movies .item_movie_detail .info .video_menu a.video_btn {
  background: no-repeat scroll var(--primary-color);
  border: medium none;
  border-radius: 6px 6px 6px 6px;
  color: #ffffff;
  cursor: pointer;
  float: left;
  margin: 5px 0 0 0px;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
}
.movies .item_movie_detail .info .video_menu a.video_btn:hover {
  background: no-repeat #7d287e;
}
.movies .item_movie_detail .info .video_menu a.cinema_btn {
  background: no-repeat scroll 4px 6px var(--primary-color);
  border: medium none;
  border-radius: 6px 6px 6px 6px;
  color: #ffffff;
  cursor: pointer;
  float: left;
  margin: 5px 0 0 10px;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
}
.movies .item_movie_detail .info .video_menu a.cinema_btn:hover {
  background: no-repeat #7d287e;
}
.movies .pagination {
  margin: 10px 0px 0px 0px;
}
/* END MOVIE ITEMS
----------------------------------------------------------------------------*/

/* CINEMA RECOMMENDATION IN MOVIES
----------------------------------------------------------------------------*/

.homeCinemaColumnInMovie {
  width: 640px;
  float: left;
  margin: 0px 0px 10px 0px;
  background-color: var(--primary-color);
  /*    background: url("http://dev.procinema.ro/design/procinema/images/bg_black_lines.jpg") repeat-x scroll left top #000000;*/
}
.homeCinemaColumnInMovie .hcWhite {
  width: 620px;
  float: left;
  margin: 0px 0px 5px 10px;
  background: #ffffff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.homeCinemaColumnInMovie .hcWhite .homeCinemaItemInMovie {
  width: 195px;
  /*height:88px;*/
  float: left;
  display: block;
  padding: 5px;
  border-bottom: solid 1px #f5f5f5;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.homeCinemaColumnInMovie .hcWhite .homeCinemaItemInMovie a.image {
  width: 50px;
  height: 76px;
  float: left;
  margin: 0 10px 0 0;
  border: solid 1px #dddddd;
}

.homeCinemaColumnInMovie .hcWhite .homeCinemaItemInMovie a.image:hover {
  border: solid 1px #bbbbbb;
}

.homeCinemaColumnInMovie .hcWhite .homeCinemaItemInMovie a.title {
  display: block;
  padding: 5px 0 0 0;
  font-size: 14px;
  color: #7d287e;
  text-align: left;
  text-decoration: none;
}

.homeCinemaColumnInMovie .hcWhite .homeCinemaItemInMovie a.title:hover {
  text-decoration: underline;
}

.homeCinemaColumnInMovie .hcWhite .homeCinemaItemInMovie a.cinema_recom {
  display: block;
  padding: 0px 0px 0px 0px;
  font-size: 11px;
  font-weight: bold;
  color: #10456e;
  text-align: left;
  text-decoration: none;
}

.homeCinemaColumnInMovie .hcWhite .homeCinemaItemInMovie a.cinema_recom:hover {
  text-decoration: underline;
}

.homeCinemaColumnInMovie .hcWhite .homeCinemaItemInMovie .recom_cinema_genre {
  color: #353535;
  text-align: left;
  text-decoration: none;
}
.homeCinemaColumnInMovie .hcWhite .homeCinemaItemInMovie .recom_cinema_genre a {
  padding: 0px 0px 0px 0px;
  font-size: 11px;
  font-weight: normal;
  color: #353535;
  text-align: left;
  text-decoration: none;
}
.homeCinemaColumnInMovie .hcWhite .homeCinemaItemInMovie .recom_cinema_genre a:hover {
  text-decoration: underline;
}
.homeCinemaColumnInMovie .btnSeeCinema {
  margin: 0px 10px 5px 0px;
}
/* END CINEMA RECOMMENDATION IN MOVIES
----------------------------------------------------------------------------*/

/* MOVIE DETAILS
----------------------------------------------------------------------------*/
.movieDetailsContainer {
  width: 640px;
  background: url(https://d1.a4w.ro/procinema/design/images/bg_movie_main_top.jpg) repeat-x 0 0;
}

.movieMain {
  width: 620px;
  padding: 13px 0 13px 20px;
  background: url(https://d1.a4w.ro/procinema/design/images/bg_movie_main_bottom.jpg) repeat-x bottom;
  border-top: solid 2px #dddddd;
  border-bottom: solid 2px #dddddd;
}

.movieLeft {
  width: 182px;
  float: left;
}

.movieMain a.poster {
  width: 180px;
  float: left;
  text-decoration: none;
  background: url(https://d1.a4w.ro/procinema/design/images/default_poster.jpg) no-repeat center #ffffff;
  border: solid 1px #dddddd;
  overflow: hidden;
}

.movieMain a.poster:hover {
  border: solid 1px #bbbbbb;
}

.movieShare {
  width: 182px;
  float: left;
  padding: 5px 0 0 0;
}

.movieShare .item {
  float: left;
  padding: 5px 0 0 0;
}

.movieShare .item2 {
  width: 96px;
  float: left;
  padding: 5px 0 0 0;
  overflow: hidden;
}

.movieRight {
  width: 420px;
  float: right;
}

.movieMain h1 {
  font-size: 24px;
  color: #000000;
}

.movieMain h1 span.year {
  font-size: 16px;
  color: #90232a;
}

.movieMain .details {
  padding: 10px 0;
}

.movieMain .details p {
  margin: 5px 0 0 0;
  font-size: 12px;
  line-height: 17px;
  text-align: left;
  color: #434343;
}

.movieMain .details p span {
  color: #000000;
}

.movieMain .details h2 {
  float: left;
  font-size: 12px;
  color: #000000;
}

.movieMain .cna {
  width: 28px;
  height: 18px;
  float: right;
  padding: 6px 0 0 0;
  margin: -24px 0 0 0;
  display: block;
  text-align: center;
  font-size: 10px;
  color: #ffffff;
  background: #801b54;
  -moz-border-radius: 0 0 0 6px;
  -webkit-border-radius: 0 0 0 6px;
  border-radius: 0 0 0 6px;
}

.cna {
  width: 28px;
  height: 18px;
  padding: 6px 0 0 0;
  display: block;
  text-align: center;
  font-size: 10px;
  color: #ffffff;
  background: #801b54;
  -moz-border-radius: 0 0 0 6px;
  -webkit-border-radius: 0 0 0 6px;
  border-radius: 0 0 0 6px;
}

.movieMain .details .length {
  float: right;
  font-size: 11px;
  color: #444444;
}

.movieMain .details .genre {
  height: 20px;
  padding: 0 0 5px 0;
}

.movieMain .rating {
  padding: 10px 0;
  margin: 0 0 10px 0;
  border-top: solid 1px #dddddd;
  border-bottom: solid 1px #dddddd;
}

.movieMain .rating .left {
  float: left;
  padding: 10px 0 0 0;
}

.movieMain .rating .starsContainer {
  padding: 0 20px 0 0;
  float: left;
}

.noVotes {
  float: left;
  padding: 3px 0 0 0;
  font-size: 11px;
  color: #484848;
  text-align: left;
}

.movieMain .rating .nota {
  float: right;
  font-size: 30px;
  color: #801b54;
}

.movieMain .rating .nota span {
  font-size: 24px;
  color: #bbbbbb;
}

.movieInCinema {
  height: 42px;
  padding: 0 10px 0 60px;
  margin: 0 0 10px 0;
  text-align: left;
  background: url(https://d1.a4w.ro/procinema/design/images/bg_vezi_la_cinema.jpg) no-repeat 0 0;
}

.movieInCinema .left {
  float: left;
  padding: 21px 0 0 0;
}

.movieInCinema .left a.mvi {
  font-size: 10px;
  color: #626262;
}

a.seeAllCinemas {
  width: 123px;
  height: 21px;
  float: right;
  display: block;
  margin: 11px 0 0 0;
  background: url(https://d1.a4w.ro/procinema/design/images/btn_vezi_cinema.jpg) no-repeat 0 0;
  text-decoration: none;
}

.movieOnTV {
  height: 42px;
  padding: 0 10px 0 50px;
  margin: 0 0 10px 0;
  text-align: left;
  background: url(https://d1.a4w.ro/procinema/design/images/bg_vezi_la_tv.jpg) no-repeat 0 0;
}

.movieOnTV .left {
  float: left;
  padding: 21px 0 0 0;
}

.movieOnTV .left a.mvi {
  font-size: 10px;
  color: #626262;
}

.movieCity {
  padding: 0 0 20px 20px;
}

.movieCityContent {
  width: 185px;
  float: left;
  padding: 10px;
  margin: 0 1px 1px 0;
  background: #fafafa;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

.movieTabs {
  padding: 10px 0 10px 18px;
  background: url(https://d1.a4w.ro/procinema/design/images/bg_movie_tabs.jpg) repeat-x 0 0;
}

.movieTabs ul {
  height: 40px;
}

.movieTabs ul li {
  float: left;
  padding: 0 0 0 2px;
}

.movieTabs ul li a {
  height: 25px;
  padding: 13px 20px 0 20px;
  font-size: 12px;
  color: #ffffff;
  display: block;
  text-decoration: none;
  /*    background:url(https://d1.a4w.ro/procinema/design/images/btn_tab.jpg) repeat-x left top #404040;*/
  background: #7d287e;
}
.movieTabs ul li a:hover {
  height: 25px;
  padding: 13px 20px 0 20px;
  font-size: 12px;
  color: #ffffff;
  display: block;
  text-decoration: none;
  /*    background:url(https://d1.a4w.ro/procinema/design/images/btn_tab.jpg) repeat-x left bottom #ff0000;*/
  background: var(--primary-color);
}

.movieTabs ul li a.active {
  height: 27px;
  padding: 13px 20px 0 20px;
  font-size: 12px;
  color: #7d287e;
  display: block;
  text-decoration: none;
  background: url(https://d1.a4w.ro/procinema/design/images/btn_tab.jpg) repeat-x left center #ffffff;
}

.movieDetails {
  width: 640px;
  padding: 5px 0 0 0;
}

.movieDetails h3 {
  float: left;
  padding: 5px 0 10px 20px;
  font-size: 16px;
  text-align: left;
  color: #000000;
}

.movieDetails h3 span {
  color: #626262;
}

.movieDerailsCity {
  padding: 0 0 5px 0;
  font-weight: bold;
  text-align: left;
}

.movieDetails a.btnMore {
  height: 20px;
  float: right;
  padding: 7px 12px 0 12px;
  font-size: 12px;
  color: #ffffff;
  /*    background:url(https://d1.a4w.ro/procinema/design/images/black_blue_tab.jpg) repeat-x 0 0;*/
  background: #7d287e;
}

.movieDetailsBox {
  margin: 0 0 15px 0;
  border-bottom: solid 2px var(--primary-color);
}

.movieMoviesBox {
  width: 650px;
  margin: 0 0 0 -10px;
}

.movieMoviesBox .movie {
  width: 134px;
  height: 240px;
  float: left;
  position: relative;
  padding: 0 0 18px 28px;
}

.movieMoviesBox .movie a.image {
  width: 132px;
  height: 200px;
  float: left;
  margin: 0 0 5px 0;
  text-decoration: none;
  overflow: hidden;
  border: solid 1px #dddddd;
}

.movieMoviesBox .movie a.image:hover {
  width: 132px;
  height: 200px;
  float: left;
  margin: 0 0 5px 0;
  text-decoration: none;
  overflow: hidden;
  border: solid 1px #bbbbbb;
}

.movieMoviesBox .movie a.title {
  color: #000000;
}

.movieMoviesBox .movie .nota {
  position: absolute;
  padding: 5px;
  top: 176px;
  right: 1px;
  font-size: 11px;
  color: #ffffff;
  background: #000000;
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  opacity: 0.75;
}

.movieDetailsBox .item {
  width: 142px;
  float: left;
  padding: 0 0 18px 18px;
}

.movieDetailsBox .item img.imageNoLink {
  float: left;
  margin: 0 0 5px 0;
  border: solid 1px #dddddd;
}

.movieDetailsBox .item a.image {
  width: 140px;
  height: 140px;
  float: left;
  margin: 0 0 5px 0;
  text-decoration: none;
  overflow: hidden;
  border: solid 1px #dddddd;
}

.movieDetailsBox .item a.image:hover {
  width: 140px;
  height: 140px;
  float: left;
  margin: 0 0 5px 0;
  text-decoration: none;
  overflow: hidden;
  border: solid 1px #bbbbbb;
}

.movieDetailsBox .item a.title {
  font-size: 14px;
  line-height: 18px;
  color: #000000;
}

.movieDetailsBox .item .name {
  font-size: 13px;
  color: #7d287e;
}

.movieDetailsBox .item a.nameLink {
  font-size: 13px;
}

.movieDetailsBox .item .character {
}

.movieDetailsBox .boxContent {
  padding: 0 0 20px 20px;
}

.movieDetailsBox .boxContent p {
  font-size: 13px;
  text-align: left;
}

.videoContainer {
  margin: 0 0 20px 0px;
  background: #000000;
}

.videoPlayer {
  width: 620px;
  float: left;
  display: block;
}

.videoContainer h3 {
  float: left;
  padding: 17px 20px 17px 20px;
  font-size: 18px;
  color: #ffffff;
  text-align: left;
}

.videoItemContainer {
  width: 192px;
  height: 170px;
  float: left;
  margin: 0 0 18px 21px;
  overflow: hidden;
}

.videoItemContainer a.title {
  font-size: 14px;
  line-height: 18px;
  color: #000000;
  text-align: left;
}

.movieDetailsBox .videoItem {
  width: 192px;
  height: 109px;
  position: relative;
  margin: 0 0 5px 0;
  overflow: hidden;
}

a.play {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(https://d1.a4w.ro/procinema/design/images/play.png) no-repeat center;
}

a.mobile-tag {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: url(https://d1.a4w.ro/procinema/design/images/mobile-tag.png) no-repeat right bottom;
  text-decoration: none;
}

.movieDetailsBox .videoItem a.image {
  width: 190px;
  height: 107px;
  display: block;
  overflow: hidden;
  text-decoration: none;
  border: solid 1px #dddddd;
}

.movieDetailsBox .videoItem a.image:hover {
  width: 190px;
  height: 107px;
  display: block;
  overflow: hidden;
  text-decoration: none;
  border: solid 1px #bbbbbb;
}

.movieDetailsBox .videoItem .embed {
  width: 190px;
  height: 107px;
  display: block;
  overflow: hidden;
  border: solid 1px #dddddd;
}

.imageGalleryViewImage {
  width: 100%;
  height: auto;
}

.galleryContainer {
  position: relative;
  margin: 0 0 15px 20px;
  background: #000000;
}

.galleryContainer a.btnPrev {
  width: 40px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(https://d1.a4w.ro/procinema/design/images/arrow-left.gif) no-repeat left center #000000;
  z-index: 1;
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  opacity: 0.75;
}

.galleryContainer a.btnPrev:hover {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

.galleryContainer a.btnNext {
  width: 40px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background: url(https://d1.a4w.ro/procinema/design/images/arrow_right.gif) no-repeat right center #000000;
  z-index: 1;
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  opacity: 0.75;
}

.galleryContainer a.btnNext:hover {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

.galleryImage {
  text-align: center;
}

a.galleryThumb {
  width: 108px;
  height: 108px;
  float: left;
  margin: 0 0 18px 18px;
  overflow: hidden;
  text-decoration: none;
  border: solid 1px #dddddd;
}

a.galleryThumb:hover {
  width: 108px;
  height: 108px;
  float: left;
  margin: 0 0 18px 18px;
  overflow: hidden;
  text-decoration: none;
  border: solid 1px #bbbbbb;
}
/* END MOVIE DETAILS
----------------------------------------------------------------------------*/

/* ARTICLE
----------------------------------------------------------------------------*/
.article {
  border-top: solid 2px #dddddd;
}

.article h1 {
  padding: 15px 0 10px 20px;
  font-size: 2.5em;
  line-height: 1.2em;
  font-weight: bold;
  color: #000000;
  text-align: left;
}

.articleInfo {
  padding: 3px 0 7px 20px;
  font-size: 11px;
  color: #bbbbbb;
  text-align: left;
}

.articleTextSize {
  float: right;
  margin: -29px 0 0 0;
  font-size: 12px;
  color: #bbbbbb;
  text-align: left;
}

.articleTextSize span {
  float: left;
}

a.btnPlus {
  float: left;
  padding: 0 0 0 3px;
}

a.btnMinus {
  float: left;
  padding: 0 0 0 3px;
}

.articleTags {
  padding: 7px 0 0 20px;
  text-align: left;
  font-size: 11px;
}

.articleLead {
  padding: 10px 0 17px 20px;
  font-size: 1.4em;
  line-height: 1.3em;
  color: #000000;
  text-align: justify;
}

.articleImage {
  width: 320px;
  float: left;
  padding: 0 20px 20px 0;
}

.articleText {
  padding: 0 0 17px 20px;
  font-size: 1.1em;
  line-height: 1.4em;
  color: #000000;
  text-align: justify;
}

.articleText img {
  width: 100%;
  height: auto;
}

.articleRelatedUp {
  width: 320px;
  float: left;
  margin: 0 20px 20px 0;
  border-top: solid 2px #dddddd;
  border-bottom: solid 1px #dddddd;
}

.articleRelatedUp .relatedItem {
  padding: 9px 10px;
  border-bottom: solid 1px #dddddd;
}

.articleRelatedUp .relatedItem a.image {
  width: 78px;
  height: 52px;
  float: left;
  margin: 0 10px 0 0;
  text-decoration: none;
  border: solid 1px #dddddd;
}

.articleRelatedUp .relatedItem a.image:hover {
  border: solid 1px #bbbbbb;
}

.articleRelatedUp .relatedItem .nota {
  float: right;
  padding: 3px 0 0 0;
  font-size: 13px;
  color: #000000;
}

.articleRelatedUp .relatedItem .nota span.ten {
  color: #dddddd;
}

.articleRelatedUp .relatedItem a.title {
  width: 160px;
  float: left;
  padding: 3px 0 0 0;
  font-size: 13px;
  font-weight: bold;
  text-align: left;
}

.articleRelatedUp .relatedItem .originalTitle {
  width: 190px;
  float: left;
  font-size: 11px;
  color: #434343;
  text-align: left;
}

.articleRelatedUp .relatedItem .details {
  float: left;
  padding: 5px 0 0 0;
  font-size: 11px;
  color: #bbbbbb;
  text-align: left;
}

.articleRelated {
  padding: 15px 0 0 0;
  border-top: solid 2px #dddddd;
}

.articleRelated .relatedItem {
  width: 142px;
  float: left;
  padding: 0 0 18px 18px;
}

.articleRelated .relatedItem .imageContainer {
  float: left;
  position: relative;
  padding: 0;
  margin: 0 0 10px 0;
}

.articleRelated .relatedItem a.image {
  width: 140px;
  height: 140px;
  display: block;
  overflow: hidden;
  text-decoration: none;
  border: solid 1px #dddddd;
}

.articleRelated .relatedItem a.image:hover {
  border: solid 1px #bbbbbb;
}

.articleRelated .relatedItem a.title {
  font-size: 14px;
  line-height: 18px;
  color: #000000;
  text-align: left;
}

.articleRelated .relatedItem .details {
  padding: 5px 0 0 0;
  font-size: 10px;
  color: #898989;
  text-align: left;
}

.articleRelated .relatedItem .details .comments {
  float: left;
  padding: 0 15px 0 0;
  margin: 0 10px 0 0;
  background: url(https://d1.a4w.ro/procinema/design/images/sprite_details.gif) no-repeat right top;
  border: 0 none;
}

.articleRelated .relatedItem .details .views {
  float: left;
  padding: 0 15px 0 0;
  margin: 0 10px 0 0;
  background: url(https://d1.a4w.ro/procinema/design/images/sprite_details.gif) no-repeat right;
}

.articleRelated .relatedItem .details .votes {
  float: left;
  padding: 0 15px 0 0;
  margin: 0 10px 0 0;
  background: url(https://d1.a4w.ro/procinema/design/images/sprite_details.gif) no-repeat right bottom;
}

.articleRelated .relatedItem .details .date {
  float: left;
  margin: 0 10px 0 0;
}

.articleVideo {
  float: left;
  margin: 0 0 20px 0px;
  background: #000000;
}
.videoPlayer {
  margin-bottom: 20px;
}
#secondPlayerContainer {
  background-size: contain !important;
}
#secondPlayer {
  background-size: cover !important;
}

.embed {
  width: 600px;
  padding: 10px;
  color: #ffffff;
  text-align: left;
  background: #000000;
}

.embed input {
  width: 500px;
  padding: 5px;
  margin: 0px;
  border: 0 none;
  background: #ffffff;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

/* new embed box */
.customized_embed {
  padding: 5px;
}
.customized_embed .embed {
  width: inherit;
}
.embed_video_dimension {
  background-color: #ffffff;
}

.customized_embed .embed .watchembedcode {
  /*width: 480px;*/
  width: 524px;
  margin: 0px 0px 0px 10px;
}

.embed_description {
  width: 585px;
  font-size: 11px;
  font-family: Arial, sans-serif;
  padding: 6px 5px 0px 5px;
  padding-top: 6px;
}

.sepLine {
  border: 1px solid #cccccc;
  margin: 1em 0;
}

.embed_sq_box {
  height: 100px;
  margin: 0px 0px 0px 50px;
}
.embed_sq_box a {
  float: left;
  color: #999999;
  padding: 1px;
  text-align: center;
  text-decoration: none;
  margin: 2px;
}
.embed_sq_box .sizeController {
  background-color: #dddddd;
  border: 1px solid #999999;
  margin-left: 5px;
}
.embed_sq_box .helpertext {
  white-space: normal;
  float: right;
  font-size: 12px;
  display: none;
  visibility: hidden;
  margin-left: 145px;
  margin-top: 1em;
  position: absolute;
  text-align: left;
  width: 85px;
  font-style: italic;
  font-size: 13px;
}

.embed_dimensions_title {
  white-space: nowrap;
  font-size: 14px;
}

.embedsizecustom {
  list-style: none;
  list-style-image: none;
  list-style-type: none;
  margin: 0px;
  padding: 1em;
  text-align: right;
  background-color: #dddddd;
  border: 1px solid #999999;
  margin-left: 5px;
}

.embedsizecustom li {
  margin: 0.25em;
  padding: 0;
}
/* END new embed box */

.articleGallery {
  padding: 15px 0 0 0;
  border-top: solid 2px #dddddd;
}

.articleGallery h4 {
  padding: 0 0 10px 20px;
  font-size: 16px;
  text-align: left;
}

.articleGallery ul li {
  float: left;
  padding: 0 0 18px 18px;
}

.articleGallery ul li a {
  width: 108px;
  height: 108px;
  display: block;
  text-decoration: none;
  border: solid 1px #dddddd;
  overflow: hidden;
}

.articleGallery ul li a:hover {
  border: solid 1px #bbbbbb;
}

.articleGalery ul li a.highslide img {
  border: 0 none !important;
}

.share {
  padding: 0 0 10px 20px;
}

.facebookContainer {
  padding: 10px 0 20px 0;
  text-align: left;
  font-style: italic;
  border-top: solid 1px #dddddd;
}

.facebookContainer a {
  color: #3b5998;
  font-weight: bold;
}

.twitterContainer {
}

.facebookShare {
  float: left;
}

.twitterShare {
  float: right;
}

.nowCinemaTvArticle {
  padding: 0 0 20px 20px;
}

a.btnCinemaArticle {
  width: 310px;
  height: 89px;
  float: left;
  background: url(https://d1.a4w.ro/procinema/design/images/btn_cinema_tv_article.jpg) no-repeat 0 0;
  text-decoration: none;
}

a.btnCinemaArticle:hover {
  background-position: 0 -90px;
}

a.btnTvArticle {
  width: 310px;
  height: 89px;
  float: left;
  background: url(https://d1.a4w.ro/procinema/design/images/btn_cinema_tv_article.jpg) no-repeat -310px 0;
  text-decoration: none;
}

a.btnTvArticle:hover {
  background-position: -310px -90px;
}

.voteazaContainer {
  padding: 0 0 17px 20px;
  font-weight: bold;
  text-align: left;
}

.articlePoll {
  padding: 15px 20px 10px 20px;
  margin: 0 0 20px 20px;
  color: #ffffff;
  background: url(https://d1.a4w.ro/procinema/design/images/bg_black_lines.jpg) no-repeat 0 0 #000000;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

.articlePoll .title {
  display: block;
  padding: 0 0 10px 0;
  font-size: 16px;
  color: #ffffff;
  text-align: left;
}

.articlePoll ul.sondaj li {
  padding: 0 0 10px 0;
}

.voteazaPoll {
  font-size: 13px;
  color: #ffffff;
  padding: 5px 9px 4px 10px;
  margin: 0;
  background: url(https://d1.a4w.ro/procinema/design/images/black_blue_tab.jpg) repeat-x 0 0 #000000;
  border: 0 none;
  cursor: pointer;
}

a.veziRezultate {
  font-size: 13px;
  color: #ffffff;
  padding: 5px 10px;
  margin: 0 0 0 10px;
}

.articlePoll .pollResults {
  font-size: 12px;
}

.articlePoll .results ul li {
  height: 40px;
  padding: 5px 0 0 0;
  text-align: right;
  border-bottom: solid 1px #838383;
}

.articlePoll .results ul li div {
}

.articlePoll .results ul li div div:first-child {
  float: right;
  margin: 5px 0 0 0;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: 1px 1px 3px 0 #f0f0f0;
  -webkit-box-shadow: 1px 1px 3px 0 #f0f0f0;
  box-shadow: 1px 1px 3px 0 #f0f0f0;
}

.articlePoll .results ul li div div:last-child {
  margin: 2px 0 10px 0;
  float: left;
  position: absolute;
}
/* END ARTICLE
----------------------------------------------------------------------------*/

/* ARTICLE GALLERY
----------------------------------------------------------------------------*/
h1.imagegal {
  margin: 0px 0px 0px 0px;
  padding: 0px 30px 15px 20px;
  color: #000000;
  font-family: Arial, Verdana, sans-serif;
  font-size: 2.5em;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}
.lead.gallery {
  margin: 0px;
  padding: 0px 30px 10px 20px;
  color: #252525;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.4em;
  line-height: 1.3em;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}
.btnBack {
  height: 20px;
  margin: 0px 0px 10px 20px;
  padding: 10px 10px 5px 10px;
  float: left;
  text-decoration: none;
  background: var(--secondary-color);
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  color: #ffffff;
}
.btnBack:hover {
  background: var(--primary-color);
  color: #ffffff;
}
/* END ARTICLE GALLERY
----------------------------------------------------------------------------*/

/* SPECIAL ARTICLE
----------------------------------------------------------------------------*/
.specialArticle {
  margin: 0 20px 0 0;
}

.specialArticleTextSize {
  float: right;
  font-size: 12px;
  color: #bbbbbb;
  text-align: left;
}

.specialArticleTextSize span {
  float: left;
}

.specialArticleText {
  width: 460px;
  float: left;
  padding: 0 0 0 30px;
  overflow: hidden;
}

.article_splash {
  width: 940px;
  float: left;
}

.article_splash .article_splash_top {
  width: 940px;
  height: 10px;
  float: left;
  background-image: url(https://d1.a4w.ro/procinema/design/images/special_article/article_splash_top.png);
  background-position: top left;
  background-repeat: no-repeat;
}
.article_splash .article_splash_contents {
  width: 940px;
  float: left;
  background-color: #f8f8f8;
  background-image: url(https://d1.a4w.ro/procinema/design/images/special_article/article_splash_container.jpg);
  background-position: bottom left;
  background-repeat: repeat-x;
}
.article_splash .article_splash_contents .content {
  width: 940px;
  float: left;
  padding: 10px 0 0 0;
  background-image: url(https://d1.a4w.ro/procinema/design/images/special_article/article_splash_sidebar.png);
  background-position: top left;
  background-repeat: repeat-y;
}

.article_splash .article_splash_contents .splash_article {
  width: 940px;
  display: none;
  visibility: hidden;
  opacity: 0;
}
.article_splash .article_splash_contents .splash_article h1 {
  margin: 0px;
  padding: 10px 30px 5px 30px;
  float: left;
  color: #000000;
  font-family: Arial, Verdana, sans-serif;
  font-size: 26px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}
.article_splash .article_splash_contents .splash_article p.sp_lead {
  margin: 0px;
  padding: 0px 30px 5px 30px;
  float: left;
  color: #252525;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}
.article_splash .article_splash_contents .splash_article p {
  width: 460px;
  margin: 0px;
  padding: 0 0 10px 0;
  color: #000000;
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  line-height: 1.4em;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}
.article_splash .article_splash_contents .splash_article .spash_sep {
  width: 890px;
  height: 2px;
  margin: 0px 20px 10px 20px;
  float: left;
  background-image: url(https://d1.a4w.ro/procinema/design/images/special_article/art_splash_sep.jpg);
  background-position: top left;
  background-repeat: repeat-x;
}
.article_splash .article_splash_contents .splash_article .sp_image {
  width: 400px;
  float: right;
  margin: 0px 30px 10px 0px;
  -webkit-box-shadow: 0px 2px 5px 0px #888;
  -moz-box-shadow: 0px 2px 5px 0px #888;
  box-shadow: 0px 2px 5px 0px #888;
}
.article_splash .article_splash_contents .splash_article .splash_control_bar {
  background-color: #ffffff;
  width: 290px;
  height: 24px;
  padding: 10px 0px 0px 0px;
  margin: 10px 0px 5px 95px;
  float: left;
  position: relative;
  color: #353535;
  font-size: 12px;
  font-style: italic;
  font-weight: normal;
  text-align: center;
  text-decoration: none;
  clear: left;
}
.article_splash .article_splash_contents .splash_article .splash_control_bar .sp_cb_left {
  width: 69px;
  height: 36px;
  padding: 5px;
  display: block;
  position: absolute;
  left: -5px;
  top: -6px;
  background-image: url(https://d1.a4w.ro/procinema/design/images/special_article/btn_control_left.png);
  background-position: top left;
  background-repeat: no-repeat;
  cursor: pointer;
}
.article_splash .article_splash_contents .splash_article .splash_control_bar .sp_cb_left:hover {
  background-position: bottom left;
}
.article_splash .article_splash_contents .splash_article .splash_control_bar .sp_cb_right {
  width: 69px;
  height: 36px;
  padding: 5px;
  display: block;
  position: absolute;
  right: -5px;
  top: -6px;
  background-image: url(https://d1.a4w.ro/procinema/design/images/special_article/btn_control_right.png);
  background-position: top left;
  background-repeat: no-repeat;
  cursor: pointer;
}
.article_splash .article_splash_contents .splash_article .splash_control_bar .sp_cb_right:hover {
  background-position: bottom left;
}

.article_splash .article_splash_bottom {
  width: 940px;
  height: 10px;
  float: left;
  background-image: url(https://d1.a4w.ro/procinema/design/images/special_article/article_splash_bottom.png);
  background-position: top left;
  background-repeat: no-repeat;
}
.article_splash .article_splash_shadow {
  width: 940px;
  height: 20px;
  float: left;
  background-image: url(https://d1.a4w.ro/procinema/design/images/special_article/article_splash_shadow.png);
  background-position: top left;
  background-repeat: no-repeat;
}
/* END SPECIAL ARTICLE
----------------------------------------------------------------------------*/

/* COMMENTS
----------------------------------------------------------------------------*/
.comments {
  padding: 15px 0 20px 0;
  margin: 0 0 20px 0;
  border-top: solid 2px #dddddd;
  border-bottom: solid 2px #dddddd;
}

.comments .banner {
  width: 300px;
  height: 250px;
  float: right;
}

.addComment {
  padding: 5px 0 20px 20px;
}

.smallForm {
  width: 300px;
  float: left;
}

.addReply {
  padding: 10px 0 0 0;
}

#error {
  font-weight: bold;
  color: #ff0000;
  text-align: center;
}

h4 {
  padding: 0 0 10px 0;
  font-size: 16px;
  text-align: left;
}

a.replyClose {
  float: right;
  margin: -20px 0 0 0;
}

.addCommentForm {
  padding: 0 0 0 50px;
  background: url(https://d1.a4w.ro/procinema/design/images/avatar.gif) no-repeat 0 5px;
}

.inputContainer {
  padding: 8px;
  margin: 0 0 10px 0;
  border: solid 1px #dddddd;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: inset 1px 1px 8px #dddddd;
  -webkit-box-shadow: inset 1px 1px 8px #dddddd;
  box-shadow: inset 1px 1px 8px #dddddd;
}

.addCommentForm input {
  width: 100%;
  text-align: left;
  font-size: 12px;
  color: #484848;
  border: 0 none;
}

.textareaContainer {
  padding: 8px;
  margin: 0 0 10px 0;
  border: solid 1px #dddddd;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: inset 1px 1px 8px #dddddd;
  -webkit-box-shadow: inset 1px 1px 8px #dddddd;
  box-shadow: inset 1px 1px 8px #dddddd;
}

.addCommentForm textarea {
  width: 100%;
  height: 70px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
  font-size: 12px;
  line-height: 17px;
  color: #484848;
  border: 0 none;
}

input.btnSend {
  width: auto;
  height: 27px;
  float: left;
  padding: 0 12px;
  font-size: 12px;
  color: #ffffff;
  background: url(https://d1.a4w.ro/procinema/design/images/black_blue_tab.jpg) repeat-x 0 0;
  cursor: pointer;
}

.comment {
  padding: 0 0 0 50px;
  margin: 0 0 20px 20px;
  display: block;
  font-size: 12px;
  line-height: 17px;
  text-align: left;
  background: url(https://d1.a4w.ro/procinema/design/images/avatar.gif) no-repeat 0 5px;
}

.comment span.name {
  font-size: 13px;
  font-weight: bold;
}

.comment span.commentText {
}

.comment span.date {
  padding: 7px 0 10px 0;
  display: block;
  font-size: 11px;
  color: #848484;
  border-bottom: solid 1px #dddddd;
}

.commentVotes {
  display: inline;
}

a.votePlus {
  padding: 0 0 0 17px;
  font-size: 12px;
  text-decoration: none;
  background: url(https://d1.a4w.ro/procinema/design/images/comment_heart.jpg) no-repeat 0 -17px;
}

a.voteMinus {
  padding: 0 0 0 17px;
  font-size: 12px;
  text-decoration: none;
  background: url(https://d1.a4w.ro/procinema/design/images/comment_heart.jpg) no-repeat 0 -1px;
}

.reply {
  margin: 0 0 20px 70px;
}

.reply2 {
  margin: 0 0 20px 120px;
}

.pagination {
  padding: 0 0 20px 13px;
}

.pagination ul {
  height: 26px;
  float: left;
}

.pagination ul li {
  float: left;
  margin: 0 0 0 4px;
}

.pagination ul li a {
  height: 20px;
  float: left;
  padding: 6px 10px 0 10px;
  color: #fff;
  text-decoration: none;
  background: var(--secondary-color);
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

.pagination ul li a:hover {
  color: #ffffff;
  background: var(--primary-color);
}

.pagination ul li a.active {
  height: 20px;
  float: left;
  padding: 6px 10px 0 10px;
  color: #ffffff;
  background: var(--primary-color);
  text-decoration: none;
}
/* END COMMENTS
----------------------------------------------------------------------------*/

/* SHOWS
----------------------------------------------------------------------------*/
.showsContainer {
  border-top: solid 2px #dddddd;
  background: url(https://d1.a4w.ro/procinema/design/images/bg_movie_main_top.jpg) repeat-x top left;
}

.shows {
  width: 657px;
  padding: 20px 0 0 0;
  margin: 0 0 0 -17px;
}

.shows .item {
  width: 182px;
  height: 320px;
  float: left;
  margin: 0 0 20px 37px;
  border-bottom: solid 1px #dddddd;
  overflow: hidden;
}

.shows .item a.image {
  width: 180px;
  height: 273px;
  display: block;
  margin: 0 0 5px 0;
  text-decoration: none;
  border: solid 1px #dddddd;
  background: url(https://d1.a4w.ro/procinema/design/images/default_poster.jpg) no-repeat center #ffffff;
  overflow: hidden;
}

.shows .item a.image:hover {
  border: solid 1px #bbbbbb;
}

.shows .item a.title {
  font-size: 16px;
  color: #000000;
  text-align: left;
}

.shows .item .showAir {
  font-size: 12px;
  font-weight: bold;
  color: #7d287e;
  text-align: left;
}
/* END SHOWS
----------------------------------------------------------------------------*/

/* SHOW DETAILS
----------------------------------------------------------------------------*/
.showMain {
  padding: 10px 0 20px 20px;
  background: url(https://d1.a4w.ro/procinema/design/images/bg_movie_main_bottom.jpg) repeat-x bottom left;
  border-bottom: solid 2px #dddddd;
}

.showMain a.image {
  width: 320px;
  float: left;
  margin: 0 20px 0 0;
  border: solid 1px #dddddd;
}

.showMain .share {
  width: 322px;
  float: left;
  padding: 0 20px 20px 0;
}

.showMain .share .item {
  float: left;
  padding: 5px 10px 0 0;
}

.showMain .cna {
  float: right;
}

.showMain h1 {
  font-size: 24px;
  color: #000000;
  text-align: left;
  padding: 0 0 20px 0;
}
/* END SHOW DETAILS
----------------------------------------------------------------------------*/

/* VIDEO PAGE
----------------------------------------------------------------------------*/
.playerContainer {
  background: #000000;
  display: block;
}

.playerContainer h1.videoTitle {
  display: block;
  padding: 13px 20px 13px 20px;
  font-size: 24px;
  color: #ffffff;
}

.videoPlayerBig {
  width: 640px;
  margin: 0 auto;
}

.videoShare {
  display: block;
  padding: 2px 30px 0 30px;
  background: url(https://d1.a4w.ro/procinema/design/images/bg_video_share.jpg) repeat-x 0 0 #f0f0f0;
  border-bottom: solid 1px #dddddd;
}

.videoShare .left {
  float: left;
  padding: 15px 0;
}

.videoShare .right {
  float: right;
  padding: 15px 0;
}

.videoShare .right .share {
  width: 520px;
  text-align: right;
}

.videoShare .right .share input {
  width: 500px;
  padding: 5px;
  margin: 0px;
  border: solid 1px #dddddd;
  background: #ffffff;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

.videoShare .right .share .item {
  float: right;
  padding: 5px 0 0 10px;
}

a.btnShare {
  font-size: 12px;
  color: #1a2f60;
  text-decoration: none;
}

a.btnShare span.lb {
  width: 6px;
  height: 29px;
  float: left;
  display: block;
  background: url(https://d1.a4w.ro/procinema/design/images/btn_share.jpg) no-repeat 0 0;
  -moz-border-radius: 6px 0 0 0;
  -webkit-border-radius: 6px 0 0 0;
  border-radius: 6px 0 0 0;
}

a.btnShare span.mb {
  height: 21px;
  float: left;
  display: block;
  padding: 8px 4px 0 4px;
  background: url(https://d1.a4w.ro/procinema/design/images/btn_share.jpg) repeat-x 0 -29px;
}

a.btnShare span.rb {
  width: 6px;
  height: 29px;
  float: left;
  display: block;
  background: url(https://d1.a4w.ro/procinema/design/images/btn_share.jpg) no-repeat 0 -58px;
  -moz-border-radius: 0 6px 0 0;
  -webkit-border-radius: 0 6px 0 0;
  border-radius: 0 6px 0 0;
}

.videosContainer {
  padding: 20px 30px 20px 30px;
  background: #f0f0f0;
}

.videoCategories {
  background: url(https://d1.a4w.ro/procinema/design/images/grey_dot.gif) repeat-x bottom;
}

.videoCategories ul li {
  float: left;
  margin: 0 2px 0 0;
}

.videoCategories ul li a {
  height: 23px;
  display: block;
  padding: 13px 30px 0 30px;
  font-size: 13px;
  color: #484848;
  text-decoration: none;
  background: url(https://d1.a4w.ro/procinema/design/images/video_tab.jpg) repeat-x 0 1px;
}

.videoCategories ul li a:hover {
  height: 24px;
  display: block;
  padding: 12px 29px 0 29px;
  font-size: 13px;
  color: #000000;
  text-decoration: none;
  background: #ffffff;
  border-top: solid 1px #dddddd;
  border-right: solid 1px #dddddd;
  border-left: solid 1px #dddddd;
}

.videoCategories ul li a.active {
  height: 24px;
  display: block;
  padding: 12px 29px 0 29px;
  font-size: 13px;
  color: #000000;
  text-decoration: none;
  background: #ffffff;
  border-top: solid 1px #dddddd;
  border-right: solid 1px #dddddd;
  border-left: solid 1px #dddddd;
}

.videoCategories .videoCategoriesSearch {
  float: right;
  margin: 0px;
  padding: 0px;
}
.videoCategories .videoCategoriesSearch input[type='text'] {
  float: left;
  border: 1px solid #dddddd;
  border-radius: 6px 6px 6px 6px;
  box-shadow: 1px 1px 8px #dddddd inset;
  margin: 2px 0px 0px 0px;
  padding: 6px;
}
.videoCategories .videoCategoriesSearch .go_search_trailer {
  float: left;
  border: none;
  border-radius: 6px 6px 6px 6px;
  background: none repeat scroll 0 0 var(--primary-color);
  background-image: url(https://d1.a4w.ro/procinema/design/images/search_icon.png);
  background-repeat: no-repeat;
  background-position: 4px 6px;
  color: #ffffff;
  float: left;
  padding: 5px 10px 5px 18px;
  text-decoration: none;
  cursor: pointer;
  margin: 2px 0px 0px 5px;
}

.videoCategories .videoCategoriesSearch .go_search_trailer:hover {
  background-color: #7d287e;
}

.videos {
  float: left;
  display: block;
  padding: 30px 15px 0 15px;
  background: #ffffff;
  border-right: solid 1px #dddddd;
  border-bottom: solid 1px #dddddd;
  border-left: solid 1px #dddddd;
}

.videos .vContainer {
  width: 192px;
  height: 170px;
  float: left;
  padding: 0 15px 20px 15px;
  overflow: hidden;
}

.videos .vContainer .vItem {
  width: 192px;
  height: 109px;
  position: relative;
  margin: 0 0 5px 0;
  overflow: hidden;
}

.videos .vContainer .vItem a.image {
  width: 190px;
  height: 107px;
  display: block;
  border: solid 1px #dddddd;
  text-decoration: none;
  overflow: hidden;
}

.videos .vContainer a.title {
  color: #000000;
  font-size: 14px;
  line-height: 18px;
  text-align: left;
}
/* END VIDEO PAGE
----------------------------------------------------------------------------*/

/* LIVE
----------------------------------------------------------------------------*/
.livePageContainer {
  padding: 0 0 0 20px;
}

.livePageContainer h1 {
  padding: 0 0 20px 20px;
  font-size: 24px;
  color: #000000;
  text-align: left;
}
/* END LIVE
----------------------------------------------------------------------------*/

/* TAGS
----------------------------------------------------------------------------*/
.tagDescription {
  margin: 0 0 20px 0;
  border-bottom: solid 2px #dddddd;
}

.tagDescription h1 {
  display: block;
  padding: 0 0 15px 20px;
  font-size: 16px;
  color: #484848;
  text-align: left;
}

.tagDescription h1 span.searchWordColored {
  color: #7d287e;
}

.tagsNews {
  width: 142px;
  float: left;
  padding: 0 0 18px 18px;
}

.tagsNews .imageContainer {
  float: left;
  position: relative;
  padding: 0;
  margin: 0 0 10px 0;
}

.tagsNews a.image {
  width: 140px;
  height: 140px;
  display: block;
  overflow: hidden;
  text-decoration: none;
  border: solid 1px #dddddd;
}

.tagsNews a.image:hover {
  border: solid 1px #bbbbbb;
}

.tagsNews a.title {
  font-size: 14px;
  line-height: 18px;
  text-align: left;
}

.tagsNews .text {
  padding: 7px 0 5px 0;
  font-size: 12px;
  line-height: 16px;
  color: #000000;
  text-align: left;
}

.tagsNews .details {
  padding: 5px 0 0 0;
  font-size: 10px;
  color: #898989;
  text-align: left;
}

.tagsNews .details .comments {
  float: left;
  padding: 0 15px 0 0;
  margin: 0 10px 0 0;
  background: url(https://d1.a4w.ro/procinema/design/images/sprite_details.gif) no-repeat right top;
  border: 0 none;
}

.tagsNews .details .views {
  float: left;
  padding: 0 15px 0 0;
  margin: 0 10px 0 0;
  background: url(https://d1.a4w.ro/procinema/design/images/sprite_details.gif) no-repeat right;
}

.tagsNews .details .votes {
  float: left;
  padding: 0 15px 0 0;
  margin: 0 10px 0 0;
  background: url(https://d1.a4w.ro/procinema/design/images/sprite_details.gif) no-repeat right bottom;
}

.tagsNews .details .date {
  float: left;
  margin: 0 10px 0 0;
}
/* END TAGS
----------------------------------------------------------------------------*/

/* SEARCH
----------------------------------------------------------------------------*/
.searchDescription {
  border-bottom: solid 2px #dddddd;
}

.searchDescription h1 {
  display: block;
  padding: 0 0 15px 20px;
  font-size: 16px;
  color: #484848;
  text-align: left;
  border-bottom: solid 2px #dddddd;
}

.searchDescription h1 span.searchWordColored {
  color: #7d287e;
}

.searchCategories {
  float: left;
  padding: 10px 20px;
}

.searchCategories ul {
  height: 30px;
  float: left;
  background: var(--secondary-color);
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

.searchCategories ul li {
  float: left;
}

.searchCategories ul li.spacer {
  width: 1px;
  height: 30px;
  background: #ffffff;
}

.searchCategories ul li a {
  height: 21px;
  float: left;
  padding: 9px 15px 0 15px;
  color: #000000;
  text-decoration: none;
}

.searchCategories ul li a.first {
  -moz-border-radius: 6px 0 0 6px;
  -webkit-border-radius: 6px 0 0 6px;
  border-radius: 6px 0 0 6px;
}

.searchCategories ul li a.last {
  -moz-border-radius: 0 6px 6px 0;
  -webkit-border-radius: 0 6px 6px 0;
  border-radius: 0 6px 6px 0;
}

.searchCategories ul li a:hover {
  color: #ffffff;
  background: var(--primary-color);
}

.searchCategories ul li a.active {
  height: 21px;
  float: left;
  padding: 9px 15px 0 15px;
  color: #ffffff;
  background: var(--primary-color);
  text-decoration: none;
}

.searchOptions {
  float: left;
  padding: 16px 0 10px 20px;
}

.searchResults {
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
  border-bottom: solid 2px #dddddd;
}

.searchResults h2 {
  float: left;
  padding: 13px 0 0 20px;
  font-size: 16px;
  color: #000000;
  text-align: left;
}

.videoThumbSearch {
  width: 192px;
  height: 170px;
  float: left;
  margin: 10px 0 0 20px;
  overflow: hidden;
}

.videoThumb {
  width: 192px;
  height: 109px;
  position: relative;
  margin: 0 0 10px 0;
}

.videoThumbSearch a.title {
  font-size: 14px;
  line-height: 18px;
  color: #000000;
  text-align: left;
}

.movieThumbSearch {
  width: 134px;
  height: 240px;
  float: left;
  position: relative;
  overflow: hidden;
  padding: 10px 0 0 18px;
}

.movieThumbSearch a.image {
  display: block;
  margin: 0 0 5px 0;
  text-decoration: none;
  border: solid 1px #dddddd;
}

.movieThumbSearch a.image:hover {
  border: solid 1px #bbbbbb;
}

.movieThumbSearch .nota {
  position: absolute;
  padding: 5px;
  top: 176px;
  right: 1px;
  font-size: 11px;
  color: #ffffff;
  background: #000000;
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  opacity: 0.75;
}

.movieThumbSearch a.title {
  color: #000000;
  text-align: left;
  text-decoration: none;
}

.movieThumbSearch a.title:hover {
  text-decoration: underline;
}

.actorThumbSearch {
  width: 142px;
  float: left;
  padding: 10px 0 8px 18px;
}

.actorThumbSearch img.imageNoLink {
  float: left;
  margin: 0 0 5px 0;
  border: solid 1px #dddddd;
}

.actorThumbSearch a.image {
  width: 140px;
  height: 140px;
  float: left;
  margin: 0 0 5px 0;
  text-decoration: none;
  overflow: hidden;
  border: solid 1px #dddddd;
}

.actorThumbSearch a.image:hover {
  width: 140px;
  height: 140px;
  float: left;
  margin: 0 0 5px 0;
  text-decoration: none;
  overflow: hidden;
  border: solid 1px #bbbbbb;
}

.actorThumbSearch a.title {
  font-size: 14px;
  line-height: 18px;
  color: #000000;
}

.actorThumbSearch .name {
  font-size: 13px;
  color: #7d287e;
}

.actorThumbSearch a.nameLink {
  font-size: 13px;
}

.newsThumbSearch {
  width: 140px;
  float: left;
  padding: 15px 0 15px 20px;
}

.newsThumbSearch .imageContainer {
  float: left;
  position: relative;
  padding: 0;
  margin: 0 0 10px 0;
}

.newsThumbSearch a.image {
  width: 140px;
  height: 140px;
  display: block;
  overflow: hidden;
  text-decoration: none;
}

.newsThumbSearch a.title {
  font-size: 14px;
  line-height: 18px;
  text-align: left;
  color: #000000;
}

.newsThumbSearch .details span.data {
  display: block;
  padding: 5px 0 0 0;
  font-size: 10px;
  color: #656565;
}

a.galleryThumbSearch {
  width: 108px;
  height: 108px;
  float: left;
  margin: 10px 0 8px 18px;
  overflow: hidden;
  text-decoration: none;
  border: solid 1px #dddddd;
}

a.galleryThumbSearch:hover {
  border: solid 1px #bbbbbb;
}

a.btnSearchMore {
  display: block;
  margin: 0 0 0 20px;
  font-size: 12px;
  color: #1a2f60;
  text-decoration: none;
}

a.btnSearchMore span.lb {
  width: 6px;
  height: 29px;
  float: left;
  display: block;
  background: url(https://d1.a4w.ro/procinema/design/images/btn_round.jpg) no-repeat 0 0;
}

a.btnSearchMore span.mb {
  height: 21px;
  float: left;
  display: block;
  padding: 8px 4px 0 4px;
  background: url(https://d1.a4w.ro/procinema/design/images/btn_round.jpg) repeat-x 0 -29px;
}

a.btnSearchMore span.rb {
  width: 6px;
  height: 29px;
  float: left;
  display: block;
  background: url(https://d1.a4w.ro/procinema/design/images/btn_round.jpg) no-repeat 0 -58px;
}
/* END SEARCH
----------------------------------------------------------------------------*/

/* ERROR 404
----------------------------------------------------------------------------*/
.error404 {
  width: 620px;
  height: 400px;
  float: left;
  padding: 0 0 0 182px;
  background: url(https://d1.a4w.ro/procinema/design/images/404.gif) no-repeat 20px 0;
}

.error404 .title {
  font-size: 16px;
}

.error404 p {
  padding: 20p 0 0 0;
}
/* END ERROR 404
----------------------------------------------------------------------------*/

/* RIGHT SIDE
----------------------------------------------------------------------------*/
.rightSide {
  width: 300px;
  float: right;
  padding: 0 20px 0 0;
  overflow: hidden;
}

.box {
  width: 300px;
  /*	float:left;*/
  padding: 0 0 20px 0;
  margin: 0 auto;
}

ul.rightBox li {
  border-bottom: solid 1px #484848;
}

a.rightLi {
  height: 78px;
  display: block;
  padding: 10px;
  text-decoration: none;
}

a.rightLi:hover {
  background: #000000;
}

.rightProgramTv {
  width: 300px;
  float: left;
  background: url(https://d1.a4w.ro/procinema/design/images/bg_black.jpg) repeat 0 0;
}

.rightProgramTv .boxTitle {
  display: block;
  padding: 11px 10px 10px 10px;
  font-size: 18px;
  color: #ffffff;
  text-align: left;
  background: url(https://d1.a4w.ro/procinema/design/images/logo_procinema_small.jpg) no-repeat 240px 0;
  border-top: solid 1px #484848;
  border-bottom: solid 1px #484848;
}

.rightProgramTv .boxTitle a {
  color: #ffffff;
}

.rightProgramTv img.poster {
  width: 50px;
  height: 76px;
  float: left;
  margin: 0 10px 0 0;
  border: solid 1px #484848;
}

.rightProgramTv span.hour {
  display: block;
  padding: 0 0 7px 0;
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
}

.rightProgramTv span.title {
  display: block;
  font-size: 12px;
  color: #c6c6c6;
  text-decoration: none;
}

.rightProgramTv span.text {
  display: block;
  padding: 7px 0 0 0;
  font-size: 12px;
  color: #aaaaaa !important;
}

a.whiteLinkMore {
  float: right;
  padding: 10px 10px 10px 10px;
  font-size: 11px;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
}

a.whiteLinkMore:hover {
  text-decoration: underline;
}

ul.recomandareaTabs {
  display: block;
  height: 30px;
  padding: 0 0 0 5px;
  background: url(https://d1.a4w.ro/procinema/design/images/bg_red_lines.jpg) repeat var(--primary-color);
  border-bottom: solid 1px var(--primary-color);
}

ul.recomandareaTabs li {
  height: 30px;
  float: left;
}

ul.recomandareaTabs li a {
  height: 21px;
  padding: 9px 5px 0 5px;
  display: block;
  font-size: 11px;
  color: #ffffff;
  text-decoration: none;
}

ul.recomandareaTabs li a:hover {
  background: #000000;
}

ul.recomandareaTabs li a.active {
  height: 21px;
  padding: 9px 5px 0 5px;
  display: block;
  font-size: 11px;
  color: #ffffff;
  background: #000000;
  text-decoration: none;
}

.rightRecomandareaZilei {
  padding: 10px 0 10px 10px;
  background: url(https://d1.a4w.ro/procinema/design/images/bg_red_lines.jpg) repeat var(--primary-color);
}

.recomandarePosterContainer {
  width: 134px;
  height: 202px;
  float: left;
  margin: 0 10px 0 0;
}

a.recomandarePoster {
  width: 132px;
  height: 200px;
  float: left;
  border: solid 1px #dddddd;
  text-decoration: none;
}

a.recomandarePoster:hover {
  border: solid 1px #bbbbbb;
}

.recomandareTitle {
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  text-transform: uppercase;
}

.recomandareDetails {
  padding: 10px 0 0 0;
}

.recomandareDetails .ora {
  padding: 0 0 5px 0;
  font-size: 18px;
  font-weight: bold;
  color: #bbbbbb;
}

.recomandareDetails a.titlu {
  padding: 0 10px 0 0;
  font-size: 12px;
  color: #ffffff;
}

.recomandareDetails .descriere {
  padding: 10px 10px 0 0;
  font-size: 12px;
  line-height: 16px;
  color: #e0e0e0;
  text-align: left;
}

.rightTaguri {
  width: 300px;
  background: url(https://d1.a4w.ro/procinema/design/images/bg_white_lines_right.jpg) no-repeat 0 0;
}

.rightTaguri .boxTitle {
  height: 21px;
  padding: 13px 0 5px 0;
  font-size: 16px;
  color: #434343;
  text-align: left;
  border-bottom: solid 1px #dddddd;
}

.rightTaguri .boxContent {
  padding: 10px 0 5px 0;
  border-bottom: solid 1px #dddddd;
}

.rightTaguri .boxContent a {
  float: left;
  margin: 0 10px 5px 0;
  color: #676767;
  white-space: nowrap;
}

.rightProgramCinema {
  width: 300px;
  background: url(https://d1.a4w.ro/procinema/design/images/bg_white_lines_right.jpg) no-repeat 0 0;
}

.rightProgramCinema .boxTitle {
  height: 21px;
  padding: 13px 0 5px 0;
  font-size: 16px;
  color: #434343;
  text-align: left;
  border-bottom: solid 1px #dddddd;
}

.rightProgramCinema .boxTitle a {
  color: #434343;
}

.rightProgramCinema .boxContent {
  padding: 10px 0 5px 0;
  border-bottom: solid 1px #dddddd;
}

.rightProgramCinema .boxContent a.btnHmultiplex {
  width: 100px;
  height: 70px;
  float: left;
  text-decoration: none;
  background: url(https://d1.a4w.ro/procinema/design/images/cinemas.jpg) no-repeat left;
}

.rightProgramCinema .boxContent a.btnCinemaPro {
  width: 100px;
  height: 70px;
  float: left;
  text-decoration: none;
  background: url(https://d1.a4w.ro/procinema/design/images/cinemas.jpg) no-repeat center;
}

.rightProgramCinema .boxContent a.btnLotus {
  width: 100px;
  height: 70px;
  float: left;
  text-decoration: none;
  background: url(https://d1.a4w.ro/procinema/design/images/cinemas.jpg) no-repeat right;
}

.boxLatestNews {
  width: 300px;
  margin: 0 0 20px 0;
  overflow: hidden;
  /*    background:url(https://d1.a4w.ro/procinema/design/images/bg_white_lines_right.jpg) no-repeat 0 0;*/
  background: var(--primary-color);
}

.boxLatestNews a.boxTitle {
  width: 300px;
  height: 21px;
  display: block;
  padding: 13px 0 5px 5px;
  font-size: 16px;
  color: #ffffff;
  text-align: left;
  background: url(https://d1.a4w.ro/procinema/design/images/logo_procinema_small_white-new.png) no-repeat 200px 2px;
  border-bottom: solid 1px #801b54;
}

.boxLatestNews .boxContent {
  padding: 0 0 5px 0;
}

.boxLatestNews .boxContent a.row {
  width: 280px;
  float: left;
  display: block;
  padding: 11px 10px 10px 10px;
  text-decoration: none;
  border-bottom: solid 1px #801b54;
}
.boxLatestNews .boxContent a.row:last-of-type {
  border-bottom: solid 0px #801b54;
}
.boxLatestNews .boxContent a.row:hover {
  background: var(--third-color);
}

.boxLatestNews .boxContent a.row span.imageContainer {
  width: 80px;
  height: 54px;
  float: left;
  position: relative;
}

.boxLatestNews .boxContent a.row span.imageContainer span.play {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(https://d1.a4w.ro/procinema/design/images/play.png) no-repeat center;
}

.boxLatestNews .boxContent a.row span.imageContainer span.image {
  width: 78px;
  height: 52px;
  display: block;
  border: solid 1px #801b54;
}

.boxLatestNews .boxContent a.row span.right {
  width: 190px;
  float: right;
}

.boxLatestNews .boxContent a.row span.right span.text {
  font-size: 14px;
  color: #ffffff;
  text-align: left;
}

.boxLatestNews .boxContent a.row span.right span.date {
  font-size: 11px;
  color: var(--secondary-color);
  text-align: left;
}

.rightBoxOffice {
  background: url(https://d1.a4w.ro/procinema/design/images/right_box_office_bg.jpg) no-repeat 0 0 #f5f5f5;
}

.rightBoxOffice a.boxTitle {
  width: 300px;
  height: 42px;
  display: block;
  text-decoration: none;
}

.rightBoxOffice .boxTabs {
  padding: 0 0 10px 10px;
}

.rightBoxOffice .boxTabs a.btnSua {
  width: 120px;
  height: 21px;
  float: left;
  padding: 8px 10px 0 10px;
  text-align: left;
  font-size: 12px;
  color: #ffffff;
  text-decoration: none;
  background: url(https://d1.a4w.ro/procinema/design/images/right_box_office_btn.jpg) no-repeat left bottom;
}

.rightBoxOffice .boxTabs a.btnSua:hover {
  color: #000000;
  background: url(https://d1.a4w.ro/procinema/design/images/right_box_office_btn.jpg) no-repeat left top;
}

.rightBoxOffice .boxTabs a.btnSuaActive {
  width: 120px;
  height: 21px;
  float: left;
  padding: 8px 10px 0 10px;
  text-align: left;
  font-size: 12px;
  color: #000000;
  text-decoration: none;
  background: url(https://d1.a4w.ro/procinema/design/images/right_box_office_btn.jpg) no-repeat left top;
}

.rightBoxOffice .boxTabs a.btnRomania {
  width: 120px;
  height: 21px;
  float: left;
  padding: 8px 10px 0 10px;
  text-align: right;
  font-size: 12px;
  color: #ffffff;
  text-decoration: none;
  background: url(https://d1.a4w.ro/procinema/design/images/right_box_office_btn.jpg) no-repeat right bottom;
}

.rightBoxOffice .boxTabs a.btnRomania:hover {
  color: #000000;
  background: url(https://d1.a4w.ro/procinema/design/images/right_box_office_btn.jpg) no-repeat right top;
}

.rightBoxOffice .boxTabs a.btnRomaniaActive {
  width: 120px;
  height: 21px;
  float: left;
  padding: 8px 10px 0 10px;
  text-align: right;
  font-size: 12px;
  color: #000000;
  text-decoration: none;
  background: url(https://d1.a4w.ro/procinema/design/images/right_box_office_btn.jpg) no-repeat right top;
}
.rightBoxOffice .boxContent {
  border-top: solid 1px #dddddd;
}

.rightBoxOffice .boxContent a.item {
  height: 32px;
  display: block;
  padding: 9px 9px 9px 0;
  background: url(https://d1.a4w.ro/procinema/design/images/right_box_office_row.jpg) repeat-x 0 0;
  border-bottom: solid 1px #dddddd;
  text-decoration: none;
}

.rightBoxOffice .boxContent a.item:hover {
  background: none #f5f5f5;
}

.rightBoxOffice .boxContent a.item .number {
  float: left;
  padding: 8px 0 0 0;
  margin: 0 10px;
  font-size: 16px;
  color: #7d287e;
  text-align: right;
}

.rightBoxOffice .boxContent a.item .poster {
  width: 20px;
  height: 30px;
  float: left;
  margin: 0 10px 0 0;
  border: solid 1px #dddddd;
}

.rightBoxOffice .boxContent a.item .title {
  width: 230px;
  float: left;
  padding: 1px 0 0 0;
  font-size: 13px;
  color: #000000;
  text-align: left;
}

.rightBoxOffice .boxContent a.item .money {
  padding: 5px 0 0 0;
  font-size: 12px;
  color: #7d287e;
}

.rightBoxOffice .boxContent a.more {
  display: block;
  text-align: right;
  font-size: 12px;
  color: #7d287e;
  padding: 10px;
  border-bottom: solid 1px #801b54;
}

.rightTops {
  width: 300px;
  float: left;
  padding: 45px 0 20px 0;
  margin: 0 0 20px 0;
  background: url(https://d1.a4w.ro/procinema/design/images/bg_movie_tops_right.jpg) no-repeat center top #f5f5f5;
}

.rightTops .boxTabs {
  padding: 0 0 10px 10px;
}

.rightTops .boxTabs a.btnTopPro {
  width: 120px;
  height: 21px;
  float: left;
  padding: 8px 10px 0 10px;
  text-align: left;
  font-size: 12px;
  color: #ffffff;
  text-decoration: none;
  background: url(https://d1.a4w.ro/procinema/design/images/right_box_office_btn.jpg) no-repeat left bottom;
}

.rightTops .boxTabs a.btnTopPro:hover {
  color: #7d287e;
  background: url(https://d1.a4w.ro/procinema/design/images/right_box_office_btn.jpg) no-repeat left top;
}

.rightTops .boxTabs a.btnTopProActive {
  width: 120px;
  height: 21px;
  float: left;
  padding: 8px 10px 0 10px;
  text-align: left;
  font-size: 12px;
  color: #7d287e;
  text-decoration: none;
  background: url(https://d1.a4w.ro/procinema/design/images/right_box_office_btn.jpg) no-repeat left top;
}

.rightTops .boxTabs a.btnTopViz {
  width: 120px;
  height: 21px;
  float: left;
  padding: 8px 10px 0 10px;
  text-align: right;
  font-size: 12px;
  color: #ffffff;
  text-decoration: none;
  background: url(https://d1.a4w.ro/procinema/design/images/right_box_office_btn.jpg) no-repeat right bottom;
}

.rightTops .boxTabs a.btnTopViz:hover {
  color: #7d287e;
  background: url(https://d1.a4w.ro/procinema/design/images/right_box_office_btn.jpg) no-repeat right top;
}

.rightTops .boxTabs a.btnTopVizActive {
  width: 120px;
  height: 21px;
  float: left;
  padding: 8px 10px 0 10px;
  text-align: right;
  font-size: 12px;
  color: #7d287e;
  text-decoration: none;
  background: url(https://d1.a4w.ro/procinema/design/images/right_box_office_btn.jpg) no-repeat right top;
}

.rightTops .boxContent {
  padding: 0 5px;
  background: #f5f5f5;
}
/* END RIGHT SIDE
----------------------------------------------------------------------------*/

.banner-poll {
  width: 400px;
  height: 80px;
}

.banner-600-90 {
  width: 600px;
  height: 90px;
}

.banner-728-middle {
  width: 728px;
  margin: 0 auto 20px auto;
}

/* CROSS PROMO
----------------------------------------------------------------------------*/
.crossPromo {
  width: 940px;
  float: left;
  padding: 20px 20px 0 20px;
  background: url(https://d1.a4w.ro/procinema/design/images/bg_cross_promo.jpg) repeat-x 0 0 #ffffff;
}

.crossPromoColumn {
  width: 180px;
  float: left;
  padding: 0px 25px 0px 25px;
  margin: 0px 0px 20px 0px;
  border-right: 1px solid #dfdfdf;
}

.crossPromoSite {
  width: 180px;
  padding: 0px 0px 5px 0px;
  margin: 0px;
  text-align: left;
  font-size: 1.4em;
  color: #000000;
}

.crossPromoSite a {
  color: #000000;
  font-weight: bold;
}

.crossPromoImage {
  width: 180px;
  height: 100px;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}

.crossPromoLink {
  font-size: 12px;
  padding: 5px 0px 5px 0px;
  border-bottom: dotted 1px #cccccc;
}

.crossPromoLink a {
  color: #000000;
  font-weight: normal;
}
/* END CROSS PROMO
----------------------------------------------------------------------------*/

/* ARTICLE LABELS */
/* ------------------------------------------------------------------------ */
.article_label_container {
  height: 25px;
  float: left;
  margin: 0px 5px 0px 0px;
  background: url(https://d1.a4w.ro/procinema/design/images/content_label_middle.png) repeat-x top left;
}
.article_label_container .arrow {
  width: 28px;
  height: 25px;
  float: left;
  background: url(https://d1.a4w.ro/procinema/design/images/content_label_left.png) no-repeat top left;
  border-bottom: none;
}
.article_label_container p.textbox {
  margin: 0px 0px 0px 0px;
  float: left;
  padding: 1px 5px 0px 5px;
  line-height: 20px;
  color: #ffffff;
  font-size: 16px;
  font-weight: normal;
}
.article_label_container .end {
  width: 5px;
  height: 25px;
  float: left;
  background: url(https://d1.a4w.ro/procinema/design/images/content_label_right.png) no-repeat top left;
  border-bottom: none;
}
/* END ARTICLE LABELS */
/* ------------------------------------------------------------------------ */

/* FOOTER
----------------------------------------------------------------------------*/
.footer {
  width: 940px;
  float: left;
  padding: 0 20px;
  background: #ffffff;
  border-top: solid 1px #801b54;
}

.footerMenu {
  float: left;
  padding: 17px 0;
  color: #801b54;
}

.footerMenu a {
  color: #801b54;
}

.copyright {
  float: right;
  padding: 17px 0;
  color: #801b54;
}

.copyright a {
  color: #801b54;
}
/* END FOOTER
----------------------------------------------------------------------------*/

/* VOYO BUBBLE
----------------------------------------------------------------------------*/
#voyoBaloon {
  position: absolute;
  /* width: 250px; */
  font-size: 16px;
  visibility: hidden;
  z-index: 100;
}

.voyoBaloonLeft {
  width: 10px;
  height: 52px;
  float: left;
  display: block;
  background: url(https://d1.a4w.ro/procinema/design/images/voyo_bubble_left.png) no-repeat 0 0;
}

.voyoBaloonCenter {
  height: 35px;
  float: left;
  display: block;
  padding: 17px 10px 0 0;
  background: url(https://d1.a4w.ro/procinema/design/images/voyo_bubble_center.png) repeat-x 0 0;
}

.voyoBaloonRight {
  width: 99px;
  height: 52px;
  float: left;
  display: block;
  background: url(https://d1.a4w.ro/procinema/design/images/voyo_bubble_right.png) no-repeat 0 0;
}
/* END VOYO BUBBLE
----------------------------------------------------------------------------*/

.voyo-article {
  width: 410px;
  position: relative;
  margin: 0 0 10px 0;
  background: url(https://d1.a4w.ro/procinema/design/images/voyo-box/voyo-box-bg.jpg) repeat-y 10px 0;
}

.voyo-article-content {
  width: 400px;
  padding: 93px 0 0 10px;
  background: url(https://d1.a4w.ro/procinema/design/images/voyo-box/voyo-box-bg-big.jpg) no-repeat 0 0;
}

.voyo-movie {
  width: 154px;
  float: left;
  position: relative;
  margin: 0 9px 5px 28px;
}

.voyo-movie a.arrow {
  width: 154px;
  height: 211px;
  display: block;
  position: absolute;
  background: url(https://d1.a4w.ro/procinema/design/images/voyo-box/arrow.png) no-repeat bottom center;
  text-decoration: none;
}

a.voyo-movie-image {
  width: 152px;
  height: 208px;
  float: left;
  text-decoration: none;
  overflow: hidden;
  border-top: solid 1px #e5e5e5;
  border-right: solid 1px #e5e5e5;
  border-bottom: solid 2px #e5e5e5;
  border-left: solid 1px #e5e5e5;
}

a.voyo-movie-image img {
  border: solid 1px #fff;
}

a.voyo-movie-title {
  width: 134px;
  height: 34px;
  float: left;
  padding: 7px 10px 7px 10px;
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  font-size: 15px;
  line-height: 15px;
  text-transform: uppercase;
  text-align: left;
  color: #0e2d45;
  text-decoration: none;
  background: url(https://d1.a4w.ro/procinema/design/images/voyo-box/voyo-title.jpg) no-repeat bottom center #fff;
}

a.voyo-movie-title span {
  width: 134px;
  height: 30px;
  float: left;
  display: block;
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  font-size: 15px;
  line-height: 15px;
  text-transform: uppercase;
  text-align: left;
  color: #0e2d45;
  text-decoration: none;
  overflow: hidden;
}

a.voyo-movie-vezi {
  width: 154px;
  height: 42px;
  float: left;
  display: block;
  margin: 9px 0 0 0;
  background: url(https://d1.a4w.ro/procinema/design/images/voyo-box/voyo-button.jpg) no-repeat 0 0;
  text-decoration: none;
}

.voyo-article-bottom {
  width: 410px;
  height: 9px;
  display: block;
  background: url(https://d1.a4w.ro/procinema/design/images/voyo-box/voyo-bottom.jpg) no-repeat 10px 0;
}

#voyo_movie_button {
  width: 420px;
  height: 42px;
  display: block;
  background: url(https://d1.a4w.ro/procinema/design/images/buton_voyo.jpg) no-repeat;
  margin: 10px 0px 0px 0px;
}

/* START: TEMP FIX - video banner EuroGsm */
.rightSide {
  overflow: visible;
}
/* END: TEMP FIX - video banner EuroGsm */

/* start gopo 2012 */
.gopo2012 {
  width: 945px;
  height: 100px;
  background: url(https://d1.a4w.ro/procinema/design/images/banda_butoane_gopo.jpg) no-repeat;
  margin: auto;
}

.gopo2012 .btnsGopo2012 {
  display: block;
  width: 166px;
  height: 47px;
  position: absolute;
}
#ng {
  margin: 32px 0px 0px 221px;
}

#gfl {
  margin: 32px 0px 0px 457px;
}

#tg {
  margin: 32px 0px 0px 684px;
}

.articlePoll.gopo {
  /* POLL ARTICOL */
  background: none #000000 !important;
  margin: 0 0 0 20px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

.rightRelated .polll.gopo {
  /* POLL HOMEPAGE */
  background: none #000000 !important;
  border-radius: 0px;
}
/* end gopo 2012*/

/* ultimele stiri */

.ultimele-stiri {
  display: block;
  position: relative;
  margin: 0 auto;
}

.ultimele-stiri .boxLatestNews {
  width: 100%;
  background: var(--primary-color);
  padding-bottom: 10px;
}

.ultimele-stiri .boxLatestNews a.boxTitle {
  width: 100%;
  padding: 15px;
  background-position: 530px 5px;
}

.ultimele-stiri .boxLatestNews .boxContent {
  width: 100%;
  display: grid;
  gap: 10px;
  grid-template-columns: 50% 50%;
  padding: 0;
}

#ibu_footer_container {
  position: relative;
  z-index: 90;
  background: rgb(82, 9, 97) !important;
  background: -moz-linear-gradient(90deg, rgba(82, 9, 97, 1) 0%, rgba(135, 37, 155, 1) 100%) !important;
  background: -webkit-linear-gradient(90deg, rgba(82, 9, 97, 1) 0%, rgba(135, 37, 155, 1) 100%) !important;
  background: linear-gradient(90deg, rgba(82, 9, 97, 1) 0%, rgba(135, 37, 155, 1) 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#520961",endColorstr="#87259b",GradientType=1);
}
.footer-internet-main {
  background: rgb(82, 9, 97) !important;
  background: -moz-linear-gradient(90deg, rgba(82, 9, 97, 1) 0%, rgba(135, 37, 155, 1) 100%) !important;
  background: -webkit-linear-gradient(90deg, rgba(82, 9, 97, 1) 0%, rgba(135, 37, 155, 1) 100%) !important;
  background: linear-gradient(90deg, rgba(82, 9, 97, 1) 0%, rgba(135, 37, 155, 1) 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#520961",endColorstr="#87259b",GradientType=1);
}
.rightSide {
  margin-top: 25px;
}

@media (max-width: 800px) {
  .fullsize,
  .white {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    padding: 0;
  }

  .header {
    min-height: 150px;
  }
  .header .container {
    overflow: hidden;
  }

  .menuContainer {
    width: 100%;
    max-width: 100%;
  }

  a.logo {
    height: 50px;
  }

  ul.menu {
    overflow-x: auto;
    min-height: 80px;
  }

  .containerAll {
    width: 100%;
    margin: 0 auto;
    padding: 0;
  }

  .underMenuBanner {
    display: none !important;
    width: 0;
    height: 0;
  }

  .container {
    max-width: 100%;
    margin: 0 auto;
    overflow-x: hidden;
    width: calc(100% - 30px);
  }
  .leftNews .imageContainer img {
    width: 100%;
    aspect-ratio: 5/2;
    object-fit: cover;
    object-position: center;
    height: auto;
  }
  .leftNews .imageContainer,
  .leftNewsColumn,
  .rightNewsColumn,
  .archive,
  .leftSide,
  .rightSide {
    width: 100%;
    float: unset;
  }

  .archiveContent {
    display: grid;
    float: unset;
    width: 100%;
    grid-template-columns: 50% 50%;
    gap: 10px;
  }
  .archive .clear {
    display: none;
  }
  .archive .item {
    margin: 0;
    padding: 0;
    float: unset;
    width: unset;
  }
  .archive .item .imageContainer {
    float: unset;
  }
  .homeCinemaColumnInMovie {
    width: calc(100% - 20px);
    padding: 10px;
    overflow: hidden;
  }
  .homeCinemaColumnInMovie .hcWhite {
    width: 100%;
    margin: 10px 0;
    display: flex;
  }
  .homeCinemaColumnInMovie .hcWhite .homeCinemaItemInMovie {
    width: 100%;
    margin: 10px;
    float: unset;
  }
  .letters ul {
    min-height: 52px;
  }
  .filters {
    width: 100%;
    display: flex;
    padding: 0;
    background-image: unset;
    background: #f0f0f0;
  }
  .filters form {
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
  }
  .filters .item,
  .filters .filterContainer {
    width: 100%;
    display: flex;
    gap: 10px;
    margin: 0;
  }
  ul.filter {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .filters .filter li {
    display: block;
    padding: 0 30px 0 10px;
  }
  .topsContainer {
    background-image: unset;
    display: block;
    position: relative;
  }
  .topsContainer:before {
    content: 'TU FACI TOPURILE';
    width: 100%;
    display: block;
    color: #520961;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    position: absolute;
    top: 30px;
  }
  .moviesTop {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding: 40px 0;
    margin: 0;
  }

  .moviesTop:before {
    content: 'TOP VIZUALIZARI';
    width: 100%;
    display: block;
    color: #520961;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    position: absolute;
    top: 10px;
  }
  .moviesTop:first-child:before {
    content: 'TOP PROCINEMA';
  }
  a.moviesTopItem {
    width: 100%;
  }
}
#tapad_url {
  display: none;
  height: 0;
}



/*   From file  /www/ro_cms_2013/public_html/design/common/onetrust.css*/


#ot-sdk-btn {
    color: #0631b7;
    border-top: 2px solid #0631b7;
    border-right: 2px solid #0631b7;
    border-radius:0;
    border-top-right-radius: 3px;
    background: #fff;
    height: auto;
    white-space: normal;
    word-wrap: break-word;
    padding: 1em 2em;
    font-size: 14px;
    line-height: 1.2;
    cursor: pointer;
    -moz-transition: 0.1s ease;
    -o-transition: 0.1s ease;
    -webkit-transition: 1s ease;
    transition: 0.1s ease;
    position: fixed;
    bottom: 0;
    right: auto;
    left: 0;
    z-index: 99999;
    transition: all 0.3s ease-in-out;
    background-position: center center;
    background-size: 20px;
    text-indent: -4000px;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6IzA2MzFCNzt9Cjwvc3R5bGU+CjxwYXRoIGlkPSJGb3JtYV8xIiBjbGFzcz0ic3QwIiBkPSJNMTY4LDIwNGMwLTExLDktMjAsMjAtMjBzMjAsOSwyMCwyMHMtOSwyMC0yMCwyMFMxNjgsMjE1LDE2OCwyMDR6IE0xMTgsMzA5YzAtMTEsOS0yMCwyMC0yMAoJczIwLDksMjAsMjBzLTksMjAtMjAsMjBTMTE4LDMyMCwxMTgsMzA5eiBNMTU5LDExNWMwLTExLDktMjAsMjAtMjBzMjAsOSwyMCwyMHMtOSwyMC0yMCwyMFMxNTksMTI2LDE1OSwxMTV6IE00MTEsMTIzCgljMC0xMSw5LTIwLDIwLTIwczIwLDksMjAsMjBzLTksMjAtMjAsMjBTNDExLDEzNCw0MTEsMTIzeiBNMjcxLjQsMzIuN2M3LTguNSw1LjgtMjEuMS0yLjgtMjguMkMyNjUuMSwxLjYsMjYwLjYsMCwyNTYsMAoJYy0xOC42LDAtMzcuMSwyLTU1LjMsNmMtMTAuOCwyLjMtMTcuNywxMi45LTE1LjQsMjMuN3MxMi45LDE3LjcsMjMuNywxNS40YzAuMSwwLDAuMiwwLDAuMy0wLjFjNC45LTEuMSw5LjktMiwxNC45LTIuNwoJYy0xLjUsNi40LTIuMiwxMy0yLjIsMTkuN2MwLDQwLjMsMzAsNzQuMyw3MCw3OS40YzAsMC4yLDAsMC40LDAsMC42YzAuMSw0NC4yLDM1LjgsNzkuOSw4MCw4MGMwLjgsMCwxLjcsMCwyLjUsMAoJYzkuMiwzNS4zLDQxLDYwLDc3LjUsNjBjNi43LDAsMTIuOS0wLjIsMTguNS0wLjdDNDU3LjksMzg4LjUsMzY2LjUsNDcyLDI1Niw0NzJjLTExOS4xLDAtMjE2LTk2LjktMjE2LTIxNgoJYzAuMS02OS43LDMzLjctMTM1LjEsOTAuNC0xNzUuN2M5LjEtNi4zLDExLjMtMTguOCw1LTI3LjhzLTE4LjgtMTEuMy0yNy44LTVjLTAuMiwwLjEtMC4zLDAuMi0wLjUsMC4zQzM5LjgsOTUuOC0wLjEsMTczLjQsMCwyNTYKCWMwLDE0MS40LDExNC42LDI1NiwyNTYsMjU2YzY3LjksMCwxMzMtMjcsMTgxLTc1YzQ4LjItNDcuOSw3NS4yLTExMy4xLDc1LTE4MXYwYzAtMC42LDAtMS4zLTAuMS0xLjljMC0wLjItMC4xLTAuNC0wLjEtMC42CgljLTAuMS0wLjQtMC4xLTAuOC0wLjItMS4yYzAtMC4zLTAuMS0wLjUtMC4yLTAuOGMtMC4xLTAuNC0wLjItMC43LTAuMy0xLjFjLTAuMS0wLjMtMC4yLTAuNS0wLjItMC44Yy0wLjEtMC4zLTAuMi0wLjctMC40LTEKCWMtMC4xLTAuMy0wLjItMC41LTAuMy0wLjhjLTAuMS0wLjMtMC4zLTAuNi0wLjUtMWMtMC4xLTAuMi0wLjMtMC41LTAuNC0wLjdjLTAuMi0wLjMtMC40LTAuNi0wLjUtMC45Yy0wLjItMC4yLTAuMy0wLjUtMC41LTAuNwoJYy0wLjItMC4zLTAuNC0wLjUtMC42LTAuOGMtMC4yLTAuMi0wLjQtMC41LTAuNi0wLjdjLTAuMS0wLjEtMC4xLTAuMi0wLjItMC4yYy0wLjItMC4yLTAuMy0wLjMtMC41LTAuNWMtMC4yLTAuMi0wLjQtMC40LTAuNi0wLjYKCWMtMC4zLTAuMy0wLjYtMC41LTAuOC0wLjhjLTAuMi0wLjItMC4zLTAuMy0wLjUtMC41Yy0wLjMtMC4zLTAuNy0wLjUtMS0wLjhjLTAuMi0wLjEtMC4zLTAuMi0wLjQtMC4zYy0wLjQtMC4zLTAuOC0wLjUtMS4zLTAuOAoJYy0wLjEtMC4xLTAuMi0wLjEtMC4zLTAuMmMtMC41LTAuMy0xLjEtMC42LTEuNy0wLjhjLTAuMS0wLjEtMC4zLTAuMS0wLjUtMC4yYy0wLjQtMC4yLTAuOC0wLjMtMS4zLTAuNWMtMC4zLTAuMS0wLjUtMC4xLTAuOC0wLjIKCWMtMC4zLTAuMS0wLjctMC4yLTEtMC4zYy0wLjMtMC4xLTAuNS0wLjEtMC44LTAuMmMtMC40LTAuMS0wLjctMC4xLTEuMS0wLjJjLTAuMywwLTAuNS0wLjEtMC44LTAuMWMtMC40LDAtMC44LTAuMS0xLjItMC4xCgljLTAuMSwwLTAuMywwLTAuNCwwYy0wLjEsMC0wLjIsMC0wLjMsMGMtMC40LDAtMC45LDAtMS4zLDAuMWMtMC4yLDAtMC40LDAtMC42LDBjLTAuNSwwLjEtMSwwLjEtMS41LDAuMmMtMC4xLDAtMC4yLDAtMC4zLDAuMQoJYy0wLjYsMC4xLTEuMiwwLjMtMS44LDAuNWMtMC4yLDAuMS0wLjQsMC4xLTAuNiwwLjJjLTAuNCwwLjEtMC44LDAuMy0xLjIsMC40Yy0wLjIsMC4xLTAuNCwwLjItMC43LDAuM2MtMC4zLDAuMi0wLjcsMC4zLTEsMC41CgljLTAuMiwwLjEtMC41LDAuMy0wLjcsMC40Yy0wLjIsMC4xLTAuNCwwLjItMC42LDAuNGMtMS43LDAuNi05LjYsMi45LTI5LjQsMi45Yy0yMi4xLDAtNDAtMTcuOS00MC00MGMwLTAuNywwLTEuNCwwLjEtMi4zCgljMC42LTExLTcuOC0yMC41LTE4LjgtMjEuMWMtMi43LTAuMi01LjMsMC4yLTcuOCwxLjFjLTIwLjgsNy40LTQzLjctMy41LTUxLjEtMjQuM2MtMy4yLTktMy4xLTE4LjksMC40LTI3LjgKCWM0LTEwLjMtMS4xLTIxLjktMTEuNC0yNS45Yy0zLjgtMS41LTcuOS0xLjctMTEuOS0wLjhjLTIxLjUsNS4yLTQzLjEtOC00OC4zLTI5LjVjLTAuNy0zLjEtMS4xLTYuMi0xLjEtOS40CgljMC4xLTEwLjYsMy41LTIwLjgsOS42LTI5LjVMMjcxLjQsMzIuN3ogTTI0MCwzOTljMC0xMSw5LTIwLDIwLTIwYzExLDAsMjAsOSwyMCwyMHMtOSwyMC0yMCwyMEMyNDksNDE5LDI0MCw0MTAsMjQwLDM5OXogTTQ3MiwyMgoJYzAtMTEsOS0yMCwyMC0yMHMyMCw5LDIwLDIwcy05LDIwLTIwLDIwUzQ3MiwzMyw0NzIsMjJ6IE0zODQsMjJjMC0xMSw5LTIwLDIwLTIwczIwLDksMjAsMjBzLTksMjAtMjAsMjBTMzg0LDMzLDM4NCwyMnogTTMyOCwzNDIKCWMwLTExLDktMjAsMjAtMjBzMjAsOSwyMCwyMHMtOSwyMC0yMCwyMFMzMjgsMzUzLDMyOCwzNDJ6IE0yNjEsMzAxYzAtMTEsOS0yMCwyMC0yMHMyMCw5LDIwLDIwcy05LDIwLTIwLDIwUzI2MSwzMTIsMjYxLDMwMXoiLz4KPC9zdmc+Cg==');
    display: inline-block;
    vertical-align: middle;
    margin-left: 0px;
    opacity: 1;
    background-repeat: no-repeat;
}

#ot-sdk-btn:hover {
    color: #fff;
    background-color: #0631b7;
    text-indent: 0px;
    background-position: 90% center;
    min-width: 260px;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CjxwYXRoIGlkPSJGb3JtYV8xIiBjbGFzcz0ic3QwIiBkPSJNMTY4LDIwNGMwLTExLDktMjAsMjAtMjBzMjAsOSwyMCwyMHMtOSwyMC0yMCwyMFMxNjgsMjE1LDE2OCwyMDR6IE0xMTgsMzA5YzAtMTEsOS0yMCwyMC0yMAoJczIwLDksMjAsMjBzLTksMjAtMjAsMjBTMTE4LDMyMCwxMTgsMzA5eiBNMTU5LDExNWMwLTExLDktMjAsMjAtMjBzMjAsOSwyMCwyMHMtOSwyMC0yMCwyMFMxNTksMTI2LDE1OSwxMTV6IE00MTEsMTIzCgljMC0xMSw5LTIwLDIwLTIwczIwLDksMjAsMjBzLTksMjAtMjAsMjBTNDExLDEzNCw0MTEsMTIzeiBNMjcxLjQsMzIuN2M3LTguNSw1LjgtMjEuMS0yLjgtMjguMmMtMy41LTIuOS04LTQuNS0xMi42LTQuNQoJYy0xOC42LDAtMzcuMSwyLTU1LjMsNmMtMTAuOCwyLjMtMTcuNywxMi45LTE1LjQsMjMuN3MxMi45LDE3LjcsMjMuNywxNS40YzAuMSwwLDAuMiwwLDAuMy0wLjFjNC45LTEuMSw5LjktMiwxNC45LTIuNwoJYy0xLjUsNi40LTIuMiwxMy0yLjIsMTkuN2MwLDQwLjMsMzAsNzQuMyw3MCw3OS40YzAsMC4yLDAsMC40LDAsMC42YzAuMSw0NC4yLDM1LjgsNzkuOSw4MCw4MGMwLjgsMCwxLjcsMCwyLjUsMAoJYzkuMiwzNS4zLDQxLDYwLDc3LjUsNjBjNi43LDAsMTIuOS0wLjIsMTguNS0wLjdDNDU3LjksMzg4LjUsMzY2LjUsNDcyLDI1Niw0NzJjLTExOS4xLDAtMjE2LTk2LjktMjE2LTIxNgoJYzAuMS02OS43LDMzLjctMTM1LjEsOTAuNC0xNzUuN2M5LjEtNi4zLDExLjMtMTguOCw1LTI3LjhzLTE4LjgtMTEuMy0yNy44LTVjLTAuMiwwLjEtMC4zLDAuMi0wLjUsMC4zQzM5LjgsOTUuOC0wLjEsMTczLjQsMCwyNTYKCWMwLDE0MS40LDExNC42LDI1NiwyNTYsMjU2YzY3LjksMCwxMzMtMjcsMTgxLTc1YzQ4LjItNDcuOSw3NS4yLTExMy4xLDc1LTE4MWwwLDBjMC0wLjYsMC0xLjMtMC4xLTEuOWMwLTAuMi0wLjEtMC40LTAuMS0wLjYKCWMtMC4xLTAuNC0wLjEtMC44LTAuMi0xLjJjMC0wLjMtMC4xLTAuNS0wLjItMC44Yy0wLjEtMC40LTAuMi0wLjctMC4zLTEuMWMtMC4xLTAuMy0wLjItMC41LTAuMi0wLjhjLTAuMS0wLjMtMC4yLTAuNy0wLjQtMQoJYy0wLjEtMC4zLTAuMi0wLjUtMC4zLTAuOGMtMC4xLTAuMy0wLjMtMC42LTAuNS0xYy0wLjEtMC4yLTAuMy0wLjUtMC40LTAuN2MtMC4yLTAuMy0wLjQtMC42LTAuNS0wLjljLTAuMi0wLjItMC4zLTAuNS0wLjUtMC43CgljLTAuMi0wLjMtMC40LTAuNS0wLjYtMC44Yy0wLjItMC4yLTAuNC0wLjUtMC42LTAuN2MtMC4xLTAuMS0wLjEtMC4yLTAuMi0wLjJjLTAuMi0wLjItMC4zLTAuMy0wLjUtMC41cy0wLjQtMC40LTAuNi0wLjYKCWMtMC4zLTAuMy0wLjYtMC41LTAuOC0wLjhjLTAuMi0wLjItMC4zLTAuMy0wLjUtMC41Yy0wLjMtMC4zLTAuNy0wLjUtMS0wLjhjLTAuMi0wLjEtMC4zLTAuMi0wLjQtMC4zYy0wLjQtMC4zLTAuOC0wLjUtMS4zLTAuOAoJYy0wLjEtMC4xLTAuMi0wLjEtMC4zLTAuMmMtMC41LTAuMy0xLjEtMC42LTEuNy0wLjhjLTAuMS0wLjEtMC4zLTAuMS0wLjUtMC4yYy0wLjQtMC4yLTAuOC0wLjMtMS4zLTAuNWMtMC4zLTAuMS0wLjUtMC4xLTAuOC0wLjIKCWMtMC4zLTAuMS0wLjctMC4yLTEtMC4zcy0wLjUtMC4xLTAuOC0wLjJjLTAuNC0wLjEtMC43LTAuMS0xLjEtMC4yYy0wLjMsMC0wLjUtMC4xLTAuOC0wLjFjLTAuNCwwLTAuOC0wLjEtMS4yLTAuMQoJYy0wLjEsMC0wLjMsMC0wLjQsMHMtMC4yLDAtMC4zLDBjLTAuNCwwLTAuOSwwLTEuMywwLjFjLTAuMiwwLTAuNCwwLTAuNiwwYy0wLjUsMC4xLTEsMC4xLTEuNSwwLjJjLTAuMSwwLTAuMiwwLTAuMywwLjEKCWMtMC42LDAuMS0xLjIsMC4zLTEuOCwwLjVjLTAuMiwwLjEtMC40LDAuMS0wLjYsMC4yYy0wLjQsMC4xLTAuOCwwLjMtMS4yLDAuNGMtMC4yLDAuMS0wLjQsMC4yLTAuNywwLjNjLTAuMywwLjItMC43LDAuMy0xLDAuNQoJYy0wLjIsMC4xLTAuNSwwLjMtMC43LDAuNGMtMC4yLDAuMS0wLjQsMC4yLTAuNiwwLjRjLTEuNywwLjYtOS42LDIuOS0yOS40LDIuOWMtMjIuMSwwLTQwLTE3LjktNDAtNDBjMC0wLjcsMC0xLjQsMC4xLTIuMwoJYzAuNi0xMS03LjgtMjAuNS0xOC44LTIxLjFjLTIuNy0wLjItNS4zLDAuMi03LjgsMS4xYy0yMC44LDcuNC00My43LTMuNS01MS4xLTI0LjNjLTMuMi05LTMuMS0xOC45LDAuNC0yNy44CgljNC0xMC4zLTEuMS0yMS45LTExLjQtMjUuOWMtMy44LTEuNS03LjktMS43LTExLjktMC44Yy0yMS41LDUuMi00My4xLTgtNDguMy0yOS41Yy0wLjctMy4xLTEuMS02LjItMS4xLTkuNAoJYzAuMS0xMC42LDMuNS0yMC44LDkuNi0yOS41TDI3MS40LDMyLjd6IE0yNDAsMzk5YzAtMTEsOS0yMCwyMC0yMHMyMCw5LDIwLDIwcy05LDIwLTIwLDIwUzI0MCw0MTAsMjQwLDM5OXogTTQ3MiwyMgoJYzAtMTEsOS0yMCwyMC0yMHMyMCw5LDIwLDIwcy05LDIwLTIwLDIwUzQ3MiwzMyw0NzIsMjJ6IE0zODQsMjJjMC0xMSw5LTIwLDIwLTIwczIwLDksMjAsMjBzLTksMjAtMjAsMjBTMzg0LDMzLDM4NCwyMnogTTMyOCwzNDIKCWMwLTExLDktMjAsMjAtMjBzMjAsOSwyMCwyMHMtOSwyMC0yMCwyMFMzMjgsMzUzLDMyOCwzNDJ6IE0yNjEsMzAxYzAtMTEsOS0yMCwyMC0yMHMyMCw5LDIwLDIwcy05LDIwLTIwLDIwUzI2MSwzMTIsMjYxLDMwMXoiLz4KPC9zdmc+Cg==');
}

.ot-sdk-btn-text {
    display: none;
}

#ot-sdk-btn:hover .ot-sdk-btn-text {
    display: inline-block;
}

.ot-sdk-btn-icon {
    display: none;
}

#ot-sdk-btn:hover .ot-sdk-btn-icon {
    display: none;
}



/*   From remote file  https://assets.sport.ro/assets/ibu/footer/footer.css*/

html, body {
	margin: 0px;
	padding: 0px;
}
.footer-internet-main {
	width: 100%;
	position: relative;
	display: table;
	z-index: 8;
	background: #3e3e40;
	font-family: 'Open Sans', Arial, Verdana, sans-serif;
	font-weight: 400;
	line-height: 18px;
	text-align: left !important;
}
.footer-internet-main .mb0 {
	margin-bottom: 0px !important;
}
.footer-internet-main .pb0 {
	padding-bottom: 0px !important;
}
.footer-internet-main a {
	outline: none !important;
}
.footer-internet {
	width: 1000px;
	overflow: hidden;
	margin: 0px auto;
}
.footer-internet-column {
	width: 25%;
	float: left;
}
.cat-group {
	padding: 20px;
}
.cat-group .cat-title {
	width: 100%;
	display: block;
	margin: 0 0 10px 0;
	font-family: 'Open Sans', Arial, Verdana, sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 18px;
	text-transform: uppercase;
	color: #fff;
}
.cat-group .cat-title a, .cat-group .cat-title a:visited {
	color: #FFFFFF !important;
	font-size: 18px;
	line-height: 18px;
}
.cat-group a, .cat-group a:visited {
	width: 100%;
	display: block;
	margin: 0 0 5px 0;
	font-size: 12px;
	color: #ababab !important;
	text-decoration: none;
}
.cat-group a:hover {
	text-decoration: underline;
}
#ibu_footer_container {
	width: 100%;
	float: left;
	background: #3e3e40;
}
#ibu_traffic {
	width: 100%;
	margin: 0px auto 0px auto;
	text-align: center;
	background: #3e3e40;
}
/* specific relational values for various sites */
/* hmultiplex */
#main_page #ibu_footer_container {
	margin-bottom: 20px;
}
#main_page .cat-group a, #main_page .cat-group a:visited {
}
/* hmultiplex */