#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%;
			background:#f0f0f0;
		}
			#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;
				}
				#comentarios div.datos_persona div.fecha,
				#comentarios div div.fecha{
					float:right;
					position:relative;
					width:auto;
					padding:3px 20px 3px 0;
				}
			#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%;
					background:rgba(0,0,0,0.1);
					padding:7px 2%;
				}
				#comentarios div.respuesta{
					float:left;
					position:relative;
					width:96%;
					padding:5px 1%;
					margin:10px 0 10px 2%;
					background:rgba(0,0,0,0.2);
				}
					#comentarios div.respuesta div.titulo{
						width:80%;
						color: var(--color3);
					}
					#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: 5px 15px;
		color: var(--color3);
		margin: 0 10px 10px 0;
		border: 2px rgba(0,0,0,0) outset;
	}
		#nuevo_comentario div.nuevo_comentario:hover{
			border: 2px var(--color2) outset;
			cursor:pointer;
		}
	form#comentario_nuevo{
		background: rgba(0, 0, 0, 0.85) none repeat scroll 0 0;
		top: 200px;
		box-shadow: 0 0 4px;
		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: relative;height: 50px;width: 50px;background: url(../img/ico_cerrar.png) no-repeat center center;transition:0.3s ease 0s;}
		form#comentario_nuevo div.cerrar:hover{transform:scale(0.99);cursor:pointer;}
		form#comentario_nuevo p.registro{
			float: left;
			position: relative;
			width: 80%;
			margin: 10px 10% 30px 10%;
			text-align: center;
			color: #fff;
		}
			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:right;
				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;}

#nuevo_comentario 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;}