function customBoxes() {

    jQuery('.radios input[type=radio]').each(function(){

        // acerta a altura dos textos
        jQuery(this).next().css({
            position: 'relative',
            top: '-10px',
            left: '1px',
            fontSize: '10px',
            marginRight: '7px',
            color: '#555'
        })

        // troca as imagens
        if (jQuery(this).attr('checked')) {
            jQuery(this).after('<img class="radio" src="imgs/radio-selected.jpg" />')
        } else {
            jQuery(this).after('<img class="radio" src="imgs/radio.jpg" />')
        }

        // esconde os inputs
        jQuery(this).hide()

        jQuery(this).next().click(function(){
            jQuery(this).parent().children('input[type=radio]').removeAttr('checked')
            jQuery(this).prev().attr('checked', true)
            jQuery(this).parent().children('.radio').attr('src', 'imgs/radio.jpg');
            jQuery(this).attr('src', 'imgs/radio-selected.jpg')
        })



    })

}
