* {margin: 0; padding: 0;} body {background: #efefef url(../img/fundo_site.jpg) repeat-y 50%; text-align: center; } #site, #oprograma,#tpm, #perguntas, #games, #fiquepordentro, #educadores, #dicionario { width: 777px; margin-left: auto; margin-right: auto; text-align:left; height: 500px; } /* ----=> Cima */ #cima { width: 714px; height: 100px; border-bottom: 1px solid #e9e9e9; margin:auto; } #cima .logo_ato { float: left; margin-left: 50px; margin-top: 20px; border: none; } #cima .cima_direita { float: right; margin-right: 30px; margin-top: 40px; } #cima .cima_direita .logo_schering { display: block; margin-bottom: 3px; } #cima .cima_direita .fale { font-family: arial; font-size: 11px; padding-left: 30px; color: #666666; text-decoration: none; } #cima .cima_direita .fale:hover { color: purple; text-decoration: underline; } /* ----=> Menu Principal */ #menu { list-style: none; display:inline; clear: both; font-size: 10px; float: left; width: 720px; margin-left: 30px; } #menu li { float: left; text-indent: -1000em; height: 38px; } #menu li a { cursor: pointer; height: 38px; display: block; } #menu li #item1 { width: 106px; } /* background: url(../img/menu_01_01.jpg); } */ #menu li #item2 { width: 156px; } /* background: url(../img/menu_01_02.jpg); } */ #menu li #item3 { width: 98px; } /* background: url(../img/menu_01_03.jpg); } */ #menu li #item4 { width: 127px; } /* background: url(../img/menu_01_04.jpg); } */ #menu li #item5 { width: 54px; } /* background: url(../img/menu_01_05.jpg); } */ #menu li #item6 { width: 95px; } /* background: url(../img/menu_01_05.jpg); } */ #menu li #item7 { width: 79px; } /* background: url(../img/menu_01_06.jpg); } */ #menu li.item1 { background: url(../img/menu_01_01_new.jpg);} #menu li.item2 { background: url(../img/menu_01_02_new.jpg);} #menu li.item3 { background: url(../img/menu_01_03_new.jpg);} #menu li.item4 { background: url(../img/menu_01_04_new.jpg);} #menu li.item5 { background: url(../img/menu_01_05_new.jpg);} #menu li.item6 { background: url(../img/menu_01_tpm.jpg);} #menu li.item7 { background: url(../img/menu_01_06_new.jpg);} /* ----=> Marcar página ativa */ #oprograma #menu li.item1 { background: white url(../img/menu_01_01_a_new.jpg);} #perguntas #menu li.item2 { background: white url(../img/menu_01_02_a_new.jpg);} #educadores #menu li.item3 { background: white url(../img/menu_01_03_a_new.jpg);} #fiquepordentro #menu li.item4 { background: white url(../img/menu_01_04_a_new.jpg);} #games #menu li.item5 { background: white url(../img/menu_01_05_a_new.jpg);} #tpm #menu li.item6 { background: white url(../img/menu_01_tpm_a.jpg);} #dicionario #menu li.item7 { background: white url(../img/menu_01_06_a_new.jpg);} /* On Mouse Over do MENU: ---------------------- #menu li #item1:hover { background: url(../img/menu_01_01_a.jpg);} #menu li #item2:hover { background: url(../img/menu_01_02_a.jpg);} #menu li #item3:hover { background: url(../img/menu_01_03_a.jpg);} #menu li #item4:hover { background: url(../img/menu_01_04_a.jpg);} #menu li #item5:hover { background: url(../img/menu_01_05_a.jpg);} #menu li #item6:hover { background: url(../img/menu_01_06_a.jpg);} */ /* ----=> Menu Secundário */ #submenu { list-style: none; display:inline; clear: both; font-size: 10px; float: left; width: 707px; margin-left: 35px; text-align: left; font-family: verdana; font-size: 9px; color: #6d6d6d; height: 22px; background: #eeeeee; } #submenu li { float: left; } #submenu li a { height: 13px; display: block; padding-left: 5px; padding-right: 5px; color: #6d6d6d; text-decoration: none; cursor: pointer; } #submenu li a:hover { color: purple; text-decoration: underline; } #submenu li * { text-align: center; } #submenu li #item1 { width: 60px; } #submenu li #item2 { width: 80px; border-left: 1px solid #6d6d6d;} #submenu li #item3 { width: 130px; border-left: 1px solid #6d6d6d;} #submenu li #item4 { width: 130px; border-left: 1px solid #6d6d6d;} #submenu li #item5 { width: 80px; } #submenu li #item6 { width: 80px; border-left: 1px solid #6d6d6d;} #submenu li #item7 { width: 80px; border-left: 1px solid #6d6d6d;} #submenu li #item8 { width: 80px; } #submenu li #item9 { width: 50px; border-left: 1px solid #6d6d6d;} #submenu li #item10 { width: 50px; border-left: 1px solid #6d6d6d;} #submenu li #item11 { width: 100px; } #submenu li #item12 { width: 110px; border-left: 1px solid #6d6d6d;} #submenu li #item13 { width: 110px; border-left: 1px solid #6d6d6d;} #submenu li #item14 { width: 170px; border-left: 1px solid #6d6d6d;} /* ----=> Rodapé */ #baixo { clear: both; width: 708px; margin-left: 30px; font-family: verdana; font-size: 10px; vertical-align: middle; padding-top: 10px; background: #fff;} /* ----=> Rodapé Esquerdo */ #baixo .esquerda { float: left; width: 32%; } #baixo .esquerda .item2 { border-left: 1px solid #6d6d6d; } #baixo .esquerda a { height: 13px; color: #6d6d6d; text-decoration: none; padding-left: 5px; padding-right: 5px; } #baixo .esquerda a:hover { height: 13px; color: purple; text-decoration: underline; padding-left: 5px; padding-right: 5px; } .urtext { font: 8pt arial; color: #6d6d6d; text-decoration: none; } /* ----=> Rodapé meio */ #baixo .meio { float: left; width: 23%; } #baixo .meio a { position: relative; left: 40px; display: block; background: url(../img/logo_schering_menor.gif); width: 93px; height: 36px; text-indent: -900em; margin-left: 0px; } /* ----=> Rodapé Direita */ #baixo .direita { float: left; width: 44%; text-align: right; } #baixo label { color: #6d6d6d; } #baixo .campotexto { width: 100px; height: 15px; font-family: verdana; font-size: 10px; color: #6d6d6d; } .ok { border: none; background: url(../img/botao_ok.gif); width: 29px; height: 17px; text-indent: -500px; overflow: hidden; vertical-align:bottom; } /* ----=> Conteúdo */ #conteudo { clear: both; display: block; margin-top: 10px; margin-left: 35px; text-align: left; width: 708px; height: 300px; background: #eeeeee; font-family: arial; font-size: 10pt; color: #006699; margin-bottom: 10px;} #conteudo p { margin-bottom: 5px;} /* ----=> Home Page */ #site #quadro { width: 719px; height: 252px; } #site #quadro div { float: left; } #site #quadro #quadro_esquerda { width: 140px; margin-left: 5px; } #site #quadro #quadro_meio { width: 365px; text-align: center; } #site #quadro #quadro_direita { width: 150px; margin-right: 5px; } #site #quadro .recado {width: 100%; height: 132px; text-indent: -1000em; display: block; margin-bottom: 15px; margin-top: 8px; } #site #quadro #quadro_esquerda .recado { margin-left: 4px; } #site #quadro #quadro_direita .recado { margin-left: 21px; margin-top: 7px; margin-bottom: 0; } #site #quadro .lista { display: block; text-align: left; padding-left: 24px; width: 100%; height: 21px; } #site #quadro .lista a { font: 11pt "Comic Sans MS"; color: white; text-decoration: none; } #site #quadro .lista a:hover { color: black; background: #ddd; } /* Fotos do painel superior. Menino e Menina */ #site #quadro #quadro_meio ul.fotos, #site #quadro #quadro_meio ul.fotos li { display: block;} #site #quadro #quadro_meio ul.fotos li.meninos { float: left; width: 180px; height: 179px; } #site #quadro #quadro_meio ul.fotos li.meninas { float: left; width: 185px; height: 179px; } #site #quadro #quadro_meio ul.fotos li.meninos a, #site #quadro #quadro_meio ul.fotos li.meninas a { text-indent: -900em; overflow: hidden; height: 179px; display: block; } #site #quadro #quadro_meio ul.fotos li.meninos a { width: 180px; } #site #quadro #quadro_meio ul.fotos li.meninas a { width: 185px; } /* FIM DE Fotos do painel superior. Menino e Menina */ #site #quadro #quadro_meio .previnase { display: block; clear: both; width: 124px; height: 45px; margin-top: 10px; background: url(../img/btn_previnase.gif) no-repeat; /*position: relative; left: -90px;*/ } #site #conteudo { background: url(../img/home_fundo_baixo.jpg) repeat-x; width: 719px; margin-top: 10px; } #site #conteudo h1 { width: 100%; height: 19px; text-indent: -900em; display: block; overflow: hidden; margin-bottom: 10px;} #site #conteudo h1.fiquepordentro { background: url(../img/texteira_fiquepordentro.gif) no-repeat; } #site #conteudo h1.diretoaoponto { background: url(../img/texteira_diretoaoponto.gif) no-repeat; } #site #conteudo h3 { font-family: arial; font-size: 10pt; margin-top: 10px; } #site #conteudo .vejamais { width: 100%; text-align: right; text-decoration: none; color: #006699; background: url(../img/ico_seta.gif) no-repeat 98% 60%; padding-right: 13px; } #site #conteudo .vejamais:hover { color: purple; text-decoration: underline; } #site #conteudo #esquerda { float: left; width: 232px; height: 100%; border-right: 1px dotted #97C1D6; padding-top: 10px; } #site #conteudo #meio { float: left; width: 260px; height: 100%; border-right: 1px dotted #97C1D6; padding-left: 10px; padding-top: 10px; } #site #conteudo #direita { float: left; width: 195px; height: 100%; padding-top: 10px; padding-left: 10px; } #site #conteudo label { display: block; } #site #conteudo #direita label { display: inline; font-size: 8pt; } #site #conteudo #direita * { padding: 0px; margin: 0px; } /* ----=> Enquete - da HOME apenas */ #site #conteudo #direita h1.enquete { text-indent: 0px; font-size: 10pt; font-weight: normal; width: 175px; min-height: 81px; height: auto; background: url(../img/enquete_titulo.gif) no-repeat; padding-left: 10px; padding-right: 20px; padding-top: 50px; padding-bottom: 0px; } #site #conteudo #direita ul.enquete { width: 150px; height: auto; background: url(../img/enquete_fundo.gif) repeat-y; padding-left: 10px; padding-right: 10px; padding-top: 0px; padding-bottom: 0px; } #site #conteudo #direita ul.enquete li { list-style: none; padding-top: 3px; } #site #conteudo #direita a.enquete { width: 177px; height: 30px; background: url(../img/enquete_baixo.gif) no-repeat; display: block; text-indent: -999em; overflow: hidden; } /* ----=> Conteúdo: O Programa */ #oprograma #conteudo { background: #fff; display: block; } #oprograma #conteudo #unico { height: 100%; background: #EDF4F8; width: 700px; padding-left: 3px; padding-right: 3px; border: 1px dashed #a3c8d9; } #oprograma #conteudo #esquerda, #oprograma #conteudo #direita { height: 100%; background: #EDF4F8; width: 345px; padding-left: 3px; padding-right: 3px; } #oprograma #conteudo #esquerda { float: left; border-right: 1px dashed #a3c8d9; } #oprograma #conteudo #direita { float: left; border-left: 1px dashed #a3c8d9; } #oprograma #conteudo h1 { font-family: arial; font-size: 10pt; color: #006699; font-weight: bold; margin-bottom: 5px; } #oprograma #conteudo img.img_content { margin-left: 30px; border: none; } /* ----=> Conteúdo: Perguntas */ #perguntas #conteudo { background: url(../img/perguntas_fundo.jpg) repeat-y; display: block; width: 712px; height: 456px; color: #E6F204; font-size: 8pt; } #perguntas #conteudo #esquerda { float: left; width: 282px; height: 100%; background: url(../img/menina.gif) transparent no-repeat 10% 100%; } #perguntas #conteudo #esquerda #box { width: 228px; height: 282px; padding-left: 10px; padding-top: 5px; background: url(../img/perguntas_box_esquerda.jpg) no-repeat; display: block; margin-left: 15px; margin-top: 10px; } #perguntas #conteudo #esquerda #box h1.diretoaoponto { width: 175px; font-size: 1px; height: 27px; background: url(../img/texteira_diretoaoponto_verde.jpg) no-repeat; text-indent: -900em; overflow: hidden; display: block; } #perguntas #conteudo #esquerda #box h1.busca { width: 175px; font-size: 1px; height: 27px; background: url(../img/texteira_busca.jpg) no-repeat ; text-indent: -900em; overflow: hidden; display: block; } #perguntas #conteudo #esquerda #box a.botaobusca { width: 94px; height: 22px; background: url(../img/botao_busca.gif) no-repeat; text-indent: -900em; overflow: hidden; display: block; margin-left: 50px; margin-top: 20px; } #perguntas #conteudo #esquerda label { display: block; margin-top: 10px; margin-bottom: 7px; } #perguntas #conteudo #esquerda select { width: 200px; } #perguntas #conteudo #direita { float: left; width: 408px; height: 100%; } #perguntas #conteudo #direita .quadro { width: 380px; height: auto; min-height: 80px; margin-left: 10px; display: block; background: #2F762D; color: #fff; padding: 10px; margin-bottom: 5px; } #perguntas #conteudo #direita .quadro p { margin-bottom: 10px; } #perguntas #conteudo #direita .quadro p.pergunta { margin-bottom: 10px; font-weight: bolder; margin-top: 20px; } #perguntas #conteudo #direita h2 { font-size: 14pt; font-weight: normal; padding-left: 30px; margin-top: 10px; margin-bottom: 5px; } #perguntas #conteudo #direita .pagina_atual { font-family: arial; font-size: 10pt; color: #ffffff; font-weight: bold; border-right: 1px solid #2F762D; margin-right: 2px; margin-left: 2px;} #perguntas #conteudo #direita .pagina_outra { font-family: arial; font-size: 10pt; color: #E6F204; font-weight: bold; text-decoration: none; border-right: 1px solid #2F762D; margin-right: 2px; margin-left: 2px;} /* ----=> Conteúdo: TPM */ #tpm #conteudo { background: url(../img/perguntas_fundo.jpg) repeat-y; display: block; width: 712px; height: 456px; color: #E6F204; font-size: 8pt; } #tpm #conteudo #esquerda { float: left; width: 282px; height: 100%; background: url(../img/menina.gif) transparent no-repeat 10% 100%; } #tpm #conteudo #esquerda #box { width: 228px; height: 282px; padding-left: 10px; padding-top: 5px; background: url(../img/perguntas_box_esquerda.jpg) no-repeat; display: block; margin-left: 15px; margin-top: 10px; } #tpm #conteudo #esquerda #box h1.diretoaoponto { width: 175px; font-size: 1px; height: 27px; background: url(../img/texteira_diretoaoponto_verde.jpg) no-repeat; text-indent: -900em; overflow: hidden; display: block; } #tpm #conteudo #esquerda #box h1.busca { width: 175px; font-size: 1px; height: 27px; background: url(../img/texteira_busca.jpg) no-repeat ; text-indent: -900em; overflow: hidden; display: block; } #tpm #conteudo #esquerda #box a.botaobusca { width: 94px; height: 22px; background: url(../img/botao_busca.gif) no-repeat; text-indent: -900em; overflow: hidden; display: block; margin-left: 50px; margin-top: 20px; } #tpm #conteudo #esquerda label { display: block; margin-top: 10px; margin-bottom: 7px; } #tpm #conteudo #esquerda select { width: 200px; } #tpm #conteudo #direita { float: left; width: 408px; height: 100%; } #tpm #conteudo #direita .quadro { width: 380px; height: auto; min-height: 80px; margin-left: 10px; display: block; background: #2F762D; color: #fff; padding: 10px; margin-bottom: 5px; } #tpm #conteudo #direita .quadro p { margin-bottom: 10px; } #tpm #conteudo #direita .quadro p.pergunta { margin-bottom: 10px; font-weight: bolder; margin-top: 20px; } #tpm #conteudo #direita h2 { font-size: 14pt; font-weight: normal; padding-left: 30px; margin-top: 10px; margin-bottom: 5px; } #tpm #conteudo #direita .pagina_atual { font-family: arial; font-size: 10pt; color: #ffffff; font-weight: bold; border-right: 1px solid #2F762D; margin-right: 2px; margin-left: 2px;} #tpm #conteudo #direita .pagina_outra { font-family: arial; font-size: 10pt; color: #E6F204; font-weight: bold; text-decoration: none; border-right: 1px solid #2F762D; margin-right: 2px; margin-left: 2px;} /* ----=> Conteúdo: educadores */ #educadores #conteudo { background: #fff; display: block; } #educadores #conteudo #esquerda, #educadores #conteudo #direita { height: 100%; background: #EDF4F8; width: 345px; padding-left: 3px; padding-right: 3px; } #educadores #conteudo #esquerda { float: left; border-right: 1px dashed #a3c8d9; } #educadores #conteudo #direita { float: left; border-left: 1px dashed #a3c8d9; } #educadores #conteudo h1 { font-family: arial; font-size: 10pt; color: #006699; font-weight: bold; margin-bottom: 5px; } /*#educadores label { display: block; width: 80%; text-align: left; margin-left: 10px; margin-top: 5px; }*/ #educadores #conteudo .campo { font-family: arial; font-size: 10pt; color: #006699; margin-left: 10px; } #educadores #conteudo .campoemail { font-family: arial; font-size: 10pt; color: #006699; } /* Arrumar Cadastro do Educador */ #educadores #conteudo select, #educadores #conteudo input[type=text] { margin-top: 6px; } #educadores #conteudo select { width: 120px; } /* ----=> Conteúdo: fiquepordentro */ #fiquepordentro #conteudo { background: #F9FBFD; display: block; } #fiquepordentro #conteudo div { height: 140px; display: block; float: left; } #fiquepordentro #conteudo #fique_entrevista, #fiquepordentro #conteudo #fique_quiz {border-right: 1px dashed #97C1D6; width: 310px; margin-right: 5px} #fiquepordentro #conteudo #fique_quadro, #fiquepordentro #conteudo #fique_enquete {border-left: 1px dashed #97C1D6; width: 300px; height: 300px;} #fiquepordentro #conteudo #fique_entrevista { background: url(../img/fiquedentro_entrevista.jpg) no-repeat; padding-left: 40px; padding-top: 70px; } #fiquepordentro #conteudo #fique_entrevista span { width: 90%; } #fiquepordentro #conteudo #fique_entrevista .entrevista-titulo { display: block; font-weight: bolder; margin-bottom: 10px; } #fiquepordentro #conteudo #fique_entrevista .entrevista-resumo { display: block; height: 65px; overflow: hidden; margin-bottom: 10px; } #fiquepordentro #conteudo #fique_entrevista a { position: relative; text-decoration: none; font-weight: bolder; color: #006699; } #fiquepordentro #conteudo #fique_entrevista a:hover { text-decoration: underline; color: purple; } #fiquepordentro #conteudo .respostasquiz { list-style: none; } #fiquepordentro #conteudo p.pergunta { font-weight: bolder; margin-top: 10px;} #fiquepordentro #conteudo h2.quiz { font-size: 12pt; font-weight: bolder; } #fiquepordentro #conteudo .erro { font-size: 12pt; color: red; font-weight: bold; } #fiquepordentro #conteudo h3 { font-size: 11pt; margin-bottom: 20px; } #fiquepordentro #conteudo h3 { font-size: 11pt; margin-bottom: 20px; } #fiquepordentro #conteudo #fique_quiz { clear: both; background: url(../img/fiquedentro_quiz.jpg) no-repeat; padding-left: 40px; padding-top: 70px; } #fiquepordentro #conteudo #fique_quiz h1 { font-size: 11pt; font-weight: bolder; text-decoration: none; width: 80%; position: relative; top: 10px; } #fiquepordentro #conteudo #fique_quadro { background: url(../img/fiquedentro.jpg) no-repeat 10px 0%; padding-left: 30px; padding-top: 20px; height: 190px; width: 320px; } #fiquepordentro #conteudo #fique_quadro a { text-decoration: none; font-weight: bolder; color: #006699; padding-right: 10px; display: block; margin-bottom: 5px; } #fiquepordentro #conteudo #fique_quadro a:hover { text-decoration: underline; color: purple; } #fiquepordentro #conteudo #fique_quadro h1 { width: 100%; height: 19px; text-indent: -900em; display: block; overflow: hidden; margin-bottom: 10px;} #fiquepordentro #conteudo #fique_quadro h1.fiquepordentro { background: url(../img/texteira_fiquepordentro.gif) no-repeat; } #fiquepordentro #conteudo #fique_quadro h3 { font-family: arial; font-size: 10pt; margin: 0px; } #fiquepordentro #conteudo #fique_quadro p { margin: 0px; font-size: 8pt; } #fiquepordentro #conteudo #fique_quadro .vejamais { width: 90%; text-align: right; text-decoration: none; color: #006699; background: url(../img/ico_seta.gif) no-repeat 98% 60%; padding-right: 13px; } #fiquepordentro #conteudo #fique_quadro .vejamais:hover { color: purple; text-decoration: underline; } #fiquepordentro #conteudo #fique_enquete { background: url(../img/enquete_meio.jpg) repeat-y; } #fiquepordentro #conteudo #fique_enquete .enquete_cima { display: block; background: url(../img/enquete_cima.jpg) no-repeat; width: 265px; padding-top: 45px; padding-left: 45px; padding-right: 20px; } #fiquepordentro #conteudo #fique_enquete #form_enquete { display: block; padding-left: 40px; padding-top: 15px; } #fiquepordentro #conteudo #fique_enquete .enquete_baixo { display: block; background: url(../img/enquete_baixo.jpg) no-repeat; width: 330px; } /* ----=> Enquete - #fiquepordentro */ #fiquepordentro #conteudo #fique_enquete h1.enquete { font-family: arial; font-size: 10pt; color: #000; font-weight: normal; width: 280px; min-height: 81px; height: auto; padding-left: 10px; padding-right: 10px; } #fiquepordentro #conteudo #fique_enquete ul.enquete { width: 290px; height: auto; padding-left: 10px; padding-right: 10px; padding-bottom: 0px; position: relative; top: -15px; } #fiquepordentro #conteudo #fique_enquete ul.enquete li { list-style: none; padding-top: 3px; position: relative; left: -25px; } #fiquepordentro #conteudo #fique_enquete a.enquete { width: 280px; height: 30px; display: block; text-indent: -999em; overflow: hidden; background: url(../img/enquete_votar.gif) no-repeat 50% 50%; } #fiquepordentro #conteudo #fique_enquete label { font-size: 8pt; } #fiquepordentro #conteudo h1 { font-size: 14pt; margin-bottom: 15px; } #fiquepordentro #conteudo h2 { font-size: 11pt; font-weight: normal; margin-bottom: 10px; } #fiquepordentro #conteudo h3 { font-size: 11pt; margin-bottom: 20px; } #fiquepordentro #conteudo .voltar { text-decoration: none; width: 60%; font-weight: bolder; color: #006699; top: 15px; margin-left: 530px; margin-bottom: 15px; } #fiquepordentro #conteudo .voltar:hover { text-decoration: underline; color: purple; } /* ----=> Conteúdo: Dicionário */ #dicionario #conteudo { background: url(../img/perguntas_fundo.jpg) repeat-y; display: block; width: 712px; height: 456px; color: #E6F204; font-size: 8pt; } #dicionario #conteudo #esquerda { float: left; width: 282px; height: 100%; background: url(../img/menina.gif) transparent no-repeat 10% 100%; } #dicionario #conteudo #esquerda #box { width: 228px; height: 282px; padding-left: 10px; padding-top: 5px; background: url(../img/perguntas_box_esquerda.jpg) no-repeat; display: block; margin-left: 15px; margin-top: 10px; } #dicionario #conteudo #esquerda #box h1.busca { width: 175px; font-size: 1px; height: 27px; background: url(../img/texteira_busca.jpg) no-repeat ; text-indent: -900em; overflow: hidden; display: block; } #dicionario #conteudo #esquerda #box a.botaobusca { width: 94px; height: 22px; background: url(../img/botao_busca.gif) no-repeat; text-indent: -900em; overflow: hidden; display: block; margin-left: 50px; margin-top: 20px; } #dicionario #conteudo #esquerda #box .letra { color: #fff; } #dicionario #conteudo #esquerda label { display: block; margin-top: 10px; margin-bottom: 7px; } #dicionario #conteudo #direita { float: left; width: 408px; height: 100%; } #dicionario #conteudo #direita .quadro { width: 380px; height: auto; min-height: 80px; margin-left: 10px; display: block; background: #2F762D; color: #fff; padding: 10px; margin-bottom: 5px; } #dicionario #conteudo #direita .quadro p { margin-bottom: 10px; } #dicionario #conteudo #direita .quadro p.pergunta { margin-bottom: 10px; font-weight: bolder; margin-top: 20px; } #dicionario #conteudo #direita h2 { font-size: 14pt; font-weight: normal; padding-left: 30px; margin-top: 10px; margin-bottom: 5px; } a.pergunta { font: 1.2em arial; color: #fff; } .contentjairo { font: 1.2em arial; color: #fff; } a.voltar { font-weight: bolder; color: #fff; margin-top: 25px; } body.indique { background: url(../img/bg_indique.gif) no-repeat; } #indique { width: 265px; margin:0; padding:0; margin-top: 105px; } #indique label { display: block; font: 8pt arial; margin-left: 20px; } #indique input.texto { border: 1px solid #97C1D6; width: 220px; height: 15px; margin-left: 20px; } label.cores { font: normal 10px arial; } ul.cores { list-style-type: none; display: inline; } ul.cores li { display: inline; } ul.cores li a { border:0; width: 16px; height: 16px; } ul.cores li a img { margin-top: 5px; vertical-align: middle; } .link_video { color: #E6F204; } /* .link_video:visited, .link_video:active { color: #99A003; } */ ol.numerada { list-style-type: decimal; } ol.numerada li { margin-left: 35px; }