@charset "utf-8";

#paginas { float: left; width: 90%; min-height: 300px; padding: 15px 5% 25px;}

#titulo { float: left; width: 100%; margin: 20px 0 0;}
#titulo h1 { float: left; width: 100%; text-transform: uppercase; font-weight: bold; text-align: center; font-size: 2.5em; color: #282E2F;}
#titulo h2 { float: left; width: 100%; text-transform: uppercase; font-weight: bold; text-align: center; font-size: 2.5em; color: #282E2F;}
#titulo strong { float: left; width: 100%; height: 30px; background-image: url('../imagens/subtitulo1.png'); background-repeat: no-repeat; background-position: center;}
#titulo.esconde { display: none;}

#texto1 { float: left; width: 100%; margin: 10px 0 0;}
#texto1 h5 { float: left; width: 100%; font-size: 1.2em; color: rgb(65, 65, 65);}
#texto1 h5.centralizado { text-align: center;}

#margem { float: left; width: 100%; height: 85px;}

#destaques { float: left; width: 90%; padding: 25px 5% 0;}
#destaques .lado1 { float: left; width: 49%;}
#destaques .lado2 { float: right; width: 49%;}
#destaques .subtitulo { float: left; width: 100%; margin: 0 0 8px; position: relative;}
#destaques .subtitulo h2 { float: left; width: 100%; text-transform: uppercase; font-weight: bold; line-height: 1; color: rgb(127, 193, 51); position: relative; z-index: 2;}
#destaques .subtitulo h2 strong { float: left; background-color: rgb(255, 255, 255); padding: 0 10px 0 0;}
#destaques .subtitulo em { position: absolute; width: 100%; height: 5px; top: 9px; left: 0; background-color: rgb(127, 193, 51); z-index: 1;}
#destaques .espaco { width: 48%; margin: 0 0 22px; padding: 0 0 20px; border-bottom: 4px solid rgb(127, 193, 51);}
#destaques .espaco.esp1 { float: left;}
#destaques .espaco.esp2 { float: right;}
#destaques .tab { float: left; width: 100%;}
#destaques .tab .imagem { float: left; width: 100%;}
#destaques .tab .imagem .img { float: left; width: 100%;}
#destaques .tab .iframe { position: relative; width: 100%; padding-bottom: 56%; margin-bottom: 8px; overflow: hidden;}
#destaques .tab .iframe iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
#destaques .tab .descricao { float: right; width: 100%;}
#destaques .tab .descricao h2 { float: left; width: 100%; margin: 12px 0 0; font-weight: bold; line-height: 1.2; font-size: 2em; color: #282E2F;}
#destaques .tab .descricao h3 { float: left; width: 100%; margin: 8px 0 0; font-size: 1em; color: rgb(80, 80, 80);}
#destaques .tab .descricao h4 { float: left; width: 100%; margin: 10px 0 0; font-size: 0.9em; color: #999999;}
#destaques .tab:hover .descricao h2 { text-decoration: underline;}
#destaques .tab:hover .descricao h3.h { text-decoration: underline;}
#destaques .linha2 { float: left; width: 100%; height: 1px;}

#banners { float: left; width: 100%; position: relative; z-index: 1;}
#banners .fundo { float: left; width: 100%; position: relative;}
#banners .fundo.m { display: none;}
#banners .slides, .slides > li, .flex-control-nav { float: left; margin: 0; padding: 0; list-style: none;}
#banners .slides > li { display: none;}
#banners .slides > li img { float: left; width: 100%;}
#banners .flex-control-nav { display: none;}
#banners .flex-direction-nav { padding: 0; margin: 0; font-size: 0; list-style: none;}
#banners .flex-direction-nav a { position: absolute; width: 30px; height: 30px; top: 45%; z-index: 5; cursor: pointer;}
#banners .flex-direction-nav a.flex-prev { left: 2%; background-image: url('../imagens/seta1.png');}
#banners .flex-direction-nav a.flex-next { right: 2%; background-image: url('../imagens/seta2.png');}
#banners.home .flex-direction-nav { display: none;}

