/* Desenvolvido por: PORTAL DE COMUNICAÇÂO Fone: (38) 99800-8048 E-mail: suporte@portaldecomunicacao.com MONTES CLAROS - MG */ /* ############################################################################################################ */ /* FONTE SIZE */ .font_9 { font-size: 9px } .font_10 { font-size: 10px } .font_11 { font-size: 11px } .font_12 { font-size: 12px } .font_13 { font-size: 13px } .font_14 { font-size: 14px } .font_15 { font-size: 15px } .font_16 { font-size: 16px } .font_17 { font-size: 17px } .font_18 { font-size: 18px } .font_19 { font-size: 19px } .font_20 { font-size: 20px } .font_21 { font-size: 21px } .font_22 { font-size: 22px } .font_23 { font-size: 23px } .font_24 { font-size: 24px } .font_25 { font-size: 25px } .font_26 { font-size: 26px } .font_27 { font-size: 27px } .font_28 { font-size: 10px } .font_29 { font-size: 29px } .font_30 { font-size: 30px } .font_31 { font-size: 31px } .font_32 { font-size: 32px } /* FONT COLOR */ .font_azul { color: #3F51B5 } .font_amarelo { color: #FF8F00 } .font_verde { color: #090 } .font_cinza_333 { color: #333 } .font_cinza_666 { color: #666 } .font_cinza_999 { color: #999 } .font_cinza_ccc { color: #CCC } .font_rosa { color: #F0F } .font_laranja { color: #F60 } /* FONT STYLE */ .negrito { font-weight: bold; } .italico { font-style: italic; } .sublinhado { text-decoration: underline; } /* H */ h1 { font-size: 24px; margin: 0px; padding: 0px; } h2 { font-size: 20px; margin: 0px; padding: 0px; } h3 { font-size: 18px; margin: 0px; padding: 0px; } h4 { font-size: 16px; margin: 0px; padding: 0px; } h5 { font-size: 24px; margin: 0px; padding: 0px; } h6 { font-size: 16px; margin: 0px; padding: 0px; } /* INPUT */ input { font-size: 18px; color: #333333; margin: 0px; } select { display: block; margin-bottom: 10px; font-size: 26px; border: 1px solid #333333; } textarea { font-size: 20px; color: #666; margin: 0px; } /* LINK */ a { color: #333333; text-decoration: none; } a:hover { color: #333333; text-decoration: underline; } /* ############################################################################################################################### */ /* BODY */ body { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; background:#EEEEEE; } /* PESQUISA HOME */ #pesquisa_top_site_bar_top { margin-top: -60px ; width: 100%; height: 60px; } /* left */ #pesquisa_top_site_bar_left { float: left; height: 35px; width: 95%} #pesquisa_top_site_bar_left ul { margin: 0px; padding: 0px; list-style: none; } #pesquisa_top_site_bar_left li { float: left; margin: 0px; padding: 0px; } #pesquisa_top_site_bar_left ul li a { float: left; font-size:16px; padding-left: 20px; padding-right: 20px; height: 35px; line-height: 35px; color: #333333; text-decoration: none; } /* right */ #pesquisa_top_site_bar_right { float:right} #pesquisa_top_site_bar_right a { width: 50px; height: 40px; float: right; background-repeat: no-repeat;} #pesquisa_top_site_bar_right a:hover { text-decoration: none; } /* box pesquisa */ #pesquisa_top_site { margin: auto; width: 300px; border: 1px solid #68a547; padding:10px; background: #FFFFFF; -webkit-border-radius: 10px; margin-top:20px ; margin-bottom:20px; box-shadow: 0 3px 10px 0 rgba(0,0,0,0.15); } #pesquisa_top_site_filtro { margin: auto; width: 300px; } /* col 1 */ #pesquisa_top_site_row_1 { width: 300px; padding-right: 0px; border-bottom: 0px solid #CCC; } #col_1 { width: 302px; border-right: 0px solid #CCC; } #pesquisa_top_site_col_1_div { float: left; width: 300px; overflow: hidden; padding-top: 5px; margin-top: -50px; padding-bottom: 5px; } #pesquisa_top_site_col_1_selecione { width: 300px; } #pesquisa_top_site_col_1_selecione ul { margin: 0px; padding: 0px; list-style: none; } #pesquisa_top_site_col_1_selecione li { float: left; padding: 0px; } a.bt_bebidas_ok { float: left; width: 150px; height: 60px; margin-bottom:4px; overflow: hidden; background: url(../imagens/bt_bebidas.webp) bottom no-repeat; } a.bt_bebidas_ok:hover { float: left; width: 150px; height: 60px; margin-bottom:4px; overflow: hidden; background: url(../imagens/bt_bebidas.webp) top no-repeat;} a.bebidas_ok_selecionado { float: left; width: 150px; height: 60px; margin-bottom:4px; overflow: hidden; background: url(../imagens/bt_bebidas.webp) top no-repeat;} a.bt_cafes_chas_ok { float: left; width: 150px; height: 60px; margin-bottom:4px; overflow: hidden; background: url(../imagens/bt_cafes_chas.webp) bottom no-repeat; } a.bt_cafes_chas_ok:hover { float: left; width: 150px; height: 60px; margin-bottom:4px; overflow: hidden; background: url(../imagens/bt_cafes_chas.webp) top no-repeat;} a.cafes_chas_ok_selecionado { float: left; width: 150px; height: 60px; margin-bottom:4px; overflow: hidden; background: url(../imagens/bt_cafes_chas.webp) top no-repeat;} a.bt_carnes_derivados_ok { float: left; width: 150px; height: 60px; margin-bottom:4px; overflow: hidden; background: url(../imagens/bt_carnes_derivados.webp) bottom no-repeat; } a.bt_carnes_derivados_ok:hover { float: left; width: 150px; height: 60px; margin-bottom:4px; overflow: hidden; background: url(../imagens/bt_carnes_derivados.webp) top no-repeat;} a.carnes_derivados_ok_selecionado { float: left; width: 150px; height: 60px; margin-bottom:4px; overflow: hidden; background: url(../imagens/bt_carnes_derivados.webp) top no-repeat;} a.bt_cereais_graos_farinhas_ok { float: left; width: 150px; height: 60px; margin-bottom:4px; overflow: hidden; background: url(../imagens/bt_cereais_graos_farinhas.webp) bottom no-repeat; } a.bt_cereais_graos_farinhas_ok:hover { float: left; width: 150px; height: 60px; margin-bottom:4px; overflow: hidden; background: url(../imagens/bt_cereais_graos_farinhas.webp) top no-repeat;} a.cereais_graos_farinhas_ok_selecionado { float: left; width: 150px; height: 60px; margin-bottom:4px; overflow: hidden; background: url(../imagens/bt_cereais_graos_farinhas.webp) top no-repeat;} a.bt_conservas_molhos_ok { float: left; width: 150px; height: 60px; margin-bottom:4px; overflow: hidden; background: url(../imagens/bt_conservas_molhos.webp) bottom no-repeat; } a.bt_conservas_molhos_ok:hover { float: left; width: 150px; height: 60px; margin-bottom:4px; overflow: hidden; background: url(../imagens/bt_conservas_molhos.webp) top no-repeat;} a.conservas_molhos_ok_selecionado { float: left; width: 150px; height: 60px; margin-bottom:4px; overflow: hidden; background: url(../imagens/bt_conservas_molhos.webp) top no-repeat;} a.bt_doces_geleias_ok { float: left; width: 150px; height: 60px; margin-bottom:4px; overflow: hidden; background: url(../imagens/bt_doces_geleias.webp) bottom no-repeat; } a.bt_doces_geleias_ok:hover { float: left; width: 150px; height: 60px; margin-bottom:4px; overflow: hidden; background: url(../imagens/bt_doces_geleias.webp) top no-repeat;} a.doces_geleias_ok_selecionado { float: left; width: 150px; height: 60px; margin-bottom:4px; overflow: hidden; background: url(../imagens/bt_doces_geleias.webp) top no-repeat;} a.bt_defumados_ok { float: left; width: 150px; height: 60px; margin-bottom:4px; overflow: hidden; background: url(../imagens/bt_defumados.webp) bottom no-repeat; } a.bt_defumados_ok:hover { float: left; width: 150px; height: 60px; margin-bottom:4px; overflow: hidden; background: url(../imagens/bt_defumados.webp) top no-repeat;} a.defumados_ok_selecionado { float: left; width: 150px; height: 60px; margin-bottom:4px; overflow: hidden; background: url(../imagens/bt_defumados.webp) top no-repeat;} a.bt_hortfrutgranjeiros_ok { float: left; width: 150px; height: 60px; margin-bottom:4px; overflow: hidden; background: url(../imagens/bt_hortfrutgranjeiros.webp) bottom no-repeat; } a.bt_hortfrutgranjeiros_ok:hover { float: left; width: 150px; height: 60px; margin-bottom:4px; overflow: hidden; background: url(../imagens/bt_hortfrutgranjeiros.webp) top no-repeat;} a.hortfrutgranjeiros_ok_selecionado { float: left; width: 150px; height: 60px; margin-bottom:4px; overflow: hidden; background: url(../imagens/bt_hortfrutgranjeiros.webp) top no-repeat;} a.bt_leite_derivados_ok { float: left; width: 150px; height: 60px; margin-bottom:4px; overflow: hidden; background: url(../imagens/bt_leite_derivados.webp) bottom no-repeat; } a.bt_leite_derivados_ok:hover { float: left; width: 150px; height: 60px; margin-bottom:4px; overflow: hidden; background: url(../imagens/bt_leite_derivados.webp) top no-repeat;} a.leite_derivados_ok_selecionado { float: left; width: 150px; height: 60px; margin-bottom:4px; overflow: hidden; background: url(../imagens/bt_leite_derivados.webp) top no-repeat;} a.bt_mel_propolis_derivados_ok { float: left; width: 150px; height: 60px; margin-bottom:4px; overflow: hidden; background: url(../imagens/bt_mel_propolis_derivados.webp) bottom no-repeat; } a.bt_mel_propolis_derivados_ok:hover { float: left; width: 150px; height: 60px; margin-bottom:4px; overflow: hidden; background: url(../imagens/bt_mel_propolis_derivados.webp) top no-repeat;} a.mel_propolis_derivados_ok_selecionado { float: left; width: 150px; height: 60px; margin-bottom:4px; overflow: hidden; background: url(../imagens/bt_mel_propolis_derivados.webp) top no-repeat;} a.bt_paes_bolos_biscoitos_ok { float: left; width: 150px; height: 60px; overflow: hidden; background: url(../imagens/bt_paes_bolos_biscoitos.webp) bottom no-repeat; } a.bt_paes_bolos_biscoitos_ok:hover { float: left; width: 150px; height: 60px; overflow: hidden; background: url(../imagens/bt_paes_bolos_biscoitos.webp) top no-repeat;} a.paes_bolos_biscoitos_ok_selecionado { float: left; width: 150px; height: 60px; overflow: hidden; background: url(../imagens/bt_paes_bolos_biscoitos.webp) top no-repeat;} a.bt_artesanato_utilidades_ok { float: left; width: 150px; height: 60px; overflow: hidden; background: url(../imagens/bt_artesanato_utilidades.webp) bottom no-repeat; } a.bt_artesanato_utilidades_ok:hover { float: left; width: 150px; height: 60px; overflow: hidden; background: url(../imagens/bt_artesanato_utilidades.webp) top no-repeat;} a.artesanato_utilidades_ok_selecionado { float: left; width: 150px; height: 60px; overflow: hidden; background: url(../imagens/bt_artesanato_utilidades.webp) top no-repeat;} #pesquisa_top_site_col_1_input { margin-top:13px; float: left; font-size:18px; width: 140px; height: 32px; background: url(../imagens/bg_input_140.jpg) no-repeat; } #box_marca_modelo { width: 300px; height: 35px; border-top: 0px solid #CCC; } .select_col_1 { font-size:14px; width: 148px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; background: none; cursor:pointer; font-weight:bold; color:#e57100; -webkit-border-radius: 2px; } /* col 2 */ #col_2 { width: 300px; border-right: 0px solid #CCC; } #pesquisa_top_site_col_2_div { float: left; width: 300px; overflow: hidden; padding-top: 5px; } #pesquisa_top_site_col_2_div ul { margin: 0px; padding: 0px; list-style: none; } #pesquisa_top_site_col_2_div li { float: left; margin: 0px; padding: 1px; } #estado_veiculo { float: left; width: 78px; padding: 5px; line-height: 15px; color: #FFF; background: #333 url(../imagens/bg_vermelho.png) repeat-x; font-size: 11px; } #pesquisa_top_left { position: absolute; width: 100px; height: 32px; line-height: 32px; margin-left:5px; } #pesquisa_top_left span { position: absolute; } #pesquisa_top_right { position: absolute; width: 130px; height: 32px; line-height: 32px; right: 0px; } #pesquisa_top_right span { position: absolute; } .valor_inicial { position: absolute; font-size:19px; width: 80px; margin-left: 30px; background:#FFF; text-align: center; padding: 5px;} .valor_final { position: absolute; font-size:19px; width: 80px; margin-left: 30px; background:#FFF; text-align: center; padding: 5px; } .ano_inicial { position: absolute; font-size:19px; width: 80px; margin-left: 30px; background:#FFF; text-align: center; padding: 5px; } .ano_final { position: absolute; font-size:19px; width: 80px; margin-left: 30px; background:#FFF; text-align: center; padding: 5px; } /* bts */ #bt_submit_pesquisa { float: right; width: 300px; height: 60px; border: 0px; cursor: pointer; background: url(../imagens/bt_clique_aqui_para_pesquisar.webp) no-repeat; } #bt_submit_pesquisa:hover { cursor:pointer; background-position: 0px -60px; } #pesquisa_top_site_row_2 { width: 300px; border-bottom: 0px solid #CCC; } #box_pesquisa_cidade { width:300px; overflow: hidden; margin-left: 0px; } #box_pesquisa_submit { width: 300px; overflow: hidden; } #pesquisa_top_site_col_1_input_cidade { float: left; width: 300px; background: url(../imagens/bg_input_left_pesquisa.jpg) no-repeat; margin-top:18px; margin-bottom: 4px; } .select_col_1_cidade { font-size:14px; width: 300px; margin-top: 4px; background: none; cursor:pointer ; padding-bottom:10px; padding-top:10px ; color:#e57100; font-weight:bold; padding-left: 10px; -webkit-border-radius: 2px;} /* BODY SITE */ #center_site { width: 100%; overflow: hidden; padding-bottom: 0px; padding-top:0px; background:#42682e; } #center_site_body { margin: auto; overflow: hidden; padding-bottom: 0px; } /* NAV BAR */ #center_site_body_bar_nav { margin: auto; margin-top: 0px; margin-bottom: 10px; padding: 0px; width: 960px; height:0px; overflow: hidden; } #center_site_body_bar_nav_ordem { position: absolute; } #center_site_body_bar_nav_exibir { position: absolute; width: 186px; height: 32px; margin-left: 205px; margin-top: 7px; background: url(../imagens/input_186.png) no-repeat; } #select_ordem { position: absolute; margin-top: -9px; margin-left: 0px; background: none; font-size: 14px; padding: 5px; font-weight: bold; } #select_itens_por_pagina { position: absolute; width: 176px; margin-top: 7px; margin-left: 5px; background: none; } /* left */ #center_site_body_left { position:relative; width: 100%; overflow: hidden; } #center_site_box_content { float: left; margin-top: 5px; margin-top: 0px; width: 100%; min-height: 100px; overflow: hidden; } #center_site_box_content_lista { position:relative; float: left; width: 100%; overflow: hidden; } /* navegação */ #navegacao_produtos { position: relative ; float: left; width:100%; line-height: 160%; padding-top:10px; padding-bottom:10px; } #navegacao_produtos ul { margin: 0px; padding: 0px; list-style: none; } #navegacao_produtos li { float: left; margin: 0px; padding: 0px; } #navegacao_produtos ul li a { float: left; text-align:left; margin-left:10px; font-size:13px; padding-left: 10px; padding-right: 10px; line-height: 160%; color: #538538; text-decoration: none; } #navegacao_produtos ul li a:hover { text-decoration: underline; } #banner-filtro {position: absolute; margin-top:20px; float: center; width:970px ; height:250px;} /* BOX PRODUTOS */ #box_categoria_mini_titulo { font-size: 14px; padding:20px; background:#fff; margin-bottom:10px ; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; height: 12px;} #box_categoria_mini ul { float: left; margin: 0px; padding: 0px; list-style: none; } #box_categoria_mini li { float: left; margin-left: 10px; padding: 1px; padding-bottom: 5px; } #box_categoria_mini ul li a { float: right; color: #000000; opacity: 0.8; font-size: 20px; padding-left: 10px; padding-right: 10px; line-height: 50px; height: 50px; text-align: center; margin-top:10px; text-shadow: 0.1em 0.1em 0.2em #FFFFFF; } #box_categoria_mini ul li a:hover { color: #333333; } #box_categoria_mini_content { float: left; width: 183px; height: 200px; border: 1px solid #CCC; background: #FFF; } #box_categoria_mini_content_titulo { float: left; white-space: 181px; height: 24px; padding: 1px; border-bottom: 1px solid #CCC; } #box_categoria_mini_content_titulo span { line-height: 23px; } #box_categoria_mini_content_titulo a { float: left; width: 181px; line-height: 23px; color: #666; text-decoration: none; } #box_categoria_mini_content_titulo a:hover { color: #FFF; background-color: #B4D547; } #box_categoria_mini_content_itens ul { margin: 0px; padding: 0px; list-style: none; } #box_categoria_mini_content_itens li { float: left; margin: 0px; padding: 0px; } #box_categoria_mini_content_itens ul li a { float: left; width: 156px; padding-left: 5px; height: 15px; line-height: 15px; font-size: 11px; text-decoration: none; color: #090; } #box_categoria_mini_content_itens ul li a:hover { color: #333; border-left:2px solid #090; } /* BOX COM MINIATURAS DOS PRODUTOS */ #produtos_box_miniaturas_body { float: left; width: 100%; overflow: hidden; margin-top: 10px;} #produtos_box_miniaturas_body ul { margin: 0px; padding: 0px; width: 100%; list-style: none; } #produtos_box_miniaturas_body li { position: relative; width: 250px; display: inline-block; list-style: none; margin: 15px; padding: 15px; background: #FFFFFF; -webkit-border-radius: 5px; box-shadow: 0 3px 10px 0 rgb(0 0 0 / 15%); cursor: pointer; border: 1px solid #CCCCCC; } #produtos_box_miniaturas_cidade { position: absolute; margin-top: 0px; width: 300px; height: 23px; line-height: 23px; padding-left: 0px; overflow: hidden; } #produtos_box_miniaturas_modelo { position: absolute; font-size: 16px; margin-top: 23px; width: 300px; height: 23px; line-height: 23px; padding-left: 0px; overflow: hidden; color: #666; } #produtos_box_miniaturas_box_img { position: relative; overflow: hidden; } #produtos_box_miniaturas_box_img a { float: left; width: 100%; text-decoration: none; } #produtos_box_miniaturas_box_img a:hover { } #produtos_box_miniaturas_box_text { text-align:center; position: relative; vertical-align:middle; cursor:pointer ; margin-top:15px; text-decoration:none; line-height:120% ; font-size:16px; font-weight:bold; color:#538538; text-shadow: none; } #produtos_box_miniaturas_box_text :hover { } #produtos_box_miniaturas_info_itens { position: relative; width: 100%; line-height: 120%; text-align: center; overflow: hidden; font-size: 18px ;} #produtos_box_miniaturas_info_itens :hover { text-decoration:underline ;color: #3F51B5 } #produtos_box_miniaturas_box_link { float: left; line-height: 195%; width: 300px; height: 35px; padding: 5px; text-align: center; } #produtos_box_miniaturas_box_link a { text-align: center; text-decoration: none; color: #333; font-size: 11px; } #produtos_box_miniaturas_box_link a:hover { color: #333333 } /* right */ #center_site_body_right { background: #FFF; } #center_site_body_right_titulo { float: left; width: 100%; height: 24px; line-height: 24px; font-style: italic; padding-left: 10px; border-bottom: 1px solid #CCC; } #center_site_body_right_img { width: 100%; overflow: hidden; } #center_site_body_right_link { float: left; width: 300px; height: 24px; line-height: 24px; font-style: italic; margin-top: 5px; padding-left: 10px; border-top: 1px solid #CCC; } #center_site_body_right_link a { float: right; height: 24px; line-height: 24px; font-style: italic; font-size: 16px; color: #333333; padding-right: 5px; } #center_site_body_right_planos { float: left; width: 170px; margin-left: 8px; margin-top: 5px; padding: 5px; margin-bottom: 10px; overflow: hidden; border: 1px solid #CCC; } #center_site_body_right_planos ul { margin: 0px; padding: 0px; list-style: none; } #center_site_body_right_planos li { margin: 0px; padding: 0px; float: left; float: left; width: 170px; border-bottom: 1px dotted #EEE; } #center_site_body_right_planos span { line-height: 20px; } /* BANNER FOOTER */ #banner_footer { margin: auto; margin-top: 0px; margin-bottom: 55px; width: 728px; height: 90px; background: #F1F1F1; } /* FOOTER SITE */ #footer_site { position: relative; width: 100%; } #footer_site_body { position: relative; width: 100%; background: #3F5300 }