@charset "utf-8";

/* CANVAS FACEBOOK */
BODY {
    background-color: #f3f3f3;
}

#canvas-head {
    /*background: #173a77;*/ /*línea inferior*/
    height: 111px;
    background: #2866d2 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABuCAMAAADRaYk0AAAAzFBMVEUoZtI3fOI/h+tAiewpZ9M9hOgydd0zdt5Bie09ftM9hek/huo+huo9hOk8g+g8gug7gudNm/o7geY6gOY+heg7gec5fuQ4fuQ4fuM3feM+heo3e+I3euI/iOs2eeE1eeA1eOA0eOA0eN80d98zd942euFAiOwxdNwwc9swctovcNovcNkvb9kubtgtbdgtbdcsbNYra9YratUoY7UqadQpaNQ6f+U5f+UoZtAoZs4oZcwoZckoZccoZcQoZMEoZL4oZLwoZLkoY7cqadX6tRWFAAAAaElEQVR4Xq3Bg2EEQAAAsDxt2zZqY/+dekM0kVGRFguXBqJhTl5XVkFdIiwqKWuoqnnwqKmlrSMS9vQtDI2MTUzNzKXCZLiytrG1s3dwdHJ2cfXrzr14+D+ePHvx6s27D5++fPtxc/sDplYJNjx2VBsAAAAASUVORK5CYII=) repeat-x;
    background: -webkit-linear-gradient(top, #3d7ed3 0, #4d9bfa 1%, #4189ed 2%, #3275dd 40%, #2866d2 57%, #2866d2 88%, #2863b5 100%);
    background: linear-gradient(to bottom, #3d7ed3 0, #4d9bfa 1%, #4189ed 2%, #3275dd 40%, #2866d2 57%, #2866d2 88%, #2863b5 100%);
    border-bottom: 1px solid #FFF;
}

#canvas-head2 {
    height: 110px;
    border-bottom: 1px solid #173a77;
}

#canvas-head3 {
    max-width: 1408px; /* 1400 + 4 padding + 4 padding */
    margin: 0 auto;
}

#canvas-head-top {
    height: 74px;
    position: relative;
    padding-top: 8px; /* collapsing borders problem */
}

#canvas-logo-icon {
    position: absolute;
    left: 10px;
    top: 16px;
    cursor: pointer;
}

/* Contiene las flechas y el carrusel*/
.canvas-carousel-wrap {
    position: relative;
    margin: 0 3px;
    padding: 3px 14px 2px;
    background: #ebf1f8;
    background: -webkit-linear-gradient(top, #fafafa 3%, #ebf1f8 95%);
    background: linear-gradient(to bottom, #fafafa 3%, #ebf1f8 95%);
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: #5c85c4 #275bac #2b497d;
    -webkit-box-shadow: 0 2px 3px rgba(23, 58, 119, .4), inset 1px 1px 0 #FFF, inset -1px -1px 0 #FFF;
    box-shadow: 0 2px 3px rgba(23, 58, 119, .4), inset 1px 1px 0 #FFF, inset -1px -1px 0 #FFF;
}

#canvas-head .canvas-carousel-wrap {
    height: 60px;
    margin-left: 68px;
    min-width: 672px; /* 700 - 14 (padding) -14 (padding) = 334 (promo) + 334(promo) + 4 (separación entre promos) */
}

/* Contiene el carrusel. Clases para #canvas-carousel y #canvas-footer-carousel */
.canvas-carousel-style {
    position: relative;
    overflow: hidden;
}

#canvas-head .canvas-carousel-style {
    min-width: 672px; /* = #canvas-head .canvas-carousel-wrap */
    height: 72px;
    top: -12px;
}

#cross-selling-head {
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
}

.banner-carousel { /* Caso especial para un partner */
    -webkit-box-shadow: 3px 3px 8px rgba(83, 88, 192, .2);
    box-shadow: 3px 5px 8px rgba(83, 88, 192, .2);
}

