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, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
margin : 0;
padding : 0;
border : 0;
outline : 0;
font-size : 100%;
vertical-align : baseline;
/*LOADING IMAGES HERE*/
    background-image: url(http://repo.hb.stratusmedia.io/acc/sprs/st/www/default/public/modules/profile/images/360_off.jpg);
    background-image: url(http://repo.hb.stratusmedia.io/acc/sprs/st/www/default/public/modules/profile/images/360_roll.jpg);
    background-image: url(http://repo.hb.stratusmedia.io/acc/sprs/st/www/default/public/modules/profile/images/360_on.jpg);
    
    background-image: url(http://repo.hb.stratusmedia.io/acc/sprs/st/www/default/public/modules/profile/images/480_off.jpg);
    background-image: url(http://repo.hb.stratusmedia.io/acc/sprs/st/www/default/public/modules/profile/images/480_roll.jpg);
    background-image: url(http://repo.hb.stratusmedia.io/acc/sprs/st/www/default/public/modules/profile/images/480_on.jpg);
    
    background-image: url(http://repo.hb.stratusmedia.io/acc/sprs/st/www/default/public/modules/profile/images/720_off.jpg);
    background-image: url(http://repo.hb.stratusmedia.io/acc/sprs/st/www/default/public/modules/profile/images/720_roll.jpg);
    background-image: url(http://repo.hb.stratusmedia.io/acc/sprs/st/www/default/public/modules/profile/images/720_on.jpg);
    
    background-image: url(http://repo.hb.stratusmedia.io/acc/sprs/st/www/default/public/modules/profile/images/1080_off.jpg);
    background-image: url(http://repo.hb.stratusmedia.io/acc/sprs/st/www/default/public/modules/profile/images/1080_roll.jpg);
    background-image: url(http://repo.hb.stratusmedia.io/acc/sprs/st/www/default/public/modules/profile/images/1080_on.jpg);
/*END LOAD IMAGES*/

background : transparent;
}
ul {
list-style : none;
}
body {
line-height : 1;
background-color: black;
}
blockquote, q {
quotes : none;
}
blockquote:before, blockquote:after, q:before, q:after {
content : '';
content : none;
}
:focus {
outline : 0;
}
ins {
text-decoration : none;
}
del {
text-decoration : line-through;
}
table {
border-collapse : collapse;
border-spacing : 0;
}
html {
font-size : 100.01%;
}
body {
font-size : 1em;
}
input, textarea {
font-family : Arial, Helvetica, sans-serif;
}
textarea {
overflow : auto;
}
button {
cursor : pointer;
}
a {
color : #3f3f3f;
}
a img {
border : none;
}
a {
text-decoration : none;
}
p {
padding-bottom : 10px;
}
a:hover {
text-decoration : underline;
}
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.clearfix {
display : inline-block;
}
.clearfix {
display : block;
}
* html .clearfix {
height : 1px;
}
.clear {
clear : both;
}
@font-face {
font-family: 'BebasNeueRegular';
/*src: url('BebasNeue-webfont.eot');*/
/*src: local('☺'),
    url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
    url('BebasNeue-webfont.woff') format('woff'),
    url('BebasNeue-webfont.ttf') format('truetype'),
    url('BebasNeue-webfont.svg#BebasNeueRegular') format('svg');*/
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'MyriadProRegular';
/*src: url('regular-webfont.eot');*/
/*src: local('☺'),
    url('regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('regular-webfont.woff') format('woff'),
    url('regular-webfont.ttf') format('truetype'),
    url('regular-webfont.svg#MyriadProRegular') format('svg');*/
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'MyriadProBold';
/*src: url('myriadpro-bold-webfont.eot');*/
}

@font-face {
font-family: 'MyriadProBold';
/*src: url(//:) format('no404'), url('myriadpro-bold-webfont.woff') format('woff'), url('myriadpro-bold-webfont.ttf') format('truetype'), url('myriadpro-bold-webfont.svg#webfontPZg38ctj') format('svg');
*/
font-weight: normal;
font-style: normal;
}

body {
font : 100 13px/20px Droid Sans, arial, serif;
color : #000000;
}
html, body {
height : 100%;
}
#wrap {
min-height : 100%;
position : relative;
z-index : 1;
}
#container {
position : relative;
z-index : 1;
}
h3 {
font : 700 16px/24px Arial, Helvetica, sans-serif;
color : #ffffff;
}
h4 {
font : 700 16px/24px Arial, Helvetica, sans-serif;
color : #010101;
}
.fleft {
float : left;
position:relative;
}
.fright {
    float : right;
    position:relative;
}
.frightShare{
    width:235px;
    float:right;
    text-align:right;
    position:relative;
    
}
.frightShare li{
    float:right;
}
.txtcenter {
text-align : center;
}
.txtleft {
text-align : left;
}
.txtright {
text-align : right;
}
.pb3 {
padding-bottom : 3px;
}
.pb5 {
padding-bottom : 5px;
}
.pt10 {
padding-top : 10px;
}
.p10 {
padding : 10px;
}
.pt20 {
padding-top : 20px;
}
.pb20 {
padding-bottom : 20px;
}
.px20 {
padding : 20px 0;
}
.px10 {
padding : 10px 0;
}
.plr20 {
padding : 0 20px;
}
.p20 {
padding : 20px;
}
.mr5 {
margin-right : 5px;
}
.ml5 {
margin-left : 5px;
}
.fgray {
color : #666666;
}
.fwhite {
color : #fff;
}
.tx-11 {
font-size : 11px;
}
.tx-13 {
font-size : 13px;
}
.tx-bold {
font-weight : bold;
}
.txtupper {
text-transform : uppercase;
}
.fdgray {
color : #666666;
}
.headertools {
background : url(http://repo.hb.stratusmedia.io/acc/sprs/st/sprs/default/public/img/header.jpg) left bottom repeat-x #fff;
display : block;
width : 100%;
border-bottom : 1px solid #e8e8e8;
margin-bottom : 1px;
height:110px;
position:relative;
}
.headertools ul li a, #latetstTwitts .twitts, #reloadtwitts, .trailer, .compartir, .movieInfo .movieDisponible ul li a, .socialbox ul li a span {
background : url(http://repo.hb.stratusmedia.io/acc/sprs/st/sprs/default/public/img/sprite.png) 999px 999px no-repeat;
}
#mainMenu {
background : url(http://repo.hb.stratusmedia.io/acc/sprs/st/sprs/default/public/img/gradient_3.jpg) left top repeat-x #ebebeb;
height: 35px;
}
#mainMenu li {
/*background : url(http://repo.hb.stratusmedia.io/acc/sprs/st/sprs/default/public/img/menu_bg.jpg) left top repeat-y;*/
padding-left : 3px;
}
#mainMenu li a {
    /*background:url(http://repo.hb.stratusmedia.io/acc/sprs/st/sprs/default/public/img/gradient_4.jpg) repeat-x 0 -999px;*/
    font-family:"BebasNeueRegular", Arial, Helvetica, sans-serif
}
#innerPage .innerPage .article span.description {
background : url(http://repo.hb.stratusmedia.io/acc/sprs/st/sprs/default/public/img/titlebg.png) left top repeat-x #3c3c3c;
}
.subsection {
background : url(http://repo.hb.stratusmedia.io/acc/sprs/st/sprs/default/public/img/gradient_1.jpg) left bottom repeat-x #ededed;
display : block;
width : 100%;
position:relative;
}
.leftShadow, .rightShadow {
/*background : url(http://repo.hb.stratusmedia.io/acc/sprs/st/sprs/default/public/img/gallery_shadow.png) left top repeat-y;*/
width : 136px;
height : 100%;
position : absolute;
top : 0;
z-index : 1;
border:none;
}
.leftShadow {
left : -1px;
}
.rightShadow {
background-position : right top;
right : -1px;
}
.footerGallery .itemDescription {
    background :#000;
    


}
#innerPage .innerPage, .subsection ul, .content {
    width : 980px;
    margin : 0 auto;
}
.header{
    width : 948px;
    margin : 0 auto;
    left:-28px;
    position:relative;
}
#mainMenu ul{
    width : 962px;
    margin : 0 auto;
}
#header {
background : #000000;
width : 100%;
z-index: 1;
height:150px;
overflow:hidden;
}
#header img{
    padding: 0px;
    margin:0px;
}
.logo {
display : block;
position: relative;
top:6px;
overflow:hidden;
height:105px;
width:auto;
}
.headertools ul {
padding-top : 15px;
}
.headertools ul li {
display : block;
line-height : 32px;
text-transform : uppercase;
color : #9f9f9f;
font-style : italic;
float : left;
}

.headertools ul li a {
width : 32px;
height : 32px;
display : block;
margin-left : 8px;
}
.headertools .headerdvd{
    float:right;
    position:relative;
    width:100%;
    text-align:right;
    padding-top:20px;
    padding-right:15px;
}
.headertools .headerdvd a{
    position: relative;
    width:100%;
}

.headertools ul li a.facebook {
background-position : -200px 0%;
}
.headertools ul li a.twitter {
background-position : -236px 0%;
}
.headertools ul li a.tuenti {
background-position : -272px 0%;
}
.headertools ul li a.youtube {
background-position : -306px 0%;
}
#mainMenu {
display : block;
width : 100%;
z-index: 2;
border-bottom : 1px solid #d6d6d6;
}

#mainMenu li {
display : block;
float : left;
position : relative;
z-index : 1;
}
#mainMenu li a {
display : block;
padding : 0 10px;
padding-top:3px;
text-transform : uppercase;
color : #bfbfbf;
line-height : 32px;
font-size : 16px;
font-weight: bold;
}
#mainMenu li a.active {
background-position : 0% 0%;
background-repeat : repeat-x;
background-color : #c2c3c3;
color : #212222;
}
#innerPage {
background : url(http://repo.hb.stratusmedia.io/acc/sprs/st/sprs/default/public/img/innerPage.jpg) left top repeat-x #040404;
display : block;
}
#innerPage .innerPage {
padding : 0;
}
#innerPage .innerPage .article {
display : inline-block;
position : relative;
z-index : 1;
margin : 4px;
}
#innerPage .innerPage .article .ldr {
overflow : hidden;
}
#innerPage .innerPage .article img {
display : none;
}
#innerPage .innerPage .article .description {
position : absolute;
bottom : 10px;
left : 5px;
color : #fff;
z-index : 2;
text-transform : uppercase;
padding : 2px 5px;
font-weight : bold;
overflow : hidden;
display : none;
}
#innerPage{width:980px; position:relative; margin-right:auto; margin-left:auto; z-index:9;}
.subsection ul {
display : block;
padding : 5px 0;
}
.subsection ul li {
display : block;
float : left;
padding : 5px 10px;
}
.subsection ul li a {
    color : #4e4e4e;
    border-radius : 10px 10px;
    padding : 2px 5px;
    text-transform : uppercase;
    font-family : 'MyriadProRegular', Droid Sans, arial, serif;
}
.subsection ul li a.active, .subsection ul li a:hover {
    background-color : #2d2d2d;
    color : #fff;
    text-decoration : none;
    text-transform: none;
    font-family : 'MyriadProBold', Droid Sans, arial, serif;
    padding:4px;
    padding-left:10px;
    padding-right:10px;
}
.footerGallery {
    background : #000;
    display : block;
    padding : 0;
}
.footerGallery .content {
    /*background : #858585;*/
    background : url("http://repo.hb.stratusmedia.io/acc/sprs/st/sprs/default/public/img/fondo_covers_base.jpg") bottom #FFF repeat-y;
    position : relative;
    z-index : 1;
}
.footerGallery .items {
    background : #202020;
    position : relative;
    z-index : 1;
    text-align : center;
}
.footerGallery .items dd, .footerGallery .itemDescription dd {
    width : 160px;
    margin : 0 10px;
    display : inline-block;
}
.footerGallery .items dd a {
    position : relative;
    z-index : 1;
    top : 30px;
    display : inline-block;
}
.footerGallery .itemDescription {
    display : block;
    text-align : center;
    /*margin-top : 40px;*/
    font-family : 'MyriadProBold', Droid Sans, arial, serif;
    background: url(http://repo.hb.stratusmedia.io/acc/sprs/st/sprs/default/public/img/fondo_covers_borde.jpg) #000 no-repeat bottom;
    position:relative;
    height:51px;
}
.itemDescription-back{
    position:relative;
    width:100%;
    background:#912323;
    height:20px;
    /*margin-top:10px;*/
    padding-left:40px;
    left:-40px;
    background: url(http://repo.hb.stratusmedia.io/acc/sprs/st/sprs/default/public/img/fondo_covers_base.jpg) #000000 no-repeat;
}
.footerGallery .itemDescription dd {
text-align : center;
color : #fff;
text-transform : uppercase;
padding : 8px 0;
position : relative;
z-index : 2;
}
.graybox {
background : #e5e5e5;
display : block;
}
#latetstTwitts {
background : #fff;
padding : 5px 30px 5px 10px;
border-radius : 10px 10px;
position : relative;
z-index : 1;
}
#latetstTwitts a {
font-weight : bold;
color : #010101;
}
#latetstTwitts .twitts {
background-position : 0% -1px;
width : 16px;
height : 16px;
float : left;
margin-right : 5px;
}
#reloadtwitts {
background-position : -21px -3px;
width : 16px;
height : 16px;
display : block;
position : absolute;
top : 7px;
right : 10px;
cursor : pointer;
z-index : 2;
}
.promociones h5 {
font-size : 11px;
text-transform : uppercase;
color : #333333;
font-family : 'MyriadProRegular', Droid Sans, arial, serif;
}
.promociones ul {
display : block;
padding : 10px 0;
text-align : center;
}
.promociones ul li {
display : inline;
margin : 0 10px;
}
.promociones ul li a img {
border-radius : 10px 10px;
display : inline-block;
width:280px;
height:auto;
}
#footer {
display : block;
background : #fff;
width : 100%;
font-size : 11px;
color : #3f3f3f;
}
#footer a.footerlink {
line-height : 36px;
display : inline-block;
}
#footer .footer {
border-top : 1px solid #babec4;
padding-top : 5px;
display : block;
}
#innerPage {
padding-top : 20px;
background : #000000;
width:980px;
margin-left:auto;
margin-right:auto;
position: relative;
}
.movieDetails {
    background : #161616;

    padding : 10px 0;
    position:relative;
    clear:both;
    /*padding-bottom:60px;*/
}
#innerPage .movieDetails .innerPage {
padding : 0;
}