#tcarrosel { float: left; width: 94%; padding: 10px 3% 6px; margin: 15px 0 0; background-color: rgb(127, 193, 51);}
#tcarrosel h2 { float: left; width: 100%; text-transform: uppercase; font-weight: bold; text-align: center; font-size: 1em; color: rgb(255, 255, 255);}

#carrosel { float: left; width: 90%; padding: 30px 5% 20px; position: relative; z-index: 1;}
#carrosel .owl-carousel { float: left; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; display: none; }
#carrosel .owl-carousel.owl-loaded { display: block;}
#carrosel .owl-carousel.owl-loading { opacity: 0; display: block;}
#carrosel .no-js .owl-carousel { display: block;}
#carrosel .owl-stage-outer { position: relative; overflow: hidden;}
#carrosel .owl-stage-outer .owl-item { float: left; position: relative; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none;}
#carrosel .owl-stage-outer .owl-item .item { float: left; width: 100%;}
#carrosel .owl-stage-outer .owl-item .item .borda { float: left; width: 98%; height: 150px; position: relative;}
#carrosel .owl-stage-outer .owl-item .item .imagem { margin: auto; position: absolute; max-width: 100%; top: 0; left: 0; bottom: 0; right: 0;}
#carrosel .owl-nav { position: absolute; width: 100%; top: 35%; left: 0;}
#carrosel .owl-nav button { position: absolute; width: 25px; top: 0; padding: 18px 0 22px; background-color: rgb(0, 171, 199); font-size: 2em; line-height: 0; color: rgb(9, 11, 15); cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#carrosel .owl-nav button.owl-prev { left: -35px;}
#carrosel .owl-nav button.owl-next { right: -35px;}
#carrosel .owl-nav button:hover { background-color: rgb(127, 193, 51);}
#carrosel .owl-nav button.disabled { background-color: rgb(200, 200, 200); color: rgb(170, 170, 170);}
#carrosel .owl-nav button.disabled:hover { background-color: rgb(200, 200, 200);}
#carrosel .owl-dots { float: left; width: 100%; margin: 20px 0 0; text-align: center;}
#carrosel .owl-dots button { width: 12px; height: 12px; margin: 0 2px; background-color: rgb(200, 200, 200); cursor: pointer; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}
#carrosel .owl-dots button.active { background-color: rgb(0, 171, 199);}
#carrosel .owl-dots button:hover { background-color: rgb(0, 171, 199);}
#carrosel .controle { float: left; width: 90%; position: absolute; bottom: 30px; left: 5%; z-index: 10;}
#carrosel .controle .botao { float: left; padding: 4px 5px 3px; margin: 0 3px 0 0; background-color: rgb(220, 220, 220); font-size: 0.9em; color: rgb(9, 11, 15); cursor: pointer;}
#carrosel .controle .botao:hover { background-color: rgb(170, 170, 170);}
#carrosel .controle .botao.esse { background-color: #C0EA8F;}

#institucional { float: left; width: 90%; padding: 35px 5%; margin: 5px 0 0; background-color: #F2F5DB;}
#institucional .tab { float: left; width: 33.33%; margin: 10px 0;}
#institucional .tab .imagem { float: left; width: 100%; text-align: center;}
#institucional .tab .imagem img { max-width: 100%; border: 4px solid #FFFFFF;}
#institucional .tab .subtexto { float: left; width: 100%;}
#institucional .tab .subtexto h2 { float: left; width: 100%; margin: 10px 0 0; text-transform: uppercase; text-align: center; font-weight: bold; font-size: 1.8em; color: #211E1C;}
#institucional .tab .subtexto h3 { float: left; width: 86%; margin: 0 7%; text-align: center; font-size: 1em; color: rgb(80, 80, 80);}

