.content-principal {
    background: none;
}

.content-desc {
    height: auto;
    background: #FFF;
    padding: 20px 10px 20px 10px;
    float: left;
}

.content-esquerda {
    width: 60%;
    float:left;
    padding-right:20px;
}

.content-direita {
    width: 40%;
    float: right;
}

.content-Emp {
    height: auto;
    background: #FFF;
    float: left;
    margin: 0 auto;
}

.content-Emp .desc {
    line-height: 22px;
    font-size: 17px;
}

.content-Emp .cidade {
    font-weight: bold;
    padding: 5px 0;
}

.content-serv {
    width: 100%;
    min-height: 100px;
    background: #FFF;
    /* padding: 20px 10px 20px 10px; */
    margin-top: 25px;
    float: left;
}

.content-outros {
    width: 100%;
    background: #FFF;
    /* padding: 20px 10px 20px 10px; */
    float: right;
    margin: 25px 0 0 25px;
}
.content-outros2 {
    width: 100%;
    min-height: 100px;
    background: #FFF;
    /* padding: 20px 10px 20px 10px; */
    margin-top: 25px;
    float: right;
}
.sub h3 {
    color: #000000;
    padding: 10px 5px;
    width: 455px;
}

.sub > h3 > a {
    color: #5f5f5f;
    text-decoration: none;
    font-size:14pt;
}

.sub:hover {
    color: #FFF;
}

.sub:hover h3 {
    color: #FFF;
    background: #f58e1d;
}

.sub:hover > h3 > a {
    color: #FFF;
    background: #f58e1d;
}

.subConec h3{
    width: 100%;
    margin: 0;
}

.min {
    display: none;
}

.minConec {
    display: none;
}

#detalhes {
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
    font-size: 19px;

}

.laranja {
    margin-bottom: 20px;
    font-size: 16pt !important;
    color: #f58e1d;
    font-weight: bold;
}

.solicite{

}

.solicite a {
    margin-top:20px;
    display: block;
    width: 100%;
    height: 74px;
    background: url('/img/botao_solicite_orcamento.gif') no-repeat;
}

.solicite a:hover {
    background: url('/img/botao_solicite_orcamento_mouseover.gif') no-repeat;
}

    @media (max-width: 768px) {
        .content-desc {
            padding: 0;
        }
        .content-serv {
            width: 100%;
        }
        .content-esquerda {
            width: 100%;
            float: left;
            padding-right:0;
        }
        #detalhes {
            text-align: justify !important;
        }
        .content-direita {
            width: 100%;
            float: left;
        }
        .sub > h3 {
            padding: 2px 5px !important;
        }
        .sub > h3 > a {
            font-size: 14px;
        }

        .solicite a {
            background-size: 100% auto;
        }
        .solicite a:hover {
            background-size: 100% auto;
        }
    }