/**********************************
    Tipografia
**********************************/
@import url(https://fonts.googleapis.com/css?family=Raleway:400,700);
@font-face {
  font-family: 'HelveticaNeueLTStd-Hv';
  src: url('../fonts/HelveticaNeueLTStd-Hv.eot') format('embedded-opentype'),  url(../fonts/'HelveticaNeueLTStd-Hv.ttf')  format('truetype'), url(../fonts/'HelveticaNeueLTStd-Hv.svg#HelveticaNeueLTStd-Hv') format('svg');
    
  font-weight: normal;
  font-style: normal;
}
/**********************************
    Geral
**********************************/
html {
  scroll-padding-top: 100px; /* height of sticky header */
}

body{
	background-color:#fff;
	color: #666;
    font-family: 'Raleway', sans-serif;
    min-width: 1000px;
 }

body.page-sobre-a-cargill{
	background: #e37c1d
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5{
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

.nav>li>a,
.box-arquivos,
.btn-verde,
.btn-cinza,
.navbar .nav li,
.mapa div,
.menu,
.btn-sobre,
.box-arquivos-verde,
.btn-azul,
.box-arquivos-1{
	-webkit-transition: all .4s ease; 
	-moz-transition: all .4s ease; 
	-o-transition: all .4s ease; 
	transition: all .4s ease;
}

.hentry img, .widget img, img {
    height: auto;
	max-width: 100%;
	width: auto
}

ul{
	padding-left: 0;
	list-style: none;
}

p{
    font-family:arial ;   
}
#areas-de-atuacao{
    max-width: 100%;
    width: 100%;
}
#home{
    max-width: 100%;
    width: 100%;
}
#responsabilidade{
    max-width: 100%;
    width: 100%;
}
#cargill{
    max-width: 100%;
    width: 100%;
}
#primary{
    width: 100%;
    max-width: 100%;
}
/**********************************
    Header
**********************************/
#header{
    background: rgba(255,255,255, 0.9);
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    height: 100px;
    min-width: 1000px;
    

	-webkit-transition: background 0.4s ease; 
	-moz-transition: background 0.4s ease; 
	-o-transition: background 0.4s ease; 
	transition: background 0.4s ease;        
}

#header.scroll{
	background: #F1F2F2;
}

.admin-bar #header{
	top:32px;
}

#header .dropdown-menu{
    top: 0px;
    float: right;
    right: 0px;
    width: 200px;
    background: #F1F2F2;
    border: none;
    left: 279px;
    font-size: 12px;
    font-family: 'Raleway', sans-serif;
    -webkit-box-shadow: none;
    box-shadow: none;    
}
#header .dropdown-menu>li>a{
    font-size: 12px;
    color: #545861!important;
    text-transform: uppercase;
    background: none!important;
    padding-top: 20px;
    padding-bottom: 20px;
}
#header .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus{
    background-color: #fff;   
    
}
#logo{
    background: url("../images/logo.png") no-repeat;
    width: 86px;
    height: 70px;
    display: block;
    text-indent: -9999px;
    margin: 0 auto;
    background-size: cover;
}

.navbar .nav,
.navbar .nav > li {
  float:none;
  display:inline-block;
  *display:inline; /* ie7 fix */
  *zoom:1; /* hasLayout ie7 trigger */

}
.navbar-collapse.collapse{
    background:#F1F2F2;
}

.assistive-text{display: none}

.site-title, .site-description{
    margin: 0px!important;   
    padding-top: 16px;
}
.navbar-default {
    background-color: rgba(255,255,255, -0.5);
    border-color: #e7e7e7;
    width: 9%;
    position: absolute;
    top: 33px;
    left: 40px;
}

.site-cargill{
	float:right; 
	font-size:12px; 
	color:#91969d; 
	position:relative; 
	top:-60px; 
	right:40px;
    padding-top: 15px;
    height: 40px;	
}

.menu {
    height: 0;
    width: 500px;
    cursor: auto;
    margin-top: 37px;
    overflow: hidden;
	-webkit-transition: all 1.4s ease; 
	-moz-transition: all 1.4s ease; 
	-o-transition: all 1.4s ease; 
	transition: all 1.4s ease;    
}