#projeto { float: left; width: 90%; padding: 50px 5% 20px; position: relative;}
#projeto .tab { float: left; width: 100%; margin: 30px 0 10px;}
#projeto .tab .imgvideo { width: 38%;}
#projeto .tab .imgvideo img { float: left; width: 96%; margin: 2%;}
#projeto .tab .imgvideo .iframe { position: relative; width: 96%; padding-bottom: 56%; margin: 2%; overflow: hidden;}
#projeto .tab .imgvideo .iframe iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
#projeto .tab .subtexto { width: 60%;}
#projeto .tab .subtexto h3 { float: left; width: 100%; text-transform: uppercase; font-weight: bold; font-size: 1.5em; color: #669F32;}
#projeto .tab .subtexto h4 { float: left; width: 100%; line-height: 1.5; text-align: justify; font-size: 1.1em; color: rgb(80, 80, 80);}
#projeto .tab .subtexto h4 a { float: left; margin: 10px 0 0; background-color: #669F32; padding: 5px 10px 2px; font-weight: bold; color: rgb(255, 255, 255);}
#projeto .tab .subtexto h4 a:hover { background: rgb(0, 171, 199);}
#projeto .tab.ta1 .imgvideo { float: left;}
#projeto .tab.ta1 .subtexto { float: right;}
#projeto .tab.ta2 .imgvideo { float: right;}
#projeto .tab.ta2 .subtexto { float: left;}

#plante { float: left; width: 100%;}
#plante .video { float: left; width: 60%; margin: 10px 20% 0;}
#plante .video .iframe { position: relative; width: 100%; padding-bottom: 56%; margin-bottom: 20px; overflow: hidden;}
#plante .video .iframe iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}

#blog { float: left; width: 100%;}
#blog .tab { float: left; width: 30.6%; margin: 20px 0 0 2%;}
#blog .tab .imgvideo { float: left; width: 100%;}
#blog .tab .imgvideo .img { float: left; width: 100%;}
#blog .tab .imgvideo .iframe { position: relative; width: 100%; padding-bottom: 56%; margin: 2.17% 0; overflow: hidden;}
#blog .tab .imgvideo .iframe iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
#blog .tab .descricao { float: left; width: 100%; margin: 15px 0 0;}
#blog .tab .descricao h2 { float: left; width: 100%; font-weight: bold; line-height: 1.2; font-size: 1.2em; color: #282E2F;}
#blog .tab .descricao h3 { float: left; width: 100%; margin: 8px 0 0; font-size: 1em; color: rgb(80, 80, 80);}
#blog .tab .descricao h4 { float: left; width: 100%; margin: 10px 0 0; font-size: 0.9em; color: #999999;}
#blog .tab:hover .descricao h2 { text-decoration: underline;}
#blog .borda { float: left; width: 100%;}
#blog .linha3 { float: left; width: 100%; height: 1px;}

