body {margin: 0; background-color: #fff; font: 18px oxygen, arial; color: #000;} /* background: url(img/bg.jpg) repeat-x top; */
h1 {font: bold 28px montserrat, arial; color: #2b2b2b; margin: 20px 0 20px 0; letter-spacing: -1px; padding-bottom: 15px; border-bottom: 2px solid #89b498; clear: both;}
h2 {font: bold 24px montserrat, arial; color: #2b2b2b; margin: 20px 0 10px 0; letter-spacing: -0.7px; clear: both;}
h3 {font: bold 22px montserrat, arial; color: #222; margin: 20px 0 10px 0; letter-spacing: -0.1px; clear: both;}
h4 {font: bold 18px montserrat, arial; color: #222; margin: 5px 0 10px 0; letter-spacing: -0.1px;}
p {font: 17px oxygen, arial; color: #000; line-height: 1.6; margin: 0 0 10px 0;}
div {font: 18px oxygen, arial; color: #000; line-height: 1.6;}
a {color: #006f49; text-decoration: none;}
a:hover {text-decoration: underline;}
b {color: #555;}
ul {list-style: none; margin: 0; padding: 0;}
li {color: #000;}
img {max-width: 100%; height: auto; vertical-align: top;}
br {clear: both;}
.h5 {clear: both; display: block; content: ""; height: 5px;}
.h10 {clear: both; display: block; content: ""; height: 10px;}
.h15 {clear: both; display: block; content: ""; height: 15px;}
.h20 {clear: both; display: block; content: ""; height: 20px;}
.colorred {color: #ff0000;}

/* layout */
#containerbg {max-width: 1000px; margin: 0 auto 20px auto;}
#container {background: #fff; margin: 10px 0 20px 0; text-align: left; border-radius: 6px;}
#subcontainer {max-width: 620px; width: 100%; padding: 0; text-align: left; float: left;}
/*#leftcontainer {max-width: 600px; text-align: left; float: left;}*/
#bgbox {max-width: 255px; min-height: 60px; background-color: #f8f8f8; padding: 20px 20px 10px 20px; border-radius: 3px; border-left: 5px solid #ddd;}
.linebreak {width: 100%; height: 3px; background: #eee; margin: 35px 0 30px 0; clear: both;}
.clear {clear: both;}
.picture {border: 1px solid #bbb;}
.alignleft {text-align: left;}
.aligncenter {text-align: center;}
.alignright {text-align: right;}
.aligntop {vertical-align: top;}
.alignmiddle {vertical-align: middle;}
.alignbottom {vertical-align: bottom;}

/* text */
.bold {font-weight: bold;}
.bar {font-weight: bold; padding: 0 6px;}
.symbol {font: bold 18px oxygen; color: #333; padding: 0 8px;}
.textsmall {font-size: 13px;}
.textmedium {font-size: 15px;}
.textbig {font-size: 17px;}
.texterror {color: #ff0000;}
.textcolor1 {color: #dd0000;}
.textcolor2 {color: #d8372a;}
.linkcolor {color: #ffeb00;}
.topico {font: bold 19px montserrat, arial; color: #222; margin: 5px 0 10px 0; letter-spacing: -0.1px;}

/* image */
.imagebox {margin: 20px 0 20px 0;}
.imagearticle {width: 590px;} /* border: 1px solid #715a62; */

/* section */
section {margin: auto;}

/* aside */
aside {min-width: 200px; max-width: 100%; text-align: left; margin: 30px 0 20px 0; float: right;}
aside #search {max-width: 300px; background-color: #ff6196; border-radius: 3px; border-left: 5px solid #7abf87;}
aside #search .label {font: normal 16px montserrat, arial; color: #fff; padding: 10px 15px 10px 15px;}
aside .leftmenu {height: 43px; background-color: #236642; font: normal 17px montserrat, arial; color: #fff; line-height: 44px; vertical-align: middle; padding: 0 18px 0 18px; border-left: 5px solid #7abf87; border-radius: 2px;}
aside nav {max-width: 300px; min-width: 300px; background: #fff; border: 1px solid #fff; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
aside nav ul {margin: 0; padding: 2px 20px;}
aside nav ul li {list-style: none; padding: 2px 0 5px 0; border-bottom: 1px solid #adccbb;}
aside nav ul li:first-child {padding: 5px 0 5px 0; border-bottom: 1px solid #adccbb;}
aside nav ul li:last-child {padding: 5px 0 5px 0; border-bottom: none;}
aside nav ul li a {font: bold 16px lato, tahoma;}
aside nav ul li a.linklast {text-transform: uppercase;}

/* input */
input[type="text"],textarea {font: 16px lato, arial; padding: 4px; border-radius: 3px; border: 1px solid #b6b6b6; box-shadow: inset 0 1px 2px rgba(0,0,0,.15), 0 -1px 1px #fff, 0 1px 0 #fff;}
input[type="radio"] {margin-top: 10px;}
input[type="file"] {font: 16px lato, arial;}
input[type="submit"] {font: 16px lato, arial; height: 30px;}
/*input[type="submit"]:active, input[type="button"]:active {opacity: 0.8;}*/
.button {padding: 14px 16px; font: 18px lato, arial; color: #fff; background-color: #2c87c5; text-align: center; vertical-align: middle; cursor: pointer; border: 0; border-radius: 3px; display: inline-block; margin-bottom: 5px;}

/* quotes */
blockquote {background: url(img/i-frase.png) no-repeat; padding: 0 10px 0px 28px; color: #000; margin: 0 0 20px 0; border-bottom: 2px #629373 dotted;}
.quote {font: bold 17px oxygen, arial; color: #444; line-height: 1.5; padding: 15px 0 0 0;}
.quote div {font: bold 16px oxygen, arial; margin: 8px 0 12px 0; color: #009859;}
.quote img {border-radius: 2px;}
.quoteone {font: bold 17px oxygen, arial; color: #444; line-height: 1.5; padding: 15px 0 0 0;}
.quoteone div {font: bold 16px oxygen, arial; margin: 8px 0 12px 0; color: #009859;}
.quoteone img {border-radius: 2px;}

/* busca */
.assunto {font: bold 19px montserrat, arial; color: #006f49; line-height: 1.2;}
#buscabox {margin: 20px 0 20px 0; padding: 0 0 20px 0; color: #000; border-bottom: 2px #ddd dotted;}

/* share icons */
.sbt {padding: 8px 0 5px 0; width: 38px; font: 14px oxygen, arial; color: #fff; text-align: center; background-color: #3b5998; cursor: pointer; border-radius: 3px; display: inline-block; margin: 0 0 4px 1px; text-transform: uppercase; line-height: 15px;}
.sbt:hover {opacity: 0.9;}
.buttonbox {max-width: 100%; border: 1px solid #eee; border-radius: 3px; margin: 0 0 20px 0; padding: 6px 10px; clear: both;} /* min-height: 35px; */
.sharebuttons {margin: 10px 0px 20px; text-decoration: none;}
.sbutton {padding: 7px 10px 4px 10px; font: 11px oxygen, arial; color: #fff; text-align: center; background-color: #3b5998; cursor: pointer; border-radius: 3px; display: inline-block; margin: 0 0 4px 2px; text-transform: uppercase; line-height: 15px;}
.sbutton:hover {text-decoration: none;}
.sbuttonfacebook {background: #4067b9; border-bottom: 3px solid #234da2;}
.sbuttontwitter {background: #55acee; border-bottom: 3px solid #4587b6;}
.sbuttongoogleplus {background: #dd4b39; border-bottom: 3px solid #be4233;}
.sbuttonpinterest {background: #e52c41; border-bottom: 3px solid #c32c31;}
.sbuttontumblr {background: #32506d; border-bottom: 3px solid #1d3250;}
.sbuttonwhatsapp {background: #58ad15; border-bottom: 3px solid #428210;}
.sbuttonlinkurl {background: #f79b17; border-bottom: 3px solid #df8504;}
.sbuttonfacebook:active {border-bottom: 3px solid #4067b9;}
.sbuttontwitter:active {border-bottom: 3px solid #55acee;}
.sbuttongoogleplus:active {border-bottom: 3px solid #dd4b39;}
.sbuttonpinterest:active {border-bottom: 3px solid #c32c31;}
.sbuttontumblr:active {border-bottom: 3px solid #32506d;}
.sbuttonwhatsapp:active {border-bottom: 3px solid #58ad15;}
.sbuttonlinkurl:active {border-bottom: 3px solid #f79b17;}

/* social network box */
.socialnetworkbox {margin: 2px;}
.snb {padding: 7px 10px 5px 10px; font: bold 11px oxygen, arial; color: #fff; text-transform: uppercase; text-align: center; cursor: pointer; border-radius: 3px; display: inline-block; margin: 0 0 4px 2px; line-height: 15px;}
.snbimg {margin-right: 3px;}
.snb:hover {opacity: 0.9; text-decoration: none;}
.snbfacebook {background: #4067b9;}
.snbtwitter {background: #55acee;}
.snbgoogleplus {background: #dd4b39;}
.snbpinterest {background: #bd081c;}
.snbtumblr {background: #243a4f;}
.snbwhatsapp {background: #58ad15;}
.snbskype {background: #00aff0;}
.snbinstagram {background: #91653f;}
.snbyoutube {background: #cd201f;}
.snbemail {background: #1d90dd;}
.snbrss {background: #ef922f;}

/* social network icons */
.socialnetworkicons {margin: 2px;}
.snicon {margin: 2px; width: 35px;}

/* media queries icons */
@media all and (min-width: 768px) {
		.sbuttonwhatsapp {display: none;}
		.snbwhatsapp {display: none;}
}

/* header */
#containerheader {max-width: 1000px; height: 66px; margin: auto; display: flex; flex-direction: row; justify-content: space-between; text-align: left; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-box-pack: justify;}
header {text-align: left; font: 16px lato, arial; color: #eee; background: #1a4c31; width: 100%; padding: 15px 0 0; line-height: 1.5; border-bottom: 4px solid #247c41;}
header #logo {padding: 4px 20px 0 20px; max-width: 410px;}
header #logo #logobox {line-height: 200px; vertical-align: middle;}
header #logo #logobox img {vertical-align: middle;}
header #icons {padding: 30px 40px 20px 20px; display: flex; flex-direction: row; justify-content: flex-end;}
header a.logo {font: bold 36px cabin, lato, arial; letter-spacing: -1px; color: #fff; text-transform: uppercase; text-align: center;}
/*header a.logo {font: normal 70px dosis, arial; letter-spacing: -3px; color: #346cab; text-transform: uppercase; text-align: center;}*/
header div.slogan {font: bold 19px lato, arial; color: #788596; text-transform: uppercase; text-align: center; margin-top: -8px;}
header #boxheadline {display: flex; justify-content: center; flex-direction: column; height: 106px; padding: 0 30px; text-align: center; display: -webkit-box; -webkit-box-pack: center; -webkit-box-orient: vertical;}
header .headline {font: normal 26px lato, arial; color: #444; line-height: 1;}
header .headdescription {font: italic 14px lato, arial; color: #444; line-height: 1.1; margin: 2px 0 0 0;}
header #search {max-width: 300px; border-radius: 3px; margin: 8px 4px 0 0;}
header #search .label {font: normal 16px montserrat, arial; color: #fff; padding: 10px 15px 10px 15px;}
header .headerbar {height: 1px; background: #067245; margin: 0 20px 0px 20px;}

.barra {width: 100%; height: 4px; background: url(img/barra-colorida.png) repeat-x bottom;}

/* categorias */
#catitens {clear: both; margin: 20px 0 0 0;}
.catitem {float: left; margin: 0 20px 20px 0; max-width: 275px; max-height: 200px; overflow: hidden; text-align: center; position: relative;}
.catialink:hover {opacity: 0.9;}
.catiabar {background: #111; opacity: 1; padding: 6px 0; width: 100%; position: absolute; bottom: 0;}
.catiabarlink {font: bold 13px montserrat, arial; color: #fff; padding: 0 8px;}

/* items */
#lista li {list-style: square; font: bold 12px lato; color: #444; width: 240px; margin: 0px 20px 30px 30px; padding: 0 0 0 0px; float: left; white-space: nowrap;}
#lista li a {font: bold 17px lato, tahoma;}

/* links relacionados */
#lritens {clear: both; margin: 20px 0 0 0;}
.lritem {float: left; margin: 0 20px 20px 0; max-width: 425px; max-height: 282px; overflow: hidden; text-align: center; position: relative;}
.lrialink:hover {opacity: 0.9;}
.lriabar {background: #111; opacity: 1; padding: 6px 0; width: 100%; position: absolute; bottom: 0;}
.lriabarlink {font: bold 14px montserrat, arial; color: #fff; padding: 0 8px;}

/* links relacionados side */
#lrsideitens {clear: both; margin: 20px 0 0 0;}
.lrsideitem {float: left; margin: 0 0 20px 0; max-width: 300px; max-height: 218px; overflow: hidden; text-align: center; position: relative;}
.lrsideialink:hover {opacity: 0.9;}
.lrsideiabar {background: #111; opacity: 1; padding: 6px 0; width: 100%; position: absolute; bottom: 0;}
.lrsideiabarlink {font: bold 13px montserrat, arial; color: #fff; padding: 0 8px;}

/* categorias background */
#catbackitens {clear: both; margin: 20px 0 0 0;}
.catbackitem {float: left; margin: 0 20px 20px 0;}
.catbackiabg {width: 275px; height: 200px; background-position: center center; background-repeat: no-repeat; display: table-cell; text-align: center; vertical-align: bottom;}
.catbackialink:hover {text-decoration: none;}
.catbackiabarlink {background: #111; opacity: 1; padding: 8px; font: bold 14px lato; color: #fff;}

/* links relacionados background */
.linkia:hover {text-decoration: none;}
.linkiabg {width: 425px; height: 282px; background-position: center center; background-repeat: no-repeat; display: table-cell; text-align: center; vertical-align: bottom;}
.linkiabar {background: #111; opacity: 1; padding: 10px; font: bold 17px lato; color: #fff;} /* mix-blend-mode: overlay; text-shadow: #000 1px 1px 1px; */

/* links relacionados side background */
.linksideia:hover {text-decoration: none;}
.linksideiabg {width: 300px; height: 218px; background-position: center center; background-repeat: no-repeat; display: table-cell; text-align: center; vertical-align: bottom;}
.linksideiabar {background: #111; opacity: 1; padding: 8px; font: bold 14px lato; color: #fff;}

/* image links */
#links ul {list-style: disc; padding: 5px 15px 0 20px; min-height: 40px;}
#links li {margin: 0 0 2px 0;}

/* text links */
.linkblock {line-height: normal;}
.linktitulo {font: bold 17px oxygen, arial; color: #006f49; line-height: 1.2;}
.linktext {font: 16px oxygen, arial; color: #000; line-height: 1.6;}
.linktopico {font: bold 17px oxygen, arial; color: #006f49; line-height: 1.6;}
.linha {border-bottom: 2px #629373 dotted;}

/* box topico */
.topicobox {vertical-align: middle; padding: 0 20px 10px 20px; border: 1px solid #fff; border-radius: 3px;}
.topicobox h2 {border-bottom: 2px solid #89b498; padding: 0 0 10px 0;}
.topicobox h3 {border-bottom: 1px solid #89b498; padding: 0 0 10px 0;}
.topicobox ul li {padding: 5px 0 5px 0; border-bottom: 1px solid #adccbb; list-style: none;}
.topicobox ul li:first-child {padding: 0 0 5px 0;}
.topicobox ul li:last-child {padding: 5px 0 0 0; border-bottom: none;}
.topicobox ul li a {font: bold 17px oxygen, arial; color: #006f49; line-height: 1.6;}

/* formcenter */
#formcenter {display: table; max-width: 290px; margin: 0 0 20px 0; padding: 0 15px;}
#formcenter input[type="text"] {display: table-cell; width: 100%; min-width: 120px; height: 35px; padding: 10px; margin: 0 0 20px 0; font: 15px lato, arial; color: #000; background: #fff; border: 0; border-right: 0; border-radius: 2px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; box-sizing: border-box;}
#formcenter #formline {display: table-cell; width: 1%; box-sizing: border-box; vertical-align: middle;}
#formcenter button {width: 40px; height: 38px; margin: -1px 0 20px 0; font: 17px lato, arial; color: #fff; background-color: #66c57a; text-align: center; vertical-align: middle; cursor: pointer; white-space: nowrap; padding: 9px 9px 6px 11px; border-top: 1px solid #a6ebbd; border-left: 1px solid #90bfab; border-right: 0px; border-bottom: 2px solid #2e894e; border-top-right-radius: 2px; border-bottom-right-radius: 2px;}
#formcenter button:active {border-bottom: 0;}

/* main */
main {display: block; margin: 0 auto 0 auto; padding: 5px 20px; line-height: 1.5; overflow-x: hidden;}

/* cssmenu */
#cssmenu {max-width: 1000px; margin: auto; text-align: left;}
#cssmenu ul {background: transparent; list-style: none; padding: 0 12px 0 12px; min-height: 36px;}
#cssmenu ul:after {clear: both; content: ""; display: table;}
#cssmenu ul li {float: left;} /* background: url(img/barra.png) right no-repeat; */
#cssmenu ul li:last-child {background: none;}
#cssmenu ul li.mobile {display: none;}
#cssmenu ul li.mobile a {font: bold 16px lato, arial; padding: 7px 10px 7px;}
#cssmenu div.mobilesearch {display: none; right: 0; background: #fff; width: 240px; margin: 0 20px 0 0; position: absolute;}
#cssmenu ul li a {font: 13px lato, arial; color: #fff; display: block; padding: 11px 16px 9px; text-transform: uppercase; text-decoration: none; overflow: hidden;}
#cssmenu ul li a.linkcat {font: bold 13px lato, arial; color: #fff; display: block; padding: 11px 20px 9px; text-transform: uppercase; text-decoration: none; overflow: hidden;}
#cssmenu ul li a:hover {text-decoration: underline;}

/* formcenter mobile */
#formcentermob {display: table; max-width: 290px;}
#formcentermob input[type="text"] {display: table-cell; width: 100%; min-width: 120px; height: 35px; padding: 10px; margin: 0; font: 15px lato, arial; color: #000; border: 0; border-right: 0; border-radius: 2px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; box-sizing: border-box;}
#formcentermob #formlinemob {display: table-cell; width: 1%; box-sizing: border-box; vertical-align: middle;}
#formcentermob button {width: 40px; height: 38px; margin: -1px -1px -2px 0; font: 17px lato, arial; color: #fff; background-color: #66c57a; text-align: center; vertical-align: middle; cursor: pointer; white-space: nowrap; padding: 9px 9px 6px 11px; border-top: 1px solid #a6ebbd; border-left: 1px solid #90bfab; border-right: 0px; border-bottom: 2px solid #2e894e; border-top-right-radius: 2px; border-bottom-right-radius: 2px;}
#formcentermob button:active {border-bottom: 0;}

/* footer */
/*
footer {padding: 20px 0; text-align: center; font: 16px lato, arial; line-height: 1.5; width: 100%; background-color: #333;}
footer ul {display: inline-block; list-style: none; margin: 0 30px;}
footer ul li {display: inline; padding: 2px;}
footer ul li.symbol {font: 16px lato, arial; color: #000;}
*/

/* footer */
/*
footer {text-align: center; font: 16px lato, arial; color: #bbb; background: #282828; width: 100%; padding: 20px 0 100px; line-height: 1.5;}
footer #footerbox {padding: 0 10px;}
footer ul {display: inline-block; list-style: none;}
footer ul li {display: inline; padding: 3px;}
footer ul li a {font: 15px lato, arial; color: #fff}
footer ul .symbol {font: 15px lato, arial; color: #bbb}
*/

/* footer */
footer {text-align: left; font: 16px lato, arial, tahoma; color: #eee; background: #113321; width: 100%; padding: 25px 0 20px; line-height: 1.5; border-top: 4px solid #247c41;}
footer .footerlabel {font: 16px lato, arial, tahoma; color: #fff; text-align: center; padding: 0 10px;}
footer #footerbox {padding: 0 10px;}
footer #footerbox #footerblock {display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; max-width: 1000px; margin: 0 auto;}
footer #footerbox #footerblock div {margin: 0 13px 15px 13px; min-width: 160px; max-width: 270px;}
footer ul {display: inline-block; list-style: none;}
footer ul li {padding: 6px; font: bold 14px lato, arial; color: #66c57a;}
footer .footertext {font: normal 15px lato, arial; color: #fff; line-height: 1.5;}
footer ul li a {font: 15px lato, arial; color: #fff;}
footer ul li a.linkcat {font: bold 15px lato, arial; color: #fff;}
footer ul .symbol {font: 15px lato, arial; color: #fff;}
footer .footerbar {height: 1px; background: #067245; margin: 0 20px 15px 20px;}

/* footer bottom position */
/*
html {position: relative; min-height: 100%;}
body {margin-bottom: 140px;}
footer {position: absolute;	bottom: 0; height: 0px;}
*/

/* social network footer */
.snftbtbox {float: left; margin: 4px 0 12px 0; vertical-align: baseline; font-size: 100%;}
.snftbt {color: #fff; padding: 8px; border-radius: 3px; font-size: 18px;}
.snftbtgoogleplus {color: #fff; padding: 9px 8px 8px 8px; border-radius: 3px; font-size: 17px;}
.snftbttext {width: 22px; text-align: center;}

/* paginacao */
#pagination {margin: 20px 20px 30px; text-align: center;}
#pagination a {font: 15px oxygen, arial; padding: 8px 13px 9px 13px; background-color: #236642; color: #fff; border-radius: 3px; line-height: 2.7;}
#pagination div {font: bold 17px oxygen, arial; margin: 5px 0;}
#pagination .current {opacity: 0.7;}

/* banner */
#adbox {max-width: 936px; margin: 0 auto;}
.adbox {margin: 0 auto; padding: 15px 20px 0; text-align: center; clear: both;}
.adboxhead {margin: 10px auto 0 auto; text-align: center; clear: both;}
.adboxtop {margin: 10px auto 30px auto; text-align: center; clear: both;}
.adboxmiddle {margin: 40px auto 10px auto; text-align: center; clear: both;}
.adboxcenter {margin: 0 auto; padding: 30px 20px; text-align: center; clear: both;}
.adboxbottom {margin: 20px auto 10px auto; text-align: center; clear: both;}
.adboxbottommc {margin: 0 auto; text-align: center; clear: both;}
.aditembottomleft {display: inline-block; margin: 0 2px 20px;}
.aditembottomright {display: inline-block; margin: 0 2px 20px;}
.bgadbox {margin-top: 10px; text-align: left; background: #ddd; padding: 20px; clear: both;}
.bn300x250 {width: 300px; height: 250px;}
.bn300x600 {width: 300px; height: 600px;}
.bn320x100 {width: 320px; height: 100px;}
.bn336x280 {width: 300px; height: 250px;}
.bn728x90 {width: 728px; height: 90px;}
.bn970x90 {width: 970px; height: 90px;}
.bnv300x250 {margin: 10px auto 0px auto; text-align: center;}
.bnv728x90 {margin: 10px auto 0px auto; text-align: center;}
.linkboxtop {padding: 10px 20px 0; text-align: center; clear: both;}
.unitbox {margin: 10px 20px 0; display: inline-block; text-align: center;}
.unititem {display: inline-block; margin: 10px 20px;}
.unit200x90 {width: 200px; height: 90px;}
/*
.ad_300x250 {display: none; margin: 10px auto 0px auto; text-align: center;}
.ad_728x90 {display: none; margin: 10px auto 0px auto; text-align: center;}
@media all and (max-width: 769px) {
    .ad_300x250 {display: block;}
}
@media all and (min-width: 770px) {
    .ad_728x90 {display: block;}
}
*/

/* box */
#boxuser {margin: 40px auto 10px auto; max-width: 400px; text-align: center;}
#containerboxbackground {display: flex; flex-flow: wrap;}
#boxbackground {flex: auto; margin: 0 10px 30px 10px; width: 220px; text-align: center;}
#containerboxfont {display: flex; flex-flow: wrap;}
#boxfont {flex: auto; margin: 0 6px 10px 6px; width: 180px; text-align: center;}
#containerboxcolor {display: flex; flex-flow: wrap;}
#boxcolor {flex: auto; margin: 0 20px 15px 20px; width: 75px; text-align: center;}
#containerboxalignment {display: flex; flex-flow: wrap;}
#boxalignment {flex: auto; margin: 0 20px 20px 20px; width: 148px; text-align: center;}

/* formitems */
#formitems {max-width: 600px; clear: both;}
#formitems input[type="text"] {width: 100%; height: 50px; font: 17px lato, arial; color: #000; background: #fff; border: 1px solid #bbb; border-radius: 3px; text-indent: 10px; box-sizing: border-box;}
#formitems select {max-width: 240px;  width: 100%; height: 50px; font: 16px lato, arial; color: #000; background: #fff; border: 1px solid #bbb; border-radius: 3px; text-indent: 10px; line-height: 44px;}
#formitems #continuebutton {width: 130px; height: 50px; padding: 10px 16px; font: 18px lato, arial; color: #fff; background-color: #2c87c5; text-align: center; vertical-align: middle; cursor: pointer; white-space: nowrap; border: 0; border-radius: 3px; -webkit-appearance: button; margin: 10px 0 0 0;}
#formitems input[type="submit"], #formurl input[type="button"] {width: 180px; height: 50px; padding: 10px 16px; font: 18px lato, arial; color: #fff; background-color: #2c87c5; text-align: center; vertical-align: middle; cursor: pointer; white-space: nowrap; border: 0; border-radius: 3px; -webkit-appearance: button; margin: 10px 0 0 0;}

/* form */
#formbox {max-width: 360px; margin: 20px 0; padding: 10px 40px 10px 20px; color: #222; background-color: #eee; text-align: left; border-radius: 6px;}
input[type="text"], input[type="email"], textarea {width: 100%; font: 16px lato, arial; padding: 8px; vertical-align: middle; border-radius: 1px; border: 1px solid #ccc; box-shadow: inset 0 1px 2px rgba(0,0,0,.10), 0 -1px 1px #fff, 0 1px 0 #fff; margin: 2px 0 0 0;}
input[name="submit"], input[name="reset"] {font: 15px lato, arial; padding: 5px 14px; height: 34px; color: #fff; background-color: #2f69a8; text-align: center; vertical-align: middle; cursor: pointer; white-space: nowrap; border: 0; border-radius: 3px; -webkit-appearance: button; margin: 0 1px 4px 1px;;}
#button {text-align: right;}
.formtext {font: 18px lato, arial; color: #222;}
.formemail {display: none;}

/* formupload */
#formuploadbox {background: #f0f0f0; margin: 20px 10px -10px 10px; border-radius: 7px; padding: 20px 20px 40px 20px; text-align: center;}
#formupload {max-width: 100%;}
#formupload #filename {font: 18px lato, arial; background: #fff; max-width: 260px; width: 100%; height: 46px; line-height: 48px; border: 1px solid #bbb; border-radius: 3px; text-indent: 10px; margin-bottom: 4px; vertical-align: top;}
#formupload #boxfile {display: inline-block; vertical-align: top; height: 48px; margin-bottom: 6px;}
#formupload #boxfile:before {content: 'Selecionar';
display: block; font: 18px lato, arial; background: #2c87c5; color: #fff; height: 50px; line-height: 50px; cursor: pointer; text-align: center; border-radius: 3px; padding: 0 16px;
/*width: 200px; height: 50px; padding: 14px 16px; font: 18px lato, arial; color: #fff; background-color: #2c87c5; text-align: center; vertical-align: middle; cursor: pointer; white-space: nowrap; border: 0; border-radius: 3px; margin: 0;*/
} /*  -webkit-appearance: button; */
#formupload #boxfile:active:before {opacity: 0.8;}
#formupload #boxfile input {visibility: hidden; width: 100px;}
/*#formupload input[type="file"] {max-width: 100%;}*/
#formupload input[type="submit"] {height: 50px; padding: 10px 16px; font: 18px lato, arial; color: #fff; background-color: #2c87c5; text-align: center; vertical-align: middle; cursor: pointer; white-space: nowrap; border: 0; border-radius: 3px; -webkit-appearance: button; margin: 0;}

/* media queries */
@media all and (max-width: 999px) {
	header .headerbar {display: none;}
	header #search {width: 240px; margin: 8px 4px 0 0;}
	section {display: flex; flex-direction: column;}
	aside {margin: 15px 10px 0 10px;}
	aside .leftmenu {max-width: 100%;}
	aside nav {max-width: 100%;}
	#bgbox {max-width: 100%;}
	aside #search {max-width: 100%;}
	#subcontainer {max-width: 999px;}
	.catiabg {width: 300px; height: 200px;}
	.linksideiabg {width: 425px; height: 282px;}
	.lritem {margin: 0;}
}

@media all and (max-width: 767px) {
	header #search {width: 240px;}
	#formuploadbox {margin: 20px 0 -10px 0;}
	.catiabg {width: 250px; height: 165px;}
}

@media all and (max-width: 639px) {
	header #search {display: none;}
	header #icons {display: none;}
	#cssmenu div.mobilesearch {display: block;}
	.catiabg {width: 425px; height: 282px;}
	.catitem {margin: 0 0 20px 0;}
}

@media all and (max-width: 479px) {
	header div.slogan {font-size: 4vw;}
	header #logo {padding: 0 20px 0 20px;}
	header #logo #logobox {line-height: 200px; vertical-align: middle;}
	header #logo #logobox img {vertical-align: middle;}
	#cssmenu div.mobilesearch {display: block; max-width: 150px; margin: 0 30px 0 0;}
	#subcontainer {padding: 0;}
	aside {margin: 10px 0 0 0;}
	.catiabg {width: 300px; height: 200px;}
	.linksideiabg {width: 300px; height: 200px;}
	.unitbox {float: none;}
}

@media all and (max-width: 359px) {
	header a.logo {font-size: 9.5vw; line-height: 1.6;}
}

@media all and (max-width: 319px) {
	#cssmenu div.mobilesearch {display: none;}
}

@media all and (max-width: 1000px) {
	#cssmenu ul {max-height: 38px; overflow: hidden; margin: 0 0 0 7px;}
	#cssmenu.expand ul {max-height: 100%;}
	#cssmenu ul li {float: none; border-bottom: 1px solid #2e894e; background: none;}
	#cssmenu ul li:nth-child(2) {margin: 6px 0 0 0;}
  #cssmenu ul li:last-child {border: 0;}
	#cssmenu ul li.mobile {display: block; margin: 0 0 0 0; background: #66c57a; width: 94px; border-radius: 3px; height: 33px;}
 	
	#cssmenu ul li.mobile span:before {position: absolute; left: 87px; height: 3px; width: 17px; border-top: 3px solid #fff; border-bottom: 3px solid #fff; content: ''; margin-top: 3px;}
	#cssmenu ul li.mobile span:after {position: absolute; left: 87px; height: 11px; width: 17px; border-bottom: 3px solid #fff; content: ''; margin-top: 4px;}
	
	#cssmenu.active ul li.mobile span:before {position: absolute; width: 20px; border-top: 3px solid #fff; border-bottom: 0; content: ''; margin: 8px 0 0 -1px; transform: rotate(45deg);}
	#cssmenu.active ul li.mobile span:after {position: absolute; height: 9px; width: 20px; border-bottom: 3px solid #fff; content: ''; margin: 1px 0 0 -3px;	transform: rotate(-45deg);}
}

/* banner */
@media all and (max-width: 499px) {
	.ad {width: 320px; height: 100px;}
}
@media all and (min-width: 500px) and (max-width: 769px) {
	.ad {width: 468px; height: 60px;}
}
@media all and (min-width: 770px) and (max-width: 999px) {
	.ad {width: 728px; height: 90px;}
}
@media all and (min-width: 1000px) {
	.ad {width: 970px; height: 90px;}
}