@charset "utf-8";
/* CSS Document */


.label_check {
    width: 100%;
    display: inline-block;
    padding: 10px;
}

.campo_form .label_check {
    padding: 10px 0px;
    margin-top: 0px;
}

.checkbox input[type=checkbox] {
    visibility: hidden;
}



.checkbox_text {
    position: relative;
    float: left;
    margin-left: 10px;
    width: 86%;
    font-size: 14px;
    color: #666;
}

    .checkbox_text a {
        text-decoration: underline
    }
/* SQUARED FOUR */
.checkbox {
    width: 20px;
    margin: 0px;
    position: relative;
    float: left;
}

    .checkbox label {
        cursor: pointer;
        position: absolute;
        width: 20px;
        height: 20px;
        top: 0px;
        border-radius: 4px;
        left: 0px;
        -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
        -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
        box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
        background: #fcfff4;
        background: -webkit-linear-gradient(top, #fff 0%, #f1f1f1 40%, #d0d3d6 100%);
        background: -moz-linear-gradient(top, #fff 0%, #f1f1f1 40%, #d0d3d6 100%);
        background: -o-linear-gradient(top, #fff 0%, #f1f1f1 40%, #d0d3d6 100%);
        background: -ms-linear-gradient(top, #fff 0%, #f1f1f1 40%, #d0d3d6 100%);
        background: linear-gradient(top, #fff 0%, #f1f1f1 40%, #d0d3d6 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#d0d3d6', GradientType=0 );
    }

        .checkbox label:after {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            filter: alpha(opacity=0);
            opacity: 0;
            content: '';
            position: absolute;
            width: 9px;
            height: 5px;
            background: transparent;
            top: 6px;
            left: 5px;
            border: 3px solid #333;
            border-top: none;
            border-right: none;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

        .checkbox label:hover::after {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
            filter: alpha(opacity=30);
            opacity: 0.5;
        }

    .checkbox input[type=checkbox]:checked + label:after {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
    }

@media screen and (max-width:500px) {
    .checkbox_text {
        width: 86%;
    }
}