#exibiblog { float: left; width: 68%; margin: 40px 0 0 2%;}
#exibiblog .subtitulo { float: left; width: 100%;}
#exibiblog .subtitulo h1 { float: left; width: 100%; text-transform: uppercase; font-weight: bold; line-height: 1.3; font-size: 2em; color: #282E2F;}
#exibiblog .subtitulo h2 { float: left; width: 100%; margin: 10px 0 0; font-size: 1em; color: rgb(80, 80, 80);}
#exibiblog .lado1 { float: left; width: 36%;}
#exibiblog .lado2 { float: right; width: 62%;}
#exibiblog .imgvideo { float: left; width: 100%; position: relative; overflow: hidden;}
#exibiblog .imgvideo .img { float: left; width: 100%;}
#exibiblog .imgvideo .obs { position: absolute; width: 100%; height: 100%; top: 0; left: -100%; background-color: rgba(0, 0, 0, 0.44); background-image: url('../imagens/icoZoom.png'); background-repeat: no-repeat; background-position: 50%; z-index: 1;}
#exibiblog .imgvideo:hover .obs { left: 0;}
#exibiblog .imgvideo .iframe { position: relative; width: 100%; padding-bottom: 55%; margin: 8px 0; overflow: hidden;}
#exibiblog .imgvideo .iframe iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
#exibiblog .compartilhe { float: left; width: 100%; padding: 9px 0 5px; margin: 10px 0; border-top: 1px solid rgb(200, 200, 200); border-bottom: 1px solid rgb(200, 200, 200); color: rgb(9, 11, 15);}
#exibiblog .compartilhe strong { float: left; padding: 9px 5px 0 0; font-weight: normal; font-size: 0.9em; color: rgb(80, 80, 80);}
#exibiblog .compartilhe img { float: left; margin-right: 3px; margin-bottom: 3px; opacity:0.7;}
#exibiblog .compartilhe img:hover { opacity: 1; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; -moz-transform: scale(1.2) rotate(-720deg); -webkit-transform: scale(1.2) rotate(-720deg); -o-transform: scale(1.2) rotate(-720deg); -ms-transform: scale(1.2) rotate(-720deg); transform: scale(1.2) rotate(-720deg);}
#exibiblog .compartilhe a.zap { display: none;}
#exibiblog .descricao { float: left; width: 100%; font-size: 1.1em; line-height: 1.8; color: #333333;}
#exibiblog .descricao iframe { max-width: 100%;}
#exibiblog .descricao img { max-width: 100%;}
#exibiblog .descricao strong { text-transform: uppercase;}
#exibiblog .descricao li { float: left; width: 100%; margin: 5px 0 0;}
#exibiblog .descricao a:hover { color: rgb(221, 29, 33);}
#exibiblog .galeria { float: left; width: 100%;}
#exibiblog .galeria .item { float: left; width: 23%; margin: 0 0 20px 1%; background-color: rgb(255, 255, 255); position: relative; overflow: hidden;}
#exibiblog .galeria .item .img { float: left; width: 96%; margin: 2%;}
#exibiblog .galeria .item .obs { position: absolute; width: 96%; height: 96%; top: 2%; left: -100%; background-color: rgba(0, 0, 0, 0.44); background-image: url('../imagens/icoZoom.png'); background-repeat: no-repeat; background-position: 50%; z-index: 100;}
#exibiblog .galeria .item:hover .obs { left: 2%;}
#exibiblog .galeria .linha2 { float: left; width: 100%; height: 1px; display: none;}
#exibiblog .galeria .linha4 { float: left; width: 100%; height: 1px;}

#previablog { float: right; width: 24%; margin: 20px 2% 0 0;}
#previablog .tab { float: left; width: 100%; margin: 25px 0 0;}
#previablog .tab .imgvideo { float: left; width: 100%; background-color: rgb(9, 11, 15);}
#previablog .tab .imgvideo .img { float: left; width: 100%;}
#previablog .tab .imgvideo .iframe { position: relative; width: 100%; padding-bottom: 56%; margin: 2.17% 0; overflow: hidden;}
#previablog .tab .imgvideo .iframe iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
#previablog .tab .descricao { float: left; width: 100%; margin: 10px 0 0;}
#previablog .tab .descricao h2 { float: left; width: 100%; font-size: 1em; color: #282E2F;}
#previablog .tab .descricao h3 { display: none;}
#previablog .tab .descricao h4 { display: none;}
#previablog .tab:hover .descricao h2 { text-decoration: underline;}

