.tOpiniones{ display:block;}

.tOpiniones .val{ padding:12px 15px; margin:5px; border:1px solid #EEE; border-radius:2px; display:inline-block; margin-bottom:20px;}
.tOpiniones .val .star{ font-size:26px; display:inline-block;}
.tOpiniones .val .vmedia{ font-size:26px; font-weight:bold; display:inline-block; margin-left:10px;}
.tOpiniones .val .numero{ font-size:14px; color:#999; text-align:center;}

.tOpiniones .form{}
.tOpiniones .form.fix .button { display:none; }
.tOpiniones .form .button { text-align:right; }
.tOpiniones .form .button a { display:inline-block; padding:6px 12px; font-size:14px; color:#333; background-color:#E4E7E8; border-radius:2px; text-decoration:none; }
.tOpiniones .form:not(.fix) .formulario { display:none; }
.tOpiniones .form .formulario { background-color:#F5F5F5; border-radius:3px; margin-bottom:20px; padding:15px; }
.tOpiniones .form .formulario .cerrar { text-align:right; }
.tOpiniones .form.fix .formulario .cerrar { display:none; }
.tOpiniones .form .formulario .cerrar a { display:inline-block; color:#FFF; background-color:rgba(0,0,0,0.2); border-radius:2px; padding:2px 5px; font-weight:bold; }
.tOpiniones .form .formulario .star { margin-bottom:10px; font-size:30px; }
.tOpiniones .list{ margin-top:15px;}

.tOpiniones .list .firma { background:url(/www/1/images/firma.png) top right no-repeat; background-position:100% 20px; padding-bottom:12px; margin:0 5px 15px; border-bottom:1px solid #DDD; }
.tOpiniones .list .firma .titulo { font-weight: bold; font-size: 18px; }
.tOpiniones .list .firma .titulo span { margin-right:12px; }
.tOpiniones .list .firma .texto { font-size: 16px; color: #666; font-style: italic; margin:10px 0; }
.tOpiniones .list .firma .datos { font-weight: normal; font-size: 14px; color: #999; text-align: left; margin-bottom:7px; }
.tOpiniones .list .firma .respuesta { margin:15px 12px 12px 50px; border-radius:3px; background-color:#F5F5F5; padding:12px 14px; }
.tOpiniones .list .firma .respuesta .tit{ font-size:15px; color:#000; font-weight:bold; margin-bottom:5px; }
.tOpiniones .list .firma .respuesta .txt{ font-style:italic; font-size:15px; color:#555; }
.tOpiniones .list .firma .photolist { margin:15px 0;}
.tOpiniones .list .firma .photolist figure { max-height:140px; display:inline-block; margin:0 10px 10px 0; max-width:100%;}
.tOpiniones .list .firma .photolist figure img { max-height:140px; height:140px; max-width:100%;}

.tOpiniones.lg .list:not(.aside):not(.full) .firma { display:inline-block; width:100%; margin:12px 0; background:none; box-sizing:border-box; padding:10px; border-bottom:none; }
.tOpiniones.lg .list:not(.aside):not(.full) .firma .titulo { text-align:center; font-size:18px; }
.tOpiniones.lg .list:not(.aside):not(.full) .firma .texto { text-align:center; font-size:16px; line-height:20px; max-height:40px; overflow:hidden; margin:10px 0; }
.tOpiniones.lg .list:not(.aside):not(.full) .firma .datos { text-align:center; font-size:15px; }


@media screen and (min-width: 600px) and (max-width: 900px){
	.tOpiniones.lg .list:not(.aside):not(.full) .firma { width:49%; margin:12px 0.5%; float:left; }
}


@media screen and (min-width: 901px){
	.tOpiniones.lg .form { display:inline-block; width:35%; float:right; }
	.tOpiniones.lg .form.fix { display:block; width:auto; float:none; }
	.tOpiniones.lg .form .button { display:none; }
	.tOpiniones.lg .form .formulario { display:block; }
	.tOpiniones.lg .form .formulario .cerrar { display:none; }
	.tOpiniones.lg .list.aside { display:inline-block; width:63%; margin-right:2%; float:right; }
	.tOpiniones.lg .list:not(.aside):not(.full) .firma { width:32.3%; margin:12px 0.5%; float:left; }
}