a{color:#5eae77;}
.container a{color:#000;}
.container a:focus, a:hover{color:#5eae77;}
.container form a{color:#5cb85c; text-decoration:underline;}
.container form a:focus, form a:hover{color:#5eae77;}
.navbar-inverse {background:#4D5061;border-bottom:3px solid #60B078;color:#FFF;}
.navbar-brand {margin:-7px 6px 0;z-index:99;display:block;}
.navbar-brand img{width: 143px;}
.text16 {font-size: 16px;}
.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav> ul >li,
.navbar-inverse .navbar-nav>li.focus>a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active >a:visited,
.navbar-inverse .navbar-nav>li:hover>a:hover {background-image: #60B078;background: #60B078;background-color: #60B078!important;/*necessario para forcar a regra do bootstrap que tem important*/ color: #FFF;-webkit-transition: all  ease-in .3s;-o-transition: all  ease-in .3s;-moz-transition: all  ease-in .3s; -ms-transition: all  ease-in .3s;transition: all  ease-in .3s;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { color: #FFF; text-decoration: none; background-color: #60B078; }
.dropdown-menu >li >a {padding: 5px 20px;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {margin-top: 0px;margin-bottom: 0px;color: #FFF;font-weight: 200;background-color: #60B078;background-image: none;background-repeat: none;-webkit-transition: all  ease-in .3s;-o-transition: all  ease-in .3s;-moz-transition: all  ease-in .3s;-ms-transition: all  ease-in .3s;transition: all  ease-in .3s;}
#login-dp .iconSpecial {font-size: 30px;color: #4D5061;text-align: center;}
#login-dp .btn { border-radius: 0px; }
#login-dp .text-dark {color: #333;}
ul.nav.navbar-nav.navbar-right:last-child  {margin-right: 50px;}
/*MENU DE CONTEXTO*/
.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
@-webkit-keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
@keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
.fadeIn {-webkit-animation-name:fadeIn;animation-name: fadeIn;}
@-webkit-keyframes flipInX {
  0% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);transform: perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;opacity: 0;}
  40% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}
  60% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);transform: perspective(400px) rotate3d(1, 0, 0, 10deg);opacity: 1;}
  80% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);transform: perspective(400px) rotate3d(1, 0, 0, -5deg);}
  100% {-webkit-transform: perspective(400px);transform: perspective(400px);}
}
@keyframes flipInX {
	0% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    -webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;opacity: 0; }
  40% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    -webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}
  60% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);transform: perspective(400px) rotate3d(1, 0, 0, 10deg);opacity: 1;}
  80% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);transform: perspective(400px) rotate3d(1, 0, 0, -5deg);}
  100% {-webkit-transform: perspective(400px);transform: perspective(400px);}
}
.flipInX {-webkit-backface-visibility: visible !important;backface-visibility: visible !important;-webkit-animation-name: flipInX;animation-name: flipInX;}
#login-dp{min-width: 250px;padding: 14px 14px 0;}
#login-dp .help-block{font-size:12px}
#login-dp .bottom{background-color:rgba(255,255,255,.8);border-top:1px solid #ddd;clear:both;padding:14px;}
#login-dp .social-buttons{margin:12px 0;}
#login-dp .social-buttons a{width: 49%;}
#login-dp .form-group {margin-bottom: 10px;}
.btn-fb{color: #fff;background-color:#3b5998;}
.btn-fb:hover{color: #fff;background-color:#496ebc;}
.btn-tw{color: #fff;background-color:#55acee;}
.btn-tw:hover{color: #fff;background-color:#59b5fa;}
@media(max-width:768px){
	#login-dp{background-color:#fff;color: #fff;}
    #login-dp .bottom{background-color: inherit;border-top:0 none;}
}
.page-header{margin-top:20px;}
.navbar+.container,.navbar+header{padding-top:68px;}
.waterfall {-moz-column-gap: 1em;-webkit-column-gap: 1em;column-gap: 1em;}
@media (min-width: 768px) {
.waterfall {-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;}
}
@media (min-width: 992px) {
.waterfall {-webkit-column-count: 4;-moz-column-count: 4;column-count: 4;}
}
.waterfall dl {margin: 0 0 1em 0;-moz-page-break-inside: avoid;-webkit-column-break-inside: avoid;break-inside: avoid;}
.waterfall dl img {width: 100%;margin-bottom: 10px;}
footer {background-color: #2d2d30;color: #f5f5f5;padding:12px 0 6px;}
footer li {display: inline-block;padding: 0 3px;}
.thumbnail dd {position: relative}
.thumbnail dd:after {content: "";display: block;position: absolute;	left:0;top:0;bottom:0;right:0;background:#000;opacity:0;transition:all 0.5s}
.thumbnail dd:hover:after {opacity: 0.1}
.media {border-bottom: 1px solid #e2e2e2;padding-bottom: 16px;margin-bottom: 16px;}
.media img{height:126px;}
.top-view li{line-height:24px;	margin:6px 0;}
.section-full {height:100vh;min-height:100vh;}
.breadcrumb{padding:2px 2px;margin:0;}
.breadcrumb ul{ margin-bottom:16px;padding:0;}
.breadcrumb ul li {float:left;list-style:none !important;padding:0px;padding-bottom:3px;margin:0px;margin-left:3px;font-size:14px;color:#999;}
.viewer{height:90vh;width:100%;}
.viewer-iframe{width:100%;height:90vh;}
@media (min-width: 1000px) {
	.viewer {width: calc(100% - 346px);float:left;}
	.sidebar{float:left;width: 960px;}
}
.sidebar{margin-top: 12px;}
article {max-width:960px;}
article .article-imgview{background-color:#FFF;}
article .article-text{border: solid 1px #e5e5e5;padding: 16px 12px;background-color:#FFF;}
article p{word-wrap:break-word;}
article img{max-width:100%}
article .pimg{float:left;}
article .pimg img {max-width: 160px;box-shadow: rgb(153, 153, 153) 0px 0px 12px 0px;margin: 10px 16px 0 3px;}
article h1{font-size:20px;}
@media(max-width:768px){
article h2{font-size:20px;}	
}
.page-num{height:30px;font-size:16px;font-weight:bold;}
.page-num a{text-decoration:none;padding: 0 3px;}
.page-num a:hover{color:#368d51;}
.page-num .wd,.page_num .wd:hover,.page_num .wd:visited,.page_num .current{color: #57bc54;}
#adleft{display:none;}
@media (min-width: 1480px) {#adleft {display:block;left:18px;top:240px;position: absolute;} }
.adl { display:inline-block; width:160px; height:600px; }
@media (max-width: 1480px) { .adl { display: none; } }
@media (min-width:1760px) { .adl { width:300px; height:600px; } }
.adcenter{text-align: center; margin:auto;}
.banad { width: 320px; height: 100px; }
@media(min-width: 500px) { .banad { width: 468px; height: 60px; } }
@media(min-width: 800px) { .banad { width: 728px; height: 90px; } }
@media(min-width: 980px) { .banad { width: 970px; height: 90px; } }
.page-separator {    position: relative;    margin: 10px auto;    color: #888888;    font-family: 'Roboto', Arial, sans-serif;    font-size: .75rem;    line-height: 1em;    text-transform: capitalize;    border-top: 1px solid #DDDDDD;    width: 95%;}
/* CSS */
.article-imgview .pf{    margin: 10px auto;
    box-shadow: 1px 1px 3px 1px #333;
    border-collapse: separate;}
.article-head{
	min-height: 88px;
    background-color: #fff;
    margin-bottom: 12px;
    padding: 12px;
}
.btnloadmore:hover {
    background-color: #3385ff;
    border-color: #3385ff;
    fill: #06f;
}
.btnloadmore {
    align-items: center;
    background-color: #06f;
    border: 2px solid #06f;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    fill: #000;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 600;
    height: 36px;
    justify-content: center;
    letter-spacing: -.8px;
    line-height: 24px;
    min-width: 160px;
    outline: 0;
    padding: 0 36px;
    text-align: center;
    text-decoration: none;
    transition: all .3s;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}
.loadmore {
    width: 100%;
      text-align: center;
      margin:12px 0;
}
.article-text {
    height: 120px;
    overflow-y: auto;
}