.box-menu:hover .menu,
.box-menu .menu .nav{
	height: 400px
}

.box-menu{
    background: url(../images/menu.png) no-repeat;
    width: 100px;
    height: 40px;
    padding-top: 30px;
    cursor: pointer;
    left: 0px;
    position: relative;
}
.navbar {
    min-height: 32px!important;
    margin-bottom: 0px;
    border: 0!important;
    width: 32px;
    
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
    width: 280px;   
    background-color: transparent!important;
}
.titulo-menu{
    position: absolute;
    font-size: 12px;
    color: #91969d;
    left: 50px;
    top: 6px;
    cursor: default;
}
.navbar .nav, .navbar .nav > li{
    padding-left: 0px;   
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    width: 280px;   
    
}
.navbar .nav > li{
	background: #F1F2F2;
}

.navbar .nav li:hover{
    background: rgba(255,255,255, 1);		
}
.navbar-default .navbar-nav>li>a {
    color: #545861!important;
    background-color: transparent!important;
	padding: 15px 20px 15px 40px    
} 

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    width: 280px;
    position: relative;
    left: -27px;
}
.ico-cargil{
    background: url(../images/gcargil.png)no-repeat;
    width: 30px;
    height: 40px;
    float: right;
    position: relative;
    left: 10px;
    top: -10px;
}
.txt-sobre .col-xs-9{
    padding-left: 0px!important;   
}
/**********************************
    Pages
**********************************/

/*
#main{
	background: #fff;
}
*/

.bx-icon{
    position: relative;
    float: left;
}

.site-content {
    background: #fff;
}

.entry-title{
    margin-top: 100px!important;   
}
.imagem-fundo{
    min-height: 105vh;
    height: 105vh; 
	position: relative;   
}
.imagem-fundo:before,
.imagem-fundo:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0px;
  width: 50%;
  border-bottom: 30px solid white;  
}


.imagem-fundo:before {
  left: 0;
  border-right: 30px solid transparent;
}
.page-home .home .imagem-fundo:before {
    display: none;
}
.page-home .home .imagem-fundo:after {
    display: none;
}

.imagem-fundo:after {
  right: 0;
  border-left: 30px solid transparent;
}

.page-sobre-a-cargill .imagem-fundo:before,
.page-sobre-a-cargill .imagem-fundo:after{
	display: none;
}

.titulo-page{
	position: absolute;
}

.admin-bar.imagem-fundo{
	margin-top: -32px;	
}

.imagem-fundo {
    width: 100%;
    height: 105vh;
    position: relative;
    background-size: 140%!important;

}
.titulo-home h2{
    font-size: 60px;
    color: #fff;
    max-width: 650px;
    font-weight: bold;
}
.titulo-home{
    position: absolute;
    top: 50%;
    margin-top: -250px;
    width: 100%;
        
}

.hide-verde .titulo-home{
    margin-top: -100px;   
}
.open{
    display: none;   
}
.titulo-home{
    /* padding-top: 190px; */
}
.seta {
    width: 40px;
    height: 40px;
    display: block;
    background: url('../images/arrow.png') no-repeat 0 0;
    position: absolute;
    bottom: 90px;
    left: 50%;
    margin-left: -20px;
    cursor: pointer;

	-webkit-animation: descer ease-in .5s infinite alternate;
	-moz-animation:    descer ease-in .5s infinite alternate;
	-o-animation:      descer ease-in .5s infinite alternate;
	animation:         descer ease-in .5s infinite alternate;
}

@-webkit-keyframes descer {
  from { bottom: 90px;}
  to   { bottom: 70px;}
}

@-moz-keyframes descer {
  from { bottom: 90px;}
  to   { bottom: 70px;}
}

@-o-keyframes descer {
  from { bottom: 90px;}
  to   { bottom: 70px;}
}

@keyframes descer {
  from { bottom: 90px;}
  to   { bottom: 50px;}
}

@-webkit-keyframes descer-download {
  from { bottom: 65px;}
  to   { bottom: 55px;}
}

