#comentarios{
	width:96%;
	height:auto;
	float:left;
	margin:25px 0 0 2%;
	padding:0;
	color:#000000;
}
/************ LISTADO ************/
	#comentarios ul.listado_comentarios{
		float:left;
		position:relative;
		height:auto;
		list-style:none;
		width:100%;
		margin:0;
		padding:0;
	}
#comentarios ul li.comentario_ficha {
	float: left;
	width: 96%;
	margin: 5px 0;
	padding: 5px 2%;
	border: 1px solid rgba(0, 0, 0, 0.16);
}
			#comentarios ul li.comentario_ficha:nth-of-type(2n){/*background:#e0e0e0;*/}
			#comentarios ul li div.datos_persona{
				float:left;
				width:96%;
				position:relative;
				/*display:inline-block;*/
				padding:6px 2%;
				margin:0 0 0 0;
				/*font-family: 'Fjalla One', sans-serif;*/
				border-bottom:1px dashed rgba(0,0,0,0.2)
			}
				#comentarios div.datos_persona div.nombre{
					float:left;
					position:relative;
					width:auto;
					padding:3px 20px 3px 0;
					font-weight:bold;
				}
				#comentarios div.datos_persona div.nombre span:first-child{font-size:0.8em;font-weight:normal;}
				#comentarios div.datos_persona div.fecha,
				#comentarios div div.fecha{
					float: right;
position: relative;
width: auto;
padding: 7px 20px 3px 0;
font-size: 0.9em;
				}
			#comentarios ul li div.datos_genericos{
				float:right;
				width:auto;
				position:relative;
				display:inline-block;
			}
				#comentarios div.datos_genericos div[class^="votos_"]{
					width:auto;
					height:auto;
					text-align:right;
					margin:3px 20px 3px 0;
					display:inline-block;
					padding:0 0 0 30px;
					display:none;
				}
					#comentarios div.datos_genericos div.votos_positivos{
						background:url(../img/voto_positivo.png) no-repeat left center;
					}
					#comentarios div.datos_genericos div.votos_negativos{
						background:url(../img/voto_negativo.png) no-repeat left center;
					}
				#comentarios div.datos_genericos div.valoracion{
					float: right;
					background: url(../img/estrellas.png) no-repeat center center;
					width: 110px;
					font-size: 0;
					height: 25px;
				}
					#comentarios div.datos_genericos div.valoracion_1{background-image: url(../img/puntos_uno.png);}
					#comentarios div.datos_genericos div.valoracion_2{background-image: url(../img/puntos_dos.png);}
					#comentarios div.datos_genericos div.valoracion_3{background-image: url(../img/puntos_tres.png);}
					#comentarios div.datos_genericos div.valoracion_4{background-image: url(../img/puntos_cuatro.png);}
					#comentarios div.datos_genericos div.valoracion_5{background-image: url(../img/puntos_cinco.png);}
			
			#comentarios ul li div.datos_comentario{
				float:left;
				width:100%;
				position:relative;
				display:inline-block;
			}
				#comentarios div.datos_comentario div.titulo{
					float:left;
					position:relative;
					text-transform:uppercase;
					width:98%;
					padding:7px 1%;
					/*font-family: 'Fjalla One', sans-serif;*/
					color: var(--color2);
				}
#comentarios div.datos_comentario div.comentario {
	float: left;
	position: relative;
	width: 96%;
	padding: 7px 2% 0 2%;
	color: #333;
}
				#comentarios div.respuesta{
					float:left;
					position:relative;
					width:96%;
					padding:5px 1% 0 1%;
					margin:10px 0 0 5px;
					/*background:rgba(0,0,0,0.2);*/
					border-top: 1px dashed rgba(0,0,0,0.2);
				}
					#comentarios div.respuesta div.titulo{
						width:80%;
					}
					#comentarios div.respuesta div.fecha{
						/*font-family: 'Fjalla One', sans-serif;*/
						
					}
/************ NUEVO ************/
#nuevo_comentario div.nuevo_comentario {
	float: right;
	width: auto;
	display: inline-block;
	position: relative;
	/* font-family: 'Fjalla One', sans-serif; */
	background: var(--color2);
	padding: 8px 15px;
	color: var(--colorNeutro1);
	margin: 0 0 10px 0;
	border: 2px rgba(0,0,0,0) outset;
	text-transform: uppercase;
}
		#nuevo_comentario div.nuevo_comentario:hover{
			border: 2px var(--color2) outset;
			cursor:pointer;
		}
