*{ margin: 0; padding: 0; }*
a {color: #266ba8; text-decoration: none; cursor:pointer;}
a:hover { color: #995;text-decoration: none; }
h2 {font-size: 18px; font-weight:bold; color:#133b5e; padding:4px; margin-bottom:12px; border-bottom:1px solid #CCC;}
article h2.title {
  border: 0
}

#coments {position:relative; left:0px;}
#coments  .title{position:relative; left:-12px; width:100%; height:70px; background: #EEE }
#coments  .title h2{margin:0;}
#coments  .title .left{float:left; padding:5px; width:100%;}
#coments .addcoment {position:relative; top:-15px; background: #EEE; border:5px solid #93afbc; display:none; padding: 20px;}
#coments .addcoment img:hover{cursor:pointer;}
#coments  textarea{ width:100%; font-size:14px; height: 180px; margin:10px 0; overflow:hidden; background:#FFF; border:1px solid #DDD;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#coments  input[type="text"]{padding-left:10px; width:100%; height:25px; font-size:15px; line-height: 1.8em; margin:10px 0px 0px 0px; border:1px solid #DDD;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#coments  .addcoment span{position:relative; top:-10px;  left:180px; font-size:20px; color:#292; }
#coments  #statusbox{padding-left:10px; line-height:55px; color:#888; font-size:18px; height:50px;}
#coments  img.button_add{margin:10px 5px 0px 10px; padding:0; border:0; float:none;}
#coments  span.button_add {margin:10px 5px 0px 10px; padding:0; border:0; float:none; background: #93AFBC;color: #fff;cursor: pointer;padding: 5px 30px;border-radius:5px;  text-shadow: 1px 1px 2px rgba(0,0,0,0.5) }
#coments  .button_add  {
  color: #fff
}

#coments #addcomentbutton { background: #93AFBC;color: #fff;cursor: pointer;padding: 5px 30px;border-radius:5px;  text-shadow: 1px 1px 2px rgba(0,0,0,0.5) }

#coments .top {font-size:15px; height:47px; padding:15px 15px 0px 5px;text-align: center; color:#9e9968;}
#coments .main {position:relative;}
#coments .block_name {height:40px; position:relative; left:10px; top:10px;}
#coments .name {height:40px; font-size:17px; font-weight:normal; color: #070; float:left;}
#coments .date {height:40px; font-size:14px; position:relative;margin-right: 20px; float:right; color: #555; line-height:40px; }
#coments .coment{  -webkit-box-sizing: border-box; margin-top: 10px;
  box-sizing: border-box;position: relative; box-shadow:0 0 5px rgba(0,0,0,0.4);z-index: 1;border-radius:10px 10px 10px 10px;font-style: italic;
  position:relative; left:-12px; width:100%;; padding:19px 20px 20px 20px;  font-size:14px; background: #FBF9E3; text-align:justify;}
#coments .coment:before {
  position: absolute;left: 30px;top: -8px;background:  #f7f4ca;content: "";width: 12px;height: 8px;
  background: transparent url("images/coment_top.png") -63px top no-repeat; z-index: 0;
}
#coments .nopub .coment {
  background: #EEEEEE
}
.btn_coment {display: inline-block;float: right;font-size: 22px;}
.btn_reply {display: inline-block;font-size: 22px;border: 1px solid blue;cursor: pointer; height: 22px;line-height: 22px; color: blue}
.btn_coment span {
  margin: 0 10px;border: 1px solid red;padding: 0 5px;cursor: pointer; height: 22px;line-height: 22px; display: inline-block;color: red;
}
.btn_coment span.act_coment {
  color: green;  border-color: green
}

.statC {
  margin-left: 20px;font-size: 12px;
}
#coments .stars,.rating_star span { font-size:24px;margin-left: 20px;color: #FFCC00;text-shadow: 0px 0px 2px rgba(0,0,0,0.9); }
#coments .rating {
  font-size: 14px;margin-left: 20px; color: #000;font-weight: bold;line-height: 24px;height: 24px;display: inline-block;
}
#coments .rating i {
  margin:0 5px;font-weight: normal;
}
#coments .rating_star {
  text-align: left;
}

#coments .rating_star span {
  margin: 0 3px;font-size: 36px; position:static; cursor: pointer;color: #666 ;text-shadow: 0px 0px 2px rgba(0,0,0,0);
}
#coments .rating_star span.active {
    color: #FFCC00;  text-shadow: 0px 0px 2px rgba(0,0,0,0.9);
}
#coments .rhieden {
  display: none;
}
.show_rev {margin-top: 10px;color: #ff5a13;text-align: center;}
.show_rev span { cursor: pointer;}
.reviews-title {
  padding: 20px 0;
}
.ansver { display: none;
  height: 100%;left: 0;top: 0;position: fixed;width: 100%;background: rgba(0,0,0,0.7);z-index: 111111
}
.ansver_inner {position: fixed;left: 50%;top: 10%;margin-left: -220px;width: 400px;padding:10px 20px 20px;background: #fff;border-radius:20px;
}
.ansver_inner .close {
  color: red;margin-top: -10px;cursor: pointer;
}
.ansver_inner textarea {
  padding: 5px 10px;
}
.coment_ansver { margin-top: 5px;
  padding-bottom: 10px;padding-top: 10px; padding-left: 20px;  _border-radius:0 0 0 20px;   
  margin-left: 40px;border-left: 1px dotted #ccc;border-bottom: 1px dotted #ccc
}

.coment_ansver p {
  ;_border: 1px solid #ff5a13;font-style: italic;
font-size: 14px;margin-bottom: 0;
text-align: justify;
}
.coment_ansver .avtor  {
color: #ff5a13
}
.coment_ansver .del_coment {
  padding: 0 5px;border: 1px solid red;margin-left: 20px;
}

.coment_ansver.nopub {
  text-decoration: line-through;
}