﻿
/********* COMENTERIOS PF FINAL *******************/
/*.sub span, sub .ladillo, .pie .nota a {font-size:1.2em;}*/

/******* FORMULARIO COMENTARIOS *******************/

.avatar img {position:relative;}
.tab-content-modulo > .mark {padding:0;}
.comentarios fieldset ol.first {padding-right:1em;}
.comentarios fieldset ol.last {padding-left:1em;}
.comentarios .botonera.avatar {background:#efefef;}
.comentario .autor {margin:-0.33em 0 0.33em 0;display:inline-block;}

.comentarios .sub span, .comentario .data,.tab-content-modulo .anchor a,.sub .ladillo, a.bottomArrow, .pie .nota a, .pie .data {color:#666;}

.formulario label, .formulario input, .formulario textarea, .formulario select, .formulario span.input {
				font-size: 120%;
				font-family: inherit;
				width: 100%;
				float: left;
				margin: 0;
				padding: 4px;} /* General */ 
.modulo-comentario li {float:left;clear:both;width:100%;border-bottom: 1px solid #c1c1c1;height:auto;}
.modulo-comentario .item {padding:0.8em 0;width:100%;}
.modulo-comentario .comentario {float:left;width:100%;text-align:left;clear:both;margin:1em 0;}
				
.comentarios {padding:2.4em 0 0 0;}
.comentarios, .comentarios fielset,p.nota {float:left;} /**Anadir uno **/
.comentarios .botonera .botones {float:right;margin:0;width:auto;}
.comentarios .avatar .botones {float:left;}
.comentarios input, .formulario textarea, .formulario select, .formulario span.input {border:0.1em solid #0ab;}
.comentarios input[type=button] {border-radius:2em;}

/**** Tiulo de los comentarios *****/
.bodier .comentario img,
.bodier .avatar img {float:left;min-height:0;max-height:8em;position:relative;margin-right:2em;} /**avatar **/

.comentarios .sub span {float:left;position:relative;margin:0 0.91em 0 0;width:100%;font-size:1.4em;font-weight:bold;border-bottom: 1px dotted #666;line-height:2em;}
.comentarios abbr {cursor:help;border-bottom:1px dotted #222;}
.comentarios form {margin-top:1em;display:inline-block;width:100%;}

.comentarios li {width:100%;float:left;margin:0 0 1.2em 0;}
.comentarios li .nota {float:0;}

.comentarios textarea {resize:none;outline:none;width:100%;height:20em;margin:0 0 1em 0;}

/*** Campos de validacion usuario ***/

ol.last li input {width:55.5%;float:right;}
ol.last li label {width:36.5%;float:left;text-align:right;}
/*new-enlaces en notas*/ol.last li .nota .aux {margin:0 0.5em 0 0;padding:0 0.5em 0 0;border-right:1px solid #ccc;}
	/*avatar special*/ol.last .avatar .nota .aux {margin:0 0 0 0.5em;padding:0 0 0 0.5em;border-right:none;border-left:1px solid #ccc;}
.comentarios li .nota {width:50%;color:#777;position:relative;left:50%;line-height:114%;display:inline-block;padding:0.3em 0;text-align:right;font-size:1.2em;}
.comentarios textarea + .nota {text-align:left;}
.comentarios .avatar .nota {color:#555;width:auto;font-size:130%;line-height:2;left:auto;text-align:left;padding:0;}
.comentarios .c50.first .nota {left:auto;}
.comentarios .nota .tooltip:after {display:none;}
.comentarios .nota .tultip {position:absolute;top:-1.4em;right:-1.4em;width:75%;padding:1em;border:0.1em solid #ccc;border-radius:0.6em;background:#fff;}
.comentarios textarea + .nota + .nota {cursor:pointer;}

.loginPopUp {color:#0b6ede;}

/***** Mensajes de validacion ********/
.komsg {display:block;width:100%;clear:both;font-size:100%;line-height:150%;color:#b00;font-weight:bold;text-align:right;font-style:normal;}
/*** Validacion captcha ****/
.comentarios .captcha {width:27em;border:0.1em solid #ddd;float:right;margin-bottom:0.8em;}
.comentarios .captcha img {height:auto;top:auto;left:auto;min-height:0;width:100%;position:relative;}

#botonCaptcha {cursor: pointer;height:2.1667em;line-height: 216.667%;margin-right: 0.667em;padding: 0 0.333em;width: auto;}
	
p.nota em {color:#333;font-weight:bold;font-style:normal;padding:0.2em 0.5em;margin:0 0.2em 0 0;}
.comentarios textarea + .nota + .nota em {background:#f5f5f5;border-radius:0.5em;border:0.1em solid #ddd;}
a.bottomArrow {width:auto;display:block;text-align:center;}


/******* Tabla de Errores ****************/
.anchor strong {font-size:1.2;line-height:15%;float:left;width:auto;}
.pie {width: 100%;border-top: 1px dotted #ccc;padding:0;}
.comments .pie .botonera .nota {float:left;color:#0ab;}
.item .pie {line-height:2;display:block;clear:both;margin: 0.5em 0 0 0;position:relative;}
.comentarios #commentmsg {width:99%;padding-bottom:0;}
#commentmsg {width:94%;margin:0 0 0 -1.2em;clear:both;}
#commentmsg p {line-height: 2.2;text-indent:1em;padding-left: 1.5em;}
#commentmsg li a {font-size:1.2em;color:#666;font-weight:normal;padding:0 1.8em;}

.KO {
	 clear:both;
	 background:url("http://img.irtve.es/css/alacarta20/i/iconos/error.png") no-repeat 1em 1.2em;
	 background-color:#eeeded;
	 border: 1px solid #f1f1f1;
	 height:auto;
	 padding:1em 0;
	 width:99.8%;
	 font-size:1.1em;
	 font-weight:bold;
	 margin-bottom:5em;
	 float:left;
	 }
.KO p{padding-left: 2.5em;}	 
.comentarios ul.botones input {text-transform:uppercase;color:#fff;font-weight:bold;width:auto;font-size:130%;line-height:2;background:none;height:auto;border:none;}
.comentarios ul.botones li {background:#02a2b2;border-radius:1.3em;float:left;padding:0 0.6em;}


/* BOTON CERRAR ************************************/
.comments .closed {background:#0ab;color:#fff;border-radius:100%;font-size:160%;line-height:1.5;width:1.5em;text-align:center;display:inline-block;cursor:pointer;top:1em;right:0;}

/*fomulario comentarios rediseno*/
/*formulario de comentarios*/
#divformcomentarios {border: 0.1em dotted #ccc;width:100%;padding:2em;/* background: #f9f9f9; */margin-bottom: 4.4em;/* margin-top: 1em; */float:left;font-family: 'Roboto','arial',sans-serif;border-width: 0 0 0.1em 0;}
/*text-area*/
#divformcomentarios textarea {width:100% !important;padding: 0.5em;min-height:6.941176470588235em;}
#divformcomentarios textarea:focus,
#divformcomentarios label + input:focus {border: 0.1rem solid #c9c9c9;}
#divformcomentarios textarea,#divformcomentarios label + input {border: 0.1rem solid #e1e1e1;background:#fff;width:100%;height:auto;font-size: 140%;}
#divformcomentarios label + input {padding:0.6rem 1.2rem;}
/*error fomulario*/
#divformcomentarios .aviso li {border-top:0;padding:0;}
#divformcomentarios .KO, #divformcomentarios .OK{padding:1em;margin:0 auto;font-size:1em;background-image:none;background:#fcfcfc;float:none;border:0.1em solid #e1e1e1;}
#divformcomentarios .OK {padding:1em;margin:0 auto;}
#divformcomentarios .KO li a:focus{border-bottom: 0.1rem solid #c1c1c1;}
#divformcomentarios .KO li a, #divformcomentarios .KO li a{font-size:1.3em;color:#737578;line-height:1.538;padding:0;font-weight:300;}
#divformcomentarios .KO li a strong, #divformcomentarios .OK li a strong {color:#737578;text-decoration:none;}
#divformcomentarios .KO p, #divformcomentarios .OK p{font-size:1.4em;color:#0ab;font-weight:500;padding:0;text-indent:0;line-height:1.333;}
#commentmsg {border-style:solid;border-color:transparent;}
#divformcomentarios .komsg a {width:auto;height:auto;padding-left:0.2em;}
/*mensaje ok*/
#divformcomentarios .OK p {font-weight:400;}
/*notas formulario*/
.formBox form > .nota em{border-left:1em solid transparent;}
.formBox fieldset legend+span {padding-top:0.5em;}
/*notas formulario*/
.formBox .nota {color:#737578;}
.formBox form > .nota em{font-style:normal;text-decoration:underline;line-height:1;padding-top:1em;font-size:1.2em;font-weight:700;}
.formBox form > .nota em:hover{color:#494847;}
.boxMail abbr, .boxComm abbr {text-decoration:none;}
/*html permitido*/
.helpBox {position:absolute;top:auto;bottom:0;display:block;float: left;font-size:1.2em;}
.helpBox+.helpBox {right:0;width:100%;text-align:right;margin-top: 4.8em;display: block;float:left;}
.helpBox+.helpBox dd{text-align:left;}
.helpBox .nota em{font-style:normal;}
.formBox .helpBox dt{cursor:pointer;font-weight:700;text-decoration:underline;display:block;float:right;}
.formBox .helpBox dt:hover{color:#494847;}
.formBox .helpBox dl dd {clip:rect(0 0 0 0);position:absolute;}
.formBox .helpBox dl dd span {color: #737578;line-height: 1.538;}
.formBox .helpBox dl dd:before{content: "";border-left:0.5em solid transparent;border-right:0.5em solid transparent;border-bottom: 0.5em solid #e1e1e1;top: -0.5em;position:absolute;bottom:auto;left: 50%;margin-left: -0.5em;}
.formBox .helpBox dl:hover dd {clip:auto;background-color:#fff;border: 0.1em solid #e1e1e1;position:absolute;z-index: 7;top: 1.5em;right:0;display: block;width: auto;padding: 0 0.5em;}
#divformcomentarios .helpBox dl:hover dd li{float:none;}
/*error formulario*/
#commentmsg {border-width:0 0 1em 0;padding: 0;margin: 0;width: 100%;}
/*botones formulario*/
#divformcomentarios fieldset {padding-bottom:2em;}
.formBox .boton{padding:.6em 1rem;background: #0AB;display:inline-block;}
.formBox .boton:hover{background:#000;}
.formBox .boton strong{font-size: 1.3em;}
.formBox .boton input {border:0;color:#fff;background:none;cursor:pointer;}

/*formulario en commentario*/
/*fonts*/
#divformcomentarios fieldset legend {font-size: 1.6em;padding-top:1em;}
#divformcomentarios fieldset legend+.nota, #divformcomentarios .form.grid .nota {text-align:left;float:left;font-size: 1.2em;}
/**/
#divformcomentarios.reg_on form fieldset+fieldset{padding: 2em 0;}
#divformcomentarios .form.grid .nota, #divformcomentarios fieldset legend+.nota{width:40%;float:left;line-height:2;}
#divformcomentarios .form.grid .nota{line-height:2;text-align:left;width:100%;}
#divformcomentarios .form.grid .koField+ .koField .nota{}
#divformcomentarios label {width:100%;display:block;font-size: 1.5em;color: #000;font-weight: 500;line-height: 1.866;}
#divformcomentarios label + input {width:100%;font-size: 1.3em;}
#divformcomentarios textarea.koField {margin-top:1.5em;font-size: 1.3em;}
#divformcomentarios textarea.koField + em{top: -0.1em;}
#divformcomentarios em.komsg {font-size: 1.1em;width:50%;position:absolute;top:0.5em;right:0;bottom:auto;color:#737578;font-weight:300;}
#divformcomentarios #botonCaptcha+.komsg{top: auto;bottom: 3.3rem;right: 1rem;}
#divformcomentarios #mail~.nota a {text-decoration:underline;color:#737578;}
#divformcomentarios #mail~.nota a:hover {color:#494847;}
#divformcomentarios #mail ~ .nota .loginPopUp {position:absolute;top: 4.8em;left:auto;right:0;}
#divformcomentarios fieldset {width:100%;float:left;position:relative;}
#divformcomentarios fieldset ol{width:100%;display: block;float:left;}
#divformcomentarios fieldset li{width: 50%;float:left;position: relative;display: block;}
#divformcomentarios fieldset .form.grid li:first-child{border-right:1em solid transparent;}
#divformcomentarios fieldset legend{padding:0.5em 0;display:block;width:100%;float:left;color: #000;}
/*captcha*/
#divformcomentarios .captcha+label{display:block;line-height: 2;}
#divformcomentarios form fieldset+fieldset li:last-child{padding-top:2rem;padding-right:1rem}
#divformcomentarios #botonCaptcha{color:#737578;border:none;cursor:pointer;background:transparent;text-decoration:underline;font-size:120%;font-weight:700;position:absolute;top: 4.7rem;right: auto;left: 52%;}
#divformcomentarios #botonCaptcha:hover{color:#494847;}
#divformcomentarios #imagenCaptcha {width:50%;height:auto;border: 0.1rem solid #e1e1e1;position: inherit;max-height: 8rem;}

/*ajustesformulario logado*/

#divformcomentarios .nota .avatar{/* margin-top: 1em; */width: 5.9em;height: 5.9em;float: left;}
#divformcomentarios .nota .avatar img{width:4.5em;height:4.5em}
#divformcomentarios .nota .avatar + strong {float:left;text-align:left;padding: 2em 1em;font-size: 130%;}
#divformcomentarios .nota .avatar ~ .loginPopUp, #divformcomentarios .nota .avatar ~ a{margin-top: 1.4em;width:auto;padding:0 1em;font-size: 120%;display: block;float: left;text-align: left;/* background-color:#c4c6c8; */color: #737578;padding: 0.8em 0;text-decoration: underline;font-weight: 700;}
#divformcomentarios .nota .avatar ~ .loginPopUp:hover, #divformcomentarios .nota .avatar ~ a:hover{color:#494847;}
#divformcomentarios .ima {display:table-cell;width: 4.5em;height: 4.5em;vertical-align:middle;}
.lisComm .name .ima img, #divformcomentarios .avatar.ima img {width:5.9em;height:5.9em;border-radius:100%;
background:-moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.7) 100%), url('/css/rtve.2015/i/iconos/icons_60x60_000000.png');
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.7)), color-stop(100%,rgba(255,255,255,0.7))),  url('/css/rtve.2015/i/iconos/icons_60x60_000000.png');/* opacity: .4; */background-position:10% 0;background-color: #c2c2c2;}
#divformcomentarios .avatar.ima.ima_on img {background: #f1f1f1;}
#divformcomentarios fieldset + fieldset{padding: 1.5em 0 1em 0;}