/************************************************/
/** COMENTARIOS EN PF ***************************/
/************************************************/
/******COMUNES FLIP Y ASIDE****/
/*formulario*/
#divformcomentarios em.komsg:hover {color:#494847;cursor:pointer;}
#divformcomentarios fieldset legend+.nota, #divformcomentarios .form.grid .nota {text-align:left;float:left;font-size: 130%;line-height: 1;padding-top: 1rem;letter-spacing: -0.03rem;}
/*#divformcomentarios .nota .avatar~a{padding-top: 2.4rem;display: block;text-decoration: underline;font-weight: 700;float: right;}*/
#divformcomentarios .nota .avatar~a:hover {color:#494847;}
#divformcomentarios .form.grid li{border: 0;}
#divformcomentarios form > .nota em {border-left:1rem solid transparent;}
#divformcomentarios form > .nota em:hover {color:#494847;}
#divformcomentarios fieldset {padding-bottom: 2rem;}
#divformcomentarios fieldset legend+span {padding-top: 2rem;}
#divformcomentarios .boton {}
#divformcomentarios .boton:hover {}
#commentmsg {border-width: 0 0 2rem 0;}
#commentmsg .KO, .cabComms+#divformcomentarios #commentmsg .KO {margin-bottom:1.5rem;}
aside.boxComm #commentmsg .KO{margin-bottom:0rem}

/*captcha*/
#divformcomentarios form fieldset+fieldset li:last-child{padding-top: 2rem;}
#divformcomentarios #botonCaptcha{color:#737578;border:none;cursor:pointer;background: transparent;position: absolute;top: 3.8rem;right: 0;text-decoration: underline;font-weight: 700;}
#divformcomentarios #botonCaptcha:hover{color:#494847;}
#divformcomentarios #imagenCaptcha {width:62%;height:auto;}
/*html permitido*/
#divformcomentarios .helpBox {display:block;float:left;}
#divformcomentarios .helpBox .nota {letter-spacing:-0.03rem;line-height:1;}
#divformcomentarios .helpBox .nota em {font-style:normal;}
#divformcomentarios .helpBox+.helpBox {right:0;}
#divformcomentarios .helpBox+.helpBox dd {text-align:left;}
#divformcomentarios .helpBox dt {cursor:pointer;font-weight:700;text-decoration:underline;display:block;float:right;}
#divformcomentarios .helpBox dt:hover {color:#494847;}
#divformcomentarios .helpBox ul {padding-left:0;padding-bottom:0;margin-bottom:0;}
#divformcomentarios .helpBox ul li {padding:0;border:0;}
#divformcomentarios .helpBox dl dd span {color:#737578;line-height:1.538;}
#divformcomentarios .helpBox dl dd:before {content:"";border-left:0.5rem solid transparent;border-right:0.5rem solid transparent;border-bottom:0.5em solid #f3f3f3;}
#divformcomentarios .helpBox dl:hover dd {clip:auto;background-color:#f3f3f3;border:0.5rem solid transparent;border-width:0.5rem 4rem 0.5rem 1rem;box-shadow:0 0 1.6rem rgba(0,0,0,0.25);}

/*comentarios*/
aside.boxComm .lisComm li ul {padding-left:4rem;}
.lisComm .pubBox span {line-height:1.333;}
.lisComm .author + span {float:right;text-align:right;width:20%;}
.boxComm .lisComm .author ~ ul .author + span{font-size:1.5rem;padding-top:0;}

/*posicionamiento*/
#divformcomentarios .helpBox {position:absolute;top:auto;bottom: 0rem;}
#divformcomentarios .helpBox dl {position:relative;}
#divformcomentarios .helpBox dl dd {clip:rect(0 0 0 0);position:absolute;}
#divformcomentarios .helpBox dl dd:before {top: -0.9rem;position:absolute;bottom:auto;left:auto;right:.8rem;}
#divformcomentarios .helpBox dl:hover dd {position:absolute;z-index:1;top: 2rem;left:auto;right:0;}

