@charset "UTF-8";
@font-face {
    font-family: 'entypo';
    src: url('/css/infografias/papables/font-face/entypo.eot');
    src: url('/css/infografias/papables/font-face/entypo.eot?#iefix') format('embedded-opentype'),
         url('/css/infografias/papables/font-face/entypo.woff') format('woff'),
         url('/css/infografias/papables/font-face/entypo.ttf') format('truetype'),
         url('/css/infografias/papables/font-face/entypo.svg#entypo') format('svg');
    font-weight: normal;
    font-style: normal;

}

/** Contenedor infografia **/
#container-infografia-papables { 
    width:100%; height:605px; display:block; 
    background: url(i/background.jpg) no-repeat center center #f2f2f2; z-index:200; position:relative; 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
#container-infografia-papables * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
/* ----------------------------------------------------------------------------------*/

/** --- Cabecera --- **/
#container-infografia-papables > .header { float:left; width:100%; text-align:left; font-family: 'RTVEFontR'; color: #333; display:block; background: #fff; padding:1em;box-shadow:0 1px 2px rgba(0,0,0,.2);}
#container-infografia-papables > .header > h1   { font-size: 30pt; color: #b60000; line-height:1em;}
#container-infografia-papables > .header > p    { font-size: 9pt; color: #666; line-height: 1.3em; width: 80%; padding: 10px 0 5px; font-family: 'Arial', Helvetica;}
/* ----------------------------------------------------------------------------------*/

/** --- #Container --- **/
#container-infografia-papables #container {float:left; display:block;width:100%;padding: 0em 0; }

/** --- Cardenales --- **/
#container-infografia-papables ul.papables { 
    display:block; height:auto; 
    width: 90%; 
    margin: 0 30px; z-index: 200; position: relative; text-align: center; margin-top: 40px;
    -webkit-animation: fadeIN .3s ease-out 0s;
    -moz-animation: fadeIN .3s ease-out 0s;
    -ms-animation: fadeIN .3s ease-out 0s;
    -o-animation: fadeIN .3s ease-out 0s;
    animation: fadeIN .3s ease-out 0s;
}
#container-infografia-papables ul.papables.disabled {
    display: none; z-index:0;
    -webkit-animation: fadeOUT .3s ease-in 0s;
    -moz-animation: fadeOUT .3s ease-in 0s;
    -ms-animation: fadeOUT .3s ease-in 0s;
    -o-animation: fadeOUT .3s ease-in 0s;
    animation: fadeOUT .3s ease-in 0s;
} 
#container-infografia-papables ul.papables > li { 
    width: 45px; display:inline-block; height:121px; 
    background: url(i/papables.png) no-repeat 0 0 transparent; 
    text-indent: -100%; position: relative; 
    -webkit-filter: saturate(30%);
    -moz-filter: saturate(30%);
    -o-filter: saturate(30%);
    -ms-filter: saturate(30%);
    filter: saturate(30%);
    -webkit-animation: fadeIN .3s ease-in 0s;
    -moz-animation: fadeIN .3s ease-in 0s;
    -ms-animation: fadeIN .3s ease-in 0s;
    -o-animation: fadeIN .3s ease-in 0s;
    animation: fadeIN .3s ease-in 0s;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
}
#container-infografia-papables ul.papables > li { margin-bottom: -95px; cursor:pointer; }
#container-infografia-papables ul.papables > li:nth-child(36n+1) { clear:both; margin-left: 42px; }
#container-infografia-papables ul.papables > li:hover { 
    -webkit-filter: saturate(70%);
    -moz-filter: saturate(70%);
    -o-filter: saturate(70%);
    -ms-filter: saturate(70%);
    filter: saturate(70%);
}
#container-infografia-papables ul.papables > li.papanegro { background-position: -46px;}
/* ----- INFO ------------------------------------------------*/