.canvas-game-promo { /* enlace */
    height: 72px;
    display: inline-block;
    margin: 0 4px 0 0;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.canvas-game-promo.middle {
    width: 334px;
}

.canvas-game-promo.quarter {
    width: 165px;
}

.canvas-game-promo:HOVER {
    background-position: 0 -72px;
}

.lista-horizontal {
    display: inline;
    list-style-type: none;
    position: relative;
    left: 0px;
    opacity: 1;
}

.canvas-carousel-arrow {
    width: 14px;
    height: 65px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAANCAMAAABBwMRzAAAAz1BMVEX///89c8H///8aQaL5+v0nUq07cL8eRKRKfMUaQaIyY7e/0er///9Ac8EaQaL///9CdsIaQaL///9BdcEzZLi6zegaQaLmoADJx8EeRKQ8csBhh8h1m9P6//j8/OdeaEXMzsrz8u+NoNG6uK7///d/mc4aQaLArXxlZ1aOjZDw7fL8/vr///xogzl1fXCoo7L9//x8tAqNnmX//v349vyDwAz+/vzw7PuxvpN5ntRqdlVJe8QrVq7b2dnPzs3n4PapwXF4uwD////9/Pn///+o+0KeAAAARXRSTlMAgAMDXH6AXIApgH4qgHd3gCMjgIB4dAAAW4B1gAAAAAAABgAARVgAAAAAAAAAAAAAAAAAAAAAAACAAIB4AAAAAABYAHSUDYSyAAAAgklEQVR4XlXK5xKCMBAE4LsEI6IkgmLvvffe2/s/k3NEMuP++3YXKO0O70kpcx7oFHjREcIN/J95PIuYTqaqhL6hHvP/NOupqd0qI2KmW6s33qGZVUEsxRKD4WhMnkTFdDYnL8xjuSLDehMV29C7/YFZR9s+Xzzi9XZ/PNlLKfXxAb6KCQtjmjwEkQAAAABJRU5ErkJggg==);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    text-indent: -50px;
    overflow: hidden;
}

.canvas-carousel-arrow:HOVER {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAANCAMAAABBwMRzAAAA0lBMVEX///9quvL///8tacv6/P4tactmte8wbc10v/PO6Ppqt++Vzvb///8tactChNj///9uvPItacv///9YoudpuPHJ5Pktacv6//jJx8Ewbc3ArXzmoABtuvGPtuj8/OdeaEXMzsrz8u+WteV9t+y6uK7///dBg9ctactlZ1aOjZDw7fL8/vr///xXoeZogzl1fXCoo7L9//x8tAqNnmX//v349vyDwAz+/vzw7PuxvpOYz/ZqdlVzvfJGhtnb2dnPzs3n4PapwXF4uwD////9/Pn///+46LT0AAAARnRSTlMAgAMDXCmAXIB+gIAqd353gCMjgIB4dAAAWwAAgEUAAAAABnUAAH5YAAAAAACAAAAAAAAAAAAAAAAAgACAeAAAAAAAWAB0b6fh1wAAAIRJREFUeF5VyeUSwjAQhdHdpA2lEEKLuru7u7z/KzHbkM5w/53vAq3d4T0pZdYDvTwvTIRwM/7PPJJCTEbjOUIxpD5L/wzfU0O72ULEcqVaq78DMyuGmO7a/cFwRB7rkLCnszl5ASYsV2RYb0zYBt7tD8w6Os754hGvt/vjyV5KqY8P8AWN0AtZDfubcAAAAABJRU5ErkJggg==);
}

.canvas-carousel-arrow.right {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAANCAMAAABBwMRzAAAAz1BMVEX///89c8H///8aQaL5+v1KfMU7cL8zZLgaQaJAc8EnUq0eRKT///+/0eoaQaL///8aQaI8csB1m9P///9CdsIaQaLJx8H6//jz8u8eRKT9/PnMzsoyY7f8/Od/mc7moABhh8iNoNH8/vrw7fKOjZBlZ1YaQaJBdcH///e6uK5qdlW6zeioo7J1fXBogzn///yNnmV8tAr9//yDwAz49vz//v0rVq5Je8TArXx5ntSxvpPw7Pv+/vz///9eaEX///94uwCpwXHn4PbPzs3b2dkYBfAMAAAARXRSTlMAgAMDXICAgCmAflwqfnd3I4CAI4B0AAAAWwAAgABFAHUGAAAAAFiAAAAAeAAAAAAAAAAAAAB4gACAAAAAdABYAAAAAAAGLv6GAAAAgUlEQVR4Xl3O1Q7DMBQDUN+k7TjpmJmZmeH/v2m6yjJp89uxZMkA/LRSqiN7fZgkhyHPK+Vl5uNsNJYiCkQkbL7F7q+oGuYGP5NC8VKudImoVmc2mq12MBwnSjiCPRpPLKfs2dwSC/bScrVmwt9sXXfviMPxZP6etdZXcbs/ni+8AYbeCyogAFSOAAAAAElFTkSuQmCC);
    right: 0;
    left: auto;
}

.canvas-carousel-arrow.right:HOVER {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAANCAMAAABBwMRzAAAA0lBMVEX///9quvItacv////6/P50v/Nmte8tacswbc3O6PpuvPKVzvb///8tactChNj///8tacv///9qt+9puPEtacswbc1Youf6//jJx8FqdlXJ5PnMzsrz8u/8/OePtuhtuvF9t+yWteX8/vrw7fKOjZBlZ1YtactBg9fmoAD///e6uK79/Pmoo7J1fXBogzlXoeb///yNnmV8tAr9//yDwAz49vz//v1GhtlzvfLArXyYz/axvpPw7Pv+/vz///9eaEX///94uwCpwXHn4PbPzs3b2dn6wTaKAAAARnRSTlMAgAMDXICAKVx+gIAqd353IyOAgHRbgAAAAHgAAABFgHUGAAAAAFh+AAAAAAAAAIAAAAAAAAAAeIAAgAAAAHQAWAAAAAAA8UPGYAAAAIRJREFUeF5dzlUOwzAQBNBdO9Amde2UmZmZGe5/pWjlulI7f2+kkQYAVEoI0WH9AegEhYTjTNMs93E2FvUQMxEGJt9i/1f0NEv5n8mweC1XqohYqxMbzVbb7SYRfYuTR+OJG9eckecLQ1iSV4brDRHUdmfbB4sfT2f99yKlvPH74/l6QwiOmAtR4oxdugAAAABJRU5ErkJggg==);
}

#canvas-head-bottom {
    height: 29px;
    position: relative;
}