#comentarios { float: left; width: 100%; margin: 40px 0;}
#comentarios .apresenta { float: left; width: 100%; padding: 20px 0 0; border-top: 2px dashed rgb(200, 200, 200);}
#comentarios .apresenta h2 { float: left; width: 100%; font-weight: bold; font-size: 2em; color: #282E2F;}
#comentarios .apresenta h3 { float: left; width: 100%; font-size: 1.1em; color: rgb(80, 80, 80);}
#comentarios .add { float: left; width: 100%; margin: 30px 0 0;}
#comentarios .add .c1 { float: left; width: 100%;}
#comentarios .add .c2 { float: left; width: 30%; margin: 20px 2% 0 0;}
#comentarios .add .nomecampo { float: left; width: 100%; margin: 0 0 2px; font-weight: bold; font-size: 1em; color: rgb(80, 80, 80);}
#comentarios .add .nomecampo em { font-style: normal; color: #EE0000;}
#comentarios .add .campo { float: left; width: 96%; height: 50px; padding: 1px 2%; border: 1px solid rgb(200, 200, 200); color: rgb(9, 11, 15);}
#comentarios .add .textarea { float: left; width: 98%; height: 130px; padding: 15px 1%; border: 1px solid rgb(200, 200, 200); color: rgb(9, 11, 15);}
#comentarios .add .botao { float: right; height: 50px; padding: 0 20px; margin: 10px 0 0; background-color: rgb(127, 193, 51); text-transform: uppercase; font-weight: bold; font-size: 1.1em;color: rgb(255, 255, 255); cursor: pointer;}
#comentarios .add .botao:hover { background-color: #6FAC29;}
#comentarios .listar { float: left; width: 100%; padding: 20px 0 0; margin: 20px 0 0; border-top: 2px dashed rgb(200, 200, 200);}
#comentarios .listar .tab { float: left; width: 100%; margin: 20px 0 0; position: relative;}
#comentarios .listar .tab .ico { position: absolute; width: 60px; height: 60px; top: 0; left: 0; background-color: rgb(200, 200, 200); background-image: url('../imagens/icoUser.png'); background-repeat: no-repeat; background-position: 50%; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}
#comentarios .listar .tab .escreveu { padding: 0 0 0 70px;}
#comentarios .listar .tab .escreveu h2 { float: left; width: 100%; line-height: 1.2; font-weight: bold; font-size: 1.5em; color: #282E2F;}
#comentarios .listar .tab .escreveu h3 { float: left; width: 100%; margin: 10px 0; font-size: 1em; color: #282E2F;}
#comentarios .listar .tab .escreveu h4 { float: left; width: 100%; font-size: 0.9em; color: rgb(80, 80, 80);}
#comentarios .listar .tab .escreveu h5 { float: left; font-size: 1em; color: #0815A3; cursor: pointer;}
#comentarios .listar .tab .escreveu h5:hover { text-decoration: underline; color: #00086A;}
#comentarios .listar .tab .escreveu linha { float: left; width: 100%; height: 1px; margin: 20px 0 0; background-color: rgb(190, 190, 190);}
#comentarios .listar .vazio { float: left; width: 100%; font-style: italic; font-size: 1em; color: rgb(80, 80, 80);}
#comentarios .aviso { float: left; width: 100%; margin: 15px 0 0; display: none;}
#comentarios .aviso h2 { float: left; width: 90%; padding: 14px 5% 10px; background-color: rgb(205, 241, 218); text-transform: uppercase; text-align: center; font-size: 1em; color: rgb(56, 64, 59);}
#comentarios .aviso h3 { float: left; width: 90%; padding: 14px 5% 10px; background-color: rgb(247, 185, 185); text-transform: uppercase; text-align: center; font-size: 1em; color: rgb(173, 89, 89);}

#suporte { float: left; width: 100%; margin: 10px 0 30px;}
#suporte .tab { float: left; width: 60%; margin: 5px 0 0 20%; position: relative;}
#suporte .tab .pergunta { float: left; width: 100%; position: relative;}
#suporte .tab .pergunta .link { float: right; width: 88%; padding: 17px 1% 13px; background-color: #EDEDED; border: 1px solid #D5D5D5; font-weight: bold; font-size: 1.2em; color: rgba(0,0,0,0.6); cursor: pointer;}
#suporte .tab .pergunta .link b { display: none;}
#suporte .tab .pergunta .nun { position: absolute; width: 50px; top: 0; left: 0; padding: 17px 0 13px; background-color: #A1D4DC; border: 1px solid #74B9C3; font-weight: bold; text-align: center; font-size: 1.2em; color: rgba(0,0,0,0.6);}
#suporte .tab .resposta { float: right; width: 86%; padding: 2%; margin: 5px 0 0; border: 1px solid #CCC;}
#suporte .tab .resposta .descricao { float: left; width: 100%;}
#suporte .tab .resposta .video { float: left; width: 100%;}
#suporte .tab .resposta .video .iframe { position: relative; width: 100%; padding-bottom: 56%; margin-bottom: 20px; overflow: hidden;}
#suporte .tab .resposta .video .iframe iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
#suporte .tab .resposta .fechar { position: absolute; top: 10px; left: 1%; width: 96%; padding: 11px 1% 9px; text-align: right; cursor: pointer; z-index: 1;}
#suporte .tab:hover .pergunta a { background-color: #A1D4DC; border: 1px solid #74B9C3;}

