@charset "utf-8";*{padding:0;margin:0;}
body{background:url(imagens/background.jpg) top center no-repeat;font-size:12px;font-family:Arial, Helvetica, sans-serif}
img{border:0;}
h1, h2, h3, h4, h5{font-weight:normal;}
a{text-decoration:none; color:#657b99;}
a:hover{color: #EE5C62;}
.linha-vermelha{width:100%;height:2px;background-color:#ef3d44;}
.center{
    width: 900px;
    height: auto;
    margin: auto;
}
.titulos{font-size:20px;font-weight:bold;}
.subtitulos{font-size:14px;font-weight:normal;}
.titulos, .subtitulos{color:#657b99;font-family:'Open Sans Condensed';font-weight:bold;}
#logotipo{width:153px;height:123px;position:relative;top:40px;left:80px;}
#menu{width:auto;height:39px;position:absolute;right:50%;margin-right:-500px;border-bottom:1px #FFF solid;color:#FFF;top:70px;font-weight:bold;}
#menu li{list-style:none;display:inline;}
#menu a{text-decoration:none;color:#CCC;padding:20px;}
#menu a:hover{padding:20px;border-bottom:4px solid #F33;color:#FFF}
.ativo{color:#FFF !important;border-bottom:4px solid #F33;}
#slide{width:900px;margin:auto;clear:both;}
#chamada{width:400px;height:auto;margin-right:40px;text-align:justify;float:left;}
#chamada-interna{width:350px;height:auto;float:right;margin-left:40px; margin-top:50px;}
.quadrado-chamada{width:100%;height:100px;border-bottom:solid #FFF thin;background:#EEE;}
#myDiv, #myDiv2, #myDiv3, #myDiv4{overflow:hidden;height:100px;border-bottom:1px solid #FFF;background-repeat:no-repeat;background-position:left;background-color:#EEE;color:#425e81;}
#myDiv:hover, #myDiv2:hover, #myDiv3:hover, #myDiv4:hover, #myDiv a:hover, #myDiv2 a:hover, #myDiv3 a:hover, #myDiv4 a:hover{background-color:#657b99;color:#EEE !important;}
#myDiv p, #myDiv h2, #myDiv h3, #myDiv2 p, #myDiv2 h2, #myDiv2 h3, #myDiv3 p, #myDiv3 h2, #myDiv3 h3, #myDiv4 p, #myDiv4 h2, #myDiv4 h3{font-family:'Open Sans Condensed';font-weight:bold !important;text-align:left;margin-left:140px;height:100%;width:100%;padding-top:30px;}
#myDiv a, #myDiv2 a, #myDiv3 a, #myDiv4 a{color:#425e81;}
#myDiv a:hover{color:#EEE !important;}
.segunda-linha{font-size:12px;}
#myDiv{background-image:url(imagens/chamada-desenvolvimento2.jpg);}
#myDiv:hover{background-image:url(imagens/chamada-desenvolvimento.jpg);}
#myDiv2{background-image:url(imagens/chamada-produtos2.jpg);}
#myDiv2:hover{background-image:url(imagens/chamada-produtos.jpg);}
#myDiv3{background-image:url(imagens/chamada-manutencao2.jpg);}
#myDiv3:hover{background-image:url(imagens/chamada-manutencao.jpg);}
#myDiv4{background-image:url(imagens/chamada-contato2.jpg);}
#myDiv4:hover{background-image:url(imagens/chamada-contato.jpg);}
.quadrado-chamada h2{font-size:16px;padding:30px 0 0 50px;}
.quadrado-chamada h3{font-size:14px;}
.quadrado-chamada:hover{background:#657b99;color:#FFF;}


#rodape{width:100%;height:auto;clear:both;margin-top:50px;background:url(imagens/background-rodape.jpg) no-repeat center top;color:#FFF;font-size:11px;}
#rodape h5{font-size:16px;font-weight:bold;font-family:'Open Sans Condensed';}
.divisao-rodape{width:243px;margin:30px 6px;float:left;height:auto;}
.divisao-rodape-localizacao{width:303px;margin:30px 6px;float:left;height:auto;}
.divisao-rodape-redesocial{width:120px;margin:30px 6px;float:left;height:auto;text-align:right;}
.divisao-rodape-sitemap{width:186px;margin:30px 6px;float:left;height:auto;}
.frase{font-size:10px;}
.logo-rodape{margin-right:7px;}
#rodape li{list-style:none;margin:15px 0;}
#direitos{clear:both;width:900px;margin:auto;height:auto;}
#rodape a{color:#FFF;text-decoration:none;}
#rodape a:hover{color:#ff9999;text-decoration:none;}
.copy{float:left;}
.inpulso{text-align:right;}
.produtos{ margin:5px 15px;}
.formulario{ padding:8px 5px; border-left: solid #657b99 thin !important; border:none; }
.botao{ padding:5px 10px;}
.campos-obrigatorios{color:#EE5C62;}pre{display:block;font:12px "Courier New", Courier, monospace;padding:10px;border:1px solid #bae2f0;background:#e3f4f9;margin:.5em 0;width:674px;}
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{margin:0;padding:0;display:block;overflow:hidden;text-indent:-8000px;}
#container{margin:0 auto;position:relative;t-align:left;width:900px;background:#fff;margin-bottom:2em;}
#header{height:80px;line-height:80px;background:#5DC9E1;color:#fff;}
#content{position:relative;}
#slider ul, #slider li,
#slider2 ul, #slider2 li{margin:0;padding:0;list-style:none;}
#slider2{margin-top:1em;}
#slider li, #slider2 li{width:900px;height:360px;overflow:hidden;}
#prevBtn, #nextBtn,
#slider1next, #slider1prev{display:block;width:30px;height:77px;position:absolute;top:350px;z-index:1000;}
#nextBtn, #slider1next{left:50%;margin-left:420px;}
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{display:block;position:relative;width:30px;height:77px;background:url(images/btn_prev.png) no-repeat 0 0;}
#nextBtn a, #slider1next a{background:url(images/btn_next.png) no-repeat 0 0;}
ol#controls{margin:1em 0;padding:0;height:28px;}
ol#controls li{margin:0 10px 0 0;padding:0;float:left;list-style:none;height:28px;line-height:28px;}
ol#controls li a{float:left;height:28px;line-height:28px;border:1px solid #ccc;background:#DAF3F8;color:#555;padding:0 10px;text-decoration:none;}
ol#controls li.current a{background:#5DC9E1;color:#fff;}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

noscript div{margin:auto;padding:15px;}
.coda-slider-wrapper{width:100%;margin:auto;text-align:center;}
.coda-slider{margin:auto;}
.coda-slider-no-js .coda-slider{height:200px;overflow:auto !important;padding-right:20px;}
.coda-slider, .coda-slider .panel{width:900px;}
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel{width:100%;}
.coda-slider-wrapper.arrows .coda-slider{}
.coda-nav-left a, .coda-nav-right a{background:#000;color:#fff;padding:5px;width:100px;}
.coda-nav ul li a.current{background:#09C;}
.coda-slider .panel-wrapper{padding:0px;}
.coda-slider p.loading{padding:20px;text-align:center;}
.coda-nav ul{clear:both;display:inline-block;margin:auto;overflow:hidden;width:auto !important;}
.coda-nav ul li{display:inline;}
.coda-nav ul li a{background:#657b99;color:#fff;margin:auto;display:block;float:left;padding:10px 20px;text-decoration:none;}
.coda-nav ul li a:hover{background:#0CF;color:#666;margin:auto;display:block;float:left;padding:10px 20px;text-decoration:none;}
.coda-slider-wrapper{clear:both;overflow:auto;}
.coda-slider{;overflow:hidden;position:relative; height:auto !important}
.coda-slider .panel{display:block;float:left;}
.coda-slider .panel-container{position:relative;}
.tabela_classificacao{padding:3px;background:#EEE;margin:3px;}
.tabela_classificacao2{padding:3px;background:#FFF;margin:3px;}
.tabela_classificacao3{padding:3px;background:#333;color:#FFF;margin:3px;}
.links-banner-rodape{width:800px;clear:both;height:auto;text-align:left;}
.links-banner{
    width: 800px;
    height: auto;
    margin: 25px auto;
    text-align: justify;
}
.links-banner li{list-style:none;padding:10px;}
.links-banner a{text-decoration:none;color:#999;}
.links-banner a:hover{text-decoration:none;color:#0C9;}
.divisao-links{border-bottom:solid #EEE 1px;border-top:solid #EEE 1px;width:100%;}
.banner{height:auto;margin:0 0 0 5px;text-align:left;}
.imagem-centro{ text-align:center;}
.title{color:#657b99;font-family:'Open Sans Condensed';font-weight:bold;}
.texto_produto{width:400px;height:auto;float:left;margin:0 0 0 5px;text-align:left;}
.imagem_produto{width:200px;height:auto;float:left;margin:0 0 0 5px;}

pre{display:block;font:12px "Courier New", Courier, monospace;padding:10px;border:1px solid #bae2f0;background:#e3f4f9;margin:.5em 0;width:674px;}
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{margin:0;padding:0;display:block;overflow:hidden;text-indent:-8000px;}
#container{margin:0 auto;position:relative;t-align:left;width:900px;background:#fff;margin-bottom:2em;}
#header{height:80px;line-height:80px;background:#5DC9E1;color:#fff;}
#content{position:relative;}
#slider ul, #slider li,
#slider2 ul, #slider2 li{margin:0;padding:0;list-style:none;}
#slider2{margin-top:1em;}
#slider li, #slider2 li{width:900px;height:360px;overflow:hidden;}
#prevBtn, #nextBtn,
#slider1next, #slider1prev{display:block;width:30px;height:77px;position:absolute;top:350px;z-index:1000;}
#nextBtn, #slider1next{left:50%;margin-left:420px;}
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{display:block;position:relative;width:30px;height:77px;background:url(images/btn_prev.png) no-repeat 0 0;}
#nextBtn a, #slider1next a{background:url(images/btn_next.png) no-repeat 0 0;}
ol#controls{margin:1em 0;padding:0;height:28px;}
ol#controls li{margin:0 10px 0 0;padding:0;float:left;list-style:none;height:28px;line-height:28px;}
ol#controls li a{float:left;height:28px;line-height:28px;border:1px solid #ccc;background:#DAF3F8;color:#555;padding:0 10px;text-decoration:none;}
ol#controls li.current a{background:#5DC9E1;color:#fff;}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}


/* Style the Image Used to Trigger the Modal */
#myImg {  border-radius: 5px;  cursor: pointer;  transition: 0.3s;}
#myImg:hover {opacity: 0.7;}
/* The Modal (background) */
.modal {  display: none; /* Hidden by default */  position: fixed; /* Stay in place */  z-index: 1; /* Sit on top */  padding-top: 100px; /* Location of the box */
  left: 0;  top: 0;  width: 100%; /* Full width */  height: 100%; /* Full height */  overflow: auto; /* Enable scroll if needed */  background-color: rgb(0,0,0); /* Fallback color */  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */}
/* Modal Content (Image) */
.modal-content {  margin: auto;  display: block;  width: 80%;  max-width: 700px;}
/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {  margin: auto;  display: block;  width: 80%;  max-width: 700px;  text-align: center;  color: #ccc;  padding: 10px 0;  height: 150px;}
/* Add Animation - Zoom in the Modal */
.modal-content, #caption {  animation-name: zoom;  animation-duration: 0.6s;}
@keyframes zoom {  from {transform:scale(0)}  to {transform:scale(1)}}
/* The Close Button */
.close {  position: absolute;  top: 15px;  right: 35px;  color: #f1f1f1;  font-size: 40px;  font-weight: bold;  transition: 0.3s;}
.close:hover,
.close:focus {  color: #bbb;  text-decoration: none;  cursor: pointer;}
/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){  .modal-content {    width: 100%;  }}