@-moz-keyframes descer-download {
  from { bottom: 65px;}
  to   { bottom: 55px;}
}

@-o-keyframes descer-download {
  from { bottom: 65px;}
  to   { bottom: 55px;}
}

@keyframes descer-download {
  from { bottom: 65px;}
  to   { bottom: 55px;}
}

@-webkit-keyframes descer-download-verde {
  from { bottom: 65px;}
  to   { bottom: 55px;}
}

@-moz-keyframes descer-download-verde {
  from { bottom: 65px;}
  to   { bottom: 55px;}
}

@-o-keyframes descer-download-verde {
  from { bottom: 65px;}
  to   { bottom: 55px;}
}

@keyframes descer-download-verde {
  from { bottom: 65px;}
  to   { bottom: 55px;}
}



.box-txt{
    padding-top: 70px;
    padding-left: 50px;   
    max-height: 300px;
}
.txt p {
    font-size: 14px;
    color: #545861;
    max-width: 314px;
    padding-bottom: 70px;
    max-height: 100px;
}

.container {
    width: 100%!important;
    max-width: 994px;
    margin: 0 auto;
    position: relative;
}

.txt strong{
    font-size: 24px;
}
.page-home .title-cinza strong{
    color: #91969d;   
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}
.title-verde strong{
    color: #abb030;   
    padding-bottom: 37px;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}
.title-verde  span{
    border-bottom: 6px solid;
    border-color: #519136;
    display: block;
    position: relative;
    bottom: -50px;
    width: 40px;
}
.page-home .title-verde  span{
    bottom: -10px;
}
.btn-verde{
    font-size: 12px;
    background-color: #519136;
    padding: 15px 30px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 0px;
    border: 2px solid;
}
.btn-verde:hover{
    color: #519136;
    background-color: transparent;
    border-color: #519136;
    border: 2px solid;  
}
.title-cinza span{
    border-bottom: 6px solid;
    border-color: #545861;
    display: block;
    position: relative;
    bottom: -50px;
    width: 40px;
}
.page-home .title-cinza span{
    bottom: -10px;
}
.titulo-ciza strong{
    color: #91969d;   
    padding-bottom: 37px;
}
.btn-cinza{
    font-size: 12px;
    background-color: #545861;
    padding: 15px 30px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 0px;
    border: 2px solid;  
}
.btn-cinza:hover{
    color: #545861;
    background-color: transparent;
    border-color: #545861;
    border: 2px solid;   
}

.box-lista{
    width: 100%;
    margin-right: 400px;
    background-color: #fff;
}

.hover-verde:hover strong{
	color: #aab130;
}

.hover-verde:hover .hover-bg-verde{
	background-color: #509135;
	border-color: #509135;
}

.hover-verde .hover-bg-verde:hover{
	background-color: transparent;
	border-color: #509135;
	color: #509135;
	text-decoration: none
}




.hover-laranja:hover strong{
	color: #e27b1c;
}

.hover-laranja:hover .hover-bg-laranja{
	background-color: #cb511e;
	border-color: #cb511e;
}

.hover-laranja .hover-bg-laranja:hover{
	background-color: transparent;
	border-color: #cb511e;
	color: #cb511e;
	text-decoration: none
}
.alt-gestao .box-gestao p{
    padding-top: 0px!important;
}

.row-hide{
    opacity: 1!important;   
}

.hover-azul:hover strong{
	color: #00ada4;
}

.hover-azul:hover .hover-bg-azul{
	background-color: #017c8b;
	border-color: #017c8b;
}

.hover-azul .hover-bg-azul:hover{
	background-color: transparent;
	border-color: #017c8b;
	color: #017c8b;
	text-decoration: none
}
.page-nossa-historia .box-branco .bx strong{
    color: #e37c1d!important;   
}
.page-nossa-historia .box-branco .bx span{
    border-color: #cb521e!important;   
}
.page-nossa-historia .box-nossa-historia{
    padding-top: 43px;   
}
.page-nossa-historia .imagem-fundo:before, .page-nossa-historia .imagem-fundo:after{
    bottom: 0px;   
}
/*
.page-nossa-historia .seta{
    display: none!important;   
}
*/
.page-scr .hide-verde .imagem-fundo{
    margin-bottom: 0px!important;   
}
.box-verde{
    width: 100%;
    background-color: #519136;
    padding-top: 45px;
    padding-bottom: 50px;
    position: relative;
    z-index: 999;
}
.hide-verde .imagem-fundo{
    margin-bottom: -50px!important;
}
.page-nossa-historia .hide-verde .imagem-fundo{
    margin-bottom: -3px!important;   
}
.bx{
    background-color: #fff;
    width: 100%;
    margin: 0px;
}


