/* CSS Document */
body { background-color: #fff; margin: 0px; font-family: 'Poppins', sans-serif; font-size: 1em; color: #000;  }

@-webkit-keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; } 
}
@-moz-keyframes fadeIn {
0% { opacity: 0;}
100% { opacity: 1; }
}
@-o-keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}

h1 { font-size: 1.79em; color: #000;  }

h2 { font-size: 1.19em; color: #000; }

h3 { font-size: 1.13em; color: #1f7a91;}

ul { color: #000; font-size: 1em; list-style-image: url(images/icon1.png); }

img { border: none;}

a:link { color: #000; text-decoration: none;}

a:visited { color: #000; text-decoration: none;}

a:hover { color: #7b8691; text-decoration: none;}

/* SPANS */
.azul { font-size: 1.17em; color: #1f7a91;}

.preto { font-size: 1.19em; color: #000; font-weight: bold;}

.dif { color: #bbb; font-size: 0.82em; }

.dif2 { color: #f3f4f0; font-size: 0.69em; }

.new { font-size: 0.94em; color: #f3f4f0; }

.justificado { text-align: justify; }

.fadeIn {
-webkit-animation: fadeIn 3s ease-in-out;
-moz-animation: fadeIn 3s ease-in-out;
-o-animation: fadeIn 3s ease-in-out;
animation: fadeIn 3s ease-in-out;
}

@media(max-width:960px)
{
#container{display:none;}
}

@media(min-width:961px) and (max-width:11500px)
{
#container2{display:none;}
}

@media(min-width:1151px)
{
#container2{display:none;}
}

/* DIVS ESTRUTURAIS */
#container { background-color: #fff; width: 100%; text-align: center; }

#topo { background-color: #fff;  padding: 15px 80px 20px 73px; text-align: left;  }

#f { width: 20px; height: 20px; margin-right: -10px; margin-top: -10px; position: absolute; top: 6%; right: 4%; }

#topright { width: 500px; height: 21px; margin-right: -215px; margin-top: -15px; position: absolute; top: 8.5%; right: 17%;  }

#topright2 { width: 150px; height: 21px; margin-right: -155px; margin-top: -15px; position: absolute; top: 8.5%; right: 13%;  }

#space { background-color: #fff; height: 70px; border-bottom: 1px solid #ccc; }

#space2 { background-color: #fff; height: 70px; border-top: 1px solid #ccc; }

#elo { background-color: #fff;  }  

#line { background-color: #000; height: 1px; }

#tres { background-color: #fff; text-align: center; }

#white { background-color: #fff; height: 30px; }

#white2 { background-color: #ebe9ed; height: 1px; }

#conteudo { text-align: left; padding-top: 40px; padding-bottom: 40px; padding-right: 80px; padding-left: 80px; font-size: 1.2em;}

#sobrenos { padding: 60px 80px 100px 80px;; background-color: #f5f5f5; font-size: 0.8em; text-align: left; }

#servicos { background-color: #50cee5; padding: 80px 80px 20px 80px; text-align: left; font-size: 0.9em; color: #fff; background-image: url(images/BG01.jpg); background-repeat: no-repeat;  }

#servicos h1 { color: #fff; }

#oportunidades { padding: 35px 80px 30px 80px; text-align: left; color: #000; background-color: #fff; }

#resposta { padding: 80px 80px 80px 80px; text-align: center; background-color: #fed803; color: #000; }

#textos { padding: 20px 80px 30px 80px; text-align: left; background-color: #383d94; color: #fff; }

#textos h2 { color: #fff; }

#contato { padding: 35px 80px 30px 80px; text-align: left; color: #fff; background-color: #fff; background-image: url(images/square.png); background-position: top right; background-repeat: no-repeat;}

#contato input { background-color: #f3f3f3;  color: #7f8a96; border: 1px solid #fff; -moz-border-radius: 9px; border-radius: 9px; }
		
#contato input[type=text]{width:60%; height: 50px;  }

#contato input[type=submit]{ border: #FFFFFF; }

#contato textarea { background-color: #f3f3f3; color: #7f8a96; border: 1px solid #fff; -moz-border-radius: 9px; border-radius: 9px; }

#contato textarea{width:60%; height: 160px; }

#contato2 { padding: 35px 80px 30px 80px; text-align: left; color: #fff; background-color: #fff; background-image: url(images/square2.png); background-position: top right; background-repeat: no-repeat;}

#contato2 input { background-color: #f3f3f3;  color: #7f8a96; border: 1px solid #fff; -moz-border-radius: 9px; border-radius: 9px; }
		
#contato2 input[type=text]{width:60%; height: 50px;  }

#contato2 input[type=submit]{ border: #FFFFFF; }

#contato2 textarea { background-color: #f3f3f3; color: #7f8a96; border: 1px solid #fff; -moz-border-radius: 9px; border-radius: 9px; }

#contato2 textarea{width:60%; height: 160px; }}

#fotosinternas { padding: 80px; background-color: #fff;  text-align: center;}

#ar { background-color: #e1e7eb; text-align: right; padding-right: 80px; padding-bottom: 0px; margin: 0px; }

#rodape { background-color: #348b9b; padding-top: 25px; padding-bottom: 20px; font-size: 0.63em; color: #F3F4F0; text-align: center; }

::-webkit-input-placeholder { /* WebKit browsers */
color: #69737c; font-family: 'Poppins', sans-serif;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #69737c; font-family: 'Poppins', sans-serif;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #69737c; font-family: 'Poppins', sans-serif;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #69737c; font-family: 'Poppins', sans-serif;
}

/*Configurações Padrões*/
ul.menu, .menu li, .menu a{ margin:0; padding:0; list-style:none; text-decoration:none;}
ul.menu ul{ position:absolute; display:none; box-shadow:3px 3px 2px #000; text-decoration:none;}

/* Configurações nivel 1*/
ul.menu{ float:left; font-family: 'Poppins', sans-serif; font-size:0.9em; font-weight: normal; border-radius:5px; padding:0 5px;}
.menu li{ float:left; width:auto; position:relative;}
.menu li a{ display:block; padding:0 25px; line-height:45px; height:45px; float:left; transition:all 0.1s linear; }

/* Configurações nivel 2*/
.menu li:hover > ul.submenu-1{ display:block; top:45px; left:0; padding:5px; width:140px; border-radius:0 0 5px 5px; font-size:12px; }
.menu ul.submenu-1 a{  width:120px; padding:0 20px; border-radius:5px;  }

/* Configurações nivel 2*/
.menu li:hover > ul.submenu-2{ display:block; top:0; left:195px; padding:5px; width:120px;  border-radius: 0 5px 5px 5px; }
.menu ul.submenu-2 a{  width:80px; padding:0 20px; border-radius:5px; }

/* Configurações nivel 3*/
.menu li:hover > ul.submenu-3{ display:block; top:0; left:195px; padding:5px; width:120px;  border-radius: 0 5px 5px 5px; }
.menu ul.submenu-3 a{  width:80px; padding:0 20px; border-radius:5px; }


/*Configurações de cores*/

/*nivel 1*/
.menu{background: transparent; }
.menu a{ color:#010101;}
.menu li:hover > a{ background: transparent;  color:#fe6d04;}

/*nivel 2*/
.submenu-1{ background:#FFF;}
.submenu-1 a{color:#000;}
.submenu-1 li:hover > a{ background:#FFF; }

/*nivel 3*/
.submenu-2{ background:#FFF;}
.submenu-2 a{color:#666;}
.submenu-2 li:hover > a{ background:#FFF; }

/*nivel 3*/
.submenu-3{ background:#333;}
.submenu-3 a{color:#666;}
.submenu-3 li:hover > a{ background:#000; }


/* PARA SMART */
#container2 { background-color: #fff; width: 100%; text-align: center; }

#toposmart { background-color: #fff;; padding: 30px 35px 30px 35px; }

#imgsmart { background-color: #316377; padding: 0px; }

#conteudosmart { background-color: #e7eef0; padding: 20px; text-align: center; }

#lista { text-align: center;  background-color: #fff; padding: 20px; }

#icones { text-align: center;  background-color: #e7eef0; }

#custos { text-align: center;  background-color: #e7eef0; padding: 25px; color: #000; }

#custos2 { text-align: center;  background-color: #e7eef0; padding-top: 25px; }

#conteudosmart h1 {color: #000;}

#faleconosco { text-align: center; background-color: #00850c;  color: #f3f4f0; }

#faleconosco h1 { color: #fff; }

#faleconosco h2 { color: #fff; font-size: 2em; }

#areas { text-align: center; padding-top: 20px; padding-bottom: 40px; padding-left: 20px; padding-right: 20px; background-color: #e7eef0; }

#areas h1 { color: #000; }

#contatosmart { background-color: #f3f9fb; padding: 20px; }

#contatosmart h1 { color: #000; }

#contatosmart input { background-color: #ecf2f4;  color: #000; -moz-border-radius: 5px; border-radius: 5px; }
		
#contatosmart input[type=text]{width:100%; height: 45px; border:1px solid #fff; }
00850c
#contatosmart input[type=submit]{ border: none; }

#contatosmart textarea { background-color: #fed703; color: #000; border: 1px solid #fff; -moz-border-radius: 5px; border-radius: 5px; }

#contatosmart textarea{width:100%; height: 120px; }

#arsmart { background-color: #fff; text-align: center; }

#rodapesmart { background-color: #50cee4; padding-top: 20px; padding-bottom: 20px; font-size: 10px; color:#fff; }

#linesmart { background-color: #c7240e; height: 25px; }

#zap { background-color: #50cee4; }



/* jssor slider bullet navigator skin 01 css */
        /*
        .jssorb01 div           (normal)
        .jssorb01 div:hover     (normal mouseover)
        .jssorb01 .av           (active)
        .jssorb01 .av:hover     (active mouseover)
        .jssorb01 .dn           (mousedown)
        */
        .jssorb01 {
            position: absolute;
        }
        .jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {
            position: absolute;
            /* size of bullet elment */
            width: 12px;
            height: 12px;
            filter: alpha(opacity=70);
            opacity: .7;
            overflow: hidden;
            cursor: pointer;
            border: #000 1px solid;
        }
        .jssorb01 div { background-color: gray; }
        .jssorb01 div:hover, .jssorb01 .av:hover { background-color: #d3d3d3; }
        .jssorb01 .av { background-color: #fff; }
        .jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }

        /* jssor slider arrow navigator skin 05 css */
        /*
        .jssora05l                  (normal)
        .jssora05r                  (normal)
        .jssora05l:hover            (normal mouseover)
        .jssora05r:hover            (normal mouseover)
        .jssora05l.jssora05ldn      (mousedown)
        .jssora05r.jssora05rdn      (mousedown)
        */
        .jssora05l, .jssora05r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 40px;
            cursor: pointer;
            background: url('img/a17.png') no-repeat;
            overflow: hidden;
        }
        .jssora05l { background-position: -10px -40px; }
        .jssora05r { background-position: -70px -40px; }
        .jssora05l:hover { background-position: -130px -40px; }
        .jssora05r:hover { background-position: -190px -40px; }
        .jssora05l.jssora05ldn { background-position: -250px -40px; }
        .jssora05r.jssora05rdn { background-position: -310px -40px; }
		
		
#box-toggle {
	width:700px;
	text-align:justify;
	font:12px/1.4 ;
	}
#box-toggle .tgl {margin-bottom:30px;}
#box-toggle span {
	display:block;
	cursor:pointer;
	font-weight:bold;
	font-size:18px;
	color:#fff; 
	margin-top:15px;
	
	}
	
#box-toggle .tg2 {margin-bottom:30px;}
#box-toggle span {
	display:block;
	cursor:pointer;
	font-weight:bold;
	font-size:18px;
	color:#fff; 
	margin-top:15px;
	}
	
#box-toggle .tg3 {margin-bottom:30px;}
#box-toggle span {
	display:block;
	cursor:pointer;
	font-weight:bold;
	font-size:18px;
	color:#fff; 
	margin-top:15px;
	}
	
#box-toggle .tg4 {margin-bottom:30px;}
#box-toggle span {
	display:block;
	cursor:pointer;
	font-weight:bold;
	font-size:18px;
	color:#fff; 
	margin-top:15px;
	}
	
#box-toggle .tg5 {margin-bottom:30px;}
#box-toggle span {
	display:block;
	cursor:pointer;
	font-weight:bold;
	font-size:18px;
	color:#fff; 
	margin-top:15px;
	}
		
		
#box-toggle .tg6 {margin-bottom:30px;}
#box-toggle span {
	display:block;
	cursor:pointer;
	font-weight:bold;
	font-size:18px;
	color:#fff; 
	margin-top:15px;
	}
	
#box-toggle .tg7 {margin-bottom:30px;}
#box-toggle span {
	display:block;
	cursor:pointer;
	font-weight:bold;
	font-size:18px;
	color:#fff; 
	margin-top:15px;
	}
	
#box-toggle .tg8 {margin-bottom:30px;}
#box-toggle span {
	display:block;
	cursor:pointer;
	font-weight:bold;
	font-size:18px;
	color:#fff; 
	margin-top:15px;
	}
	
#box-toggle .tg9 {margin-bottom:30px;}
#box-toggle span {
	display:block;
	cursor:pointer;
	font-weight:bold;
	font-size:18px;
	color:#fff; 
	margin-top:15px;
	}
	
#box-toggle .tg10 {margin-bottom:30px;}
#box-toggle span {
	display:block;
	cursor:pointer;
	font-weight:bold;
	font-size:18px;
	color:#fff; 
	margin-top:15px;
	
}	