/*****ESPECIFICOS FLIP 100%*****/
/*cabecera de comentarios*/
.cabComms {width:100%;top:0;z-index:3;left:0}
.cabComms header.falseH1 {width:45%;padding:0 0 0 2rem;max-height:7.9rem;overflow:hidden;}
.cabComms span.ico {height:7.8rem;width:4rem;padding-top: 1rem;}
.cabComms span.ico img {opacity:0.95;}
.cabComms span.ico.comms img {background-image: url('/css/rtve.2015/i/iconos/icons_40x40_000000.png');background-size:1100%;background-repeat:no-repeat;background-position:40% 40%;opacity:0.8;vertical-align: top;}
.cabComms span.ico.comms img:hover {opacity: 0.7;}
.cabComms .ima {text-align:right;border-left:2em solid #fff;background:#e1e1e1;padding-top:6.7%;float:none;}
.cabComms .ima  img {width:100%;background-color:red;}
.cabComms .container>.countBox {width:auto;padding-left:20%;padding-right:2rem;padding-top:1rem;background:#fff;}
.comms+.falseH1 {width:60%;}
.cabComms .countBox>* {color:#494847;display:block;text-align:center;}
.cabComms .countBox strong {font-size:420%;font-weight:500;}
.cabComms .countBox span {font-size:150%;}
.cabComms .container {border:1rem solid transparent;}
.cabComms .container>* {width:16rem;float:left;display:inline-block;clear:none;}
.cabComms .falseH1 span {font-size:2rem;}
.cabComms .falseH1:before {content:none;}
.pf_flipperBox .falseH1 h1 {display:inline;}
.pf_flipperBox .falseH1 .pretitle {margin-right:0.25rem;}

/*form minify*/
#divformcomentarios.fixer{z-index:2;margin-top:7.8rem;width:100%;background:#e7e7e7;}
#divformcomentarios.fixer form#dataForm {width:118em;margin:0 auto;}
#divformcomentarios.minify {box-shadow:none;}
.cabComms+#divformcomentarios.fixer textarea.koField {margin-top:0;}

/*formulario en commentario sin minificar*/
.cabComms+#divformcomentarios form {width:118em;margin:0 auto}
.cabComms+#divformcomentarios label {width:100%;display:block;}
.cabComms+#divformcomentarios label + input {width:100%;}
.cabComms+#divformcomentarios fieldset {width:100%;float:left;}
.cabComms+#divformcomentarios fieldset .form.grid li {width:50%;float:left;}
.cabComms+#divformcomentarios fieldset .form.grid li:first-child {border-right:1rem solid transparent;}
.cabComms+#divformcomentarios fieldset legend {display: block;width: 100%;float: left;}
.cabComms+#divformcomentarios textarea.koField {/* margin-top: .5rem; */}
.cabComms+#divformcomentarios textarea.koField + em{top: -3.4rem;}
.cabComms+#divformcomentarios #mail~.nota a {width:auto;padding:0 1rem;}
.cabComms+#divformcomentarios #mail + em.komsg + .nota a {margin-bottom:0;}
#divformcomentarios form fieldset+fieldset {padding: 0;}
.cabComms+#divformcomentarios .form.grid .nota, .flip_h #divformcomentarios fieldset legend+.nota {width:40%;float:left;line-height:2;}
.cabComms+#divformcomentarios .form.grid .nota {line-height: 1;text-align:left;width:100%;padding-top: 1rem;}
.cabComms+#divformcomentarios.form_on fieldset+fieldset {padding-bottom:6rem;border-width:0;}
.cabComms+#divformcomentarios .koField #mail + em.komsg, .cabComms+#divformcomentarios em.komsg {display:block;letter-spacing:-0.03em;font-size:130%;display:block;text-align:right;width:40%;}
/*captcha*/
.cabComms+#divformcomentarios form fieldset+fieldset li:last-child{padding-right:1rem;}
.cabComms+#divformcomentarios #imagenCaptcha {width: 48%;height:7rem;}
.cabComms+#divformcomentarios #botonCaptcha{top: 4rem;right:auto;left: 50%;}
.cabComms+#divformcomentarios #botonCaptcha+.komsg{top: auto;bottom: 4.5rem;right: 1rem;}

/*cabecera comentarios fijo 100%*/
.cabComms {top:auto;box-shadow:0 .2rem .4rem rgba(0,0,0,0.25);display:block;width:100%;float:left;border-bottom:0.1rem solid #f2f2f2;}
.cabComms.fixer {margin-top:-4.2rem;}
.cabComms .container {border-width:2rem 0;}
.cabComms .container:before {margin-bottom:0.5rem;}

/*posicionamiento****/
.cabComms+#divformcomentarios #mail ~ .nota a {position:absolute;top: auto;left:auto;right:0;padding: 0;bottom: 0;}
.cabComms+#divformcomentarios .koField #mail + em.komsg, .cabComms+#divformcomentarios em.komsg {position:absolute;top: 0;right:0;bottom: auto;}

/****ESPECIFICOS COMENTARIOS ASIDE*****/
/*formulario registro-aside*/
.vis_comms .boxComm {padding:30rem 4rem;width:32%;}
#divformcomentarios em.komsg {display:block;font-size:130%;line-height:1;text-align:right;width:100%;padding-top: 1rem;/* padding-bottom: 1rem; */}
#divformcomentarios #mail + em.komsg {top:9.5rem;}
/*nota mail*/
aside.boxComm input[name="mail"] ~ .nota{width:100%;}
aside.boxComm #divformcomentarios input[name="mail"] ~ .nota *{width:auto;}
aside.boxComm #divformcomentarios input[name="mail"] ~ .nota a{float:right;}
aside.boxComm #divformcomentarios input[name="mail"] ~ .nota a:hover{color:#494847;}

/*aside iconos contador*/
.boxComm .countBox {width:13.6rem;}
.article .boxComm .countBox {top:11.6rem;right:4.4rem;}
.article .vis_comms .slideH > .socialBox .comms img {background-position:40% 20%;margin-top:1rem;}
.article .vis_comms .slideH > .socialBox .comms .datnum {display:none;}
.article .vis_comms .artBody + .slideH > .socialBox .comms {background-color:#000;position:relative;z-index:2;}

/*ajustes comentarios pf cortas*/
.p_final .vis_comms .boxComm {position:relative;}
.p_final .vis_comms .slideH {position:relative;}
.p_final .article .vis_comms .artBody, .p_final .article .vis_comms .falseH1, .p_final .article .vis_comms .signBlock, .p_final .article .vis_comms .summary, .p_final .vis_comms .shortBox {padding-left:4rem;padding-right:4rem;float:right;width:68%;}
.p_final .vis_comms.mainContent .artBody + .slideH > .socialBox {padding-left: 4rem;}

/*****TRANSICIONES Y ANIMACIONES*******/
/*transicion height formulario fixer*/
@keyframes formheight {
    from {max-height:11rem;}
    to {max-height:9.2rem;}}
.cabComms+#divformcomentarios.fixer {
    max-height: 9.2rem;
    overflow:hidden;
    z-index:4;
    animation-name:formheight;
    animation-duration:.6s;
    }
.dirFix {transition:margin-top ease 1s;}

/*transition height text area formulario comnetarios*/
.cabComms+#divformcomentarios textarea {overflow:hidden;padding: 0.5em;line-height: 1;min-height:7rem;
-webkit-transition:min-height linear 0.25s;
-moz-transition:min-height linear 0.25s;
transition:min-height linear 0.25s;transition-delay:0.025s;}
.cabComms+#divformcomentarios.fixer textarea {min-height:2rem;}

/*transicion opacidad formulario fixer*/
#divformcomentarios fieldset+fieldset,
#divformcomentarios #commentmsg,
#divformcomentarios .helpBox,
#divformcomentarios .komsg, 
#divformcomentarios .boton,
#divformcomentarios .nota {opacity:1; 
-webkit-transition:all linear 0.2s;
-moz-transition:all linear 0.2s;
transition:all linear 0.2s;}
#divformcomentarios.fixer fieldset+fieldset, #divformcomentarios.fixer #commentmsg, #divformcomentarios.fixer .helpBox, #divformcomentarioss.fixer .komsg, #divformcomentarios.fixer .boton, #divformcomentarios.fixer .nota, .cabComms+#divformcomentarios.fixer em.komsg {opacity:0;}