/* eskup widget */

body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #fff;
    min-width: 220px;
    font-size: 12px;   
}

a {
    color: #FF3300;
    text-decoration: none;
}

a img {
    border: 0;
}

ul,
ul li {
    list-style-type: none;
    margin: 0;
    padding: 0;   
}

#contenedor {
    position: relative;
    padding-bottom: 20px;   
}

#contenedor.powererdby-abajo {
    padding-bottom: 40px;
}

#contenedor.powererdby-arriba {
    padding-top: 30px;
}

.poweredby {
    position: fixed;
    left: 0;
    background-color: #fff;   
    height: 25px;
    padding-top: 2px;
    z-index: 10;
    width: 100%;
}

.powererdby-arriba .poweredby {
    top: 0;
    border-bottom: 1px solid #ccc;
}

.powererdby-abajo .poweredby {
    bottom: 0;
    border-top: 1px solid #ccc;
}

.poweredby strong {
    display: none;
}

.poweredby,
.poweredby a {
    vertical-align: middle;
}

.poweredby p {
    margin: 0;
    text-align: right;
font: normal 9px Tahoma,Arial,Helvetica,sans-serif;
color: #999;
}

.poweredby a {
    display: inline-block;
    width: 61px;
    height: 23px;
    margin-right: 5px;
    background:transparent url(/Widgets/Iconos/v1.x/v1.0/sprite.png) no-repeat -8px -9px;   
}

.poweredby a srong {
    display: none;
}

.rompedor {
    clear: both;
}

.pestanas {
    background-color: #ccc;
    padding: 5px 0 5px 0;
}

.pestanas ul {
    border-color:#333;
    height:22px;
    margin: 0 0 2px 2px;
    white-space:nowrap;
}

.pestanas ul li {
    display: inline;
    height:10px;
    white-space:nowrap;
}

.pestanas ul li a,
.pestanas ul li .inactivo {
    background-color:#666;
    color:#fff;
    display:block;
    float:left;
    margin: 0 5px 0 0;   
    height: 16px;
    padding:3px 7px 3px 7px;
    text-decoration:none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.pestanas ul li.activo a {
    padding-bottom:10px;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
}
.pestanas ul li .inactivo {
    color: #8c8c8c;
    background-color: #eee;
    border-color: #dedede;
}

.pestanas ul li a:hover {
    background-color:#8B8B8B;
    text-decoration:none;
}

.pestanas ul li.activo a {
    background-color: #FF3300;
}

a.titulotema {
    display: block;
    padding: 7px 9px 6px 12px;
    text-decoration: none;
    color: #000;
    background-color:  #fff;
    margin: 0;
    font: bold 14px/19px Arial, Helvetica, Garuda, sans-serif;
    text-transform: uppercase;
    float: left;
}
a.titulotema:hover {
    color: #666;
}


/* cabecera elpais ======================================== */

.cabecera {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #000;
    border-bottom: 1px solid #d3d3d3;
    height: 40px;
}
.cabecera a.logo {
    background: transparent url(/Iconos/v1.x/v1.0/logo/elpais_cabecera_widget.png) no-repeat 0 0;
    display: block;
    width: 81px;
    height: 18px;
    margin: 5px 0 0 5px;
    float: left;
}
.cabecera .pestanas {
    background-color: #fff;
    float: left;
    margin: 7px 0 0 7px;
    padding: 0;
    border-top: none;
}
.cabecera .pestanas ul {
    height: auto;
    margin: 0;
    font: bold 11px/14px Tahoma, Arial, Helvetica, sans-serif;
}
.cabecera .pestanas ul li {
    height: auto;
}
.cabecera .pestanas ul li a,
.cabecera .pestanas ul li .inactivo {
    color: #999;
    background-color: #fff;
    display: block;
    float: left;
    margin: 0;   
    padding: 0 7px 0 7px;
    text-decoration: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
.cabecera .pestanas ul li.activo a {
    padding-bottom: 0;
    color: #000;
    background-color: #fff;
    font: bold 16px/18px Arial, Helvetica, sans-serif;
}

.cabecera .pestanas ul li a:hover {
    background-color: #fff;
    text-decoration: none;
    color: #666;
}


/* fin cabecera elpais ======================================== */






#id_info_usuario,
#id_info_evento {
    position: relative;
    margin-left: 5px;
    margin: 5px 5px 10px 5px;
    padding: 3px 3px 3px 0;
}

#id_info_usuario {

    border-bottom: 0;
    padding-bottom: 5px;
    border-bottom: 1px dotted #ccc;
}

#id_info_evento {
    
    margin-bottom: 10px;
    min-height: 50px;
}

#id_info_usuario .fotoymas,
#id_info_evento  .fotoymas {
    position: absolute;
    top: 0;
    left: 0;   
    width: 80px;
    border: 1px solid #d3d3d3;
    padding: 3px;
    z-index: 5;
}

#id_info_usuario .fotoymas img {
    width: 80px;
    height: auto !important;
}
.nombreymas {
    min-height: 90px;
}

.tituloymas {
    min-height: 65px;
}

#id_info_usuario .nombreymas,
#id_info_evento .tituloymas {   
    margin: 0 0 0 94px;
}

#id_info_evento .fotoymas {
    width: 80px;
}

#id_info_evento .fotoymas img {
    width: 80px;   
    height: auto !important;
}

#id_info_usuario h2,
#id_info_usuario div,
#id_info_usuario p,
#id_info_evento h2,
#id_info_evento div,
#id_info_evento p {
    margin-bottom: 0;
    margin-top: 0;
}

#id_info_usuario h2,
#id_info_usuario p,
#id_info_evento h2,
#id_info_evento p {
    margin-top: 0;
    margin-bottom: 5px;
}

#id_info_usuario div div,
#id_info_evento div div {
    margin-left: 0;
}

#id_info_usuario h2,
#id_info_evento h2 {
    font-size: 14px;
    line-height: 100%;
    margin-bottom: 0;
}
#id_info_usuario h2 a,
#id_info_evento h2 a {
    color: #000;
}
#id_info_usuario h2 a:hover,
#id_info_evento h2 a:hover {
    color: #f30;
}

#id_info_usuario .nickname {
    color: #666;
    margin: 3px 0 3px 0;
}

#id_info_usuario .estado .noactivo {
    display: block;
}

#id_info_usuario .estado .activo {
    background-color: #FF3300;
    display: block;
    color:#FFFFFF;
    font:10px/14px Tahoma,Arial,Helvetica,Garuda,sans-serif;
    margin:1px 0 0;
    padding:2px 0 5px 4px;   
}

#id_info_evento .estado_evento {
    width: 20px;
    margin-top:0px;
}

#id_info_evento .estado_evento span {
    display: inline-block;
}

#id_info_evento .estado_evento .solo_suscripcion {
    width:25px;
    height: 13px;   
    margin-top: 5px;
    background:transparent url(/Widgets/Iconos/v1.x/v1.0/sprite.png) no-repeat -9px -571px;   
}

#id_info_evento .estado_evento .cerrado {
    width:16px;
    height: 16px;   
    margin-top: 4px;
    background:transparent url(/Widgets/Iconos/v1.x/v1.0/sprite.png) no-repeat -9px -625px;   
    vertical-align: middle;
}

#id_info_usuario .enlaces ul li {
    display: inline;   
}

#id_info_usuario .enlaces ul li a {
    color:#f30;
    border-top: 1px solid #f30;
    font: bold 11px Tahoma,Arial,Helvetica,sans-serif;
    text-decoration: none;
    display: inline-block;
    float: left;
    padding: 5px 5px 5px 0;
    margin: 0 5px 5px 0;   
}

#id_info_usuario p#id_descripcion_usuario,
#id_info_evento p#id_descripcion_evento {
    clear: both;
    padding: 3px 0 0 0;
    margin-bottom: 0;
    border-top: 1px dotted #ccc;
    color: #717171;
}

#id_info_evento p#id_descripcion_evento {
    border-top: 0;
}

.contadores {   
    padding-top: 5px;
    margin: 3px 0 10px 0;
}

.contadores .contador {
    background-color:#E8E8DC;
    border-bottom:1px solid #FFFFFF;
    border-left:1px solid #DBDBCD;
    border-right:1px solid #FFFFFF;
    border-top:1px solid #DBDBCD !important;   
    margin:0 0 0.5% 0;
    padding:1px 1% 5px 1%;
    width:29%;
    float: left;
    font: 11px/18px Tahoma,Arial,Helvetica,Garuda,sans-serif;
    color:#777777;
}

#id_info_evento .contadores .contador {
    width: 47%;
}

.contadores .contador h5 {
    color:#000000;
    font-size:11px;
    font-weight:bold;
    margin:0;
    padding:0;
}

.contadores .contador ul li .enunciado {
    display:block;
    float:left;
    width:53px;
    font-size: 9px;
}

.contadores .contador ul li a {
    color:#FF3300;
    font-weight:bold;
    text-decoration: none;
}

.contenido {
    clear: both;
    padding: 5px 0 1px 0;
    border-top: 1px solid #afafaf;
}

.escribirmensaje a.publicar {
    clear: both;
}

.otrousuario .escribirmensaje a.cancelar {
    margin: 5px 0 5px 5px;
}

.escribirmensaje a.botonactivo {
    color: #000;
    background-color: transparent;
    float: left;
    width: 123px;
    font-weight: bold;
    padding: 5px 0 3px 0;
    border-color: #fff;
    margin: 0 0 0 5px;
}