.title-contato {
    margin-top: -300px!important;   
}
.box-lista {
    padding-top: 50px;
    padding-bottom: 44px;
}
.box-lista p{
    color: #545861;
    font-size: 14px;
}
.page-home .box-lista p{
    margin-top: -40px;   
}
.box-verde p{
    color: #fff;
    font-size: 24px;
    font-family: 'Raleway', sans-serif;
}
.box-branco{
    padding-top: 80px;  
    background: #fff;
}
#responsabilidade-socioambiental .box-branco{
    padding-top: 42px;   
}
.box-branco .container{
    background-color: #fff;   
}
/*
#responsabilidade-socioambiental .row-arquivos{
    margin-top: 45px;
    padding: 0px;
}
*/
#relatorio{
    padding-top: 45px;
}
#demonstrativos-e-relatorios .row-arquivos{
    margin-top: 0px;   
}
#demonstrativos-e-relatorios .box-gestao{
    padding-top: 40px;   
}
.page-nossa-historia .box-branco{
    padding-top: 0px;
}
.box-branco strong{
    color: #519136;
    font-size: 24px;
    font-weight:600;
}
.strong-contato{
    color: #cb521e!important;
}
.span-contato{
        border-color:#cb521e!important;
}
#primary{
    background-color: #fff;   
}

.box-contatotxt p{
    padding-top: 40px;   
}
.bx-btn{
    padding-top: 35px;  
    padding-bottom: 90px;
}
.btn-sobre{
    background-color: #abb030;  
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    border: 1px solid;
}
.btn-sobre:hover{
    background-color: #fff;   
    color: #abb030;
    border: 1px solid;
    border-color: #abb030;
}
.btn-sobre:active{
    background-color: #fff;   
    color: #abb030;
    border: 1px solid;
    border-color: #abb030;
}
.btn-sobre:focus{
    background-color: #fff;   
    color: #abb030;
    border: 1px solid;
    border-color: #abb030;
}

.box-branco span{
    border-bottom: 6px solid;
    border-color: #abb030;
    display: block;
    position: relative;
    bottom: -10px;
    width: 40px;
}
.box-row{
    border-bottom: 3px solid;
    border-color: #eeefee;   
    padding-top: 45px;
}
.box-cont{
    width: 323px;
    padding: 40px;
    margin-bottom: 122px;
    min -height: 320px;
}
.box-cont p{
    color: #fff;
    font-size: 14px; 
    background-color: transparent!important;
    padding-top: 7px;
}
.box-cont strong{
    font-size: 27px;
    color: #fff;
    top: -20px;
    position: relative;
    left: 88px;
    background-color: transparent!important;
}
.box-cont span{
    border-bottom: 6px solid;
    border-color: #fff;
    display: block;
    position: relative;
    bottom: 11px;
    width: 40px;
    left: 97px;
    opacity: 0.50;
}
.box-cont:nth-child(odd) {
    float: left;
    background-color: #e37c1d;
    border-top-left-radius: 60px;
    border-bottom-right-radius: 60px;
    padding-top: 53px;
}
.box-cont:nth-child(even){
    float: right;   
    background-color: #cb521e;
    border-top-right-radius: 60px;
    border-bottom-left-radius: 60px;
}
.box-nossa-historia{
    width: 658px;   
    margin: 0 auto;
}
.dados :nth-child(2) {
    margin-top: 190px;
}

.box-pequeno{
    width: 100px;   
    padding: 50px;
}

.dados span {
    margin-top: 0px!important;
}

.box-nossa-historia :nth-child(3) {
    background-color: #e7b513;
}