form#comentario_nuevo {
	background: rgba(236, 236, 236, 0.85) none repeat scroll 0 0;
	top: 200px;
	box-shadow: 0 0 6px #bbb;
	height: auto;
	left: 10%;
	position: fixed;
	width: 80%;
	z-index: 1500;
	display: none;
	margin: 0;
	padding: 0 0 25px 0;
}
form#comentario_nuevo div.cerrar {
	float: right;
	position: absolute;
	height: 50px;
	width: 50px;
	background: url(../img/ico_cerrar.png) no-repeat center center;
	transition: 0.3s ease 0s;
	z-index: 1000000;
	top: 0;
	right: 0;
}
		form#comentario_nuevo div.cerrar:hover{transform:scale(0.99);cursor:pointer;}
		form#comentario_nuevo p.registro{
			float: left;
			position: relative;
			width: 80%;
			margin: 40px 10% 20px 10%;
			text-align: center;
			color: #606060;
		}
	
		form#comentario_nuevo p.registro.error{color:#000;position: initial;}
/*		form#comentario_nuevo p.registro.error::before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #f003;}
*/		
form#comentario_nuevo p.registro.error {
	font-weight: bold;
	text-transform: uppercase;
	color: #333;
}			
			form#comentario_nuevo div.izquierda{
				float:left;
				position:relative;
				display:inline-block;
				width:30%;
				margin:20px 5% 20px 5%;
				text-align: center;
			}
				form#comentario_nuevo div.izquierda img{float:none;max-width:100%;max-height:100%;}
				form#comentario_nuevo div.izquierda div.nombre{font-family: 'Fjalla One', sans-serif;color: var(--color1);margin: 15px;}
			form#comentario_nuevo div.derecha{
				float:left;
				position:relative;
				display:inline-block;
				width:45%;
				margin:20px 5% 20px 5%;
				text-align: center;
			}
				form#comentario_nuevo div.derecha label{width: 100%; font-family: 'Fjalla One', sans-serif;font-size: 1.2em;color: var(--color3);margin: 10px 0;float: left;}
				form#comentario_nuevo div.derecha input{font-size: 1.1em;padding: 5px 1%;width: 98%;float: left;position: relative;font-family: var(--fuente1);}
					form#comentario_nuevo div.derecha input.enviar{font-size: 1em;margin: 15px 40% 0 40%;width: 20%;float: left;position: relative;}
form#comentario_nuevo div.derecha input.enviar:hover{cursor:pointer;}
				form#comentario_nuevo div.derecha textarea{font-size: 1.1em;padding: 5px 1%;width: 98%;float: left;position: relative;height: 100px;font-family: var(--fuente1);}
				
				
				
				/*estrellas*/
form#comentario_nuevo div.derecha p { text-align: center;}

form#comentario_nuevo div.derecha label[for^="radio"] {  font-size: 1.8em;  float:none;}

form#comentario_nuevo input[type="radio"] {  display: none;}

form#comentario_nuevo div.derecha label[for^="radio"] {  color: grey;}
form#comentario_nuevo div.derecha span.valoracion{float: left;position: relative;height: 48px;font-family: 'Fjalla One', sans-serif;color: var(--color3);display: flex;align-items: center;justify-content: center;margin: 0 10px 0 25%;font-size: 1.2em;}
.clasificacion {direction: rtl;unicode-bidi: bidi-override;width: auto;float: left;display: inline-block;margin: 0;}

form#comentario_nuevo div.derecha .clasificacion label:hover,
form#comentario_nuevo div.derecha .clasificacion label:hover ~ label {  color: orange;}

form#comentario_nuevo div.derecha .clasificacion input[type="radio"]:checked ~ label {  color: orange;}
		
		
@media (max-width:500px){
	form#comentario_nuevo{top:0;z-index: 10;position:relative;top:0;left:0;width:100%;}
	form#comentario_nuevo a[target="_blank"]{color:var(--color1);}
	form#comentario_nuevo div.izquierda{width:90%;margin:0 5%;}
	form#comentario_nuevo div.izquierda div.imagen{float:left;}
	form#comentario_nuevo div.izquierda div.nombre{font-size: 0.8em;margin: 0;}
	form#comentario_nuevo div.izquierda img{max-height:75px;}
	form#comentario_nuevo div.derecha{width:90%;margin:0 5%;}
	form#comentario_nuevo div.derecha p{margin-left:23%;}
}