.puzzle-personalizado-content {
    width: 1000px;
    margin: 180px auto;
}

.escolha-imagem, .posicione-imagem, .previa-imagem {
    float: left;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 4px 20px 5px 8px;
    margin-right: 10px;
    font-size: 18px;
}

.bread-crumb-puzzle {
    height: 35px;
}

.escolha-imagem {
    width: 160px;
}

.posicione-imagem {
    width: 170px;
}

.previa-imagem {
    width: 55px;
}

.seta-escura {
    background: url('/arquivos/seta-escura-puzzle-personalizado.png') no-repeat #959595;
    color: #ffffff;
    background-position: right;
}

.seta-clara {
    background: url('/arquivos/seta-clara-puzzle-personalizado.png') no-repeat #f0f0f0;
    color: #a7a7a7;
    background-position: right;
}

/* divs principais */

#divEscolha {
    margin-top: 30px;
    color: #727272;
}

.escolher-foto-upload {
    width: 660px;
    height: 470px;
    background-color: #f0f0f0;
    margin: 0 auto;
    position: relative;
}

.escolha-centralizar {
    width: 270px;
    margin: 0 auto;
    padding-top: 30%;
}

    .escolha-centralizar img {
        margin-left: 110px;
    }

    .escolha-centralizar p {
        text-align: center;
    }

.btComprarPuzzle {
	display:none;
    float: right;
    cursor: pointer;
    margin-right: 170px;
    margin-top: 30px;
    background-color: #20c03c;
    color: white;
    padding: 7px 30px 7px 30px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 3px;
}

.btVoltarPosicione, .btVoltarPrevia {
    width: 103px;
    height: 27px;
    background-color: white;
    border: 1px solid gray;
    color: gray;
    font-size: 18px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 3px;
    float: left;
    padding-left: 30px;
    padding-top: 4px;
    margin-left: 170px;
    margin-top: 30px;
    cursor: pointer;
}

.modal-footer .btn.btn-fechar-puzzle {
    width: 120px;
    height: 30px;
    background-color: transparent;
    border: 1px solid gray;
    color: gray;
    float: left;
    padding-top: 4px;
}

.btContinuarEscolha, .btContinuarPosicione, .btEscolherOutraImagem {
    width: 125px;
    height: 30px;
    background-color: #0076ff;
    color: white;
    font-size: 18px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 3px;
    float: right;
    padding-left: 20px;
    padding-top: 5px;
    margin-right: 170px;
    margin-top: 30px;
    cursor: pointer;
    display:none;
}

#divPosicione {
    display: none;
    margin-top: 30px;
    color: #727272;
}

.tipo-imagem {
    float: left;
    width: 220px;
    margin-left: 150px;
    color: #9c9c9c;
    margin-top: 20px;
}

    .tipo-imagem input {
        cursor: pointer;
        margin-left: 20px;
    }

    .tipo-imagem label {
        cursor: pointer;
    }

.qualidade-imagem {
    float: left;
    width: 400px;
    margin-left: 40px;
    color: #9c9c9c;
}

.qualidade {
    float: right;
    height: 30px;
    width: 305px;
}

.texto-qualidade {
    float: left;
    margin-top: 20px;
}

.qualidade .ruim {
    float: left;
    font-size: 11px;
}

.qualidade .excelente {
    float: right;
    font-size: 11px;
}

.medidor-qualidade-pai {
    height: 25px;
    border: 1px solid #e5daeb;
    margin-top: 20px;
}

.medidor-qualidade-filho {
    height: 25px;
    background-color: #52007e;
    width: 70%;
}

.posicione-foto-crop {
    width: 830px;
    border: 1px solid whitesmoke;
    clear: both;
    margin: 80px auto;
    margin-bottom: 0px;
}

#divPrevia {
    display: none;
    margin-top: 30px;
    color: #727272;
}

.previa-foto {
    height: 490px;
    background-color: #f0f0f0;
    padding: 10px;
}

.previa-foto-final {
    width: 610px;
    height: 455px;
    border: 1px solid #cccccc;
    margin-left: 354px;
    margin-top: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow:hidden;
}

.previa-foto img, .previa-foto label {
    float: left;
}

.previa-foto img {
    margin-left: 20px;
    margin-top: 100px;
    margin-bottom: 70px;
}


.previa-foto input {
    float: left;
    margin-top: 5px;
    clear: both;
    cursor: pointer;
}

.previa-foto label a {
    float: none;
}

.primeira-preview {
    display: none;
}


#primeira-preview {
    width: 70%;
    margin: 0 auto;
    display: block;
}

#File {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
#background-pecas{
	position: absolute;
	margin-top: -2px;
	margin-left: -2px;
	width: 615px;
	height: 460px;
}