/*------------------------------------------------------------------ * Arquivo: main.css * Descrição: CSS Global * Website: http://www.faroseducacional.com.br == Estrutura: ====================================================== $__cabecalho Definições do cabeçalho $__conteudo Todo o conteúdo $__menu Navegação global do site $__auxiliar Área auxiliar do site $__miolo Miolo do site $__rodape Definições de rodapé == Amostra de cores: =============================================== #274E74 – Azul escuro #305E8B – Azul médio #EEEEEE – Cinza ------------------------------------------------------------------*/ /* MASTER CSS RESET -- ------------------------------------------------------------------------- Função: Tira todos os paddings e espacamentos dos elementos para que possam ser adicionados de acordo com a necessidade específica do projeto Adicionado em: 10/06/2010 Adicionado por: Paulo Silva -------------------------------------------------------------------------*/ /* v1.0 | 20080212 */ *{margin:0; padding:0;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } ul li{background:url(../img/esqueleto/bullet1.gif) no-repeat 0 6px; padding:0 0 0 10px;} blockquote, q { quotes: none; } A{color:#305E8B;} small { font-size:9px; color:#999; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /*------------------------------------------------------ FINAL DO CSS RESET --------------------------------------------------------*/ BODY{font-family:Arial, Helvetica, sans-serif; font-size:12px;} IMG{border:0;} #geral{margin:0 auto; width:949px;} /* __cabecalho -------------------------------------------------------------------*/ #cabecalho{background:#305E8B url(../img/esqueleto/bg_topo_site.gif) no-repeat; height:103px; margin-top:15px;} #cabecalho H1 A{background:url(../img/esqueleto/logo_faros.gif) no-repeat; height:40px; display:block; margin-left:27px; overflow:hidden; text-indent:-5000px; position:absolute; width:173px;} /* ABAS EMPRESAS DO GRUPO */ #empresas-grupo{position:absolute; z-index:1;} /* Abas do topo */ #bt-integra A, #bt-icomunicacao A{display:block; height:40px; overflow:hidden; text-indent:-5000px; top:13px; position:absolute;} #bt-integra A{background:url(../img/esqueleto/bt_aba_integra.jpg) no-repeat; left:522px; /* Trocar os z-index nas mudancas de abas --> */ z-index:5; width:234px;} #bt-icomunicacao A{background:url(../img/esqueleto/bt_aba_icomunicacao.jpg) no-repeat; left:722px; /* Trocar os z-index nas mudancas de abas --> */ z-index:6; width:227px;} /* BOXES que aparecem ao clicar nas abas */ #empresas-grupo #bg-integra, #empresas-grupo #bg-icomunicacao{height:353px; position:absolute; top:53px; width:949px;} #empresas-grupo #bg-integra P, #empresas-grupo #bg-icomunicacao P{line-height:15px; padding-bottom:8px;} #empresas-grupo #bg-integra{background:url(../img/esqueleto/bg_aba_integra.jpg) no-repeat; /* Comentar o DISPLAY:NONE para ativar esse conteúdo --> */ display:none;} #empresas-grupo #bg-icomunicacao{background:url(../img/esqueleto/bg_aba_icomunicacao.jpg) no-repeat; /* Comentar o DISPLAY:NONE para ativar esse conteúdo --> */ display:none;} #empresas-grupo #bg-integra .bt-fechar, #empresas-grupo #bg-icomunicacao .bt-fechar{display:block; height:25px; text-indent:-5000px; position:absolute; right:30px; top:30px; width:29px;} #empresas-grupo #bg-integra .bt-fechar{background:url(../img/esqueleto/bt_fechar_aba_integra.jpg) no-repeat;} #empresas-grupo #bg-icomunicacao .bt-fechar{background:url(../img/esqueleto/bt_fechar_aba_icomunicacao.jpg) no-repeat;} #empresas-grupo #bg-integra .bt-fechar:HOVER, #empresas-grupo #bg-icomunicacao .bt-fechar:HOVER{background-position:0 -27px;} #empresas-grupo #bg-integra IMG, #empresas-grupo #bg-icomunicacao IMG{float:left; margin:65px 0 0 50px;} #empresas-grupo #bg-integra H2, #empresas-grupo #bg-icomunicacao H2{font-size:26px; width:640px;} #empresas-grupo #bg-integra H2{color:#86C025; margin:50px 0 5px 255px;} #empresas-grupo #bg-icomunicacao H2{color:#E29225; margin:33px 0 5px 255px;} #empresas-grupo #bg-integra P, #empresas-grupo #bg-icomunicacao P{margin:3px 0 0 255px; width:640px;} #empresas-grupo #bg-integra .bt-quero-conhecer, #empresas-grupo #bg-icomunicacao .bt-quero-conhecer{display:block; height:42px; margin:0 0 0 255px; text-indent:-5000px; width:170px;} #empresas-grupo #bg-integra .bt-quero-conhecer{background:url(../img/esqueleto/bt_quero_conhecer_integra.jpg) no-repeat;} #empresas-grupo #bg-icomunicacao .bt-quero-conhecer{background:url(../img/esqueleto/bt_quero_conhecer_icomunicacao.jpg) no-repeat;} #empresas-grupo #bg-integra .bt-quero-conhecer:HOVER, #empresas-grupo #bg-icomunicacao .bt-quero-conhecer:HOVER{background-position:0 -44px;} #barra-cabecalho{position:absolute; padding:0 15px 0 27px; top:82px; width:898px;} #barra-cabecalho #redimensiona-fontes{list-style:none; float:left; font-size:0.85em; margin-top:5px;} #barra-cabecalho #redimensiona-fontes LI{background:none; float:left; margin-right:13px; padding-left:0;} #barra-cabecalho #redimensiona-fontes LI A{color:#FFF; text-decoration:none;} #barra-cabecalho #redimensiona-fontes LI A SPAN{font-size:1.1em; font-weight:bold; padding-bottom:10px; padding:0 2px 0 1px;} #ferramenta-busca{float:right; width:365px;} #ferramenta-busca LABEL{color:#FFF; font-size:0.8em; float:left; padding:6px 2px 0 0; text-transform:uppercase;} #ferramenta-busca DIV{background:url(../img/esqueleto/bg_campo_busca.gif) no-repeat; height:22px; float:left; width:169px;} #ferramenta-busca DIV INPUT{border:0; color:#305E8B; font-size:0.8em; margin:4px 0 0 6px; width:154px;} /* __conteudo -------------------------------------------------------------------*/ #conteudo{background:#305E8B; width:949px;} #barra-atalhos{background:url(../img/esqueleto/barra_atalhos.gif) no-repeat; height:37px; margin-left:8px; margin-bottom:8px; padding:20px 0 0 22px; width:912px;} #barra-atalhos DT{background:url(../img/esqueleto/tit_cursos_modalidade.gif) no-repeat; float:left; height:13px; margin-right:30px; text-indent:-5000px; width:173px;} #barra-atalhos DD{float:left;} #barra-atalhos DD .link-um, #barra-atalhos DD .link-dois, #barra-atalhos DD .link-tres, #barra-atalhos DD .link-quatro{display:block; margin-left:15px; height:20px; overflow:hidden; text-indent:-5000px;} #barra-atalhos DD .link-um{background:url(../img/esqueleto/bt_humanas_sociais.gif) no-repeat; width:153px;} #barra-atalhos DD .link-dois{background:url(../img/esqueleto/bt_exatas_tecnologia.gif) no-repeat; width:160px;} #barra-atalhos DD .link-tres{background:url(../img/esqueleto/bt_biologicas_saude.gif) no-repeat; width:160px;} #barra-atalhos DD .link-quatro{background:url(../img/esqueleto/bt_todas_modalidades.gif) no-repeat; width:158px;} /* __menu -------------------------------------------------------------------*/ #col-nav{background:#274E74 url(../img/esqueleto/topo_col_nav.gif) no-repeat; left:8px; float:left; position:relative; width:231px;} #col-nav #rodape-col-nav{background:#305E8B url(../img/esqueleto/rodape_col_nav.gif) no-repeat; border-top:8px solid #274E74; height:12px; width:231px;} #col-nav UL{list-style:none; margin:0 auto; width:189px;} #col-nav UL LI{background:none; border-bottom:1px solid #2F5C8A; font-size:0.95em; margin-bottom:7px; padding-bottom:7px; padding-left:0;} #col-nav UL LI A{color:#FFF; text-decoration:none;} #col-nav UL LI A:HOVER{color:#CCC;} #geral #bg-rodape{background:#305E8B url(../img/esqueleto/bg_rodape_site.gif) no-repeat; border-top:15px solid #305E8B; clear:both; height:15px; width:949px;} /* Titulos da coluna */ #tit-menu-quemsomos, #tit-menu-cursos, #tit-menu-servicos, #tit-menu-certificado, #tit-menu-ead, #tit-menu-oportunidades, #tit-menu-imprensa{border-bottom:2px solid #2E9B9B; height:22px; margin:15px auto 10px auto; text-indent:-5000px; overflow:hidden; width:189px;} #tit-menu-quemsomos{background:url(../img/esqueleto/tit_menu_quemsomos.gif) no-repeat; margin-top:20px;} #tit-menu-cursos{background:url(../img/esqueleto/tit_menu_cursos.gif) no-repeat;} #tit-menu-servicos{background:url(../img/esqueleto/tit_menu_servicosprodutos.gif) no-repeat;} #tit-menu-certificado{background:url(../img/esqueleto/tit_menu_certificado.gif) no-repeat;} #tit-menu-ead{background:url(../img/esqueleto/tit_menu_eadexpansao.gif) no-repeat;} #tit-menu-oportunidades{background:url(../img/esqueleto/tit_menu_oportunidades.gif) no-repeat;} #tit-menu-imprensa{background:url(../img/esqueleto/tit_menu_imprensa.gif) no-repeat;} /* Fim titulos da coluna */ /* __auxiliar -------------------------------------------------------------------*/ #col-aux{float:right; position:relative; right:11px; width:230px;} #box-destaque-col A{background:url(../img/esqueleto/bg_cliente_corporativo.jpg); display:block; height:224px; margin-bottom:10px; text-indent:-5000px; overflow:hidden; width:232px;} #box-depoimentos{background:url(../img/esqueleto/bg_box_depoimentos.gif) no-repeat; color:#333; height:200px; padding:13px; width:208px;} #box-depoimentos IMG{float:left; margin:0 10px 10px 0;} #box-depoimentos .descricao A{color:#333; font-size:11px; text-decoration:none;} #box-depoimentos .descricao A:HOVER{text-decoration:underline;} #box-depoimentos DL DT{clear:both; font-size:11px; font-weight:bold;} #box-depoimentos DL DD{font-size:10px;} #box-depoimentos .bt-mais{background:url(../img/esqueleto/ic_mais.gif) no-repeat; color:#333; display:block; height:11px; font-size:10px; margin-top:10px; padding-left:15px; text-decoration:none;} #box-depoimentos .bt-mais:HOVER{text-decoration:underline;} /* Titulos da coluna */ #tit-depoimentos, #tit-receber-novidades, #tit-clientes{border-bottom:2px solid #2E9B9B; height:20px; margin:5px auto 10px auto; text-indent:-5000px; overflow:hidden; width:205px;} #tit-depoimentos{background:url(../img/esqueleto/tit_depoimentos.gif) no-repeat;} #tit-login-ambiente{background:url(../img/esqueleto/tit_ambiente_ensino.gif) no-repeat; height:20px; left:13px; top:11px; position:relative; text-indent:-5000px; overflow:hidden;} #tit-receber-novidades{background:url(../img/esqueleto/tit_receber_novidades.gif) no-repeat;} #tit-clientes{background:url(../img/esqueleto/tit_clientes.gif) no-repeat;} /* Fim titulos coluna */ .bt-verificar-certificado{background:url(../img/esqueleto/bt_verificar_certificado.jpg) no-repeat; display:block; height:58px; margin-top:10px; overflow:hidden; text-indent:-5000px;} .bt-verificar-certificado:HOVER{background-position:0 -59px;} #box-login-ambiente{background:#EEE url(../img/esqueleto/bg_box_ambiente_ensino.gif) no-repeat; color:#333; margin-top:10px; width:230px;} #box-login-ambiente .posiciona_elementos{padding:13px; overflow:hidden; /* Alterar o valor do Height*/ height:35px;} #box-login-ambiente DIV, #box-login-ambiente UL LI A, #box-receber-novidades DIV{font-size:0.9em;} #box-login-ambiente DIV #campo-login, #box-login-ambiente DIV #campo-senha{margin-right:4px; margin-top:10px; float:left;} #box-receber-novidades DIV #campo-nome, #box-receber-novidades DIV #campo-email{margin-right:4px; margin-top:0; float:left;} #box-login-ambiente DIV #campo-login LABEL, #box-login-ambiente DIV #campo-senha LABEL, #box-receber-novidades DIV #campo-nome LABEL, #box-receber-novidades DIV #campo-email LABEl{display:block;} #box-login-ambiente DIV #campo-login DIV, #box-login-ambiente #campo-senha DIV{background:url(../img/esqueleto/bg_campo_login.gif) no-repeat; border:none; height:23px; width:96px;} #box-receber-novidades DIV #campo-nome DIV, #box-receber-novidades DIV #campo-email DIV{background:url(../img/esqueleto/bg_campos_novidades.gif) no-repeat; border:none; height:23px; width:96px;} #box-login-ambiente DIV #campo-login INPUT, #box-login-ambiente #campo-senha INPUT, #box-receber-novidades #campo-nome INPUT, #box-receber-novidades #campo-email INPUT{border:1px solid #FFF; color:#305E8B; font-size:1em; margin:4px 0 0 2px; padding:0 2px 0 2px; width:85px;} #box-login-ambiente DIV #campo-perfil{clear:both; padding:10px 0;} #box-login-ambiente DIV #campo-perfil H3{float:left; font-size:1.0em; padding:0 3px 0 0; *padding:5px 0 0 0; _padding-top:5px;} #box-login-ambiente DIV #campo-perfil INPUT, #box-login-ambiente DIV #campo-perfil LABEL{vertical-align:middle;} #box-login-ambiente UL{padding:10px 0;} #box-login-ambiente UL LI{float:left; list-style:none; margin-right:10px;} #box-login-ambiente UL LI A{color:#333; text-decoration:none;} #box-login-ambiente UL LI #bt-esqueci-senha{background:url(../img/esqueleto/ic_cadeado.gif) no-repeat; padding-left:12px;} #box-login-ambiente UL LI #bt-tutorial-login{background:url(../img/esqueleto/ic_seta.gif) no-repeat; padding-left:12px;} #box-login-ambiente #rodape-login-ambiente{background:#305E8B url(../img/esqueleto/rodape_ambiente_ensino.gif) no-repeat; clear:both; height:29px;} #rodape-login-ambiente .bt-expande{background:url(../img/esqueleto/bt_expande_reduz_ambiente.gif) no-repeat; display:block; height:9px; overflow:hidden; text-indent:-5000px; margin:0 auto; position:relative; top:16px; width:47px;} #rodape-login-ambiente .bt-reduz{background:url(../img/esqueleto/bt_expande_reduz_ambiente.gif) no-repeat 0 -10px; display:block; height:9px; overflow:hidden; text-indent:-5000px; margin:0 auto; position:relative; top:16px; width:47px;} #box-receber-novidades{background:url(../img/esqueleto/bg_box_novidades.gif) no-repeat; height:146px; margin-top:10px; padding:13px 0; width:230px;} #box-receber-novidades .posiciona_elementos{color:#FFF; padding:0 13px;} #box-receber-novidades #campo-email{margin-bottom:10px;} #box-clientes UL{ display:block; width:3000px; } #box-clientes UL LI{float:left; list-style:none; text-align:center;} #clients-wrapper {margin:20px auto; overflow:hidden; width:136px; } #clients-wrapper li{background:none; padding:0;} /* __miolo -------------------------------------------------------------------*/ #miolo{float:left; position:relative; left:19px;} #miolo .home{background:#305E8B; width:447px;} #miolo .home .interna-media{background:#FFF url(../img/esqueleto/bg_topo_medio.gif) no-repeat; width:447px;} #miolo .home .interna-media .rodape-interna-media{background:#305E8B url(../img/esqueleto/bg_rodape_medio.gif) no-repeat; height:14px; width:447px;} #miolo .home #slideShowBanners{background:url(../img/esqueleto/bg_painel_destaque.gif) no-repeat; height:223px; padding:6px 0 0 5px; width:446px;} #miolo .home #slideShowBanners #numeracao {right:10px; position:absolute; top:198px;} #miolo .home #slideShowBanners #numeracao LI {background:none; float:left; display:inline-block; padding-left:0;} #miolo .home #slideShowBanners #numeracao LI A{ background:url(../img/esqueleto/bt_painel.gif) no-repeat; height:17px; padding:4px 0 0 6px; width:14px; color:#FFF; margin-right:4px; text-decoration:none; font-weight:bold; display:inline-block } #miolo .home #slideShowBanners #numeracao LI A:HOVER, #miolo .home #slideShowBanners #numeracao LI A.banner_desq{ background-position:0px -21px; } #miolo .home #slideShowBanners #wrapper { background-color:#FFF; position:absolute; width:436px; height:192px; overflow:hidden} #miolo .home #slideShowBanners #bannerList { display:bock; height:192px; width:auto } #miolo .home #slideShowBanners #bannerList li.banner {background:none; background-color:#FFF; width:436px; height:192px; display:inline-block; padding-left:0;} /* Titulos da home */ #tit-ultimas-blog, #tit-nossos-cursos{border-bottom:2px solid #2E9B9B; clear:both; height:20px; text-indent:-5000px; overflow:hidden; margin-bottom:12px; width:442px;} #tit-ultimas-blog{background:url(../img/esqueleto/tit_ultimas_blog.gif) no-repeat;} #tit-nossos-cursos{background:url(../img/esqueleto/tit_nossos_cursos.gif) no-repeat;} /* Titulos da Loja Virtual */ #tit-loja-virtual, #tit-minhas-compras, #tit-central-atendimento{border-bottom:2px solid #2E9B9B; height:22px; margin:15px auto 10px auto; text-indent:-5000px; overflow:hidden; width:189px;} #tit-loja-virtual{background:url(../img/esqueleto/tit_loja_virtual.gif) no-repeat;} #tit-minhas-compras{background:url(../img/esqueleto/tit_minhas_compras.gif) no-repeat;} #tit-central-atendimento{background:url(../img/esqueleto/tit_central_atendimento.gif) no-repeat;} .menu-loja-virtual LI A{display:block; font-size:1.05em; font-weight:bold; margin-bottom:8px; text-transform:uppercase;} .menu-loja-virtual LI UL LI A{font-size:1.0em; font-weight:normal; margin-bottom:0; text-transform:none;} #box-ultimas{width:442px;} #box-ultimas DIV IMG{float:left; margin:0 5px 5px 0;} #box-ultimas SPAN{font-size:0.8em; margin-bottom:2px;} #box-ultimas H3{font-size:1.05em;} #box-ultimas DIV A, #box-ultimas SPAN{color:#FFF; text-decoration:none;} #box-ultimas DIV A:HOVER{text-decoration:underline;} #box-ultimas DIV{background:url(../img/esqueleto/pontilhado.gif) repeat-x bottom; height:78px; margin-bottom:10px; line-height:14px;} #box-servicos-produtos DIV{background:url(../img/esqueleto/bg_cursos.gif) no-repeat; float:left; height:104px; margin:0 8px 11px 0; padding:8px 0 0 8px; width:205px;} #box-servicos-produtos DIV H3{color:#FFF; font-size:11px; margin-bottom:10px;} #box-servicos-produtos DIV IMG{float:left; margin:1px 5px 0 0;} #box-servicos-produtos DIV P A{color:#FFF; display:block; margin-left:93px; font-size:11px; text-decoration:none; width:105px;} #box-servicos-produtos DIV P A:HOVER{text-decoration:underline;} .bt-pagina-inicial A{background:url(../img/esqueleto/bt_home.jpg) no-repeat; height:46px; display:block; margin:20px 0 20px 20px; overflow:hidden; text-indent:-5000px; width:189px;} .bt-pagina-inicial A:HOVER{background:url(../img/esqueleto/bt_home.jpg) no-repeat 0 -46px;} #miolo .interna-media{background:#FFF url(../img/esqueleto/bg_topo_medio.gif) no-repeat; width:447px;} #miolo .interna-media .rodape-interna-media{background:#305E8B url(../img/esqueleto/bg_rodape_medio.gif) no-repeat; height:14px; width:447px;} #miolo .interna-grande{background:#FFF url(../img/esqueleto/bg_topo_grande.gif) no-repeat; width:688px;} #miolo .interna-grande .area-conteudo, #miolo .interna-media .area-conteudo, #miolo .interna-lojavirtual .area-conteudo{padding:10px 20px; line-height:17px;} #miolo .interna-grande .area-conteudo, #miolo .interna-media .area-conteudo p{margin:0 0 13px 0; text-align:justify;} #miolo .interna-grande .rodape-interna-grande{background:#305E8B url(../img/esqueleto/bg_rodape_grande.gif) no-repeat; height:14px; width:688px;} #miolo .interna-medio UL, #miolo .interna-grande OL, #miolo .interna-grande UL, #miolo .interna-grande OL{list-style:none; margin:15px 0;} #miolo H2{color:#274E74; font-size:19px; margin-top:25px; margin-bottom:20px;} .breadcrumb{font-size:0.9em; margin-top:8px; margin-bottom:25px;} .breadcrumb A{color:#000;} /* Estilização - Loja Virtual */ #miolo .interna-lojavirtual .area-conteudo H3{background:url(../img/esqueleto/bullet2.gif) no-repeat 0 1px; font-size:18px; margin:35px 0 20px 0; padding-left:10px;} #miolo .interna-lojavirtual .area-conteudo .img-produto{float:left;} #miolo .interna-lojavirtual .area-conteudo DL DT{color:#000; font-size:15px; font-weight:bold; margin:20px 0 10px 0;} #miolo .interna-lojavirtual .area-conteudo DL DD{margin-bottom:4px;} #miolo .interna-lojavirtual .area-conteudo UL, #miolo .interna-lojavirtual .area-conteudo OL{list-style:none; margin:10px 0 0 0;} #miolo .interna-lojavirtual .area-conteudo p{margin:10px 0 20px 0; text-align:justify;} #miolo .interna-lojavirtual UL LI{background:url(../img/esqueleto/bullet1.gif) no-repeat 0 6px; margin-bottom:4px; padding-left:12px;} #miolo .interna-lojavirtual .acesso-rapido{background:url(../img/esqueleto/bg_atalhos.gif) no-repeat 30px 0; float:right; height:324px; margin:0 0 10px 20px; padding:0 0 0 15px; width:215px;} #miolo .interna-lojavirtual .acesso-rapido DT{color:#305E8B !important; font-size:16px; padding:0 0 0 35px;} #miolo .interna-lojavirtual .acesso-rapido DD{height:32px;} #miolo .interna-lojavirtual .acesso-rapido DD A{color:#000; display:block; text-decoration:none; padding:9px 0 11px 35px; } #miolo .interna-lojavirtual .acesso-rapido DD A:HOVER{background:url(../img/esqueleto/bg_seta_atalhos.gif) no-repeat 8px 0; color:#FFF; display:block; font-weight:bold; text-decoration:none;} #miolo .interna-lojavirtual .acesso-rapido DD A.ativo{background:url(../img/esqueleto/bg_seta_atalhos.gif) no-repeat 8px 0; color:#FFF; display:block; font-weight:bold; text-decoration:none;} #loja{background:url(../img/esqueleto/pontilhado_vertical.gif) repeat-y 295px 0; padding:20px 0 0 0;} #produtos-loja{background:url(../img/esqueleto/pontilhado_horizontal.gif) repeat-x bottom; margin-bottom:20px; float:left; height:140px; margin-left:10px; margin-right:20px; text-align:left; width:270px;} #produtos-loja H3{font-size:16px; margin-bottom:10px;} #produtos-loja H3 A{color:#000;} #produtos-loja A{text-decoration:none;} #produtos-loja A:HOVER{text-decoration:underline;} .conteudo-produto{margin-left:82px;} .img-produto{float:left; margin:0 8px 4px 0;} .bt-comprar{background:url(../img/esqueleto/bt_comprar.jpg) no-repeat; display:block; height:22px; margin-top:10px; text-indent:-5000px; overflow:hidden; width:84px;} .mais-detalhes{background:url(../img/esqueleto/ic_mais.gif) no-repeat 0 3px; color:#000; display:block; margin-top:3px; font-size:11px; padding:0 0 0 15px;} /*alertas e erros */ .atencao { background-color:#FFFFCC; border:1px solid #FFDDDD; color:#333333; display:block; margin-bottom:20px; padding:10px; -moz-border-radius:5px; -webkit-border-radius:5px; } .invalid { border: 1px solid #F33 !important; } .atencao .erro { padding-left:30px; background-image:url(../img/esqueleto/icone_erro.png); background-repeat:no-repeat; background-position:left center; color:#e44; font-weight:bold; } .atencao .sucesso { padding-left:30px; background-image:url(../img/esqueleto/icone_sucesso.png); background-repeat:no-repeat; background-position:left center; color:#00bb00; font-weight:bold; } /* Personalizações áreas */ #miolo .fale-conosco LABEL, #miolo .login LABEL, #miolo .cadastro LABEL{display:block; margin:10px 0 2px 0;} #miolo .fale-conosco UL{list-style:none; margin-top:20px;} #miolo .fale-conosco UL LI{margin-bottom:5px;} #miolo .fale-conosco UL LI SPAN{font-weight:bold;} #miolo .cadastro H3{margin:30px 0 10px 0;} #miolo .login P{margin:20px 0;} /* Fim */ /* __rodape -------------------------------------------------------------------*/ #rodape{clear:both; margin-top:10px; border-bottom:10px solid #FFF;} #rodape DL DT{font-size:10px; float:left; margin:8px 5px 0 0; text-transform:uppercase;} #rodape DL DD{float:left; margin-right:7px; vertical-align:middle;} #rodape P{font-size:10px; border- margin-top:9px; float:right;} /* ---------------------------------------------------------------- Resultados - Personalização das áreas e criação do Carroussel -------------------------------------------------------------------*/ #resultados{background:url(../img/esqueleto/bg_resultados.jpg) no-repeat; padding:30px; width:563px;} #resultados H3{color:#000; font-size:25px; text-align:left; line-height:28px;} #resultados H4{color:#305E8B; font-size:14px; margin:15px 0 5px 0;} #resultados UL LI{background:url(../img/esqueleto/bullet1.gif) no-repeat 0 7px; padding-left:12px;} #resultados .destaque{background:#E2E2E2; height:172px; margin:30px 0 15px 0; padding:10px;} #resultados .destaque IMG{float:left; margin-right:10px;} #resultados .destaque STRONG{color:#008584; display:block; font-size:38px; margin:20px 0 8px 0;} #resultados .destaque P{font-size:15px;} #resultados #img-resultados IMG{position:relative;} .outros-resultados{background:url(../img/esqueleto/bg_rodape_resultados.jpg) bottom; height:240px; width:623px;} .outros-resultados H4{font-size:14px; margin:0 0 0 20px;} .outros-resultados #bt-voltar, .outros-resultados #bt-avancar{height:170px; margin-top:13px; text-indent:-5000px; width:30px;} .outros-resultados #bt-voltar{background:url(../img/esqueleto/bt_voltar_resultados.gif) no-repeat; float:left; margin-left:20px; margin-right:10px;} .outros-resultados #bt-avancar{background:url(../img/esqueleto/bt_avancar_resultados.gif) no-repeat; float:right; margin-right:20px;} .outros-resultados .bt-voltar:HOVER, .outros-resultados .bt-avancar:HOVER, .outros-resultados .bt-voltar:HOVER, .outros-resultados .bt-avancar:HOVER{background-position:0 -172px;} .outros-resultados .bt-desabilitado{background-position:0 -172px !important;} .outros-resultados DIV{float:left; overflow:hidden; width:500px;} .outros-resultados UL{width:10000px;} .outros-resultados UL LI{background:none; float:left; margin-right:7px; padding-left:0; text-align:left; width:154px;} .outros-resultados UL LI A{background:#CFDFEF; display:block; line-height:15px; height:158px; padding:5px; text-decoration:none;} .outros-resultados UL LI A:HOVER{background:#305E8B; color:#FFF;} /* ---------------------------------------------------------------- Fale Conosco - estilos para os campos e labels -------------------------------------------------------------------*/ #div_fale_conosco .descricao { margin-bottom:20px; display:block; text-align:justify; } #form_fale_conosco input[type="text"], #form_fale_conosco textarea, #form_fale_conosco select { -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #999999; font-size:14px; margin:5px 0; padding:3px; } #form_fale_conosco label { color:#274E74; display:block; font-weight:bold; margin:5px 0 0; } /* ---------------------------------------------------------------- Verificar Certificado - estilos para os campos e labels -------------------------------------------------------------------*/ .form_certificado input[type="text"], .form_certificado select{ -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #999999; font-size:14px; margin:5px 0; padding:3px; } .form_certificado label{ color:#274E74; display:block; font-weight:bold; margin:5px 0 0; } /* ---------------------------------------------------------------- FAQ - estilos para os campos e labels -------------------------------------------------------------------*/ .faqlist { } .faqlist .pergunta { background:none; display:block; cursor:pointer; margin:2px 0; font-weight:bold; border-bottom:1px solid #2F5C8A; padding:5px 0; } .faqlist .pergunta:hover { background-color:#f7f7f7; } .faqlist .title{ color:#FFF; background:#00837D; padding:8px 0 8px 10px; font-size:15px; font-weight:bold; } .faqlist .description { background:none; padding:15px 0; font-size:14px; color:#274E74; font-weight:bold; } .faqlist .resposta{ background:none; padding:5px 0 15px 0; } .abas_faq { display:block; border-bottom:1px solid #858585; padding-left:10px; } .abas_faq li{ -moz-border-radius-bottomleft:0; -moz-border-radius-bottomright:0; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-color:#858585 #858585 #858585; background:none; border-style:solid; border-width:1px; display:inline-block; font-weight:bold; margin-bottom:-1px; background-color:#eeeeee; color:#666; font-size:14px; padding-left:0; } .abas_faq li a { padding:5px 15px; display:block; text-decoration:none; color:#999!important; } .abas_faq li a:hover { text-decoration:underline; } .abas_faq li.ativa { color:#000; border-color:#858585 #858585 #ffffff; background-color:#fff; } .abas_faq li.ativa a { color:#305E8B!important; } /* ---------------------------------------------------------------- Trabalhe Conosco - estilos para os campos e labels -------------------------------------------------------------------*/ #div_trabalhe_conosco .descricao { margin-bottom:20px; display:block; text-align:justify; } #form_trabalhe_conosco input[type="file"], #form_trabalhe_conosco input[type="text"], #form_trabalhe_conosco textarea, #form_trabalhe_conosco select { -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #999999; font-size:14px; margin:5px 0; padding:3px; } #form_trabalhe_conosco label { color:#274E74; display:block; font-weight:bold; margin:5px 0 0; } #form_trabalhe_conosco fieldset { border:1px solid #DDDDDD; padding:10px; -moz-border-radius:5px; -webkit-border-radius:5px; } #form_trabalhe_conosco legend { font-size:16px; font-weight:bold; color:#274E74; padding:5px; } .selectIdioma { margin-right:5px!important; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } .outro_idioma { display:inline-block; margin-right:5px!important; } .botao_excluir { background-image:url(../img/esqueleto/icone_excluir.png); background-repeat:no-repeat; background-position:center center; display:inline-block; height:9px; text-indent:-9999px; width:9px; padding:3px; } /* NOSSOS PRODUTOS */ #produto_lerni, #painel_produtos #produto_helpi, #painel_produtos #produto_portiko{ height:288px; width:648px; } #produto_lerni{ background:url(../img/esqueleto/bg_painel_ambiente_colaborativo.jpg) no-repeat; } #painel_produtos #produto_helpi{ background:url(../img/esqueleto/bg_painel_central_atendimento.jpg) no-repeat; } #painel_produtos #produto_portiko{ background:url(../img/esqueleto/bg_painel_portal_educacional.jpg) no-repeat; } #painel_produtos UL{float:right; position:relative; right:17px; top:-10px;} #painel_produtos UL LI{background:none; float:left; padding-left:0;} /* PAULO - FIQUEI NA DUVIDA QUAL DELES TINHA NECESSIDADE DE SER "ID" ...COLOQUEI "CLASS" NOS BOTÕES QUE FICAM ATIVOS OK? */ #painel_produtos UL LI #bt_lerni, #painel_produtos UL LI #bt_helpi, #painel_produtos UL LI #bt_portiko{ background:url(../img/esqueleto/btns_nossos_produtos.gif) no-repeat; display:block; height:32px; text-indent:-5000px;} #painel_produtos UL LI #bt_lerni{width:72px;} #painel_produtos UL LI #bt_helpi{background-position:-80px 0; width:72px;} #painel_produtos UL LI #bt_portiko{background-position:-155px 0; width:90px;} #painel_produtos UL LI .bt_lerni_ativo{ background-position:0 -33px !important;} /* Paulo - Coloquei !IMPORTANT apenas para priorizar a CLASS ja que o ID estava sobressaindo. */ #painel_produtos UL LI .bt_helpi_ativo{ background-position:-80px -32px !important;} #painel_produtos UL LI .bt_portiko_ativo{ background-position:-155px -32px !important;} #painel_produtos H2{font-size:28px; font-weight:normal; text-align:left; left:30px; line-height:30px; position:relative;} .tit_lerni{top:15px; width:300px;} .tit_helpi{top:15px; width:220px;} .tit_portiko{top:30px; height:60px;} #painel_produtos P A{color:#FFF; display:block; font-size:14px; margin:60px 0 0 30px; text-align:left; text-decoration:none; width:400px;} #painel_produtos P A:HOVER{color:#CEEAF0;} ul#produtos { list-style:none; } ul#produtos li { display:block; list-style:none; background-image:none; } ul#produtos .title { margin:30px 0 0 0; padding-bottom:10px; } ul#produtos .description { display:block; margin:10px 0 15px; } ul#produtos .description H3{font-size:15px; margin-bottom:5px;} ul#produtos .description LI{background:url(../img/esqueleto/bullet1.gif) no-repeat 0 6px;} ul#produtos .description LI UL{margin:5px 0;} /* NOSSOS SERVIÇOS - Personalização da área de serviços */ .servicos H3{font-size:17px; margin-bottom:4px;} .servicos H4{color:#2B9191; font-size:16px; margin:15px 0 4px 0;} .servicos H5{font-size:14px; margin:12px 0 4px 0;} /* ---------------------------------------------------------------- BUSCA -------------------------------------------------------------------*/ .busca{text-align:left;} .busca H4{margin:10px 0;} .busca .info{font-size:13px;} .busca .info STRONG{color:#00837D; font-size:14px;} .busca .tit{font-size:15px; margin:30px 0 15px 0;} /* ------------------------------------------------------------------ RECEBA NOVIDADES -------------------------------------------------------------------*/ #subscribe_erro { margin:5px; padding:5px 5px 5px 20px; } .subscribe_falhou { padding-left:30px; background-image:url(../img/esqueleto/icone_erro.png); background-repeat:no-repeat; background-position:left center; color:#e44; font-weight:bold; background-color:#FDD; border:1px solid #e44; } .subscribe_sucesso { padding-left:30px; background-image:url(../img/esqueleto/icone_sucesso.png); background-repeat:no-repeat; background-position:left center; color:#00bb00; font-weight:bold; background-color:#CFC; border:1px solid #00bb00; } #subscribe_loading { height:80px; display:none; background-image:url(../img/esqueleto/loading.gif); background-position:center center; background-repeat:no-repeat; color:#fff; padding:20px; text-align:center; } /* ---------------------------------------------------------------- CODIGO ETICA / RESPONSABILIDADE SOCIAL -------------------------------------------------------------------*/ .bg-cartilha{background:#EAEAEA; padding:20px 15px 15px 15px;} .bg-cartilha STRONG{background:url(../img/esqueleto/bg_cadeirante.gif) no-repeat 0 2px; padding:0 0 0 32px; display:block;} /* ---------------------------------------------------------------- VEJA NOSSA HISTORIA -------------------------------------------------------------------*/ #bg-resultados{background:#EAEAEA; padding:20px 15px 15px 15px;} #bg-resultados H3{background:url(../img/esqueleto/bg_grafico_pizza.gif) no-repeat; font-size:16px; margin-bottom:8px; padding:4px 0 2px 28px; display:block;} /* ------------------------------------------------------------------ MERCADO CORPORATIVO -------------------------------------------------------------------*/ #mercado_corporativo #div_proposta{ display:none; } #mercado_corporativo .descricao { margin-bottom:20px; display:block; text-align:justify; } #mercado_corporativo input[type="text"], #mercado_corporativo textarea, #mercado_corporativo select { -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #999999; font-size:14px; margin:5px 0; padding:3px; } #mercado_corporativo label { color:#274E74; display:block; font-weight:bold; margin:5px 0 0; }