body {line-height: 1;}

.text_slider {
    position: absolute;
    top: 48%;
    z-index: 10;
    opacity: 1;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 210%;
}

.fotodetalhe{
    min-width: 20px;
    min-height: 20px;
    padding: 0;
    display: inline-block;
    border: 0px solid #f00;
    float:left;
    width:100%;
    text-align: center;
    position: relative;
}
.fotodetalhe img{
    max-width: 100%;
    width: auto;
    max-height: 550px;
    margin: auto;
    display: inline-block;
}

@media (max-width: 580px) {
    .fotodetalhe img{
        max-height: 400px;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .fotodetalhe img{
        max-height: 250px;
    }
}