.box-nossa-historia :nth-child(4) {
    background-color: #e37c1d;
}
.box-nossa-historia :nth-child(5) {
    background-color: #cb521e;
}
.box-nossa-historia :nth-child(6) {
    background-color: #e7b513;
}
.caixa-pequena {
    width: 50px;
    padding: 40px;
}
.caixa-pequena :nth-child(4) {
    width: 50px;
    padding: 40px;
    background-color: #000;
}

.box-gestao strong{
    font-size: 24px;
    color: #00ada7;
}
.box-gestao{
    padding-top: 40px;
}
.box-verde .box-branco{
    padding-top: 70px!important;   
}
.box-gestao  span{
    border-bottom: 6px solid;
    border-color: #007c8b;
    display: block;
    position: relative;
    bottom: -10px;
    width: 40px;
}
.box-gestao p{
    width: 500px;
    padding-top: 25px;   
    color: #545861;
    font-size: 14px;
}
.box-busca{
    padding-top: 42px;
}
.btn, input[type="submit"], input[type="reset"], button{
    border-radius: 0px;
    color: #545861;
}
.caret {
    background: url(../images/caret.png)no-repeat;
    width: 36px;
    height: 34px;
    top: 5px!important;
    right: 0px!important;
    border: 0px;
}
.btn-default, input[type="submit"], input[type="reset"], button {
    color: #333;
    background-color: #dddedd;
    border-color: #ccc;
}
.btn, input[type="submit"], input[type="reset"], button{
    padding: 10px 12px!important;   
    
}
.btn-group>.btn:first-child, .btn-group>input[type="submit"]:first-child, .btn-group>input[type="reset"]:first-child, .btn-group>button:first-child{
    border: 0px;   
    
}
.btn-default, input[type="submit"], input[type="reset"], button {
    color: #545861;
    background-color: #dddedd;
    border-color: #ccc;
}
.arquivos {
    width: 147px;
    height: 132px;
    background: url(../images/ico-upload.png)no-repeat;
    background-position: center;
}
.page-gestao-de-risco .arquivos {
    width: 147px;
    height: 132px;
    background: url(../images/ico-upload-azul.png)no-repeat;
    background-position: center;    
}
.page-responsabilidade-socioambiental .arquivos {
    width: 147px;
    height: 132px;
    background: url(../images/ico-upload-vermelho.png)no-repeat;
    background-position: center;    
}
.page-responsabilidade-socioambiental .row-arquivos{
    border: 2px #ea9d56 solid;   
}
.row-arquivos{
    width: 150px;
    height: 150px;
    border-radius: 190px ;
    border: 2px #10b2ad solid;
    margin-top: 40px;
    display: inline-block;
}
.row-arquivos-1{
    width: 150px;
    height: 150px;
    border-radius: 190px ;
    border: 2px #10b2ad solid;
    margin-top: 40px;
    display: inline-block;
}
.arquivos a {
    color: #10b2ad;
    position: relative;
    top: 95px;
    text-align: center;
    left: 24px;
    width: 100px;
    font-family: arial;
    display: block;
    font-size: 10px;
}
.box-arquivos{
    display: none;
    padding-right: 35px;
    opacity: 0;
    float: left;
    margin-bottom: 10px;    
}
.page-scr .box-row{
    border-bottom: 2px solid;
    border-color: #eeefee;
    padding-top: 45px;   
}

.container-contato{
	position: relative;
	height: 500px;
}
.box-contato{
	display: none;
	min-height: 0;
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
}
.box-contato h4{
    color: #cb521e;
    font-size: 14px;
    font-weight: 700;
    padding-top: 15px;
    padding-bottom: 40px;
}
.box-contato strong{
    color:#545861;
    font-size: 14px;
}
.page-contato .box-branco p{
    padding-top: 50px;
}
.page-contato .box-branco{
    padding-top: 40px;   
}
.mapa{
    margin-left: 120px;
   /* background: url(../images/mapa.jpg) 50% 50% no-repeat; */
    width: 403px;
    height: 416px;
    margin-top: 50px;
    position: relative;
}