.inversion p {
    font: normal 11px/14px Tahoma, Arial, Helvetica, Garuda, sans-serif;
    margin: 0;
    padding: 5px 30px 15px 65px;
    color: #888;
    background: transparent url(/Iconos/v1.x/v1.0/sprite_colores.png) no-repeat 30px -1451px;
}

.mensajes {
    background-color: #eee;
    clear: both;
    overflow: hidden;
    
}

.mensajes .mensaje {
    border: 1px solid #bbb;
    border-bottom-color: #9e9e9e;
    padding: 5px 10px 10px 8px;
    margin-bottom: 5px;
    font-size: 14px;
    clear: both;
    background-color: #fff;   

}

.mensajes .mensaje .escribirmensaje {
    clear: both;
}

.mensajes .mio .mensaje {
    border-color: #000;
    border-width: 2px;
}

.mensajes .mio .mensaje .detalles {
    border-color: #333;
}

.mensajes .menombran .mensaje {
    background-color: #DEE1E1;
}

.mensajes .menombran .mensaje .detalles {
    border-color: #D2E8F6;
}

.mensajes .menombran .mensaje p em {
    font-style: normal;
    font-weight: bold;
}

.mensajes .mensaje_enviando .mensaje {
    padding: 0 3px 3px;
    border: 1px dotted #AFA8A4;
    margin: 8px 0 16px 0;
    color: #aaa !important;
}

.mensajes .mensaje_enviando .mensaje .quien a {
    color: #FFABAB;
}

.mensajes .mensaje_enviando .mensaje img {
    opacity: .5;
}

.recargar, .procesando, .informacion, .error, .cuidadoaclaracion,.explicacion,.comunicaciones {
    background-color: #FAFADA;
    border:1px solid #DBDBB8;
    padding: 10px;
    margin: 10px 5px 10px 5px;
    color: #000;
    font-size: 100%;
    clear: both;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    font-weight: bold;
}




.mensajes .mensaje .error p {
    margin: 0 0 2px 0;
}

.mensajes .mensaje .quien a {
    color: #FF3300;
    text-decoration: none;
    font-weight: bold;
}
.mensajes .mensaje p {
    margin: 5px 0 2px 0;
    line-height: 17px
}

.mensajes .mensaje p img {
    width: 36px;
    height: 36px;
    background-color: #fff;
    padding: 3px;
    border: 1px solid #ccc;
    margin: 0 6px 0 0;
    height: auto;
    float: left;
}

.mensajes .mensaje .cuando, .mensajes .mensaje .aquien, .mensajes .mensaje .tema, .mensajes .mensaje .capatemas {
    color: #aaa;
    font-size: 11px;
}

.mensajes .mensaje .aquien {
    margin-left: 5px;
}

.mensajes .mensaje .tema {

}

.mensajes .mensaje .capatemas, .mensajes .mensaje .capatemas ul, .mensajes .mensaje .capatemas ul li, .mensajes .mensaje .aquien ul, .mensajes .mensaje .aquien ul li {
    display: inline;
}

.mensajes .mensaje .aquien ul li a, .mensajes .mensaje .capatemas ul li a, .mensajes .mensaje .tema a, .sigoa a, .mesiguen a {   
    color: #999;   
    padding: 0 0px 0 4px;
    text-decoration: underline;
    

}

.sigoa a, .mesiguen a {
    background-color: #FF3300;
}

.article .video {
    clear: both;   
    padding: 10px 0 10px 0;
    width: 97%;
}

/* fotos en mensaje */

.article .fotoizquierda img,
.article .fotocompleta img {
    display: block;
    height: auto;
    padding: 1px;
    border: 1px solid #ccc;
}

.article .fotocompleta img {
    width: 98.5%;
    clear: both;   
    margin: 5px 0 8px 0;
}

.article .fotoizquierda img {
    width: 40%;
    float: right;
    position: relative;
    margin: 0 0 8px 8px;
}

.article .piemensaje {
    margin-top: 2px;
    clear: both;
    position: relative;
}

.mensajes .detalles {
    padding: 5px 0 5px 0;   

}
.mensajes .detalles a {
    text-decoration: none;
    color: #F10000;
}

.paginacion {
    clear: both;
    margin: 5px 0 1px 0;
    height: 20px;
    border-top: 1px dotted #ccc;
    padding-top: 5px;
}

.paginacion ul li {
    display: inline;
}

.paginacion ul li span,
.paginacion ul li a,
.paginacion ul li.activo {
    display: inline-block;       
    font-size:12px;
    padding: 4px 6px 4px 6px;
    float: left;
    border: 1px solid #ccc;
    color: #ccc;
    text-align: center;
    font-size: 100%;
    font-weight: bold;
    margin-right: 2px;
}

.paginacion ul li.activo {
    border: 0;
    color: #000;
}

.paginacion ul li a {
    border: 1px solid #FF3300;
    background-color: #FF3300;
    color: #fff;
    text-decoration: none;
}

.paginacion ul li.activo a {
    background-color: #333;
    color: #fff;
    border-color: #333;
}

.article .comentario {
    overflow:hidden;
    background-color: #fff;
    margin: 5px;
    padding: 10px;
    border: 1px solid #ccc;
}

body#conversacion .article .comentario {
    float:none;
    margin:8px 0 0;
    width:auto;
}

.article .comentario p.autor {
    font-size: 12px;
}

.article .comentario p,
.article .comentario .contenido__mensaje {
	font:12px/16px Arial,Helvetica,Garuda,sans-serif;
	margin: 0;
	display: inline;
	word-break: break-word;
}
.article .comentario p a,
.article .comentario .contenido__mensaje a {
    color:#FF3300;
}
.article .comentario p a:hover {
    background-color:#FFDDAC;
}

.article .comentario .capainfo p a:hover {
    background-color:transparent;
}

.article .comentario a.verconversacion {
    background:transparent url(/Widgets/Iconos/v1.x/v1.0/sprite.png) no-repeat -9px -169px;   
    display:inline-block;
    height:13px;
    margin:0 0 0 5px;
    width:16px;
}

.article .comentario a.verconversacion:hover {
    background-color:transparent;
}

.article .comentario .contenedorbotones {
    clear:both;
    padding:3px 0 0 0;
    text-align:right;
    overflow: hidden;
    border-top: 1px dotted #ccc;
}

.article .comentario .contenedorbotones a.boton {
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border:1px solid #C5C5C5;
    display:block;
    float:left;
    font:10px/14px Tahoma,Arial,Helvetica,Garuda,sans-serif;
    margin:3px 2px 0 0;
    color: #999;
}

.article .comentario .contenedorbotones a.responder {
    background:transparent url(/Widgets/Iconos/v1.x/v1.0/sprite.png) no-repeat -5px -114px;   
    color:#999999;
    font-weight:bold;
    padding:2px 7px 3px 24px;
}

.article .comentario .contenedorbotones a.opciones {
    background:transparent url(/Widgets/Iconos/v1.x/v1.0/sprite.png) no-repeat 63px -421px;
    color:#999999;
    padding:2px 16px 3px 8px;
}

.article .comentario .contenedorbotones a.opciones:hover {
    background-color:#A8AFB1;
    border:1px solid #8E9799;
    color:#FFFFFF;
    cursor:pointer;
}

.article .comentario .contenedorbotones a.responder:hover {
    background-color: #FF3300;
    border:1px solid #FF3300;
    color:#FFFFFF;
}

.article .comentario .contenedorbotones a.activo {
    background-color:#A8AFB1;
    border:1px solid #8E9799;
    color:#FFFFFF;
}

.article .comentario .contenedorbotones a.activo:hover {
    background-color:#A8AFB1;
    border:1px solid #8E9799;
    color:#FFFFFF;
}

.article .comentario .contenedorbotones .fecha {
    color:#999999;
    font:11px/14px Tahoma,Arial,Helvetica,Garuda,sans-serif;
    padding:5px 2px 0 0;
    display: inline-block;
}

.article .comentario .contenedorbotones a.via {
    border-bottom:1px dotted #999999;
    color:#999999;
    font:10px/14px Tahoma,Arial,Helvetica,Garuda,sans-serif;
    margin:0 10px 0 0;
}

.article .comentario .contenedorbotones a.via:hover {
    border-bottom:medium none;
    color:#666666;
}

.article .comentario .capamasopciones {
    position:absolute;
    width:180px;
    z-index:50;
}

.article .comentario .capamasopciones ul {
    background-color:#A8AFB1;
    border:1px solid #8E9799;
    font:11px/15px Tahoma,Arial,Helvetica,Garuda,Sans,sans-serif;
    padding:5px 0;
    text-align:left;
}

.article .comentario .capamasopciones ul li {
    padding:0;
}

.article .comentario .capamasopciones ul li a {
    border:medium none;
    color:#FFFFFF;
    display:block;
    float:none;
    padding:2px 0 3px 25px;
}

.article .comentario .recipientes {
    padding:0 0 5px;
}

.article .comentario .recipientes p {
    font:bold 11px/14px Tahoma,Arial,Helvetica,Garuda,Sans,sans-serif;
    margin:0 0 5px;
    padding:1px 8px 1px 0;
}

.article .comentario .recipientes ul {
    margin:0;
    padding:0 0 5px;
}

.article .comentario .recipientes ul li {
    display:inline;
    margin:0 0 5px;
}

.article .comentario .recipientes ul li a {
    color:#000000;
    font:11px/18px Tahoma,Arial,Helvetica,Garuda,Sans,sans-serif;
    padding:3px 5px 2px 17px;
}

