.container { position: relative; width: 100%; max-width:1120px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }
.containerbr { position: relative; width: 100%; max-width:1120px; margin: 0 auto; padding: 30px; box-sizing: border-box;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius:4px; background-color:#FFFFFF}

.column,.columns {width: 100%;float: left;box-sizing: border-box;}
.containert {width:100%; background-color:#FFFFFF}
.barra{color:#FFFFFF; position:absolute; top:0; height:25px; z-index:500; font-weight:400; font-size:12px; padding:4px; float:right}
.barra a{ color:#FFFFFF; padding:0 0 0 15px;}

.nove{ max-width:960px; padding:0}
.sombra{text-shadow: 1px 2px 15px rgba(10, 10, 5, 1)}
.spa{ float:left; padding:0 10px 70px 0}
.mao{z-index:100; margin-top:-110px;position:relative;}
.fa {float:right; margin:-420px 0 -7px 40px}
.opcao{ margin:-10px 40px 15px 0; font-size:120%}
.ora{ font-weight:bold; color:#FF3300}
.max {width:40%;max-width:500px;height:auto;}
.ns {padding-right:15px;white-space: pre-wrap}
.pad {padding:25px 0}
.padh{ padding:0 20px}
.br{ color:#FFFFFF}
.bra{margin-top:0px}
.pe{ padding:40px 0;}
.pe a{color:#2E3F23; padding:0 0 0 20px; font-size:16px}
.roxo{ background-color:#812990}
.verde{ color:#148b30}
.verdebg{ background-color:#148b30}
.verd{ background-color:#00B48D}
.user{color:#00B48D}
.cz{color:#9aa1a9}
.cz{color:#9aa1a9}


.bigbo{width:134px;height:134px;-webkit-border-radius:67px;-moz-border-radius:67px;border-radius:67px;border:2px solid #00B48D;background-color: #00B48D; color:#FFFFFF; line-height:130px;text-align:center; font-size:18px; display:inline-table; text-decoration:none;opacity: 1;
transition: opacity .20s ease-in-out;-moz-transition: opacity .20s ease-in-out;-webkit-transition: opacity .20s ease-in-out; margin:0 4px 5px 0}
.bigbo:hover{background-color: #0c9174; color:#FFFFFF}



@media (min-width: 550px) {
  .container {width: 80%; }
  .column, .columns { margin-left: 4%; }
  .column:first-child, .columns:first-child { margin-left: 0; }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }

  /* Offsets */
  .offset-by-one.column, .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column, .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column, .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column, .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column, .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column, .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column, .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column, .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column, .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column, .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column, .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column, .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column, .offset-by-one-half.columns     { margin-left: 52%; }

}


/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {font-size:62.5%; margin:0; padding:0;}
body {font-size:1.5em; line-height:1.6; color: #222; background-color:#f6f7fc; font-family:"Work Sans", sans-serif; font-optical-sizing:auto; font-weight:300}

h1, h2, h3, h4, h5, h6 {margin: 0.7rem 0;color:#000; font-weight:400;}
h1 { font-size: 4.0rem; line-height: 1.2; }
h2 { font-size: 3.5rem; line-height: 1.25; }
h3 { font-size: 3.0rem; line-height: 1.3; }
h4 { font-size: 2.4rem; line-height: 1.35; }
h5 { font-size: 1.8rem; line-height: 1.5;  }
h6 { font-size: 1.5rem; line-height: 1.6; }

p {margin-top: 0; font-size:1.3em;}


a {color:#148b30; text-decoration:none;-webkit-transition:color 0.2s ease-in; -moz-transition: color 0.2s ease-in; /* firefox */-o-transition:color 0.2s ease-in; /* opera */}
a:hover {color:#00B48D}


.button,button,input[type="submit"],input[type="reset"],input[type="button"] {display:inline-block; height:38px; padding:0 30px; color:#fff; text-align:center; font-size:1.33rem; font-weight: 400; line-height:38px; letter-spacing:0; text-decoration: none; white-space:nowrap; background-color:#148b30; border-radius:8px; border:0 solid #1EAEDB; cursor:pointer; box-sizing:border-box; }
.button:hover,button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,.button:focus,button:focus,input[type="submit"]:focus,input[type="reset"]:focus,input[type="button"]:focus { color: #fff; border-color: #888; outline: 0; border-color:#fff}
.button.button-primary,button.button-primary,input[type="submit"].button-primary,input[type="reset"].button-primary,input[type="button"].button-primary {color:#FFF; background-color:#148b30}
.button.button-primary:hover,button.button-primary:hover,input[type="submit"].button-primary:hover,input[type="reset"].button-primary:hover,input[type="button"].button-primary:hover,.button.button-primary:focus,button.button-primary:focus,input[type="submit"].button-primary:focus,input[type="reset"].button-primary:focus,input[type="button"].button-primary:focus { color:#FFF; background-color:#148b30; }
.button.out{padding:0 15px; background:none; color:#148b30; border:1px solid #148b30}
.button.out:hover{color:#000; border:1px solid #000}


input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],textarea,select {height:38px; padding:6px 10px; background-color:#fff; border:1px solid #ccc; border-radius:4px; box-shadow:none; box-sizing:border-box; font-size:1.2em}
input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],textarea { -webkit-appearance:none; -moz-appearance: none; appearance:none; }
textarea {min-height:65px; padding-top:6px; padding-bottom:6px; }
input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="text"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="password"]:focus,textarea:focus,select:focus { border:1px solid #33C3F0; outline: 0; }
label,legend { display: block; margin-bottom: .5rem; font-weight: 600; }
fieldset { padding:0; border-width:0; }
input[type="checkbox"],input[type="radio"] { display:inline; }
label > .label-body { display:inline-block; margin-left:.5rem; font-weight:normal; }


ul { list-style:disc}
ol { list-style: decimal inside; }
ol, ul { padding-left:15px; margin-top: 0; }
ul ul,ul ol,ol ol,ol ul { margin:1.5rem 0 1.5rem 3rem; font-size: 90%; }
li { margin-bottom: 1rem; }
ul.destac{list-style-type:none; padding-left:0; z-index:5; margin-top:-20px}
ul.destac li:before{content:""; display:inline-block; background-image: url(../images/seta-up.png); width:22px;height:20px; background-size:cover; margin:0 7px -4px 0}


code { padding: .2rem .5rem; margin: 0 .2rem; font-size: 90%; white-space: nowrap; background: #F1F1F1; border: 1px solid #E1E1E1; border-radius: 4px; }
pre > code { display: block; padding: 1rem 1.5rem; white-space: pre; }


th,td { padding: 12px 15px; text-align: left; border-bottom: 1px solid #E1E1E1; }
th:first-child,td:first-child { padding-left: 0; }
th:last-child,td:last-child { padding-right: 0; }


button,.button { margin-bottom: 1rem; }
input,textarea,select,fieldset { margin-bottom: 1.5rem; }
pre,blockquote,dl,figure,table,p,ul,ol,form { margin-bottom: 2.5rem; }


.u-full-width { width: 100%; box-sizing: border-box; }
.u-max-full-width { max-width: 100%; box-sizing: border-box; }
.u-pull-right { float: right; }
.u-pull-left { float: left; }
hr { margin-top:2rem;  margin-bottom:2rem; border-width: 0; border-top: 1px solid #8fa8cc}

.container:after,.row:after,.u-cf { content: ""; display: table; clear: both; }


.banner{ width:100%; height:100%; background-color:#000;  background-repeat:no-repeat; background-position:50% 50%; background-size:cover; background-attachment:fixed; z-index:0; position:fixed}


ul.tabs{margin: 0px;padding: 0px;list-style: none;}
ul.tabs li{background: none;color: #000;display: inline-block;padding: 7px 20px;cursor: pointer; margin-bottom:-4px; font-size:20px;border-radius: 4px; box-shadow: none; box-sizing: border-box; }
ul.tabs li.current{background: #fff;color: #222;}
.tab-content{background: #fff;padding: 15px;border-radius: 4px; box-shadow: none; box-sizing: border-box; }
.tab-content.current{display: inherit;}


.morris-hover{position:absolute;z-index:1000}
.morris-hover.morris-default-style{border-radius:10px;padding:10px;color:#000;background:rgba(255,255,255,0.8);border:solid 2px rgba(230,230,230,0.8);font-size:17px;text-align:center}
.morris-hover.morris-default-style.morris-hover-row-label{font-weight:bold;margin:0.25em 0}
.morris-hover.morris-default-style .morris-hover-point{white-space:nowrap;margin:0.1em 0}





header{ background-image: url(../images/plastlabor-bolas.jpg); background-position:top center; width:100%}
nav{text-align: center;max-width:1100px;margin: 0 auto;position: relative;height:100px;overflow: hidden;}
nav .logo { float:left; padding:30px 125px 0 0; width:130px}
nav ul{min-height:60px;padding:30px 0;text-align: left}
nav ul li a:hover{ background-color:#006641}
nav ul li{display: inline-block;}
nav ul li a{color: #006641;display: inline-block; padding: 0.4em 2em; text-decoration: none;}
/*styling open close button*/
.button img{display: inline;position: absolute;right:0px;top:6px;z-index:9999;width:84px;}


.overlay{display: none;position: fixed;top: 0;height: 100%;width: 100%;background: rgba(0, 58, 45, 0.94);overflow: auto; z-index:9998}
.wrap{color: #fff;text-align: center;max-width: 1100px;margin: 0 auto;}
.wrap ul.wrap-nav{border-bottom: none;padding: 150px 0px 100px;}
.wrap ul.wrap-nav > li{font-size: 24px;display: inline-block;vertical-align: top;width: 24%;position: relative; margin-bottom:-20px}
.wrap ul.wrap-nav > li a{color: #fff;display: block;padding: 8px 0;text-decoration: none;font-size: 20px; letter-spacing:0.03em}
.wrap ul.wrap-nav > li a:hover{color: #fff;}
.wrap ul.wrap-nav ul{padding: 20px 0;}
.wrap ul.wrap-nav ul li{display: block;font-size: 16px;width: 100%;color: #fff; margin-left:-12px; line-height:120%}
.wrap ul.wrap-nav ul li a{color: #fff}
.wrap ul.wrap-nav ul li a:hover{color: #00B48D} 


@media (max-width: 658px) {
.log{ width:80%}
.lim { font-size:160%; margin: -15px 2px 0 -10px}
.mao{z-index:100; position:relative; margin: -70px 0 0 -30px; width:90%}
.fa {float:right; margin:-284px 0 -7px 40px; width:40%}
}

@media (max-width: 480px) {
.log{ width:30%}
.lim { font-size:220%; padding:20px; margin-left:10px}
.mao{z-index:100; position:relative; margin: -20px 0 0 -30px; width:90%}
.fa {float:right; margin:-430px 0 -7px 40px; width:50%}

 .wrap ul.wrap-nav > li{width: 100%;padding: 20px 0;border-bottom: 1px solid #575757;}
 .wrap ul.wrap-nav{border-bottom: 1px solid #fff;padding: 20px 0px 0px; }
 .wrap ul.wrap-nav ul{padding: 10px 0;}
 nav ul{opacity: 0;visibility: hidden;}
 .button{top: 0;}
.imghm{width:95%; height:auto; margin-top:10px; margin-left:10px}
}


@media (min-width:800px) {
  .login{display:flex; align-content:center; align-items:center;}
  .imghm{width:155%; margin-top:-40p; margin-left:-30px}
}



.sacmenu{position:absolute;right:0;bottom:7px}
.sacmenu a{color:#fff;padding:8px 12px;margin:0 4px 0 0;border-radius:5px 5px 0 0;background-color:#80c042;font-size:14px;letter-spacing:0.06em}