.mapa .mapa-hover{
    width: 403px;
    height: 416px;
    position: absolute;
    top:0;
    left: 0;
    display: none;
}

.mapa div{
	cursor: pointer;
	position: absolute;
	display: block;
	width: 31px;
	height: 44px;
	background: url(../images/marker.png) 50% 50% no-repeat;

	margin: -22px 0 0 -15px;
	left: 50%;
	top: 50%;
    padding: 9px 5px;
    font-size: 12px;
    text-align: center;
    z-index: 2;
}

.mapa div span{
	position: relative;
    color: #fff;
}

.mapa div.ativo,
.mapa div:hover{
	background: url(../images/marker-h.png) 50% 50% no-repeat;
	padding: 7px 5px;
	
}

.menu .caret{
    background-image: none!important;   
}

.box-scr strong, .box-scr-arquivo strong {
    padding-top: 70px;
    font-size: 24px;
    color: #00ada7;
}
.box-scr span, .box-scr-arquivo span {
    border-bottom: 6px solid;
    border-color: #007c8b;
    display: block;
    position: relative;
    bottom: -10px;
    width: 40px;
}

.box-branco-scr p{
    padding-bottom: 40px;   
}
.box-scr-arquivo{
    padding-top: 54px;   
}
.conteudo{
    padding-top: 45px;
}

.conteudo p{
    font-size: 14px;
}
.conteudo strong{
    font-size: 24px;
}
.conteudo span{
    bottom: -10px!important;
}

.box-cont-atuacao:nth-child(even) img{
    left: 105%;
    position: relative;
    padding-top: 45px;
}
.box-cont-atuacao:nth-child(odd) img{
    left: 0%;
    padding-top: 45px;
}
.box-cont-atuacao:nth-child(even) .conteudo {
    right: 50%;
    position: relative;
}
.conteudo .title-verde{
    padding-bottom: 20px;   
}
.box-row-atuacao{
    border-bottom: 1px solid;
    border-color: #e6e6e6;
    padding-top: 180px;    
}

.page-contato .titulo-home {
	margin-top: -150px
}
.page-gestao-de-risco .arquivos a{
    display: block;   
    font-size: 10px;
    top: 90px;
    left: 25px;
    color: #005e87;
}
.box-responsabilidade{
    padding-top: 30px;
}
.page-responsabilidade-socioambiental .box-branco span{
        bottom: -15px;
}
.page-responsabilidade-socioambiental .box-gestao{
    padding-left: 0px;   
}
.page-responsabilidade-socioambiental .arquivos a{
    color: #cb521e;
    position: relative;
    top: 100px;
    text-align: center;
    left: 23px;
    width: 100px;
    display: block;
    font-size: 10px
}
.bx{
    padding-top: 42px;   
}
.caixa-pequena{
    background-color: #000;
    width: 100px;
    height: 100px;
}
.box-cont:nth-child(1) .caixa-pequena{
    background-color: #e7b513;
    left: -110px;
    bottom: 0px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    position: absolute;
}
.box-cont:nth-child(2) .caixa-pequena{
    display: none;
}
.box-cont:nth-child(3) .caixa-pequena{
    background-color: #e7b513;
    right: -112px;
    bottom: 10px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    position: absolute;
}
.box-cont:nth-child(4) .caixa-pequena{
    background-color: #e37c1d;
    left: -112px;
    bottom: 77px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    position: absolute;
}
.box-cont:nth-child(5) .caixa-pequena{
    background-color: #e37c1d;
    left: -110px;
    bottom: 0px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    position: absolute;
}
.box-cont:nth-child(6) .caixa-pequena{
    background-color: #cb521e;
    right: -110px;
    bottom: 0px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    position: absolute;
}
.box-cont{
    position: relative;
    min-height: 320px;
}
.caixa-pequena2{
    width: 100px;
    height: 100px;
}
.box-cont:nth-child(1) .caixa-pequena2{
    background-color: #e7b513;
    right: -112px;
    bottom: 140px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    position: absolute;
}
.box-cont:nth-child(2) .caixa-pequena2{
    background-color: #e37c1d;
    right: -112px;
    bottom: 0px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    position: absolute;
}
.box-cont:nth-child(3) .caixa-pequena2{
    background-color: #cb521e;
    left: 223px;
    bottom: 330px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    position: absolute;
}
.box-cont:nth-child(4) .caixa-pequena2{
    background-color: #e7b513;
    left: 0px;
    bottom: 330px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    position: absolute;
}
.box-cont:nth-child(5) .caixa-pequena2{
    background-color: #cb521e;
    right: -112px;
    bottom: 145px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    position: absolute;
}
.box-cont:nth-child(6) .caixa-pequena2{
    display: none;
}
.socioambiental{
    padding-bottom: 40px;   
}

