/* ==================================================

I.	BASE STYLES and resets

===================================================== */

*, *:before, *:after { 
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box; 
box-sizing: border-box; 
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display: block;}
audio,canvas,video { display: inline-block;}
html{font-family: sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
html,body {font-size: 100%; }

body {
font-family: 'Myriad Pro Regular', Helvetica, Arial, sans-serif; 
font-weight: normal; 
font-style: normal; 
line-height: 1; 
color: #838383; 
-webkit-font-smoothing: antialiased; 
text-rendering: optimizeLegibility; 
margin: 0;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { display:block;}

/*--------------------------------------------------- 
Links
===================================================== */

a{ 
color: #a4c401;
text-decoration: none; 
line-height:inherit;
-webkit-transition: color .6s ease-in;
-moz-transition: color .6s ease-in;
-o-transition: color .6s ease-in;
transition: color .6s ease-in;
}

a:hover{color: #006720;text-decoration: none;}
a:active{color: #006720;text-decoration: none;}
a:focus{color:#006720;outline:0}
p a,p a:visited{line-height:inherit}

img a, a img, img {border: 0;}

a.invert, invert a, .invert li a{color: #060d15 !important;}
a.invert:hover, invert a:hover, .invert li a:hover{color: #0ab !important;}

/*--------------------------------------------------- 
Positioning and Common Floats
===================================================== */

.left{float:left}
.right{float:right}
.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}
/*center and element(s), and center text*/
.centering{margin: 0 auto;text-align: center;display: block;float: none;border: 0; width: 100%;}
.hide{display:none}
.nudgeright{position: relative;right: -1.5em;;}

/*--------------------------------------------------- 
Typography
====================================================== */   

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td{margin:0;padding:0;font-size:1rem}

p{font-size:1.1rem;line-height:1.6;margin-bottom:17px;}
p.lead{font-size:17.5px;line-height:1.6;margin-bottom:17px}
p img.left,p img{margin:17px;margin-left:0}
p img.right{margin:17px;margin-right:0}

h1,h2,h3,h4,h5,h6{ font-weight: normal;text-rendering:optimizeLegibility;line-height:1.4;margin-bottom:.6em;margin-top:.3em;font-family: 'Myriad Pro Bold', Helvetica, Arial, sans-serif;}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:60%;color:#888;line-height:0}
h1 { font-size:3em;}
h2 { font-size:2.7em;}
h3 { font-size:1.7em;}
h4 { font-size:1.2em;}
h5 { font-size:1em;}
h6 { font-size:1em;}

.background-title { background-color: #eee; padding: 10px;}

hr{border-top: 1px solid #999;border-bottom: 1px solid #fff;clear:both;margin:22px 0 21px;height:0}	
hr.sep{display: block;width: 40%;margin: 2.5em auto 2em;border: 2px solid #d9e4ea;}
.subheader{line-height:1.3;color:#777;font-weight:300;margin-bottom:17px}
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup { top: -0.5em;}
sub { bottom: -0.25em;}

svg:not(:root) {overflow: hidden;}


strong,b{font-weight:bold;line-height:inherit}
q {quotes: "\201C" "\201D" "\2018" "\2019";}
em{color: #19374b;font-style:normal;font-weight:700;}
ul,ol{font-size:1.1em;line-height:1.9;list-style-position:inside;}
ol li{padding-bottom:.9em}
ol { counter-reset: item;list-style-position:outside }
ol li { display: block }
ol li:before {content: counter(item) ". ";counter-increment: item;font-weight: bold;font-size: 120%;color:#a2c33a;}
li { list-style: none; }
/*
blockquote cite{display:block;font-size:2em;color:#555}
blockquote cite:before{content:"\2014 \0020"}
blockquote cite a,blockquote cite a:visited{color:#555}
*/

blockquote,blockquote p{
  font-family: 'Myriad Pro Regular', Helvetica, Arial, sans-serif; 
  font-size: 2.2em !important;
  text-align: center;
  padding: .5em 0;
  margin: .1em 0 .8em;
  line-height: 1.3;
  letter-spacing: -0.02em;
  border-top: 2px solid rgba(0,0,0,0.1);
  border-bottom: 2px solid rgba(0,0,0,0.1);
}
q, blockquote {quotes: "“" "”" "‘" "’";}
q:before, blockquote:before {content: open-quote;}
q:after, blockquote:after {content: close-quote;}

figure {margin: 0;}
figcaption{color: #6D8188;font-size: 1.1em;text-align: center;line-height: 1.5;margin: -.5em auto .6em;}
.bullet{font-size: 3em;}

big, .big p, .big li, ul.big li{font-size: 1.6em;}
.bigger{font-size: 1.7em;}
.biggie{font-size: 2em;}
.biggest{font-size: 2.6em !important;}

pre {
font-family: 'Myriad Pro Regular', Helvetica, Arial, sans-serif; 
color: #1E315A;
line-height: 1.2em;
background: #B6DBE4;
margin: 0 0 2em;
padding: 1.4em;
white-space: pre-wrap;
overflow: hidden;
}


.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.text-bottom {
  vertical-align: text-bottom !important; }

.text-center {
  text-align: center !important; }

.text-justify {
  text-align: justify !important; }
  

  /* Helpful Typography Defaults */
em,
i {
  font-style: italic;
  line-height: inherit; }

strong,
b {
  font-weight: bold;
  line-height: inherit; }

small {
  font-size: 60%;
  line-height: inherit; }

code {
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: bold;
  color: #910b0e; }




/*--------------------------------------------------- 
Table
====================================================== */  
  table {
    border-collapse: collapse;
    margin-bottom: 3em;
    width: 100%;
    background: #fff;
}


td, th {
    padding: 0.75em 0.5em;
    text-align: center;
    font-size: 0.75em;
    vertical-align:sub;
}
  td.err {
    background-color: #1b6623;
    color: #fff;
    font-size: 0.75em;
    text-align: center;
    line-height: 1;
  }
th {
    background-color: #a4c401;
    font-weight: bold;
    color: #fff;
    white-space: nowrap;
    vertical-align:sub;
}
tbody th {
  background-color: #2ea879;
}
tbody tr:nth-child(2n-1) {
    background-color: #f5f5f5;
    transition: all .125s ease-in-out;
}
tbody tr:hover {
    background-color: rgba(164,196,1,.3);
}



@media screen and (max-width: 1024px) {
  table {
    border-collapse: collapse;
    margin-bottom: 3em;
    width: 85%;
    background: #fff;
}
td, th {
    padding: 0.75em 0.5em;
    text-align: center;
    font-size: 0.75em;
}
  }


/* Configurações padrões dos formulários de contato */

:focus { outline: 0; }

form p {
  font-size: 1.25em !important;
  color: #575757 !important;
}
form hr {
  margin: 30px 0;
  height: 1px;
  background: #ddd;
  border: none;
}

label, input, textarea, select { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; transition: border 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out; }

label {
  display: block;
  margin: 10px 0;
  padding: 0 30px;
  float: left;
  clear: left;
  width: 30%;
  color: #575757;
  font: normal 1.3em 'Myriad Pro Regular', Arial, Helvetica, sans-serif;
  text-align: right;
}

input, textarea, select {
  display: block;
  width: 70%;
  margin: 15px 0;
  padding: 15px;
  color: #646464;
  font: normal 1.1em 'Myriad Pro Regular', Arial, Helvetica, sans-serif;
  border-radius: 6px;
  border: #bcbcbc 1px solid;
  box-shadow: inset rgba(0, 0, 0, 0.15) 0 2px 6px;
}

select { width: auto; }

input:focus, textarea:focus, select:focus {
  color: #646464;
  border: #a4c401 1px solid;
  box-shadow: none;
}

.form-phones, .form-address { height: auto; display: table; width: 100%; }

.form-phones label, .form-address label { clear: none; float: left; padding: 5px 30px 5px 0; }

.form-phones label.last, .form-address label.last { width: 20%; padding: 14px 18px 5px 0; }

.form-phones input { margin: 0; width: 25%; float: left; }

.form-address { clear: both; }

.form-address label { padding: 15px 10px; }

.form-address label.last { width: 12%; float: left; }

.form-address select { float: left; width: 20%; margin: 12px 0; }

.form-address input { width: 38%; float: left; margin: 12px 0; }