/*** Menu Vod-dvd ****/

.format-wrapper{ float:right; padding: 3px;}
.format-wrapper  a:hover{ color: #326E9C; text-decoration: underline;}
.format-wrapper .format-dvd{ display: inline-block; padding: 2px;}
.format-wrapper .format-dvd a{ color: #A8A8A8; padding: 3px;}
.format-wrapper .format-vod{ display: inline-block; padding: 2px;}
.format-wrapper .format-active{ background: #F2F2F2; border: 1px solid #E2E2E2;}
.format-wrapper .format-active a{ color: #326E9C; font-weight: bold;}

/*** Menu Companias ****/

.vod-provider-menu{ margin-left: 5px; padding-left: 5px;}
.vod-provider-menu li {display: inline-block; margin: 0px 5px;}
.vod-provider-menu li a{ color: #cccccc;}
.vod-provider-menu li .provider-wrapper{ border-bottom: 3px solid transparent; text-align: center; width: 85px; padding-bottom: 5px;}
.vod-provider-menu li .provider-wrapper:hover{ border-color: #3C6E99;}
.vod-provider-menu li .provider-wrapper img{ opacity:0.20; filter:alpha(opacity=20);}
.vod-provider-menu li .provider-wrapper:hover img{ opacity:1; filter:alpha(opacity=100);}
.vod-provider-menu li .active{border-color: #3C6E99; border-bottom: 3px solid #3C6E99; background: #f3f3f3; padding: 5px 0px;}
.vod-provider-menu li .active a{ color: #333333; font-size: 12px; font-weight: bold;}
.vod-provider-menu li .active img{ opacity:1; filter:alpha(opacity=100);}


/**** Tooltip ****/

.ui-tooltip, .arrow:after { background: #f8f8f8; border: 1px solid #AAAAAA;}

.ui-tooltip { padding: 10px 20px; color: #333333; font: 14px "Helvetica Neue", Sans-Serif;}
.arrow { width: 70px; height: 16px; overflow: hidden; position: absolute; left: 20%; margin-left: -65px; bottom: 30px;}
.arrow.top { top: 0px; bottom: auto; }
.arrow.left { left: 0;}
.arrow:after { content: ""; position: absolute; left: 63px; top: -13px; width: 50px; height: 44px; box-shadow: 6px 5px 9px -9px black; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); tranform: rotate(45deg);}
.arrow.top:after { bottom: -20px; top: auto;}

.ui-tooltip-content .bubble-title, .tmp-buble .bubble-title{ height: 2.6em; line-height: 1.3em; overflow-y: hidden;}
.ui-tooltip-content .bubble-title a, .tmp-buble .bubble-title a{ font-size: 18px; margin: 10px 0px 0px; color: #444444;}
.ui-tooltip-content .bubble-title a:hover, .tmp-buble .bubble-title a:hover{ text-decoration: underline;}
.ui-tooltip-content .bubble-cd{ margin-left: 5px;}
.ui-tooltip-content .bubble-cd a{ color: #326E9C}
.ui-tooltip-content .bubble-country-year-run, .tmp-buble .bubble-country-year-run{font-size: 10px; color: #444444; margin: 0px 5px;}
.ui-tooltip-content .bubble-director, .tmp-buble .bubble-director{color: #036; font-size: 11px; margin: 5px 0px; display: none;}
.ui-tooltip-content .bubble-cast, .tmp-buble .bubble-cast{ color: #888888; font-size: 11px; margin: 5px 0px; display: none;}
.ui-tooltip-content .bubble-sinop, .tmp-buble .bubble-sinop{ color: #666666; font-size: 11px; margin: 5px; font-style: italic;}
.ui-tooltip-content .bubble-genres, .tmp-buble .bubble-genres{ color: #888888; font-size: 10px; margin: 5px; }
.ui-tooltip-content .bubble-runtime, .tmp-buble .bubble-runtime{ font-size: 10px; margin-left: 5px;}

.ui-tooltip-content .bubble-rat-wrapper, .tmp-buble .bubble-rat-wrapper{ background: #f2f2f2; height: 26px; margin: 5px 0px; position: relative; width: 125px; text-align: left;}
.ui-tooltip-content .bubble-title-wrapper, .tmp-buble .bubble-title-wrapper{ margin: 5px;}

.ui-tooltip-content .bubble-release-date, .tmp-buble .bubble-release-date{ text-align: center; font-size: 11px; color: #666666; padding: 0px 3px 3px; margin-top: 0px; }
.ui-tooltip-content .bubble-rat-count, .tmp-buble .bubble-rat-count{ color: #666666; font-size: 11px; line-height: 26px; text-align: left;}
.ui-tooltip-content .bubble-img, .tmp-buble .bubble-img{ position: absolute; background: #4682B4; color: #FFFFFF; font-size: 14px; height: 26px; line-height: 26px; right: 0; top: 0; width: 2em; text-align: center;}

.ui-tooltip-content .options-available, .tmp-buble .options-available{text-align: center; }
.ui-tooltip-content .bubble-price-info, .tmp-buble .bubble-price-info{ display: inline-block; vertical-align: top; font-size: 12px; margin-top: 10px; width: 85px;}
.ui-tooltip-content .bubble-price-info .rental-wrapper, .tmp-buble .bubble-price-info .rental-wrapper{ font-size: 11px; margin: 3px 0px; color: #888888;}
.ui-tooltip-content .bubble-price-info .rental-ndiv, .tmp-buble .bubble-price-info .rental-ndiv{ text-align:left; margin: 0 auto; display: inline-block;}
.ui-tooltip-content .bubble-price-info .purchase-wrapper, .tmp-buble .bubble-price-info .purchase-wrapper{ font-size: 11px; margin: 3px 0px; color: #888888;}
.ui-tooltip-content .bubble-price-info .purchase-ndiv, .tmp-buble .bubble-price-info .purchase-ndiv{ text-align:left; margin: 0 auto; display: inline-block;}
.ui-tooltip-content .bubble-price-info .susc-wrapper, .tmp-buble .bubble-price-info .susc-wrapper{ font-size: 11px; margin: 3px 0px; color: #888888;}

.item-price{}

.bubble-price-block{ padding:3px; border: 1px solid #888888; display: inline-block;}
.tmp-buble{ padding: 3px;}
.bubble-h1{ color: #777777;}
.option-price-type{ color: #666666; font-size: 8px; font-weight: bold; width: 20px; text-align: right; padding-right: 4px;}
.price-item{ font-size: 12px;}

/**** MENU TIPOS DE VISTA ****/

.menu-filter{text-align: left; padding: 6px;}
#view-types-wrapper{float: right;}
#view-types-wrapper #view-cover, #view-types-wrapper #view-cover-sel, #view-types-wrapper #view-details, #view-types-wrapper #view-details-sel{ display: inline-block;}
.filter-vod-by{ margin:0px;}
.filter-vod-by div{display: inline-block; list-style: none; margin: 3px; padding: 3px;}
.filter-vod-by .not-selected{ }
.filter-vod-by .active a{ font-weight: bold; color: #333333;}


#adverstiment{ float: right; padding-top: 5px;}

.ec-item-main-wrapper{ margin-left: 5px; background: #F2F2F2; padding-left: 20px;}
.ec-item-main-wrapper .ec-item-wrapper{display: inline-block; background: #FFFFFF; box-shadow: 0 2px 4px rgba(0,0,0,0.1);  -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
                                        text-align: center; width: 170px; vertical-align: top; margin: 12px 10px;}
.ec-item-main-wrapper .movie-avg-image{ display:none; text-align: left;}
.ec-item-main-wrapper .movie-country-image{ display:none; text-align: left;}
.ec-item-main-wrapper .ec-item-info{padding: 12px 12px 30px; display: block; text-align: center;}
.ec-item-main-wrapper .ec-item-info .movie-image-wrapper{ text-align: center; padding: 5px 0px; min-height: 174px; position:relative;}
.ec-item-main-wrapper .ec-item-info .release-rat-wrapper{ background: #f2f2f2; width:126px; margin: 5px auto 0px; padding: 0 2px;  height: 26px; position:relative;}
.ec-item-release{font-style: italic; padding: 5px 0px; font-size: 11px; color: #333333;}
.ec-movie-rat{position:absolute; right:0; top:0; color: #ffffff; width: 2em; height: 26px; line-height: 26px;  background: #4682B4; font-size: 14px; }
.ec-movie-rat-count{ color: #444444; color: #666666; font-size: 11px; text-align: left; line-height: 26px; }
.ec-movie-title{ color: #444444; margin-top: 5px; height: 32px; line-height: 16px; overflow: hidden; margin-bottom: 5px; width: 126px;}
.ec-movie-title:hover{ text-decoration: underline;}

/********** Pagina Principal ********/

.provider-main-wrapper{ margin: 0px 8px 10px;}
.format-types-title{ color: #555555; padding: 4px 2px 4px; text-align: left; font-family: Helvetica; font-size: 18px;}
.provider-item{ margin: 10px 0px; padding: 10px; background: #f2f2f2;}
.provider-wrapper-2{ border-bottom: 3px solid transparent; background: #ffffff; text-align: center; width: 85px; height: 90px;
                     padding: 5px; margin: 5px 6px; display: inline-block; vertical-align: top;
                     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); -moz-border-radius: 3px; border-radius: 3px;}
.provider-wrapper-2:hover{ border-color: #3C6E99;}
.provider-wrapper-2 a{ color: #333333;}

.img-provider-container{padding: 5px 0px;}
.img-desc-container{ padding: 10px 0px; height: 2em; line-height: 1em;}

.genre-filter-wrapper{ margin-left: 15px;}

.fa-image{ position: absolute; bottom: 1px; right: 0; --webkit-box-shadow: 0px 0px 7px 6px rgba(255,255,255,1); -moz-box-shadow: 0px 0px 7px 6px rgba(255,255,255,1);
            box-shadow: 0px 0px 7px 6px rgba(255,255,255,1);}

.no-title-info{ margin: 15px 5px}
.info-main-vod{ margin: 10px auto 20px; border: 1px solid #dfe0e1; padding: 15px 40px; background-color: #f2f2f2; border: 1px solid #CECECE;
                box-shadow: 0 1px 1px #E9E9E9;}

.info-bottom-vod{ margin: 50px 10px 10px 10px;  font-size: 10px; }
.info-bottom-vod img{ vertical-align: bottom; width: 20px;}

#disclaimer-wrapper{ font-size: 9px; margin: 5px;}