@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap');

body { margin: 0 auto; background-color: #FEFEFE; font-family: 'Roboto', sans-serif; font-size: 15px;}
body a:link {text-decoration: none; color: #140C09;}
body a:visited {color: #140C09;}
body a:hover {color: #140C09;}
body a:active {color: #140C09;}
body h1, h2, h3, h4, h5 { font-weight: normal; margin: 0; line-height: 1.5;}
body img { border: 0;}
body input { font-family: 'Roboto', sans-serif; border: 0; outline: 0;}
body select { font-family: 'Roboto', sans-serif; border: 0; outline: 0;}
body textarea { font-family: 'Roboto', sans-serif; border: 0; outline: 0;}

body .border4 { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
body .border100 { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px;}
body .sombra1 { -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);}
body .sombra2 { -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);}
body .t4 {-webkit-transition: 0.4s ease-in; -moz-transition: 0.4s ease-in; -o-transition: 0.4s ease-in; transition: 0.4s ease-in;}
body .n { display: none;}

header { float: left; width: 100%; padding: 17px 0; background-color: #140C09; position: fixed; z-index: 10;}
header.fixed { padding: 10px 0;}

header .mobile { float: left; width: 100%; display: none;}
header .descktop { float: left; width: 100%;}

header .topo { float: left; width: 94%; padding: 0 3%;}

header .mmobile { position: absolute; width: 50px; height: 50px; top: 9px; left: 3%; z-index: 2; display: none;}
header .mmobile .ico { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #140C09; background-repeat: no-repeat; background-position: 50%;}
header .mmobile .ico.abre { background-image: url(../imagens/icoAbrir.png?a=1);}
header .mmobile .ico.fecha { background-image: url(../imagens/icoFechar.png?a=1);}

header .logo { float: left; font-size: 0;}

header .links { float: left; margin: 28px 0 0 4%;}
header .links a { float: left; font-size: 1em; color: #FFFFFF;}
header .links b { float: left; width: 1px; height: 15px; margin: 3px 12px 0; background-color: #FFFFFF;}
header .links a:hover { color: #ff0000;}
header .links a.ativo { font-weight: bold; color: #ff0000;}

header .busca { float: left; margin: 22px 0 0 3%; background-color: #FFFFFF;}
header .busca .campo { float: left; width: 100px; height: 30px; padding: 0 5px; background-color: transparent; font-size: 0.9em; color: #A08B0B;}
header .busca .botao { float: right; width: 30px; height: 30px; background-color: transparent; background-image: url(../imagens/busca.png); background-repeat: no-repeat; background-position: 50%; cursor: pointer; font-size: 0;}

header .telefone { float: right; margin: 9px 0px -1px; font-weight: bold; font-size: 1em; color: #FFFFFF;}
header .telefone .ico { float: left; width: 30px; height: 30px; background-image: url("../imagens/icoZap.png"); background-repeat: no-repeat; background-position: 50%;}
header .telefone .nun { float: left; margin: 6px 0 0 5px; color: #FFFFFF;}
header .telefone:hover .nun { color: #ff0000;}

/*numero2*/
header .telefone2 { float: right; margin: 35px -150px 0; font-weight: bold; font-size: 1em; color: #FFFFFF;}
header .telefone2 .ico2 { float: left; width: 30px; height: 30px; background-image: url("../imagens/icoZap.png"); background-repeat: no-repeat; background-position: 50%;}
header .telefone2 .nun2 { float: left; margin: 6px 0 0 5px; color: #FFFFFF;}
header .telefone2:hover .nun2 { color: #ff0000;}
/*numero2*/

footer { float: left; width: 100%; margin: 70px 0 0; background-color: #000000; position: relative; z-index: 1;}
/*footer .logo { position: absolute; width: 100%; height: 110px; top: -55px; left: 0; background-image: url("../imagens/secocds-rodape.png?d=1"); background-repeat: no-repeat; background-position: 50%;}*/
footer .contato { float: left; width: 100%; margin: 75px 0 19px;}
footer .contato a { float: left; width: 100%; text-align: center; font-weight: bold; font-size: 2em; color: #ff0000;}
footer .copyright { float: left; width: 100%; padding: 12px 0 10px; background-color: #000000;}
footer .copyright h4 { float: left; width: 100%; text-align: center; font-size: 1em; color: #ffffff;}
footer .desenvolvido { float: left; width: 100%; margin: 15px 0 13px;}
footer .desenvolvido h4 { float: left; width: 100%; text-align: center; font-size: 0.9em; color: #614940;}
footer .desenvolvido h4 a { color: #614940;}
footer .desenvolvido h4 a:hover { text-decoration: underline;}

@media only screen and (max-width: 1000px) {
     header { float: left; position: relative; padding: 10px 0;}
     header.fixed { padding: 10px 0;}

     header .mobile { display: block;}
     header .mobile.desativa { display: none;}
     header .descktop { display: none;}
     header .descktop.ativa { display: block;}

     header .logo { width: 100%; text-align: center;}

     header .mmobile { display: block;}

     header .links { width: 100%; margin: 14px 0 0;}
     header .links a { width: 96%; padding: 20px 2% 18px; margin: 2px 0 0; background-color: #2F2828; text-transform: uppercase; font-weight: bold;}
     header .links b { display: none;}

     header .telefone { width: 96%; padding: 12px 2% 10px; margin: 0; background-color: #2F2828;}

     header .busca { width: 100%; margin: 10px 0 8px;}
     header .busca .campo { width: 80%; height: 50px; padding: 0 2%; font-size: 1em;}
     header .busca .botao { height: 50px;}
}
@media only screen and (max-width: 500px) {
     header .logo img { height: 50px;}
}