.limit_date{color:red; font-size:11px; font-family: Arial}
.pending{color:#FF9900; }
.rejected{color:#FF3300;}
.accepted{color:#33CC33;}

#infinite_list{}
#infinite_list li.propuesta{padding:10px; margin-bottom: 20px; font-size: 14px;}

#infinite_list li .title{font-size:24px; font-family:Arial; font-weight: normal; }

#propuesta .status{ font-family: Arial;}
#propuesta .status .text{ font-size:0.9em; text-align:center; font-weight: normal; margin:5px; margin-left: 10px;font-size:10px; color:white; padding:3px; }

#propuesta span.status.circle{ height: 15px; width: 15px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-left: 10px; font-size: 11px;padding: 3px; padding-left: 5px; padding-right: 5px;}
#propuesta span.status.circle.pending:after{content:'PENDIENTE';}
#propuesta span.status.circle.accepted:after{content:'ACEPTADA';}
#propuesta span.status.circle.rejected:after{content:'RECHAZADA';}

#propuesta h1{ font-size:26px; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; font-weight:300; margin-top: 0px; }
#propuesta h2{ font-size: 12px; margin-top: 15px; color: #666; margin-bottom: 20px; font-family: Arial; font-weight: normal  }

#propuesta .text_description{ font-size:17px; text-align: left }

#infinite_list li .main{ font-family: Arial;}
#infinite_list li .main .title{font-size:20px; font-family:sans-serif; font-weight:normal;}
#infinite_list li .main .subtitle{ font-size: 0.8em; margin-top: 15px; color: #666; margin-bottom: 20px;  }

#infinite_list li .main .description{margin-top:10px; margin-bottom: 10px;  font-size: 1.3em; font-family:'EB Garamond', Garamond;}

.sep{ border: 2px solid #333; width: 50px; margin-bottom: 20px; }
#infinite_list li .main .tag{padding:0px; text-align:center; font-size: 0.9em; margin-right: 5px; padding-right: 5px; color: #888; font-family: Arial  }
#infinite_list li .main .tag.nof{ background: url('/images/followers.png') no-repeat; padding-left: 20px; background-size: 16px 16px; height: 16px; background-position-y: -1px; }
#infinite_list li .main .tag.noc{ background: url('/images/comment_small.png') no-repeat; padding-left: 22px; background-size: 16px 14px; }
#infinite_list li .main .tag.nov{ background: url('/images/star_black.png') no-repeat; padding-left: 18px; background-size: 14px 14px; }
#infinite_list li .main .tag.details{background: #fffff2;}
#infinite_list li .main .tag.deadline{background: #ffffff; color: red; background: url('/images/clock_small.png') no-repeat; padding-left: 18px; background-size: 15px 15px; }
#infinite_list li .main .last{padding-top: 10px; padding-bottom: 10px; color: #666; font-size: 12px; }
#infinite_list li img.glass{position:relative; top:3px; margin-right:6px;}

.date_message{color:#444}

#propuesta .files{ font-family: Arial; font-size: 14px; color: #666; background: #f9f9f9; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 15px; padding-left: 43px; padding-right: 20px; margin-bottom: 5px; border: 1px solid #ccc; background: url('/images/file.png') no-repeat; background-position-x: 5px; background-position-y: 7px;   }

ul.application_valuations{font-size:16px; width:80%;}
ul.application_valuations li div.name{float:left; font-weight:bold;}
ul.application_valuations li div.date{float:left; margin-left:10px;}
ul.application_valuations li div.link{float:right;}
ul.application_valuations li div.resolution{float:right; font-weight:bold; margin-right:20px;}


.votaciones{ margin-bottom: 20px; font-family: Arial; font-size: 11px;}
.bar{ background: #f9f9f9; margin-bottom: 5px; }
.bar.yes{ background: #84d33e; color: #fff;padding-top: 5px; padding-bottom: 5px; }
.bar.no{ background: #e94949; color: #fff; padding-top: 5px; padding-bottom: 5px; }


.bar_small{ background: #fff; margin-bottom: 5px; }
.bar_small.yes{ background: #84d33e; color: #fff;padding-top: 2px; padding-bottom: 2px; }
.bar_small.no{ background: #e94949; color: #fff; padding-top: 2px; padding-bottom: 2px; }  	

.bee_categories{list-style:none; font-family: Arial; font-size: 11px;}
.bee_categories li{float:left; padding:5px; padding-left: 10px; padding-right: 10px; border:0px solid #000; margin-right:10px; background-color:#FFF; margin-bottom:10px; cursor:pointer; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;}
.bee_categories li input{display:none;}
.bee_categories li.all_categories{background-color:fff;}
.bee_categories li:hover{background-color:#abf18e;}
.bee_categories li.suggested{background-color:#f2af2f; }
.bee_categories li.active{background-color:#66CC66;}

.bee_categories.list li{float:left; padding:3px; padding-left: 5px; padding-right: 5px; margin-right:10px; margin-bottom:10px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; font-size: 11px; background:#f0f0f0; margin-bottom: 10px; color: #666; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; font-weight:300; cursor: default; }

.bee_categories.list li.active{background-color:#f0f0f0; border: 1px solid #ccc; }
.bee_categories.list li.suggested{background-color:#f7fdff;border: 1px solid #c0d4db; color: #566e76 }

.indicator { cursor: pointer;
    display: inline-block;
    height: 38px;
    min-width: 27%;
    font-size: 10px;
    color: #777;
    padding: 5px 5px 6px 5px; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; text-align: center; font-weight: 200;
}
.indicator .tag{font-size: 22px; }
.indicator.votes{ background: #f2af2f; color: #fff}
.indicator.votes.none{ background: #fff; color: #000}	



.hexagon { cursor: pointer; display: inline-block;font-size: 10px;color: #777;padding: 0; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; text-align: center; font-weight: 200;}
						
.hexagon .top {width: 0;border-bottom: 19px solid #f2af2f;border-left: 28px solid transparent;border-right: 28px solid transparent;}

.hexagon .bottom {width: 0;border-top: 19px solid #f2af2f;border-left: 28px solid transparent;border-right: 28px solid transparent;}
					
.hexagon .middle { min-width: 20%;height:30px;background-color: #f2af2f;text-align: center;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; text-align: center; font-weight: 200;}

.hexagon .tag{font-size: 22px; color: #fff; padding:0px; margin-top: 0px; line-height: 18px; }
.hexagon .tag p{font-size: 10px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; text-align: center; font-weight: 200;}
					
.hexagon.none div.top{ border-color: #f9f9f9; }
.hexagon.none div.middle .tag{ background: #f9f9f9; color: #000 }
.hexagon.none div.bottom{ border-color: #f9f9f9; }

@media only screen and (max-width: 490px){
	#infinite_list li.propuesta{padding:0;}
}