body{
    margin: 0;
    padding: 0; 
}

.row{
    margin: 0;
    padding: 0;
}

#site{
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    
}

#site{
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

#end-topo{
    background: #000;
    color: #fff;
    width: 100%;
}

#end-topo a{
    text-decoration: none;
    color: yellow;
    font-size: 13px;
}

#logo-topo{
    width: 100%;
}

#divlogo img{
    margin: 0 auto;
}

#bloco-menu{
    width: 100%;
}
    #menu{
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
}

#bloco-slide{
    width: 100%;
}

  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: 70%;
      margin: auto;
  }

  /*inicio da imagem do fundo do sobre ACP - usou-se o cover para a imagem ser fixa independente da rolagem, dando o efeito paralax*/

 .faixa{
    background: url(../img/comum/fazer-escolhas.jpg) no-repeat center center fixed; 
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
   
}

/*fim do fundo do sobre ACP */

/*INICIO PARTE SOBRE ACP */

#sobre{
    width: 100%;
}
    #titulo-sobre{
        color:#333;/*cor do texto*/
        font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;/*familia de fontes, neste caso a arial*/
        text-align: left; /*alinhamento do texto dentro do objeto*/
        /*background: #fff; /*cor do fundo*/
        /*width: 350px; /*largura do H1, não do texto*/
        /*border:3px solid blue; /*borda do H1, não do texto*/
        /*float:right; /*joga todo o H1 para a Direita*/
        font-size: 20px; /*tamanho da fonte*/
        text-indent: 15px; /*identação do texto (espaçamento antes do texto*/
        font-weight: bold; /*negrito (comando fwb apertei TAB*/
}

    #sobre p{
        font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
        text-align: justify;
        margin-left: 10px;
        margin-right: 10px;
        font-size: 17px;
        font:bold;
    
}

    #img-sobre{
        float: left;
        /*width: 10%;*/
        margin-bottom: 20px;
    
}


#rodape{
    width: 100%;
    float: left;
    background: #000;
    height: 80px;

}

#rodape p{
    text-align: center !important;
    color:#fff;
    width: 100% ;
    font-size: 14px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    
}
#rs-redessociais{
    width: 25%;
    margin: 0 auto ;
    height: 35px;

}

#rodape a{
text-decoration: none;
}

.rs-rodape{
    width: 10% ;
    margin-left:15%;
    float: left;
       
}


.rs-rodape i{
    color:yellow;
    font-size: 21px;
    margin-left: 17%;
    
    /* o comando abaixo cria um efeito de transição entre o estado normal e o estado focus, neste caso de 1 segundo, servindo para vários navegadores (webkit - Crome e safari, Moz - Mozila, MS - Microsoft, o - Opera) */
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
transition: all 0.4s linear;
   
}
.rs-rodape i:hover{
    color: red;
    font-size: 25px;
    
   
}





/* PROGRAMAÇÃO PARA DIVERSOS MONITORES */

/*para telas  até 767px de largura ( pequenos smart fones e outros smart fones mais comuns)*/
@media only screen and (max-width: 767px) {
    body{
        background: #fff;
    }
}

/*para telas de 768 até 991px de largura ( tablets e fablet)*/
@media (min-width:768px) and (max-width: 991px) {
    body{
        background: #fff;
    }
     #redessociais{
        width: 40% ;
        margin: 0 auto;
        background: red;
    
}
    
    #redessociais i{
        color:yellow;
        font-size: 21px;
        margin-left: 15%;
}
}

/*para telas a partir de 992 ( computadores e TVs)*/
@media (min-width: 992px) {
    body{
        background: #fff;
    }
    
    #end-topo{
        height: 35px;
        margin-bottom: 0;
}
    #end-topo address{
        float: left;
        margin-left: 20px;
        font-weight: bold;
        line-height: 35px; /* deixa o texto alinhado na vertical no meio do valor especificado*/
        margin-bottom: 0;
    }
    .email-fone{
        float: right;
        margin-left: 30px;
        margin-right: 20px;
        font-weight: bold;
        line-height: 35px;
        margin-bottom: 0;
    }
    
    #texto-sobre{
        width: 100%;
        float: left;
        
    }
    #texto-sobre img{
        float: left;
        /*width: 60%;*/
        /*display: inline; /* alinha na mesma linha do outro  objeto*/
        margin-right: 15px;
        
    }
    
      #sobre p{
        margin-left: 10px;
        margin-right: 10px;
        font-size: 17px;
    
}
     /* #img-sobre{
       /* width: 60%;*/
        
    
}
    
     #redessociais{
        width: 20% ;
        margin: 0 auto;
        background: red;
    
}
    
    #redessociais i{
        color:yellow;
        font-size: 21px;
        margin-left: 15%;
}
}