/**********************************
    Contato
**********************************/

.linha{
    background: url(../images/linha2.png);
    width: 100%;
    height: 2px;
/*    margin-bottom: 25px;*/
}
.btn-azul{
    background-color: #007c8b;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    border: 1px solid;
    margin-top: 45px;
}
.btn-azul:hover{
    background-color: #fff;
    color: #007c8b;
    border: 1px solid #007c8b;
}
.btn-azul:active{
    background-color: #fff;
    color: #007c8b;
    border: 1px solid #007c8b;
}
.btn-azul:focus{
    background-color: #fff;
    color: #007c8b;
    border: 1px solid #007c8b;
}
.btn-cont{
    padding-bottom: 42px;
}
.btn-cont p{
    width: 730px!important;   
}
.row-arquivos{
    margin-top: 40px;
    width: 100%;
    height: auto;    
	background: none;
	border: none;
	display: block;
	clear: both;
    padding-bottom: 45px;
    display: table
}

.box-arquivos{
	width: 120px;
    height: 120px;
    border-radius: 100%;
    border: 2px #10b2ad solid;
    display: none;	
    font-size: 9px;
    line-height: 12px;
    padding: 70px 10px 0 10px;
    margin-right: 35px;
    color: #005e87;
    text-align: center;
    /*background: url(../images/ico-upload-verde.png) no-repeat 50% 15px #fff;    */
	text-decoration: none!important;
    margin-top: 45px;
}
.box-arquivos-1{
	width: 120px;
    height: 120px;
    border-radius: 100%;
    border: 2px #10b2ad solid;
    display: inline-block;	
    font-size: 9px;
    line-height: 12px;
    padding: 60px 10px 0 10px;
    margin-right: 35px;
    color: #005e87;
    text-align: center;
/*    background: url(../images/ico-upload-verde.png) no-repeat 50% 15px #fff;    */
	text-decoration: none!important;
    margin-top: 30px;
}
.box-arquivos-1:hover .seta-d{
	background:  url(../images/ico-upload-branco.png) no-repeat 50% 15px ;
    -webkit-animation: descer-download ease-out .5s infinite alternate;
	-moz-animation:    descer-download ease-out .5s infinite alternate;
	-o-animation:      descer-download ease-out .5s infinite alternate;
	animation:         descer-download ease-out .5s infinite alternate;
}
.box-arquivos-1:hover .seta-d{
	background:  url(../images/ico-upload-branco.png) no-repeat 50% 15px ;
}
.box-arquivos:hover .ico-bar{
    background: url(../images/ico-bar-branco.png) no-repeat center center;
    height: 5px;
    position: absolute;
    width: 95px;
    bottom: 62px;
}
/*
.box-icons{
    position: relative;
    top: 100px!important;
}
*/
.box-arquivos-1:hover .ico-bar{
    background: url(../images/ico-bar-branco.png) no-repeat center center;
    height: 5px;
    position: absolute;
    width: 95px;
    bottom: 62px;
    	
}
.box-arquivos:hover .seta-d{
	background:  url(../images/ico-upload-branco.png) no-repeat 50% 15px ;
    	-webkit-animation: descer-download ease-out .5s infinite alternate;
	-moz-animation:    descer-download ease-out .5s infinite alternate;
	-o-animation:      descer-download ease-out .5s infinite alternate;
	animation:         descer-download ease-out .5s infinite alternate;
}

