@font-face {
font-family: 'Arial';
src: url('/imagens/fontes/Arial/Arial.eot');
src: url('/imagens/fontes/Arial/Arial.woff') format('woff'),
url('/imagens/fontes/Arial/Arial.ttf') format('truetype'),
url('/imagens/fontes/Arial/Arial.svg#Arial') format('svg');
font-weight:normal;
font-stretch:normal;
}
html, body {
margin:0;
padding: 0;
overflow-x: hidden;
}
#linha_logo_rodape {
position:absolute;
float:left;
margin:-15px auto 0 auto;
width:100%;
height:20px;
background-color: #f8f8f8;
-moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
z-index: 99;
}
#fundo_linhas_rodape {
position:absolute;
margin:0;
display:block;
left:0;
top:0;
height: 330px;
}
#logo_rodape {
position:relative;
width:100%;
margin:0px auto 30px auto;
float:left;
text-align: center;
z-index: 999;
}
#logo_rodape img {
width:25%;
}
#item_lista {
position:relative;
width:100%;
margin:0 auto 0 auto;
float:left;
padding: 20px;
}
section p {
font-family:Arial;
font-size: 22px;
color: #0377a8;
text-align: justify;
}
section h1 {
font-family:Arial;
font-size: 48px;
line-height: 60px;
color: #0377a8;
text-align: left;
font-weight: bold;
}
.fonte {
font-family:Arial;
}
@-webkit-keyframes moveDown {
0% {
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-ms-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: matrix(0.5,0,0,0.5,-160,20);
-moz-transform: matrix(0.5,0,0,0.5,-160,20);
-ms-transform: matrix(0.5,0,0,0.5,-160,20);
-o-transform: matrix(0.5,0,0,0.5,-160,20);
transform: matrix(0.5,0,0,0.5,-160,20);
opacity:0;
-moz-opacity: 0;
filter: alpha(opacity=0);
behavior:url(js/PIE.htc);
}
100% {
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
-o-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-transform: matrix(1,0,0,1,-80,65);
-moz-transform: matrix(1,0,0,1,-80px,65px);
-ms-transform: matrix(1,0,0,1,-80,65);
-o-transform: matrix(1,0,0,1,-80,65);
transform: matrix(1,0,0,1,-80,65);
opacity:1;
-moz-opacity: 1;
filter: alpha(opacity=100);
behavior:url(js/PIE.htc);
}
}
#topo_itens {
position:relative;
float:left;
width:100%;
margin:0 auto 0 auto;
height: auto;
z-index: 1001;
background-image: url(imagens/montanhas.jpg);
background-position: bottom center;
background-repeat: no-repeat;
background-size:cover;
}
#titulo_menu {
display: none;
}
body {
margin:0;
padding:0;
overflow-x: hidden;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-text-stroke:1px transparent;
}
#limite_horizontal {
position:relative;
width:100%;
max-width:1240px;
margin:0 auto 0 auto;
height: auto;
text-align: center;
}
section #limite_horizontal {
position:relative;
width:92%;
max-width:1240px;
margin:4% auto 4% auto;
height: auto;
text-align: center;
}
#logo {
display:inline-block;
position: relative;
margin: 0 auto 0 auto;
float: left;
width:45%;
z-index: 9;
max-height: 300px;
}
#logo img {
width:50%;
height:auto;
}
#topo_linhas_azuis {
position:absolute;
margin:0;
display:block;
left:0;
top:40px
}
#dados_logotopo {
position: relative;
display:inline-block;
margin: 50px auto 0 auto;
float: right;
width:45%;
font-family:Arial;
text-align: right;
vertical-align: middle;
z-index: 9999999999999999999999999999999999;
}
.titulo_logotopo {
font-size: 72px;
line-height: 0px;
}
#email_logotopo {
position:relative;
float:left;
margin:10px auto 0 auto;
width:50%;
font-size: 20px;
line-height: 1em;
font-family:Arial;
color: #354988;
}
.endereco_topo {
font-size: 16px;
text-decoration: none;
color: #354988;
}
#telefone_topo {
position:relative;
float:left;
margin:5px auto 5px auto;
width:50%;
display:inline-block;
font-size: 20px;
text-decoration: none;
color: #354988;
text-align: left;
}
#telefone_topo a {
text-decoration:none;
font-family:Arial;
font-size:18;
font-weight: bold;
color:#fff;
}
#email_topo a {
font-family:Arial;
text-decoration: none;
padding: 20px;
color:#fff;
}
#email_topo {
position:relative;
float:right;
margin:5px auto 5px auto;
width:50%;
display:inline-block;
text-align: right;
font-size: 14px;
text-decoration: none;
color: #354988;
}
#idiomas {
width:50%;
display:inline;
float: left;
margin:5px auto 0 auto;
vertical-align: middle;
}
#idiomas img {
width:28px;
padding: 5px;
}
#data {
font-family: Arial;
font-size: 20px;
color: #354988;
width:50%;
display:inline;
float: right;
margin:10px auto 0 auto;
text-align: right;
vertical-align: middle;
}
#linha_rodape {
width:100%;
margin:-10px auto 0 auto;
display:block;
float:left;
}
#linha_rodape img {
width:100%;
}
#limite_largura_section {
width:100%;
max-width:1240px;
margin:0 auto 0 auto;
}
footer h2 {
font-family: Arial;
line-height: 1em;
}
#bloco_fotos {
position: relative;
width: 100%;
display:block;
margin:0 auto 0 auto;
float:left;
margin-bottom: 80px;
}
#mapadosite {
position:relative;
display:inline-block;
width:30%;
margin:20px auto 0 auto;
float: left;
text-align: left;
height: auto;
padding: 0;
}
#mapadosite ul li {
position: relative;
width:100%;
margin:0 auto 0 auto;
float:left;
padding: 5px;
text-decoration:none;
list-style: none;
color: #312783;
}
.navsite > li {
list-style: none;
}
.navsite > li > a:link {
font-family: Arial;
font-size: 20px;
color:#312783;
text-align: left;
text-decoration:none;
text-transform: uppercase;
}
.navsite > li > a:hover {
font-family: Arial;
color: #312783;
}
.navsite > li > a:visited {
font-family: Arial;
color: #312783;
}
#endereco_rodape {
position:relative;
display:inline-block;
width:38%;
margin:10px auto 40px auto;
float: left;
height: auto;
text-align: center;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
font-family: Arial;
font-size: 20px;
color: #312783;
}
#atendimento_rodape {
position:relative;
display:inline-block;
width:30%;
margin:0 auto 0 auto;
padding: 0px;
float: left;
text-align: right;
vertical-align: bottom;
height: auto;
padding-top: 50px;
}
a.email_rodape {
font-family: Arial;
font-size: 14px;
color:#312783;
text-decoration: none;
}
a.telefone_rodape {
font-family: Arial;
font-size: 28px;
color:#312783;
text-decoration: none;
}
#atendimento_rodape #email a {
font-size: 16px;
}
#mensagemcontato {
margin:0 auto 0 auto;
font-family:Arial;
font-size:20px;
font-weight: bold;
color:#312783;
}
#empresadocs ul, #Produtos ul, #LGPD ul {
text-decoration: none;
text-align: center;
}
#empresadocs ul li, #laudos_produtos ul li, #LGPD ul li {
display:inline-block;
padding: 0;
width:auto;
height: 60px;
margin:0 auto 30px auto;
text-decoration: none;
}
#empresadocs ul li a, #laudos_produtos ul li a, #LGPD ul li a {
cursor: pointer;
padding: 20px;
border-radius: 10px;
background-color: #fff;
border: none;
box-shadow: 0 1px 5px rgba(0,0,0,.4);
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
transition: .2s ease-out;
text-decoration: none;
text-align: center;
font-family: Arial;
font-size: 24px;
color:#00afef;
}
#empresadocs ul li a:hover, #laudos_produtos ul li a:hover, #LGPD ul li a:hover {
background-color:#BAE6F7;
}
@media (max-width: 1640px) {
}
@media (max-width: 1240px) {
h1 {
font-size: 32px;
}
#item_lista p {
font-size: 16px;
font-weight: bold;
}
}
@media (max-width: 1000px) {
}
@media (max-width: 767px) {
#empresadocs ul li, #laudos_produtos ul li, #LGPD ul li {
display:block;
width:100%;
height: 60px;
margin:0 auto 30px auto;
overflow:visible;
text-decoration: none;
}
#empresadocs ul li a, #laudos_produtos ul li a, #LGPD ul li a {
font-size: 14px;
}
#logo img {
width:200px;
height:auto;
}
footer {
position:relative;
float: left;
width:100%;
margin:0 auto 10px auto;
height: inherit;
}
.navsite > li > a:link {
font-family: Arial;
font-size: 18px;
text-align: center;
color:#312783;
}
#mapadosite {
visibility: hidden;
display:block;
float: none;
width:100%;
left:-20px;
}
#endereco_rodape {
position:relative;
display:inline-block;
width:100%;
margin:-160px auto 10px auto;
padding: 10px;
float: left;
height: auto;
text-align: center;
font-family: Arial;
font-size: 22px;
color: #312783;
}
#atendimento_rodape {
position:relative;
display:block;
width:100%;
margin:0 auto 40px auto;
float: left;
text-align: center;
height: auto;
}
a.email_rodape {
font-family: Arial;
font-size: 14px;
color:#312783;
text-decoration: none;
}
a.telefone_rodape {
font-family: Arial;
font-size: 22px;
color:#312783;
text-decoration: none;
}
#endereco_rodape {
position:relative;
display:block;
width:100%;
text-align: center;
}
#mapadosite {
position:relative;
display:block;
width:100%;
text-align: center;
}
section h1 {
font-family:Arial;
font-size: 32px;
line-height: 60px;
color: #0377a8;
text-align: left;
}
section p {
font-size: 18px;
text-align:left;
}
#telefone_topo {
font-size:12px;
margin:10px auto 10px auto;
}
#email_topo {
font-size:9px;
margin:0 auto 0 auto;
}
/*
#myvideo {
width:150%;
margin:-2px auto 0 auto;
}
#myvideo_produtos {
margin:138px auto 0 auto;
width:300%;
}
*/
#myvideo_transportes {
margin:-300px auto 0 auto;
width:400%;
}
#myvideo_pesquisa {
position: absolute;
width:300%;
float: left;
vertical-align: bottom;
margin:-200px auto 0 auto;
transition: 1s opacity;
}
#mensagemcontato {
margin:0 auto 0 auto;
font-family:Arial;
font-size:14px;
font-weight: bold;
color:#0377a8;
}
#logo_rodape {
top:-50px;
}
}