.container {position: relative; width: 94%; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }
.container-fluid {position: relative; width: 100%; margin: 0; padding: 0; box-sizing: border-box; }
.con{margin:0 30px}
.column,.columns { width: 100%; float: left; box-sizing: border-box; }
.pad{padding:40px 0}
.padd{padding: 80px 0}
.pad4{padding:40px}
.br{color:#fff}
.az{color:#00c1d5}
.bgbr{background-color:#fff}
.bgcz{background-color:#F1F3F5}
.bgczaz a{color:#fff}.bgczaz a:hover{color:#3f4f7e}
.maiu{text-transform: uppercase}
.roxo{color: darkorchid}

.bigbo{width:150px;height:150px;-webkit-border-radius:75px;-moz-border-radius:75px;border-radius:75px;border:2px solid #fff;background-color:#c30505; color:#FFFFFF; line-height:150px;text-align:center; font-size:20px; display:inline-table; text-decoration:none;opacity: 1; margin:0 12px 12px 0; -webkit-transition: color 0.3s ease-in;-o-transition: color 0.3s ease-in; -ms-transition:.3s; -moz-transition:.3s}
.bigbo:hover{background-color:red; color:#FFFFFF; border:2px solid #fff}


.z:hover > img {box-shadow: 0px 0px 90px #000000; z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.05);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.05);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.05);
    transition: all 200ms ease-in;
    transform: scale(1.05);}



.tn{background-color:#3a2977;}
.ri{background-color:#5d245b;}
.rpj{background-color:#263159;}

.cir{border-radius:10%; overflow:hidden;}

.som{-webkit-box-shadow:0px 0px 54px -8px rgba(0,0,0,0.25);-moz-box-shadow:0px 0px 54px -8px rgba(0,0,0,0.2);box-shadow:0px 0px 54px -8px rgba(0,0,0,0.2)}
.somb {text-shadow:0px 0px 33px #3d3d3d}

.pe {background-color:#212e51; font-size:65%; letter-spacing:0.2em; padding:50px 0}
.plugin-content li{list-style:none; text-transform:uppercase; font-size:13px; line-height:18px; border-bottom:1px solid #a6c3db; padding:10px 0 19px 0}
.plugin-tags .plugin-content li{font-size:10px; border:1px solid #a6c3db; padding:5px; float:left; margin:0 10px 10px 0}
.row .art{text-align:justify}
.row .art h2{text-align:left}



/* For devices larger than 400px */
@media (min-width: 300px) {
    .container {width:85%; padding: 0; }
}

/* For devices larger than 550px */
@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%; }

}


/* Base Styles–––––– */
/* 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%; }
body {font-size:1.7em; /* currently ems cause chrome bug misinterpreting rems on body element */
 font-weight:300; font-family:'Lato', sans-serif; color:#222; letter-spacing:0.04em; overflow-x:hidden; width:100%; height:100%; padding:0; margin:0; background-color:#f8f5e9; background-image:url(../img/top.png);background-repeat:repeat-x; background-position:top;}

body div#preloader {position:fixed; left:0; top:0; z-index:999; width:100%; height:100%; overflow:visible; background:#fff url('../img/loading.gif') no-repeat center center; }


/* Typography–––––––––– */
h1, h2, h3, h4, h5, h6 {margin:0 0 1rem 0; color:#9d2936; font-weight:900; text-transform:uppercase}
h1 {font-size:4.0rem; line-height:1.5; letter-spacing:.3rem;}
h2 {font-size:3.6rem; line-height:1.4; letter-spacing:.2rem; font-weight:300}
h3 {font-size:2.6rem; line-height:1.4; letter-spacing:.2rem; font-weight:300}
h4 {font-size:2.2rem; line-height:1.4; letter-spacing:.2rem;}
h5 {font-size:1.8rem; line-height:1.5; letter-spacing:.2rem;}
h6 {font-size:1.5rem; line-height:1.6; letter-spacing:.2rem; font-weight:300}

/* Larger than phablet */
@media (min-width: 550px) {
  h1 { font-size: 4.5rem; }
  h2 { font-size: 3.4rem; }
  h3 { font-size: 2.4rem;}
  h4 { font-size: 2.0rem; }
  h5 { font-size: 1.8rem; }
  h6 {font-size: 1.5rem; }
}



.response h5{font-size:14px; margin:2rem 0 3rem 0}
.response a {color:#fff}
#gestao h3, #wealth h3 {font-size:1.64rem}
#wealth li, #gestao li {margin:30px 0}
.plugin-pages h2, .plugin-tags h2{font-size:38px}

p {margin-top: 0;}
.text-center {text-align:center}
.text-just {text-align:justify}
.text-left {text-align:left}
.text-right {text-align:right}


/* Links––––– */
a {color:#9d2936; text-decoration:none;
-o-transition:color .2s ease-out, background 1s ease-in; -ms-transition:color .2s ease-out, background 1s ease-in; -moz-transition:color .2s ease-out, background 1s ease-in; -webkit-transition:color .2s ease-out, background 1s ease-in;}
a:hover {color:#ff0000; text-decoration:none}


/* Buttons––––––– */
.button,button,input[type="submit"],
input[type="reset"],input[type="button"] {display:inline-block; height:42px; padding:0 25px; color:#555; text-align:center; font-size:11px; font-weight:600; line-height:38px; letter-spacing:.1rem; text-transform:uppercase; text-decoration:none; white-space:nowrap; background-color:#f8f5e9; border-radius:22px; border:1px solid #bbb; cursor:pointer; box-sizing:border-box;margin:10px 0}
.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: #333; border-color: #888; outline:0; }
.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: #9e063c; border-color: #9e063c}
.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:#f02837; border-color:#f02837}


/* Forms–––––––– */
input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],
textarea,select {height:50px; padding:9px 14px; /* The 6px vertically centers text on FF, ignored by Webkit */
  border:0; border-radius:20px; box-shadow:none; box-sizing:border-box; color:#000; font-size:14px; font-weight:400;
box-shadow: inset 0px 0px 15px 3px #E8E8E8;-webkit-box-shadow: inset 0px 0px 15px 3px #E8E8E8;
-moz-box-shadow: inset 0px 0px 15px 3px #E8E8E8;-o-box-shadow: inset 0px 0px 15px 3px #E8E8E8;
}
/* Removes awkward default styles on some inputs for iOS */
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:120px; padding:9px 14px}
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 rgba(81, 203, 238, 1); outline:0;box-shadow: 0 0 5px rgba(81, 203, 238, 1);}
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}


/* Lists–––––––– */
ul { list-style: disc inside; }
ol { list-style: decimal inside; }
ol, ul { padding-left: 0;  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; }


/* Code––––––––– */
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; }


/* Tables–––––––– */
table {border-collapse:separate; background:#fff; margin:10px auto; width:100%}
thead {background-color:#a6c3db;}
thead th {font-size:18px; font-weight:400; letter-spacing:0.3em; color:#fff; text-align:left; padding:14px 25px}
tbody tr td {padding:14px 25px}
tbody tr:nth-child(2n) {background:#f0f3f5;}
tbody tr:last-child td {border-bottom: none;}
tbody:hover > tr:hover td {color:#2d2d2d; opacity:1;}

@media screen and (max-width: 600px) {
  table thead {border:none; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}
  table tr {display:block; margin-bottom:.625em; }
  table td {display:block; text-align:center}
  table td:before {  /*   * aria-label has no advantage, it won't be read inside a table content: attr(aria-label);  */
    content: attr(data-label); float:left; font-weight:bold;}
  table td:last-child {border-bottom: 0; }
}

table .time{border-collapse:separate; background:#fff; margin:50px auto; width:100%}
.time thead {background-color:#a6c3db;}
.time thead th {font-size:14px; font-weight:400; letter-spacing:0; color:#fff; text-align:left; padding:3px 4px; text-align:center; background-color:#a6c3db;}
.time tbody tr td {padding:4px 6px; font-size:12px; text-align:center; border:solid; border-color:#fff}
.time tbody tr:nth-child(2n) {background:#fff}
.time tbody tr:last-child td {}
.time tbody:hover > tr:hover td {color:#2d2d2d; opacity:1;}


/* Spacing–––––– */
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; }


/* Utilities–––––– */
.u-full-width { width:100%; box-sizing: border-box; }
.u-half-width { width:48%;margin-right: 10px; 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; }


/* Misc–––––– */
hr {margin-top:3rem; margin-bottom:3rem; border-width:0; border-top:1px solid #ccc}
.hrpe {margin-top:1rem; margin-bottom:2rem; border-width:0; border-top:1px solid #345873; width:100%}


/* Clearing–––––– */

/* Self Clearing Goodness */
.container:after,.row:after,.u-cf { content: ""; display: table; clear: both; }







#nav-icon4 {width:35px; height:20px; position:absolute; top:48px; right:22px; -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out; transition: .5s ease-in-out;cursor: pointer; z-index:300}
#nav-icon4 span {display: block; position: absolute; height:5px; width:100%; background:red; border-radius:2px; opacity: 1; left: 0; -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg); -webkit-transition: .25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
#nav-icon4 {}
#nav-icon4 span:nth-child(1) {top: 0px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin: left center;transform-origin: left center;}
#nav-icon4 span:nth-child(2) {top:10px; -webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin: left center;transform-origin: left center;}
#nav-icon4 span:nth-child(3) {top:20px;-webkit-transform-origin:left center;-moz-transform-origin:left center; -o-transform-origin: left center; transform-origin: left center;}
#nav-icon4.open span:nth-child(1) {-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg); transform: rotate(45deg); top:-3px; left:5px}
#nav-icon4.open span:nth-child(2) { width: 0%; opacity: 0;}
#nav-icon4.open span:nth-child(3) {-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform: rotate(-45deg); top:22px; left:5px}
.menu{ color:red; font-weight:400; font-size:10px; position:fixed; top:25px; letter-spacing:0.2em}


@-webkit-keyframes fadeInRight {
  0% {opacity: 0;left: 20%;}
  100% {opacity: 1; left: 0;}
}
@keyframes fadeInRight {
  0% {opacity: 0; left: 20%;}
  100% {opacity: 1; left: 0;}
}






/* Media Queries–––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries near the relevant code. For example, if you wanted to change the styles for buttons on small devices, paste the mobile query code up in the buttons section and style it
there.
*/


/* Larger than mobile */
@media (min-width:320px) {
body{line-height:1.3;}
    .top {z-index:100; top:0px}
    .top a:hover{color:#fff}
    .logo {max-width:180px; position:absolute; z-index:200; top:32px; left:0}
.sub {width:260px; top:0; position:absolute; font-family:'Lato', sans-serif; font-size:10px; font-weight:900; letter-spacing:0.2em; background-color:#83282f; padding:2px 15px 3px 15px; -webkit-border-bottom-right-radius:14px; -webkit-border-bottom-left-radius:14px; -moz-border-radius-bottomright:14px; -moz-border-radius-bottomleft:14px; border-bottom-right-radius:14px; border-bottom-left-radius:14px; text-align:center; color:red; z-index:200}
.sub a {color:#fff} .sub a:hover {color:red}
    .hero {min-height:350px; width:auto; object-fit:cover}
    .heroin {min-height:240px; width:auto; object-fit:cover; z-index:0}
    .conteudo {height:auto; margin-top:360px}
    .conteudoin {margin-top:-30px; height:0}
    .ico {width:70px; height:auto; padding:0 10px 0 0; float:left}

.pad6{padding:20px; margin:30px 0}
.bgtop {position:absolute; left:0; top:0px; z-index:1; box-sizing:border-box; overflow-x:hidden; min-width:1000px}
#slideshow img {position:absolute; top:90px; left:0; width:100%; z-index:0}
.slogan h1{position:absolute; width:100%; top:210px; color:#fff; letter-spacing: 0.2em; z-index:10; font-size:24px; font-weight:900}

.bgtt a{color:#fff}
.bgtt a:hover{color:red}
.miga{color:#fff; margin:0 0 0 100px}
.miga a{color:#fff; font-size:13px}

.art img{float:left; width:100%; max-width:400px; -webkit-box-shadow: 0px 0px 34px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 0px 54px -8px rgba(0,0,0,0.2);box-shadow: 0px 0px 34px 0px rgba(0,0,0,0.2); margin:0 20px 20px 0}
    
#mn {display:none}
#areasin{margin-top:116px}
#areasin img.tabhm  {object-fit:cover; width:320px; height:260px}
.selo{max-width:160px; margin:15px 0 0px 0}
.miga{display:none}

.overlay {position:fixed; background:#8c202c; top:0; left:0; width:100%; height:0%; opacity:0; visibility:hidden; -webkit-transition: opacity .35s, visibility .35s, height .35s; transition:opacity .35s, visibility .35s, height .35s; overflow: hidden; z-index:250}
.overlay.open {opacity:0.9; visibility:visible; height:100%;}
.overlay.open li {-webkit-animation:fadeInRight .5s ease forwards; animation:fadeInRight .5s ease forwards; -webkit-animation-delay:.35s; animation-delay:.35s;}
.overlay.open li:nth-of-type(2) {-webkit-animation-delay:.4s; animation-delay:.4s;}
.overlay.open li:nth-of-type(3) {-webkit-animation-delay:.45s; animation-delay:.45s;}
.overlay.open li:nth-of-type(4) {-webkit-animation-delay:.50s; animation-delay:.50s;}
.overlay nav {position:relative; height:70%; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); font-size:15px; text-align:center; text-transform:uppercase; letter-spacing:0.2em; font-weight:900}
.overlay ul {list-style:none; padding:0; margin:0 auto; display:inline-block; position:relative; height:100%;}
.overlay ul li {display:block; height: 25%; height: calc(100% / 7); min-height:20px; position:relative; opacity:0; color:#17adc3}
.overlay ul li a {display:block; position:relative; color:#fff; text-decoration:none; overflow:hidden}
.overlay ul li a:hover {color:red}

    .etabs { margin:120px 0 0 0; padding:0; text-align: center;}
    .tab {display:inline-block; zoom:1; *display:inline; border:none; color:#fff;-moz-border-radius:12px; -webkit-border-radius:12px; margin:0 0 10px 0;padding:0}
    .tab a {font-size:15px; line-height:2em; display:block; padding:10px 20px; outline:none; color:#fff}
    .tab a:hover {}
    .tab.active { padding-top:0}
    .tab-container .panel-container {background:#f8f5e9; border:none; padding:0; -moz-border-radius:0 4px 4px 4px; -webkit-border-radius:0 4px 4px 4px; }
    .tab-container h2{color:#fff;padding:10px 0; font-size:130%}
    .tab-container h4{color:#fff;font-size:100%; text-transform:none; font-weight:300}
    .panel-container {margin:0}
    .tabhm{z-index:3;float:left;object-fit:cover; width:320px; height:337px}
    .chat{bottom:0;right:5px;z-index:5900;position:fixed;width:70px}
    .tabinfo{z-index: 100; position: absolute; width:100%; left:10px; padding:20px 0 0 0}
    .tabinfoin{z-index: 100; position: absolute; width:100%; left:10px; padding:30px 0 0 0}
    .tabinfoin h1{font-size:28px;font-weight:300}
    .tabinfoin h2{font-size:19px;font-weight:300;color:#fff}
    .tabinfoin h4{font-size:14px;font-weight:300;color:#fff}
}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width:550px) {
    .hero {min-height:400px}
    .conteudo {height:auto; margin-top:280px}
}

/* Larger than tablet */
@media (min-width:750px) {
    .top {padding:15px 0 0 0}
    .logo {max-width:200px; margin:0px 0 30px 0}
    .sub {right:0px; letter-spacing:0.2em;}
    .hero {min-height:500px}
    .conteudo {height:auto; margin-top:350px}
    .conteudoin {margin-top:-60px; height:0}
.art img{max-width:50%; margin:10px 30px 20px 0}
.miga{display:block}

    #areasin img.tabhm {object-fit:contain; width:auto; height:300px} 
    .tabhm{z-index:3;float:left; object-fit:contain; width:auto; height:300px}
    .chat{bottom:0;right:5px;width:80px}
}


/* Larger than desktop */
@media (min-width: 1000px) {
body{line-height:1.8;}
    .top {padding:25px 0}
    .logo {max-width:220px; top:25px}
    .hero {min-height:auto}
    .conteudo {height:auto; margin-top:500px}
    .selo{max-width:180px; margin:25px 0 0px 0}
    .ico {width:90px; padding:0 12px 10px 0}

.pad6{padding:60px; margin:30px 0}
#areasin{margin-top:80px;}
.bgtop {position:absolute; left:0; top:-15px; z-index:1; box-sizing:border-box}
#areasin img.tabhm  {height:260px}
.slogan h1{position:absolute; width:100%; top: 260px; color:#fff; font-size:30px;}
.chat{bottom:4px;right:7px;width:80px}
    
    .etabs { margin:75px 0 0 0; padding:0; text-align: center}
    .tab {display:inline-block; zoom:1; *display:inline; border:none; color:#fff;-moz-border-radius:12px 12px 0 0; -webkit-border-radius:12px 12px 0 0;margin:0;padding:0}
    .tab a {font-size:16px; line-height:2em; display:block; padding:12px 40px; outline:none; color:#fff}
    .tab a:hover {}
    .tab.active { padding-top:5px; }
    .tab-container .panel-container {background:#f8f5e9; border:none; padding:0; -moz-border-radius:0 4px 4px 4px; -webkit-border-radius:0 4px 4px 4px; }
    .tab-container h2{color:#fff;padding:30px 0; font-size:150%}
    .tab-container h4{color:#fff;font-size:120%; text-transform:none; font-weight:300}
    .panel-container {margin:0}
    .tabhm{height:380px}
    .tabinfo{z-index: 100; position: absolute; width:50%; left:50%; padding:50px 0 0 0}
    .tabinfoin{z-index: 100; position: absolute; width:100%; left:0; padding:60px 0 0 0}
    .tabinfoin h1{font-size:38px;font-weight:300}.tabinfoin h2{font-size:25px}.tabinfoin h4{font-size:17px;margin-top:0}

.button_containe {display:none}
.overlay {display:none}
#mn {top:45px; right:0; width:100%; position:absolute; z-index:110; display:block; }
#mn ul {padding:0px; right:0; background:none; list-style:none; position:absolute}
#mn ul li {display:inline;}
#mn ul li a {padding:0 0 15px 25px; display:inline-block; color:#83282f; text-decoration:none; text-transform:uppercase; font-size:14px; letter-spacing:0.1em; font-weight:400}
#mn ul li a:hover{color:#ff0b0b}
    .index{margin-top:-40px}
    
#mn ul li ul {position:absolute; top:18px; right:46px; width:260px; -webkit-box-shadow: none; -moz-box-shadow: none;
  box-shadow: none; display: none; opacity: 0; visibility: hidden; -moz-border-radius:0 0 12px 12px; -webkit-border-radius:0 0 12px 12px; -webkit-box-shadow: 0px 26px 20px 1px rgba(20,21,46,0.58);-moz-box-shadow: 0px 26px 20px 1px rgba(20,21,46,0.58);box-shadow: 0px 26px 20px 1px rgba(20,21,46,0.58);}
#mn ul ul {background:#f8f5e9;padding:20px 15px 25px 5px; -webkit-transition: opacity 0.2s;-moz-transition: opacity 0.2s;-ms-transition: opacity 0.2s;-o-transition: opacity 0.2s;-transition: opacity 0.2s; }
#mn ul li ul li a{display:block; color:#83282f; letter-spacing: 0.1em; font-size:14px}
#mn ul li ul li a:hover {color:#ff0b0b}
#mn ul li:hover ul {display:block; opacity:1; visibility:visible;}
.con #mn {margin:5px 40px 0 0}
.con #mn a{color:#fff}
}


@media (min-width: 1270px) {
.logo {max-width:230px; margin:-5px 0 0 0}
    .conteudo {margin-top:380px}
    .slogan h1{top:220px;}
    #mn {top:45px}
}

@media (min-width: 1400px) {
    .conteudo {margin-top:450px}
    .slogan h1{top:250px;}
}

/* Larger than Desktop HD */
@media (min-width: 1600px) {
    .logo {max-width:270px; margin:0 0 0 0}
    .conteudo {margin-top:490px}
    .slogan h1{top:270px;}
    #mn {top:60px}
    .index{margin-top:-37px}
}






.overl {position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(30, 69, 99, 0.8); transition:opacity 500ms; visibility:hidden; opacity:0; height:auto; z-index:500}
.overl:target {visibility:visible; opacity:1}
.popup {margin:120px auto 0 auto; padding:20px; background:#fff; width:30%; position:relative; transition:all 5s ease-in-out; height:auto}
.popup .close {position:absolute; top:-10px; right:22px; transition:all 200ms; font-size:35px; font-weight:bold; text-decoration:none; color:#333}
.popup .close:hover {color:#17adc3}
.popup .content {max-height:70%; overflow:auto; padding:12px}

@media screen and (max-width:700px){
  .popup{width:80%;}
}




ul.tabs {margin:0; padding: 0px;list-style: none;}
ul.tabs li{background: none; font-weight:300; display: inline-block; padding:8px 20px; cursor: pointer; margin:0 5px 0 0;font-size:20px; border-radius: 4px 4px 0 0; box-sizing: border-box;-webkit-box-shadow: 0px -13px 18px 0px rgba(166,166,166,0.62); -moz-box-shadow: 0px -13px 18px 0px rgba(166,166,166,0.62);box-shadow: 0px -13px 18px 0px rgba(166,166,166,0.62)}
ul.tabs li.current{background: #fff;color: #bc9c4a}
.tab-content{display: none; background: #fff; padding:30px; box-sizing: border-box; -webkit-box-shadow: 0px 10px 18px 0px rgba(166,166,166,0.62); -moz-box-shadow: 0px 10px 18px 0px rgba(166,166,166,0.62);box-shadow: 0px 10px 18px 0px rgba(166,166,166,0.62)}
.tab-content.current{display: inherit;}




#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../img/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(../img/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../img/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../img/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../img/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../img/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../img/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../img/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../img/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(../img/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../img/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../img/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../img/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../img/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,.cboxIE #cboxTopCenter,.cboxIE #cboxTopRight,.cboxIE #cboxBottomLeft,.cboxIE #cboxBottomCenter,.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,.cboxIE #cboxMiddleRight {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);}