/* Cliente: Aldeias Infantis Projeto: Redesenho */ /* -------------- PALETA DE CORES -------------- #818181 - textos corridos #00b2f2 - titulos e subtitulos #e74863 - botoes e links #79c975 - verde #fc8703 - laranja */ /* -------------- ELEMENTOS e CLASSES -------------- */ /* ------- GERAL ------- */ * { margin: 0; padding: 0; } /* reseta todas as margens, paddings e define o nível das camadas do site */ .direita { float: right; } .esquerda { float: left; } p.direita, p.esquerda { float: none; } p.direita { text-align: right; } p.esquerda { text-align: left; } .centro { text-align: center; } /* contendo float */ .contemfloat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .contemfloat { display: inline-block; } /* Hides from IE-mac \*/ * .contemfloat { height: 1%; } .contemfloat { display: block; } /* End hide from IE-mac */ html { font-family: Arial, sans-serif; font-size: 100%; } html body { background: #fff; font-size: 0.68em; color: #818181; behavior: url(css/csshover2.htc); } /* inclui efeito :hover, :active e :focus para Internet Explorer 6 */ html body #limites { position: relative; padding: 20px 0 0 10px; width: 940px; margin: 0 auto; } a img { border: 0; } /* titulos */ h1 { margin-bottom: 15px; font-size: 2.36em; color: #00b2f2; } h3 { margin-bottom: 15px; font-size: 2.36em; color: #3fc8f4; } h3 a { text-decoration: none; color: #3fc8f4; } h3 a:hover { text-decoration: underline; } h2 { width: 194px; height: 65px; margin-bottom: 20px; background: url(../imagens/topo_logo.gif) no-repeat; overflow: hidden; text-indent: -999em; } h2 a { display: block; height: 100%; } h4 { margin-bottom: 5px; font-size: 1.45em; color: #00b2f2; } h4 a { text-decoration: none; color: #00b2f2; } h4 a:hover { text-decoration: underline; } /* botoes */ .botao { display: inline-block; padding-left: 14px; height: 14px; background-position: left top; background-repeat: no-repeat; line-height: 14px; text-decoration: none; color: #fff; } .botao strong { display: inline-block; padding-right: 14px; height: 14px; background-position: right top; background-repeat: no-repeat; font-weight: normal; line-height: 14px; color: #fff; } .botao.vermelho { background-image: url(../imagens/botao_vermelho_esquerda.gif); } .botao.vermelho strong { background-image: url(../imagens/botao_vermelho_direita.gif); } .botao:hover { background-position: left bottom; } .botao:hover strong { background-position: right bottom; cursor: pointer; } .botao_grande { display: inline-block; width: 186px; height: 32px; background: url(../imagens/botao_vermelho_grande.png) left top no-repeat; font: 14px/32px Arial, sans-serif; text-align: center; text-decoration: none; color: #fff; } .botao_grande:hover { background-position: left bottom; } /* formulario */ form fieldset { border: 0; } form fieldset ol { list-style: none; } form fieldset ol li label { float: left; } form fieldset ol li label input { border: 0; } form button { border: 0; cursor: pointer; } /* img com moldura */ img.moldura { padding: 7px; background: url(../imagens/imagem_moldura.gif) no-repeat; } /* ------- POPUP ------- */ .popup { position: absolute; top: 50%; left: 50%; margin: -175px 0 0 -190px; padding: 10px; background: #fff; z-index: 999; } .popup .cabecalho { width: 380px; } .pelicula { display: none; position: absolute; z-index: 998; top: 0; left: 0; width: 100%; background: #000; } .popup h3 { height: 25px; margin-bottom: 0; background: #fc8703; font: bold 1.09em/25px Arial, sans-serif; text-transform: uppercase; text-align: center; color: #fff; } .popup a.fechar { display: block; width: 29px; height: 25px; background: url(../imagens/popup_fechar_laranja.gif) no-repeat; text-indent: -999em; overflow: hidden; } .popup p.centro { margin-top: 10px; } .popup p.centro a { color: #eb3655; } /*------ TOPO ------*/ #limites .topo { margin-bottom: 15px; } #limites .topo .banner a { display: block; width: 939px; height: 251px; background: url(../imagens/banner_home_topo.jpg) no-repeat; text-indent: -999em; overflow: hidden; } /*------ CONTEUDO ------*/ #limites .conteudo .coluna1 { float: left; width: 175px; } #limites .conteudo .coluna2 { margin-left: 195px; } /*------ COLUNA1 ------*/ #limites .conteudo .coluna1 ul.menu { margin-bottom: 50px; list-style: none; } #limites .conteudo .coluna1 ul.menu li { padding-top: 1px; background: url(../imagens/menu_lateral_item_bg.gif) top repeat-x; } #limites .conteudo .coluna1 ul.menu li.primeiro { padding: 0; background: transparent; } #limites .conteudo .coluna1 ul.menu li a.secao { display: block; height: 35px; padding-left: 35px; background: #00b2f2; line-height: 35px; text-transform: uppercase; text-decoration: none; color: #fff; } #limites .conteudo .coluna1 ul.menu li a.secao:hover, #limites .conteudo .coluna1 ul.menu li.ativo a.secao { background: url(../imagens/menu_lateral_ativo.gif) #008ec8 15px center no-repeat; } /* submenu */ #limites .conteudo .coluna1 ul.menu li ul.submenu { display: none; width: 175px; background: #fff; list-style: none; } #limites .conteudo .coluna1 ul.menu li.ativo ul.submenu { display: block; } #limites .conteudo .coluna1 ul.menu li ul.submenu li { height: 22px; padding: 0; background: transparent; font: normal 1.09em/22px Arial, sans-serif; text-indent: 10px; } #limites .conteudo .coluna1 ul.menu li ul.submenu li a { display: block; height: 22px; background: #e3e3e3; text-decoration: none; color: #0a84b0; } #limites .conteudo .coluna1 ul.menu li ul.submenu li a:hover { background: #00b7f4; color: #fff; } /*------ RODAPE ------*/ #limites .rodape { clear: both; margin: 65px 0 20px 0; } #limites .rodape address { height: 23px; padding-top: 10px; background: #3fc8f4; font-style: normal; text-align: center; color: #fff; } #limites .rodape address em { font-style: normal; } #limites .rodape p.copyright { margin-top: 8px; text-align: center; } #limites .rodape p.copyright em { font-style: normal; } /*------ HOME ------*/ /* destaques */ #limites.home .conteudo .coluna2 .destaques { height: 240px; margin-bottom: 40px; } #limites.home .conteudo .coluna2 .destaques dl { position: relative; float: left; width: 230px; margin-left: 20px; } * html #limites.home .conteudo .coluna2 .destaques dl { margin-left: 19px; } #limites.home .conteudo .coluna2 .destaques dl.video { margin: 0; } #limites.home .conteudo .coluna2 .destaques dl dt { padding: 5px; font: bold 1.09em Arial, sans-serif; text-transform: uppercase; text-align: center; color: #fff; } #limites.home .conteudo .coluna2 .destaques dl dt a { color: #fff; text-decoration: none; } #limites.home .conteudo .coluna2 .destaques dl dt a:hover { text-decoration: underline; } #limites.home .conteudo .coluna2 .destaques dl.video dt { background: #fc8703; } #limites.home .conteudo .coluna2 .destaques dl.abrangencia dt { background: #71cf6c; } #limites.home .conteudo .coluna2 .destaques dl.embaixadores dt { background: #eb3655; } #limites.home .conteudo .coluna2 .destaques dl dd { height: 210px; padding-top: 8px; border: 5px #e9e9e9 solid; font-size: 1.27em; text-align: center; } #limites.home .conteudo .coluna2 .destaques dl dd a { text-decoration: none; } #limites.home .conteudo .coluna2 .destaques dl dd a:hover { text-decoration: underline; } #limites.home .conteudo .coluna2 .destaques dl dd p { margin: 0 9px; line-height: 21px; text-align: left; } #limites.home .conteudo .coluna2 .destaques dl.video dd { color: #fc8703; } #limites.home .conteudo .coluna2 .destaques dl.video dd a { color: #fc8703; } #limites.home .conteudo .coluna2 .destaques dl.abrangencia dd { color: #71cf6c; } #limites.home .conteudo .coluna2 .destaques dl.abrangencia dd a { color: #71cf6c; } #limites.home .conteudo .coluna2 .destaques dl.embaixadores dd { color: #eb3655; } #limites.home .conteudo .coluna2 .destaques dl.embaixadores dd a { color: #eb3655; } #limites.home .conteudo .coluna2 .destaques dl a.mais { margin: 4px 0 0 201px; display: block; background-image: url(../imagens/destaques_link_mais.png); background-repeat: no-repeat; overflow: hidden; text-indent: -999em; } #limites.home .conteudo .coluna2 .destaques dl.video a.mais { background-position: left 0; } #limites.home .conteudo .coluna2 .destaques dl.abrangencia a.mais { background-position: left -17px; } #limites.home .conteudo .coluna2 .destaques dl.embaixadores a.mais { background-position: left -34px; } /* imprensa - noticias e press */ #limites.home .conteudo .coluna2 .imprensa { float: left; width: 480px; } /* noticias */ #limites.home .conteudo .coluna2 .imprensa .noticias ul { list-style: none; } #limites.home .conteudo .coluna2 .imprensa .noticias ul li { display: inline-block; height: 95px; margin-bottom: 20px; padding-top: 20px; background: url(../imagens/home_noticias_item_bg.gif) top repeat-x; overflow: hidden; } #limites.home .conteudo .coluna2 .imprensa .noticias ul li.primeiro { padding-top: 0; background: transparent; } #limites.home .conteudo .coluna2 .imprensa .noticias ul li .foto { float: left; } #limites.home .conteudo .coluna2 .imprensa .noticias ul li .texto { margin-left: 130px; } #limites.home .conteudo .coluna2 .imprensa .noticias ul li .texto p { height: 55px; line-height: 15px; } #limites.home .conteudo .coluna2 .imprensa .noticias ul li a.mais { margin-left: 15px; color: #eb3655; } #limites.home .conteudo .coluna2 .imprensa .noticias ul li a.mais:hover { color: #cc1231; } /* publicacoes */ #limites.home .conteudo .coluna2 .imprensa .publicacoes ul { list-style: none; } #limites.home .conteudo .coluna2 .imprensa .publicacoes ul li { height: 70px; padding: 10px; background: #e9f8fc; } #limites.home .conteudo .coluna2 .imprensa .publicacoes ul li .foto { float: left; } #limites.home .conteudo .coluna2 .imprensa .publicacoes ul li .texto { margin-left: 75px; } #limites.home .conteudo .coluna2 .imprensa .publicacoes ul li .texto p { margin-bottom: 5px; } /* newsletter */ #limites.home .conteudo .coluna2 .coluna3 { margin-left: 500px; } #limites.home .conteudo .coluna2 .coluna3 form { padding: 15px 25px; background: #eeeeee; } #limites.home .conteudo .coluna2 .coluna3 form fieldset legend { font-size: 2.36em; } #limites.home .conteudo .coluna2 .coluna3 form fieldset legend a { text-decoration: none; color: #00b2f2; } #limites.home .conteudo .coluna2 .coluna3 form fieldset legend a:hover { text-decoration: underline; } #limites.home .conteudo .coluna2 .coluna3 form fieldset p { font-size: 1.27em; color: #888888; } #limites.home .conteudo .coluna2 .coluna3 form fieldset ol { margin-top: 10px; } #limites.home .conteudo .coluna2 .coluna3 form fieldset ol li { margin-bottom: 20px; } #limites.home .conteudo .coluna2 .coluna3 form fieldset ol li.email { margin-bottom: 10px; } #limites.home .conteudo .coluna2 .coluna3 form fieldset ol li label { float: none; display: block; margin-bottom: 5px; font-size: 1.09em; color: #00b2f2; } #limites.home .conteudo .coluna2 .coluna3 form fieldset ol li input { width: 175px; } #limites.home .conteudo .coluna2 .coluna3 form button { display: block; margin: 0 auto; width: 125px; height: 20px; background: url(../imagens/newsletter_botao.gif) top left no-repeat; font-weight: bold; line-height: 20px; color: #fff; } #limites.home .conteudo .coluna2 .coluna3 form button:hover { background-position: bottom left; } /* parceiros */ #limites.home .conteudo .coluna2 .coluna3 .parceiros { margin-top: 40px; } #limites.home .conteudo .coluna2 .coluna3 .parceiros ul { list-style: none; } #limites.home .conteudo .coluna2 .coluna3 .parceiros ul li { float: left; width: 100px; height: 45px; margin-bottom: 15px; } /*------ COLABORE ------*/ #limites.colabore .topo .banner { position: relative; width: 939px; height: 251px; background: url(../imagens/banner_colabore_topo.jpg) no-repeat; } #limites.colabore .topo .banner1 { position: relative; width: 939px; height: 251px; background: url(../imagens/banner_colabore_topo_1.jpg) no-repeat; } #limites.colabore .topo .banner2 { position: relative; width: 939px; height: 251px; background: url(../imagens/banner_colabore_topo_2.jpg) no-repeat; } #limites.colabore .topo .banner3 { position: relative; width: 939px; height: 251px; background: url(../imagens/banner_colabore_topo_3.jpg) no-repeat; } #limites.colabore .topo .banner4 { position: relative; width: 939px; height: 251px; background: url(../imagens/banner_colabore_topo_4.jpg) no-repeat; } #limites.colabore .topo .banner p { position: absolute; text-indent: -999em; overflow: hidden; } #limites.colabore .conteudo .coluna2 form fieldset { margin-bottom: 20px; } #limites.colabore .conteudo .coluna2 form fieldset select, #limites.colabore .conteudo .coluna2 form fieldset input { font-size: 1em; } #limites.colabore .conteudo .coluna2 .passo2 .selo_seguranca { margin-top: 200px; } #limites.colabore .conteudo .coluna2 .selo_seguranca img { display: inline; width: 92px; height: 48px; } /* erros */ #limites.colabore .conteudo .coluna2 .erros { display: none; width: auto; margin-bottom: 15px; padding: 15px 20px; background: #eaeaea; } #limites.colabore .conteudo .coluna2 .erros.ativo { display: block; } #limites.colabore .conteudo .coluna2 .erros ul { list-style: none; } #limites.colabore .conteudo .coluna2 .erros ul li { padding-left: 10px; background: url(../imagens/erro_marcador.gif) left no-repeat; color: #e74863; } #limites.colabore .conteudo .coluna2 .erros p { margin-top: 15px; color: #626262; } /* introducao */ #limites.colabore .conteudo .coluna2 .introducao p { font-size: 1.09em; line-height: 17px; color: #888888; } #limites.colabore .conteudo .coluna2 .introducao p.sim { margin: 15px 0 25px; padding-left: 20px; background: url(../imagens/colabore_intro_sim.gif) left no-repeat; font-size: 1.45em; } #limites.colabore .conteudo .coluna2 form p.obs { margin-bottom: 5px; color: #ef2344; } #limites.colabore .conteudo .coluna2 form fieldset .caixa { padding: 10px; border-style: solid; border-color: #eaeaea; border-width: 0 5px 5px 5px; } #limites.colabore .conteudo .coluna2 form fieldset ol li ol { padding: 0; border: 0; } #limites.colabore .conteudo .coluna2 form fieldset h4 { display: block; margin-bottom: 0; padding: 10px 15px 5px; background: #3fc8f4; font-size: 1.81em; color: #fff; } /* passo1 */ #limites.colabore .conteudo .coluna2 form fieldset.passo1 p strong { margin-left: 15px; font-size: 1.45em; color: #626262; } #limites.colabore .conteudo .coluna2 form fieldset.passo1 ul.radios { height: auto; margin-top: 10px; padding: 0 5px; background: #eaeaea; list-style: none; } #limites.colabore .conteudo .coluna2 form fieldset.passo1 ul.radios li { display: inline; margin-right: 30px; line-height: 29px; } #limites.colabore .conteudo .coluna2 form fieldset.passo1 ul.radios li label { float: none; font-size: 1.27em; color: #888888; } #limites.colabore .conteudo .coluna2 form fieldset.passo1 ul.radios li input { vertical-align: middle; } #limites.colabore .conteudo .coluna2 form fieldset.passo1 ul.radios li.valor { position: relative; } #limites.colabore .conteudo .coluna2 form fieldset.passo1 ul.radios li input.valor_especifico { width: 100px; font-size: 1em; } #limites.colabore .conteudo .coluna2 form fieldset.passo1 ul.radios li.valor .aviso { position: absolute; top: 17px; left: 0; color: #000; } #limites.colabore .conteudo .coluna2 form fieldset.passo1 ol li.mensal { clear: both; margin-top: 15px; } #limites.colabore .conteudo .coluna2 form fieldset.passo1 ol li.mensal label { font-size: 1.27em; color: #888888; } #limites.colabore .conteudo .coluna2 form fieldset.passo1 ol li.mensal select { width: 105px; margin-left: 10px; } /* passo2 */ #limites.colabore .conteudo .coluna2 form fieldset.passo2 .caixa { height: 280px; } #limites.colabore .conteudo .coluna2 form fieldset ul.radios { position: relative; padding: 5px 0 5px 10px; background: #eaeaea; list-style: none; } #limites.colabore .conteudo .coluna2 form fieldset ul.radios li.opcao { display: inline; } #limites.colabore .conteudo .coluna2 form fieldset ul.radios li.opcao .detalhes { position: absolute; top: 30px; left: 15px; width: 476px; background-color: #e6eff2; } #limites.colabore .conteudo .coluna2 form fieldset ul.radios li.opcao label.titulo { margin-right: 14px; font-size: 1.27em; color: #888888; } /* opcao cartao credito */ #limites.colabore .conteudo .coluna2 form fieldset.passo2 ul.radios li.opcao .cartao_credito { padding: 17px 0 0 25px; background-image: url(../imagens/colabore_opcao_cartao_bg.gif); background-repeat: no-repeat; background-position: left top; } #limites.colabore .conteudo .coluna2 form fieldset.passo2 ul.radios li.opcao .cartao_credito ol li { margin-bottom: 20px; } #limites.colabore .conteudo .coluna2 form fieldset.passo2 ul.radios li.opcao .cartao_credito ol li label { float: none; display: block; margin-bottom: 5px; font-size: 1.27em; color: #6b6b6b; } #limites.colabore .conteudo .coluna2 form fieldset.passo2 ul.radios li.opcao .cartao_credito ol li input { width: 85px; margin-right: 5px; } #limites.colabore .conteudo .coluna2 form fieldset.passo2 ul.radios li.opcao .cartao_credito ol li input.numero { width: 185px; } #limites.colabore .conteudo .coluna2 form fieldset.passo2 ul.radios li.opcao .cartao_credito ol li.cartoes { height: 35px; margin-bottom: 15px; } #limites.colabore .conteudo .coluna2 form fieldset.passo2 ul.radios li.opcao .cartao_credito ol li.cartoes ul { list-style: none; } #limites.colabore .conteudo .coluna2 form fieldset.passo2 ul.radios li.opcao .cartao_credito ol li.cartoes ul li { display: inline; margin-right: 20px; } #limites.colabore .conteudo .coluna2 form fieldset.passo2 ul.radios li.opcao .cartao_credito ol li.cartoes ul li label { display: inline; } #limites.colabore .conteudo .coluna2 form fieldset.passo2 ul.radios li.opcao .cartao_credito ol li.cartoes ul li input { width: auto; } #limites.colabore .conteudo .coluna2 form fieldset.passo2 ul.radios li.opcao .cartao_credito ol li.codigo_seguranca { position: relative; } #limites.colabore .conteudo .coluna2 form fieldset.passo2 ul.radios li.opcao .cartao_credito ol li.codigo_seguranca a.tooltip { text-decoration: none; color: #888888; } #limites.colabore .conteudo .coluna2 form fieldset.passo2 ul.radios li.opcao .cartao_credito ol li.codigo_seguranca div.tooltip { position: absolute; top: -100px; left: 190px; width: 361px; background: #d8d8d8; } #limites.colabore .conteudo .coluna2 form fieldset.passo2 ul.radios li.opcao .cartao_credito ol li.codigo_seguranca div.tooltip h5 { float: left; width: 333px; height: 26px; background: #aeaeae; font-size: 1.18em; line-height: 26px; text-transform: uppercase; text-align: center; color: #fff; } * html #limites.colabore .conteudo .coluna2 form fieldset.passo2 ul.radios li.opcao .cartao_credito ol li.codigo_seguranca div.tooltip h5 { width: 330px; } #limites.colabore .conteudo .coluna2 form fieldset.passo2 ul.radios li.opcao .cartao_credito ol li.codigo_seguranca div.tooltip a.fechar { display: block; width: 28px; height: 26px; background: url(../imagens/tooltip_fechar.gif) no-repeat; overflow: hidden; text-indent: -999em; } #limites.colabore .conteudo .coluna2 form fieldset.passo2 ul.radios li.opcao .cartao_credito ol li.codigo_seguranca div.tooltip p { margin-top: 10px; padding: 10px 20px 20px 175px; background: url(../imagens/tooltip_cartao_seguranca.gif) 23px center no-repeat; font-size: 1.09em; color: #000; } #limites.colabore .conteudo .coluna2 form fieldset.passo2 ul.radios li.opcao .cartao_credito ol li.codigo_seguranca div.tooltip.amex p { background: url(../imagens/tooltip_cartao_amex.gif) 23px center no-repeat; } /* opcao debito */ #limites.colabore .conteudo .coluna2 form fieldset.passo2 ul.radios li.opcao.debito .detalhes { margin-top: 6px; padding: 17px 0 0 25px; background-image: url(../imagens/colabore_opcao_debito_bg.gif); background-repeat: no-repeat; background-position: left top; } #limites.colabore .conteudo .coluna2 form fieldset.passo2 ul.radios li.opcao.debito .detalhes ol li.bancos { display: block; } #limites.colabore .conteudo .coluna2 form fieldset.passo2 ul.radios li.opcao.debito .detalhes ol li.bancos ul { list-style: none; } #limites.colabore .conteudo .coluna2 form fieldset.passo2 ul.radios li.opcao.debito .detalhes ol li.bancos ul li { display: inline; margin-right: 65px; } #limites.colabore .conteudo .coluna2 form fieldset.passo2 ul.radios li.opcao.debito .detalhes ol li.bancos ul li label { display: inline; font-size: 1.27em; } #limites.colabore .conteudo .coluna2 form fieldset.passo2 ul.radios li.opcao.debito .detalhes ol li.bancos ul li input { width: auto; margin-right: 5px; vertical-align: middle; } #limites.colabore .conteudo .coluna2 form fieldset.passo2 ul.radios li.opcao.debito .detalhes ol li { margin-bottom: 17px; } #limites.colabore .conteudo .coluna2 form fieldset.passo2 ul.radios li.opcao.debito .detalhes ol li label { float: none; display: block; margin-bottom: 3px; font-size: 1.27em; } #limites.colabore .conteudo .coluna2 form fieldset.passo2 ul.radios li.opcao.debito .detalhes ol li input { width: 85px; } #limites.colabore .conteudo .coluna2 form fieldset.passo2 ul.radios li.opcao.debito .detalhes ol li input.digito { width: 35px; } /* passo3 */ #limites.colabore .conteudo .coluna2 form fieldset.passo3 ol { margin-bottom: 20px; } #limites.colabore .conteudo .coluna2 form fieldset.passo3 ol li ul.genero { display: block; height: 35px; padding-left: 15px; background: #eaeaea; line-height: 35px; list-style: none; } #limites.colabore .conteudo .coluna2 form fieldset.passo3 ol li ul.genero li { display: inline; margin-right: 45px; } #limites.colabore .conteudo .coluna2 form fieldset.passo3 ol li ul.genero li label { display: inline; } #limites.colabore .conteudo .coluna2 form fieldset.passo3 ol li ul.genero li input { width: auto; } #limites.colabore .conteudo .coluna2 form fieldset.passo3 ol li { margin-bottom: 20px; } #limites.colabore .conteudo .coluna2 form fieldset.passo3 ol li label { float: none; display: block; margin-bottom: 5px; font-size: 1.27em; color: #888888; } #limites.colabore .conteudo .coluna2 form fieldset.passo3 ol li input { width: 400px; } #limites.colabore .conteudo .coluna2 form fieldset.passo3 ol li.cep input { width: 160px; } #limites.colabore .conteudo .coluna2 form fieldset.passo3 ol li.cep a { color: #e74863; } #limites.colabore .conteudo .coluna2 form fieldset.passo3 ol li.endereco { float: left; width: 415px; } #limites.colabore .conteudo .coluna2 form fieldset.passo3 ol li.numero input { width: 75px; } #limites.colabore .conteudo .coluna2 form fieldset.passo3 ol li.complemento { float: left; width: 150px; margin-right: 25px; } #limites.colabore .conteudo .coluna2 form fieldset.passo3 ol li.complemento input { width: 140px; margin-right: 25px; } #limites.colabore .conteudo .coluna2 form fieldset.passo3 ol li.bairro input { width: 140px; } #limites.colabore .conteudo .coluna2 form fieldset.passo3 ol li.cidade { float: left; width: 220px; margin-right: 45px; } #limites.colabore .conteudo .coluna2 form fieldset.passo3 ol li.cidade input { width: 218px; } #limites.colabore .conteudo .coluna2 form fieldset.passo3 ol li.estado select { width: 135px; } #limites.colabore .conteudo .coluna2 form fieldset.passo3 ol li.tel { float: left; width: 230px; } #limites.colabore .conteudo .coluna2 form fieldset.passo3 ol li.tel input { width: 95px; } #limites.colabore .conteudo .coluna2 form fieldset.passo3 ol li.celular input { width: 95px; } #limites.colabore .conteudo .coluna2 form fieldset.passo3 ol li.celular label em { font-style: normal; font-size: 10px; } #limites.colabore .conteudo .coluna2 form fieldset.passo3 ol li input.ddd { width: 45px; } #limites.colabore .conteudo .coluna2 form fieldset.passo3 ol li.conheceu p { font-size: 1.45em; margin-bottom: 10px; } #limites.colabore .conteudo .coluna2 form fieldset.passo3 ol li.conheceu p em { font-size: 10px; font-style: normal; } #limites.colabore .conteudo .coluna2 form fieldset.passo3 ol li.conheceu ul { width: 460px; list-style: none; } /* #limites.colabore .conteudo .coluna2 form fieldset.passo3 ol li.conheceu ul li { float: left; margin-right: 30px; } */ #limites.colabore .conteudo .coluna2 form fieldset.passo3 ol li.conheceu ul li { margin-bottom: 5px; } #limites.colabore .conteudo .coluna2 form fieldset.passo3 ol li.conheceu ul li label { float: none; display: inline; } #limites.colabore .conteudo .coluna2 form fieldset.passo3 ol li.conheceu ul li input { width: auto; margin-right: 5px; } #limites.colabore .conteudo .coluna2 form fieldset.passo3 ol li.conheceu ul li.midia { width: 88px; margin-right: 0; } #limites.colabore .conteudo .coluna2 form button.confirmar:hover { cursor: pointer; } #limites.colabore .conteudo .coluna2 .termos { padding: 20px 15px 15px; background: #eaeaea; } #limites.colabore .conteudo .coluna2 .termos p { margin-bottom: 15px; } #limites.colabore .conteudo .coluna2 .termos p a { color: #e74863; } /*------ COLABORE - INDIQUE AMIGOS ------*/ #limites.indique .conteudo .coluna2 .introducao p { font-size: 1.09em; line-height: 20px; } #limites.indique .conteudo .coluna2 .introducao .pedido { margin-top: 30px; } #limites.indique .conteudo .coluna2 .introducao .pedido strong { display: block; line-height: auto; font-size: 1.45em; } #limites.indique .conteudo .coluna2 form { width: 650px; margin: 15px 0; padding: 30px 0 30px 30px; background: #f6f6f6; } #limites.indique .conteudo .coluna2 form fieldset ol li.amigo { height: 47px; margin-bottom: 20px; } #limites.indique .conteudo .coluna2 form fieldset ol li.amigo label { float: none; display: block; margin-bottom: 5px; font: bold 1.27em Arial, sans-serif; color: #00b2f2; } #limites.indique .conteudo .coluna2 form fieldset ol li.amigo input { width: 280px; } #limites.indique .conteudo .coluna2 form fieldset ol li ul { list-style: none; } #limites.indique .conteudo .coluna2 form fieldset ol li ul li { float: left; margin-right: 40px; } #limites.indique .conteudo .coluna2 form fieldset button { margin-right: 43px; text-transform: uppercase; } /* mensagem de sucesso */ #limites.indique .conteudo .coluna2 form fieldset.mensagem { height: 180px; padding-top: 145px; } #limites.indique .conteudo .coluna2 form fieldset.mensagem p strong { display: block; font-size: 1.45em; text-align: center; color: #00b2f2; } #limites.indique .conteudo .coluna2 form fieldset.mensagem ul { margin-top: 30px; list-style: none; text-align: center; } #limites.indique .conteudo .coluna2 form fieldset.mensagem ul li { display: inline; } #limites.indique .conteudo .coluna2 form fieldset.mensagem ul li a.botao_grande { margin-right: 23px; color: #fff; } #limites.indique .conteudo .coluna2 form fieldset.mensagem ul li a { font-size: 1.27em; color: #e74863; } /*--- Divulgacao Redes Sociais ---*/ #limites .conteudo .coluna2 .divulgacao { clear: both; padding-top: 20px; } #limites .conteudo .coluna2 .divulgacao p { font-size: 1.27em; line-height: 20px; } #limites .conteudo .coluna2 .divulgacao p strong { font-size: 16px; color: #00b2f2; } #limites .conteudo .coluna2 .divulgacao ul { margin-top: 50px; list-style: none; } #limites .conteudo .coluna2 .divulgacao ul li { display: inline; margin-right: 25px; }