#boxes {
    width : 960px;
    height : 410px;
    display : block;
    position : relative;
    z-index : 1;
    margin-bottom:5px;
    margin-left:auto;
    margin-right:auto;
    
}
.boxesOver{
    display:none;
    margin-top:-415px;
    width : 960px;
    height : 440px;
    display : block;
    position : relative;
    z-index : 99999999;
    margin-bottom:5px;
    margin-left:auto;
    margin-right:auto;
    background: url(http://repo.hb.stratusmedia.io/acc/sprs/st/sprs/default/public/img/transparent.png) transparent repeat;
    
}
.boxesOver a{
    cursor:pointer;
}
.boxes-title{
    position: relative;
    top: -30px;
    margin-left:7px;
    padding:5px;
    color:#FFF;
    background:#000;
    height:20px;
    width:auto;
    text-transform: uppercase;
    font-size:11px;
    font-weight: bold;
    background: url(http://repo.hb.stratusmedia.io/acc/sprs/st/sprs/default/public/img/bkg_title.jpg) repeat-x;
    word-break: break-all;
    word-wrap: break-word;
    text-overflow:clip;
    
}

#boxes #box1and5{position:relative; width:176px; height:352px; float:left;z-index:1; overflow: hidden; margin-right:5px;}
#boxes #box1{position:relative; width:176px; height:144px;z-index:1; margin-bottom:5px;}
#boxes #box5{position:relative; width:176px; height:203px;z-index:1; margin-bottom:5px;}
#boxes #box5 .boxes-title{font-size:10.3px;}

#boxes #box2{position:relative; width:395px; height:206px; float:left; z-index:1; overflow: hidden; padding:0px; margin:0px; margin-right:5px; margin-bottom:5px;}
#boxes #box3{position:relative; width:179px; height:206px; float:left; z-index:1; overflow: hidden; padding:0px; margin:0px; margin-right:5px; margin-bottom:5px;}
#boxes #box4{position:relative; width:166px; height:206px; float:left; z-index:1; overflow: hidden; margin-right:5px; margin-bottom:5px;}

#boxes #box6{position:relative; width:287px; height:141px; float:left; z-index:1; overflow: hidden; margin-right:5px; margin-bottom:5px;}
#boxes #box7{position:relative; width:172px; height:141px; float:left; z-index:1; overflow: hidden; margin-right:5px; margin-bottom:5px;}
#boxes #box8{position:relative; width:281px; height:141px; float:left; z-index:1; overflow: hidden; margin-right:5px; margin-bottom:5px;}

#boxes #box1 video{ height:100%; width:350px; left:-85px; position: relative;}
#boxes #box2 video{ height:115%; width:510px; margin:0px; left:-50px; top:-10px; position: relative; overflow: hidden; position:relative;}
#boxes #box3 video{ height:100%; width:490px; left:-150px; position: relative;}
#boxes #box4 video{ height:100%; width:490px; left:-150px; position: relative;}
#boxes #box5 video{ height:100%; width:550px; left:-170px; position: relative;}
#boxes #box6 video{ height:120%; width:360px; padding: 0px; left:-35px; top:0px; margin:0px; position: relative; overflow: hidden; position:relative;}
#boxes #box7 video{ height:100%; width:360px; left:-95px; position: relative;}
#boxes #box8 video{ height:115%; width:550px;  left:-135px; padding: 0px; margin:0px; position: relative; overflow: hidden; position:relative;}


.boxesOver #box1and5{position:relative; width:176px; height:392px; float:left;z-index:1; overflow: hidden; margin-right:5px;}
.boxesOver #box1{position:relative; width:176px; height:174px;z-index:1; margin-bottom:5px;}
.boxesOver #box5{position:relative; width:176px; height:223px;z-index:1; margin-bottom:5px;}

.boxesOver #box2{position:relative; width:395px; height:256px; float:left; z-index:1; overflow: hidden; padding:0px; margin:0px; margin-right:5px; margin-bottom:5px;}
.boxesOver #box3{position:relative; width:179px; height:256px; float:left; z-index:1; overflow: hidden; padding:0px; margin:0px; margin-right:5px; margin-bottom:5px;}
.boxesOver #box4{position:relative; width:166px; height:256px; float:left; z-index:1; overflow: hidden; margin-right:5px; margin-bottom:5px;}

.boxesOver #box6{position:relative; width:287px; height:161px; float:left; z-index:1; overflow: hidden; margin-right:5px; margin-bottom:5px;}
.boxesOver #box7{position:relative; width:172px; height:161px; float:left; z-index:1; overflow: hidden; margin-right:5px; margin-bottom:5px;}
.boxesOver #box8{position:relative; width:281px; height:161px; float:left; z-index:1; overflow: hidden; margin-right:5px; margin-bottom:5px;}

.boxInherit{
    width:100%;
    height:100%;
    position: relative;
    overflow: hidden;
}

#premiereList{
    background:url(http://repo.hb.stratusmedia.io/acc/sprs/st/sprs/default/public/img/fondo_covers.jpg) #000 top left;
    border:none;
    padding-bottom:10px;
    
}

.movieInfo {
display : block;
padding : 0 0 20px;
position:relative;
clear:both;

}
.movieInfo dd {
display : block;
float : left;
margin : 0 10px;
}
.movieInfo .movieImage {
width : 170px;
position:relative;
}
.movieInfo .movieTrailer {
width : 240px;
position:relative;
float:left;
}
.movieInfo .movieContent{
    position:relative;
    width:100%;
}
.movieInfo .movieSinopsis {
width : 230px;
height:auto;
clear:both;
position:relative;
}
.movieInfo .movieDisponible {
width : 180px;
height:auto;
position:relative;
/*Quitar esto en un futuro:*/
}
.trailerList li {
display : block;
border-bottom : 1px solid #323232;
padding : 5px 0;
position:relative;
font-size:11.5px;
}
.trailerList li a {
padding : 2px 10px;
border-radius : 10px 10px;
display : block;
background : #fff;
color : #161616;
width: 85px;
}
.trailerList li a:hover {
background : #858585;
color : #fff;
text-decoration : none;
}
.trailer {
background-position : 0 -27px;
width : 18px;
height : 11px;
display : block;
}
.trailerList li a .trailer {
margin-top : 5px;
}
.trailerList li a:hover .trailer {
background-position : -28px -27px;
}
.compartir {
background-position : -44px 0%;
width : 13px;
height : 15px;
display : block;
margin-top : 3px;
color:#666666;
}
.movieInfo .movieDisponible {
background : #101010;
margin-bottom : 20px;
border-radius : 10px 10px;
padding : 10px;
float : right;
}
.movieInfo .movieDisponible ul {
display : block;
padding : 0 20px;
}
.movieInfo .movieDisponible ul li {
display : block;
padding : 10px 0;
}
.movieInfo .movieDisponible ul li a {
border-radius : 10px 10px;
color : #131313;
padding : 0 20px;
text-align : center;
font-weight : bold;
font-size : 18px;
background-position : 0% -69px;
border : none;
height : 32px;
line-height : 32px;
display : block;
}
.movieInfo .movieDisponible ul li a:hover {
background-position : 0% -39px;
text-decoration : none;
}
.socialbox {
background : #101010;
margin-bottom : 0px;
border-radius : 0 0;
padding : 10px;

margin-top : 10px;
position:relative;
clear: both;

}
.socialbox ul {
display : block;
text-align : center;
width:300px;
margin-left:auto;
margin-right:auto;

}
.socialbox ul li {
display : inline-block;
margin : 0 10px;
float:left;
}
.socialbox ul li a {
display : block;
line-height : 28px;
color : #ffffff;
font-family : Arial, Helvetica, sans-serif;
}
.socialbox ul li a span {
width : 26px;
height : 26px;
display : block;
float : left;
margin-right : 5px;
}
.socialbox ul li a span.facebook {
background-position : -65px 0%;
}
.socialbox ul li a span.twitter {
background-position : -136px 0%;
}
.socialbox ul li a span.tuenti {
background-position : -101px 0%;
}
.socialbox ul li a span.embed {
background-position : -171px 0%;
}
.blackbox {
border-radius : 6px 6px;
background : #1b1b1b;
display : block;
padding : 8px 20px;
color : #fff;
}
.ui-tooltip, .qtip {
position : absolute;
left : -28000px;
top : -28000px;
display : none;
max-width : 280px;
min-width : 50px;
font-size : 10.5px;
line-height : 12px;
z-index : 15000;
}
.ui-tooltip-fluid {
display : block;
visibility : hidden;
position : static !important ;
float : left !important ;
}
.ui-tooltip-content {
position : relative;
padding : 5px 9px;
overflow : hidden;
border-width : 1px;
border-style : solid;
text-align : left;
overflow : hidden;
}
.ui-tooltip-titlebar {
position : relative;
min-height : 14px;
padding : 5px 35px 5px 10px;
overflow : hidden;
border-width : 1px 1px 0;
border-style : solid;
font-weight : bold;
}
.ui-tooltip-titlebar + .ui-tooltip-content {
border-top-width : 0 !important ;
}
.ui-tooltip-titlebar .ui-state-default {
position : absolute;
right : 4px;
top : 50%;
margin-top : -9px;
cursor : pointer;
outline : medium none;
border-width : 1px;
border-style : solid;
}
* html .ui-tooltip-titlebar .ui-state-default {
top : 16px;
}
.ui-tooltip-titlebar .ui-icon, .ui-tooltip-icon .ui-icon {
display : block;
text-indent : -1000em;
}
.ui-tooltip-icon, .ui-tooltip-icon .ui-icon {
border-radius : 3px;
}
.ui-tooltip-icon .ui-icon {
width : 18px;
height : 14px;
text-align : center;
text-indent : 0;
font : normal bold 10px/13px Tahoma, sans-serif;
color : inherit;
background : none -100em -100em no-repeat transparent;
}
.ui-tooltip-default .ui-tooltip-titlebar, .ui-tooltip-default .ui-tooltip-content {
border-color : #f1d031;
background-color : #ffffa3;
color : #555;
}
.ui-tooltip-default .ui-tooltip-titlebar {
background-color : #ffef93;
}
.ui-tooltip-default .ui-tooltip-icon {
border-color : #ccc;
background : #f1f1f1;
color : #777;
}
.ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover {
border-color : #aaa;
color : #111;
}
.ui-tooltip .ui-tooltip-tip {
margin : 0 auto;
overflow : hidden;
background : transparent !important ;
border : 0 dashed transparent !important ;
z-index : 10;
}
.ui-tooltip .ui-tooltip-tip, .ui-tooltip .ui-tooltip-tip * {
position : absolute;
line-height : 0.1px !important ;
font-size : 0.1px !important ;
color : #123456;
background : transparent;
border : 0 dashed transparent;
}
.ui-tooltip .ui-tooltip-tip canvas {
top : 0;
left : 0;
}
#qtip-overlay {
position : fixed;
left : -10000em;
top : -10000em;
}
#qtip-overlay.blurs {
cursor : pointer;
}
#qtip-overlay div {
position : absolute;
left : 0;
top : 0;
width : 100%;
height : 100%;
background-color : black;
opacity : 0.7;
}
.ui-tooltip-light .ui-tooltip-titlebar, .ui-tooltip-light .ui-tooltip-content {
border-color : #e2e2e2;
color : #454545;
}
.ui-tooltip-light .ui-tooltip-content {
background-color : white;
}
.ui-tooltip-light .ui-tooltip-titlebar {
background-color : #f1f1f1;
}
.ui-tooltip-dark .ui-tooltip-titlebar, .ui-tooltip-dark .ui-tooltip-content {
border-color : #303030;
color : #f3f3f3;
}
.ui-tooltip-dark .ui-tooltip-content {
background-color : #505050;
}
.ui-tooltip-dark .ui-tooltip-titlebar {
background-color : #404040;
}
.ui-tooltip-dark .ui-tooltip-icon {
border-color : #444;
}
.ui-tooltip-dark .ui-tooltip-titlebar .ui-state-hover {
border-color : #303030;
}
.ui-tooltip-cream .ui-tooltip-titlebar, .ui-tooltip-cream .ui-tooltip-content {
border-color : #f9e98e;
color : #a27d35;
}
.ui-tooltip-cream .ui-tooltip-content {
background-color : #fbf7aa;
}
.ui-tooltip-cream .ui-tooltip-titlebar {
background-color : #f0de7d;
}
.ui-tooltip-cream .ui-state-default .ui-tooltip-icon {
background-position : -82px 0%;
}
.ui-tooltip-red .ui-tooltip-titlebar, .ui-tooltip-red .ui-tooltip-content {
border-color : #d95252;
color : #912323;
}
.ui-tooltip-red .ui-tooltip-content {
background-color : #f78b83;
}
.ui-tooltip-red .ui-tooltip-titlebar {
background-color : #f06d65;
}
.ui-tooltip-red .ui-state-default .ui-tooltip-icon {
background-position : -102px 0%;
}
.ui-tooltip-red .ui-tooltip-icon {
border-color : #d95252;
}
.ui-tooltip-red .ui-tooltip-titlebar .ui-state-hover {
border-color : #d95252;
}
.ui-tooltip-green .ui-tooltip-titlebar, .ui-tooltip-green .ui-tooltip-content {
border-color : #90d93f;
color : #3f6219;
}
.ui-tooltip-green .ui-tooltip-content {
background-color : #caed9e;
}
.ui-tooltip-green .ui-tooltip-titlebar {
background-color : #b0de78;
}
.ui-tooltip-green .ui-state-default .ui-tooltip-icon {
background-position : -42px 0%;
}
.ui-tooltip-blue .ui-tooltip-titlebar, .ui-tooltip-blue .ui-tooltip-content {
border-color : #add9ed;
color : #5e99bd;
}
.ui-tooltip-blue .ui-tooltip-content {
background-color : #e5f6fe;
}
.ui-tooltip-blue .ui-tooltip-titlebar {
background-color : #d0e9f5;
}
.ui-tooltip-blue .ui-state-default .ui-tooltip-icon {
background-position : -2px 0%;
}
.ui-tooltip-rounded .ui-tooltip-content, .ui-tooltip-tipsy, .ui-tooltip-tipsy .ui-tooltip-content, .ui-tooltip-youtube, .ui-tooltip-youtube .ui-tooltip-content {
border-radius : 4px;
}
.ui-tooltip-rounded .ui-tooltip-titlebar, .ui-tooltip-tipsy .ui-tooltip-titlebar, .ui-tooltip-youtube .ui-tooltip-titlebar {
border-radius : 5px 5px;
}
.ui-tooltip-rounded .ui-tooltip-titlebar + .ui-tooltip-content, .ui-tooltip-tipsy .ui-tooltip-titlebar + .ui-tooltip-content, .ui-tooltip-youtube .ui-tooltip-titlebar + .ui-tooltip-content {
border-radius : 0 0;
}
.ui-tooltip-jtools {
background : #232323;
border : 2px solid #ddd;
border-radius : 2px;
}
.ui-tooltip-jtools .ui-tooltip-titlebar, .ui-tooltip-jtools .ui-tooltip-content {
background : transparent;
color : white;
border : 0 dashed transparent;
}
.ui-tooltip-jtools .ui-tooltip-icon {
border-color : #555;
}
.ui-tooltip-jtools .ui-tooltip-titlebar .ui-state-hover {
border-color : #333;
}
.ui-tooltip-cluetip .ui-tooltip-titlebar {
background-color : #87876a;
color : white;
border : 0 dashed transparent;
}
.ui-tooltip-cluetip .ui-tooltip-content {
background-color : #d9d9c2;
color : #111;
border : 0 dashed transparent;
}
.ui-tooltip-cluetip .ui-tooltip-icon {
border-color : #808064;
}
.ui-tooltip-cluetip .ui-tooltip-titlebar .ui-state-hover {
border-color : #696952;
color : #696952;
}
.ui-tooltip-tipsy {
border : 0;
}
.ui-tooltip-tipsy .ui-tooltip-titlebar .ui-state-hover {
border-color : #303030;
}
.ui-tooltip-tipped .ui-tooltip-titlebar, .ui-tooltip-tipped .ui-tooltip-content {
border : 3px solid #959fa9;
}
.ui-tooltip-tipped .ui-tooltip-icon {
border : 2px solid #285589;
background : #285589;
}
.ui-tooltip-tipped .ui-tooltip-icon .ui-icon {
background-color : #fbfbfb;
color : #555;
}
.ui-tooltip-custom-rounded .ui-tooltip-content {
border-radius : 10px 10px;
padding : 0;
background : #fff;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #999999;
border : none;
line-height : normal;
padding : 2px;
}
.ui-tooltip-custom-rounded .ui-tooltip-tip {
background : url(http://repo.hb.stratusmedia.io/acc/sprs/st/sprs/default/public/img/arrow.png) left top no-repeat !important ;
width : 17px;
height : 36px;
display : block;
}
.ui-tooltip-custom-rounded.right .ui-tooltip-tip {
background-position : -17px 0% !important ;
}
.ui-tooltip-custom-rounded .ui-tooltip-tip canvas {
display : none !important ;f
}
.topborder {
border-top : 1px solid #d3d3d3;
}
.ui-tooltip-shadow {
border-radius : 10px 10px;
}

.player_load {
    cursor: pointer;
}
.qLabel{
    float:left;
    position:relative;
    width:100px;
    
}
.qButton{
    width:80px;
    height:26px;
    margin-right:3px;
    display: inline;
    position: relative;
    float:left;
    margin-bottom: 20px;
    cursor: pointer;
}

.qButton360{  background-image: url(http://repo.hb.stratusmedia.io/acc/sprs/st/www/default/public/modules/profile/images/360_off.jpg);}
.qButton360:hover{background-image: url(http://repo.hb.stratusmedia.io/acc/sprs/st/www/default/public/modules/profile/images/360_roll.jpg);}
.qButton360on{background-image: url(http://repo.hb.stratusmedia.io/acc/sprs/st/www/default/public/modules/profile/images/360_on.jpg);}

.qButton480{  background-image: url(http://repo.hb.stratusmedia.io/acc/sprs/st/www/default/public/modules/profile/images/480_off.jpg);}
.qButton480:hover{background-image: url(http://repo.hb.stratusmedia.io/acc/sprs/st/www/default/public/modules/profile/images/480_roll.jpg);}
.qButton480on{background-image: url(http://repo.hb.stratusmedia.io/acc/sprs/st/www/default/public/modules/profile/images/480_on.jpg);}

.qButton720{  background-image: url(http://repo.hb.stratusmedia.io/acc/sprs/st/www/default/public/modules/profile/images/720_off.jpg);}
.qButton720:hover{background-image: url(http://repo.hb.stratusmedia.io/acc/sprs/st/www/default/public/modules/profile/images/720_roll.jpg);}
.qButton720on{background-image: url(http://repo.hb.stratusmedia.io/acc/sprs/st/www/default/public/modules/profile/images/720_on.jpg);}

.qButton1080{  background-image: url(http://repo.hb.stratusmedia.io/acc/sprs/st/www/default/public/modules/profile/images/1080_off.jpg);}
.qButton1080:hover{background-image: url(http://repo.hb.stratusmedia.io/acc/sprs/st/www/default/public/modules/profile/images/1080_roll.jpg);}
.qButton1080on{background-image: url(http://repo.hb.stratusmedia.io/acc/sprs/st/www/default/public/modules/profile/images/1080_on.jpg);}

.error_wrapper {
    position: relative;
    width: 100%;
    background-color: #E5E5E5;
}
.error_img {
    width: 850px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
.error_back {
    position: absolute;
    width: 86px;
    top: 302px;
    left: 56.6%;
    z-index: 10;
    cursor: pointer;
}

.actualizarBox {
    display : none;
    width: 451px;
    height: 419px;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 30%;
    top: 20%;
    z-index: 200;
}

.actualizar {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    z-index: 250;
}

.actualizar_img {
    position: absolute;
    width: 200px;
    height: 40px;
    z-index: 300;
    cursor: pointer;
}

.descargarBox {
    display : none;
    width: 451px;
    height: 419px;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 30%;
    top: 20%;
    z-index: 200;
}

.getChrome {
    position: absolute;
    left: 46%;
    top: 85%;
    z-index: 300;
}

.goSony {
    position: absolute;
    left: 7.4%;
    top: 85%;
    z-index: 300;
}

.descargar {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    z-index: 250;
}

.descargar_chrome {
    position: absolute;
    width: 207px;
    height: 40px;
    z-index: 300;
    cursor: pointer;
}

.descargar_sony {
    position: absolute;
    width: 110px;
    height: 40px;
    z-index: 300;
    cursor: pointer;
}

#opacity{
    width:100%;
    height:130%;
    position: absolute;
    background: #000;
    z-index:100;
    display:none;
    top:0px;
    left:0px;
    opacity: 0.8;
    
}

.footerGallery .items, .footerGallery .itemDescription{
    position:relative;
    padding-left:40px;
    
}
.footerGallery .items dd{
    float:left;
}

.footerGallery .itemDescription dd{
    float:left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width:162px;
    
}