/* Theme Name: Jupiter Child Theme Theme URI: http://demos.artbees.net/jupiter5 Description: Child theme for the Jupiter theme Author: Your name here Theme URI: http://themeforest.net/user/artbees Template: jupiter Text Domain: mk_framework Domain Path: /languages/ */ .mk-header-inner { background-color:#fff; } .mk-header-inner .sombra { width: 100%; height: 100px; position: absolute; top:0; left: 0; background: url('images/sombra.png'); background-repeat: repeat-x; background-position: top center; display: block; z-index: 200; } .mk-header-inner .menu { width: 100%; height: 100px; position: absolute; top:0; left: 0; background: url('images/bg_menu.jpg'); background-repeat: repeat-x; background-position: top center; display: block; z-index:250; } .mk-header-inner .logo { width: 242px; height: 191px; position: absolute; top:1px; left: 50%; margin-left: -110px; background: url('images/logo_home_16.png'); background-repeat: repeat-x; background-position: top center; display: block; z-index:250; } .mk-header-inner .idiomaeua { width: 26px; height: 26px; position: absolute; top: 10px; right: 40px; background: url('images/eua.png'); background-repeat: repeat-x; background-position: top center; display: block; z-index:250; } .mk-header-inner .idiomaes { width: 26px; height: 26px; position: absolute; top: 10px; right: 10px; background: url('images/es.png'); background-repeat: repeat-x; background-position: top center; display: block; z-index:250; } .carousel .buttonNav{display: none !important;} .orange .titulo_carrossel_produtos {width:100%px; position:relative; margin:15px;} .titulo_carrossel_produtos {width:100%px; position:relative; margin:15px auto;} .titulo_carrossel_produtos .texto_um {font-size:35px; width:600px; color:#fff; font-style:italic; position:relative; left:50%; margin-left: -300px;} .titulo_carrossel_produtos .texto_dois {font-size:64px;width:700px; left:50%; margin-left: -300px; color:#fff; font-weight:bold; padding-left:110px; margin-top:5px; position:relative} .orange .titulo_carrossel_produtos .texto_um {font-size:35px; width:600px; color:#fff; font-style:italic; position:relative; left:50%; margin-left: -300px;} .orange .titulo_carrossel_produtos .texto_dois {font-size:64px;width:700px; left:50%; margin-left: -300px; color:#fff; font-weight:bold; padding-left:110px; margin-top:5px; position:relative} .titulo_carrossel_produtos .espaco {width:100%; height:15px; display:block; clear:both} .orange .produtos_home {margin-top: 30px;} .box_home_esquerda .box {margin-left: 75px; color: #fff} .box_home_esquerda .box h1{font-size: 120px !important; color: #fff !important; text-transform: none !important; font-weight: bold; } .box_home_esquerda .box p{font-size: 18px !important; color: #fff !important; text-transform: none !important; } .divisoria_home .divisoria{margin: 0 auto; background: url('images/divisoria.png') center no-repeat ; display: block} .orange{background: #f2851c; !important; height: 470px;} .titulo_receita_video .texto_um {font-size:35px; width:600px; color:#fff; font-style:italic; position:relative; left:50%; margin-left: -320px;} .titulo_receita_video .texto_dois {font-size:64px;width:700px; left:50%; margin-left: -300px; color:#fff; font-weight:bold; padding-left:135px; margin-top:10px; position:relative} .receita_social{height: 50px !important; display: block !important; visibility: visible !important; } .margintop-30{margin-top: -55px} .video{max-width: 860px; margin: 0 auto;} /*MENU*/ .menu #nav { width:100%; max-width: 1100px; position: relative; margin: 30px auto; font-weight: 100; z-index: 350;} .menu #nav > a {display: none;} .menu #nav li {position: relative;} .menu #nav li a, .menu #nav li .mobile {color: #fff; display: block; font-weight: 100; } .menu #nav li a:active,.menu #nav li .mobile:active { background-color: !important;} .menu #nav span:after { width: 0; height: 0; border-bottom: none; content: ''; vertical-align: middle; display: inline-block; position: relative; } /* MENU PRINCIPAL */ /*ocultar menus*/ .menu #nav > ul > .responsabilidade{display: block !important;} .menu #nav > ul > .recursos {display: block !important;} .menu #nav > ul > .contato {display: block !important;} .menu #nav > ul > .responsabilidade_dois{display: none !important;} .menu #nav > ul > .recursos_dois {display: none !important;} .menu #nav > ul > .contato_dois{display: none !important;} /*fim ocultar menus*/ .menu #nav > ul { height: 60px; top:20px;} .menu #nav > ul > li { width: 10%; min-width: 137px; height: 100%; list-style: none;} .menu #nav > ul > .recursos {width: 9%; min-width: 120px; display: block} .menu #nav > ul > .responsabilidade {display: block} .menu #nav > ul > .contato { display: block} .menu_left {float: left;} .menu_right {float: right;} .menu #nav > ul > li > a, .menu #nav > ul > li .mobile { height: 50px; font-size: 15px; line-height: 50px; text-align: center; padding: 5px;} .menu #nav > ul > li:not( :last-child ) > a { /*border-right: 1px solid #000;*/ } .menu #nav > ul > li:hover > a, .menu #nav > ul:not( :hover ) > li.active > a{ background: url('images/menu_hover.png') center no-repeat; font-weight: 600;} /*itens do menu que usam 2 linhas*/ .menu #nav > ul > li > .duplo { line-height: 15px !important; height: 45px; padding-top: 12px; } /* SUB-MENUS */ .menu #nav li ul{display: none; position: absolute; top: 57px; padding-top: 10px; padding-bottom: 10px; margin-left: 1px; z-index: 1000;} .menu #nav li:hover ul{display: block; left: 0; right: 0; } .menu #nav li:not( :first-child ):hover ul { left: -1px;} .menu #nav li ul li {list-style: none; z-index: 1000;} .menu #nav li > .marilan {background: url('images/base_sub-menu_marilan.png') bottom no-repeat; width: 155px;} .menu #nav li ul > .marilan {background: url('images/bg_sub-menu_marilan.png'); width: 155px; margin-left: 0px; } .menu #nav li ul a {font-size: 15px; border-top: 2px solid #eab01f; width: 125px; display: block; margin-left: 10px; padding: 7px; margin-right: 10px; line-height: 15px; color: #ee6624; text-align: center; padding-bottom: 12px; padding-top: 12px;} .menu #nav li ul .no-border { border-top: none; } .menu #nav li ul li a:hover, .menu #nav li ul:not( :hover ) li.active a{color: #fff} /*SUB-MENU PRODUTOS*/ .menu #nav li > .produtos {background: url('images/bg_produtos.png') no-repeat; width: 982px; background-position:0 10px; height: 380px; padding-top: 74px; margin-left:-115px; top:59px; } .menu #nav li ul > .produtos {width: 178px !important; height: 87px !important; display: block; float: left; position: relative; margin-right: 50px;} .menu #nav li ul .produto-menu{padding: 0 !important; margin-left: : -15px !important; width: 178px !important; height: 87px !important; display: block; background-repeat: no-repeat; text-indent: -9999px; white-space: nowrap; overflow: hidden; } /*PRODUTOS DO MENU*/ a.pit-stop {background: url('images/01.png');} a.turmix {background: url('images/02.png');} a.cream-cracker{background: url('images/03.png');} a.teens{background: url('images/04.png');} a.pit-stop-rech{background: url('images/05.png');} a.bauny{background: url('images/06.png');} a.tortinhas{background: url('images/07.png');} a.magic-toast{background: url('images/08.png');} a.salgatost{background: url('images/09.png');} a.laminados{background: url('images/10.png');} a.max{background: url('images/11.png');} a.recheados{background: url('images/12.png');} a.gergelim{background: url('images/13.png');} a.amanteigado{background: url('images/14.png');} a.distracao{background: url('images/15.png');} a.wafer{background: url('images/16.png');} a.rosquinhas{background: url('images/17.png');} a.salgadinhos{background: url('images/18.png');} .menu #nav li ul > .espaco {width: 267px !important; height: 87px !important; display: block; float: left; position: relative} .sumir{display: block;} /*ANIMA��O*/ a.animation{animation: fadein 0.5s, bp 0; -moz-animation: fadeout 0.5s; -webkit-animation: fadeout 0.5s; -o-animation: fadeout 0.5s; background-position:0 0;} a.animation:hover{ animation: fadein 0.5s, bp 0; -moz-animation: fadein 0.5s, bp 0; -webkit-animation: fadein 0.5s, bp 0s; -o-animation: fadein 0.5s, bp 0s; background-position:0 -87px;} @-webkit-keyframes fadein { from { opacity:0; } to { opacity:1;} } @-webkit-keyframes fadeout { from {opacity:0;} to {opacity:1;} } @-webkit-keyframes bp { from {background-position:0 0;} to {background-position:0 -87px;} } /*RODAPE*/ .rodape {color=#fff; width:100%; height: auto; background: #e24b35; display: block; margin-top: -30px; } .rodape .colunas{width: 980px; height: 255px; margin:0 auto; position: relative; } .rodape .colunas .bg_um{background: url('images/footer_bg_01.png') no-repeat top left;} .rodape .colunas .bg_dois{background: url('images/footer_bg_02.png') no-repeat top left;} .rodape .colunas .bg_tres{background: url('images/footer_bg_03.png') no-repeat top left;} .rodape .colunas .margin{margin-right: 20px;} .rodape .colunas .coluna{ width: 310px; height:225px; display: block; float: left; margin-top: 35px; } .rodape .colunas .coluna .menu{ line-height: 20px; font-size: 17px; color: #fff; margin-top: 30px;} .rodape .colunas .coluna .menu a {display: block; width:100%; text-align: center; color: #fff; text-decoration: none; line-height: 23px;} .rodape .colunas .coluna .redes{width: 100%; height:auto; margin-top: 130px; text-align: center;} .redes a {display: block; width: 58px; height: 58px;position: relative; left: 50%;text-indent: -9999px; float: left; text-decoration: none} .redes .facebook{ background: url('images/facebook.png'); margin-left: -100px;} .redes .instagram{ background: url('images/instagram.png'); margin-left: 16px;} .redes .pinterest{ background: url('images/pint.png'); margin-left: 4px;} .redes .youtube{ background: url('images/youtube.png'); margin-left: -27px;} .menu_subprodutos{margin-top: 200px;} .rodape .copy{ color: #fff; text-align: center; font-size: 14px; } .rodape .abimapi{max-width: 968px; margin: 0 auto;} .rodape .abimapi .botao{float: right; margin-top: 10px; margin-left: 10px; width: 100px; height: 28px; display: block;} .rodape .abimapi .logoabimapi{background: url(images/abimapi.png)} /*Share buttons - hack*/ .lrshare_interfacehorizontal{margin-top:40px !important;} .compartilhe strong{color: #fff; font-size: 15px; position: relative; top: -25px} .lrshare_iconsprite32.lrshare_evenmore32, .lrshare-totalshare{display: none !important;} .lrshare_facebook, .lrshare_pinterest, .lrshare_twitter {display: block !important; width:29px !important; height: 29px !important; background:no-repeat transparent !important; } .lrshare_facebook {background: url('images/share_face.png') !important;} .lrshare_pinterest{background: url('images/share_pint.png') !important;} .lrshare_twitter{background: url('images/share_twitter.png') !important;} .receita_destaque {margin-top: -20px !important;} .receita {max-width: 990px; margin: 0 auto;} .lrshare_interfacehorizontal{margin-top:50px !important;} /* .menu_subprodutos{margin-top: 170px;}*/ .menu_subprodutos{margin-top:0px} /*P�gina de produtos*/ .carrossel_interno{margin:0;} /*Produtos*/ /*Textos produtos*/ .texto_produtos h1{color: #ee6624 !important; font-size: 60px !important; text-transform: capitalize !important; font-weight: bold; } .texto_produtos h2{color: #ee6624 !important; font-size: 24px !important; font-weight: 200 !important; text-transform: capitalize !important; margin-top: -20px; } .texto_produtos p {color: #a35b10 !important; font-size: 18px !important; font-weight: normal !important; } .texto_produtos_ingredientes h1{color: #ee6624 !important; font-size: 60px !important; text-transform: capitalize !important; font-weight: bold; } .texto_produtos_ingredientes h2{color: #ee6624 !important; font-size: 24px !important; font-weight: 200 !important; text-transform: uppercase !important; margin-top: -20px; } .texto_produtos_ingredientes p {color: #a35b10 !important; font-size: 14px !important; font-weight: normal !important; line-height: 16px !important; } .texto_produtos_ingredientes strong {color: #a35b10 !important; font-size: 14px !important;} .ingredientes {margin-top:15px !important;} /*Tabela Nutricional*/ .nutricional .tabela_nutricional h3{ color: #ee6624 !important; font-size: 22px !important; font-weight: normal !important;} .nutricional .tabela_nutricional thead{ background: transparent !important; color: #a35b10 !important; height: 30px !important; padding: 0 !important;} .nutricional .tabela_nutricional thead tr{ background: transparent !important; color: #a35b10 !important; height: 30px !important; padding: 0 !important;} .nutricional .tabela_nutricional thead tr th{ background: transparent !important; color: #a35b10 !important; text-transform: none !important; padding: 0 !important; font-size: 15px !important;line-height: 30px !important; border-top:3px solid #a35b10 !important; border-bottom: 3px solid #a35b10 !important; } .nutricional .tabela_nutricional .left{text-align: left !important;} .nutricional .tabela_nutricional tbody{padding: 0 !important;border-bottom: 1px solid #a35b10 !important; color: #a35b10 !important;} .nutricional .tabela_nutricional tbody tr{padding: 0 !important; color: #a35b10 !important;} .nutricional .tabela_nutricional tbody tr td{padding: 0 !important; border-bottom: 1px solid #a35b10 !important; color: #a35b10 !important;} .nutricional .tabela_nutricional tbody tr td:first-child, .nutricional .tabela_nutricional thead tr th:first-child{text-align: left !important} .nutricional .tabela_nutricional p {color: #a35b10 !important; font-size: 12px; line-height: 13px !important;} .mk-fancy-table.table-style2 {border:none !important;} .mk-fancy-title.pattern-style {background: none !important;} /*Destaques*/ .destaques{ width: 100%} .destaques ul {margin: 0 !important; padding: 0 !important; } .destaques li{float: left; list-style: none; width: 230px; height: 230px; margin: 10px !important; } a.portfolio-carousel-overlay{opacity: 0;background: #000;height: 98%;} a.portfolio-carousel-overlay:hover{opacity: 0.3;background: #000;} h3.the-title{font-size: 15px !important; text-transform: uppercase !important; color: #fff !important; text-align: center;} .receitas_destaque {margin: 0px auto;position: relative;width: 100%;max-width: 1000px;} /*Sabores*/ .menu_subprodutos{background: url('images/bg_outros_sabores.png') no-repeat; background-size: 100% auto; min-height:320px !important;} .pitstop{margin-top: 140px !important;} .menu_pitstop{ text-align:center; font-size:18px; line-height:18px; margin-top:-10px; font-weight:bold; font-style:italic; } .menu_pitstop .pitstop_ativo{color:#dc2931} .menu_pitstop a{color:#a35b10;} .produtos_pitstop {width:65%; margin:0 auto;} .quatro_colunas {width:90%; margin:0 auto;} .tres_colunas {width:65%; margin:0 auto;} .duas_colunas {width:50%; margin:0 auto;} .menu_subprodutos .titulo h1{text-align: center; width:100%; padding-top:20px; font-size: 24px !important; color: #fff !important; text-transform: none !important; } .menu_subprodutos .produtos {width: 80%; margin: 0 auto} .menu_subprodutos .produtos td {background: none repeat scroll 0% 0% transparent !important;border:none;color: rgb(255, 255, 255);font-size: 13px;text-align: center;padding: 0px !important;max-height: 61px;display: block;float: left;min-width: 25%;} .menu_subprodutos .produtos td a {color: #fff; font-size: 13px; text-decoration: none;} .menu_subprodutos .produtos tr {background: none !important; border: none;height: auto !important; line-height: normal !important;} .menu_subprodutos .produtos table{margin-top: 10px;} .menu_subprodutos .produtos_tres {width: 80%; margin: 0 auto} .menu_subprodutos .produtos_tres td {background: none repeat scroll 0% 0% transparent !important;border:none;color: rgb(255, 255, 255);font-size: 13px;text-align: center;padding: 0px !important;max-height: 64px;display: block;float: left;min-width: 33%; vertical-align:middle central} .menu_subprodutos .produtos_tres td a {color: #fff; font-size: 13px; text-decoration: none;} .menu_subprodutos .produtos_tres tr {background: none !important; border: none;height: auto !important; line-height: normal !important;} .menu_subprodutos .produtos_tres table{margin-top: 10px;} /*Receitas*/ #mk-filtro-portfolio, #mk-filtro-tipo{z-index: 200 !important; position: relative;} #mk-filtro-portfolio ul, #mk-filtro-tipo ul { font-size: 18px; text-transform: uppercase; color: #fff; list-style: none; height: 50px; width: 310px; border: none; display: block} #mk-filtro-portfolio ul li, #mk-filtro-tipo ul li { background: url('images/bg_filtro.png') top left; margin: 0; position: relative; width:300px; height: 40px; line-height: 40px; padding: 5px; z-index: 2; } #mk-filtro-portfolio ul li:hover, #mk-filtro-tipo ul li:hover{background-position: 0 -70px} #mk-filtro-portfolio ul li:not(.init), #mk-filtro-tipo ul li:not(.init) { float: left; width: 300px; display: none; background: #f99e1c; line-height: 20px;margin-top: 3px; border-radius: 6px; height: 30px } #mk-filtro-portfolio ul li:not(.init):hover, #mk-filtro-portfolio ul li.selected:not(.init), #mk-filtro-tipo ul li:not(.init):hover, #mk-filtro-portfolio ul li.selected:not(.init) { background: #f99e1c; } #mk-filtro-portfolio li.init, #mk-filtro-tipo li.init { cursor: pointer; } #mk-filtro-portfolio ul li a, #mk-filtro-tipo ul li a { color: #fff; padding: 5px; line-height: 30px; height: 30px; width: 290px; display: block; border-radius: 6px; } #mk-filtro-portfolio ul li:not(.init) a, #mk-filtro-tipo ul li:not(.init) a { color: #fff; padding: 5px; line-height: 20px; height: 20px; width: 290px; display: block; border-radius: 6px; font-size: 13px; } #mk-filtro-portfolio ul li:not(.init) a:hover, #mk-filtro-tipo ul li:not(.init) a:hover { background: #f8a939; color: #ee6624 } .portfolio_grid{ width: 100%; max-width: 1024px; margin: 0 auto; min-height: 800px} .portfolio_destaque{ width: 100%; max-width: 1024px; margin: 0 auto; } /*Receita Interna*/ .banner_receitas{margin-top: -25px; position: relative} .preparo {width:46% !important; } .preparo ul, .preparo li, .preparo p, .preparo h1 {color: #fff !important;}, .preparo h2 {font-size: 90px !important; color: #fff !important;} .preparo_divider {width: 7% !important; float: left; } .preparo_divider .divider { background: url('images/div_receita.png'); background-position: center top; background-repeat: repeat-y; min-height: 500px; display: block; } .preparo_divider .divider img{margin:200px 12px; width: 14px; height: 67px; position: relative; text-align: center} .faq h1{ text-transform:none !important; font-size:78px !important; color:#ee6624 !important; font-weight:bold !important;} .faq p, .faq strong{ font-size:22px !important; color:#534141 !important;} .faq p a, .faq p a:hover {color:#ee6624 !important;} .faq h2{color:#ee6624 !important; text-transform:none !important; font-size:16px !important; font-weight:normal !important;} /*CONTATO*/ /*Inputs form*/ .input_nome{width:286px !important; margin-right:20px !important; margin-bottom: 20px !important;} .input_sobrenome{width:436px !important; margin-right: 20px !important; margin-bottom: 20px !important;} .input_email{width:346px !important; margin-right: 0px !important; margin-bottom: 20px !important;} .input_cep{width:286px !important; margin-right: 20px !important; margin-bottom: 20px !important;} .input_endereco{width:436px !important; margin-right: 20px !important; margin-bottom: 20px !important;} .input_numero{width:370px !important; margin-right: 0px !important; margin-bottom: 20px !important;} .input_complemento{width:286px !important; margin-right: 20px !important; margin-bottom: 20px !important;} .input_bairro{width:370px !important; margin-right: 20px !important; margin-bottom: 20px !important;} .input_cidade{width:436px !important; margin-right: 0px !important; margin-bottom: 20px !important;} .input_estado{width:366px !important; margin-right: 20px !important; margin-bottom: 20px !important; background-image: url(images/input_drop.png); background-position: center right; background-repeat: no-repeat; } .input_pais{width:366px !important; margin-right: 20px !important; margin-bottom: 20px !important; background-image: url(images/input_drop.png); background-position: center right; background-repeat: no-repeat;} .input_ddd{width:100px !important; margin-right: 20px !important; margin-bottom: 20px !important;} .input_telefone{width:236px !important; margin-right: 0px !important; margin-bottom: 20px !important;} .input_receitas{width:366px !important; margin-right: 20px !important; margin-bottom: 20px !important; background: #fa9f1d !important; background-image: url(images/input_drop.png); background-position: center right; background-repeat: no-repeat; } /*TEXTOS*/ .enderecos, .ouvidoria{margin-top:30px !important;} .enderecos h1, .ouvidoria h1{font-size: 78px !important; text-transform: none !important; color: #fff !important; font-weight: bold !important;} .enderecos h2{font-size: 36px !important; color: #fbfd3a !important; text-transform: none !important; font-weight: bold; font-style: italic; } .enderecos p, .ouvidoria p{font-size: 22px !important; color: #fff !important; text-transform: none !important; font-weight: 500 !important; } .enderecos strong{font-size: 24px !important; line-height: 24px !important; color: #fff !important; font-weight: bold !important; } .ouvidoria p, .ouvidoria h1 {color: #ff8f3d !important;} .text-laranja{ color: #ff8f3d !important} /*SUBMIT*/ form .enviar{ box-shadow: none !important; color: #FFF !important; background: #ee6624 !important; float: right; margin-top: -60px; height: 50px; } /*EXTRANET*/ .extranet_block{width: 50%; float: left;} .extranet_title{padding: 20px; font-size: 18px; margin-top: -40px; position: relative; } .extranet .fundo_vermelho{background: #e74c3c} .extranet .fundo_branco{background: #fff} .extranet .fundo_amarelo{background: #ffde00} .extranet .laranja a {color:#ee6624} .extranet .branco a {color:#fff} .show_phone{display: none !important;} .show_pc{display: block !important;} /*A MARILAN*/ .margintop{position: relative !important; margin-top: 400px !important;} .center {max-width: 1100px !important; margin: 0 auto !important;} .marilan_text h1, .marilan_mundo h1{font-size:78px !important; color: #fff !important; font-weight: bold !important; text-transform: none !important; } .marilan_text h3, .marilan_mundo h3{font-size:36px !important; color: #fff !important; font-weight: normal !important; text-transform: none !important; } .marilan_text h2, .marilan_mundo h2{font-size:60px !important; color: #fff !important; font-weight: bold !important; text-transform: none !important; } .marilan_text p{font-size:22px !important; color: #ffe9a9 !important; font-weight: 300 !important; text-transform: none !important; } .marilan_text small{font-size:15px !important; color: #ffe9a9 !important; font-weight: 300 !important; text-transform: none !important; } .lista_paises p{font-size:18px !important; color: rgb(237, 124, 32) !important; font-weight: 300 !important; text-transform: none !important; line-height: 24px !important; } .lista_paises h2{font-size:22px !important; color: rgb(237, 124, 32) !important; font-weight: bold !important; text-transform: none !important; } .marilan_text h1 em{font-size:60px !important; } .marilan_text ul li{font-size:22px !important; color: #ffe9a9 !important; margin-left:3px !important; line-height:22px; } .marilan_mundo p{font-size:22px !important; color: #ed7c20 !important; font-weight: normal !important; text-transform: none !important; } .exporta p, .exporta p a{font-size:22px !important; color: #e24b35 !important; font-weight: normal !important; text-transform: none !important;} .exporta strong{font-size:22px !important; color: #ed7c20 !important; font-weight: normal !important; text-transform: none !important;} .responsabilidade_titulo em{font-size:40px !important; color: #ee6624 !important; margin-left:3px !important; line-height:22px; text-transform: none; background: none !important; font-weight: 100; } .responsabilidade_titulo h1{margin-top: 25px; left: 80px; position: relative;font-size:100px !important; color: #ee6624 !important; margin-left:3px !important; line-height:22px; text-transform: none !important; background: none !important; } .responsabilidade_titulo span{box-shadow: none !important; background: none !important; line-height: 34px;} .responsabilidade_texto {position: relative; margin-top: 70px; max-width: 540px; color: #d1422d; font-size: 20px; line-height: 21px;} .responsabilidade_texto p { color: #d1422d; font-size: 20px; line-height: 21px;} .apoio h1{font-size: 94px !important; color: #ffc928 !important; position: relative; line-height: 82px; text-transform: none !important; margin-top:165px;} .apoio_texto{ position: relative; margin-top: 100px;} .apoio_texto p{font-size:22px !important; color: #fff !important; font-weight: 100 !important; text-transform: none !important; } .recursos_text{position:relative; margin:20px auto; max-width: 1100px; color: #534141 !important;} .recursos_text h1{font-size: 78px !important; color: #ee6624 !important; font-weight: bold; text-transform: none !important; } .recursos_text p, .recursos_text strong {font-size: 22px !important; color: #534141 !important;} .recursos_text strong {font-weight: bold;} .visitas h1{font-size: 48px !important; color: #ed7c20 !important; text-transform: none !important; font-style: italic;} .visitas h2{font-size: 24px !important; color: #ed7c20 !important; text-transform: none !important; font-weight: bold !important; top: 20px; position: relative !important; } .visitas p{font-size: 22px !important; color: #534141 !important; text-transform: none !important; font-weight: 100 !important; top: 10px; position: relative !important; } .hidden{ display:none; } #paises_sul{position:absolute;width:393px;height:190px;background:url(images/america_do_sul.png);overflow: hidden;z-index:999999;margin:-300px 450px; } #paises_central{position:absolute;width:399px;height:209px;background:url(images/america_central.png);overflow: hidden;z-index:999999;margin:-350px 420px; } #paises_norte{position:absolute;width:398px;height:162px;background:url(images/america_do_norte.png);overflow: hidden;z-index:999999;margin:-400px 450px; } #paises_africa{position:absolute;width:391px;height:229px;background:url(images/africa.png);overflow: hidden;z-index:999999;margin:-500px 400px; } #paises_oceania{position:absolute;width:390px;height:156px;background:url(images/oceania.png);overflow: hidden;z-index:999999;margin:-350px 700px; } #paises_asia{position:absolute;width:393px;height:161px;background:url(images/asia.png);overflow: hidden;z-index:999999;margin:-300px 300px; } #paises_europa{position:absolute;width:400px;height:162px;background:url(images/europa.png);overflow: hidden;z-index:999999;margin:-250px 300px;} #paises_oriente{position:absolute;width:389px;height:188px;background:url(images/oriente_medio.png);overflow: hidden;z-index:999999;margin:-300px 200px; } #marilan{position:relative !important; margin-top:-20px !important;} #mundo{position:relative !important; margin-top:-40px !important;} /*HACKS*/ .mobile_padding{display: none !important;} .banner_home{margin-top: 16px !important;} .margintop25 {margin-top: 25px} .desktop_view{ display: block !important } .mobile_view{display: none !important} /*RESPONSIVE*/ @media only screen and ( max-width: 1920px ) { .menu_subprodutos .space{padding: 15px !important} .chamada .titulo_carrossel_produtos .texto_um {font-size:30px; left:50%; margin-left: -320px;} .chamada .titulo_carrossel_produtos .texto_dois {font-size:54px; left:50%; margin-left: -320px;} .chamada_dois .titulo_carrossel_produtos .texto_um {font-size:30px; left:50%; margin-left: -200px;} .chamada_dois .titulo_carrossel_produtos .texto_dois {font-size:54px; left:50%; margin-left: -200px;} } @media only screen and ( max-width: 1680px ) { .receita_destaque {margin-top: -20px !important;} .menu_subprodutos .space{padding: 15px !important} .chamada .titulo_carrossel_produtos .texto_um {font-size:30px; left:50%; margin-left: -320px;} .chamada .titulo_carrossel_produtos .texto_dois {font-size:54px; left:50%; margin-left: -320px;} } @media only screen and ( max-width: 1366px ) { } @media only screen and ( max-width: 1280px ) { .menu_subprodutos .space{padding: 15px !important} .preparo_divider .divider img{margin:200px 10px; width: 14px; height: 67px; position: relative; text-align: center} } @media only screen and ( max-width: 1100px ) { .receita_destaque {margin-top: 10px !important;} .menu #nav{ width: 100%; position: relative; margin: 30px auto;} } @media only screen and ( max-width: 1099px ) { } @media only screen and ( max-width: 1140px ) { .input_nome{width:22% !important; margin-right:20px !important; margin-bottom: 20px !important;} .input_sobrenome{width:37% !important; margin-right: 20px !important; margin-bottom: 20px !important;} .input_email{width:30% !important; margin-right: 0px !important; margin-bottom: 20px !important;} .input_cep{width:22% !important; margin-right: 20px !important; margin-bottom: 20px !important;} .input_endereco{width:37% !important; margin-right: 20px !important; margin-bottom: 20px !important;} .input_numero{width:32%!important; margin-right: 0px !important; margin-bottom: 20px !important;} .input_complemento{width:22%!important; margin-right: 20px !important; margin-bottom: 20px !important;} .input_bairro{width:32%!important; margin-right: 20px !important; margin-bottom: 20px !important;} .input_cidade{width:37% !important; margin-right: 0px !important; margin-bottom: 20px !important;} .input_estado{width:30% !important; margin-right: 20px !important; margin-bottom: 20px !important; background-image: url(images/input_drop.png); background-position: center right; background-repeat: no-repeat; } .input_pais{width:30% !important; margin-right: 20px !important; margin-bottom: 20px !important; background-image: url(images/input_drop.png); background-position: center right; background-repeat: no-repeat;} .input_ddd{width:10% !important; margin-right: 20px !important; margin-bottom: 20px !important;} .input_telefone{width:20% !important; margin-right: 0px !important; margin-bottom: 20px !important;} } @media only screen and ( max-width: 1024px ) { .banner_receitas{margin-top: -23px; position: relative} .preparo_divider .divider img{margin:200px 8px; width: 14px; height: 67px; position: relative; text-align: center} .menu_subprodutos{margin-top: 0px;} .box_home_esquerda .box {margin-left: 0px; } } @media only screen and ( max-width: 1000px ) { .extranet_block{width: 60%; float: none; margin: 0 auto} .carousel .buttonNav{display: block !important;} .mk-header-inner .menu {background-position: 20% 0;} .mk-header-inner .logo { width: 151px; height: 108px; position: absolute; top: 0px; left: 57%; margin-left: -100px; background: url(images/logo_home_mobile.png); background-size: 100%; background-repeat: no-repeat; background-position: top center; display: block; z-index: 250;} .menu #nav { position: relative; top: auto; left: auto; z-index: 500000; } .menu #nav > a { width: 50px; height: 50px; background: url('images/resp_menu.png') no-repeat; text-align: left; text-indent: -9999px; position: relative;background-size: 100%;top: -10px;left: 10px;} .menu #nav:not( :target ) > a:first-of-type, .menu #nav:target > a:last-of-type {display: block;} /* first level */ .menu #nav > ul{height: auto;background: #f2851c;display: none;position: absolute;left: -20px;right: 0;top: 67px} .menu #nav:target > ul{display: block;} .menu #nav > ul > li{width: 100%;float: none;} .menu #nav > ul > li > a, .menu #nav > ul > li > .mobile { height: auto; width: 90%; position: relative; margin-left: 5%; border-bottom: 1px solid #f2851c; text-align: left; padding: 0 0; /* 20 (24) */ text-align: center; } .menu #nav > ul > li:not( :last-child ) > a, .menu #nav > ul > li:not( :last-child ) > .mobile { border-right: none; border-bottom: 1px solid #fff; } .menu #nav > ul > li:hover > a, .menu #nav > ul > li .mobile:hover, .menu #nav > ul:not( :hover ) > li.active > a{ background: none; font-weight: 600;} .menu #nav > ul > .responsabilidade{display: none !important;} .menu #nav > ul > .recursos {display: none !important;} .menu #nav > ul > .contato {display: none !important;} .menu #nav > ul > .responsabilidade_dois{display: block !important;} .menu #nav > ul > .recursos_dois {display: block !important;} .menu #nav > ul > .contato_dois{display: block !important;} .menu_left {float: none;} .menu_right {float: none;} /* second level */ .menu #nav li > .marilan {background-image: none; background-color: #ffc929; width: 100%; margin-left: -10px; position: relative; top:0px; height: auto; padding: 0} .menu #nav li ul > .marilan {background-image: none; background-color: #ffc929; width: 100%; position: relative; top:0px;} .menu #nav li ul a {font-size: 15px; border-top: 1px solid #e9b11e; width: 85%; display: block; margin-left: 8%; line-height: 30px; height: 30px; max-height: 30px; color: #eb651e; font-weight: bold; text-align: center;} .menu #nav li ul{padding-top: 0px; padding-bottom: 0px; margin-left: 1px; z-index: 1600;} .menu #nav > ul > li > .duplo { height: 40px; font-size: 15px; line-height:40px; text-align: center; padding-top:10px; } /*SUB-MENU PRODUTOS*/ .menu #nav li > .produtos { background-image: none; background:#ffc929 ; width: 100%; height: auto; padding: 0px; margin-left:-10px; top:0px; z-index: 2000; } .menu #nav li ul > .produtos {width: 85% !important; margin-left: 8%; height: 40px !important; display: block; float: none; padding: 0; border-top: 1px solid #e9b11e;} .menu #nav li ul .produto-menu{padding: 0 !important; margin: 0 !important; width: 100% !important; height: 40px !important; line-height: 40px; display: block; text-indent: 0; white-space: normal; } .sumir{display: none !important} /*PRODUTOS DO MENU*/ a.pit-stop {background: none;} a.turmix {background: none;} a.cream-cracker{background: none;} a.teens{background: none;} a.pit-stop-rech{background: none;} a.bauny{background: none;} a.tortinhas{background: none;} a.magic-toast{background: none;} a.salgatost{background: none;} a.laminados{background: none;} a.max{background: none;} a.recheados{background: none;} a.gergelim{background: none;} a.amanteigado{background: none;} a.distracao{background: none;} a.wafer{background: none;} a.rosquinhas{background: none;} a.salgadinhos{background: none;} .menu #nav li ul { position: static; padding: 1.25em; padding-top: 0; } .rodape .colunas{width: 100% !important; } .rodape {height: !important;} } @media only screen and ( max-width: 1010px ) { .menu_subprodutos .titulo h1{text-align: center; width:100%; padding-top:20px; font-size: 24px !important; color: #fff !important; text-transform: none !important; } .menu_subprodutos .produtos {width: 80%; margin: 0 auto} .menu_subprodutos{background-image: none !important; background-color: #ff9c00 !important; border-radius: 10px !important; min-height:320px !important;} .menu_subprodutos{margin-top: 0px;} .quatro_colunas {width:90%; margin:0 auto;} .tres_colunas {width:65%; margin:0 auto;} .duas_colunas {width:50%; margin:0 auto;} } @media only screen and ( max-width: 900px ) { .titulo_carrossel_produtos .texto_um {font-size:30px; left:50%; margin-left: -200px;} .titulo_carrossel_produtos .texto_dois {font-size:54px; left:50%; margin-left: -200px;} .orange .titulo_carrossel_produtos .texto_um {font-size:30px; left:50%; margin-left: -320px;} .orange .titulo_carrossel_produtos .texto_dois {font-size:54px; left:50%; margin-left: -320px;} .portfolio_grid .titulo_carrossel_produtos .texto_um {font-size:30px; left:50%; margin-left: -320px;} .portfolio_grid .titulo_carrossel_produtos .texto_dois {font-size:54px; left:50%; margin-left: -320px;} .banner_home .ls-wp-fullwidth-container {margin-top: 60px;} .menu_subprodutos{margin-top: 0px;} .rodape .colunas .coluna{ width: 100% !important; height:225px; display: block; margin: 35px 0px 0px 0px !important;} .rodape .colunas .bg_um{background: url('images/footer_bg_01.png') no-repeat top center;} .rodape .colunas .bg_dois{background: url('images/footer_bg_02.png') no-repeat top center;} .rodape .colunas .bg_tres{background: url('images/footer_bg_03.png') no-repeat top center;} .rodape .idiomas{max-width: 315px;} .show_phone{display: block !important;} .show_pc{display: none !important;} /*hacks*/ .mobile_padding{display: block !important;} /*Font responsive*/ .marilan_text h1, .marilan_mundo h1, .marilan_text h1 em, .apoio h1, .recursos_text h1, .visitas h1{font-size:35px !important;} .marilan_text h3, .marilan_mundo h3{font-size:25px !important;} .marilan_text h2, .marilan_mundo h2{font-size:30px !important;} .faq h1, .enderecos h1, .ouvidoria h1{font-size: 40px !important;} /*Produtos*/ .produtos_marilan .texto_produtos{margin-top: 100px;} .pitstop{margin-top: 0px !important;} } @media only screen and ( max-width: 768px ) { .lrshare_interfacehorizontal{margin-top:50px !important;} .imagem_produtos {margin-bottom: -50px !important; } .mk-header-inner .menu {background-position:25% 0;} .titulo_carrossel_produtos .texto_um {font-size:30px; left:50%; margin-left: -130px;} .titulo_carrossel_produtos .texto_dois {font-size:54px; left:50%; margin-left: -150px;} .menu_subprodutos{margin-top: 0px; padding-bottom: 30px;} .receita_destaque {margin-top: 60px !important;} .menu_subprodutos .titulo h1{padding-top: 50px !important; } .menu_subprodutos .produtos table{margin-top: 40px !important;} .menu_subprodutos .space{padding: 30px !important} .chamada_dois .titulo_carrossel_produtos .texto_um {font-size:30px; left:50%; margin-left: -200px;} .chamada_dois .titulo_carrossel_produtos .texto_dois {font-size:54px; left:50%; margin-left: -200px;} .banner_receitas{margin-top: 35px; position: relative} .preparo {width:100% !important} .preparo_divider {display: none !important; } .extranet_block{width: 80%; float: none; margin: 0 auto} .banner_home{margin-top: 76px !important;} .banner_turmix{display: none !important;} .orange{display: none;} .quatro_colunas {width:80% !important; margin:0 auto;} .tres_colunas {width:55% !important; margin:0 auto;} .duas_colunas {width:40% !important; margin:0 auto;} } @media only screen and ( max-width: 670px ) { .input_nome{width:47% !important; margin-right:4% !important; margin-bottom: 20px !important;} .input_sobrenome{width:47% !important; margin-right: 0px !important; margin-bottom: 20px !important;} .input_email{width:94% !important; margin-right: 0px !important; margin-bottom: 20px !important;} .input_cep{width:47% !important; margin-right: 4% !important; margin-bottom: 20px !important;} .input_endereco{width:47% !important; margin-right: 0px !important; margin-bottom: 20px !important;} .input_numero{width:47%!important; margin-right: 4% !important; margin-bottom: 20px !important;} .input_complemento{width:47%!important; margin-right: 0px !important; margin-bottom: 20px !important;} .input_bairro{width:47%!important; margin-right: 4% !important; margin-bottom: 20px !important;} .input_cidade{width:47% !important; margin-right: 0px !important; margin-bottom: 20px !important;} .input_estado{width:100%!important; margin-right: 0% !important; margin-bottom: 20px !important; background-image: url(images/input_drop.png); background-position: center right; background-repeat: no-repeat; } .input_pais{width:100% !important; margin-right: 0px !important; margin-bottom: 20px !important; background-image: url(images/input_drop.png); background-position: center right; background-repeat: no-repeat;} .input_ddd{width:37% !important; margin-right: 4% !important; margin-bottom: 20px !important;} .input_telefone{width:57% !important; margin-right: 0px !important; margin-bottom: 20px !important;} .pitstopcurtir{ display: none !important} } @media only screen and ( max-width: 640px ) { .desktop_view{ display: none !important } .mobile_view{display: block !important} .extranet_block{width: 90%; float: none; margin: 0 auto} .receita_destaque {margin-top: 5px !important;} .titulo_carrossel_produtos .texto_um {font-size:30px; left:50%; margin-left: -30px;} .titulo_carrossel_produtos .texto_dois {font-size:54px; left:50%; margin-left: -50px;} .orange .titulo_carrossel_produtos .texto_um {font-size:30px; left:50%; margin-left: -280px;} .orange .titulo_carrossel_produtos .texto_dois {font-size:54px; left:50%; margin-left: -300px;} .chamada .titulo_carrossel_produtos .texto_um {font-size:26px; left:50%; margin-left: -260px;} .chamada .titulo_carrossel_produtos .texto_dois {font-size:40px; left:50%; margin-left: -280px;} .chamada_dois .titulo_carrossel_produtos .texto_um {font-size:30px; left:50%; margin-left: -150px;} .chamada_dois .titulo_carrossel_produtos .texto_dois {font-size:54px; left:50%; margin-left: -150px;} .input_receitas {width: 100% !important} .menu_subprodutos .titulo h1{padding-top: 30px !important; } .menu_subprodutos .produtos table{margin-top: 30px !important;} .menu_subprodutos .space{padding: 10px !important} .quatro_colunas {width:90% !important; margin:0 auto;} .tres_colunas {width:65% !important; margin:0 auto;} .duas_colunas {width:50% !important; margin:0 auto;} .mk-toggle-title { line-height: 30px !important; font-size: 20px !important; padding-right: 40px !important; min-height: 50px; } .mk-toggle-title:before{bottom: 0px !important;} } @media only screen and ( max-width: 480px ) { .mk-header-inner .menu {background-position:29% 0;} .titulo_carrossel_produtos .texto_um {font-size:25px; left:50%; margin-left: 220px;} .titulo_carrossel_produtos .texto_dois {font-size:30px; left:50%; margin-left: 150px;} .box_home_esquerda .box h1 {font-size: 60px !important;} .orange .titulo_carrossel_produtos .texto_um {font-size:25px; left:50%; margin-left: -220px;} .orange .titulo_carrossel_produtos .texto_dois {font-size:44px; left:50%; margin-left: -250px;} .portfolio_grid .chamada_dois .titulo_carrossel_produtos .texto_um {left:50%; margin-left: -150px !important;} .portfolio_grid .chamada_dois .titulo_carrossel_produtos .texto_dois { left:50%; margin-left: -150px !important;} .chamada .titulo_carrossel_produtos .texto_um {font-size:25px; left:50%; margin-left: -175px;} .chamada .titulo_carrossel_produtos .texto_dois {font-size:29px; left:50%; margin-left: -264px;} .receita_destaque {margin-top: 5px !important;} .menu_subprodutos .titulo h1{padding-top: 15px !important; font-size: 16px } .menu_subprodutos .produtos table{margin-top: 4px !important;} .menu_subprodutos .space{padding: 10px !important} } @media only screen and ( max-width: 340px ) { form .enviar{ float: left !important; margin-top: 0px !important;} .titulo_carrossel_produtos .texto_um {font-size:25px; left:50%; margin-left:270px;} .titulo_carrossel_produtos .texto_dois {font-size:35px; left:50%; margin-left:170px;} .box_home_esquerda .box h1{font-size: 60px !important; color: #fff !important; text-transform: none !important; font-weight: bold; } }