@import url(rewrite.css);
@import url(faq.css);
@import url(social.css);
@import url(header.css);
@import url(footer.css);
@import url(paletas.css);
@import url(banner.css);
@import url(sidebar.css);
@import url(form.css);

.hide {
  display: none;
}

@font-face{
  font-family: 'Avenir'
  src: url('Avenir.ttc')
  font-weight: 300;
  font-style: normal
}
*{
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


ol {
  margin-left: 20px;
}

html {
  background: url(../images/bg-left.png) no-repeat -120px 0 #f3f3f3;
}

body{
  background: url(../images/bg-right.png) no-repeat right 0;
  font-family: Avenir, arial, helvetica;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  font-smoothing: antialiased;
  line-height: 1.3;
  color: #000;
  font-size: 14px;
  overflow-x: hidden;
}

.container{
  display: table;
  margin: 0 auto !important;
  position: relative;
  width: 970px;
  float: none !important;
}

.breadcrumb{
  font-size: 11px;
  color: #bdbdbd;
  margin-bottom: 40px;
  text-transform: uppercase;
}
.breadcrumb li{
  display: inline-block;
  margin-right: 10px;
}
.breadcrumb a{
  color: #bdbdbd;
}
.breadcrumb li:last-child{
  color: #030303;
}

.list li{
  border: 1px solid #dedede;
  margin-bottom: 30px;
  background: #fff;
  padding: 5px;
  overflow: hidden;
  position: relative;
}
.list a{
  max-height: 192px;
  border-left-width: 6px;
  border-left-style: solid;
  font-weight: normal;
  color: #000;
  font-size: 13px;
  display: block;
  padding-left: 5px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}
.list a:hover .title,
.list a:hover p{
  text-decoration: underline;
}
.list a h4{
  font-weight: normal;
}

.category-list [class*="page-"] .social,
.category-list .list .social {
  display: none;
}

.category-list .list li:hover .social,
.category-list .list li:focus .social{
  position: absolute;
  display: block;
  height: 189px;
  left: 16px;
  top: 5px;
  width: 465px;
  padding: 60px 135px;
  pointer-events: none;
}

.list img{
  height: 189px;
  float: left;
  margin-right: 10px;
}
.date{
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
}
.tag{
  display: inline-block;
  color: #fff;
  border-radius: 15px;
  font-weight: bold;
  font-size: 10px;
  padding: 3px 6px;
  text-transform: uppercase;
  margin-left: 10px;
}
.text{
  padding: 5px;
}
.list .title{
  margin: 3px 6px;
  font-size: 20px;
}

.pagination{
  text-align: center;
  padding-top: 70px;
}
.pagination .current,
.pagination a{
  border-radius: 100%;
  background: #4fa32e;
  border: 2px solid #4fa32e;
  font-size: 12px;
  height: 30px;
  line-height: 1.6;
  color: #fff;
  margin: 0 3px;
  text-align: center;
  text-decoration: none;
  width: 30px;
  padding: 5px;
  display: inline-block;
}
.pagination .current,
.pagination a:hover,
.pagination a:focus{
  background: #fff;
  color: #4fa32e;
}

.pagination .first-page:hover,
.pagination .first-page:focus,
.pagination .last-page:hover,
.pagination .last-page:focus{
  background: transparent;
}

.area-newsletter{
  background: #2e933c;
  color: #fff;
  padding: 5px;
  font-size: 13px;
  overflow: hidden;
}

.category-page.area-newsletter form {
  border-left: 6px solid #fff!important;
}
.category-page.area-newsletter .field {
  width: 300px
}

.category-page.area-newsletter form{
  background-position: 6px 25px!important
}

.single-post.area-newsletter .container form{
  border-left: 5px solid ;
  padding: 10px 0 10px 70px;
  background-position: 15px 10px;
}

.single-post.area-newsletter .container .field {
  width: 235px;
  margin-top: 10px;
}

.btn-send-image {
  margin: 5px 10px 0 10px;
}

.single-post.area-newsletter .container p,
.single-post.area-newsletter .container .title {
  padding-top: 0;
  width: 220px
}

.single-post.area-newsletter {
  margin-top: 0!important;
}

.single-post.area-newsletter .container {
  width: 715px;
}

.category-page.area-newsletter .title{
  padding-top: 10px!important
}

.area-newsletter form{
  background: url(../images/ico-letter.png) no-repeat 15px 23px;
  padding-left: 65px;
  overflow: hidden;
}
.area-newsletter .title{
  margin-bottom: 2px;
  font-size: 13px;
  padding-top: 25px;
  text-transform: uppercase;
}
.field{
  background: #fff;
  border-radius: 10px;
  border: none;
  padding: 5px 10px;
  font-size: 15px;
  color: rgba(0,0,0,.6);

}
.btn-send{
  background: #fff;
  border: none;
  font-size: 14px;
  cursor: pointer;
  color: #4fa32e;
  border-radius: 5px;
  padding: 5px 15px;
  text-transform: uppercase;
}
.area-newsletter .field{
  float: left;
  height: 32px;
  line-height: 32px;
  width: 235px;
}
.area-newsletter .btn-send{
  display: inline-block;
  border-radius: 10px;
  height: 42px;
  line-height: 35px;
  position: relative;
  margin-left: 15px;
  margin-right: 5px;

}
.area-newsletter .control-group{
  float: right;
  padding: 37px 0px 25px 0;
}

.clear {
  clear: both;
}

.content-post.full-width {
  width: 100%;
  height: 100%;
  clear: both;
}

.content-post{
  float: left;
  width: 725px;
}
.post{
  border: 1px solid #dedede;
  background-color: #fff;
  position: relative;
  padding: 5px;
}

.header-post-video{
  border-left: 6px solid transparent;
  padding-left: 4px;
  height: 395px;
}
.header-post{
  border-left: 6px solid transparent;
  padding-left: 4px;
  height: 280px;
}

.header-post img {
  width: 704px;
  height: 280px;
}

main.container a:hover {
  text-decoration: underline;
}

nav.nav-news a:hover {
  text-decoration: none;
}

.post-main{
  margin: 0 15px;
  font-size: 14px;
}
.post_left ul{
  margin-left: 15px;
}
.post-main h1 {
  font-size: 26px;
}

.post-main h2 {
  font: normal 14px arial, helvetica;
  margin-bottom: 20px;
}

.post-main p{
  margin-bottom: 20px;
  letter-spacing: .3px;
}
.area-comments{
  padding: 10px;
  background-color: #fff;
  margin-top: 45px;
}
.area-comments .title{
  background: url(../images/ico-comment.png) no-repeat 10px 10px;
  font-size: 18px;
  color: #000;
  margin-bottom: 15px;
  padding: 10px 0 5px 60px;
}


.social-media .inside{
  padding-top: 10px;
  padding-bottom: 10px;
}
.social-media{
  position: absolute;
  top: 0;
  left: -122px;
  width: 110px
}
.social-media ul{
  list-style: none;
}
.last-posts {
  margin-top: 75px;
}

/* Seção news home */

.title-box{
  font-size: 20px;
  color: #217200;
  margin-bottom: 10px;
  padding-right: 25px;
}

.title-box small {
  color: #000;
  font-size: 14px;
  font-weight: normal;
}

.no-result-page {
  width: 970px!important;
  margin: 0 auto!important;
}

.no-result-page .list-news {
  margin-left: -19px!important;
}

.area-news{
  overflow: auto;
  padding-bottom: 20px;
  margin-bottom: 90px;
}
.area-news .nav-news{
  background: #f3f3f3;
  position: absolute;
  height: 360px;
  top: 0;
  left: 0;
  width: 225px;
  z-index: 2
}
.area-news .nav-news p{
  color: #999;
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.label-check{
  border: 2px solid #d8d8d8;
  background-color: #d8d8d8;
  border-radius: 5px;
  color: #fff;
  font-weight: bold;
  font-size: 11px;
  padding: 6px 10px;
  display: block;
  margin-bottom: 5px;
  text-transform: uppercase;
  position: relative;
  text-decoration: none;
  width: 155px;
}
.label-check:before,
.label-check:after{
  font-size: 14px;
}
.label-check:before{
  content: "o";
  padding-right: 11px;
}
.label-check.active :after{
  content: "✓";
  position: absolute;
  top: 3px;
  font-size: 14px;
  left: 12px;
}
.label-check h3{
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
}
.label-check h3:before{
  content: "x";
  color: #d8d8d8;
  position: absolute;
  right: -20px;
  top: 8px;
}
.label-check.active h3:before{
  content: ">";
  font-size: 13px;
}
.area-news .list-news{
  margin-left: 225px;
  position: relative;
  width: 735px;
  z-index: 1;
}
.area-news .list-news ul{
  width: 1720px;
}
.area-news .list-news li{
  float: left;
  margin-left: 20px;
  width: 225px;
}

.list-news .attachment-new-top {
  width: 223px;
  height: 270px;
}

.area-news .area img{
  border-bottom: 1px solid #dedede;
}
.area-news .list-news .inside{
  height: 73px;
}
.area-news .list-news .area-social{
  top: -300px;
  height: 270px;
  width: 223px;
}
.area-news .area-social a{
  top: 110px;
}

 /*
  Componentes de noticia
*/
.list-news .area,
.list-news .area h2,
.list-news .area h3{
  text-decoration: none;
  font-weight: normal;
  display: block;
  font-size: 18px;
  color: #000;
}

.last-posts h3{
  color: #2f933d!important;
  font-size: 14px!important;
  font-weight: bold!important;
}

.list-news li:hover .area, .list-news li:hover a.area h2,
.list-news li:hover .area, .list-news li:hover a.area h3{
  color: #fff
}
.list-news .inside{
  padding-top: 5px;
  padding-bottom: 5px;

}
.list-news .title-news{
  font-size: 11px;
  margin-bottom: 5px;
  font-weight: bold;
  text-transform: uppercase;
}
.list-news li:hover .title-news,
.list-news li:hover .area{
  color: #fff;
}
.list-news li{ position: relative; overflow: hidden;}
.list-news .area-social{
  position: absolute;
  left: 1px;
}

.top-news .area-social {
  padding: 123px 23px 23px 23px;
}

.list-news li:hover .area-social{
  top: 1px;
}

/*.list-news .area-social a,*/
.list-news .area-social iframe{
  display: inline-block;
  position: relative;
}
.list-news .area-social,
.list-news li:hover .area-social,
.list-news li:hover .area
.list-news li .area{
  transition: all ease-out .15s;
  -moz-transition: all ease-out .15s;
  -webkit-transition: all ease-out .15s;
}

.last-news{
  display: inline-block;
  width: 590px;
}
.last-news li{
  margin-bottom: 8px;
}
.last-news .area .attachment-new-list{
  border-right: 1px solid #dedede;
  float: left;
  margin-right: 4px;
  width: 226px;
  height: 92px;
}
.last-news .social{
  overflow: hidden;
}
.last-news .inside{
  height: 84px;
}


.last-news .area-social{
  height: 92px;
  top: -95px;
  width: 225px;
}
.last-news .area-social{
  text-align: center;
}
.last-news .area-social iframe{
  top: 12px;
}

.area-gplus {
  margin-top: 58px;
}

.area-gplus,
.area-facebook{
  float: right;
  width: 345px;
  margin-bottom: 15px;
}
.area-gplus .content,
.area-facebook .content{
  background: #fff;
  border: 1px solid #dedede;
  padding: 16px 5px;
}

.area-gplus .content {
  height: 140px;
  padding: 30px 20px
}

.area-gplus .content div {
  float: left!important;
  width: 170px!important;
}
.area-gplus .content img {
  float: left;
  padding-right: 18px;
}
.area-gplus .content p {
  float: left;
  margin-bottom: 5px;
  width: 140px;
}

.home .area-newsletter{
  margin: 55px 0;
}
.home .area-newsletter form{
  border: none;
  background-position: 0 32px;
  padding: 20px 0 20px 50px;
}
.home .area-newsletter .title{
  display: inline-block;
}
.home .area-newsletter h4{
  font-weight: normal;
}
.area-newsletter .field{
  height: 42px;
  width: 335px;
  padding: 0 15px;
}
.home .area-newsletter .control-group{
  padding: 0;
}
.home .area-newsletter .btn-send{
  top: 0;
  height: 42px;
  line-height: 32px;
  border-radius: 10px;
  width: 150px;
}


.category-list img {
  width: 464px;
  height: 189px;
}

.control-group img {
 width: auto;
 height: auto;
}

.page-search .area-banner .area-social {
  width: 113px!important;
}
.page-search .area-banner .area-social a{
  width: 109px!important;
  margin-left: 2px;
}

.page-search .area-banner .area-social .title-social {
  text-align: center!important;
}

.area-banner .area-search{
  background: #fff;
  right: 0;
  position: absolute;
  top: 10px;
  z-index: 10;
}

.area-banner .area-search input[type="image"] {
  position: absolute;
  top: 5px;
  left: 5px;
}

.area-banner .area-search input[type="text"]{
  padding-left: 25px;
  width: 271px;
  height: 30px;
  border: none;
}

.area-banner .area-social{
  background: rgba(52,52,52,.9);
  right: 0;
  position: absolute;
  top: 45px;
  width: 179px;
  z-index: 10;
}

.area-banner .title-social{
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 10px;
}
.area-banner .area-social a{
  border: 1px solid rgba(255,255,255,.2);
  box-shadow: inset 0px -4px 0px #0066e5;
  float: left;
  border-bottom: none;
  height: 44px;
  line-height: 40px;
  width: 89px;
}
.area-banner .area-social a,
.nav-social a{
  background-image: url(../images/sprite-social.png);
  background-repeat: no-repeat;
  background-position: center -43px;
  float: left;
  text-indent: -9999px;
}
.nav-social li{
  margin: 0;
}
.nav-social a{
  height: 30px;
  margin-right: 15px;
  width: 30px;
}
.nav-social .youtube{
  background-position: center 15px ;
}
.area-banner .area-social .youtube{
  margin-left: 1px;
  background-position: center 15px ;
  box-shadow: inset 0px -4px 0px #bb0030;
}

.area-banner .list-banner{
  padding-top: 26px;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  top: -7px;
  width: 816px;
}
.area-banner .list-banner ul{
  width: 3000px;
}
.area-banner .list-banner a{
  border: 3px solid #fff;
  display: block;
  position: relative;
  height: 59px;
}
.area-banner .list-banner .active{
  border-color: #36cd76;
}
.area-banner .list-banner img,
.area-banner .list-banner a{
  border-radius: 10px;
}
.area-banner .list-banner .active:before{
  content: "";
  border-bottom: 5px solid #36cd76;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  height: 0;
  position: absolute;
  top: -8px;
  left: 50%;
  margin-left: -3px;
  width: 0;
}
.area-banner .list-banner a:after{
  content: "";
  border: 2px solid #fff;
  background-color: #fff;
  border-radius: 100%;
  position: absolute;
  left: 50%;
  top: -28px;
  margin-left: -3px;
  height: 7px;
  width: 7px;
}
.area-banner .list-banner .active:after{
  background-color: #1d9e54;
  border-color: #32f92e;
}
.area-banner .list-banner li{
  float: left;
  margin: 0 29px;
}
.footer-banner [class*="btn"]{
  position: absolute;
  height: 52px;
  width: 52px;
  border: 2px solid #fff;
  border-radius: 100%;
  text-indent: -9999px;
  top: 22px;
}
.footer-banner .btn-left{
  background: url(../images/arrow-left.png) no-repeat center;
  left: 10px;
}
.footer-banner .btn-right{
  background: url(../images/arrow-right.png) no-repeat center;
  right: 10px;
}
.area-banner .footer-banner{
  position: relative;
  z-index: 2;
}
.area-banner .content-banner{
  position: relative;
  z-index: 1;
}

.area-mini,
.area-big {
  float: left;
}

iframe.area-mini {
  max-width: 225px;
  max-height: 147px;
}

iframe.area-big {
  max-width: 470px;
  max-height: 314px;
}

.area-video.container{
  display: block;
  height: 650px;
}
.area-video [class*="area-"]{
  margin-bottom: 20px;
}
.area-video.container:after {
  content:"";
  display:block;
  height:0;
  clear:both;
  visibility: hidden;
}
.btn-youtube{
  background: url(../images/ico-play.png) no-repeat 11px center #cf1413;
  border: none;
  font-size: 11px;
  font-weight: bold;
  cursor: pointer;
  color: #fff;
  display: inline-block;
  border-radius: 8px;
  margin: 20px 0;
  padding: 8px 10px 8px 40px;
  text-decoration: none;
  text-transform: uppercase;
}

.area-video .main-video{
  position: absolute;
  top: 0;
  left: 0;
  width: 960px;
  overflow-x: auto;
  overflow-y: hidden;
  max-height: 670px;
}
.area-video .content{
  margin-bottom: 20px;
  margin-left: -20px;
}

.area-video [class^="area-"]{
  float: left;
  margin-left: 20px;
}


.sidebar .lists .area{
  text-decoration: none;
}


.no-result {
  background: #fff;
  text-align: left;
  border: 1px solid #dedede;
  padding: 30px;
}

.no-result h2 {
  color: #2e933c;
  font-size: 20px;

}

.back-home {
  width: 190px;
  margin: 140px 15px;
  text-align: center;
}

.back-home,
.no-result .btn {
  border: none;
  text-decoration: none;
  padding: 10px;
  background: #2e933c;
  color: #fff;
  display: inline-block;
  border-radius: 3px;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
}


.videos-alterante iframe {
  float: left;
  display: inline-block;
  margin-left: 20px;
  margin-bottom: 20px;
}


.right-content {
  float: right!important;
}

.right-content .wpcf7 form {
  border: none;
}

.right-content article {
  margin: 0;
}

.right-content input,
.right-content textarea {
  border-radius: 5px;
  padding: 20px 10px;
}

.right-content textarea {
  width: 680px;
}

.right-content p{
  width: 700px;
}

.right-content input[type="email"],
.right-content input[type="text"] {
  float: left;
  width: 335px;
  margin-right: 10px;
  margin-bottom: 10px;
}

.right-content .wpcf7 {
  background: #e9e9e9;
}

.left-sidebar {
  float: left!important;
  margin-top: 0;
}

.left-sidebar .widget-green {
  display: none;
}

.last-news .area-social{
  padding: 10px 0 12px 40px;
}

.area-news {
  overflow-x: scroll;
}

.area-news::-webkit-scrollbar {
  width: 12px;
  height: 10px;
}

.area-news::-webkit-scrollbar-track {
  background: url('../images/bg-scroll.gif') repeat-x 0 3px
}

.area-news::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 90px rgba(79,163,46, 1);
}

.area-news.no-result-page {
  overflow: hidden;
  margin-left: -90px
}

.last-posts a:hover p{
  color: #000;
}

.last-posts li{
  float: left;
  width: 196px;
}

.last-posts p {
  font-size: 14px;
  margin-bottom: 8px;
}

.last-posts strong {
  background: #2f933d;
  border-radius: 3px;
  text-align: center;
  padding: 2px 0;
  color: #fff;
  display: block;
  font-weight: bold;
  font-size: 13px;
}

.last-posts li a{
  padding: 10px;
  height: 140px;
}

.last-posts li h3 {
  color: #2f933d;
  font-size: 14px;
}
.post-main h2.title-post{
  font-size: 26px;
  font-weight: bold;
  margin-top: 15px;
}
.post-main .alignleft{
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}
.post-main .alignright{
  float: right;
  margin-left: 15px;
  margin-bottom: 15px;
}
.right-content ul{
  list-style: none;
}

.area-banner h3 {
  color: #fff;
}

#desc-captcha{
 position: relative;
 top: 7px;
}


.page-not-found {
  margin-top: 50px;
  text-align: center;
}

.page-not-found h1 {
  font-size: 60px
}

.page-not-found p {
  font-size: 20px
}

