textarea {
    resize: none;
}

.principalFoto{
    color: goldenrod;
    font-size: 20px;
    position: absolute;
    left: -2px;
    top: -2px;
    z-index: 10;
    opacity: 0;
}

.principalFoto:hover{
    opacity: 1 !important;
}

.editarImg{
    color: black;
    font-size: 18px;
    position: absolute;
    left: 0px;
    top: -2px;
    z-index: 10;
    opacity: 0;
}

.editarImg:hover{
    opacity: 1 !important;
}

.removerFoto{
    color: #b92c28;
    font-size: 13px;
    position: absolute;
    right: 2px;
    top: 1px;
    z-index: 10;
    opacity: 0;
}

.removerFoto:hover{
    opacity: 1 !important;
}

.imagemGaleria:hover .editarImg {
    opacity: 0.6;
}
.imagemGaleria:hover .removerFoto {
    opacity: 0.6;
}
.imagemGaleria:hover .principalFoto {
    opacity: 0.6;
}

.imageLoading{
    margin-top: 35%;
}

.imagemGaleria{

    background-color: white;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    margin-top: 10px;
    height: 90px;
    width: 90px;
    position: relative;
    box-shadow: 0px 0px 1px #888888;
    /*box-shadow: 0px 0px 5px #888888;*/

}

.miniaturaRemover{

    margin-top: 20px;
    height: 90px;
    width: 90px;
    position: relative;
    box-shadow: 0px 0px 5px #888888;

}

.imgNoticia{
    background-color: white;
    display: none;
    max-height: 300px;
    max-width: 350px;
}

.imgGaleria{
    background-color: white;
    display: none;
    max-height: 90px;
    max-width: 90px;
}

.imagemGaleria:hover{

    box-shadow: 0px 0px 5px #888888;

}

.divImagens2{
    width: 850px;
    text-align: left;
    margin: 0 auto;
    margin-top: 20px;
}

.divImagens{
    margin: 0 auto;
    margin-top: 20px;
    /*background-color: rgba(250,250,250,0.8);*/
    width: 40%;
}


.imagemGaleria2{

    background-color: white;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    margin-top: 10px;
    height: 200px;
    width: 200px;
    position: relative;
    box-shadow: 0px 0px 3px #888888;

}

.imgGaleria2{
    background-color: white;
    display: none;
    max-height: 200px;
    max-width: 200px;
}

.imagemGaleria2:hover{

    opacity: 0.8;

}

.divTxtImg{
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0px;
    font-size: 18px;
    font-weight: 600;
}
.principal{
    box-shadow: 0px 0px 2px #ffbc00 !important;
}
.principal:hover{
    box-shadow: 0px 0px 5px #ffbc00 !important;
}