/* Minification failed. Returning unminified contents.
(8,42): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-color'
(8,73): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(9,83): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(12,37): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(15,65): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(16,40): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(17,65): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(39,41): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(44,35): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-color'
(45,39): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(51,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(52,133): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-color'
(53,135): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(59,113): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(62,39): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(65,36): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-color'
(72,55): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-color'
(86,58): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(93,67): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(94,55): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(95,43): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(95,84): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(95,115): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
 */

.container { padding: 0 25px; }


.home div.box { font-size: 110%; border: solid 1px #fff; padding: 20px 5px 8px; text-align: center; line-height: 1.5em; margin-bottom: 10px; }
.home div.box b { font-size: 230%; font-weight: 100; }

.home-box > div { background-color: var(--tertiary-color); color: var( --primary-color); text-decoration: none; overflow: hidden; transition: all 0.3s; border-radius:8px; }
.home-box > div > .bg-img { background-color: #FFF; border-bottom: solid 6px var(--primary-color); }
.home-box > div > .bg-img > .img-responsive { width: 100%;  height:185px; transition: all 0.3s; }
.home-box > div > h3, .home-box > div > p { text-align: center; margin: 10px; }
.home-box > div > h3 { color: var( --primary-color);; text-transform: uppercase; text-decoration: none; }
.home-box > div > p { line-height: 1.5em; }

.home-box > div:hover { background-color: #d8d8d8;  color: var(--primary-color); }
.home-box > div:hover h3 { color: var(--primary-color); }
.home-box > div:hover > .bg-img { border-bottom: solid 6px var(--primary-color); }
.home-box > div:hover > .bg-img .img-responsive { opacity:1; }

.bank > div > h3, .bank > div > p { text-align: center; margin: 10px 0; }

.box-guide > div > .bg-img { border-bottom: none; }
.box-guide > div > h3 { margin: 10px 20px; }
.box-guide > div > p { margin: 20px; }

.selo { width: 60px; }

.col-md-offset-1 { margin-left: 4%; }

.title-red { font-size: 16px; font-weight: 600; color:#3B3735; }

.highlight { color: #3b3735; }
.highlight h4 { color: #3b3735; }
.highlight h3 { color: #3b3735; font-weight: 100;  }

.row-box { transition: 0.5s; margin-top:50px; }
.row-box .bg-img { background-color: #3B3735; }
.row-box .bg-img img { opacity: 0.7; transition: 0.5s; }
.row-box:hover { background-color: var(--primary-color); transition: 0.5s; }
.row-box:hover h3, .row-box:hover p, .row-box:hover .title-red  { color: #FFF; transition: 0.5s;  }
.row-box:hover img { opacity:1; transition: 0.5s;  }

.listaArquivos li { background: none; }
.listaArquivos li a { color: var(--tertiary-color); font-weight:bold; padding:5px 10px; margin-bottom: 0; }
.listaArquivos li a span { color:var(--secondary-color); }
.listaArquivos li:nth-child(even) { background: none; }
.listaArquivos li:hover, .listaArquivos li a:hover { background: none; opacity: 0.7; }


.titulo { font-size: 62px; font-weight: bold; color: #FFF; display: block; margin-bottom: 20px; margin-top: 53px; font-weight:100; }
.titulo span { color: var(--secondary-color); }
.divulgacao { position:relative; display: block; font-size: 38px; line-height: 40px; padding:0 20px; font-weight: bold; color: var(--tertiary-color);  }
.divulgacao::after { content:''; display:block; width:10px; height:10px; position:absolute; bottom:7px; left:0; background-color:var(--secondary-color); }
.data { font-size: 20px; color: #FFF; margin-bottom: 20px; }
.obs { font-size: 12px; color: #FFF; }

.teleconferencia { font-size: 42px; font-weight: bold; color: #FFF; margin-top: 100px; }
.box-descricao { font-size: 14px; color: #FFF; }
.box-descricao:before { position: absolute; left: -5px; content: "\f04b"; font-family:'FontAwesome'; color:var(--primary-color); }

.indices-box > div, .news-box > div, .cotacoes-box > div { min-height: 280px; background-color: #fff; overflow: hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.news-box > div h3 { background: var(--primary-color); border-radius:8px 8px 0 0; color: #fff; padding: 20px 0; margin: 0; text-align: center; text-transform: uppercase; font-size: 170%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.news-box > div h3:hover { opacity: 0.8; }
.news-box > div h3 a { color: var(--tertiary-color); }
.cotacoes-box > div h3 { background: #3B3735; color: #fff; padding: 20px 0; margin: 0; text-align: center; text-transform: uppercase; font-size: 20px; }
.news-box { margin-top: 20px; margin-bottom: 20px; }
.news-box h3 a { color: #FFF; }

.list-news { margin: 0; padding: 0; list-style: none; }
.list-news li { background-color: #efefef; }
.list-news li:nth-child(odd) { background-color: var(--tertiary-color); }
.list-news li:last-child { border-radius:0 0 8px 8px; }
.list-news li a { display: block; padding: 26px 16px; font-size: 13px; color: #1C1C1B; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.list-news li a span { display: block; }
.list-news li a:hover { text-decoration: none; background: #d8d8d8; color: #000; }
.list-news li:nth-child(odd) a:hover { border-radius: 0 0 8px 8px; }

.table-cotacoes { margin: 0; padding: 0;  }
.table-cotacoes th { background: #dadada; padding: 8px 10px; font-size: 14px; font-weight: 600; }
.table-cotacoes tr:nth-child(odd) { background: #f3f3f3; }

.table-cotacoes td { padding: 4px 10px; font-size: 12px; }
.table-cotacoes td i { padding: 0 0 0 5px; }
.table-cotacoes td .fa-chevron-circle-up { color: #0d9603; }
.table-cotacoes td .fa-chevron-circle-down { color: var(--primary-color); }
.table-cotacoes td .fa-circle { color: #3374b8; }

.txt-legenda { font-size: 10px; padding:10px 10px 0 10px; font-family: Arial, sans-serif; color: #666; }

.links-box div { background-color: #fff; }

.link-home { background-color: transparent; border:2px solid var(--primary-color); display: block; font-size: 100%; padding: 30px 0; text-align: center; }
.links-box div a { text-decoration: none; color: var(--primary-color); transition: all 0.3s; border-radius:8px; }
.links-box div a:hover { background: var(--secondary-color); border:2px solid var(--secondary-color); color: var(--primary-color); }
.links-box div a:hover .ico-link-home { width: 46px; height: 46px; margin: -15px 10px; display: inline-block; }

.list-indices { list-style: none; margin:50px 0; padding: 0; }
.list-indices li { text-align: center; margin:10px 0; }

.ico-link-home { width: 46px; height: 46px; margin: -15px 10px; display: inline-block; background-image: url(/Content/Imagens/ico-link-home.png); }
.ico-link-home.ico-download { background-position: 0 0 !important; }
.ico-link-home.ico-glossario { background-position: 0 -92px !important; }
.ico-link-home.ico-fale { background-position: 0 -46px !important; }

.home-box .bars { width: 125px; height: 80px; margin:40px auto 0 auto; background: url(/Content/Imagens/home/ico_invista-conosco.png) no-repeat 30px top; transition: 0.5s; }
.home-box .bars > div { background-color: #eae8e8; width: 20px; margin-right: 8px; float: left; transition: all 0.3s; }
.bank > div:hover .bars { background: url(/Content/Imagens/home/ico_invista-conosco-hover.png) no-repeat 30px top; }

.row-clientes { padding: 40px 0; }

.clientes { margin-top: 5px; }
.clientes > div { padding-bottom: 30px; }
.clientes > div > img { -webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.2); box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.2); }

.highlight h3.larger { font-size: 270%; font-weight: 100; margin-top: 0; }
.highlight p { font-size: 120%; }

.img-banner { position:relative; width:100%; max-width:1920px !important; height:auto; margin:0 auto;  }

.carousel-control { width: 5%; opacity: 0.5; }
.carousel-control.left, .carousel-control.right { font-size: 35px; top: 45%; }

.carousel-indicators li, .carousel-indicators .active { width: 12px; height: 12px; margin: 0; border-color: #3a3634; }
.carousel-indicators .active { border-color: #000; background: #3a3634; }
.carousel-indicators { bottom: -5px; }

.info-resultados { padding:40px 0; }
.title-divulgacao { padding: 20px 0; }

.container-banner-ri { min-height:500px; }


.item {
    background-size: cover;
}
.item .container { position:relative; padding-top:100%; }

.carousel-caption { top:0; left:0; }

.item .container .inner-left, .item .container .inner-right { position:absolute; width:300px; height:100%; top:0; left:50%; margin-left:-150px; }
.item .container .inner-right { left:auto; right:0; }
.item .container .inner-left .box , .item .container .inner-right .box { display:table; height:100%; }
.item .container .inner-left .box .align, .item .container .inner-right .box .align { display:table-cell; vertical-align:middle; }
.item .container .inner-right { right:50%; margin-right:-150px; }

.alinha-texto-agro { width:auto; margin-left:0;}

.carousel-control { display:none; }
.left-bg { background-position: center left; }
.right-bg { background-position: center right; }


@media (min-width: 480px) 
{
    
    header .container { padding: 0 15px; }

    .container { padding: 0 40px; }

    .home { height: 270px; }
    .home-box > div { margin-bottom: 10px; }

    
    
}

@media (min-width: 640px) {

    .container { padding: 0 70px; }

    .carousel-control { display:block; }

    .item .container { position:relative; padding-top:50%; }
    .item .container .inner-left, .item .container .inner-right { width:450px; }
    
}

@media (min-width: 768px) 
{
    
    .container { padding: 0 15px; }

    .highlight h3 { margin-top: auto; }

    .home-box > div > h3 { font-size: 110%; line-height: 140%; }

    .link-home { font-size: 120%; }
    .news-box { margin-top: 0; margin-bottom: 0; }




}

@media (min-width: 992px) 
{
    .container { padding: 0; }

    .home { height: 450px; padding-top: 50px; }
  
    .home-box > div > h3 { font-size: 160%; line-height: 100%; }
   

    .home-box .bars { margin:35px auto 0 auto; }

    .box-guide > div > p { margin: 0 100px 20px 100px; }
    

    .highlight h4 { margin-top: 5px !important; }
    .highlight p { font-size: 115%; }
    
    .link-home { font-size: 150%; }
    
    .selo { margin-top: 140px; }

     .item .container { position:relative; padding-top:40%; }  

    .right-bg, .left-bg { background-position:center center; }

     .item .container .inner-right { right:20px; margin-right:0; }
    .item .container .inner-left { left:20px; margin-left:0; }

    .alinha-texto-agro { width:400px;  margin-left:200px; }

    .container-banner-ri { min-height:450px; }

    .info-resultados {
        padding: 220px 0 0 0;
    }
    .title-divulgacao {
        padding: 150px 0 0 0;
    }

}

@media (min-width: 1200px) 
{
    .home-box > div > h3 { font-size: 180%; line-height: 100%; }

    .home { height: 500px; padding-top: 75px; }
    .highlight h3 { font-size: 200%; }
    .highlight p { width: 100%; margin-top:10px; }

    .selo { margin-top: 250px; }
   
    
    .carousel-caption { padding-bottom:0; }

    .item .container { position:relative; padding-top:30%; }   
    
}

@media (min-width: 1900px) {
    .item .container { position:relative; padding-top:20%; }   
}
.link-institucional { color: #ebebeb !important; font-weight: 100; }