.article .comentario .recipientes ul li a.eliminado {
    color:#999999;
}

.article .comentario .recipientes ul li .bloqueado {
    color:#999999;
    font:11px/18px Tahoma,Arial,Helvetica,Garuda,Sans,sans-serif;
    padding:3px 5px 2px 16px;
}

.article .comentario .recipientes ul li a:hover {
    color:#FF3300;
}

.article .comentario .recipientes ul li a.eliminado:hover {
    color:#777777;
}

.article .comentario .capamasopciones ul li a.spam {
    background:transparent url(/Widgets/Iconos/v1.x/v1.0/sprite.png) no-repeat -3px -466px;   
}

.article .comentario .capamasopciones ul li a.insulto {
    background:transparent url(/Widgets/Iconos/v1.x/v1.0/sprite.png) no-repeat -3px -517px;   
}

.article .comentario .capamasopciones ul li a.permalink {
    background:transparent url(/Widgets/Iconos/v1.x/v1.0/sprite.png) no-repeat -3px -374px;   
}

.article .comentario .capamasopciones ul li a.reenviar {
    background:transparent url(/Widgets/Iconos/v1.x/v1.0/sprite.png) no-repeat -3px -220px;   
}

.article .comentario .capamasopciones ul li a.editar {
    background:transparent url(/Widgets/Iconos/v1.x/v1.0/sprite.png) no-repeat -2px -271px;   
}

.article .comentario .capamasopciones ul li a.borrar {
    background:transparent url(/Widgets/Iconos/v1.x/v1.0/sprite.png) no-repeat -2px -321px;   
}

.article .comentario .capamasopciones ul li a:hover {
    background-color:#8E9799;
    font-weight:bold;
}

.article .comentario .foto {
    border:1px solid #CCCCCC;
    float:left;
    margin:0 5px 5px 0;
    padding:1px;
    background-color:#FFFFFF;
    border:1px solid #CCCCCC;
}

.article .comentario .foto img {
    display:block;
    width: 60px;
    height: auto;
}

.escribirmensaje  {
    margin:20px 0 0;
    width: 100%;
}

.escribirmensaje .contenedorsuperior {
    background-color:#FFFFFF;
    border:1px solid #CCCCCC;
    position: relative;
    margin: 5px;
}

.escribirmensaje .contenedorinferior {
    margin:10px 7px 10px 0;
}

.escribirmensaje .contenedorsuperior .secundario {
    background-color:#F5F5F5;
    position: absolute;
    top:0;
    right: 0;
    margin:1px 0 0;
    padding:0 5px 6px;
    width:67px;
}

.escribirmensaje .contenedorsuperior .activo {
    background-color:#FFFFFF;
}

.escribirmensaje .contenedorsuperior .secundario .caracteres {
    height:50px;
    padding:9px 0 0;
}

.escribirmensaje .contenedorsuperior .secundario .caracteres p {
    color:#666666;   
    font:11px/11px Tahoma,Arial,Helvetica,Garuda,sans-serif;
    margin:0;
    padding:0;
    text-align:center;
    display: block;
}

.escribirmensaje .contenedorsuperior .secundario .caracteres p.numero {
    color:#000000;
    font:bold 30px/28px Arial,Helvetica,Garuda,sans-serif;
}

.escribirmensaje .contenedorsuperior .secundario a.publicar {
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    background-color:#D54823;
    border:1px solid #D54823;
    color:#FFFFFF;
	display:block !important; /* el important es para que el adblock de chrome no oculte el boton de publicar */
    font:bold 11px/14px Tahoma,Arial,Helvetica,sans-serif;
    padding:3px 0 6px;
    text-align:center;
}

.escribirmensaje a.trabajando  {
    display: block;
    background: #fff url(/Widgets/Iconos/v1.x/v1.0/trabajando_23x23.gif) repeat 0 0;
    height: 21px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    cursor: progress;
    font-size: 0%;
    border: 1px solid #ccc;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    color: transparent;
}

.escribirmensaje .contenedorsuperior .secundario a.publicar:hover {
    background-color:#FF3300;
    border:1px solid #C43E1B;
    padding:4px 0 5px;
}

.escribirmensaje .contenedorsuperior .contenedor_textarea {   
    margin-right: 77px;
    
}

.escribirmensaje .contenedorsuperior textarea {
    background-color:#F5F5F5;
    border:0 none;
    width: 100%;
    outline:medium none;
    overflow:auto;
    resize: none; /* para google chrome */
}

.escribirmensaje .contenedorsuperior textarea.cajaactiva {
    background-color:#FFFFFF;
    font:14px/17px Arial,Helvetica,Garuda,sans-serif;
    height: 90px;
}

.escribirmensaje .contenedorsuperior textarea.cajareposo {
    color:#DDDDDD;
    font:50px/60px Georgia,Arial,Helvetica,Garuda,sans-serif;
    letter-spacing:-2px;
    height: 90px;
}

.article .escribirmensaje .contenedorsuperior textarea.cajaactiva {
    background-color:#FFFFFF;
    font:12px/17px Arial,Helvetica,Garuda,sans-serif;
    height: 90px;
}

.article .escribirmensaje .contenedorsuperior textarea.cajareposo {
    font:30px/40px Georgia,Arial,Helvetica,Garuda,sans-serif;
    letter-spacing:0;
}

.article .escribirmensaje a.cancelar, .datosusuariotema .escribirmensaje a.cancelar, .listadousuarios .escribirmensaje a.cancelar {
    -moz-border-radius:2px;
    -webkit-radius:2px;
    background-color:#CCCCCC;
    border:1px solid #CCCCCC;
    color:#FFFFFF;
    display:inline-block;
    float:right;
    font:11px/14px Tahoma,Arial,Helvetica,sans-serif;
    margin:0 4px 0 0;
    padding:2px 0 3px;
    text-align:center;
    width:65px;
}



.escribirmensaje .contenedorinferior .botones {
    font:11px/14px Tahoma,Arial,Helvetica,Garuda,sans-serif;
    width:100%;
}

.escribirmensaje .contenedorinferior .botones .boton {
    color:#666666;
    display:block;
    float:left;
    margin:0 5px 0 0;
}

.escribirmensaje .contenedorinferior .botones .boton:hover {
    color:#FF3300;
}


/* botones negrita y cursiva */
.escribirmensaje .contenedorinferior .botones .negrita,
.escribirmensaje .contenedorinferior .botones .cursiva  {
    width: 14px;
    padding-left: 2px;
    padding-top: 1px;
    height: 16px;   
    margin-top: 0px;
    text-align: center;
    border: 1px solid #c0c0c0;
    background-color: #f5f5f5;
}
.escribirmensaje .contenedorinferior .botones .negrita {
    margin-right: 1px;
    margin-left: 5px;
}
.escribirmensaje .contenedorinferior .botones .negrita strong,
.escribirmensaje .contenedorinferior .botones .cursiva em {
    font: bold 12px Georgia, "Times New Roman",Times, serif;
}
.escribirmensaje .contenedorinferior .botones .cursiva:hover,
.escribirmensaje .contenedorinferior .botones .negrita:hover {
    background-color: #ddd;
}
.escribirmensaje .contenedorinferior .botones .cursiva em {
    font-weight: normal;
    font-style: italic;
}
/* fin botones negrita y cursiva */



.escribirmensaje .contenedorinferior .botones .imagen {
    background:transparent url(/Widgets/Iconos/v1.x/v1.0/sprite.png) no-repeat -5px -64px;   
    border:1px solid #FFFFFF;
    padding:1px 3px 3px 20px;
}

.article .escribirmensaje .contenedorinferior .botones .borrarimagenadjunta a { /* este es otro boton de borrar imagen */
    background: transparent url(/Iconos/v1.x/v1.0/sprite_neutro.png) no-repeat 0 -559px;
    padding: 3px 6px 2px 18px;
    margin-left: 5px;
    float: left;
}

.article .escribirmensaje .contenedorinferior .botones .borrarimagenadjunta a.eliminada {
    background: transparent url(/Iconos/v1.x/v1.0/sprite_neutro.png) no-repeat 0 -497px;
}

.escribirmensaje .contenedorinferior .botones .temas {
    border:1px solid #FFFFFF;
    padding:1px 3px 3px 22px;
}

.escribirmensaje .contenedorinferior .botones .publicarfuera {
    border:1px solid #FFFFFF;
    margin:0 1px 0 0;
    padding:1px 0 3px 26px;
}

.escribirmensaje .contenedorinferior .botones .desactivado {
    opacity:0.3;
}

.escribirmensaje .contenedorinferior .botones .destinatario {
    border:1px solid #FFFFFF;
    padding:1px 3px 3px 29px;
}

.escribirmensaje .contenedorinferior .botones .activo {
    background-color:#F5F5F5;
    border:1px solid #C0C0C0;
    color:#000000;
}

.escribirmensaje .contenedorinferior .botones .publicarfuera:hover {
    color:#666666;
}

.escribirmensaje .contenedorinferior .botones a.externo, .escribirmensaje .contenedorinferior .botones .externo {
    background-color:#FFFFFF;
    border:1px solid #FFFFFF;
    display:block;
    float:left;
    height:14px;
    margin:-4px 3px 0 0;
    padding:4px;
    width:14px;
}

.escribirmensaje .contenedorinferior .botones .externo {
    margin:-4px 0 0;
    padding:4px 2px 4px 4px;
}