#doacao { float: left; width: 100%; min-height: 400px;}
#doacao .meio { margin: 0 auto; width: 500px; max-width: 90%;}
#doacao .conteudo { float: left; width: 90%; padding: 5%; margin: 10px 0; border: 1px solid rgb(100, 100, 100, 10%); background-color: rgb(100, 100, 100, 2%);}
#doacao .processado { float: left; width: 100%; text-align: center; font-size: 1em; color: rgb(150, 150, 150);}
#doacao .processado a { color: rgb(0, 171, 199);}
#doacao .form { float: left; width: 100%; margin: 0 0 40px;}
#doacao .form .c1 { float: left; width: 100%; position: relative;}
#doacao .form .nomecampo { float: left; width: 100%; margin: 30px 0 2px; font-size: 1.2em; color: rgb(150, 150, 150);}
#doacao .form .nomecampo em { font-style: normal; color: rgb(195, 92, 92);}
#doacao .form .campo { float: left; width: 98%; height: 60px; padding: 0 1%; border: 1px solid rgb(100, 100, 100, 60%); color: rgb(150, 150, 150);}
#doacao .form .campo.nascimento { width: 30%; padding: 0; text-align: center;}
#doacao .form .campo.nascimento.mes { margin: 0 0 0 4.3%;}
#doacao .form .campo.nascimento.ano { float: right;}
#doacao .form .explicacao { float: left; width: 100%; margin: 5px 0 0; text-align: right; color: rgb(150, 150, 150);}
#doacao .form .submit { float: left; padding: 20px 30px; margin: 20px 0 0; background-color: rgb(25, 141, 77); font-weight: bold; font-size: 1.4em; color: rgb(255, 255, 255); cursor: pointer;}
#doacao .form .submit:hover { background-color: rgb(20, 124, 67);}
#doacao .form .submit.disabled { background-color: rgb(200, 200, 200); color: rgb(140, 140, 140); cursor: inherit;}
#doacao .form .submit.disabled:hover { background-color: rgb(200, 200, 200); color: rgb(140, 140, 140);}


#crie { float: left; width: 100%; position: relative;}
#crie .ir { position: absolute; width: 96%; top: 20px; left: 2%;}
#crie .ir a { float: left; color: rgb(9, 11, 15); border: 1px solid rgb(170, 170, 170); padding: 9px 8px 8px; font-size: 1em;}
#crie .ir a:hover { text-decoration: underline;}
#crie .banner { float: left; width: 100%;}
#crie .divisao { float: left; width: 100%; margin: 5px 0 0;}
#crie .divisao strong { float: left; width: 100%; height: 30px; background-image: url('../uploads/crie-sua-loja-virtual/portal-1.png'); background-repeat: no-repeat; background-position: 50%;}
#crie .divisao b { float: left; width: 100%; height: 10px; background-image: url('../uploads/crie-sua-loja-virtual/portal-2.png'); background-repeat: no-repeat; background-position: 50%;}
#crie .portal { float: left; width: 50%; padding: 70px 25% 30px; background-color: #F5F7EA;}
#crie .portal h1 { float: left; width: 100%; margin: 50px 0; text-align: center; font-size: 1.5em; color: #0A0A0E;}
#crie .funcoes { float: left; width: 100%; padding: 50px 0 10px; text-align: center;}
#crie .funcoes h2 { float: left; width: 100%; text-transform: uppercase; text-align: center; font-weight: bold; font-size: 2.5em; color: #0A0A0E;}
#crie .funcoes img { max-width: 100%;}
#crie .suporte { float: left; width: 100%; padding: 30px 0 0; background-color: #F5F7EA;}
#crie .suporte h2 { float: left; width: 100%; text-transform: uppercase; text-align: center; font-weight: bold; font-size: 2.5em; color: #0A0A0E;}
#crie .porque { float: left; width: 50%; padding: 0 25% 40px;}
#crie .porque h2 { float: left; width: 100%; text-transform: uppercase; text-align: center; font-weight: bold; font-size: 2.5em; color: #0A0A0E;}
#crie .porque .lista { float: left; width: 100%; margin: 10px 0 0;}
#crie .porque .lista .item { float: left; width: 99.5%; padding: 22px 0 20px; margin: 8px 0 0; border: 1px solid #B0B7A7; position: relative;}
#crie .porque .lista .item ok { position: absolute; top: 18px; left: 10px; width: 30px; height: 30px; background-image: url('../uploads/crie-sua-loja-virtual/ok.png'); background-repeat: no-repeat; background-position: 50%;}
#crie .porque .lista .item strong { float: left; margin: 0 0 0 50px; font-weight: normal; font-size: 1.1em;}
#crie .saber { float: left; width: 100%; padding: 50px 0; background-color: #F5F7EA;}
#crie .saber h2 { float: left; width: 100%; text-transform: uppercase; text-align: center; font-weight: bold; font-size: 2.5em; color: #0A0A0E;}
#crie .saber h3 { float: left; width: 70%; margin: 20px 15% 0; text-align: center; font-size: 1.5em; color: #0A0A0E;}
#crie .botao { float: left; width: 100%; margin: 50px 0 20px; text-align: center;}
#crie .botao a { padding: 20px; background-color: #003E9E; font-weight: bold; font-size: 1.5em; color: rgb(255, 255, 255);}
#crie .botao a:hover { background-color: #002867;}

