*{
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
}

.centro{
    width: 90%;
    margin: 0 5%;
}

.topo{
    width: 100%;
}

.topo img{
    width: 100%;
    margin-bottom: 20px;
}

h2{
    color: #666;
    padding: 20px 0;
    font-size: 1.2em;
    font-weight: 200px;
    margin-top: 40px;
}

h5{
    color: #666;
    padding: 20px 0;
    font-size: 1.2em;
    font-weight: 200px;
}

.separa{
    width: 100%;
    height: 1px;
    clear: both;
}

.produto{
    width: 80%;
    margin: 0 10%;
}

.cinco{
    width: 50%;
    margin: 0;
    float: left;
}

.cinco img{
    background: white;
    width: 90%;
}

.break{
    width: 100%;
    height: 90px;
}

.legenda{
    width: 40%;
    float: left;
}

.legenda p{
    padding-bottom: 20px;
}

.imagem{
    width: 60%;
    float: left;
    height: auto;
    display: table;
}

.imagem img{
    width: 70%;
    margin: 0 15%;
}

.ficha{
    width: 33.33%;
    float: left;
}

.ficha img{
    width: 80px;
    float: left;
    border: 1px solid #ccc;
    margin-right: 20px;
}

.izy{
    width: 100%;
    height: auto;
    display: table;
    border: 1px solid #ccc
}

.izy img{
    width: 60%;
    margin: 30px 20%;
}

table{
    border-collapse: collapse;
    width: 100%;
}

table tr{
    border: 1px solid #ccc;
}

table tr td{
    padding: 8px 20px;
}

.tour{
    width: 100%;
    border: 1px solid #ccc;
    height: auto;
    display: table;
    padding: 30px;
}

.video{
    width: 100%;
    border: 1px solid #ccc
}

.cem{
    width: 100%;
}

.cem img{
    width: 100%;
}

.tres{
    width: 27.33%;
    margin: 20px 3%;
    float: left;
}

.tres img{
    padding: 15px 30px;
    background: white;
    width: 100%;
    border: 1px solid #ccc;
}

.quatro{
    width: 25%;
    margin: 0;
    float: left;
}

.quatro a img{
    padding: 15px 30px;
    background: white;
    width: 100%;
}

.fim{
    width: 100%;
    height: 50px;
}

@media(max-width:800px) {

    .centro{
        width: 95%;
        margin: 0 2.5%;
    }

  

    .cinco, .tres, .quatro{
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .cinco img, .tres img, .quatro img{
        width: 100%;
        margin: 0;
        padding: 0;
        margin: 5px 0;
    }

    .break{
        width: 100%;
        height: 10px;
    }

    .tour{
        width: 95%;
        padding: 0;
    }

    .legenda, .video, .imagem{
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .ficha {
       width: 100%;
       margin-bottom: 30px;
    }

 

}