/* - ploneCustom.css - */
@media all {
/* http://origine.agr.br/portal_css/ploneCustom.css?original=1 */
.imagenet-widget-tabela {
margin: 0 auto;
}
.linha {
display: flex;
}
.div50 {
flex: 1; /* */
padding: 1em;
}
.photoAlbumEntry {
width: 220px;
}
.photoAlbumEntry a {
margin: 0px;
width: 200px;
}
.photoAlbumEntryTitle {
width: 200px;
}
#content a:link {
border-bottom: 0px;
}
#indicadores-capa h2 {
text-align: center;
}
#NAV-ID,
#NAV-ID2 {
margin-bottom: -24px;
}
#NAV-ID a,
#NAV-ID2 a {
border-bottom: none !important;
margin: 10px 0 0 0;
}
#NAV-ID .previous,
#NAV-ID2 .previous {
position: relative;
left: 0px;
top: 0px;
z-index: 999;
}
#NAV-ID .next,
#NAV-ID2 .next {
position: relative;
left: 400px;
top: 0px;
z-index: 999;
}
#carrousel {
width: 450px !important;
margin: 0 auto;
}
#carrousel2 {
width: 450px !important;
margin: 0 auto;
}
#carrousel p,
#carrousel2 p {
margin-bottom: 0px;
}
#carrousel .crsl-item,
#carrousel2 .crsl-item {
width: 450px !important;
}
#carrousel .local {
width: 50%;
text-transform: uppercase;
}
#carrousel2 .local {
width: 75%;
text-transform: uppercase;
}
#carrousel .titulo,
#carrousel2 .titulo {
text-align: center;
}
#carrousel .valor,
#carrousel .variacao,
#carrousel2 .valor,
#carrousel2 .variacao {
width: 25%;
text-align: right;
}
body {
font-family: Montserrat, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 400;
letter-spacing: 0;
min-width: 320px;
}
#portal-header {
text-align: center;
}
#portal-logo {
margin: 1.2em 0 0 5em;
position: relative;
}
#portal-languageselector {
float: left;
margin-left: 3em;
}
#content {
font-size: 100%;
line-height: 1.5em;
}
#portal-columns {
min-height: 600px;
}
#content p {
color: #818181;
}
#content h1 {
color: #333;
font-size: 34px;
font-family: 'Montserrat';
text-transform: uppercase;
font-weight: 400;
border-bottom: 1px solid #818181;
letter-spacing: normal;
line-height: 1em;
margin-bottom: 1em;
}
#content h2 {
line-height: 1.1em;
font-family: 'Montserrat';
font-size: 26px;
margin-bottom: 8px;
}
#content .tileBody {
margin-bottom: 0.5em;
}
#content .tileFooter {
margin-bottom: 2.5em;
}
#portal-columns {
width: 80%;
margin: 0 10% !important;
display: block;
}
#portal-globalnav {
background-color: transparent;
font-size: 100%;
}
#portal-globalnav li {
float: none;
display: inline;
}
#portal-globalnav li a{
display: inline-block;
background-color: transparent;
border: none;
padding: 10px 40px 10px 10px;
text-transform: uppercase;
white-space: normal;
color: #878787;
font-size: 14px;
line-height: 1.5em;
}
#portal-globalnav li.selected a,
#portal-globalnav li.selected a:hover,
#portal-globalnav li a:hover {
background-color: transparent;
color: #444444;
}
#portal-globalnav:hover > li:hover > a {
background-color: transparent;
color: #444444;
}
#portal-globalnav li ul {
background-color: #f2efef;
border-top: 3px solid #444444;
box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.06);
margin-top: 5px;
}
#portal-globalnav ul li a {
background-color: #f8f8f8;
border-top: 0px;
height: auto;
vertical-align: top;
width: 170px;
text-align: left;
padding-bottom: 7px;
padding-top: 7px;
text-transform: none;
border-bottom: 1px solid #dcdadb;
color: #444444;
}
#portal-globalnav li ul li a,
#portal-globalnav li.selected ul li a {
background-color: #f2efef;
color: black;
}
#portal-globalnav li ul li a:hover,
#portal-globalnav li.selected ul li a:hover {
background-color: #f8f8f8;
color: black;
}
#portal-globalnav:hover li:hover > a {
background-color: #f8f8f8;
color: black;
}
#portal-languageselector {
background-color: transparent;
}
#portal-languageselector .language-en-us a {
width: 51px;
height: 29px;
background-image: url('us.gif');
display: block;
/* */
text-indent: -9999px !important;
white-space: nowrap;
overflow: hidden;
float:left;
}
#portal-languageselector .language-pt-br a {
width: 51px;
height: 29px;
background-image: url('br.gif');
display: block;
/* */
text-indent: -9999px !important;
white-space: nowrap;
overflow: hidden;
float:left;
margin-left: 10px;
}
#portal-footer-wrapper {
background: url('bg-rodape.jpg');
height: 220px;
border-top: 10px solid #E9EAEE;
}
#portal-footer-wrapper div.width-full {
width: 100%;
}
#portal-footer-wrapper  div.position-0 {
margin-left: -100%;
}
#portal-footer-wrapper  div.cell {
float: left;
left: 100%;
position: relative;
}
#portal-footer {
background: transparent;
line-height: 1.5em;
}
#portal-footer .logo {
width: 30%;
float: left;
text-align: right;
}
#portal-footer .redes {
width: 30%;
float: left;
text-align: center;
margin-top: 40px;
}
#portal-footer .redes a:hover {
opacity: 0.8;
}
#portal-footer .facebook {
width: 50px;
height: 50px;
background-image: url('icon_fb.png');
display: block;
/* */
text-indent: -9999px !important;                 /* */
white-space: nowrap;
overflow: hidden;
float:left;
margin-right: 10px;
margin-left: 25%;
}
#portal-footer .youtube {
width: 50px;
height: 50px;
background-image: url('icon_yt.png');
display: block;
/* */
text-indent: -9999px !important;                 /* */
white-space: nowrap;
overflow: hidden;
float:left;
}
#portal-footer .twitter {
width: 50px;
height: 50px;
background-image: url('icon_tw.png');
display: block;
/* */
text-indent: -9999px !important;                 /* */
white-space: nowrap;
overflow: hidden;
float:left;
margin-right: 10px;
}
#portal-footer .endereco {
width: 40%;
float: left;
line-height: 1.5em;
padding-top: 25px;
font-size: 13px;
}
#navTree {
}
.portletNavigationTree {
margin-top: 1em !important;
}
dl.portlet ul.navTreeLevel0 > .navTreeItem {
border-bottom: 0.1em solid #ddd;
}
dl.portlet ul.navTree .navTreeCurrentItem {
background-color: transparent;
border-left: 1em solid transparent;
font-weight: bold;
}
.navTreeItem a {
color: #000000 !important;
}
.navTreeTopNode {
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
}
div.width-full {
width: 100%;
}
div.position-0 {
margin-left: -100%;
}
#portal-searchbox {
margin-right: 3em;
}
#content a:link,
#content a:hover,
#content a:visited,
dl.portlet a:hover {
color: #444444 !important;
}
.state-published {
color: #444444 !important;
}
dl.portlet a {
line-height: 1.4em;
margin-bottom: 0.5em;
margin-top: 0.5em;
}
div.listingBar a:hover {
background-color: #FCA719;
border-color: #FCA719;
}
.fc-event, .fc-agenda .fc-event-time, .fc-event a {
border-style: solid;
border-color: #FCA61B;
background-color: #FCA61B;
color: #fff;
}
.fc-grid .fc-event-time {
float: left;
}
.imagem {
height: auto;
width: 100%;
margin-bottom: 3em;
overflow: hidden;
}
.imagem > img {
width: 100%;
}
#banner {
width: 100%;
background-color: #e6e6e6;
}
#banner .wrapper,
{
/* */
-moz-box-direction: normal;
-moz-box-orient: vertical;
display: flex;
flex-flow: row wrap;
height: auto;
margin: 0 auto;
max-width: 1080px;
overflow: auto;
width: 100%;
}
.banner {
float: left;
position: relative;
width: 100%;
height: auto;
overflow: hidden;
margin-bottom: -1px;
}
.banner img{
width: 100% !important;
height: auto !important;
}
.banner:after, .banner:before {
position: absolute;
opacity: 0;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.banner:before {
content: attr(data-content);
width:100%;
color:#4d4d4d;
z-index:1;
padding:30px 30px;
top: 55%;
transform: translateY(-50%);
text-align:center;
box-sizing:border-box;
-moz-box-sizing:border-box;
vertical-align: middle;
}
.banner:hover:after, .banner:hover:before{
opacity: 1;
}
.owl-carousel {
height: auto;
overflow-y: hidden;
}
.owl-theme .owl-controls {
margin-top: -30px !important;
}
.owl-theme .owl-controls .owl-page span {
background: #ffffff none repeat scroll 0 0 !important;
opacity: 0.9 !important;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
background: #FF9F29 none repeat scroll 0 0 !important;
}
#destaques {
margin-top: 2em;
width: 100%;
float: left;
}
#destaques ul {
list-style:none;
}
#destaques ul li {
display: inline;
width: 33%;
float: left;
text-align: center;
}
#destaques .roundImage {
object-fit: cover;
width:200px;
height:200px;
border-radius: 100%;
margin-bottom: 10px;
}
#destaques a:link,
#destaques a:hover,
#destaques a:visited {
color: #818181 !important;
}
#videos-capa {
width: 98%;
float: left;
margin-top: 4em;
}
#videos-capa .center {
text-align: center;
width: 49%;
float: left;
margin-bottom: 20px;
}
#atuacao-capa {
margin-top: 4em;
}
#atuacao {
display: inline-flex;
width: 100%;
flex-wrap: nowrap;
}
#atuacao div {
flex-shrink: 1;
flex-basis: fit-content;
padding: 1em 0;
}
#atuacao div img {
display: flex;
flex-flow: row nowrap;
align-items: center;
max-width: 100%;
}
#atuacao .cafe { background-color: #B28D3C; }
#atuacao .carne { background-color: #D61031; }
#atuacao .cosmeticos { background-color: #A3185B; }
#atuacao .algodao { background-color: #27A6B9; }
#atuacao .energia { background-color: #2FAD66; }
#atuacao .negocios { background-color: #095EA3; }

}