#contato { float: left; width: 40%; padding: 10px 30% 40px;}
#contato .form { float: left; width: 100%;}
#contato .form .campo { float: left; width: 45%; height: 60px; padding: 0 2%; margin: 15px 0 0; border: 1px solid rgb(170, 170, 170); font-size: 1.2em; color: rgb(80, 80, 80);}
#contato .form .campo.c1 { float: left; width: 95.6%;}
#contato .form .campo.c2a { float: left;}
#contato .form .campo.c2b { float: right;}
#contato .form .textarea { float: left; width: 95.6%; height: 100px; padding: 20px 2%; margin: 15px 0 0; border: 1px solid rgb(170, 170, 170); font-size: 1.2em; color: rgb(80, 80, 80);}
#contato .form .botao { float: left; padding: 15px 20px; margin: 10px 0 0; background-color: rgb(127, 193, 51); font-size: 1.2em; color: rgb(255, 255, 255); cursor: pointer;}
#contato .form .botao:hover { background-color: rgb(0, 171, 199);}

@media only screen and (max-width: 1100px){
	#suporte .tab { width: 90%; margin: 5px 0 0 5%;}
}
@media only screen and (max-width: 1000px){
	#carrosel { width: 80%; padding: 30px 10%;}
	#carrosel .controle { width: 80%; left: 10%;}

	#plante .video { width: 80%; margin: 10px 10% 0;}

	#margem { height: 0;}
	#destaques { padding: 20px 5%;}

	#blog .tab { width: 94%; padding: 0 0 20px; border-bottom: 1px solid rgb(200, 200, 200);}
	#blog .tab .imgvideo { width: 37%;}
	#blog .tab .descricao { float: right; width: 61%; margin: 0;}
	#blog .borda { width: 100%; border: 0; padding: 0;}

	#exibiblog { width: 96%; margin: 25px 0 0 2%;}
	#exibiblog .galeria { margin: 0 0 40px;}

	#previablog { display: none;}

	#comentarios { margin: 0 0 40px;}

	#crie .ir { float: left; position: relative; margin: 10px 0 0; top: 0;}
	#crie .ir a { padding: 3px 8px;}
	#crie .portal { width: 90%; padding: 40px 5% 15px;}
	#crie .portal h1 { margin: 30px 0;}
	#crie .funcoes { padding: 50px 0 0;}
	#crie .porque { width: 90%; padding: 0 5% 30px;}
	#crie .saber { padding: 50px 0 30px;}
	#crie .saber h3 { width: 90%; margin: 20px 5% 0;}
}
@media only screen and (max-width: 1000px){
	#projeto { padding: 20px 5% 20px;}
}
@media only screen and (max-width: 900px){
	#paginas { padding: 0 5% 25px;}

	#exibiblog .compartilhe a.zap { display: block;}
}
@media only screen and (max-width: 850px){
	#destaques .lado1 { width: 100%;}
	#destaques .lado2 { width: 100%; margin: 40px 0 0;}
}
@media only screen and (max-width: 800px){
	#banners .fundo.d { display: none;}
	#banners .fundo.m { display: block;}

	#contato { width: 80%; padding: 10px 10% 40px;}
}
@media only screen and (max-width: 700px){
	#projeto .tab { margin: 0 0 20px;}
	#projeto .tab .imgvideo { width: 100%;}
	#projeto .tab .subtexto { width: 100%; margin: 15px 0 0;}
	#projeto .tab .imgvideo img { width: 100%; margin: 0;}

	#plante .video { width: 94%; margin: 10px 3% 0;}

	#exibiblog .lado1 { width: 100%;}
	#exibiblog .lado2 { float: left; width: 100%;}
	#exibiblog .subtitulo { margin: 20px 0 0;}
}
@media only screen and (max-width: 600px){
	#carrosel { padding: 30px 10% 50px;}
	#carrosel .owl-dots { display: none;}
	#carrosel .controle { bottom: 17px;}

	#institucional .tab { width: 100%;}

	#comentarios .add .c2 { float: left; width: 100%; margin: 20px 0 0;}

	#suporte .tab .pergunta .link { width: 85%; font-size: 1em;}
	#suporte .tab .pergunta .nun { font-size: 1em;}
	#suporte .tab .resposta { width: 92%;}

	#crie .portal { padding: 30px 5% 0;}
	#crie .portal h1 { font-size: 1.1em;}
	#crie .funcoes { padding: 30px 0 0;}
	#crie .funcoes h2 { font-size: 1.8em;}
	#crie .porque h2 { font-size: 1.8em;}
	#crie .porque .lista .item strong { font-size: 1em;}
	#crie .saber { padding: 25px 0 20px;}
	#crie .saber h2 { font-size: 1.8em;}
	#crie .saber h3 { font-size: 1.2em;}
}
@media only screen and (max-width: 550px){
	#blog .tab .imgvideo { width: 100%;}
	#blog .tab .imgvideo .img { width: auto; max-width: 100%;}
	#blog .tab .imgvideo .iframe { margin: 0;}
	#blog .tab .descricao { width: 100%; margin: 20px 0 0;}
}
@media only screen and (max-width: 500px){
	#titulo h1 { font-size: 1.8em;}
	#titulo h2 { font-size: 1.8em;}

	#destaques .tab .descricao h2 { font-size: 1.5em;}

	#exibiblog .subtitulo h1 { font-size: 1.4em;}
	#exibiblog .botoes { float: left; width: 100%;}
	#exibiblog .botoes .botao { width: 90%; padding: 17px 5% 15px; margin: 0 0 10px;}
	#exibiblog .galeria .imagem { width: 49%;}
	#exibiblog .galeria .linha2 { display: block;}

	#suporte .tab .pergunta .link { width: 90%; padding: 10px 5% 8px; font-weight: normal; line-height: 1.3;}
	#suporte .tab .pergunta .link b { display: contents;}
	#suporte .tab .pergunta .nun { display: none;}

	#crie .botao { margin: 40px 0;}
	#crie .botao a { font-size: 1.1em;}

	#contato { width: 100%; padding: 10px 0 40px;}
}
@media only screen and (max-width: 450px){
	#carrosel { width: 70%; padding: 30px 15% 50px;}
	#carrosel .controle { width: 70%; left: 15%;}
}
@media only screen and (max-width: 400px){
	#crie .ir a { font-size: 0.9em;}
	#contato .form .campo { width: 95.6%;}
}
@media only screen and (max-width: 350px){
	#destaques .lado2 .espaco { width: 100%;}
}