.escribirmensaje .contenedorinferior .opciones {
    clear:both;
    margin:0 0 0 4px;
    padding:15px 0 0;
}

.escribirmensaje .contenedorinferior .opciones p {
    font:11px/19px Tahoma,Arial,Helvetica,sans-serif;
    margin:5px 0 0;
    padding:0;
}

.escribirmensaje .contenedorinferior .opciones p strong {
    margin:0;
}

.escribirmensaje .contenedorinferior .opciones input {
    border:1px solid #CCCCCC;
    color:#666666;
    font-size:11px;
    margin:15px 0 0;
}

.escribirmensaje .contenedorinferior .opciones a.boton {
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border:1px solid #999999;
    color:#FFFFFF;
    display: inline-block;
    font:10px/14px Tahoma,Arial,Helvetica,Garuda,sans-serif;
}

.escribirmensaje .contenedorinferior .opciones a.borrarimagen {
    background:#999 url(/Widgets/Iconos/v1.x/v1.0/sprite.png) no-repeat -2px -321px;   
    margin:5px 0 0 0px;
    padding:1px 6px 2px 20px;
}

.escribirmensaje .contenedorinferior .opciones a.borrarimagen:hover {
    border:1px solid #8E9799;
}

.escribirmensaje .opciones .instrucciones {
    float:left;
    width:470px;
}

/* modificadores especiales para widget */

.mensajes .comentario {
    clear: both;
    font-size: 12px;
}

.mensajes .comentario .tema {
    font-size: 11px;
    margin: 10px 0 0 0;
    padding-top: 5px;
    padding-bottom: 5px;
    clear: both;
    border-top: 1px dotted #ccc;
    
}

.mensajes .comentario .tema .enunciado {
    padding-right: 3px;
    color: #969696;
}

.mensajes .comentario .tema a {
    
    color: #FF6640;
}

.mensajes .comentario .tema a.desplegartemas {
    background-color: #eee;
    border: 1px solid #ddd;
    display: inline-block;
    padding: 0 3px 0 3px;
    margin-left: 3px;
}

.mensajes .comentario .nombres,
.mensajes .comentario .nombres p {
    display: inline;
}

.mensajes .comentario .nombres p {
    padding-right: 5px;
}


.mensajes .comentario p.respuesta  {
    margin-left: 4px;
}

.mensajes .comentario p.respuesta a  {
    color: #777;
    font: normal 11px/14px Tahoma, Arial, Helvetica, Garuda, sans-serif;
    display: inline-block;
}

.mensajes .comentario p.respuesta a:hover  {
    text-decoration: none;
    color: #000;
    background-color: transparent;
}

.mensajes .comentario p.respuesta a.iconorespuesta  {
    background: transparent url(/Widgets/Iconos/v1.x/v1.0/sprite.png) no-repeat -9px -675px;   
    width: 12px;
    height: 13px;
    margin: 1px 2px 0 0;
}


.aviso {
    background-color: #cdbcbc;
    padding: 10px;
}

.aviso p {
    margin: 0;
    padding: 0;
    font-size: 100%;
    line-height: 15px;
}

.aviso p a {
    text-decoration: none;
}

.aviso p a:hover {
    text-decoration: underline;
}

.escribir_mensaje label {
    display: block;
    margin: 0 0 5px 0;
    font-weight: bold;
    color: #666;
    font-size: 12px;
}

.escribir_mensaje label em {
    font-style: normal;
    font-size: 80%;
    font-weight: normal;
}

.botones_escribir {
    margin: 5px 0 5px 0;
}

.escribir_mensaje .botones_escribir .publicar  {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background-color:#D54823;
    color:#FFFFFF;
    display:inline-block;
    float:left;
    font-size:11px;   
    font-weight:bold;
    padding: 4px 3px 6px 3px;
    border: 1px solid #D54823;
    text-align:center;
    text-decoration:none;
    margin-right: 5px;
}

.botones_escribir a.imagen {
    font-size: 11px;
}

.botones_escribir .boton:hover {
    color:#FF3300;
}



/* compartir y embeber */

/* ocultos por defecto por ahora */

