/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 18/04/2015, 09:37:44
    Author     : Renato Benkendorf
*/

@media (min-height: 1080px){
    .conteudo2, .conteudo4, .contato, .galeria #imagem1, .galeria #imagem2, .galeria #imagem3, .galeria #imagem4{
        background-size: auto 100%;
    }
}

@media (min-width: 2000px){
    .conteudo2, .conteudo4, .contato, .galeria #imagem1, .galeria #imagem2, .galeria #imagem3, .galeria #imagem4{
        background-size: 100% 100%;
    }
}

@media (min-height: 704px){
    .galeria #imagem1{
        background-size: auto 100%;
    }
}

@media (max-width: 1263px){

    header{
        width: 100%;
        alignment-adjust: central;
        position: fixed;
        background: rgba(0, 0, 0, 0.8);
        top: 0px;
        right: 0;
        left: 0;
        height: 98px;
        z-index: 99;
    }

    .topo-header{
        width: 95%;
        height: 98px;
        margin-left: 5%;
    }

    .logo-cromagem{
        height: 99px;
        width: 132px;
        float: left;
    }

    .menu {
        text-align: center;
        margin-top: 20px;    
        float: right;
    }

    .topo1 h1{
        margin-left: 6%;
    }

    .conteudo-esquerda{
        width: 45%;
        margin-left: 6%;
    }

    .conteudo-direita{
        width: 45%;
        margin-right: 3%;

    }

    .topo-titulo{
        margin-left: 6%;
    }



    .topo2 h1{
        margin-left:  6%;
    }   

    .conteudo3 .conteudo-central{
        width: 90%;
        margin-left: 6%;
        margin-right: 0;
        padding-bottom: 20px;
    }

    .conteudo3 .cromagem{
        padding-right: 0;
    }

    .topo-titulo2{
        margin-left: 6%;
    }

    .sustentabilidade{
        margin-left: 6%;
    }

    .sustentabilidade p{
        width: 60%;
    }

    .conteudo4 .susten{
        width: 75%;
    }

    .topo-contato{
        margin-left: 6%;
    }

    .conteudo-contato{
        width: 90%;
        margin-left: 6%;
    }
}
@media (max-width: 1096px) {

    .conteudo-esquerda2{
        width: 45%;
        margin-left: 5%;
    }

    .conteudo-esquerda2 div{
        float: left;
    }

    .conteudo-direita2{
        width: 45%;
        margin-right: 5%;
    }

    .conteudo-direita2 div{
        float: right;
    }
}

@media (max-width: 904px){

    .menu {
        visibility: hidden; 
    }

}

@media (max-width: 1201px) and (min-height: 487px){
    .conteudo2{
        background-size: auto 100%;
    }

    .conteudo4{
        background-size: auto 100%;
    }
}

@media (max-width: 916px){
    .conteudo-direita2 .texto{
        float: left;
    }
}

@media (max-width: 892px){

    .lista .direita{
        float: left;
        margin-right: -20px;
    }
}

@media (max-width: 803px){

    .lista .direita{
        float: left;
        margin-right: 0;
        margin-left: -20px;
        margin-top: -20px;
        margin-bottom: 0;
    }

    .conteudo-esquerda .logo-conteudo{
        margin-top: 140px;
    }
}

@media  (min-width: 1920px){
    .topo1{
        background: url(../imagens/quemsomos_bg.jpg) no-repeat;
        background-size: 100% 100%;
    }

    .topo2{
        background: url(../imagens/processos_bg.jpg) no-repeat;
        background-size: 100% 100%;
    }
}