/* Pestañas facebook. Ver pestaña especial para "recargar fichas" */
#canvas-menu { /* UL */
    height: 30px;
    overflow: hidden;
    padding: 0 0 0 4px;
}

#canvas-menu LI { /* TABS */
    border: 1px solid #96a4bb;
    border-bottom: none;
    height: 27px;
    display: inline-block;
    vertical-align: top;
    margin: 0 1px 2px 0;
    position: relative;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-box-shadow: 1px 0 3px rgba(23, 58, 119, 0.5);
    box-shadow: 1px 0 3px rgba(23, 58, 119, 0.5);
}

#canvas-menu A { /* Enlace en TAB */
    border: 1px solid #e7ebf3;
    border-bottom: none;
    display: block;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 11px;
    color: #4d599f;
    height: 26px;
    line-height: 26px;
    padding: 0 2px;
    width: 82px;
    /*padding:0 7px 0 4px;*/
    text-decoration: none;
    text-shadow: #fff 0 1px 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: #d8dfea url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAaBAMAAACEKiviAAAAJFBMVEXY3+rX3urV3OnU2+jS2ejQ1ufN1ObK0eXHzuPFy+LBx+G/xeBiVs+0AAAAKklEQVR4Xn3AgQAAIAwAsCGEEMIRQgjhCEcIIYQQQsyg+Wu6MEypLNtxHx/UBCFANSQpAAAAAElFTkSuQmCC) top repeat-x;
    background: -webkit-linear-gradient(top, #d8dfea 0, #d7deea 60%, #d2d9e8 72%, #bfc5e0 100%);
    background: linear-gradient(to bottom, #d8dfea 0, #d7deea 60%, #d2d9e8 72%, #bfc5e0 100%);
}

#canvas-menu A:HOVER {
    background: #e1e7f7;
}

#canvas-menu LI.activo {
    height: 27px; /* Ver #canvas-menu LI */
    border-color: #a7a7a7 #818181; /* f4f8fb */

}

#canvas-menu LI.activo A {
    height: 28px; /* Ver #canvas-menu LI */
    border-color: #FFF;
    color: #111;
    font-size: 12px;
    font-weight: bolder;
    background: #e3e3e3 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAcCAMAAACXgyX+AAAAPFBMVEX////j4+P+/v78/Pz6+vr9/f339/f4+Pjz8/P09PTw8PDu7u7t7e3r6+vq6uro6Ojn5+fm5ubl5eXx8fEYRjg/AAAALElEQVR4XiXBhxHAIAwAsTe9l2T/XfGBxGO0v612OhLIJH4KlUZnMFlsPgQ5EFoA08zw5eUAAAAASUVORK5CYII=) top repeat-x;
    background: -webkit-linear-gradient(top, #ffffff 0%, #fafafa 41%, #e8e8e8 81%, #e3e3e3 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #fafafa 41%, #e8e8e8 81%, #e3e3e3 100%);
}

