/* GERAL */
body, html { margin: 0; padding: 0; font-family: 'Arial', sans-serif; font-size: 14px;}
img { border: 0;}
[onClick] {cursor: pointer;}
* { box-sizing: border-box; font-family: inherit; color: inherit;}
h1, h2, h3, h4, h5, h6 { font-family: "Times New Roman", serif; color: #c4b78f; font-weight: normal;}
a { text-decoration: none; color: #c4b78f; display: inline-block;}

/* LARGURA DEFINIDA CORPO SITE */
.largura_site { max-width: 1000px; width: 96%; margin: 0 auto;}

.flex { display:flex; }
.between { justify-content: space-between;}
.centerv { align-items: center;}
.centerh { justify-content: center;}
.wrap { flex-wrap: wrap;}

/* TOPO */
#topo { padding: 30px 0; background: url(imagens/textura_topo.png);}
#topo #logo { width: 100%; height: auto; max-width: 300px; display: block;}

/* MENU */
#menu_faixa { background: #C9C1A8;}
#menu { margin: 0 auto; padding: 0; list-style: none;}
#menu li { flex-grow: 1;}
#menu li a { font: normal 19px "Times New Roman", serif; display: block; padding: 10px 0 15px 0; border-top: 5px solid transparent; text-transform: capitalize; text-align: center; color: #47370e; transition: all 250ms;}
#menu li a:hover { border-top: 5px solid #9B8556; }
#menu select { display: none; width: 100%; border: 0; border-radius: 5px; text-transform: uppercase; padding: 10px; margin: 10px;}
#menu select option { padding: 2px 10px;}

/* UTILITARIOS */
#utilitarios { padding: 10px 0; background: #005B95; text-align: center;}
#utilitarios .blocos { flex: 1; padding: 10px; transition: all 250ms;}
#utilitarios .blocos:hover { background: rgba(255,255,255, .05);}
#utilitarios h2 { color: #eee8c9;}
#utilitarios p { color: #b1d3ca;}

/* SLOGAN */
#slogan { padding: 30px 0; color: white; background: rgb(38,36,36); background: -moz-linear-gradient(top,  rgba(38,36,36,1) 0%, rgba(10,10,10,1) 100%); background: -webkit-linear-gradient(top,  rgba(38,36,36,1) 0%,rgba(10,10,10,1) 100%); background: linear-gradient(to bottom,  rgba(38,36,36,1) 0%,rgba(10,10,10,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262424', endColorstr='#0a0a0a',GradientType=0 );}
#slogan h1, #slogan h2 { font-weight: normal; margin: 0;}

/* UTILITARIOS2 */
#utilitarios2 { padding: 10px 0; background: #201C1A; text-align: center; }
#utilitarios2 .blocos { flex: 1; padding: 10px; transition: all 250ms;}
#utilitarios2 .blocos img { display: block; margin: 0 auto; width: 100%; height: auto; max-width: 400px; }
#utilitarios2 p { color: #ccc;}
#utilitarios2 a:hover { text-decoration: underline;}

/* CONTEUDO */
#conteudo { padding: 30px 0 50px 0; border-top: 20px solid black; background: #1B1716 url(imagens/textura_conteudo.jpg) center center; background-size: cover; }
.conteudo { text-align: justify; color: #ccc; font-size: 15px;}
.conteudo a:hover { text-decoration: underline;}

.lista_links { margin: 0; padding: 0; list-style: none; column-count: 3; -webkit-column-count: 3; -moz-column-count: 3;}
.lista_links li { margin-bottom: 5px;}

/* RODAPE */
#rodape { text-align: center; padding: 30px 0; color: white; background: black;}
#rodape a:hover { text-decoration: underline;}


@media screen and (max-width:800px){
    #slogan { text-align: center;}
    #utilitarios .blocos { flex: 1 320px; }
    #utilitarios h2, #utilitarios p { padding: 0; margin: 0; }
    #utilitarios2 .blocos { flex: 1 320px;}
}

@media screen and (max-width:640px){
    #menu li { display:none;}
    #menu select { display:block;}
    #slogan { font-size: 75%;}
    .lista_links { column-count: auto; -webkit-column-count: auto; -moz-column-count: auto;}
}