/* Credit to bootsnipp.com for the css for the color graph */
#divRegistro{
    background-color: #FCFCFC;;
}

.colorgraph {
    height: 5px;
    border-top: 0;
    background: #c4e17f;
    border-radius: 5px;

    /*-moz-border-image: -moz-linear-gradient(to right, #33b3e8 25%, #c12b93 25%, #c12b93 50%, #ffcd02 50%, #ffcd02 75%, #000000 75%);*/
    /*-webkit-border-image: -webkit-linear-gradient(to right, #33b3e8 25%, #c12b93 25%, #c12b93 50%, #ffcd02 50%, #ffcd02 75%, #000000 75%);*/
    /*border-image: linear-gradient(to right, #33b3e8 25%, #c12b93 25%, #c12b93 50%, #ffcd02 50%, #ffcd02 75%, #000000 75%);*/
    /*border-image-slice: 1;*/

    background-image: -webkit-linear-gradient(to right, #33b3e8 25%, #c12b93 25%, #c12b93 50%, #ffcd02 50%, #ffcd02 75%, #000000 75%);
    background-image: -moz-linear-gradient(to right, #33b3e8 25%, #c12b93 25%, #c12b93 50%, #ffcd02 50%, #ffcd02 75%, #000000 75%);
    background-image: -o-linear-gradient(to right, #33b3e8 25%, #c12b93 25%, #c12b93 50%, #ffcd02 50%, #ffcd02 75%, #000000 75%);
    background-image: linear-gradient(to right, #33b3e8 25%, #c12b93 25%, #c12b93 50%, #ffcd02 50%, #ffcd02 75%, #000000 75%);
}

.register-container{
    padding-top: 50px;
}

.formulario-registro{
    background-color: #FFF;
    /* shadows and rounded borders */
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 3px 7px 7px rgba(0, 0, 0, 0.3);
}

.terminos{
    margin-left: 10px;
}

.margen-top{
    margin-top: 50px;
}

.margen-top-100{
    margin-top: 100px;
}

.pError{
    font-size: 12px;
    color: #ea2a2a;
    margin-left: 10px;
}