*{margin:0; padding:0; border:0; text-decoration:none;}

input[type='submit'], input[type='reset'], button[type='submit'], button[type='reset'], [onClick], li{cursor:pointer; outline:none;}

header, nav, section, article, footer, aside{ display:block; position:relative; }

/* h1, h2, h3, h4, h5, h6, h7, p, span{ cursor:default; } */

::-webkit-scrollbar {background:white; width:0.9rem; border-radius:0.5rem; z-index:50; position:relative;}
::-moz-scrollbar {background:white; width:0.9rem; border-radius:0.5rem; z-index:50; position:relative;}
::-webkit-scrollbar-thumb {background:black;} 
::-moz-scrollbar-thumb {background:black;} 
::-webkit-scrollbar-track {background:rgba(0,0,0,0.3);} 
::-moz-scrollbar-track {background:rgba(0,0,0,0.3);} 

.up{ cursor:pointer; position:fixed; bottom:0.5rem; right:1.5rem; z-index:9999; width:6rem; height:6rem; text-align:center; border-radius:50% 50% 0; background:black; display:none;}
.up:before{ font:lighter 2.5rem/6rem 'FontAwesome'; text-align:center; content:'\f102'; color:white; }
.up:hover:before{ color:grey; }

html{ font-size: 62.5% !important; } 
body{  }
header{  }
section{  }
article{ background: url("../imagem/tx1.jpg"); padding: 1rem 0 2rem 0; }
footer{  }

/*  */

h1{ font: 400 3.5rem 'Oswald', sans-serif; }
h2{ font: 300 2.3rem 'Oswald', sans-serif; }
h3{ font: 400 3.2rem 'Fjalla One', sans-serif; text-transform: uppercase; letter-spacing: -0.1rem; }

p{ font:normal 1.3rem arial; }
span{  font:normal 1.3rem arial; }
a{ font:normal 1.3rem arial; }

/* layout */

