html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: separate; border-spacing: 0; }
html { font-size: 62.5%; font-weight: normal; }
body { font-size: 100%; }

*:first-child+html body, * html body { font-size: 101%; }

html { font-size: 62.5%; font-weight: normal;}

/* FONTS */

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

@font-face {
   font-family: 'sourcesansbold';
   src: url('../fonts/sourcesanspro-bold.eot');
   src: url('../fonts/sourcesanspro-bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/sourcesanspro-bold.woff') format('woff'),
        url('../fonts/sourcesanspro-bold.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'sourceblack';
   src: url('../fonts/sourcesansproblack.eot');
   src: url('../fonts/sourcesansproblack.eot?#iefix') format('embedded-opentype'),
        url('../fonts/sourcesansproblack.woff') format('woff'),
        url('../fonts/sourcesansproblack.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}

@font-face {
    font-family: 'as-icons';
    src:url('../fonts/as-icons.eot?-20161221');
    src:url('../fonts/as-icons.eot?#iefix-20161221') format('embedded-opentype'),
        url('../fonts/as-icons.woff?-20161221') format('woff'),
        url('../fonts/as-icons.ttf?-20161221') format('truetype'),
        url('../fonts/as-icons.svg?-20161221#as-icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ... */

#contenedor, /*font-family: arial,helvetica,sans-serif; padding-bottom: 1px; border-top:1px solid #ddd;*/
#contenedor.cont-modulo { font-family: 'sourcesans',sans-serif; padding: 10px; border: none; position: relative; }

.columnaprincipal { margin: 0 auto; max-width: 634px; }

.identidad { /*background: #fff none repeat scroll 0 0; border: 1px solid #ccc; border-radius: 2px; margin: 10px 0; padding: 5px; position: absolute; width: 50px;*/ position: relative; top:2px; left: 2px; }
.identidad::after { content: ''; width: 46px; height: 46px; border: 1px solid #ddd; background: #fff; position: absolute; left: -2px; top: -2px; }
.identidad .foto { position: absolute; width: 44px; height: 44px; overflow: hidden; z-index: 2; }
.identidad .foto img { /*border-radius: 2px; display: block; height: auto; width: 50px;*/ height: 100%; width: auto; position: absolute; top:0; left: -50%; right: -50%; margin: auto;  }


.flotante .article .contenedorcolumnas { padding: 0 0 15px; }

.article .contenedorcolumnas { /*padding: 0 10px 10px; min-height: 72px;*/ padding:0 5px 20px 0; position: relative; }
.mensajes > .article { border-bottom: 1px solid #ddd;  margin-bottom: 20px; }
.mensajes > .article:last-child { border-bottom: 0 none; margin-bottom: 0; }
.mensajes > .article .capamasopciones { margin: -23px 0 0 85px; }
.article .nombres { color: #e38b00; font-size: 14px; margin-left: 10px; padding-bottom: 5px; padding-top: 16px; white-space: nowrap; }
.article .identidad .nombres { left: 70px; margin: 0; padding: 0; position: absolute; top: 0; color: #333; font-family: 'sourcesansbold',sans-serif; }
.article .identidad .nombres a { color: inherit; }
/*.article .comentario { margin: 1px 0 0; }*/

.article .contenedorcolumnas .comentario { margin-left: 72px; overflow: hidden; padding: 20px 0 0; }

/*.article { background-color: #fff; }*/

.nombre_tablon {
    font-size: 34px;
    margin: 20px 0;
}
#msg_error {
    font-size: 14px;
}
.temas {
    font-size: 14px;
}
.temas ul {
    margin-top: 10px;
}
.temas a, .temas .cerrado {
    color: #444;
    display: block;
    padding: 6px 4px 6px 20px;
}
.temas a.activo {
    color: #ff3300;
    position: relative;
}
.temas a.activo::before {
    content: "✓";
    font-size: 20px;
    left: 0;
    position: absolute;
    top: 4px;
}
.temas a:hover {
    background-color: #eee;
    border-radius: 4px;
}
.temas .cerrado {
    color: #ccc;
}
.editarlistado {
    display: none;
}
.rompedor {
    clear: both;
}
.fondo_mensajes {
    outline: 1px solid red;
    padding-top: 20px;
}
.mensajes {
}
.mensajes .mensaje {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: #bbb #bbb #9e9e9e;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    clear: both;
    margin-bottom: 5px;
    padding: 5px 10px 10px 8px;
}
.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 .mensaje_enviando .mensaje {
    border: 1px dotted #afa8a4;
    color: #aaa !important;
    margin: 8px 0 16px;
    padding: 0 3px 3px;
}
.mensajes .mensaje_enviando .mensaje .quien a {
    color: #ffabab;
}
.mensajes .mensaje_enviando .mensaje img {
    opacity: 0.5;
}

/*.refresco a { clear: both; color: #fff; font-size: 120%; padding: 0 10px; }*/

.provisional { border-bottom: 1px solid #ddd; margin-bottom: 20px; }
.provisional .article { }
.provisional .article .comentario .foto {
    background: #f1f2ed;
    left: 3px;
    margin-right: 10px;
    position: absolute;
    top: 3px;
    width: 60px;
}
.provisional .article .comentario .foto img {
    border-radius: 40px;
    height: auto;
    width: 100%;
}
.provisional .article .comentario .contenidomensaje { clear: both; padding-bottom: 10px; }
.provisional .article .contenedorcolumnas { padding: 0; position: relative; }
.provisional .article .contenedorcolumnas .comentario { min-height: 45px; }
.explicacion { clear: both; color: #00B200; font-size: 13px; line-height: 15px; margin: 0 0 20px; padding: 6px; text-align: center; background: #EFECE3; }
.refresco { /*border-bottom: 1px dotted #dbdbdb;*/ height: 60px; background: #FAE5E5; color: #D20000; font-size: 14px; margin-top: 10px; margin-bottom: 20px; position: relative; line-height: 60px; text-align: center; }
.refresco a { /*background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #e99100 0%, #c77200 100%) repeat scroll 0 0; border-radius: 15px 4px 4px 15px; color: #ffffff; display: block; font-size: 1.2em; margin: 0 auto 20px; padding: 10px 50px; text-align: center; text-transform: uppercase; width: 160px;*/ color: inherit; text-decoration: none; }
.refresco::before { /*background: #fff url("http://as01.epimg.net/img/comentarios/as_sprite_comentarios.png") no-repeat scroll 4px -292px; border-radius: 100%; content: ""; display: block; height: 26px; left: 50%; top:16px; margin-left: -114px; margin-top: 9px; position: absolute; width: 26px;*/ font-family: 'as-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; content: "\e625"; font-size: 25px; display: inline-block; vertical-align: middle; margin-right: 11px; margin-top: -4px; }
.refresco::after { content: ''; position: absolute; left: 0; bottom: -10px; width: 100%; height: 1px; background: #ddd;}

#contenedor_refresco{ /*background: #fff; padding-top: 20px;*/ }

.recargar {
    background: #e99100 none repeat scroll 0 0;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 1em;
    margin: 10px auto;
    padding: 10px;
}

/*.recargar:hover { background: #333 none repeat scroll 0 0; }
.refresco a:hover { background: #666 none repeat scroll 0 0; }*/

.mensajes .mensaje .quien a {
    color: #ff3300;
    text-decoration: none;
}
.mensajes .mensaje p {
    line-height: 17px;
    margin: 5px 0 2px;
}
.mensajes .mensaje p img {
    background-color: #fff;
    border: 1px solid #ccc;
    float: left;
    height: auto;
    margin: 0 6px 0 0;
    padding: 3px;
    width: 36px;
}
.mensajes .mensaje .cuando, .mensajes .mensaje .aquien, .mensajes .mensaje .tema, .mensajes .mensaje .capatemas {
    color: #aaa;
}
.mensajes .mensaje .aquien {
    margin-left: 5px;
}
.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 0 0 4px;
    text-decoration: underline;
}
.sigoa a, .mesiguen a {
    background-color: #ff3300;
}
.article .video {
    clear: both;
    padding: 10px 0;
    width: 97%;
}
.article .fotoizquierda img, .article .fotocompleta img {
    display: block;
    height: auto;
}
.article .fotocompleta img {
    clear: both;
    margin: 10px 0 15px;
    width: 98.5%;
}
.flotante .article .comentario .fotocompleta img {
    margin: 10px 0 15px 5px;
    width: 96.5%;
}
.article .fotoizquierda img {
    float: right;
    margin: 0 0 8px 8px;
    position: relative;
    width: 40%;
}
.flotante .fotoizquierda {
    float: right;
    margin: 10px 35px 0;
}
.article .piemensaje {
    clear: both;
    margin-top: 2px;
    position: relative;
}
.mensajes .detalles {
    padding: 5px 0;
}
.mensajes .detalles a {
    color: #f10000;
    text-decoration: none;
}
.paginacion {
    clear: both;
    margin: 0 0 1px;
    padding-top: 5px;
    text-align: right;
}
.contenedorpaginacion { margin: 0 -10px; }
.contenedorpaginacion .paginacion { /*background: #fff;*/ border-top: 1px solid #dbdbdb; /*margin: 0; padding: 0;*/ }
.paginacion ul { display: inline-block; padding: 10px 10px 0; /*width: 100%;*/ }
.paginacion ul li { display: inherit; }
.paginacion ul li:first-child { text-indent: -3px; }
.paginacion ul li span, 
.paginacion ul li a, 
.paginacion ul li.activo { font:20px/20px 'sourcesansbold', sans-serif; border: 1px solid #f2f2f2; /*border-radius: 3px;*/ color: #ccc; display: inherit; margin-right: 2px; padding: 4px 9px; text-align: center; /*width: 9px;*/ }

.paginacion ul li.activo { border-color: transparent; color: #000; font: 18px/20px 'sourcesans', sans-serif; }

.paginacion ul li a { /*background: linear-gradient(to bottom, #e99100 0%, #cd7700 100%) repeat scroll 0 0; background: -webkit-linear-gradient(#e99100, #cd7700) repeat scroll 0 0;  */ border-color: #f4bfbf; color: #ce0000; text-decoration: none; }

.paginacion ul li a:hover { background: #ce0000; border-color: #ce0000; color:#fff; }

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

body#conversacion .article .comentario {
    float: none;
    margin: 8px 0 0;
    width: auto;
}
.article .comentario p.autor {
    color: #fdbe00;
    display: inline;
    font-weight: bold;
    margin-bottom: 2px;
}
.article .comentario p, .article .comentario .contenidomensaje { color: #666; font-size: 14px; line-height: 18px; margin: 10px 0 0; position: relative; z-index: 1; }

.article .comentario p a, .article .comentario .contenidomensaje a {
    color: #7781a9;
}
.article .comentario .capainfo p a:hover, .article .comentario .capainfo .contenidomensaje a:hover {
    background-color: transparent;
}
.article .comentario a.verconversacion {
    background: rgba(0, 0, 0, 0) url("/iconos/v1.x/v1.0/comentarios/sprite_comentarios.png") no-repeat scroll -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; /*font-size: 1em;*/ margin: 20px 0 0; /*overflow: hidden;*/ padding: 0 0 10px; text-align: right; }

.article .comentario .contenedorbotones a.boton { color: #999; display: block; float: right; font-size: 14px; cursor: pointer; }

.article .comentario .contenedorbotones a.responder { color: #CE0000; float: left; /* font-weight: 600; padding: 0 0 0 2px; */ text-decoration: none; cursor: pointer; }
/*.article .comentario .contenedorbotones a.responder::before { background: #e38b00 none repeat scroll 0 0; border-radius: 100%; content: " "; display: inline-block; height: 4px; left: -2px; position: relative; top: -2px; width: 4px; }*/

.article .comentario .contenedorbotones a.responder:hover::before { background: #000 none repeat scroll 0 0; }
.article .comentario .contenedorbotones a.opciones { color: #999999; float: left; margin: 0 0 0 10px; text-decoration: none; }

.article .comentario .contenedorbotones a.responder:hover, 
.article .comentario .contenedorbotones a.opciones:hover { color: #000; }

.article .comentario .contenedorbotones .fecha { color: #999; display: inline-block; float: right; font-size: 14px; }
.article .comentario .contenedorbotones .fecha a { color: #999; }

.article .comentario .contenedorbotones a.via {
    border-bottom: 1px dotted #999999;
    color: #999999;
    margin: 0 10px 0 0;
}
.article .comentario .contenedorbotones a.via:hover {
    border-bottom: medium none;
    color: #666666;
}
.article .comentario .capamasopciones { margin: 0; position: absolute; top:0!important; left: 50px!important; z-index: 50; background: rgba(255,255,255,.7); width: calc(100% - 50px); height: calc(100% - 10px); }
.article .comentario .capamasopciones ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; }
.article .comentario .capamasopciones ul li { /*display: inline-block; padding: 0 3px;*/ }
.article .comentario .capamasopciones ul li a { background: #393939; border-radius: 2px; color: #ffffff; display: block; font: bold 12px sans-serif; padding: 8px 8px 7px; margin: 0 4px; text-align: center; text-decoration: none; }
.article .comentario .capamasopciones ul li a:hover { background: #E99100; }

.article .comentario .recipientes { padding: 0 0 5px; }
.article .comentario .recipientes p { 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; padding: 3px 5px 2px 17px; }
.article .comentario .recipientes ul li a.eliminado { color: #999999; }
.article .comentario .recipientes ul li .bloqueado { color: #999999; padding: 3px 5px 2px 16px; }
.article .comentario .recipientes ul li a:hover { color: #333333; }
.article .comentario .recipientes ul li a.eliminado:hover { color: #777777; }

#id_hilo_cerrado, #id_aviso_escribir_mensaje {
    background: #fff;
    border-bottom-width: 1px;
    padding-bottom: 10px;
    text-align: center;
}

.escribirmensaje .aviso_rellenar_nombre_apellidos {
    background-color: #f6f6f6;
    float: left;
    height: auto;
    margin: 0 0 3px;
    position: relative;
    width: 100%;
}
.escribirmensaje .aviso_rellenar_nombre_apellidos .aviso_rellenar_nombre_apellidos_texto {
    font-size: 13px;
    line-height: 16px;
    padding: 15px;
    text-align: center;
}
.escribirmensaje .aviso_rellenar_nombre_apellidos .aviso_rellenar_nombre_apellidos_texto a {
    border-bottom: 1px dotted #e38b00;
    color: #e38b00;
    line-height: 15px;
}
.escribirmensaje .aviso_rellenar_nombre_apellidos .aviso_rellenar_nombre_apellidos_texto a:hover {
    border-bottom: 1px dotted #101010;
    color: #101010;
}
.escribirmensaje .aviso_nombre_apellidos { background: none!important; border: none!important; border-radius: none!important; color: #666; padding: 20px 0 10px !important; }

.escribirmensaje .aviso_nombre_apellidos .aviso_nombre_apellidos_texto { line-height: 14px; }
.escribirmensaje .aviso_nombre_apellidos .aviso_nombre_apellidos_texto::before { content: '!'; color: #fff; font:bold 14px/18px sans-serif; width: 18px; height: 18px; text-align: center; margin: -3px 5px 0;float: left; border-radius: 10px; background: #CE0000; overflow: hidden; }

.escribirmensaje { /*background: #fff none repeat scroll 0 0; border-bottom: 4px solid #dbdbdb; padding: 10px;*/ margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ddd; }
.escribirmensaje .contenedorsuperior { /*border: 1px solid #ddd; padding: 1px; */ position: relative; }
.escribirmensaje .contenedorsuperior .contenedor_textarea { /*border: 2px solid #fff; height: auto;*/ border: 1px solid #ddd; padding: 5px; height: auto; min-height: 70px; margin-bottom: 15px; }
.escribirmensaje .contenedorinferior { position: relative; }
.escribirmensaje .contenedorsuperior .secundario { position: relative; /* background: #fff; border-top: 1px solid #ccc; position: relative; width: auto; padding: 3px;*/ }
.escribirmensaje .contenedorsuperior .secundario .caracteres { position: absolute; left: 80px; top: 10px; font-size: 12px; color: #999; /*background: #f6f6f6; display: inline-block; line-height: 15px; margin-bottom: 4px; padding: 3px; position: relative; text-align: center; vertical-align: top; width: 100%; z-index: 10; box-sizing: border-box;*/ }
.escribirmensaje .contenedorsuperior .secundario .caracteres p { display: inline; font-size: 12px; /*color: #898989; display: inline-block; font-size: 14px; margin: 0; padding: 0; text-align: center; width: auto;*/ }
.escribirmensaje .contenedorsuperior .secundario .caracteres p.numero { font-size: 12px; /*display: inline-block; font-size: 17px; margin: 0; width: auto;*/ }

.escribirmensaje a.trabajando {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #fff url("http://eskup.des.elpais.int:5070/Iconos/v1.x/v1.0/varios/trabajando_23x23.gif") repeat scroll 0 0;
    border-color: #ccc #fff #fff #ccc;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    color: transparent;
    cursor: progress;
    display: block;
    float: right;
    font-size: 0;
    height: 27px;
    margin: 6px 0 0 11px;
    width: 102px;
}

.comentario .escribirmensaje a.trabajando {
    margin-left: 81px;
}
.escribirmensaje .contenedorsuperior textarea { border: none; font: 14px/16px 'sourcesans',sans-serif; color: #333; height: inherit; margin: 0; overflow: auto; padding: 5px; resize: none; width: calc(100% - 10px); min-height: 70px; }
.article .escribirmensaje .contenedorsuperior textarea { /*width: 83%;*/ }
.escribirmensaje .contenedorsuperior textarea.cajaactiva { }
.escribirmensaje .contenedorsuperior textarea.cajareposo { /* color: #dddddd; letter-spacing: -2px;*/ }
.article .escribirmensaje .contenedorsuperior textarea.cajaactiva {
    background-color: #ffffff;
}

a.cancelar { background: #393939; border-radius: 2px; color: #ffffff; display: block; font: bold 12px sans-serif; padding: 8px 8px 7px; position: absolute; top:5px; right: 80px; text-align: center; text-decoration: none; }
a.cancelar:hover { background: #E99100; }

/*.article .escribirmensaje a.cancelar:hover, 
.datosusuariotema .escribirmensaje a.cancelar:hover, 
.listadousuarios .escribirmensaje a.cancelar:hover { background-color: #aaa; }*/

.escribirmensaje .contenedorinferior .botones { /*border-left: 1px dotted #ccc; margin: -34px 0 0 117px;*/  margin: -34px 0 0 0;  }
.article .escribirmensaje .contenedorinferior .botones { /*margin-left: 194px;*/ }

.escribirmensaje .contenedorsuperior .secundario a.publicar { float: right; background: #CE0000; border-radius: 2px; color: #fff; font: bold 12px sans-serif; padding: 8px 8px 7px; position: relative; text-align: center; text-decoration: none; min-width: 58px; z-index: 2; }
.escribirmensaje .contenedorsuperior .secundario a.publicar:hover { background: #393939; }

.escribirmensaje .contenedorinferior .botones .boton {
    border: 1px solid #ddd;
    color: #666666;
    display: block;
    float: left;
    margin: 0 3px 0 0;
}

.escribirmensaje .contenedorinferior .botones .negrita, 
.escribirmensaje .contenedorinferior .botones .cursiva { background: #f6f6f6; border-radius: 2px; font-size: 14px; padding: 6px; text-align: center; width: 15px; text-decoration: none;}
.escribirmensaje .contenedorinferior .botones .negrita:hover, 
.escribirmensaje .contenedorinferior .botones .cursiva:hover { background-color: #eee; }
.escribirmensaje .contenedorinferior .botones .cursiva { font-style: italic; font-weight: normal; }
.escribirmensaje .contenedorinferior .botones .negrita { margin-right: 10px; color: #333; font-weight: bold; }

.escribirmensaje .contenedorinferior .botones .imagen { display: none; }

.article .escribirmensaje .contenedorinferior .botones .borrarimagenadjunta a {
    background-color: #ccc;
    border-radius: 2px;
    color: #ffffff;
    display: block;
    font: 12px Arial,Helvetica,sans-serif;
    margin: 0 0 0 163px;
    padding: 8px 0 7px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 14.2em;
}
.article .escribirmensaje .contenedorinferior .botones .borrarimagenadjunta a:hover {
    background-color: #aaa;
}
.article .escribirmensaje .contenedorinferior .botones .borrarimagenadjunta a.eliminada {
    background-color: #333;
}
.escribirmensaje .contenedorinferior .botones .temas {
    border: 1px solid #ffffff;
    font-size: 13px;
    padding: 1px 3px 3px 10px;
}
.escribirmensaje .contenedorinferior .botones .publicarfuera {
    border: 1px solid #ffffff;
    font-size: 13px;
    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 .publicarfuera:hover {
    color: #666666;
}
.escribirmensaje .contenedorinferior .botones a.externo, .escribirmensaje .contenedorinferior .botones .externo {
    background-color: #ffffff;
    border: 1px solid #fff;
    border-radius: 4px;
    display: block;
    float: left;
    height: 14px;
    margin: -4px 3px 0 0;
    padding: 4px;
    width: 20px;
}
/*.escribirmensaje .contenedorinferior .botones a.twitter, .escribirmensaje .contenedorinferior .botones a.twitteractivo, .escribirmensaje .contenedorinferior .botones a.twitternoactivo {
    background: rgba(0, 0, 0, 0) url("/m/iconos/v1.x/v1.0/redes/redes_noticia.svg") repeat scroll 0 -33px;
}
.escribirmensaje .contenedorinferior .botones a.facebook, .escribirmensaje .contenedorinferior .botones a.facebookactivo, .escribirmensaje .contenedorinferior .botones a.facebooknoactivo {
    background: rgba(0, 0, 0, 0) url("/m/iconos/v1.x/v1.0/redes/redes_noticia.svg") repeat scroll 0 -1px;
}*/
.escribirmensaje .contenedorinferior .botones a.twitternoactivo, .escribirmensaje .contenedorinferior .botones a.facebooknoactivo {
    filter: grayscale(100%);
    opacity: 0.2;
}
.escribirmensaje .contenedorinferior .botones a.twitteractivo, .escribirmensaje .contenedorinferior .botones a.facebookactivo {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #eee;
    border-color: #ccc #fff #fff #ccc;
    border-image: none;
    border-style: solid;
    border-width: 1px;
}
.escribirmensaje .contenedorinferior .botones .externo {
    margin: -4px 0 0;
    padding: 4px 2px 4px 4px;
}
.escribirmensaje .contenedorinferior .opciones {
    background: #f4f4f4 none repeat scroll 0 0;
    border: 1px solid #ddd;
    padding: 10px;
    margin-top: 3px;
}
.article .escribirmensaje .contenedorinferior .opciones {
}
.escribirmensaje .contenedorinferior .opciones p {
    color: #e58d00;
    font-size: 12px;
    margin: 0 0 0 1px;
    padding: 0;
}
.escribirmensaje .contenedorinferior .opciones p strong {
    font-size: 14px;
    margin: 0;
}
.escribirmensaje .contenedorinferior .opciones input {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #cccccc;
    color: #666666;
    margin: 10px 0 0;
    padding: 5px;
}
.article .escribirmensaje .contenedorinferior .opciones input {
    margin: 0;
}
.escribirmensaje .contenedorinferior .opciones a.borrarimagen {
    border-bottom: 1px dotted #ccc;
    color: #666;
    margin: 5px 0 0 10px;
    text-transform: uppercase;
    font-size: 12px;
    white-space: nowrap;
}
.escribirmensaje .contenedorinferior .opciones a.borrarimagen:hover {
    color: red;
}
.mensajes .comentario .tema {
    clear: both;
    font-size: 13px;
    margin: 10px 0 0;
    padding-bottom: 5px;
    padding-top: 5px;
}
.mensajes .comentario .tema .enunciado {
    color: #969696;
    padding-right: 3px;
}
.mensajes .comentario .tema a { color: #999; }
.mensajes .comentario .tema a.desplegartemas {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 20px;
    display: inline-block;
    margin-left: 3px;
    padding: 1px 4px 0 3px;
}

.mensajes .comentario .tema a.desplegartemas:hover { background-color: #ddd; }
.mensajes .comentario .nombres, .mensajes .comentario .nombres p { display: inline; }
.mensajes .comentario .nombres p { padding-right: 5px; }

.mensajes .comentario p.respuesta { color: #CE0000; margin: 0 0 5px 5px; padding-left: 15px; }
.mensajes .comentario p.respuesta::before { content: ''; height: 10px; width: 10px; border:2px solid #ddd; border-top: none; border-right: none; position: absolute; top: 2px; left: 0px; }

.mensajes .comentario p.respuesta a { text-decoration: none; position: relative; left: 5px; top: 1px; }

.mensajes .comentario p.respuesta a::before { content: "\e61d"; font-family: 'as-icons'; color: #CE0000; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.aviso {
    color: #333;
    padding: 20px 0;
}

.aviso p {
    font-size: 120%;
    line-height: 15px;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
}
.aviso p a {
    border: 1px solid #999;
    border-radius: 4px;
    color: #000;
    display: inline-block;
    margin: 7px 0 0;
    overflow: hidden;
    padding: 6px 10px;
    position: relative;
    text-decoration: none;
    text-indent: -240px;
    width: 120px;
}
.aviso p a::before {
    content: "Quiero comentar";
    height: 30px;
    left: 88px;
    position: absolute;
    top: 6px;
    white-space: nowrap;
    width: 200px;
}
.aviso p a:hover {
    background-color: #999;
    border-color: #999;
    color: #fff;
}
.escribir_mensaje label {
    color: #666;
    display: block;
    margin: 0 0 5px;
}
.escribir_mensaje label em {
    font-size: 80%;
    font-weight: normal;
}
.botones_escribir {
    margin: 5px 0;
}
.escribir_mensaje .botones_escribir .publicar {
    background-color: #d54823;
    border: 1px solid #d54823;
    border-radius: 3px;
    color: #ffffff;
    display: inline-block;
    float: left;
    margin-right: 5px;
    padding: 4px 3px 6px;
    text-align: center;
    text-decoration: none;
}

.botones_escribir .boton:hover { color: #ff3300; }
.article .comentario b { font-weight: bold; }
.article .comentario i { font-style: italic; }

.informacion, .error, .cuidadoaclaracion, .comunicaciones { background-color: #EFECE3; clear: both; color: #00B200; font-size: 100%; margin: 10px 0 0; padding: 5px; text-align: center; text-transform: none; }

.article .comentario .comunicaciones p { font-size: 14px; margin: 0; color: inherit; }
.flotante { position: relative; }
.article .contenedorcolumnas .flotante .comentario { background: #f2f2f2; border: 1px solid #ddd; margin: 5px 0 0; min-height: 82px; padding: 10px; }
.article .contenedorcolumnas .flotante .comentario .contenidomensaje { font-size: 13px; margin: 0 10px 10px 55px; padding-top: 25px; }
.article .contenedorcolumnas .flotante .fotocompleta { margin: 10px 0 0 65px; }

.flotante .pico { display: none; }

.article .flotante .comentario .contenedorbotones .fecha { margin: 0; padding: 0; float: right; }

.fotoizquierda a.ver_imagen, 
.fotoizquierda a.vervideo { margin-top: 12px; }

a.ver_imagen, a.vervideo {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #666 !important;
    display: inline-block;
    font-size: 12px;
    margin: 5px 0;
    padding: 7px;
    text-transform: uppercase;
}
a.ver_imagen:hover, a.vervideo:hover {
    background: #393939 none repeat scroll 0 0;
    border-color: #393939;
    color: #fff !important;
}
.contenedor_vervideo {
    margin: 5px 0;
}
a.vervideo {
    padding: 1px 7px;
}

.fotocompleta .posicionador span.reposo, .fotocompleta .posicionador span.encima {
    background: #e78b00 url("/img/sprite.png?201407211312") no-repeat scroll 1px -81px;
    border: 1px solid #fff;
    border-radius: 3px;
    height: 26px;
    opacity: 1;
    width: 34px;
}

.fotocompleta .posicionador span.encima { background-color: #000; }

.flotante .article a.cerrar { position: absolute; top: 5px; right: 5px; width: 20px; height: 20px; border: 1px solid #666; border-radius: 10px; text-indent: -999px; overflow: hidden; z-index: 10; opacity: .8; }

.flotante .article a.cerrar:hover { opacity: 1; }

.flotante .article a.cerrar::before,
.flotante .article a.cerrar::after { content: ''; position: absolute; left: 9px; top: 4px; width: 2px; height: 12px; background: #666; }

.flotante .article a.cerrar::before { transform: rotate(45deg); -webkit-transform: rotate(45deg); } 
.flotante .article a.cerrar::after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 

.mensajes .flotante .comentario p.respuesta { display: none; }
.mensajes .flotante .comentario .nombres { /*color: #e58d00;*/ font-size: 13px; margin-top: 0; }
.editar_mensaje_moderado { animation: 1s ease 0s normal none 1 running editar_mensaje_moderado_ani; background: #eee none repeat scroll 0 0; border: 1px solid #ddd; color: #666; margin: 15px 0 10px; padding: 10px; }

    @keyframes editar_mensaje_moderado_ani {
        0% { background-color: #fff; color:#eee; }
        100% { background-color: #eee; color: #666; }
    }

.article .comentario .editar_mensaje_moderado p { margin: 10px 0 0; height: 30px; }
.article .comentario .editar_mensaje_moderado p a { background: #393939; border-radius: 2px; color: #fff; font: bold 12px sans-serif; padding: 8px 8px 7px; position: relative; text-align: center; text-transform: none; border: none; text-decoration: none; z-index: 2; }
.article .comentario .editar_mensaje_moderado p a:hover { background: #E99100;}

.botones_aceptar_moderacion a { float: right; margin-left: 7px; }


.chapa_premoderacion {
    height: 19px;
    position: absolute;
    right: 14px;
    top: -36px;
    width: 100px;
}
.chapa_premoderacion .literal {
    background-color: #333;
    color: #fff;
    display: inline-block;
    font-size: 0.7em;
    text-align: center;
    text-transform: uppercase;
    width: 12em;
}
.article .comentario .escribirmensaje .contenedorsuperior {
    margin: 0;
}
.borrado {
    opacity: 0.5;
}
.borrado .comentario .contenedorbotones {
    display: none;
}
.borrado .comentario .flotante .contenedorbotones {
    display: none;
}
.capainfo {
    background-color: #fafada;
    border: 1px dashed #ccc;
    border-radius: 3px;
    margin: 0 20px 10px;
    padding: 10px;
}
.capainfo ul {
    font-size: 14px;
    list-style-type: square;
    margin-bottom: 16px;
    margin-left: 22px;
}
.article .capainfo p {
    font-size: 14px;
    line-height: 1.4em;
}
.capainfo a.boton {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #333;
    display: inline-block;
    font-size: 12px;
    margin: 10px 0 0;
    padding: 7px;
    position: relative;
    text-transform: uppercase;
}
.capainfo a.boton.cancelar {
    width: initial;
}
.capainfo ul {
    font-size: 14px;
    list-style-type: square;
    margin: 10px 0 20px 20px;
}
.capainfo ul li a {
    color: #333;
}
.article .escribirmensaje {
    border: medium none;
    margin: 0 0 10px;
    padding: 0;
}
.todoslostemas ul li {
    margin: 5px 0 0 36px;
}
.publicarfuera {
    display: none !important;
}
#contenedor_error {
    background-color: #fff;
    border: 1px dashed #f10000;
    color: #f10000;
    display: none !important;
    margin: 10px;
    padding: 10px;
}
#contenedor_error p {
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
}
.article .comentario .embebido_mensaje {
    max-width: 538px;
    overflow: hidden;
}

@media (min-width: 768px) and (max-width: 992px) {

    .cont-comentarios-simple .mod_comentarios .cont-loguearse p { width: 65%; }

}

@media (max-width: 767px) {

    .article .contenedorcolumnas .comentario { margin-left: 55px; }
    .article .identidad .nombres { left: 55px; }
    .contenedorpaginacion { margin:0; }

}

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

    .escribirmensaje .contenedorsuperior .secundario .caracteres { position: relative; left: 1px; top: -6px; }
    .aviso_nombre_apellidos.aviso_as,
    .article .comentario .contenedorbotones .fecha,
    .article .comentario .contenedorbotones a.boton { font-size: 12px!important; }

    .escribirmensaje .aviso_nombre_apellidos .aviso_nombre_apellidos_texto::before { font: bold 12px/16px sans-serif; width: 15px; height: 15px; text-align: center; margin: -1px 5px 0; }
    .escribirmensaje .aviso_nombre_apellidos .aviso_nombre_apellidos_texto { line-height: 15px; }

    /*.article .comentario .capamasopciones { margin: -29px 50px 0 -71px; }
    .article .comentario .capamasopciones ul { float: left; width: 225px; padding: 10px 10px 10px 0; }*/

    .article .comentario .contenedorbotones { margin: 45px 0 0; }
    .article .comentario .contenedorbotones .fecha { position: relative; top: -33px; margin-bottom: -10px; width:100%; text-align: left; display: block; float: left; }

    .article .flotante .comentario .contenedorbotones { margin-top: 20px; }
    .article .flotante .comentario .contenedorbotones .fecha { margin: 0; padding: 0; float: right; width: auto; top: 0; }

    #contenedor,
    #contenedor.cont-modulo { margin-top: 0; }

    #contenedor::before,
    #contenedor.cont-modulo::before { content: ''; display:block; height: 1px; background: #ddd; margin-bottom: 20px; }

}

/* AVISO MENSAJE TOXICO*/

.herramientas-aviso {                             
    position: absolute;
    bottom: -30px;
    right: 85px;
    z-index: 20;
    font: 14px/16px 'sourcesans',sans-serif;
    color:#333;                                
 
    max-width: 330px; 
    text-align: center;
    padding: 25px 20px;
    
    box-sizing: border-box;
    z-index: 1;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.17);
    }

.herramientas-aviso.oculto {
    display: none;
    }

.herramientas-aviso:after {
    content: '';
    position: absolute;
    display: block;
    width: 7px;
    height: 13px;
    bottom: 8px;
    right: -7px;

    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='13'%3E%3Cg fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath fill='%23FFF' d='M0 11.6V1.4l5.5 5.1z'/%3E%3Cpath fill='%23DDD' d='M0 11.6l5.5-5.1L0 1.4V0l7 6.5L0 13z'/%3E%3C/g%3E%3C/svg%3E") no-repeat 0 0;
    } 

.herramientas-aviso b { 
    display: block;
    font-family: 'sourcesansbold',sans-serif;
    padding-top: 10px;
}

.herramientas-aviso a { 
    color:#CE0000;
    }

.herramientas-aviso button.icon-cerrar {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: 0;
    background-color: transparent;
    padding: 0;
    box-sizing: border-box;
        width: 40px;
    height: 40px;
    position: absolute;
    top: -10px;
    right: -10px;
}

.herramientas-aviso button.icon-cerrar:after {
    content: '+';
    text-indent: 0;
    width: 100%;
    height: 100%;
    line-height: 30px;
    font-size: 20px;
    text-align: center;
        position: absolute;
    top: 8px;
    left: -8px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    }

@media (max-width:374px) {
    .herramientas-aviso {
        font: 13px/15px 'sourcesans',sans-serif;   
        padding:20px;
    }
}