/** Archivo: draw.scss **/

.el-comentarios { padding: 10px; margin: 0; }
.el-comentarios .com-label { color: black; font-weight: bold; font-size: 12px; }
.el-comentarios .com-formulario { width: 100%; }
.el-comentarios .com-formulario .com-titulo { color: #cf0907; font-weight: bold; padding: 15px 0; /*text-transform:capitalize;*/ text-transform: none; text-align: center; }
.el-comentarios .com-formulario .com-table { margin: auto; }
.el-comentarios .com-formulario .com-input { height: 20px; }
.el-comentarios .com-formulario .com-campos { border: 1px solid gray; font-size: 12px; padding: 2px 4px; }
.el-comentarios .com-formulario .com-btn-enviar { margin-top: 4px; color: white; font-size: 12px; border: 1px solid #cf0907; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IiIgeDI9IjUwJSIgeTI9IiI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NmMDkwNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzg1MDYwNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50%, 50%, color-stop(0%, #cf0907), color-stop(100%, #850604)); background: -webkit-linear-gradient(center, #cf0907, #850604); background: -moz-linear-gradient(center, #cf0907, #850604); background: -o-linear-gradient(center, #cf0907, #850604); background: -ms-linear-gradient(center, #cf0907, #850604); background: linear-gradient(center, #cf0907, #850604); padding: 2px; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; width: 50px; }
.el-comentarios .com-formulario .com-btn-enviar:hover { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IiIgeDI9IjUwJSIgeTI9IiI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg1MDYwNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NmMDkwNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50%, 50%, color-stop(0%, #850604), color-stop(100%, #cf0907)); background: -webkit-linear-gradient(center, #850604, #cf0907); background: -moz-linear-gradient(center, #850604, #cf0907); background: -o-linear-gradient(center, #850604, #cf0907); background: -ms-linear-gradient(center, #850604, #cf0907); background: linear-gradient(center, #850604, #cf0907); }
.el-comentarios .com-comentario-titulo { color: black; font-weight: bold; display: inline; float: left; width: 50%; padding: 8px; }
.el-comentarios .com-comentarios-cuenta { width: 100%; margin-top: 10px; height: 30px; }
.el-comentarios .com-comentarios-cuenta .com-total { text-align: right; display: inline; float: left; width: 50%; }
.el-comentarios .com-comentarios-listado { width: 100%; display: none; }
.el-comentarios .com-divComentarios { width: 100%; margin-top: 10px; }
.el-comentarios .com-divComentarios .com-btn-enviar { margin-top: 4px; color: white; font-size: 12px; border: 1px solid #cf0907; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IiIgeDI9IjUwJSIgeTI9IiI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NmMDkwNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzg1MDYwNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50%, 50%, color-stop(0%, #cf0907), color-stop(100%, #850604)); background: -webkit-linear-gradient(center, #cf0907, #850604); background: -moz-linear-gradient(center, #cf0907, #850604); background: -o-linear-gradient(center, #cf0907, #850604); background: -ms-linear-gradient(center, #cf0907, #850604); background: linear-gradient(center, #cf0907, #850604); padding: 2px; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; width: 80px; }
.el-comentarios .com-divComentarios .com-btn-enviar:hover { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IiIgeDI9IjUwJSIgeTI9IiI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg1MDYwNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NmMDkwNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50%, 50%, color-stop(0%, #850604), color-stop(100%, #cf0907)); background: -webkit-linear-gradient(center, #850604, #cf0907); background: -moz-linear-gradient(center, #850604, #cf0907); background: -o-linear-gradient(center, #850604, #cf0907); background: -ms-linear-gradient(center, #850604, #cf0907); background: linear-gradient(center, #850604, #cf0907); }
.el-comentarios .com-resaltado { background: white; }
.el-comentarios .com-comentario-item { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; width: 80%; padding: 3px 10px; margin: 5px auto 0; }
.el-comentarios .com-comentario-usuario { color: #cf0907; font-size: 14px; font-weight: bold; }
.el-comentarios .com-comentario-msj { color: white; font-size: 12px; padding: 5px 0; }
.el-comentarios .com-comentario-fecha { color: black; font-size: 11px; text-align: right; }
.el-comentarios .com-line-separator { width: 100%; height: 5px; border-bottom: 1px solid gray; }
.el-comentarios #com-loadMask { color: #cf0907; font-weight: bold; font-size: 13px; text-align: center; }
.el-comentarios .com-icon-count { background: url(draw/img/total-comment.png) no-repeat center bottom; height: 35px; width: 30px; display: inline; float: left; }
.el-comentarios .com-icon-title { padding: 9px 12px; }


/** Archivo: draw.scss **/

.el-comentarios { padding: 10px; margin: 0; border-top: 1px dashed #bdbdbd; }
.el-comentarios .com-label { color: #8E8E8E; font-weight: normal; font-size: 14px; }
.el-comentarios .com-formulario { width: 100%; }
.el-comentarios .com-formulario .com-titulo { color: #6b6b6b; font-weight: bold; padding: 4px 0 0; text-transform: none; text-align: center; }
.el-comentarios .com-formulario .com-table { width: 100%; margin: 0; }
.el-comentarios .com-formulario .com-table #siimage { height: 25px; }
.el-comentarios .com-formulario .res-table { width: 65%; margin: 0 auto; }
.el-comentarios .com-formulario .com-input { height: 20px; }
.el-comentarios .com-formulario .com-campos { border: 1px solid #bdbdbd; font-size: 14px; padding: 2px 4px; width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
.el-comentarios .com-formulario .com-btn-enviar { margin-top: 4px; color: white; font-size: 14px; border: 1px solid #cf0907; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IiIgeDI9IjUwJSIgeTI9IiI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NmMDkwNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzg1MDYwNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50%, 50%, color-stop(0%, #cf0907), color-stop(100%, #850604)); background: -webkit-linear-gradient(center, #cf0907, #850604); background: -moz-linear-gradient(center, #cf0907, #850604); background: -o-linear-gradient(center, #cf0907, #850604); background: -ms-linear-gradient(center, #cf0907, #850604); background: linear-gradient(center, #cf0907, #850604); padding: 2px; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; width: 50px; }
.el-comentarios .com-formulario .com-btn-enviar:hover { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IiIgeDI9IjUwJSIgeTI9IiI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg1MDYwNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NmMDkwNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50%, 50%, color-stop(0%, #850604), color-stop(100%, #cf0907)); background: -webkit-linear-gradient(center, #850604, #cf0907); background: -moz-linear-gradient(center, #850604, #cf0907); background: -o-linear-gradient(center, #850604, #cf0907); background: -ms-linear-gradient(center, #850604, #cf0907); background: linear-gradient(center, #850604, #cf0907); }
.el-comentarios .com-comentario-titulo { color: #4a4a4a; font-weight: normal; display: inline; float: left; width: 50%; padding: 8px; }
.el-comentarios .com-comentarios-cuenta { width: auto; margin-top: 10px; height: 30px; }
.el-comentarios .com-comentarios-cuenta .com-total { text-align: right; display: inline; float: left; width: 50%; }
.el-comentarios .com-comentarios-listado { width: 100%; display: none; }
.el-comentarios .com-divComentarios { height: 400px; overflow-y: auto; width: 96%; }
.el-comentarios .com-divComentarios .com-btn-enviar { margin-top: 4px; color: white; font-size: 14px; border: 1px solid #cf0907; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IiIgeDI9IjUwJSIgeTI9IiI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NmMDkwNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzg1MDYwNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50%, 50%, color-stop(0%, #cf0907), color-stop(100%, #850604)); background: -webkit-linear-gradient(center, #cf0907, #850604); background: -moz-linear-gradient(center, #cf0907, #850604); background: -o-linear-gradient(center, #cf0907, #850604); background: -ms-linear-gradient(center, #cf0907, #850604); background: linear-gradient(center, #cf0907, #850604); padding: 2px; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; width: 80px; }
.el-comentarios .com-divComentarios .com-btn-enviar:hover { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IiIgeDI9IjUwJSIgeTI9IiI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg1MDYwNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NmMDkwNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50%, 50%, color-stop(0%, #850604), color-stop(100%, #cf0907)); background: -webkit-linear-gradient(center, #850604, #cf0907); background: -moz-linear-gradient(center, #850604, #cf0907); background: -o-linear-gradient(center, #850604, #cf0907); background: -ms-linear-gradient(center, #850604, #cf0907); background: linear-gradient(center, #850604, #cf0907); }
.el-comentarios .com-resaltado { background: white; }
.el-comentarios .com-comentario-item { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; width: auto; padding: 3px 10px; margin: 5px auto 0; }
.el-comentarios .com-comentario-usuario { color: #cf0907; font-size: 14px; font-weight: bold; }
.el-comentarios .com-comentario-msj { color: #6B6B6B; font-size: 14px; padding: 5px 0; }
.el-comentarios .com-comentario-fecha { color: #bdbdbd; font-size: 11px; text-align: right; }
.el-comentarios .com-line-separator { width: 100%; height: 5px; }
.el-comentarios .com-icon-count { background: transparent; height: 35px; width: 33px; display: inline; float: left; color: #4a4a4a; }
.el-comentarios .com-icon-title { padding: 8px 23px; }