#container-infografia-papables ul.papables > li.active { 
    -webkit-filter: saturate(100%);
    -moz-filter: saturate(100%);
    -o-filter: saturate(100%);
    -ms-filter: saturate(100%);
    filter: saturate(100%);
    
    -webkit-transition: -webkit-filter .5s 0s;
    -moz-transition: -moz-filter .5s 0s;
    -o-transition: -o-filter .5s 0s;
    -ms-transition: -ms-filter .5s 0s;
    transition: filter .5s 0s;
}
#container-infografia-papables ul.papables > li.active:hover { 
    -webkit-filter: saturate(100%);
}
#container-infografia-papables ul.papables > li.active .info{ 
    position: absolute; padding:10px; margin-top: -111px;
    z-index: 240; width: 250px; background: white; margin-left: -100px; bottom: 110%; float:left; display:block; 
    border-radius:4px; text-align: left;
    box-shadow: 0 2px 5px rgba(0,0,0,.7);
    -webkit-animation: info .3s ease-out 0s;
    -moz-animation: info .3s ease-out 0s;
    -ms-animation: info .3s ease-out 0s;
    -o-animation: info .3s ease-out 0s;
    animation: info .3s ease-out 0s;
}
#container-infografia-papables ul.papables > li.active .info:after {
    content:''; position:absolute; width:15px; height:15px; background:white; left:46%; bottom:-7px; 
    z-index:100; box-shadow:2px 2px 1px rgba(0,0,0,.4);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
#container-infografia-papables ul.papables > li.active:nth-child(18n+1) .info,
#container-infografia-papables ul.papables > li.active:nth-child(18n+2) .info,
#container-infografia-papables ul.papables > li.active:nth-child(18n+3) .info       { margin-left:0;}
#container-infografia-papables ul.papables > li.active:nth-child(18n+1) .info:after,
#container-infografia-papables ul.papables > li.active:nth-child(18n+2) .info:after,
#container-infografia-papables ul.papables > li.active:nth-child(18n+3) .info:after { left: 6%;}

#container-infografia-papables ul.papables > li.active:nth-child(18n-1) .info,
#container-infografia-papables ul.papables > li.active:nth-child(18n-2) .info,
#container-infografia-papables ul.papables > li.active:nth-child(18n) .info       { margin-left:-200px;}
#container-infografia-papables ul.papables > li.active:nth-child(18n-1) .info:after,
#container-infografia-papables ul.papables > li.active:nth-child(18n-2) .info:after,
#container-infografia-papables ul.papables > li.active:nth-child(18n) .info:after { left: 86%;}

