/*BACKGROUNDS*/
/*USAR CRIADOR DE PALETA DE CORES ADOBE https://color.adobe.com/pt */
/*USAR PARA CRIAR VARIAÇÕES DA MESMA COR (ESCALA DE COR) http://www.0to255.com/ */
.bg-claro {
  background-color: #f6f6f6 !important;
}

.bg-medio {
  background-color: #7f7f7f !important;
}


.bg-escuro {
  background-color: #111 !important;
}

.bg-contraste {
  background-color: #111 !important;
}
/*BACKGROUNDS - FIM*/

/*TEXTOS E LINKS*/
/*USAR CRIADOR DE PALETA DE CORES ADOBE https://color.adobe.com/pt */

.text-claro {
  color: #f6f6f6 !important;
}
a.text-claro:hover, a.text-claro:focus {
  color: #f6f6f6 !important;
}

.text-medio {
  color: #7f7f7f !important;
}
a.text-medio:hover, a.text-medio:focus {
  color: #7f7f7f !important;
}

.text-escuro {
  color: #111 !important;
}
a.text-escuro:hover, a.text-escuro:focus {
  color: #111 !important;
}

.text-contraste {
  color: #111  !important;
}
a.text-contraste:hover, a.text-contraste:focus {
  color: #111 !important;
}

/*TEXTOS E LINKS - FIM*/

/*BOTÕES*/

/*BOTÃO CLARO*/
.btn-claro {
  color: #000 !important;
  background-color: #f6f6f6;
  border-color: #f6f6f6;
}

.btn-claro:hover {
  color: #000 !important;
  background-color: #ddd; /*Cor 2 ou 3 tons mais escura para background e border http://www.0to255.com/ */
  border-color: #f6f6f6;
}

.btn-claro:focus, .btn-claro.focus {
  box-shadow: 0 0 0 0.2rem rgba(246, 246, 246, 0.5); /*Inserir RGB no lugar de: xxx, xxx, xxx, da mesma cor do background  https://color.adobe.com/pt  */
}

.btn-outline-claro {
  color: #f6f6f6 !important;
  background-color: transparent;
  background-image: none;
  border-color: #f6f6f6;
}

.btn-outline-claro:hover {
  color: #000 !important;
  background-color: #f6f6f6;
}

.btn-outline-claro:focus, .btn-outline-claro.focus {
  box-shadow: 0 0 0 0.2rem rgba(246, 246, 246, 0.5); /*Inserir RGB no lugar de: xxx, xxx, xxx, da mesma cor do background  https://color.adobe.com/pt  */
}

.btn-outline-claro.disabled, .btn-outline-claro:disabled {
  background-color: transparent;
}
/*BOTÃO CLARO - FIM*/

/*BOTÃO Primary*/
.btn-primary {
  color: #fff !important;
  background-color: #7f7f7f;
  border-color: #7f7f7f;
}

.btn-primary:hover {
  color: #fff !important;
  background-color: #666; /*Cor 2 ou 3 tons mais escura para background e border http://www.0to255.com/ */
   border-color: #666;
}

.badge-primary {
  background-color: #666;
}
/*BOTÃO Primary - FIM*/

/*BOTÃO MEDIO*/
.btn-medio {
  color: #fff !important;
  background-color: #7f7f7f;
  border-color: #7f7f7f;
}

.btn-medio:hover {
  color: #fff !important;
  background-color: #666; /*Cor 2 ou 3 tons mais escura para background e border http://www.0to255.com/ */
   border-color: #666;
}

.btn-medio:focus, .btn-medio.focus {
  box-shadow: 0 0 0 0.2rem rgba(127, 127, 127, 0.5); /*Inserir RGB no lugar de: xxx, xxx, xxx, da mesma cor do background  https://color.adobe.com/pt  */
}

.btn-outline-medio {
  color: #7f7f7f !important;
  background-color: transparent;
  background-image: none;
  border-color: #7f7f7f;
}

.btn-outline-medio:hover {
  color: #fff !important;
  background-color: #7f7f7f;
}

.btn-outline-medio:focus, .btn-outline-medio.focus {
  box-shadow: 0 0 0 0.2rem rgba(127, 127, 127, 0.5); /*Inserir RGB no lugar de: xxx, xxx, xxx, da mesma cor do background  https://color.adobe.com/pt  */
}

.btn-outline-medio.disabled, .btn-outline-medio:disabled {
  background-color: transparent;
}
/*BOTÃO MEDIO - FIM*/

/*BOTÃO ESCURO*/
.btn-escuro {
  color: #fff !important;
  background-color: #222;
  border-color: #222;
}

.btn-escuro:hover {
  color: #fff !important;
  background-color: #000; /*Cor 2 ou 3 tons mais escura para background e border http://www.0to255.com/ */
  border-color: #000;
}

.btn-escuro:focus, .btn-escuro.focus {
  box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); /*Inserir RGB no lugar de: xxx, xxx, xxx, da mesma cor do background  https://color.adobe.com/pt  */
}

.btn-outline-escuro {
  color: #222 !important;
  background-color: transparent;
  background-image: none;
  border-color: #222;
}

.btn-outline-escuro:hover {
  color: #fff !important;
  background-color: #222;
}

.btn-outline-escuro:focus, .btn-outline-escuro.focus {
  box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5); /*Inserir RGB no lugar de: xxx, xxx, xxx, da mesma cor do background  https://color.adobe.com/pt  */
}

.btn-outline-escuro.disabled, .btn-outline-escuro:disabled {
  background-color: transparent;
}
/*BOTÃO ESCURO - FIM*/

/*BOTÃO CONTRASTE*/
.btn-contraste {
  color: #fff !important;
  background-color: #2d334e !important;
  border-color: #2d334e !important;
}