.compartir,
.embeber {position: absolute; bottom: 0; opacity: 1; display: none;}
.compartir .literal,
.embeber .literal {display: block; float: right; position: relative; cursor: pointer; color: #bbb; padding: 0 10px; font-size: 11px; line-height: 365%; text-transform: uppercase; transition: padding 0.2s linear;}
.compartir.pulsado .literal,
.embeber.pulsado .literal {color: #000; padding: 0 0 0 20px;}
.compartir.pulsado .literal:hover,
.embeber.pulsado .literal:hover {border-color: transparent; opacity: 0.5;}
.compartir .literal:hover,
.embeber .literal:hover {color: #000;}
.compartir .literal:before,
.embeber .literal:before {content: "\2715"; position: absolute; top: 13px; left: 10px; width: 14px; height: 14px; line-height: 14px; opacity: 0; transition: all 0.2s linear;}
.compartir.pulsado .literal:before,
.embeber.pulsado .literal:before {left: 5px; opacity: 1;}

/* compartir */

.compartir {width: 320px; right: 96px; overflow: hidden; z-index: 10;}
.compartir .rrss {float: right;}
.compartir .rrss li {display: block; float: left; text-indent: 9999px; overflow: hidden; white-space: nowrap; width: 40px; height: 40px; background-image: url(//ep00.epimg.net/iconos/v1.x/v1.4/entrevistas_digitales/sp_rrss_2.svg); background-repeat: no-repeat; background-size: 18px auto; margin: 0 2px; cursor: pointer; position: relative; top: 40px; transition: top 0.05s ease-out;}
.compartir .rrss li.facebook {background-position: 12px 13px;}
.compartir .rrss li.twitter {background-position: 12px -36px; transition-delay: 0.1s;}
.compartir .rrss li.linkedin {background-position: 12px -86px; transition-delay: 0.2s;}
.compartir .rrss li.googleplus {background-position: 12px -134px; transition-delay: 0.3s;}
.compartir .rrss li:hover {opacity: 0.5;}
.compartir.pulsado {z-index: 12;}
.compartir.pulsado .rrss {background-color: #fff;}
.compartir.pulsado .rrss li {top: 0; margin: 0;}

/* embeber */

.embeber {width: 100%; right: 0;}
.embeber .capa_embeber {position: absolute; z-index: 12; max-height: 0; width: 80%; overflow: hidden; bottom: 50px; right: 2px; box-shadow: none; transition: all 0.5s linear; text-align: left;}
.embeber .capa_embeber .inner {padding: 15px 20px 20px; border: 1px solid #fff; background-color: #f1f1f1; text-transform: none;}
.embeber .capa_embeber span {font-size: 14px; font-weight: 500;}
.embeber .capa_embeber .codigo {position: relative; margin: 15px 0 0;}
.embeber .capa_embeber .codigo:after {position: absolute; right: 0; top: 0; width: 50px; height: 100%; background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); content: "";}
.embeber .capa_embeber textarea {border: 0; width: 100%; height: 95px; padding: 5px; box-sizing: border-box; font: 11px "Courier New", Courier, monospace; color: #888;}
.embeber.pulsado .capa_embeber {max-height: 240px; box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.12);}
.embeber.pulsado:after {position: absolute; right: 30px; bottom: 43px; width: 0; height: 0; border: 5px solid; border-bottom: none; border-color: rgba(0, 0, 0, 0); border-top-color: rgba(0, 0, 0, 0.12); content: "";}

/* ajustes en primer mensaje para que no se corte la capa */

.article:first-child .capa_embeber {bottom: 0;}
.article:first-child .embeber .capa_embeber textarea {height: auto;}
.article:first-child .embeber.pulsado .literal {position: absolute; z-index: 20; right: 13px; padding-left: 40px; bottom: 62px; width: 0; overflow: hidden;}
.article:first-child .embeber.pulsado .literal:before {font-size: 26px; top: 0; left: 0; width: 40px; height: 40px; line-height: 40px; text-align: center;}

@media screen and (max-width: 450px) { 

	/* compartir y embeber con iconos */

	.compartir .literal,
	.embeber .literal {border: 0; padding: 0; width: 40px; height: 40px; text-indent: 9999px; overflow: hidden; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: 50% auto; opacity: 0.2;}
	.compartir.pulsado .literal,
	.embeber.pulsado .literal {opacity: 1; background-color: #e1e1e1; padding: 0;}
	.compartir {right: 50px; width: 221px;}
	.compartir .rrss li {background-color: #f1f1f1;}
	.compartir .literal {background-image: url(//ep00.epimg.net/iconos/v1.x/v1.4/entrevistas_digitales/compartir_movil.svg);}	
	.embeber .literal {background-image: url(//ep00.epimg.net/iconos/v1.x/v1.4/entrevistas_digitales/embed_movil.svg);}
	.embeber .capa_embeber {width: 98%; bottom: 60px;}
	.embeber .capa_embeber span {display: block; font-size: 12px; line-height: 180%;}
	.embeber.pulsado:after {right: 15px; bottom: 53px;}
	
	/* ajustes boton insertar en primer mensaje */
	
	.article:first-child .embeber.pulsado .literal {background-color: transparent; background-image: none; text-indent: 0; bottom: 64px;}
}





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

/* estilos para texto enriquecido del liveblogging */

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

@font-face {
    font-family: 'Benton Sans';
    src: url('//ep01.epimg.net/fonts/v2.x/v2.0/benton/bentonsans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Benton Sans';
    src: url('//ep01.epimg.net/fonts/v2.x/v2.0/benton/bentonsans-regularitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Benton Sans';
    src: url('//ep01.epimg.net/fonts/v2.x/v2.0/benton/bentonsans-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Benton Sans';
    src: url('//ep01.epimg.net/fonts/v2.x/v2.0/benton/bentonsans-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Benton Sans';
    src: url('//ep01.epimg.net/fonts/v2.x/v2.0/benton/bentonsans-bolditalic-webfont.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'Benton Sans';
    src: url('//ep01.epimg.net/fonts/v2.x/v2.0/benton/bentonsans-black-webfont.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Majerit';
    src: url('//ep01.epimg.net/fonts/v2.x/v2.0/majerit/majerittext-bolditalic-webfont.woff') format('woff');
    font-weight: 700;
    font-style: italic;

}

a {outline: none;}
html {overflow-x: hidden;}

.evento_eskup .mensajes {padding: 0; background-color: transparent;}
.evento_eskup .article {padding: 25px 0 0; border: none; border-top: 1px solid #efefef; font-family: 'Benton Sans'; width: auto; position: relative;}
.evento_eskup .article .comentario {border: solid transparent; border-width: 1px 0 0; margin: 0; padding: 0 0 44px; min-height: 72px; overflow: visible;}
.evento_eskup .article .comentario a {color: #016ca2;}
.evento_eskup .article .comentario .contenido__mensaje a:hover {background-color: transparent; border-bottom: none;}
.evento_eskup .article .comentario > div a {color: #016ca2;}
.evento_eskup .article .comentario > div a:hover {color: #999;}
.evento_eskup .article .comentario .foto {position: absolute; float: none; clear: both; width: 100px; margin: 0; padding: 0; border: 0; text-align: center; background-color: transparent;}
.evento_eskup .article .comentario .foto img {border-radius: 100%; margin: 0 auto;}
.evento_eskup .article .comentario p.autor {position: absolute; top: 44px; width: 100px; font-family: 'Benton Sans'; font-size: 12px; line-height: 16px; color: #ccc; text-align: center;}
.evento_eskup .article .comentario .foto + p.autor {top: 100px;}
.evento_eskup .article .comentario p.respuesta {display: none;}
.evento_eskup .article .comentario .contenido__mensaje a {border-bottom: 1px dotted #016ca2;}
.evento_eskup .article .comentario .contenido__mensaje,
.evento_eskup .article .comentario .contenido__mensaje p {font-family: 'Benton Sans'; font-size: 16px; line-height: 26px;}
.evento_eskup .article .contenido__mensaje p ,
.evento_eskup .article .contenido__mensaje h2,
.evento_eskup .article .contenido__mensaje h3,
.evento_eskup .article .contenido__mensaje ol,
.evento_eskup .article .contenido__mensaje ul,
.evento_eskup .article .contenido__mensaje .fotocompleta {margin-top: 0;}
.evento_eskup .article .contenido__mensaje iframe {display: block;}
.evento_eskup .article .contenido__mensaje p {display: block; margin-bottom: 25px;}
.evento_eskup .article .contenido__mensaje h2,
.evento_eskup .article .contenido__mensaje h3 {font-weight: 700; margin-bottom: 20px;}
.evento_eskup .article .contenido__mensaje h2 {font-size: 19px; line-height: 27px;}
.evento_eskup .article .contenido__mensaje h3 {font-size: 17px; line-height: 24px;}
.evento_eskup .article .comentario .contenido__mensaje h2 a,
.evento_eskup .article .comentario .contenido__mensaje h3 a {border-bottom: none;}
.evento_eskup .article .comentario .contenido__mensaje h2 a:after,
.evento_eskup .article .comentario .contenido__mensaje h3 a:after {position: relative; top: -1px; content: "\bb"; font-size: 12px; margin-left: 5px;}
.evento_eskup .article .comentario .contenido__mensaje blockquote,
.evento_eskup .article .comentario .contenido__mensaje blockquote p {font-family: 'Majerit'; font-weight: 700; font-style: italic; font-size: 20px; line-height: 27px;}
.evento_eskup .article .contenido__mensaje blockquote {margin: 20px 20px 30px 40px;}
.evento_eskup .article .contenido__mensaje blockquote p {position: relative;}
.evento_eskup .article .contenido__mensaje blockquote p:last-child {margin: 0;}
.evento_eskup .contenido__mensaje blockquote p:before,
.evento_eskup .contenido__mensaje blockquote p:after{content:'"'; display: inline;}
.evento_eskup .article .contenido__mensaje ol,
.evento_eskup .article .contenido__mensaje ul {list-style: none; margin-bottom: 25px; margin-left: 40px;}
.evento_eskup .article .contenido__mensaje ol {counter-reset: lista_ordenada; padding: 0;}
.evento_eskup .contenido__mensaje ol li,
.evento_eskup .contenido__mensaje ul li {margin-bottom: 8px; position: relative;}
.evento_eskup .contenido__mensaje ol li:before {color: #016ca2; margin-bottom: 8px; margin-right: 3px; counter-increment: lista_ordenada; content: counters(lista_ordenada,".") "."; font-size: 11px; font-weight: 700;}
.evento_eskup .contenido__mensaje ul li:before {content: ''; display: block; width: 4px; height: 4px; border-radius: 100%; background-color: #016ca2; position: absolute; left: -10px; top: 11px;}
.evento_eskup .article .comentario .contenido__mensaje,
.evento_eskup .article .comentario .fotocompleta {display: block; margin-left: 140px;}
.evento_eskup .article .comentario .fotocompleta {background-color: #f4f4f4; text-align: center; margin-bottom: 25px; vertical-align: top;}
.evento_eskup .article .comentario .fotocompleta a {position: relative; display: inline-block; vertical-align: top; margin: 0 auto;}
.evento_eskup .article .comentario .fotocompleta img {width: 100%; padding: 0; margin: 0; border: 0;}
.evento_eskup .article .comentario .fotoizquierda {width: auto; margin: 7px 0 0 10px;}
.evento_eskup .article .comentario .fotoizquierda .foto {position: static; width: 100%; float: none;}
.evento_eskup .article .comentario .fotoizquierda .foto img,
.evento_eskup .article .comentario .fotoizquierda  img {float: none; width: auto; border-radius: 0; margin: 0; border: 0; padding: 0;}
.evento_eskup .article .comentario .embebido_mensaje {margin-bottom: 20px; background-color: #f4f4f4; padding: 20px; text-align: center;}
.evento_eskup .article .comentario .embebido_mensaje iframe {margin: 0 auto!important;}
.evento_eskup .article .comentario .embebido_video {position: relative; height: 0; padding-top: 25px; padding-bottom: 56.25%; /* 16:9 */}
.evento_eskup .article .comentario .embebido_video iframe,
.evento_eskup .article .comentario .embebido_video object,
.evento_eskup .article .comentario .embebido_video embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.evento_eskup .mensajes .comentario .tema {display: none;}
.evento_eskup .paginacion {margin: 0 0 25px; padding: 0; height: 40px; border-top: 1px solid #efefef; padding-top: 25px; text-align: right;}
.evento_eskup .arriba .paginacion {border-top-color: #b6b6b6; box-shadow: 0 -2px 0 0 rgba(0,0,0,0.06);}
.evento_eskup .paginacion ul li span,
.evento_eskup .paginacion ul li a,
.evento_eskup .paginacion ul li.activo {display: block; margin: 0; padding: 0; float: none; border: 0; color: #fff; background-color: #ccc; line-height: 40px;}
.evento_eskup .paginacion ul li,
.evento_eskup .paginacion ul li.activo {display: inline-block; width: 40px; height: 40px; margin-right: 1px;}
.evento_eskup .paginacion ul li.activo {background-color: transparent; color: #000;}
.evento_eskup .paginacion ul li:last-child {margin-right: 0;}
.evento_eskup .paginacion ul li a {background-color: #016ca2;}
.evento_eskup .paginacion ul li a:hover {background-color: #333;}
.evento_eskup .article .contenedorbotones {position: absolute; bottom: 16px; width: 100%; height: 40px; padding: 0 0 0 140px; box-sizing: border-box; border-top: 0; overflow: visible; text-align: left;}
.evento_eskup .article .contenedorbotones .fecha {display: block; position: absolute; z-index: 11; font-family: 'Benton Sans', sans-serif; font-size: 12px; line-height: 365%; padding: 0;}
.evento_eskup .article .contenedorbotones .fecha a {color: #016ca2; position: relative;}
.evento_eskup .article .contenedorbotones .fecha a:hover {color: #bbb;}
.evento_eskup .compartir,
.evento_eskup .embeber {display: block;}
.evento_eskup .article .contenedorbotones .rrss {margin-top: 0;}
.evento_eskup .article .contenedorbotones .rrss li {margin-left: 0; margin-right: 2px;}
.evento_eskup .poweredby {display: none;}
.evento_eskup .inversion p {font-family: 'Benton Sans', sans-serif; font-size: 12px; line-height: 165%; padding-left: 35px; background-image: url(/Iconos/v1.x/v1.0/sprite_azul.png); background-position: 0 -171px;}

@media screen and (max-width: 600px) {

	/* dejamos la foto arriba y metemos mensaje debajo */

	.evento_eskup .article {padding: 20px 0 0;}
.evento_eskup .article .comentario .foto,
.evento_eskup .article .comentario .foto img {width: 30px;}
.evento_eskup .article .comentario p.autor {left: 0; top: 17px; width: auto; padding: 0; text-align: left; font-size: 11px;}
	.evento_eskup .article .comentario .foto + p.autor {left: 40px; top: 28px;}
.evento_eskup .article .comentario .contenido__mensaje,
.evento_eskup .article .comentario .fotocompleta {margin-top: 50px; margin-left: 0; margin-bottom: 20px;}
.evento_eskup .article .comentario .fotocompleta + .contenido__mensaje {margin-top: 0;}
	.evento_eskup .article .comentario .contenido__mensaje {margin-bottom: 0;}
.evento_eskup .article .comentario .fotoizquierda {margin-top: 57px;}
.evento_eskup .article .comentario .embebido_mensaje {padding: 0;}
	.evento_eskup .article .comentario .contenedorbotones {padding-left: 0;}
	.evento_eskup .article .comentario {min-height: 0;}
}


/* EDITOR PERIODISTA ----------------  */

.evento_eskup .contenedor_widget {width: 674px;} /* para que mida lo mismo que en vista de escritorio de salida noticia responsive */
.evento_eskup .columnaprincipal {padding-bottom: 1px;}

/* estilos para el textarea de la caja escribirmensaje */
/* class del body del iframe que hace de textarea: evento_eskup_escribir
/* hay que replicar todos los estilos de texto enriquecido para que se vea desde el periodista introduce contenido en el textarea */

.evento_eskup_escribir {padding: 20px;}
.evento_eskup_escribir a {color: #016ca2;}
.evento_eskup_escribir p {display: block; margin-bottom: 25px; font-size: 16px; line-height: 26px;}
.evento_eskup_escribir p ,
.evento_eskup_escribir h2,
.evento_eskup_escribir h3,
.evento_eskup_escribir blockquote,
.evento_eskup_escribir ol,
.evento_eskup_escribir ul {font-family: 'Benton Sans'; margin-top: 0;}
.evento_eskup_escribir h2,
.evento_eskup_escribir h3 {font-weight: 700; margin-bottom: 20px;}
.evento_eskup_escribir h2 {font-size: 19px; line-height: 27px;}
.evento_eskup_escribir h3 {font-size: 17px; line-height: 24px;}
.evento_eskup_escribir h2 a:after,
.evento_eskup_escribir h3 a:after {position: relative; top: -1px; content: "\bb"; font-size: 12px; margin-left: 5px;}
.evento_eskup_escribir blockquote,
.evento_eskup_escribir blockquote p {font-family: 'Majerit'; font-weight: 700; font-style: italic; font-size: 20px; line-height: 27px;}
.evento_eskup_escribir blockquote {margin: 0 20px 30px 40px;}
.evento_eskup_escribir blockquote p {position: relative;}
.evento_eskup_escribir blockquote p:last-child {margin: 0;}
.evento_eskup_escribir blockquote p:before,
.evento_eskup_escribir blockquote p:after{content:'"'; display: inline;}
.evento_eskup_escribir ol,
.evento_eskup_escribir ul {list-style: none; margin-bottom: 25px; margin-left: 40px; font-family: 'Benton Sans'; font-size: 16px; line-height: 26px;}
.evento_eskup_escribir ol {counter-reset: lista_ordenada; padding: 0;}
.evento_eskup_escribir ol li,
.evento_eskup_escribir ul li {margin-bottom: 8px; position: relative;}
.evento_eskup_escribir ol li:before {color: #016ca2; margin-bottom: 8px; margin-right: 3px; counter-increment: lista_ordenada; content: counters(lista_ordenada,".") "."; font-size: 11px; font-weight: 700;}
.evento_eskup_escribir ul li:before {content: ''; display: block; width: 4px; height: 4px; border-radius: 100%; background-color: #016CA2; position: absolute; left: -10px; top: 11px;}
/* fin estilos textarea */

.evento_eskup .escribirmensaje {margin-top: 0;}
.evento_eskup .escribirmensaje .contenedorsuperior textarea.cajaactiva {height: auto;}
.evento_eskup .escribirmensaje .contenedorsuperior {margin: 0; border: 2px solid rgba(0, 0, 0, 0.02);}
.evento_eskup .escribirmensaje .contenedorsuperior .secundario {z-index: 100; top: auto; right: 0; bottom: -62px; width: 230px; margin: 0; padding: 0; background-color: transparent;}
.evento_eskup .escribirmensaje .contenedorsuperior .secundario .caracteres {float: left; padding: 0; height: auto;}
.evento_eskup .escribirmensaje .contenedorsuperior .secundario .caracteres p {font-family: 'Roboto'; line-height: 14px; text-align: right;}
.evento_eskup .escribirmensaje .contenedorsuperior .secundario .caracteres p.numero {font-size: 22px; line-height: 26px;}
.evento_eskup .escribirmensaje .contenedorsuperior .secundario a.publicar {clear: none; float: right; display: inline-block; padding: 0; width: 161px; background-color: #016ca2; border: 0; border-radius: 0; font: 500 12px/40px 'Roboto', sans-serif; text-transform: uppercase;}
.evento_eskup .escribirmensaje .contenedorsuperior .secundario a.publicar:hover {background-color: #333; color: #fff;}
.evento_eskup .escribirmensaje .contenedorinferior {position: relative; margin-top: 20px; margin-bottom: 23px; margin-right: 0;}
.evento_eskup .escribirmensaje .contenedorinferior .botones {line-height: 40px; font-family: 'Roboto', sans-serif; font-size: 10px;}
.evento_eskup .escribirmensaje .contenedorinferior .botones .imagen {background-image: url(/Iconos/v1.x/v1.0/sprite_azul.png); background-position: 11px 14px; padding: 0 10px 0 30px; margin: 0 10px 0 0; color: #016ca2; text-transform: uppercase; line-height: 38px;}
.evento_eskup .escribirmensaje .contenedorinferior .botones .boton:hover {background-color: #f5f5f5; color: #016ca2; border: 1px solid #ddd;}
.evento_eskup .escribirmensaje .contenedorinferior .botones .activo {position: relative; background-color: #e4e4e4; border-color: #ddd;}
.evento_eskup .escribirmensaje .contenedorinferior .botones .activo:after {position: absolute; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); bottom: -8px; width: 0; height: 0; border: 8px solid; border-bottom: none; border-color: rgba(0, 0, 0, 0); border-top-color: #e4e4e4; content: "";}
.evento_eskup .escribirmensaje .contenedorinferior .opciones {padding-top: 20px; margin-left: 0;}
.evento_eskup .escribirmensaje .contenedorinferior .opciones p {margin: 0 0 10px; font-family: 'Roboto', sans-serif; font-weight: 700;}
.evento_eskup .escribirmensaje .contenedorinferior .opciones span {display: inline-block; padding: 10px 0; vertical-align: middle;}
.evento_eskup .escribirmensaje .contenedorinferior .opciones input {margin: 0; padding: 0; border: 0; cursor: pointer;}
.evento_eskup .escribirmensaje .contenedorinferior .opciones input:focus {outline: none;}
.evento_eskup .escribirmensaje .contenedorinferior .opciones a.boton {font-family: 'Roboto', sans-serif;}
.evento_eskup .escribirmensaje .contenedorinferior .opciones a.borrarimagen {display: inline-block; margin: 0 0 0 10px; padding: 0 13px 0 30px; background: transparent url(//ep00.epimg.net/iconos/v1.x/v1.4/entrevistas_digitales/sp_varios.svg) no-repeat 12px -13px/12px auto; color: #016ca2; font-size: 10px; line-height: 34px; text-transform: uppercase; opacity: 1; border: 1px solid transparent; border-left-color: #ddd; border-radius: 0;}
.evento_eskup .escribirmensaje .contenedorinferior .opciones a.borrarimagen:hover {background-color: #e4e4e4; color: #016ca2; border-color: #ddd;}
.evento_eskup .article .escribirmensaje .contenedorinferior .botones .borrarimagenadjunta a {line-height: 33px; background: transparent url(//ep00.epimg.net/iconos/v1.x/v1.4/entrevistas_digitales/sp_varios.svg) no-repeat 12px -16px/14px auto; margin: 0; padding-left: 35px; padding-right: 15px; border: 1px solid transparent; border-radius: 0; color: #016ca2; text-transform: uppercase;}
.evento_eskup .article .escribirmensaje .contenedorinferior .botones .borrarimagenadjunta a.eliminada {background-size: 18px; background-position: 13px -150px; background-color: #333; border-color: #333; color: #fff;}
.evento_eskup .article .escribirmensaje .contenedorinferior .botones .borrarimagenadjunta a.eliminada:hover {background-color: #333; border-color: #333; color: #fff; opacity: 0.7;}
.evento_eskup .article .escribirmensaje .contenedorinferior .botones .borrarimagenadjunta a:hover {background-color: #f5f5f5; border-color: #ddd;}

/* botones edicion */

.evento_eskup .article .contenedorbotones ul {float: right; margin-top: 8px;}
.evento_eskup .article .contenedorbotones ul li {list-style: none; margin-left: 30px; display: inline-block; font-family: 'Roboto', sans-serif;}
.evento_eskup .article .contenedorbotones ul li a {padding: 0 0 0 16px; display: block; background-image: url(//ep00.epimg.net/iconos/v1.x/v1.4/entrevistas_digitales/sp_varios.svg); background-repeat: no-repeat; background-size: 10px auto; color: #000; font-size: 10px; line-height: 24px; text-transform: uppercase; opacity: 0.5; border: none;}
.evento_eskup .article .comentario .contenedorbotones a.editar:hover,
.evento_eskup .article .comentario .contenedorbotones a.editar.pulsado,
.evento_eskup .article .comentario .contenedorbotones a.borrar:hover {opacity: 1; color: #000;}
.evento_eskup .article .comentario .contenedorbotones a.editar {background-position: 0 7px;}
.evento_eskup .article .comentario .contenedorbotones a.borrar {background-position: 0 -13px;}

/* capa editar en modal */

.evento_eskup [id^="contenedor_formulario_"]{position: fixed; top: 0; left: 0; background: rgba(0,0,0,.7); width: 100%; height: 100%; z-index: 2000;}
.evento_eskup [id^="divform_"]{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); box-shadow: 0 0 0 10px rgba(0,0,0,0.1);}
.evento_eskup [id^="divform_"] .escribirmensaje {width: 640px; display: inline-block; margin: 0 auto; background-color: #fff; padding: 17px;}
.evento_eskup .article .escribirmensaje .contenedorinferior {min-height: 97px; margin-bottom: 0;}
.evento_eskup .article .escribirmensaje .contenedorinferior .opciones {padding-top: 15px;}
.evento_eskup .article .escribirmensaje a.cancelar {position: absolute; right: 0; top: 55px; padding: 0; margin: 0 2px 0 0; width: 161px; font-family: 'Roboto', sans-serif; font-size: 12px; line-height: 40px; text-transform: uppercase; background-color: #aaa; color: #fff; border: 0;}
.evento_eskup .article .escribirmensaje a.cancelar:hover {color: #fff; background-color: #666;}

/* mensajes de eskup */

.evento_eskup .refresco {background-color: #000; text-align: center; margin-bottom: 25px;}
.evento_eskup .refresco a {display: inline-block; position: relative; padding: 20px; color: #fff; font-size: 11px; text-transform: uppercase;}
.evento_eskup .refresco a:hover,
.evento_eskup .explicacion a.recargar:hover {opacity: 0.7;}
.evento_eskup .refresco a:before,
.evento_eskup .explicacion a.recargar:before {content: "\21ba"; position: absolute; z-index: 5; left: -5px; top: 23px; width: 17px; height: 15px; color: #fff; font-size: 20px; line-height: 14px; text-align: left; animation: rotando 0.8s 1 ease-out; -webkit-animation: rotando 0.8s 1 ease-out;}

.evento_eskup .explicacion {position: relative; width: 500px; box-sizing: border-box; margin: 0 0 0 140px; border-radius: 0; font: 700 10px/20px 'Roboto', sans-serif; text-transform: uppercase;}
.evento_eskup .explicacion a.recargar {display: inline-block; padding: 10px 15px 10px 32px; background-color: #000; color: #fff; border-radius: 0; margin: 0; border: 0; cursor: pointer;}
.evento_eskup .explicacion a.recargar:before {font-weight: normal; left: 20px; top: 22px;}

@-webkit-keyframes rotando {0% {-webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);} 100% {-webkit-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg);}}
@keyframes rotando {0% {-webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);} 100% {-webkit-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg);}}

.evento_eskup .provisional .article .explicacion ~ .contenedorcolumnas .comentario .foto {top: 40px;}
.evento_eskup .provisional .article .contenido__mensaje {padding: 20px 0;}

/* arreglos caja introducir texto */

.cke_dialog_ui_hbox_first {width: 0!important}
.cke_dialog_ui_hbox_last {width: 100%!important;}
.cke_contents {height: 300px!important;}

@media screen and (max-width: 680px) {

	/* contenedor liquido */

	.evento_eskup .contenedor_widget {width: 100%; box-shadow: none;}
	
	/* capa modal editar mensaje */
	
	.evento_eskup [id^="divform_"] {width: 100%; box-shadow: none;}
	.evento_eskup [id^="divform_"] .escribirmensaje {width: 100%; box-sizing: border-box;}
	
	/* estilos textarea escribirmensaje */
	
	.evento_eskup_escribir {padding: 10px;}
	
	.article .cke_contents {max-height: 100px!important;}
}

@media screen and (max-width: 550px) {

	/* gestion imagen en capa modal editar mensaje dentro de article */
	
	.evento_eskup .article .escribirmensaje .contenedorinferior {}
	.evento_eskup .article .escribirmensaje .contenedorsuperior .secundario {width: 90px;}
	.evento_eskup .article .escribirmensaje .contenedorsuperior .secundario .caracteres {float: none;}
	.evento_eskup .article .escribirmensaje .contenedorsuperior .secundario .caracteres p {display: none;}
	.evento_eskup .article .escribirmensaje .contenedorsuperior .secundario .caracteres p.numero {display: block; font-size: 12px; line-height: 20px;}
	.evento_eskup .article .escribirmensaje .contenedorsuperior .secundario a.publicar,
	.evento_eskup .article .escribirmensaje a.cancelar {width: 90px; font-size: 10px;}
	.evento_eskup .article .escribirmensaje a.cancelar {right: 91px; top: 0; z-index: 100;}
	.evento_eskup .article .escribirmensaje .contenedorinferior .botones .borrarimagenadjunta {display: block; float: left;}
	.evento_eskup .article .escribirmensaje .contenedorinferior .botones .borrarimagenadjunta a {text-indent: -9999px; padding: 0; width: 40px; height: 40px; background-color: #f5f5f5; border: 1px solid #ddd; box-sizing: border-box;}

}

@media screen and (max-width: 450px) {

	/* botones adjuntar imagen y borrar imagen solo icono */

	.evento_eskup .escribirmensaje .contenedorinferior .botones .imagen,
	.evento_eskup .escribirmensaje .contenedorinferior .opciones a.borrarimagen {text-indent: -9999px; padding: 0; width: 40px; height: 40px; background-color: #f5f5f5; border: 1px solid #ddd; box-sizing: border-box;}
	.evento_eskup .escribirmensaje .contenedorinferior .botones .imagen {background-position: 13px 13px;}
	.evento_eskup .escribirmensaje .contenedorinferior .opciones a.borrarimagen {background-position: 12px -17px; background-size: 14px; float: right; margin-bottom: 20px; margin-right: 2px;}
	.evento_eskup .escribirmensaje .contenedorinferior .opciones span {float: left; max-width: 80%; overflow: hidden;}
	.evento_eskup .escribirmensaje .contenedorsuperior .secundario {width: 220px;}
	.evento_eskup .escribirmensaje .contenedorsuperior .secundario .caracteres p {font-size: 10px; line-height: 9px;}
	.evento_eskup .escribirmensaje .contenedorsuperior .secundario .caracteres p.numero {font-size: 19px;}

	/* botones editar y borrar solo con icono */
	
	.evento_eskup .article .comentario .contenedorbotones ul {margin-top: 0;}
	.evento_eskup .article .comentario .contenedorbotones ul li {padding: 0; margin-left: 0;}
	.evento_eskup .article .comentario .contenedorbotones ul li a.editar,
	.evento_eskup .article .comentario .contenedorbotones ul li a.borrar {text-indent: -9999px; background-size: 14px; width: 40px; height: 40px; padding: 0;}
	.evento_eskup .article .comentario .contenedorbotones ul li a.editar {background-position: 13px 13px;}
	.evento_eskup .article .comentario .contenedorbotones ul li a.borrar {background-position: 13px -15px;}
	
	/* gestion imagen en editar mensaje dentro de article */
	
	.evento_eskup .article .escribirmensaje .contenedorinferior {min-height: auto;}
	.evento_eskup .article .escribirmensaje .contenedorinferior .opciones a.borrarimagen {margin-bottom: 0;}
    
}


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

/* eskup widget en sumario centrado de noticia antiguo */

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

.evento_legacy a {outline: none;}
.evento_legacy html {overflow-x: hidden;}
.evento_legacy #contenedor {position: static;}
.evento_legacy #contenedor_error {background-color: #fafada; border:1px solid #dbdbb8; padding: 5px; margin: 10px 5px 10px 0; color: #c1c19e; font-size: 100%; clear: both; -moz-border-radius:4px; -webkit-border-radius:4px; font: normal 11px/18px Tahoma, Arial, Helvetica, Garuda, sans-serif; text-align: center; text-shadow: 1px px 0 #fff;}
.evento_legacy .pestanas {width: 100%; background-color: #fff; border-top: 1px solid #dcdcdc; padding: 0;}
.evento_legacy .pestanas ul {margin: 0; padding: 0 0 15px 0; font: bold 11px/13px Tahoma, Arial, Helvetica, Garuda, sans-serif;}
.evento_legacy .pestanas ul li {padding: 0; display: block; float: left; margin: 0;}
.evento_legacy .pestanas ul li a {display: block; padding: 5px 9px 6px 10px; height: 13px; float: left; text-decoration: none; color: #fff; background-color: #ccc; -moz-border-radius: 0; -webkit-border-radius: 0; -moz-border-radius-bottomleft: 1px; -moz-border-radius-bottomright: 1px; -webkit-border-bottom-left-radius: 1px; -webkit-border-bottom-right-radius: 1px; border-radius: 0; border-bottom-left-radius: 1px; border-bottom-right-radius: 1px; border: 1px solid #ccc; border-top: none; margin: 0 3px 0 0;}
.evento_legacy .pestanas ul li.activo a {color: #333; padding: 5px 9px 6px 10px; background-color: #fff; border: 1px solid #dcdcdc; border-top: none;}
.evento_legacy .pestanas ul li a:hover {color: #fff; background-color: #aaa; border-color: #aaa;}
.evento_legacy .pestanas ul li.activo a:hover {background-color: #fff; color: #333; cursor: text; border-color: #dcdcdc;}
.evento_legacy #id_info_usuario,
.evento_legacy #id_info_evento {margin: 0 8px 0 0; position: relative; border-top: 1px solid #eee; padding: 8px 0 5px 0; border-bottom: none;}
.evento_legacy #id_info_usuario .fotoymas,
.evento_legacy #id_info_evento .fotoymas {border: 1px solid #d3d3d3; left: 0; padding: 4px; position: absolute; top: 8px; z-index: 5; width: auto;}
.evento_legacy #id_info_evento .fotoymas {left: 285px;}
.evento_legacy #id_info_evento .fotoymas img {width: auto;}
.evento_legacy #id_info_usuario .fotoymas img {width: 75px;}
.evento_legacy #id_info_evento .tituloymas {margin: 0 175px 10px 0; min-height: 110px;}
.evento_legacy #id_info_usuario .nombreymas {margin: 0 0 0 95px; min-height: 95px;}
.evento_legacy #id_info_usuario h2,
.evento_legacy #id_info_evento h2 {font-size: 16px; line-height: 21px; margin-bottom: 3px;}
.evento_legacy #id_info_usuario p,
.evento_legacy #id_info_evento p {border-top: none; clear: both; color: #717171; line-height: 18px; margin-bottom: 3px; padding: 0;}
.evento_legacy #id_info_usuario div,
.evento_legacy #id_info_evento div {margin: 0;}
.evento_legacy .contadores {margin: 3px 0 10px 0;}
.evento_legacy .contadores .contador {padding: 5px 10px 5px 10px; width: 28.2%;}
.evento_legacy #id_info_evento .contadores .contador {width: 44.9%;}
.evento_legacy .contadores .contador ul li .enunciado {font-size: 10px;}
.evento_legacy .escribirmensaje {margin: 5px 5px 10px 0; width: auto;}
.evento_legacy .escribirmensaje .contenedorsuperior {margin: 0;}
.evento_legacy .aviso {background-color: #f8f8e5; padding: 7px 20px 7px 20px; border: 1px solid #e4e4c6;}
.evento_legacy .aviso p {font: normal 11px/17px Tahoma, Arial, Helvetica, Garuda, sans-serif;}
.evento_legacy .aviso p br {display: none;}
.evento_legacy .aviso a {font: bold 11px/17px Tahoma, Arial, Helvetica, Garuda, sans-serif;}
.evento_legacy .aviso a:hover {color: #333;}
.evento_legacy .escribirmensaje .contenedorinferior .botones .imagen {background-position: -5px -62px; padding-bottom: 2px;}
.evento_legacy .escribirmensaje .contenedorinferior .botones .negrita {margin-left: 0; margin-right: 4px;}
.evento_legacy .article .escribirmensaje {width: 455px; margin-right: 0;}
.evento_legacy .article .escribirmensaje .contenedorinferior {margin: 5px 2px 10px 0;}
.evento_legacy .article .comentario .contenedorbotones a.responder,
.evento_legacy .article .comentario .contenedorbotones a.opciones {border-color: #ddd;}
.evento_legacy .escribirmensaje .contenedorinferior .opciones {width: 100%;}
.evento_legacy .mensajes {background-color: #fff; padding: 0 0 3px 0;}
.evento_legacy .article {border-top: 1px solid #e1e1e1; margin: 0 4px 4px 0; padding: 5px 0 0 0;}
.evento_legacy .article .comentario {background-color: transparent; border: none; margin: 0; overflow: hidden; padding: 0;}
.evento_legacy .article .comentario .foto {float: left; margin: 4px 8px 5px 0; padding: 2px;}
.evento_legacy .article .comentario .foto img {width: 25px;}
.evento_legacy .article .comentario p.autor {font: bold 11px/16px Tahoma, Arial, Helvetica, Garuda, sans-serif; margin: 3px 0 0 0;}
.evento_legacy .mensajes .comentario p.respuesta {margin: 1px 0 3px 0;}
.evento_legacy .article .comentario p.autor,
.evento_legacy .mensajes .comentario p.respuesta {clear: none;}
.evento_legacy .mensajes .article .comentario p.respuesta a.iconorespuesta {background-position: -9px -677px; margin: 0 2px 0 0; vertical-align: middle;}
.evento_legacy .article .comentario p,
.evento_legacy .article .comentario .contenido__mensaje {font: 12px/19px Arial, Helvetica, Garuda, sans-serif; margin: 2px 0 0 0; display: block; clear: left;}
.evento_legacy .article .comentario a.verconversacion {margin-top: 5px;}
.evento_legacy .mensajes .comentario .tema {margin: 6px 0 0 0; padding-bottom: 7px; padding-top: 7px; border-bottom: 1px dotted #ccc;}
.evento_legacy .mensajes .comentario .tema .todoslostemas {margin-left: 32px;}
.evento_legacy .article .comentario .contenedorbotones {margin: 0; padding-bottom: 5px; padding-top: 0; border-top: none;}
.evento_legacy .article .comentario .contenedorbotones a.responder,
.evento_legacy .article .comentario .contenedorbotones a.opciones {border: 1px solid #fff;}
.evento_legacy .article .comentario .contenedorbotones a.activo {background-color: #b1b1b1; border: 1px solid #b1b1b1;}
.evento_legacy .article .fotoizquierda img {margin: 6px 0 8px 10px; position: static;}
.evento_legacy .article .fotocompleta .foto img {margin: 10px 0 8px 0; width: 100%;}
.evento_legacy .article .comentario p span object,
.evento_legacy .article .comentario .contenido__mensaje span object {width: 371px;}
.evento_legacy .mensajes .comentario .tema,
.evento_legacy .article .comentario .foto {display: none;}

/* moderacion mensajes */

.evento_legacy .editar_mensaje_moderado {border: 1px dotted #ccc; margin-bottom: 6px; padding: 10px; margin-top:1em; background-color: #fff; -webkit-animation: editar_mensaje_moderado_ani 1s 1; animation: editar_mensaje_moderado_ani 1s 1; background-color: #E5EFF5; background-color: rgba(1, 108, 162, .1);}
.evento_legacy .article .comentario .editar_mensaje_moderado p {margin: 0; border: 0; font-weight: bold;}
.evento_legacy .botones_aceptar_moderacion {height: 22px;}
.evento_legacy .botones_aceptar_moderacion a {color: #666 !important; display: inline-block; padding: 0.1em .5em; ; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; margin-left: .5em; text-transform: uppercase; font-weight:bold; float: right; border-radius:2px; background-color:#016ca2; color: #fff !important;}
.evento_legacy .botones_aceptar_moderacion a:hover {color: #016ca2 !important; background-color:#fff;}
.evento_legacy .botones_aceptar_moderacion a.boton_cancelar_moderacion {background-color: #f6f6f6; border: 1px solid #d6d6d6; color: #666 !important; font-weight: normal; text-transform:none;}
 @-webkit-keyframes editar_mensaje_moderado_ani {
 0% {background-color: #85B5CE; color:#fff !important;}
 20% {background-color: #85B5CE; color:#fff !important;}
 100% {background-color:rgba(1, 108, 162, .1)}
}
 @keyframes 999 {
 0% {background-color: #85B5CE; color:#fff !important;}
 20% {background-color: #85B5CE; color:#fff !important;}
 100% {background-color:rgba(1, 108, 162, .1)}
}
/* fin moderacion */

.evento_legacy .paginacion {border-top: 1px solid #ccc; clear: both; height: 20px; margin: 0; padding-top: 10px;}
.evento_legacy .paginacion ul li span,
.evento_legacy .paginacion ul li a,
.evento_legacy .paginacion ul li.activo {padding: 2px 6px 2px 6px;}

/* colores a neutros y azul */

.evento_legacy a {color: #016ca2;}
.evento_legacy #id_info_usuario .estado .activo {background-color: #016ca2;}
.evento_legacy #id_info_usuario h2 a:hover,
.evento_legacy #id_info_evento h2 a:hover {color: #016ca2;}
.evento_legacy .article .comentario p a,
.evento_legacy .article .comentario .contenido__mensaje a {color: #016ca2;}
.evento_legacy .article .comentario p a:hover,
.evento_legacy .article .comentario .contenido__mensaje a:hover {background-color: transparent; color: #999;}
.evento_legacy .paginacion ul li a {background-color: #016ca2; border: 1px solid #016ca2;}
.evento_legacy .article .comentario .contenedorbotones a.responder {background: url(/Iconos/v1.x/v1.0/sprite_azul.png) no-repeat 5px -49px transparent;}
.evento_legacy .article .comentario .contenedorbotones a.responder:hover {background-color: #016ca2; border-color: #016ca2;}
.evento_legacy .article .comentario .contenedorbotones a.opciones:hover {background-color: #b1b1b1; border-color: #b1b1b1;}
.evento_legacy .contadores .contador {background-color: #efefef; border-left-color: #efefef; border-top-color: #efefef!important;}
.evento_legacy .contadores .contador ul li a {color: #016ca2;}
.evento_legacy .contadores .contador ul li a:hover {color: #666;}
.evento_legacy .inversion p {background: url(/Iconos/v1.x/v1.0/sprite_azul.png) no-repeat 30px -166px transparent;}
.evento_legacy .article .comentario .contenedorbotones a.responder {padding-left: 21px;}