#container-infografia-papables ul.papables > li.active .info *{ float:left; display:block; text-indent: 0;}
#container-infografia-papables ul.papables > li.active .info > .imagen { width: 30%;margin-right: 8px; margin-bottom: 6px;}
#container-infografia-papables ul.papables > li.active .info img { border-radius:4px; width:100%; }
#container-infografia-papables ul.papables > li.active .info > .nombre{ font-size: 11pt; margin-top: 5px;line-height:1em; font-weight:bold; color: #b60000; max-width: 65%; margin-bottom: 4px;}
#container-infografia-papables ul.papables > li.active .info > [class*="linea"]{ width: 66%; float:right; font-size: 8pt; line-height: 1em; color: #333; font-weight:bold; padding: 2px 0;}
#container-infografia-papables ul.papables > li.active .info > .linea1{ }
#container-infografia-papables ul.papables > li.active .info > .linea2{ }
#container-infografia-papables ul.papables > li.active .info > .linea3{ color: #b60000;}
#container-infografia-papables ul.papables > li.active .info > .linea4{ font-size: 9pt; padding: 0; font-weight:normal; line-height: 1.2em; color: #666; border-top: 1px dashed #c3c3c3; margin-top: 5px; padding-top: 5px;}
#container-infografia-papables ul.papables > li.active .info > .boton { 
    border:none; font-size:8pt; font-weight:bold;
    padding: .2em .4em; border-radius:4px; box-shadow: inset 0 0px 1px #000; color:white; margin:0 auto; float: left; cursor: pointer; z-index:201; position:relative; width: 30%;
    background: #a3a3a3;
    background: -moz-linear-gradient(top,  #a3a3a3 0%, #444444 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3a3a3), color-stop(100%,#444444));
    background: -webkit-linear-gradient(top,  #a3a3a3 0%,#444444 100%);
    background: -o-linear-gradient(top,  #a3a3a3 0%,#444444 100%);
    background: -ms-linear-gradient(top,  #a3a3a3 0%,#444444 100%);
    background: linear-gradient(to bottom,  #a3a3a3 0%,#444444 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3a3a3', endColorstr='#444444',GradientType=0 );
}
#container-infografia-papables ul.papables > li.active .info > .boton:hover { 
    box-shadow: inset 0 0px 1px black;
    background: #e73939;
    background: -moz-linear-gradient(top,  #e73939 0%, #8a0000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e73939), color-stop(100%,#8a0000));
    background: -webkit-linear-gradient(top,  #e73939 0%,#8a0000 100%);
    background: -o-linear-gradient(top,  #e73939 0%,#8a0000 100%);
    background: -ms-linear-gradient(top,  #e73939 0%,#8a0000 100%);
    background: linear-gradient(to bottom,  #e73939 0%,#8a0000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e73939', endColorstr='#8a0000',GradientType=0 );
}
#container-infografia-papables ul.papables > li.active .info > .cerrar { position:absolute; top:5px; right:5px;background:#c3c3c3; width: 15px; padding: 2px; text-align:center; color:white; font-weight:bold;border-radius:2px}
#container-infografia-papables ul.papables > li.active .info > .cerrar:hover {background-color:#b60000; cursor: pointer;}
/* ----------------------------------------------------------------------------------*/
/** --- Seleccion Final --- **/
#container-infografia-papables ul.papables.disabled ~ .seleccionFinal {
    opacity: 1; z-index:200;
    -webkit-animation: fadeIN .3s ease-out 0s;
    -moz-animation: fadeIN .3s ease-out 0s;
    -ms-animation: fadeIN .3s ease-out 0s;
    -o-animation: fadeIN .3s ease-out 0s;
    animation: fadeIN .3s ease-out 0s;
    margin-top: 40px !important;
    width: 90%;
    margin: 0 auto;
    display: block;
}
#container-infografia-papables ul.papables.disabled.showResults ~ .seleccionFinal .seleccion {display: none;}
#container-infografia-papables ul.papables.disabled.showResults ~ .seleccionFinal .resultados {margin:0 auto; float:none; display:block; overflow:hidden;}
#container-infografia-papables .seleccionFinal {   
    display: none;
}
#container-infografia-papables .seleccionFinal .seleccion {
    float: left;
    width: 40%;
    margin-top: 8%;
}
#container-infografia-papables .seleccionFinal .seleccion > img {
    float:left; width:25%; border-radius:10%; border:4px solid white; box-shadow:0 2px 0px rgba(0,0,0,.3); margin-right:10px;
}
#container-infografia-papables .seleccionFinal .seleccion > span { width: 70%; font-size: 12pt; float:left; color: #333; line-height: 1.5em; font-weight: bold; padding-top: .5em;}
#container-infografia-papables .seleccionFinal .seleccion > span > b { color:#b80000; font-size:1.5em;float:left; line-height:1em;}
#container-infografia-papables .seleccionFinal .resultados {
    float: left;
    width: 60%;
    background: white;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 4px 4px rgba(0,0,0,.3);
    -moz-box-shadow: 0 4px 4px rgba(0,0,0,.3);
    
}
#container-infografia-papables .seleccionFinal .resultados > span { float:left; font-family: RTVEFontB; color:#d80000; font-size:14pt; line-height: 1.2em; padding: .5em; border-bottom: 1px solid #c3c3c3; width:100%;}
#container-infografia-papables .seleccionFinal .resultados ul {
    float: left;
    width: 100%;
    padding:1em;
    height: auto;
}
#container-infografia-papables .seleccionFinal .resultados ul li {
    width: 50%;
    float: left;
    padding-left: 0em;
    display: block;
}

#container-infografia-papables .seleccionFinal .resultados ul li .porcentaje,
#container-infografia-papables .seleccionFinal .resultados ul li .nombre { font-family:Arial; font-weight:bold; font-size: 1.2em; float:left; padding-top:1.5em; color:#333}
#container-infografia-papables .seleccionFinal .resultados ul li img { float:left; width: 18%; margin: .2em .4em;border-radius:100%; border:2px solid white; box-shadow:0 2px 0px rgba(0,0,0,.3); -webkit-box-shadow:0 2px 0px rgba(0,0,0,.3);-moz-box-shadow:0 2px 0px rgba(0,0,0,.3); margin-right: 10px;}
#container-infografia-papables .seleccionFinal .resultados ul li .porcentaje { 
    font-size:1.6em; 
    padding-top:1.3em; color:#b80000; 
    font-family: RTVEFontR; width: 20%;
    font-weight: normal; text-align: right;
    margin-right: 3%;
}
#container-infografia-papables .seleccionFinal .resultados ul li .nombre {
    width: 50%;
 }