.seta-d{
    background: url(../images/ico-upload-verde.png) no-repeat 50% 15px;
    height: 60px;
    background-position: center center;
    position: absolute;
    width: 96px;
    bottom: 62px;
}
.box-arquivos-verde{
    display: block!important;
	width: 120px;
    height: 120px;
    border-radius: 100%;
    border: 2px #abb030 solid;
    display: none;	
    font-size: 10px;
    padding: 60px 10px 0 10px;
    margin-right: 35px;
    color: #519136;
    text-align: center;
/*    background: url(../images/ico-verde.png) no-repeat 50% 15px #fff;    */
	text-decoration: none!important;
}
.box-arquivos-verde .seta-d{
    bottom: 60px;
}
.box-arquivos-verde .seta-d{
        background: url(../images/ico-verde.png) no-repeat 50% 15px;
}
.box-arquivos-verde:hover .seta-d{
        background: url(../images/ico-upload-branco.png) no-repeat 50% 15px;
    -webkit-animation: descer-download-verde ease-out .5s infinite alternate;
	-moz-animation:    descer-download-verde ease-out .5s infinite alternate;
	-o-animation:      descer-download-verde ease-out .5s infinite alternate;
	animation:         descer-download-verde ease-out .5s infinite alternate;
 
}
.box-arquivos-verde .ico-bar{
     background: url(../images/ico-bar-verde2.png) no-repeat 50% 15px;
     height: 24px;
}
.box-arquivos-verde:hover .ico-bar{
     background: url(../images/ico-bar-branco.png) no-repeat 50% 15px;
}
.box-arquivos-verde .ico-bar{
    bottom: 60px;
}
.ico-bar{
    height: 5px;
    position: absolute;
    width: 95px;
    bottom: 62px;
    background: url('../images/ico-bar-verde.png')center center no-repeat;   
}

.box-arquivos:hover{
/*	background: #007c8b url(../images/ico-upload-branco.png) no-repeat 50% 15px ;*/
	border-color: #007c8b;
	color: #fff;
    background: #007c8b;
}
.box-arquivos-1:hover{
/*	background: #007c8b url(../images/ico-upload-branco.png) no-repeat 50% 15px ;*/
	border-color: #007c8b;
	color: #fff;
    background: #007c8b;
}
.box-arquivos-verde:hover{
/*	background: #519136 url(../images/ico-upload-branco.png) no-repeat 50% 15px ;*/
	border-color: #519136;
	color: #fff;
    background-color: #519136;
}


.page-responsabilidade-socioambiental .row-arquivos .box-arquivos{
	border-color: #ea9d56;
    background: url(../images/ico-upload-vermelho.png) no-repeat 50% 15px #fff;    
    color: #cb521e;
}


.page-responsabilidade-socioambiental .row-arquivos .box-arquivos:hover{
	background: #ea9d56 url(../images/ico-upload-branco.png) no-repeat 50% 15px ;
	border-color: #ea9d56;
	color: #fff;
}

.page-demonstrativos-e-relatorios .box-arquivos{
    float: left;	
	display: none;
}

.page-responsabilidade-socioambiental .row-arquivos{
	border: none;
}

.seleciona_mes {
    opacity: 0;
    margin-left: 5px!important;
}


/**********************************
    Footer
**********************************/

.roda-pe{
    background-color: #dddedd;
    width: 100%;
    padding-top: 25px;
    padding-bottom: 22px;
    margin-top: 44px;
}

body.page-sobre-a-cargill .roda-pe{
	margin-top: 0;
}

.roda-pe strong{
    color: #545861;
    font-size: 14px;
}
.roda-pe a{
    color: #545861;
    font-size: 14px;
    font-family: arial;
}

.roda-pe p{
     color: #545861;
    font-size: 14px;
}


html > body #inPopUp {
    padding: 60px;
}


/**********************************
    Footer
**********************************/


.viewUp,
.viewLeft,
.viewRight,
.viewDown,
.viewIn,
.viewFade{
	opacity: 0;	

}


.animated {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;

  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay {
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
}




@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(50%, 0, 0);
            transform: translate3d(50%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(50%, 0, 0);
            transform: translate3d(50%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
}



@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
}



@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}




@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}


@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}




@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}