.grupo-radio{
	display: inline-block;
	margin: 0 4px 10px 4px;
	@include clf;
	label{
		position: relative;
		display: inline-block;
		margin: 0 -5px 0 0;
		&:last-child{
			margin: 0;
		}
		&:hover{
			z-index: 1;
		}
		input[type="radio"]{
			position: absolute;
			opacity: 0;
			cursor: pointer;
		}
		&:first-child span{
			border-top-left-radius: 4px;
			border-bottom-left-radius: 4px;
		}
		&:last-child span{
			border-top-right-radius: 4px;
			border-bottom-right-radius: 4px;
		}
		input[type="radio"]:checked + span{
			background-color: #e6e6e6;
			box-shadow: inset 0 3px 5px rgba(0,0,0,0.1);
		}
		span{
			display: block;
			margin: 0;
			padding: 0 20px;
			color: #555555;
			text-align: center;
			font-size: 14px;
			font-weight: normal;
			line-height: 38px;
			height: 38px;
			text-decoration: none;
			white-space: nowrap;
			background-color: #FFFFFF;
			border: 1px solid #D1D1D1;
			cursor: pointer;
			&:hover, &:focus{
				color: #333333;
				border-color: #888888;
				outline: 0;
			}
		}
	}
}