* {} body { font-family:Verdana; background:url(../imagens/body.jpg) repeat;} /*body { font-family:Verdana; background:url(../imagens/layout/cursos.jpg) center 13px no-repeat; width:1663px;}*/ #site{width:987px; margin:0 auto;} #atendimento{background-color:#000; color:#CCC; display:none;} #atendimento #wrapper{width:987px; margin:0 auto; padding:45px 0 65px 0;} #atendimento #wrapper #contato{float:left; border-right:1px solid #323232; padding-right:45px; } #atendimento #wrapper #contato h2{font-size:48px; color:#EEE; margin-bottom:10px;} #atendimento #wrapper #outros{float:left; height:390px; padding-left:45px;} #atendimento #wrapper #outros #telefone{width:376px; height:66px; margin-top:80px; text-indent:-1000000px; background:url(../imagens/telefone.png) no-repeat; } #atendimento #wrapper #outros #localizacao a{width:376px; height:100px; display:block; border-top:1px solid #323232; margin-top:15px; text-indent:-1000000px; background:url(../imagens/localizacao.png) no-repeat 0 10px; } #atendimento #wrapper #outros #atendimento-online {margin-top:17px; border-top:1px solid #323232;} #atendimento #wrapper #outros #atendimento-online a{width:372px; height:25px; color:#EB008B; padding:58px 4px 0 0; display:block; text-align:right; background:url(../imagens/atendimento-online.png) no-repeat 0 10px;; font-size:18px; text-decoration:none; } #atendimento #wrapper #outros #atendimento-online a:hover{text-decoration:underline; } #aba-atendimento{background:url(../imagens/aba-atendimento.png) repeat-x; height:32px;} #aba-atendimento #alterna-atendimento{display:block; width:155px; height:25px; text-indent:-1000000px; position:relative; left:50%; top:8px; margin-left:343px; } #aba-atendimento #alterna-atendimento.mostrar{background:url(../imagens/atendimento-mostrar.png) no-repeat; } #aba-atendimento #alterna-atendimento.fechar{background:url(../imagens/atendimento-fechar.png) no-repeat; } /* CABEÇALHO ///////////////////////////////////////////////////////////////////////*/ #cabecalho{margin-top:40px; height:288px; } #cabecalho #topo{border-top:1px solid #DDDDDD; height:205px;} #cabecalho #topo #logo{float:left; width:383px; margin-top:26px; margin-left:6px;} #cabecalho #topo #contexto{float:left; width:538px; margin-left:58px; margin-top:40px;} #cabecalho #topo #contexto #menu{width:538px; height:24px; background:url(../imagens/menu.png) no-repeat center bottom;} #cabecalho #topo #contexto #menu li{float:left;} #cabecalho #topo #contexto #menu li:nth-of-type(1){margin-left:19px;} #cabecalho #topo #contexto #menu li:nth-of-type(2){margin-left:32px;} #cabecalho #topo #contexto #menu li:nth-of-type(3){margin-left:32px;} #cabecalho #topo #contexto #menu li:nth-of-type(4){margin-left:32px;} #cabecalho #topo #contexto #menu li a{color:#000; text-transform:uppercase; font-size:14px; text-decoration:none;} #cabecalho #topo #contexto #menu li a:hover{color:#EB008B;} #cabecalho #topo #contexto #adicionais{margin-top:29px;} #cabecalho #topo #contexto #adicionais #categorias div{float:left;} #cabecalho #topo #contexto #adicionais #categorias div:nth-of-type(1){margin-left:3px;} #cabecalho #topo #contexto #adicionais #categorias div:nth-of-type(2){margin-left:18px;} #cabecalho #topo #contexto #adicionais #categorias{float:left; width:291px;} #cabecalho #topo #contexto #adicionais #interatividade{float:left; width:228px; margin-left:15px;} #cabecalho #topo #contexto #adicionais #interatividade #redes_sociais{width:228px; height:57px; background:url(../imagens/siga-nos.png) no-repeat 2px 0;} #cabecalho #topo #contexto #adicionais #interatividade #redes_sociais li {float:right;} #cabecalho #topo #contexto #adicionais #interatividade #redes_sociais li:nth-of-type(2) {margin-right:6px;} #cabecalho #topo #contexto #adicionais #interatividade #redes_sociais li a{display:block; width:52px; height:52px; text-indent:-1000000px;} #cabecalho #topo #contexto #adicionais #interatividade #redes_sociais li:nth-of-type(2) a{background:url(../imagens/facebook.png);} #cabecalho #topo #contexto #adicionais #interatividade #redes_sociais li:nth-of-type(2) a:hover{background:url(../imagens/facebook_over.png);} #cabecalho #topo #contexto #adicionais #interatividade #redes_sociais li:nth-of-type(1) a{background:url(../imagens/twitter.png);} #cabecalho #topo #contexto #adicionais #interatividade #redes_sociais li:nth-of-type(1) a:hover{background:url(../imagens/twitter_over.png);} #cabecalho #topo #contexto #adicionais #interatividade #busca input{float:left;} #cabecalho #topo #contexto #adicionais #interatividade #busca #keywords{width:153px; height:13px; padding:3px 4px; font-size:10px; color:#000; background:none; border:1px solid #939393; } #cabecalho #topo #contexto #adicionais #interatividade #busca #buscar{height:19px; width:62px; border:0; background:#000; color:#FFF; font-size:11px; margin-left:3px; text-transform:uppercase;} #cabecalho #filtro{border-top:1px solid #DDDDDD; height:40px; } #cabecalho #filtro #categorias{float:left; width:464px; background:url(../imagens/filtra-por.png) no-repeat 7px 18px; padding:23px 0 0 130px; } #cabecalho #filtro #categorias li{float:left;} #cabecalho #filtro #categorias li:nth-of-type(2){margin-left:12px;} #cabecalho #filtro #categorias li:nth-of-type(3){margin-left:12px;} #cabecalho #filtro #categorias li a{display:block; text-indent:-1000000px;} #cabecalho #filtro #categorias li:nth-of-type(1) a{background:url(../imagens/cat_aad_filtro.png) no-repeat; width:178px; height:15px;} #cabecalho #filtro #categorias li:nth-of-type(2) a{background:url(../imagens/cat_cc_filtro.png) no-repeat; width:160px; height:15px;} #cabecalho #filtro #categorias li:nth-of-type(3) a{background:url(../imagens/cat_todos.png) no-repeat; width:101px; height:15px;} #cabecalho #filtro #ordem{float:left; width:87px; height:23px; background:url(../imagens/ordenar-por.png) no-repeat 2px 18px; margin-left:17px; padding:16px 0 0 92px;} #cabecalho #filtro #pagamento{float:right; padding:12px 0 0 0;} /* CABEÇALHO ///////////////////////////////////////////////////////////////////////*/ /* CONTEÚDO ///////////////////////////////////////////////////////////////////////*/ #conteudo{padding-left:5px;} /* CURSO ///////////////////////////////////////////////////////////////////////*/ #conteudo #article{width:645px; float:left;} #conteudo #article #topo{height:150px;} #conteudo #article #topo h1{float:left; width:405px; margin-left:20px;} #conteudo #article h1{font-size:36px; line-height:0.9;} #conteudo #article #topo #imagem{float:left; width:214px; background:url(../imagens/fundo_fotos.png) no-repeat; padding:3px 3px 10px 3px; } #conteudo #article #share{height:24px; padding:20px 0; border-top:1px solid #DDD; border-bottom:1px solid #DDD; } #conteudo #article #share #buttons{float:left; width:328px; } #conteudo #article #share #buttons #google_plus{float:left; width:80px; height:15px; display:block; } #conteudo #article #share #buttons #twitter_button{float:left; width:125px; } #conteudo #article #share #buttons #facebook_like{float:left; width:100px; } #conteudo #article #share #copiar_link {float:right; width:166px; padding-left:148px; } #conteudo #article #share #copiar_link.curso {background:url(../imagens/link-para-este-curso.png) no-repeat 0 5px; } #conteudo #article #share #copiar_link.pagina {background:url(../imagens/link-para-pagina.png) no-repeat 0 5px; } #conteudo #article #share #copiar_link #bitly{width:155px; height:13px; padding:3px 4px; font-size:10px; color:#000; background:none; border:1px solid #939393;} #conteudo #article #valor_condicoes{height:40px; padding:22px 0; border-bottom:1px solid #DDD;} #conteudo #article #valor_condicoes #valor{width:161px; padding:0 0 0 80px; height:40px; font-size:44px; float:left; color:#000; background:url(../imagens/quanto-custa.png) no-repeat;} #conteudo #article #valor_condicoes #valor span{color:#B3B3B3;} #conteudo #article #valor_condicoes #politica_descontos{width:160px; font-size:10px; line-height:10px; float:left; color:#000;} #conteudo #article #valor_condicoes #inscreva_se {float:right;} #conteudo #article #valor_condicoes #inscreva_se a{width:230px; height:40px; display:block; text-indent:-1000000px; background:url(../imagens/inscreva-se.png) no-repeat; } #conteudo #article #sobre{padding:18px 0; border-bottom:1px solid #DDD; height:130px; } #conteudo #article #sobre #objetivo{float:left; width:225px;} #conteudo #article #sobre #objetivo div{color:#000; font-size:20px; display:block;} #conteudo #article #sobre #objetivo p{color:#333; font-size:11px; line-height:12px;} #conteudo #article #sobre #chat{float:left; width:225px;} #conteudo #article #sobre #chat a{width:132px; height:58px; padding:70px 0 0 93px; display:block; color:#B3B3B3; font-size:11px;} #conteudo #article #sobre #chat.azul a{background:url(../imagens/atendimento-azul.png) no-repeat 0 5px;} #conteudo #article #sobre #chat.verde a{background:url(../imagens/atendimento-verde.png) no-repeat 0 5px;} #conteudo #article #sobre #proxima_turma{float:left; width:396px; margin-left:15px;} #conteudo #article #sobre #proxima_turma span{width:189px; height:27px; display:block; text-indent:-1000000px; background:url(../imagens/proxima-turma.png) no-repeat;} #conteudo #article #sobre #proxima_turma ul{margin-top:15px;} #conteudo #article #sobre #proxima_turma ul li {font-size:11px; line-height:11px; padding-bottom:10px;} #conteudo #article #sobre #proxima_turma ul li strong{font-weight:bold;} #conteudo #article #registre_interesse{padding:18px 0; border-bottom:1px solid #DDD; height:40px; } #conteudo #article #registre_interesse #texto{float:left; width:340px;} #conteudo #article #registre_interesse #texto div{color:#000; font-size:20px; display:block;} #conteudo #article #registre_interesse #texto p{color:#333; font-size:11px; line-height:12px;} #conteudo #article #registre_interesse #botao{float:left; width:281px; margin-left:15px;} #conteudo #article #registre_interesse #botao a{width:287px; height:40px; display:block; text-indent:-1000000px; background:url(../imagens/registre-interesse.png) no-repeat;} #conteudo #article #adicional_info {padding:25px 0;} #conteudo #article #adicional_info #info .topico{padding:0 0 25px 0;} #conteudo #article #adicional_info #info .topico h3{font-size:36px; margin-bottom:5px;} #conteudo #article #adicional_info #info .topico p{font-size:12px; line-height:14px; color:#333; padding:0 10px 0 20px;} #conteudo #article #adicional_info #info .topico strong{font-size:12px; padding:0 0 3px 20px; display:block;} #conteudo #article #adicional_info #subir {margin-left:20px; margin-top:20px;} #conteudo #article #adicional_info #subir a{font-size:16px; width:90px; height:21px; color:#000; display:block; background:url(../imagens/topo.png) no-repeat 48px 0;} #conteudo #article #conheca_graduacao{padding:30px 0; border-bottom:1px solid #DDD; border-top:1px solid #DDD; } #conteudo #article #conheca_graduacao h4 a{font-size:30px; color:#EC008C;} #conteudo #article #conheca_graduacao p{font-size:16px; margin-top:-6px;} #conteudo #sidebar{width:308px; float:left; margin-left:25px;} #conteudo #sidebar h5{font-size:30px; color:#B3B3B3; } #conteudo #sidebar h6{font-size:16px; margin-top:-7px; } #conteudo #sidebar #sugestoes, #conteudo #sidebar #mais_cursos, #conteudo #sidebar #destaque, #conteudo #sidebar #facebook_atividade_recente{padding-bottom:24px;} #conteudo #sidebar .lista {padding-top:5px;} #conteudo #sidebar .lista li {margin-bottom:2px; width:312px; height:71px;} #conteudo #sidebar .lista li .imagem{float:left; width:92px; height:57px; padding:7px 5px; background-color:#EAEAEA; } #conteudo #sidebar .lista li .data{float:left; width:61px; height:71px; background-color:#DDDDDD; text-align:center; color:#494949; font-size:18px;} #conteudo #sidebar .lista li .data span{display:block;} #conteudo #sidebar .lista li p{float:left; width:137px; padding:2px 5px 2px 7px; height:67px; background-color:#EAEAEA; font-size:11px; line-height:11px;} #conteudo #sidebar .lista li p a{display:block;} #conteudo #sidebar #mais_cursos #ver_todos {padding-top:5px;} #conteudo #sidebar #mais_cursos #ver_todos a{font-size:20px; color:#000;} #conteudo #sidebar #mais_cursos #outra_categoria a{font-size:11px; border-top:1px solid #DDDDDD; display:block; padding-top:4px; margin-top:4px;} /* CURSO ///////////////////////////////////////////////////////////////////////*/ /* BUSCA ///////////////////////////////////////////////////////////////////////*/ #conteudo #cursos .curso_busca{width:481px; height:171px; float:left; padding-bottom:25px;} #conteudo #cursos .margem_cursos{margin-left:15px;} #conteudo #cursos .curso_busca .curso_busca_sobre {border-bottom:1px solid #DDDDDD; padding-bottom:4px; height:145px; } #conteudo #cursos .curso_busca .curso_busca_sobre .curso_busca_imagem{float:left; width:214px; background:url(../imagens/fundo_fotos.png) no-repeat; padding:3px 3px 10px 3px; } #conteudo #cursos .curso_busca .curso_busca_sobre .curso_busca_info{float:left; width:238px; margin-left:22px;} #conteudo #cursos .curso_busca .curso_busca_sobre .curso_busca_info h2 a{font-size:21px; line-height:0.9; display:block; text-decoration:none;} #conteudo #cursos .curso_busca .curso_busca_sobre .curso_busca_info h2 a:hover{text-decoration:underline;} #conteudo #cursos .curso_busca .curso_busca_sobre .curso_busca_info h2{padding-top:6px; height:78px;} #conteudo #cursos .curso_busca .curso_busca_sobre .curso_busca_info div{font-size:24px; color:#000;} #conteudo #cursos .curso_busca .curso_busca_sobre .curso_busca_info p{font-size:10px; line-height:10px; color:#000;} #conteudo #cursos .curso_busca .curso_busca_inscreva_se {padding:6px 0 0 6px;} #conteudo #cursos .curso_busca .curso_busca_inscreva_se a{font-size:10px; font-weight:bold; color:#000; text-decoration:none;} #conteudo #cursos .curso_busca .curso_busca_inscreva_se a:hover{text-decoration:underline;} #conteudo #cursos #navegacao #paginacao {float:left; padding:5px 0 0 3px;} #conteudo #cursos #navegacao #paginacao li {float:left; margin-right:4px;} #conteudo #cursos #navegacao #paginacao li a{background:url(../imagens/navegacao.png) no-repeat; display:block; width:25px; height:27px; color:#666666; text-decoration:none; font-size:11px; text-align:center; padding-top:4px;} #conteudo #cursos #navegacao #paginacao li a:hover{text-decoration:underline;} #conteudo #cursos #navegacao div:nth-of-type(1){float:left; margin-left:7px; margin-top:10px;} #conteudo #cursos #navegacao div:nth-of-type(1) a{font-size:10px; color:#000; text-decoration:none;} #conteudo #cursos #navegacao div:nth-of-type(1) a:hover{text-decoration:underline;} /* BUSCA ///////////////////////////////////////////////////////////////////////*/ /* RODAPÉ ///////////////////////////////////////////////////////////////////////*/ #rodape #newsletter{height:20px; background:url(../imagens/nao-achou-seu-curso.png) no-repeat 2px 29px; padding:29px 0 29px 511px; border-top:1px solid #DDDDDD; margin-top:12px;} #rodape #newsletter #cadastrar{float:right;} #rodape #newsletter #excluir_email{float:right; width:160px; text-align:right; } #rodape #newsletter #cadastrar input{float:left;} #rodape #newsletter #cadastrar #email_newsletter{width:240px; height:13px; padding:3px 4px; font-size:10px; color:#000; background:none; border:1px solid #939393; } #rodape #newsletter #cadastrar #enviar_newsletter{height:19px; width:62px; border:0; background:#000; color:#FFF; font-size:11px; margin-left:3px; text-transform:uppercase;} #rodape #newsletter #excluir_email a{font-size:10px; color:#000; text-decoration:none;} #rodape #newsletter #excluir_email a:hover{text-decoration:underline;} #rodape #ultimos_cursos{height:71px; padding:23px 0 23px 108px; background:url(../imagens/ultimos-cursos-visitados.png) no-repeat 2px 29px; border-top:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD;} #rodape #ultimos_cursos li{float:left; width:272px; height:60px; margin-left:11px; background:url(../imagens/fundo-ultimos-cursos.png) no-repeat; padding:7px 5px;} #rodape #ultimos_cursos li div{float:left; width:93px;} #rodape #ultimos_cursos li h3{float:left; width:160px; margin-left:10px; font-size:12px; line-height:12px; } #rodape #ultimos_cursos li h3 a{text-decoration:none; } #rodape #ultimos_cursos li h3 a:hover{text-decoration:underline;} /* RODAPÉ ///////////////////////////////////////////////////////////////////////*/ /* ESTILOS ///////////////////////////////////////////////////////////////////////*/ a{text-decoration:none;} a:hover, a:focus, a:active{text-decoration:underline;} textarea{font-family:Verdana;} .bold{font-weight:bold;} .italic{font-style:italic;} .left{float:left;} .right{float:right;} .azul{color:#3FA9F5;} .verde{color:#690;} .rosa{color:#EB008B;} .lista_generica{padding:15px 0 15px 20px; } .lista_generica li {padding:0 0 0 10px; background: url(../imagens/list.gif) 0 4px no-repeat; font-size:11px; padding:0 0 10px 12px; margin-top:12px; border-bottom:1px solid #DDD;} .lista_generica li a {color:#EEE; text-decoration:none;} .lista_generica li a:hover, .lista_generica li a:focus, .lista_generica li a:active {color:#FFF; text-decoration:underline; } .espacamento1 p, .espacamento1 img, .espacamento1 h3{padding-bottom:15px!important;} .espacamento1 img{padding-left:15px;} /* ESTILOS ///////////////////////////////////////////////////////////////////////*/ /* RODAPÉ PORTAL ///////////////////////////////////////////////////////////////////////*/ #footer-master{background-color:#222; border-top:5px solid #DDD; margin-top:20px;} #footer-master .fm-wrapper #fm-top #fm-slogan span{color:#EEE;} #footer-master .fm-wrapper #fm-top #fm-slogan p{color:#999;} #footer-master .fm-wrapper #fm-content{border-top:1px solid #333;} #footer-master .fm-wrapper #fm-content .fm-coluna{border-left:1px solid #333;} #footer-master .fm-wrapper #fm-content .fm-coluna span{color:#DDD;} #footer-master .fm-wrapper #fm-content .fm-lista li a{color:#999;} #footer-master .fm-wrapper #fm-content .fm-lista li a:hover{color:#EEE;} #footer-master .fm-wrapper #fm-content .fm-coluna #fm-portal span{color:#CCC;} #footer-master #fm-bottom{background-color:#262626;} #footer-master #fm-bottom .fm-wrapper #fm-direitos{color:#999;} #footer-master #fm-bottom .fm-wrapper #fm-outros li a{color:#999;} #footer-master #fm-bottom .fm-wrapper #fm-outros li a:hover{color:#FFF;} /* RODAPÉ PORTAL ///////////////////////////////////////////////////////////////////////*/ /* CONTATO PORTAL ///////////////////////////////////////////////////////////////////////*/ #contatoCRMSite label{display:block; padding:0 0 10px 0;} #contatoCRMSite label span, #contatoCRMSite label input, #contatoCRMSite label textarea{display:block; } #contatoCRMSite label span{padding:0 0 4px 0; font-size:10px;} #contatoCRMSite label input, #contatoCRMSite label textarea{padding:5px; font-size:12px;} #contatoCRMSite label input{height:15px;} #contatoCRMSite label textarea{height:100px;} #contatoCRMSite #enviaEmailCRMBotaoSubmit{border:0px; padding: 4px 0; width:100px; margin:15px 0 0 0;} #contatoCRMSite{padding:0 0 20px 0;} #contatoCRMSite label input, #contatoCRMSite label textarea{width:480px; border:1px solid #EB008B; color:#AAA; background-color:#222;} #contatoCRMSite #enviaEmailCRMBotaoSubmit{color:#FFFFFF; background-color:#EB008B;} #enviaEmailCRMErros{padding:5px; background-color:#222; margin:0 0 15px 0; width:470px;} #enviaEmailCRMErros .titulo{padding:0 0 5px 0; display:block;} #enviaEmailCRMErros li{font-size:10px; padding:0 0 2px 13px; background: url(../imagens/list.png) no-repeat 3px 3px;} #enviaEmailCRMErros .frase a:hover{text-decoration:underline;} /* CONTATO PORTAL ///////////////////////////////////////////////////////////////////////*/ /* NEWSLETTER ///////////////////////////////////////////////////////////////////////*/ #emailNewsletter{padding:0 0 20px 20px;} #emailNewsletter label{} #emailNewsletter label span, #emailNewsletter label input, #emailNewsletter label textarea{} #emailNewsletter label span{} #emailNewsletter label input, #emailNewsletter label textarea{width:510px; border:1px solid #37B5DB; color:#000; background-color:#D6EBEC;} #emailNewsletter label input{} #emailNewsletter label textarea{} #emailNewsletter #enviaEmailNewsletterBotaoSubmit{color:#FFFFFF; background-color:#EB008B;} #enviaEmailNewsletterErros{padding:10px; border:#900 1px solid; background-color:#EB008B; margin:0 0 15px 20px; width:500px; color:#FFF;} #enviaEmailNewsletterErros .titulo{padding:0 0 5px 0; display:block; font-weight:bold; color:#FFF;} #enviaEmailNewsletterErros li{font-size:10px; padding:0 0 0 13px; } #enviaEmailNewsletterErros .frase a:hover{text-decoration:underline;} /* NEWSLETTER ///////////////////////////////////////////////////////////////////////*/ /* INTERESSE PORTAL ///////////////////////////////////////////////////////////////////////*/ #interesseCRMSite{margin:0 0 20px 20px;} #interesseCRMSite label{display:block; padding:0 0 10px 0;} #interesseCRMSite label span, #interesseCRMSite label input, #interesseCRMSite label textarea{display:block; } #interesseCRMSite label span{padding:0 0 4px 0; font-size:10px;} #interesseCRMSite label input, #interesseCRMSite label textarea{padding:5px; font-size:12px;} #interesseCRMSite label input{height:15px;} #interesseCRMSite label textarea{height:100px;} #interesseCRMSite #enviaInteresseCRMBotaoSubmit{border:0px; padding: 4px 0; width:100px; margin:15px 0 0 0;} #interesseCRMSite{padding:0 0 20px 0;} #interesseCRMSite label input, #interesseCRMSite label textarea{width:600px; border:1px solid #37B5DB; color:#000; background-color:#D6EBEC;} #interesseCRMSite label select{width:610px; border:1px solid #37B5DB; color:#000; background-color:#D6EBEC;} #interesseCRMSite label select option{font-size:12px;} #interesseCRMSite #enviaInteresseCRMBotaoSubmit{color:#FFFFFF; background-color:#EB008B;} #enviaInteresseCRMErros{padding:10px; border:#900 1px solid; background-color:#EB008B; margin:0 0 15px 20px; width:500px; color:#FFF;} #enviaInteresseCRMErros .titulo{padding:0 0 5px 0; display:block; font-weight:bold; color:#FFF;} #enviaInteresseCRMErros li{font-size:10px; padding:0 0 0 13px; } #enviaInteresseCRMErros .frase a:hover{text-decoration:underline;} /* INTERESSE PORTAL ///////////////////////////////////////////////////////////////////////*/ /* DIV QUE ESCURECE A TELA ///////////////////////////////////////////////////////////////*/ #escurece-tela{position: absolute; left: 0; top: 0; background: #FFF; display:none;} #loading-escurece-tela{position: absolute; left: 50%; top:10%; height:-16px; width: -16px;} /* DIV QUE ESCURECE A TELA ///////////////////////////////////////////////////////////////*/