#canvas-like-button {
    margin: 4px 0 0 15px;
    /*background-color: #e1e1e1;*/
    background: #d8dfea;
    background: -webkit-linear-gradient(top, #d8dfea 0, #d2d9e8 100%);
    background: linear-gradient(to bottom, #d8dfea 0, #d2d9e8 100%);
    padding: 3px 4px;
    min-width: 75px;
    height: 20px; /* no es necesario pero queda mejor hasta que cargan los botones */
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: #5c85c4 #275bac #2b497d;
    position: absolute;
    right: 4px;
    bottom: 3px;
    -webkit-box-shadow: 0 2px 2px rgba(23, 58, 119, .3), inset 0 0 4px #FFF;
    box-shadow: 0 2px 2px rgba(23, 58, 119, .3), inset 0 0 4px #FFF;
}

.canvas-layout { /* reglas */
    width: 740px;
    margin: 22px auto;
}

#game-tab {
    background: #f3f3f3 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA0CAMAAAB8fKKlAAAAOVBMVEXy8vLj4+Pi4uLk5OTq6urm5ubw8PDo6Ojl5eXz8/Pv7+/t7e3x8fHs7Ozu7u7n5+fr6+vp6en////vUCwkAAAAL0lEQVR4XjXBhRHAIAAEQdQl0n+x+dzArnmNo909CyMvzXw08NapnUsbEweP+v8ATFcBlGLhv/EAAAAASUVORK5CYII=) top repeat-x;
    background: -webkit-linear-gradient(top, #e2e2e2 3px, #f3f3f3 52px);
    background: linear-gradient(to bottom, #e2e2e2 3px, #f3f3f3 52px);
}

#canvas-pie {
    max-width: 1408px;
    margin: 8px auto 5px;
    /*height: 123px;*/
    position: relative;
}

/* Botón "Invita a tus amigos" */
.canvas-invite-friends { /* A */
    background: url(/gfx/fb/ui/invite-friends.png?c) 0 0 no-repeat;
    height: 118px;
    width: 86px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 3px;
    display: block;
    color: #FFF;
    text-decoration: none;
    border: 1px solid;
    border-color: #dac992 #b79a42 #7f641e;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 3px rgba(127, 100, 30, .3), inset 1px 1px 0px #FFF, inset -1px -1px 0px #FFF;
    box-shadow: 0 1px 3px rgba(127, 100, 30, .3), inset 1px 1px 0px #FFF, inset -1px -1px 0px #FFF;
}

.canvas-invite-friends:HOVER {
    text-decoration: none;
}

.canvas-invite-friends-text {
    color: #FF8A00;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    /*font: bold 12px/14px Tahoma, Arial, sans-serif;*/
    text-shadow: -2px 0 #FFF, 0 2px #FFF, 2px 0 #FFF, 0 -2px #FFF;
    padding: 6px 0 33px;
    display: block;
}

.canvas-button-invite {
    background: #ffab00 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAMAAAAMEmfoAAAASFBMVEX/6Jn/xAD/wgD/wAD/vQD/uwD/uAD/tQD/sgD/rwD/qwD/qAD/pAD/oAD/nAD/mQD/lQD/kQD/jAD9iAD6hAD3gADzfAD5pwCyTrT1AAAAKklEQVR4XgXAhQ3AIAAAsOJzl/8/JQiiJCuqZjCazBarze5wutwer8/fAREUARUM4PHrAAAAAElFTkSuQmCC) top repeat-x;
    background: -webkit-linear-gradient(top, #ffe899 0%, #ffc400 4%, #ffaf00 39%, #ff8c00 78%, #f37c00 96%, #f9a700 100%);
    background: linear-gradient(to bottom, #ffe899 0%, #ffc400 4%, #ffaf00 39%, #ff8c00 78%, #f37c00 96%, #f9a700 100%);
    width: 90px;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0 -1px 0 #f37c00;
    display: block;
    margin: 9px auto 0;
    color: #FFF;
    border: 1px solid;
    border-color: #c99f68 #c97334 #ca4902;
    white-space: nowrap;
    border-radius: 5px;

}

.canvas-button-invite:HOVER {
    border-color: #c97334;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 240, 32, 1), inset -1px 0 0 rgba(255, 240, 32, .3), inset 1px 0 0 rgba(255, 240, 32, .3), inset 0 50px 0 rgba(255, 240, 32, .2);
    box-shadow: inset 0 1px 0 rgba(255, 240, 32, 1), inset -1px 0 0 rgba(255, 240, 32, .3), inset 1px 0 0 rgba(255, 240, 32, .3), inset 0 50px 0 rgba(255, 240, 32, .2);
    border-color: #dfb783 #df9155 #df9155;
}

.canvas-invite-friends .canvas-button-invite {
    width: 78px;
    margin: 17px auto 0;
}

/* Flechas */
.canvas-move-button {
    width: 25px;
    height: 118px;
    position: absolute;
    top: 0;
    background: #ebf1f8;
    background: -webkit-linear-gradient(top, #fafafa 3%, #ebf1f8 95%);
    background: linear-gradient(to bottom, #fafafa 3%, #ebf1f8 95%);
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: #bfccdc #acbbcf #677a92;
    -webkit-box-shadow: 0 2px 3px rgba(122, 140, 163, .3), inset 1px 1px 0 #FFF, inset -1px -1px 0 #FFF;
    box-shadow: 0 2px 3px rgba(122, 140, 163, .3), inset 1px 1px 0 #FFF, inset -1px -1px 0 #FFF;
}

.canvas-move-button.left {
    left: 114px;
}

.canvas-move-button.right {
    right: 3px;
}

.canvas-move-button SPAN {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 25px;
    height: 118px;
    display: block;
}

.canvas-move-button.left SPAN {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAVCAMAAACT1yXjAAAAUVBMVEU9c8H/////88T/9Mf/+eX/9cz////////k6/YrWbFWhckiS6iguuE5bb0aQaL///8aQaIaQaL/9MoaQaIaQaK3mkIaQaJykMtQfsWJntD///96GR3+AAAAG3RSTlOAAAAAAAAQP3GAgHGAgICAPhAADz8Ab15+HW+bjkmJAAAAcUlEQVR4XmXNWQ7DIAxFUTOEzG0zt93/QvOEATnmfh49y2Ry+4s7FyrUU2zoAtXUJPsIgilaYZrYJDkHpAdZGHaSfDJBh7cWtytdxH1/plg7sc3jFg1IRiAbfkjMO4VsEhcMYQrZNMIqhNUIy/jm/uEGomcIVIY/TMoAAAAASUVORK5CYII=);
}

.canvas-move-button.right SPAN {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAVCAMAAACT1yXjAAAAUVBMVEU9c8H/////9Mf/9Mr/88T///8rWbE5bb3k6/YiS6hWhcmguuH///8aQaL///8aQaL/9cz/+eUaQaIaQaIaQaK3mkKJntBQfsVykMv///8aQaJB449wAAAAG3RSTlOAAAAAAD+AgHFxgIAQgIA+AAAQDz8AHX5eb2838cH7AAAAbElEQVR4XmXLWRLDIBBDQbF4dxIcO+v9DxrCwKAy77NLwvciHUbDOCPVV8TaIkLFm5ojVGsQzll7QoRonlBtI5Sv99uDUM08X5De0WyyfRqElq4YUzamZGcyiLM7kxiTWEsGTMWI1D5XqZL5AbwLBrE627WHAAAAAElFTkSuQmCC);
}

.canvas-move-button.left:HOVER SPAN {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAVCAMAAACT1yXjAAAATlBMVEVgluT//////+f//+3//+ravWX///////////9OfNTD3f9ckOBFbst5qOw9ZMU9ZMX///89ZMU9ZMX//+89ZMU9ZMWVs+5zoeiswfP////5fliEAAAAGnRSTlOAAAAAAAAQP3GAgIBxgD6AgBAPAD9vXn4db1k5R14AAABvSURBVHheZc1XDsMwDERBUu41cUm7/0W90EoCzbzPwRIUzZ0P9tqk0CCxpW/ln45kqyGYowrmiWaproFyowDDzpImM9RoCLit5C3s89Vi3Uib5j0aUNQgDT8s5p1DmsUNQ5hDmkOaQ5pDWMYn+7UXRKwHboNIki0AAAAASUVORK5CYII=);
}

.canvas-move-button.right:HOVER SPAN {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAVCAMAAACT1yXjAAAATlBMVEX///9gluT//+r//+3//+f///9OfNT////D3f9FbstckOB5qOz///89ZMU9ZMX//////+89ZMU9ZMU9ZMXavWWswfNzoeiVs+7///89ZMUvbv+BAAAAGnRSTlMAgAAAAD+AcYBxgIAQPoCAABAPPwAdfl5vby/8FV0AAABmSURBVHhebctXEoMwFENRuVBLYnqy/41ieGBrsO/nGQn/jzQjVnXqqiTsM+giDsEMYbAUjdH6jc6bJQwGQvlai4UwGNZNSbs3fdnUtEJ18RjTbUynpQQ/G5nEEkKGkCFkCL+vRHQAZ+YGTBpAGikAAAAASUVORK5CYII=);
}

/* Carrusel  */
#canvas-pie2 {
    margin: 0 39px 0 154px;
    position: relative;
    overflow: hidden;
    height: 124px; /* 119 + 5 */
}

#canvas-friends { /* UL */
    height: 72px;
    width: 5000px; /* !!! */
    position: absolute;
    top: 0;
    right: 0;
    white-space: nowrap;
}

#canvas-friends LI {
    height: 118px;
    width: 100px;
    /*width: 102px;*/
    /*height: 118px;*/
    /*float: left;*/
    background: url(/gfx/fb/ui/friend-bg3.png?b) 0 0 no-repeat;
    text-align: center;
    margin-right: 4px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    border: 1px solid;
    border-color: #bfccdc #9fafc3 #6d7f97;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 3px rgba(122, 140, 163, .3), inset 1px 1px 0px #FFF, inset -1px -1px 0px #FFF;
    box-shadow: 0 1px 3px rgba(122, 140, 163, .3), inset 1px 1px 0px #FFF, inset -1px -1px 0px #FFF;
    background: #D8E7F6 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAB0CAMAAABzJKjJAAAArlBMVEXY5/bZ5/bb6ff9/v/3+v38/f7Z6Pbc6vfq8vrd6vf4+/3o8fr+/v/i7fj////r8/rg7Pjv9fvf6/jy9/ze6/f1+f3a6Pb5+/7l7/n6/P7k7vnt9Pvw9vz2+v3+///z+Pz0+P39/v77/f77/P7m8Pnm7/np8vrp8frj7vnj7vjn8Pnh7fjh7Pj0+Pzf7Pjz9/zn8Prx9/zx9vzc6ffw9vva6Pfu9fvu9Pv2+f3s8/t7HHH1AAAAZElEQVR4Xp3BgxVDQQAAwf2xbdt2+m8s+66EzFDyiILj4ZRkOGNON2w750Q45EPTE46MOVP3lRsDHlT94k3fX8rOeMWavC/sWLCk4543bCl6z4GKT9TccNZp34mFT1pOhRH/iH6Hdggdpix7uAAAAABJRU5ErkJggg==) top repeat-x;
    background: -webkit-linear-gradient(top, #ffffff 0%, #f7fafd 20%, #dae8f7 71%, #d9e7f6 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f7fafd 20%, #dae8f7 71%, #d9e7f6 100%);
}

#canvas-friends * {
    text-decoration: none;
}

#canvas-friends LI.inactive {
    border-color: #c9c9c9 #b2b2b2 #9f9f9f;
    background: #ababab;
    background: -webkit-linear-gradient(top, #f7f7f7 0%, #d9d9d9 100%);
    background: linear-gradient(to bottom, #f7f7f7 0%, #d9d9d9 100%);
}

.canvas-photo-link { /* foto y nombre */
    display: block;
    color: #FFF;
}

.canvas-photo-link IMG {
    display: block;
    margin: 1px auto 1px;
}

.canvas-photo-link .nom {
    display: block;
    text-shadow: 0 -1px 0px rgba(0, 0, 0, .4);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 600; /* ver font-face */
    height: 19px;
    line-height: 18px;
    background: #0075e4;
    background: -webkit-linear-gradient(top, #53a6ff 0, #1197ff 42%, #0075e4 58%, #0062be 100%);
    background: linear-gradient(to bottom, #53a6ff 0, #1197ff 42%, #0075e4 58%, #0062be 100%);
    -webkit-box-shadow: 0 1px 0 #FFF;
    box-shadow: 0 1px 0 #FFF;
}

.inactive .canvas-photo-link .nom {
    background: #ababab;
    background: -webkit-linear-gradient(top, #a1a1a1 20%, #777777 80%);
    background: linear-gradient(to bottom, #a1a1a1 20%, #777777 80%);
}

.canvas-chips {
    display: block;
    font-size: 11px;
    line-height: 18px;
    height: 19px;
    color: #3d73c1;
    text-shadow: 0 1px 0px #FFF;
    font-weight: 600; /* ver font-face */
}

.canvas-chips * {
    vertical-align: middle; /* Chrome da problema para alinear el icono de la ficha. Hay que alinear todo el contenido */
}

.canvas-button-send {
    width: 90px;
    height: 24px;
    font-size: 12px;
    font-weight: bold;
    line-height: 24px;
    text-transform: uppercase;
    text-overflow: ellipsis;
    text-decoration: none;
    display: block;
    margin: 0 auto 0;
    overflow: hidden;
    white-space: nowrap;
    border-radius: 5px;
    color: #FFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .5);
    border: 1px solid;
    vertical-align: middle;
    border-color: #74a032 #668d2c #374d17;
    background: #6ea31d url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj4NCjxsaW5lYXJHcmFkaWVudCBpZD0iZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4NCiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYWFlNjQ3Ii8+DQogICAgPHN0b3Agb2Zmc2V0PSIyMSUiIHN0b3AtY29sb3I9IiM5NGNhMzkiLz4NCiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzg1YjgyZiIvPg0KICAgIDxzdG9wIG9mZnNldD0iNTMlIiBzdG9wLWNvbG9yPSIjNmVhMzFkIi8+DQogICAgPHN0b3Agb2Zmc2V0PSI4OCUiIHN0b3AtY29sb3I9IiM2ZWEzMWQiLz4NCiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3YWFlMjYiLz4NCiAgPC9saW5lYXJHcmFkaWVudD4NCiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnKSIgLz4NCjwvc3ZnPg==);
    background: -webkit-linear-gradient(top, #a8e446 0%, #94ca39 21%, #85b82f 46%, #6ea31d 56%, #6ea31d 88%, #7aae26 100%);
    background: linear-gradient(to bottom, #a8e446 0%, #94ca39 21%, #85b82f 46%, #6ea31d 56%, #6ea31d 88%, #7aae26 100%);
    -webkit-box-shadow: inset 0 1px 0 rgba(202, 255, 103, 1), inset -1px 0 0 rgba(202, 255, 103, .3), inset 1px 0 0 rgba(202, 255, 103, .3);
    box-shadow: inset 0 1px 0 rgba(202, 255, 103, 1), inset -1px 0 0 rgba(202, 255, 103, .3), inset 1px 0 0 rgba(202, 255, 103, .3);

}

.canvas-button-send:HOVER {
    border-color: #729d31;
    -webkit-box-shadow: inset 0 1px 0 rgba(202, 255, 103, 1), inset -1px 0 0 rgba(202, 255, 103, .3), inset 1px 0 0 rgba(202, 255, 103, .3), inset 0 50px 0 rgba(202, 255, 103, .2);
    box-shadow: inset 0 1px 0 rgba(202, 255, 103, 1), inset -1px 0 0 rgba(202, 255, 103, .3), inset 1px 0 0 rgba(202, 255, 103, .3), inset 0 50px 0 rgba(202, 255, 103, .2);
}

.canvas-button-send * {
    vertical-align: middle; /* Chrome da problema para alinear el icono */
}

.canvas-button-send-icon {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.canvas-button-send-icon.pack {
    width: 27px;
    height: 22px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAWCAYAAAA1vze2AAAEm0lEQVR4Xq2Ve0yVdRjHP+c9h3MBBofLCQ6Uh7seOLihWCil4mWoqWhaiFra5kwDMTPUOXVWuOmmONkqXUst/5DSVMS8ZeJQEUxNvCCoKUqIwVA43A7n9uvQQpYjFNdne/bs99fn/e67Pa8sLSmU3hBCgEwGTieSJMeJUDsc4qhCLvsQKOcflAo5nu5KekKib8htVseBiCCPERar4zrwKr3Sd4m6paWpwKD3TDYZ3Hnr9UBaW1pKgTH/l8TDYrXuGDHhnfHzs/dhlzTIlFqyVqzA/LjhZ2Aq3fi/iETdbrFuDQ/WzojUyQAHponLUfuHo4sZy6a887R3WPcBGwBhtYt8uxO659kSqdXcuDk+IXF2bD83Gu8Wc/VwLtWX8jFXnaXuzm9UntmNj0bOwMiAZWPjvNB5K4cBPnSDgh5obW5CodSAJP8idnDCgilzs2h7VE3F8S14+fhhlymx2wU7c9cRHWUg5/uzNJYf5F7JbvoHySi8bC1SyJ2xz9PJRr2vcn6UVx3NDX+gVKrQ+EdgSHibH/N20eYZy6TEYIYYOtD6BRPyWhqSRyCmhMlEmWJNgKG3JDIgOzRywNKh8dG03S/mRsHnaMMTKTxxkrLSIjKWriZu9DSuHMjmTtEObhd9Q2uLGTfvYAZN+xSviJOsSU896u2jM/aURNFhdXyiD/Rd+V7Gakxj03HXD6K8Vk5l5T1mzV/M0DAb6o4qkHmijxmHz4Bk/KMSuXV8Ex0NtzBX/8orIVFERoYNAIxPktjsAqfThs3S+nE/Q8iGuFA3yo/mcLPWTnN9FfHGICZlrMdDF8a5+lLuluThUAdTd+0QEcNS0QYaiZu6iiuHcqgsPUJ7TTHRQTJqHopf1CopSKKbhaH9B66fnbmO2iaJ82VVTJixkNSUJHRuf1Jz5QSgQu5lIG7WVvwDXqK9rpKq0h9oq6/E6pAYnp7HkEnpaLyDCNTKCfBR6YGZXZJ0Xy9NjkGvle3anIXO3c7U5EHEvzERY/IS2syNNNRUcHr7Qh5e3oe3XwCBpsmo/MOxo+LuhXzK9y9n49olrFw8j3Z1P86Wt9DQbAU4iOtAzkwdGWL5ctFgkTElWnww0SiOrR8hinJGi+qLe0V91UVRvOsj0UnZgbXiWHa8OL3tXVFdUezac0Qn5prLouSrFJE6Mlzs2bFFpCWFiffHRQ1zvUlPiabzCucCi7w8FMSG+lH2eyORQRqGmPRoI8fwqLwAm93BuQd6Kq5ewE0hud7OJ/tp8gpvs3dnLnu/zb0OJAH1uCSd85lrxLzxUWLZ7KFi7qiXxYPbpUIIiyjbv0rsyQz4+ytd/Gv3hitRZ7JrrtF1dbIGyGq12DC32XDipCBvO6BC6RNGzIRl9JXpczOZPiczBjgi0c1GYEHT4wY8PbWcO3WEU98tp7bka9x99bwQsp7PyjYgranFglLlzpmTh5EkGfcv5dNXXJ10dnMdGP9fv983vTxUh6x2GB6j5WZtG3dqzE3I5N5AI6Dt2j0V3yXoKl5Bz/xk6bCnaNTK/OIbjRX+WqWR50M8LXjWFT4ol/AAjDw/hS7BRWBUlwDgL5Z2DgNm6PXfAAAAAElFTkSuQmCC);
}

.canvas-button-send-icon.chips {
    width: 18px;
    height: 17px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAARCAMAAADnhAzLAAABblBMVEX///84TxU4TxU4TxU4TxVegydZgB83TRdggyhjiiddgSdfgypQdBpRcSNQcSBOdBdhgyw4aQBafyVRbiRjiilcgSdbfyVJdQZHdQNRcCQ4ZwAkRwApSQA4TxU4TxUIJgAJJwA3TBkiNQYuQhImNBMwRRQ3TxQoNBYtQg04TxU4TxU4TxX///84TxVVcyucp4rQ37rP3rlTkwC0uaqFwCJingBkngtkngZjnQNqrgDN6J7D5Y/b6MGk7imAux6Aux/h78nZ6L3P6qLS6amx+DirzXuI0QxIiwDU4rzj7NLu8uLE2qF8sCtPhgC00opniTLQ3rrU4b+uz4NVkQBTkAB8sCx+vRal11RefjC9y6Wo2VmBuxux+TiAuxzS4bpPjgCttJyj7Cfz+ubz+ujX57t4uQyN0BRefjF3wAdNlABLZiE5UhTj78x2uQXZ6sBDbghkpAKI0whlrABoiTV0twOO0Bh8uRG9y6ebp4qBvx9AUwqEAAAALHRSTlMAABXUzADfAAAAAADuubnuADYARAAAAOHhRDbh4b3LODgA9gDAAABE4cPvvm3PaP4AAADQSURBVHheZc5TkwNBFEDhHsQ21tbtmdjW0rZt498nd6a3Kqk9j9/TIRqjIaB9X9a63B49UdN4rZunAPkFi/OPTObf2uv2XuNgy2Zn5PiGx6ez84sP2A0y8mWyuYdCsVSuVP2Mdj6/YD8WO4TLq2tG0lsE4olkCiJpiVMiXfNLofD6xsrqWr27p5dH6ovC9Mzs3NExnPTTH6FlZGBw8eb2jt5TDNCIbmj4+YUCBSU0ohsZHRtXiJlIMK6N5H8kC7xKE3SSYiicSiyK0klTIq42AWilKy+xabTbAAAAAElFTkSuQmCC);
}

.canvas-button-send-icon.bet {

}

/*.canvas-button-send.pack{ background:url(/gfx/fb/ui/button-pack-bg.png?a) 0 0 no-repeat; }*/
/*.canvas-button-send.chips{ background:url(/gfx/fb/ui/button-chips-bg.png?a) 0 0 no-repeat; }*/
/*.canvas-button-send.bet{ background:url(/gfx/fb/ui/button-bet-bg.png?a) 0 0 no-repeat; }*/

/*#canvas-friends LI .canvas-state{
    display: block;
    position: absolute;
    top:2px;
    left:4px;
}*/

/* CARRUSEL PIE */
#canvas-pie .canvas-carousel-wrap {
    height: 190px;
    min-width: 738px; /* 766 - 14(padding) - 14(padding) = 365*2(promo) + 8(separación) */
    border-color: #bfccdc #acbbcf #677a92;
    -webkit-box-shadow: 0 2px 3px rgba(122, 140, 163, .3), inset 1px 1px 0 #FFF, inset -1px -1px 0 #FFF;
    box-shadow: 0 2px 3px rgba(122, 140, 163, .3), inset 1px 1px 0 #FFF, inset -1px -1px 0 #FFF;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-top: 15px;
}

#canvas-pie .canvas-carousel-style {
    height: 190px;
    min-width: 738px; /* = #canvas-pie .canvas-carousel-wrap */
}

#cross-selling-footer {
    position: absolute;
    top: 0;
    left: 0;
    height: 190px;
    white-space: nowrap;
}

.canvas-footer-game-promo {
    width: 365px;
    height: 190px;
    display: inline-block;
    margin: 0 8px 0 0;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.canvas-footer-game-promo:HOVER {
    -webkit-box-shadow: inset 0 198px 0 rgba(255, 255, 255, .2);
    box-shadow: inset 0 198px 0 rgba(255, 255, 255, .2);
}

#canvas-pie .canvas-carousel-arrow {
    height: 198px;
}

#canvas-footer-ad-wrapper {
    text-align: center;
    margin: 20px 0;
    width: 100%;
}

.canvas-footer-info {
    text-align: center;
    margin-top: 40px;
    font-size: 12px;
    margin-bottom: 20px;
    color: #888;
}

.canvas-footer-info * {
    color: inherit;
}

#lang-selector{
    margin-right: 205px;
    float: right;
    text-align: center;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 11px;
    color: #4d599f;
    text-decoration: none;
    right: 195px;
    overflow: hidden;
    min-width: 130px;
    background: #d8dfea url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAaBAMAAACEKiviAAAAJFBMV…3AgQAAIAwAsCGEEMIRQgjhCEcIIYQQQsyg+Wu6MEypLNtxHx/UBCFANSQpAAAAAElFTkSuQmCC) top repeat-x;
    background: -webkit-linear-gradient(top,#d8dfea 0,#d7deea 60%,#d2d9e8 72%,#bfc5e0 100%);
    background: linear-gradient(to bottom,#d8dfea 0,#d7deea 60%,#d2d9e8 72%,#bfc5e0 100%);
}
#lang-selector:after {
    content: '';
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    right: 10px;
    bottom: 0;
    margin: auto;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #1a6abe transparent transparent transparent;
    pointer-events: none;
}
#lang-selector:before {
    width: 30px;
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    background: #d8dfea url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAaBAMAAACEKiviAAAAJFBMV…3AgQAAIAwAsCGEEMIRQgjhCEcIIYQQQsyg+Wu6MEypLNtxHx/UBCFANSQpAAAAAElFTkSuQmCC) top repeat-x;
    background: -webkit-linear-gradient(top,#d8dfea 0,#d7deea 60%,#d2d9e8 72%,#bfc5e0 100%);
    background: linear-gradient(to bottom,#d8dfea 0,#d7deea 60%,#d2d9e8 72%,#bfc5e0 100%);
    content: '';
    pointer-events: none;
}

#lang-selector:hover:before {
    background: #bfc5e0;
}

#lang-selector select{
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    background: transparent;
    height: 100%;
    width: 100%;
    cursor: pointer;
    outline: none;
    padding-right: 35px;
    padding-left: 15px;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}