.contador{ width: 100%; background: #292929; overflow: hidden; }
.contador p{ padding: 0.5rem 0; color: white; font-size: 1rem; text-transform: uppercase; text-align: right; right: 1rem; position: relative; }

.layout{ width: 100%; background: #292929; }

/* layout2 */

.layout2{ width: 80%; margin: 0 auto; overflow: hidden; }
.layout2 img{ display: inline-block; }

/* banner */

.bnn{ display: inline-block; float: right; /* background: url("../imagem/a.png") left no-repeat; */ position: relative; }
.bnn img{ position: absolute; z-index: 999; left: -3rem; }
.banner{  }

/* home */

.home{ width: 80%; margin: 0 auto; font-size: 0; overflow: hidden; }
.home .hm1{ width: calc(100% / 3); display:inline-block; vertical-align: top; position: relative; }
.home .hm1 h1{ font-size: 2.3rem; padding: 2rem 0; color: #333; }
.home .hm1 a{ cursor: pointer; color: black; }
.home .hm1 a:hover{ color: deepskyblue; }

button[name='btH']{ position: absolute; margin-top: -4rem; right: 10rem; cursor: pointer; padding: 1rem; border-radius: 0.3rem; color: white; }
button[name='btH']:hover{ color:deepskyblue; }

.home .hm1:nth-child(1) img{ padding: 2rem 0; display: block; }
.home .hm1:nth-child(2){  }
.home .hm1:nth-child(3) img{ float: left; }
/*.home .hm1:nth-child(3) p{ display: inline-block; vertical-align:top; width: 80%; }*/

.onLine{ width: 100%; overflow: hidden; }

form[name='online']{ width:100%; margin-bottom: 0.5rem; overflow: hidden; }
form[name='online'] input{ display: block; box-sizing: border-box; width: 98%; margin-bottom: 0.5rem; font: normal 1.3rem/4rem arial; color:grey; background:white; text-indent:1rem; border-left:solid 0.4rem #01649e; border:solid 0.1rem #01649e; outline:none; }
form[name='online'] input:focus{ border-left:solid 1.5rem #01649e; background:whiteSmoke; }
form[name='online'] input, button[name='send'], button[name='reset'], button[name='admin']:before{ -webkit-transition:all ease-out 200ms; -moz-transition:all ease-out 200ms; -ms-transition:all ease-out 200ms; -o-transition:all ease-out 200ms; }
form[name='online'] input:nth-child(2), form[name='online'] input:nth-child(3){ width: 48%; margin-right: 2%; display: inline-block; }

button[name='admin'], button[name='send'], button[name='reset']{ display: inline-block; cursor:pointer; margin-right: 0.5rem; padding: 1.5rem; border-radius: 0.3rem; color:white; font:normal 1.3rem arial; outline:none; }
button[name='admin']:before{ content:'\f234'; font: normal 1.4rem 'FontAwesome'; color:white; }
button[name='send']:hover, button[name='reset']:hover, button[name='admin']:hover:before{ color: deepskyblue; }

form[name='busca']{ width:100%; overflow: hidden; }
form[name='busca'] input[type='search'], button[name='bl1']{ -webkit-transition:all ease-out 250ms; -moz-transition:all ease-out 250ms; -ms-transition:all ease-out 250ms; -o-transition:all ease-out 250ms; }
form[name='busca'] input[type='search']{ display: inline-block; vertical-align: top; width:85%; height:4rem; text-indent:1.5rem; background: white; color:grey; border-radius:2rem 0 0 2rem; font:normal 1.3rem/4rem 'arial'; outline:none; }
 
button[name='bl1']{ display:inline-block; width: 15%; height:4rem; background: white; color:#01649e; text-align:center; border-radius:0 2rem 2rem 0;  cursor:pointer; outline:none; }
button[name='bl1']:before{ content:'\f00e'; font:normal 2rem/4rem 'FontAwesome'; }
button[name='bl1']:hover{ color: black; }

/*rodape */

.rodape{ width: 100%; background: #333; padding: 2rem 0; text-align: center; overflow: hidden; }
.rodape p{ color: white; }

/*  */

.cor{ box-shadow: 0 3px 5px -3px rgba(0,0,0,0.6);    
        background: #01649e; 
        background: -moz-linear-gradient(top,  #01649e 0%, #003d7b 100%); 
        background: -webkit-linear-gradient(top,  #01649e 0%,#003d7b 100%); 
        background: linear-gradient(to bottom,  #01649e 0%,#003d7b 100%); 
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01649e', endColorstr='#003d7b',GradientType=0 );
}

/*  */

.conteudo{ width: 80%; margin: 0 auto; font-size: 0; overflow: hidden; }
.conteudo h1{ font-size: 2.3rem; padding: 2rem 0; }
.conteudo p{ text-align: justify; margin-bottom: 4%; }

/*  */

form[name='contato']{ width: 100%; overflow: hidden; }

form[name='contato'] input{ width:100%; margin-bottom:0.5rem;  font:normal 1.4rem/5rem arial; color:grey; background:white; text-indent:1rem; border-left:solid 0.4rem #01649e; border:solid 0.1rem #01649e; outline:none; }
form[name='contato'] input:focus{ border-left:solid 1.5rem #01649e; background:whiteSmoke; }

form[name='contato'] textarea{ width:100%; font:normal 1.4rem arial; color:grey; background:white; text-indent:1rem; border-left:solid 0.4rem #01649e; border:solid 0.1rem #01649e; outline:none; }
form[name='contato'] textarea:focus{ border-left:solid 1.5rem #01649e; background:whiteSmoke; }

button[name='cont']{ width:100%; height:5rem; background:url(../imagem/c3b.png) center no-repeat #333; border-radius:0.2rem; margin:1rem 0 3rem;  }
button[name='cont']:hover{ background:url(../imagem/c3b.png) center no-repeat #01649e; }

form[name='contato'] input, form[name='contato'] input:focus, form[name='contato'] textarea, form[name='contato'] textarea:focus, button[name='cont'], button[name='cont']:hover{ -webkit-transition:all ease-out 250ms; -moz-transition:all ease-out 250ms; -ms-transition:all ease-out 250ms; -o-transition:all ease-out 250ms; }

/*  */

@media screen and (max-width:1366px) { 
    
}

@media screen and (max-width:1280px) {
    .layout2, .home, .conteudo{ width: 90%; }
    .mainMenu{ max-width: 90% !important; }
}

@media screen and (max-width:1024px) {
    .layout2, .home, .conteudo{ width: 98%; }
    .mainMenu{ max-width: 98% !important; }
}

@media screen and (max-width:960px) { 
    
}

@media screen and (max-width:768px) {
    .layout2 img{ display: block; margin: 0 auto; }
    .home .hm1, .emp, .con, .sit, .fal{ width: 98%; display: block; margin: 0 1% !important; }
    button[name='btH']{ left: 20rem; }
    .bnn{ width: 100%; }
    .bnn img{ height: 100%; }
    .banner img{ width: 100%; height: auto; }
}


@media screen and (max-width:640px) { 
    
}

@media screen and (max-width:480px) {
    
}

@media screen and (max-width:320px) {
    button[name='btH']{ left: 1rem; }
    .conteudo{ background: none !important; }
}