#container-infografia-papables .seleccionFinal .resultados ul li.masVotado {
    float:left; clear:both;
    height: 240px;
    position: relative;
    border-right:1px dotted #c3c3c3;
    padding-top:10px;
    padding-left: 1em;
}
#container-infografia-papables .seleccionFinal .resultados ul li.masVotado img {
    position: absolute;
    width: 30%;
    left: 0;
    top: 25%;
}
#container-infografia-papables .seleccionFinal .resultados ul li.masVotado .porcentaje,
#container-infografia-papables .seleccionFinal .resultados ul li.masVotado .nombre{
    float: left;
    clear: both;
    line-height: 1em;
    padding-left: 80px;
    padding-top:.2em;
    position: relative;
    width:90%;
    top: 25%;
}
#container-infografia-papables .seleccionFinal .resultados ul li.masVotado .porcentaje{ 
    font-size: 3em; font-family: RTVEFontB; text-align: left;
}
#container-infografia-papables .seleccionFinal .resultados ul li.masVotado .nombre{ font-size:1.6em; }

/* ----------------------------------------------------------------------------------*/

/** --- Filtros --- **/
#container-infografia-papables ul.filtro_global { 
    display:block;  height: auto; width: 100%; padding: 0; position: relative; z-index: 200; text-align: center; 
    background: #666666;
    background: -moz-linear-gradient(top,  #666666 0%, #333333 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#333333));
    background: -webkit-linear-gradient(top,  #666666 0%,#333333 100%);
    background: -o-linear-gradient(top,  #666666 0%,#333333 100%);
    background: -ms-linear-gradient(top,  #666666 0%,#333333 100%);
    background: linear-gradient(to bottom,  #666666 0%,#333333 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#333333',GradientType=0 );
}
#container-infografia-papables ul.filtro_global > li {
    display: inline-block;
    /*background-image: -webkit-linear-gradient(top, #a5a5a5, #797979);*/
    cursor: pointer;
    text-shadow: 0 -1px 1px rgba(0,0,0,.5);
    position: relative;
    padding-right: 20px;
    text-align: left;
}

#container-infografia-papables ul.filtro_global > li:after { 
    font-family: 'entypo';
    font-size: 30px; content:'\2795'; 
    color: white;    
    height: 100%; width: 20px;
    position: absolute; right: 0; top: 0;
    line-height:20px; display:block; 
}

#container-infografia-papables ul.filtro_global > li:hover:after { content:'\E75C'; }
#container-infografia-papables ul.filtro_global > li.li_resultados:after, 
#container-infografia-papables ul.filtro_global > li.li_resultados:after:hover { content: '\E005' !important; }

#container-infografia-papables ul.filtro_global > li > span {
    float:left; display:block;
    padding: 0.7em;
    font-family: Arial, Helvetica;
    font-size: 11pt; line-height:10pt;
    color: white;
}

#container-infografia-papables ul.filtro_global > li:hover,
#container-infografia-papables ul.filtro_global > li.selected { 
    z-index:23;
    background: #d04b4b;
    background: -moz-linear-gradient(top,  #d04b4b 0%, #ba3333 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d04b4b), color-stop(100%,#ba3333));
    background: -webkit-linear-gradient(top,  #d04b4b 0%,#ba3333 100%);
    background: -o-linear-gradient(top,  #d04b4b 0%,#ba3333 100%);
    background: -ms-linear-gradient(top,  #d04b4b 0%,#ba3333 100%);
    background: linear-gradient(to bottom,  #d04b4b 0%,#ba3333 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d04b4b', endColorstr='#ba3333',GradientType=0 );
}

/* ----- Submenu ------------------------------------------------*/
#container-infografia-papables ul.filtro_global:hover {z-index:205;}
#container-infografia-papables ul.filtro_global > li:hover > ul {
    opacity: 1;
    display: block;
    -webkit-animation: fadeIN .3s ease-in 0s;
    -moz-animation: fadeIN .3s ease-in 0s;
    -ms-animation: fadeIN .3s ease-in 0s;
    -o-animation: fadeIN .3s ease-in 0s;
    animation: fadeIN .3s ease-in 0s;
}
#container-infografia-papables ul.filtro_global > li > ul {
    opacity: 0;
    display: none;
    position: absolute;
    background: white;
    left: 0;
    top: 100%;
    box-shadow: 0 0px 2px black;
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 209;
    min-width: 120px;
}
#container-infografia-papables ul.filtro_global > li > ul > li { 
    float:left; 
    width: 100%; border-bottom: 1px solid #c3c3c3; 
    color: #333;
    text-shadow: none;
    position: relative;
    display: block;
}
#container-infografia-papables ul.filtro_global > li > ul > li:hover {
    background-color:rgba(255,0,0,.1)
} 
#container-infografia-papables ul.filtro_global > li > ul > li:last-child { border-bottom: none;} 
/* ----- Contenidos Submenu ------------------------------------------------*/
#container-infografia-papables ul.filtro_global > li > ul > li > input { visibility:hidden; }

#container-infografia-papables ul.filtro_global > li > ul > li > label { float:left; width: 100%; top: 0; left: 0; font-size: 10pt; display: block; margin-top: -14px; padding: .4em; cursor:pointer;}
#container-infografia-papables ul.filtro_global > li > ul > li > label > span { float:left; width: 100%; font-weight: bold; line-height:1.2em}
#container-infografia-papables ul.filtro_global > li > ul > li > label > span ~ span { font-size: 8pt; font-weight: normal; color: #999;}

#container-infografia-papables ul.filtro_global > li > ul > li > input:checked +label {background-color:#bd3636;}
#container-infografia-papables ul.filtro_global > li > ul > li > input:checked + label > span { color:#fff; }
#container-infografia-papables ul.filtro_global > li > ul > li > input:checked + label > span ~ span{ color: rgb(255, 255, 255); }

#container-infografia-papables ul.filtro_global > li > ul.ul_nombrado {width: 135%;overflow-x: hidden;}
#container-infografia-papables ul.filtro_global > li > ul.ul_nombrado > li > label > img {float:left; display:inline-block;}
#container-infografia-papables ul.filtro_global > li > ul.ul_nombrado > li > label > span { float: left; width: 60%; font-weight: bold; line-height:1.2em; display: inline-block; padding: 0; margin-left: 10px;}
/* ----------------------------------------------------------------------------------*/
/****  Listado Filtros seleccionados ****/
#container-infografia-papables ul.listadoFiltros { 
    display: block; width: 100%;
    margin: 0 auto; padding: 1em 0em; 
    text-align: center;
}
#container-infografia-papables ul.listadoFiltros > li { 
    display:inline-block; padding:.7em; 
    margin-right: .5em; 
    
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    
    box-shadow:0 1px 1px rgba(0,0,0,.3);
    -webkit-box-shadow:0 1px 1px rgba(0,0,0,.3);
    -moz-box-shadow:0 1px 1px rgba(0,0,0,.3);
    
    background: #d04b4b;
    background: -moz-linear-gradient(top,  #d04b4b 0%, #ba3333 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d04b4b), color-stop(100%,#ba3333));
    background: -webkit-linear-gradient(top,  #d04b4b 0%,#ba3333 100%);
    background: -o-linear-gradient(top,  #d04b4b 0%,#ba3333 100%);
    background: -ms-linear-gradient(top,  #d04b4b 0%,#ba3333 100%);
    background: linear-gradient(to bottom,  #d04b4b 0%,#ba3333 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d04b4b', endColorstr='#ba3333',GradientType=0 );
}
#container-infografia-papables ul.listadoFiltros span       { float:left; display:inline; color:white; text-shadow:0 -1px 0px rgba(0,0,0,.5) }
#container-infografia-papables ul.listadoFiltros .filtro    { font-size:9pt; font-weight:bold; padding-right:1em; font-family:'Helvetica', Arial; }
#container-infografia-papables ul.listadoFiltros .cerrar    { font-family:'entypo'; font-size:20pt; float:right; line-height:0em; cursor:pointer; color:#910101;}
#container-infografia-papables ul.listadoFiltros .cerrar:hover { color:white;  }
/* ----------------------------------------------------------------------------------*/
/** Footer **/
#container-infografia-papables > .footer { 
    float:left; display:block; width:100%; text-align:center;
    font-family: 'RTVEFontR'; color: #fff;  
    background: #000; line-height: 2em;
    margin-top: 95px;
}
/* ----------------------------------------------------------------------------------*/

/*** Contenido de la página ***/
#wrapper .container { overflow: inherit; }
/* ----------------------------------------------------------------------------------*/

/*** Animaciones ***/
/*** ---------- INFO -------------- ***/
@-webkit-keyframes info{
    0%      { opacity:0; -webkit-transform: translate(0, 50%); }
    100%    { opacity:1; }
}
@-moz-keyframes info{
    0%      { opacity:0; -moz-transform: translate(0, 50%); }
    100%    { opacity:1; }
}
@-o-keyframes info{
    0%      { opacity:0; -o-transform: translate(0, 50%); }
    100%    { opacity:1; }
}
@-ms-keyframes info{
    0%      { opacity:0; -ms-transform: translate(0, 50%); }
    100%    { opacity:1; }
}
@keyframes info{
    0%      { opacity:0; transform: translate(0, 50%); }
    100%    { opacity:1; }
}
/*** ---------- fadeIN -------------- ***/
@-webkit-keyframes fadeIN{
    0%      { opacity:0; }
    100%    { opacity:1; }
}
@-moz-keyframes fadeIN{
    0%      { opacity:0; }
    100%    { opacity:1; }
}
@-o-keyframes fadeIN{
    0%      { opacity:0; }
    100%    { opacity:1; }
}
@-ms-keyframes fadeIN{
    0%      { opacity:0; }
    100%    { opacity:1; }
}
@keyframes fadeIN{
    0%      { opacity:0; }
    100%    { opacity:1; }
}
/*** ---------- fadeOUT -------------- ***/
@-webkit-keyframes fadeOUT{
    0%      { opacity:1; }
    100%    { opacity:0; }
}
@-moz-keyframes fadeOUT{
    0%      { opacity:1; }
    100%    { opacity:0; }
}
@-o-keyframes fadeOUT{
    0%      { opacity:1; }
    100%    { opacity:0; }
}
@-ms-keyframes fadeOUT{
    0%      { opacity:1; }
    100%    { opacity:0; }
}
@keyframes fadeOUT{
    0%      { opacity:1; }
    100%    { opacity:0; }
}

/* ----------------------------------------------------------------------------------*/

/*** Scroll ***/
#container-infografia-papables ul.filtro_global > li > ul::-webkit-scrollbar {
    width: 6px;
} 
/* Track */
#container-infografia-papables ul.filtro_global > li > ul::-webkit-scrollbar-track {
    background-color: transparent;
}
/* Thumb */
#container-infografia-papables ul.filtro_global > li > ul::-webkit-scrollbar-thumb {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: rgba(0,0,0,0.3);
    margin-right:2px; 
}
/* social */
/* social */
.social { 
    display:block; float:left; 
    width: 100%; border-top: 1px dotted #c3c3c3;
    margin-top: 1em; padding-top: 1em;
}
.social li {
    width:33%; float:left; line-height:1.6em; cursor:pointer; padding:.2em .5em; margin-right:10px; font-size:1.2em;
    
    border-radius:2px; 
    -webkit-border-radius:2px; 
    -moz-border-radius:2px;
    
    box-shadow:0 1px 1px rgba(0,0,0,1), inset 0 1px 0 rgba(255,255,255,1);
    -webkit-box-shadow:0 1px 1px rgba(0,0,0,1), inset 0 1px 0 rgba(255,255,255,1);
    -moz-box-shadow:0 1px 1px rgba(0,0,0,1), inset 0 1px 0 rgba(255,255,255,1); 

    background: #39739b;
    background: -moz-linear-gradient(top,  #39739b 0%, #00537a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#39739b), color-stop(100%,#00537a));
    background: -webkit-linear-gradient(top,  #39739b 0%,#00537a 100%);
    background: -o-linear-gradient(top,  #39739b 0%,#00537a 100%);
    background: -ms-linear-gradient(top,  #39739b 0%,#00537a 100%);
    background: linear-gradient(to bottom,  #39739b 0%,#00537a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39739b', endColorstr='#00537a',GradientType=0 );
}

.social li.tw { 
    color: #fff;
    border-color: #057ed0;
    
    text-shadow: 0 -1px 1px rgba(0,0,0,.25);
    -webkit-text-shadow: 0 -1px 1px rgba(0,0,0,.25);
    -moz-text-shadow: 0 -1px 1px rgba(0,0,0,.25);
    
    background-color: #019ad2;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear,left top,left bottom,from(#33bcef),to(#019ad2));
    background-image: -moz-linear-gradient(#33bcef,#019ad2);
    background-image: -ms-linear-gradient(#33bcef,#019ad2);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#33bcef),color-stop(100%,#019ad2));
    background-image: -webkit-linear-gradient(#33bcef,#019ad2);
    background-image: -o-linear-gradient(#33bcef,#019ad2);
    background-image: linear-gradient(#33bcef,#019ad2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bcef',endColorstr='#019ad2',GradientType=0);
    
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,1),inset 0 1px 0 rgba(255,255,255,.1);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,1),inset 0 1px 0 rgba(255,255,255,.1);
    box-shadow: 0 1px 1px rgba(0,0,0,1),inset 0 1px 0 rgba(255,255,255,.1);
}
.social li.tw a, .social li.fb a {
    float:left; color:white; font-weight:bold; padding-left: 25px;
    background: url('i/social.png') 0 0 no-repeat;
}
.social li.fb a { background-position:0px -60px;}
.social li.fb a:hover{}
.social li.tw a { background-position:0px -20px; }
.social li.tw a:hover{}