.btn-contraste:hover {
  color: #fff !important;
  background-color: #1a1e2e !important;  /*usar 2 ou 3 tons mais claros da cor do backgrond do botão  https://www.w3schools.com/w3css/w3css_color_generator.asp   */
  border-color: #1a1e2e !important;
}

.btn-contraste:focus, .btn-contraste.focus {
  box-shadow: 0 0 0 0.2rem rgba(45, 51, 78, 0.5) !important; /*RGB da mesma cor do background  https://color.adobe.com/pt  */
}

.btn-outline-contraste {
  color: #2d334e !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: #2d334e !important;
}

.btn-outline-contraste:hover {
  color: #fff !important;
  background-color: #2d334e !important;
}

.btn-outline-contraste:focus, .btn-outline-contraste.focus {
  box-shadow: 0 0 0 0.2rem rgba(45, 51, 78, 0.5) !important; /*RGB da mesma cor do background  https://color.adobe.com/pt  */
}

.btn-outline-contraste.disabled, .btn-outline-contraste:disabled {
  background-color: transparent !important;
}
/*BOTÃO CONTRASTE - FIM*/

/*BOTÃO PRIMARY*/
.btn-primary {
  color: #fff !important;
  background-color: #2d334e !important;
  border-color: #2d334e !important;
}

.btn-primary:hover {
  color: #fff !important;
  background-color: #1a1e2e !important; /*usar 1  ou 2 tons mais claros da cor do backgrond do botão  https://www.w3schools.com/w3css/w3css_color_generator.asp   */
   border-color: #1a1e2e !important;
}

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(45, 51, 78, 0.5) !important; /*RGB da mesma cor do background  https://color.adobe.com/pt  */
}

.btn-outline-primary {
  color: #2d334e !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: #2d334e !important;
}

.btn-outline-primary:hover {
  color: #fff !important;
  background-color: #2d334e !important;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(45, 51, 78, 0.5) !important; /*RGB da mesma cor do background  https://color.adobe.com/pt  */
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  background-color: transparent !important;
}

.badge-primary {
  color:#000 !important;
  background-color: #fff !important;
}

/*BOTÃO PRIMARY FIM*/

/*BOTÃO SECONDARY*/
.btn-secondary {
  color: #fff !important;
  background-color: #2d334e !important;
  border-color: #2d334e !important;
}

.btn-secondary:hover {
  color: #fff !important;
  background-color: #1a1e2e !important; /*usar 1  ou 2 tons mais claros da cor do backgrond do botão  https://www.w3schools.com/w3css/w3css_color_generator.asp   */
   border-color: #1a1e2e !important;
}

.btn-secondary:focus, .btn-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(45, 51, 78, 0.5) !important; /*RGB da mesma cor do background  https://color.adobe.com/pt  */
}

.btn-outline-secondary {
  color: #2d334e !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: #2d334e !important;
}

.btn-outline-secondary:hover {
  color: #fff !important;
  background-color: #2d334e !important;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(45, 51, 78, 0.5) !important; /*RGB da mesma cor do background  https://color.adobe.com/pt  */
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  background-color: transparent !important;
}

/*BOTÃO SECONDARY FIM*/

/*BOTÔES - FIM*/

header {
  color: #2d334e;
  background-color: #faf9f4;
  border-bottom: #2d334e solid 5px;
}

header a {
  color: #2d334e;
}

header a:hover {
  color: #292921;
}

header .navbar-brand {
  max-width: 300px;
}

.carousel-caption .btn {
    background-color: #2d334e;
    color: #fff;
    font-weight: bold;
}

body > #content > .container > h1 {
  font-size: 1.8rem;
  margin: .5rem 0px;
}

.section-categorias {
  background-color: #2d334e !important;
}

.section-categorias .btn-escuro {
  color: #000 !important;
  background-color: #cccccc !important;
  border-color: #cccccc !important;
}

.section-categorias .btn-escuro:hover {
  color: #000 !important;
  background-color: #b3b3b3 !important;  /*usar 2 ou 3 tons mais claros da cor do backgrond do botão  https://www.w3schools.com/w3css/w3css_color_generator.asp   */
  border-color: #b3b3b3 !important;
}

.section-categorias .btn-escuro:focus, .btn-escuro.focus {
  box-shadow: 0 0 0 0.2rem rgba(204, 204, 204, 0.5) !important; /*RGB da mesma cor do background  https://color.adobe.com/pt  */
}

.section-categorias a {
  color: #fff !important;
}

.section-categorias a:hover {
  color: #ceced0 !important;
}

.section-categorias .modal-body a {
  color: #000 !important;
}

.section-categorias .modal-body a:hover {
  color: #000 !important;
}

footer {
  background-color: #FAF9F4 !important;
  color: #2d334e !important;
  border-top: #2d334e solid 5px;
}

footer a{
  color: #2d334e !important;
}

footer a:hover{
  color: #1a1e2e !important;
}

footer .btn-contraste {
  color: #fff !important;
  background-color: #2d334e !important;
  border-color: #2d334e !important;
}

footer .btn-contraste:hover {
  color: #fff!important;
  background-color: #1a1e2e !important;  /*usar 2 ou 3 tons mais claros da cor do backgrond do botão  https://www.w3schools.com/w3css/w3css_color_generator.asp   */
  border-color: #1a1e2e !important;
}

footer .btn-contraste:focus, .btn-contraste.focus {
  box-shadow: 0 0 0 0.2rem rgba(45, 51, 78, 0.5) !important; /*RGB da mesma cor do background  https://color.adobe.com/pt  */
}

.bottomright {
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 999;
}