@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,800,800italic,700italic,700,600italic,600,400italic,300italic,300);
* {margin: 0; padding: 0; outline:0;}
body {font: normal 18px/28px Arial, Helvetica, sans-serif; color:#555555; text-align: left;}

/*  atributos gerais
------------------------------------------------------------------------------------------------------------------*/
iframe {border: 0;}
input, textarea, label {font: normal 14px Arial, Helvetica, sans-serif; color: #555555;}
ol, ul {list-style: none;}
a {color: #555555; text-decoration: none; word-wrap: break-word;}
a:hover {text-decoration: underline; color: #555555;}
img {border: none;}
p{margin-bottom: 35px;}

/*  classes gerais
------------------------------------------------------------------------------------------------------------------*/
.floatLeft{float:left;}
.floatLeftImg{float:left; margin: 5px 15px 10px 0;}
.floatRight{float:right;}
.floatRightImg{float:right; margin: 0 0 15px 15px;}
.clear{clear:both;}
.center{text-align:center;}
.noPadding{padding:0!important;}
.noMargin{margin:0!important;}
.noMarginLeft{margin-left:0!important;}
.noMarginBottom{margin-bottom:0!important;}
.noMarginTop{margin-top:0!important;}
.noPaddingTop{padding-top:0!important;}
.noPaddingLeft{padding-left:0;}
.noPaddingRight{padding-right:0!important;}
.noPaddingBottom{padding-bottom:0!important;}
.noBorder {border: none !important;}
.underline{text-decoration:underline;}
.section{float: left; width: 100%; position: relative;}
.white {color: #FFFFFF;}
.bgVerde {background-color: #90D249;}
.bgLaranja {background-color: #DF8215;}
.bgAmarelo {background-color: #FFE000;}
.bgMarrom {background-color: #A38C5C;}
.bgLaranja {background-color: #DF8215;}
.bgAmareloEscuro {background-color: #FFC200;}
.leg {font-size: 10px; line-height: 14px;}
.block {display: block;}
.marginMedium {margin-bottom: 20px;}
.ref { font-size: 12px; }
.link { color: #48b5de; text-decoration: underline; }

/* Botoes */
.btnVerde{color: #FFFFFF; background: #8CD234; -webkit-border-radius: 20px; border-radius: 20px; padding: 4px 38px; border: 2px solid #8CD234; font-family: 'Open Sans'; font-weight: 600; transition:300ms;}
.btnVerde:hover{color: #8CD234; background: #FFFFFF; text-decoration: none;}

/* Floater */
.fundoFloater {display:none; position:fixed; top:0; left:0; z-index:400; width:100%; height:100%; background:#000; opacity: 0.5; filter: alpha(opacity=50);}
.floater {display:none; position:fixed; top:50%; left:0; right:0; z-index:401; margin:0 auto; width:850px;}
.videoWrapper {position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0;}
.videoWrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.closeVideo{position: absolute; top: 0; right: -25px; color: #FFFFFF; background: #8CD234; padding: 12px 20px; z-index: 10; -webkit-border-radius: 50%; border-radius: 50%; transition:300ms linear;}
.closeVideo:hover, .closeVideo:focus{text-decoration:none; background:#FFFFFF; color:#8CD234;}

/*  padrao de hierarquia de títulos
------------------------------------------------------------------------------------------------------------*/
h1{font-family:'Open Sans'; font-size:26px; line-height:32px; color: #8fd13f; font-weight: 800; margin: 0 0 35px 0;}
h2{font-family:'Open Sans'; font-size: 21px; line-height: 25px; color: #5F6561; font-weight: 800; margin: 0 0 35px 0;}
h3{font-size: 18px; line-height: 22px; font-weight: bold; margin: 0 0 18px 0;}

/*  topo
------------------------------------------------------------------------------------------------------------------*/
.left-menu::-webkit-scrollbar{width:0;}
.left-menu{width: 280px; background: #3EA500; -webkit-transition: 500ms ease 0s; -ms-transition: 500ms ease 0s; -moz-transition: 500ms ease 0s; -o-transition: 500ms ease 0s; transition: 500ms ease 0s; position: fixed; -webkit-overflow-scrolling: touch; top: 0; left: 0; bottom:0; z-index: 2000; overflow-y: scroll;}
.left-menu a:hover{text-decoration: none;}
.left-menu.hideMenu{left:-280px;}
.close-icon{color:#FFFFFF; float:right; padding: 3px 12px; text-align: right; background: #8cd136; margin: 10px;}
.close-icon:hover{color:#005278; background: #FFFFFF;}
.left-menu h1{background: #8cd136; color: #FFFFFF; text-transform: uppercase; padding: 10px 12px; float: left; width: 96%; font-size: 15px; font-weight: bold; margin: 9px 10px 0 0;}
.left-menu .menuLateral{float:left; width:100%; margin: 10px 0 30px 0;}
.left-menu .menuLateral ul > li{float:left; width:100%; border-bottom: 1px solid #8cd136;}
.left-menu .menuLateral ul > li > a{float:left; width:100%; color:#FFFFFF; padding: 11px 10px; font-size: 14px;}
.left-menu .menuLateral ul > li > a:hover,
.left-menu .menuLateral ul > li > a.active{background: #8cd136;}
.background-menu{-webkit-backface-visibility: hidden; transition: background 300ms ease; cursor: pointer; box-shadow: none; position: fixed; background: rgba(0,0,0,0.5); top: 0; left: 0; z-index: 1002; -webkit-tap-highlight-color: transparent; right:0; bottom:0;}
.background-menu.hideBackground{background: transparent; z-index:-1;}

header{float: left; width: 100%; z-index:200;}
.fixed{position: fixed; top:0; left:0; -webkit-transition:0.2s ease-in-out; -moz-transition:0.2s ease-in-out; transition:0.2s ease-in-out;}
#topo{float: left; width: 100%; background: #FFFFFF; height: 90px; overflow: hidden;}
#logoBayer{float:right; margin: 9px 30px 9px 20px;}
#logo{float:left; margin-right: 10px; width: 190px;}
.menuSecundario ul{float: right; margin: 55px 0 0 0;}
.menuSecundario ul > li{display: inline-block;}
.menuSecundario ul > li a{color: #636363; font-size: 11px; border-left: 1px solid #636363; padding-left: 5px;}
.menuSecundario ul > li:first-child > a{border-left:0;}
.menuSuperior{float: left; width: 100%; background: #8cd136;}
.menuSuperior ul{float:left; width:100%; text-align: center; margin: 0;}
.menuSuperior ul > li{font-size: 18px; display: inline-block; line-height: 18px;}
.menuSuperior ul > li > a{float:left; color: #C7FC88; padding: 20px 28px 13px 28px; font-family: 'Open Sans'; font-weight: 700;}
.menuSuperior ul > li > a:hover,
.menuSuperior ul > li > a.active{text-decoration:none; color:#FFFFFF; background:url(/images/pontos-menu.png) no-repeat center 42px;}
.menuMobile{float:left; width:100%; padding:10px 0; background: #8cd136; display:none;}
.buttons-menu{float: left; width: 30px; cursor:pointer;}
.buttons-menu span{border-bottom: 2px solid #FFFFFF; display: block; margin: 4px;}

/*  conteúdo
----------------------------------------------------------------------------------------------*/
.container-small{margin:0 auto; width: 705px; position:relative;}
.container-medium{margin:0 auto; width: 750px; position:relative;}
.container-large{margin:0 auto; width: 1140px; position:relative;}

/* Banners */
#owl-banner{float:left; width:100%;}
#owl-banner .item{position:relative; float:left; width:100%; text-align:center; background:#f1f1f1;}
#owl-banner .descricaoBanner{float:left; width:100%; background: #8cd136; padding: 15px 15px 40px 15px; display:none;}
#owl-banner .descricaoBanner h2{font-size: 15px; font-family: 'Open Sans'; font-weight: 700; color: #FFFFFF; line-height: 22px; margin: 0 0 15px 0; text-align:left;}
#owl-banner .descricaoBanner .btnMais{color: #FFFFFF; background: #3EA500; padding: 4px 14px; -webkit-border-radius: 5px; border-radius: 5px; float: left;}
#owl-banner .descricaoBanner .btnMais:hover{text-decoration:none; opacity:0.8;}
#owl-banner .owl-controls .owl-pagination{margin-top: -33px; position: relative;}

#sobre{float:left; width:100%; padding: 64px 0 25px 0; text-align:center; background:#FFFFFF;}
#sobre p{color:#434343;}

#objetivo{float:left; width:100%; padding: 50px 0 25px 0; text-align:center; background: #4EB6DD url(/images/nosso-objetivo.jpg) no-repeat center center; background-size: auto 100%; height: auto;}
#objetivo p{color:#FFFFFF;}

#manejo{float:left; width:100%; padding: 74px 0 74px 0;}
#manejo h1{margin-top:-7px;}
#manejo img{display:inline-block;}
#manejo aside{float:left; width:100%; padding-top: 35px;}
#manejo aside p{font-size: 15px; margin-bottom: 25px;}
#manejo aside .duasLinhas { line-height: 20px; }
#manejo .box{background:#E7E9E8; height: 292px; text-align:center; -webkit-border-radius:8px; border-radius:8px; position:relative; margin-top: 20px;}
#manejo .box #ceat{-webkit-border-radius:8px; border-radius:8px;}
#manejo .hover{opacity:1; background: none; height: auto;}
#manejo .hover:hover{transition:200ms ease-in; opacity:0.8;}
#caminho{margin: 17px 0 5px 0; padding: 0 15px;}
#weed{margin: 68px 0 50px 0; padding: 0 15px;}

#solucoes{float:left; width:100%;}
.wrapperAbas{float: left; width: 100%; position: relative;}
.wrapperAbas h1{float:left; margin: 10px 0 15px 15px;}
.abas{float:left; margin: 0 0 0 45px;}
.abas > li{float: left; position: relative;}
.abas > li a{float:left; color:#FFFFFF; font-family:'Open Sans'; font-weight: 700; font-size: 18px; text-align: center; background: #3EA500; padding: 15px; width: 180px; border-top-right-radius: 5px; border-top-left-radius: 5px; position: relative; -webkit-box-shadow: inset 5px 3px 3px #349e00; box-shadow: inset 5px 3px 3px #349e00; outline:none;}
.abas > li a:hover, .abas > li a:focus{text-decoration:none; background: #359E00;}
.abas > li.ativo a{background:#8CD234; -webkit-box-shadow:none; box-shadow:none;}
.abas > li a:before{content:''; background:url(/images/solucoes.png) no-repeat; position: absolute; height: 31px; top: 12px;}
.abas > li .soja:before{background-position:0 0; width: 18px; left: 40px;}
.abas > li .milho:before{background-position: -17px 0; width: 18px; left: 30px;}
.abas > li .trigo:before{background-position: -34px 0; width: 12px; left: 40px;}
.abas > li .algodao:before{background-position: -46px 0; width: 18px; left: 25px;}
.abas > li .biotecnologia:before{background-position: -64px 0; width: 18px; left: 7px;}

#menuSolucoesMobile{float: left; width: 100%; padding: 0 15px; margin-bottom: 30px; display:none;}
#menuSolucoesMobile ul{position: absolute; border: 1px solid #3EA500; -webkit-border-radius: 5px; border-radius: 5px; border-top: 0; display:none; top: 95px; left: 15px; right: 15px; z-index: 200; background: #FFFFFF;}
#menuSolucoesMobile ul > li{display: block;}
#menuSolucoesMobile ul > li > a{display: block; padding: 12px 20px; border-top: 1px solid #3EA500;}
#menuSolucoesMobile ul > li > a:hover,
#menuSolucoesMobile ul > li > a:focus{background:#8CD136; text-decoration:none; color:#FFFFFF;}
#menuSolucoesMobile span{padding: 12px 20px; background: #8CD234; float: left; width: 100%; color: #FFFFFF; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; position:relative;}
#menuSolucoesMobile span:after{content:''; height: 12px; width: 12px; position: absolute; right: 23px; top: 16px; border-right: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg);}
#menuSolucoesMobile span.active:after{top: 21px; transform: rotate(-135deg); -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -moz-transform: rotate(-135deg);}

.conteudoAbas{float:left; width:100%; background: #8CD234; padding: 80px 0 42px 0;}
.conteudoAbas .container-large > div{display:none;}
.conteudoAbas .container-large > div:first-child{display:block;}

.owl-solucoes{width:780px!important; margin:0 auto;}
.owl-solucoes .owl-controls .owl-pagination {padding-top:10px; display:none;}
.owl-solucoes .item{padding:0 16px; width:100%; float:left;}
.owl-controls .owl-buttons div{top: 55px; left:0; width:100%;}
.owl-controls .icon-seta-left{position:absolute; top:0; left: -165px; background:url(/images/setas.png) no-repeat left; width: 28px; height: 50px; z-index:100;}
.owl-controls .icon-seta-right{position:absolute; top:0; right: -165px; background:url(/images/setas.png) no-repeat right; width: 28px; height: 50px; z-index:100;}
.boxImg{width: 160px; height: 160px; -webkit-border-radius: 10px; border-radius: 10px; text-align: center; padding: 20px; float: left;}
.boxBranco{background: #FFFFFF;}
.boxCinza{background: #f0f6f2;}
.boxDesc{width: 160px; text-align:center; float: left;}
.conteudoAbas p{color: #FFFFFF; font-size: 16px; margin: 0; line-height: 20px;}
.conteudoAbas p:first-child{margin: 20px 0 0 0;}
.conteudoAbas p small{font-size: 14px;}
.conteudoAbas a { color: #FFFFFF; }

/* Internas */
.conteudoInterna{float:left; width:100%; position:relative; margin: 55px 0 40px 0;}
.conteudoInterna h1{text-align:center; margin-bottom: 52px; margin-top: 5px;}

.imgWeedResistance {padding: 50px 50px 50px 0;}
.imgCeat {padding: 50px 40px 50px 0;}

.atividades {width: 100%; float: left;}
.atividades li {float: left; width: 110px; -webkit-text-shadow: 0 0 2px #999; text-shadow: 0 0 2px #999; height: 70px; padding: 0 5px; margin: 0 5px 5px 0; line-height: 14px; font-size: 12px; text-align: center; color: #FFFFFF; display: table;}
.atividades li span {display: table-cell; vertical-align: middle;}

/* Aplicativo Weedscout */
.conteudoApp { overflow: hidden; }
.banner-interna { background-color:#2D3317; color: #fff; float: left; margin: 0 auto; width: 100%; position: relative; }
.banner-interna figure { width: 100%; float: left; text-align: center; overflow: hidden; }
.banner-interna figure img { display: inline-block; position: relative; }
.banner-interna .container { position: relative; }
        
.banner-description { display: block; position: absolute; top: 21%; right: 11.5%; width: 419px; }
.banner-description h2 { color: #FFF; }

.contruindoApp figure { float: right; margin-top: -15px; margin-right: -30px; }
.contruindoApp h1 { text-align: left; margin-top: 15px;  }

.appOffline { margin-bottom: 70px; margin-top: 10px; }
.appOffline figure { float: left; margin-right: 40px; }        
.appOffline .info { display: table; height: 350px; }
.appOffline h1 { text-align: left; }
.appOffline .valign { display: table-cell; vertical-align: middle; }

.btnApp { width: 178px; height: 51px; background: url(/images/weedscout/btn-store.png) no-repeat; background-size: 366px 102px; float: left; font-size:0; margin-left: 12px; }        
.greenGoogle { background-position: right 0; }
.whiteApple { background-position: left bottom; }
.whiteGoogle { background-position: right bottom; }
.downloadApp a:first-child { margin-left: 0; }


/*  rodape
------------------------------------------------------------------------------------------------------------------*/
footer{float:left; width:100%; background: #F4F4F4; padding: 28px 0;}
.rodape{font-size:11px; line-height: 15px; color: #666;}
.rodape a{color: #666;}
.rodape .linha{border-bottom: 1px solid #737373; padding: 5px 0; margin-bottom: 5px; float: left; width: 100%;}
.colunarodape{float:left; width:100%;}
.linha p{float:left; margin: 0;}
.linha ul{float:right; margin: 0;}
.linha ul li{display: inline-block; margin-left: 8px;}
.linha ul li:first-child{margin-left:0;}
.linha ul li .bookmark{background:url(/images/fav.gif) no-repeat; padding-left: 18px;}
.linha ul li .email{background:url(/images/email.gif) no-repeat; padding-left: 18px;}
.rodape .row ul{display: inline-block; width: 100%; padding: 0; margin: 0;}
.rodape .row ul li{display: inline-block; padding: 0 10px 0 0;}
.rodape .row .msg-bayer{text-align: right;}
.rodape .row .msg-bayer p{margin-bottom: 10px;}
.rodapeSecundario { margin: 0; padding: 0 0 28px 0; }

/*  media queries
------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1200px) {
    br{display:none;}
    .container-large{float:left; width:100%;}

    #manejo{padding: 35px 0 0 0;}
    #manejo aside{padding-top: 0;}
    #manejo aside div{width:100%; margin-bottom:30px;}
    #caminho{margin: 25px 0 15px 0;}
    .owl-solucoes{width:80%!important;}
    .owl-controls .icon-seta-left{left:-50px;}
    .owl-controls .icon-seta-right{right:-50px;}

    /* Aplicativo Weedscout */
    .banner-interna figure img { left: 0; margin-left: -180px;  }
}

@media screen and (max-width: 1366px) {
    #owl-banner .item {background:none;}
    #owl-banner .item img{width:100%;}
}

@media screen and (min-width: 1024px) {
    #owl-produtos.owl-solucoes {width: 106% !important;}
    #owl-produtos .owl-wrapper {width: 100% !important; margin-left: -16px;}
}

@media screen and (max-width: 1023px) {
    .floater{width:85%;}

    body{font-size:14px; line-height:24px; left:0; right:0;}
    h1{font-size:19px; line-height:22px; margin: 0 0 20px 0;}
    h2{font-size:15px; line-height:19px; margin: 0 0 20px 0;}
    h3{font-size:14px; line-height:17px;}
    p{margin-bottom:25px;}
    .menuSuperior ul > li{font-size:16px;}

    #menuSolucoesMobile{display:block;}
    #solucoes .abas{display:none;}
    .conteudoAbas{padding: 40px 0 20px 0;}

    .rodape{margin-right:15px; margin-left:15px;}
}
@media screen and (max-width: 916px) {
    /* Aplicativo Weedscout */
    .banner-description h2 { font-size: 19px; line-height: 22px; }
}
@media screen and (max-width: 880px) {
    /* Aplicativo Weedscout */
    .banner-interna figure img { left: 0; margin-left: -240px; }
    .banner-description { right: 10%; }
    .btnApp { width: 158px; background-size:  329px auto; height: 46px; }
}
@media screen and (max-width: 800px) {
    .container-medium{float:left; width:100%; padding-right:15px; padding-left:15px;}
    .conteudoInterna{margin-top:30px;}
    .conteudoInterna h1{margin-bottom:30px;}
}

@media screen and (min-width: 768px) {
    #owl-produtos .owl-item {width: 195px !important; margin-bottom: 30px;}
}

@media screen and (max-width: 767px) {
    .menuMobile{display:block;}
    .menuSuperior, .menuSecundario{display:none;}
    #topo{height: 75px;}
    #logo{width: 162px;}
    #logoBayer{width:57px;}
    .owl-solucoes .owl-controls .owl-pagination{display:block;}
    .owl-controls .icon-seta-right{right:-15px;}
    .owl-controls .icon-seta-left{left:-15px;}
    .boxImg{width: 94%; margin: 0 3%; padding-left: 0; padding-right: 0; }
    .boxDesc{width:100%;}

    .container-small{float:left; width:100%; padding-right:15px; padding-left:15px;}

    #manejo h1 { margin-top: 20px; }
    .imgWeedResistance {padding: 30px 30px 30px 0;}

    .closeVideo { padding: 7px 15px; right: -18px; top: 7px; }

    /* Aplicativo Weedscout */
    .banner-description { width: 350px;  }
    .contruindoApp { margin-bottom: 40px; float: left; }
    .contruindoApp figure, .appOffline figure { width: 100%; text-align: center; margin-bottom: 25px; margin-top: 0; margin-right: 0; }
    .contruindoApp figure img, .appOffline figure img { display: inline-block; }
    .contruindoApp figure { margin-bottom: -5px; }
    .contruindoApp figure img { margin-right: -60px; }
    .appOffline { margin-bottom: 0; }
    .appOffline .info { height: auto; }
}

@media screen and (max-width: 710px) {
    /* Aplicativo Weedscout */
    .banner-description { right: 5%; }
}

@media screen and (max-width: 640px) {
    #sobre{padding: 35px 0 0 0;}
    #manejo aside{padding-top:0;}

    #owl-banner .descricaoBanner{display:block;}

    .rodape .row ul li{display:block;}
    .rodape .row .msg-bayer p{margin-top:10px;}

    .atividades li {width: 32.5%;}
    .atividades li:nth-child(3) {margin-right: 0;}

    /* Aplicativo Weedscout */
    .banner-interna figure img { left: 0; margin-left: 0; display: inline-block; width: 100%; }
    .banner-description { position: relative; right: 0; width: 100%; padding: 10px 0; float: left; }
    .banner-description h2 { font-size: 15px; }
    .banner-description p { line-height: 20px; }
    .btnApp { width: 128px; background-size:  266px auto; height: 37px; }
}

@media screen and (max-width: 520px) {
    .imgCenterMobile { width: 100%; display: inline-block; text-align: center; }
    .imgCenterMobile .img-responsive { float: none; display: inline-block; }

    .imgCeat {padding: 20px; margin-right: 0;}
}
@media screen and (max-width: 480px) {
    .linha ul{width:100%; margin-top:5px;}

    #owl-produtos .owl-controls .owl-page span {height: 13px; margin: 5px 3px; width: 13px;}

    .imgWeedResistance {padding: 25px 35px; margin-right: 0;}

    .atividades li {width: 49%;}
    .atividades li:nth-child(3) {margin-right: 5px;}
    .atividades li:nth-child(even) {margin-right: 0;}

    #caminho { margin: 17px 0 5px; }
}

@media screen and (max-width: 480px) {
    #owl-banner .descricaoBanner h2 { min-height: 66px; }
}