body { margin:0 auto; background:#f3f4ee url(../img/background.gif) no-repeat center top ; font-size:11px; color:#777777; font-family:Arial, Helvetica, sans-serif; line-height:148%;} #header_banner { margin:0 auto; width:960px; height:408px;} p { margin:19px 0 15px 0} a:link { text-decoration:none; color:#777777; font-size:11px; } a:visited { text-decoration:none; color:#777777; font-size:11px; } a:hover { text-decoration:underline; color:#777777; font-size:11px; } /*-------------------------------------------------------------------------------------- FOOTER --------------------------------------------------------------------------------------*/ #footer { margin:0 auto; background:url(../img/bg_footer.gif) no-repeat bottom; width:960px; height:100px; padding:42px 0 0 0; margin-top:10px;} #link_footer { float:right; width:450px; margin:15px 0 0 0; top:0; } a.footer:link, a.footer:visited { text-decoration:none; color:#4595c6; font-size:10px; color:#939393;} a.footer:hover { text-decoration:underline; color:#4595c6; font-size:10px; color:#939393;} /*-------------------------------------------------------------------------------------- HOME --------------------------------------------------------------------------------------*/ #home { margin:0 auto; width:960px; height:525px;} #home_content { margin:0 auto; width:960px; height:340px; float:left; background:#006666;} #home_empresa { float:left; width:299px; height:510px; padding-left:10px; } #home_acredit { float:left; width:290px; height:340px; padding-left:40px;} #home_negocio { float:left; width:270px; height:340px; padding-left:50px;} #home_acredit ul:hover, #col_negocio ul:hover { text-decoration:underline!important; } #home_acredit ul, #col_negocio ul { margin:15px 0;} #home_acredit ul.subnivel, #col_negocio ul.subnivel { margin:0 0 0 20px; } #home_acredit li, #col_negocio li { margin:0 0 0 10px;} /*------------------------------------------------------------------------------------ NEGOCIO --------------------------------------------------------------------------------------*/ #negocio { margin:0 auto; width:935px; height:1200px; padding-left:25px} #col_negocio { width:270px; height:1200px; *height:300px; float:right; border-left:1px solid #e3e3e3; background: url(../img/bg_epara.gif) no-repeat top left; padding-left:15px } #col_negocio p { margin:5px 0 8px 0px; padding:0px; } /*BOX*/ #box_box { position:relative; width:640px; height:900px; top:0; margin-left:10px; } .box_negocio_01 { width:194px; height:215px; margin:10px 16px 0 0; float:left;} .box_negocio_02 { width:194px; height:215px; margin:10px 16px 0 0; float:left;} .box_negocio_03 { width:194px; height:215px; margin:10px 16px 0 0; float:left;} .box_negocio_04 { width:194px; height:215px; margin:10px 16px 0 0; float:left;} .box_negocio_05 { width:194px; height:215px; margin:10px 16px 0 0; float:left;} .box_negocio_06 { width:194px; height:215px; margin:10px 16px 0 0; float:left;} .box_negocio_07 { width:194px; height:215px; margin:40px 16px 0 0; float:left;} .box_negocio_08 { width:194px; height:215px; margin:40px 16px 0 0; float:left;} .box_negocio_09 { width:194px; height:245px; margin:0px 16px 0 0; float:left;} .box_negocio_10 { width:194px; height:215px; margin:40px 16px 0 0; float:left;} .box_negocio_11 { width:194px; height:215px; margin:25px 16px 0 0; float:left;} .box_negocio_12 { width:194px; height:215px; margin:40px 16px 0 0; float:left;} a.negocio_01 { text-decoration:none; width:170px; height:50px; display:block; background:url(../img/negocio_01.jpg) no-repeat; padding-top:150px; color:#777777; } a.negocio_01:hover { text-decoration:none;width:170px; height:50px; display:block; background:url(../img/negocio_01.jpg) no-repeat -170px 0; padding-top:150px; color:#35abed;} a.negocio_02 { text-decoration:none; width:170px; height:50px; display:block; background:url(../img/negocio_02.jpg) no-repeat; padding-top:150px; color:#777777; } a.negocio_02:hover { text-decoration:none; width:170px; height:50px; display:block; background:url(../img/negocio_02.jpg) no-repeat -170px 0; padding-top:150px; color:#35abed;} a.negocio_03 { text-decoration:none; width:170px; height:50px; display:block; background:url(../img/negocio_03.jpg) no-repeat; padding-top:150px; color:#777777;} a.negocio_03:hover { text-decoration:none; width:170px; height:50px; display:block; background:url(../img/negocio_03.jpg) no-repeat -170px 0; padding-top:150px; color:#35abed;} a.negocio_04 { text-decoration:none; width:170px; height:50px; display:block; background:url(../img/negocio_04.jpg) no-repeat; padding-top:150px; color:#777777; margin-top:20px;} a.negocio_04:hover { text-decoration:none; width:170px; height:50px; display:block; background:url(../img/negocio_04.jpg) no-repeat -170px 0; padding-top:150px; color:#35abed; margin-top:20px;} a.negocio_05 { text-decoration:none; width:170px; height:50px; display:block; background:url(../img/negocio_05.jpg) no-repeat; padding-top:150px; color:#777777; margin-top:20px;} a.negocio_05:hover { text-decoration:none; width:170px; height:50px; display:block; background:url(../img/negocio_05.jpg) no-repeat -170px 0; padding-top:150px; color:#35abed; margin-top:20px;} a.negocio_06 { text-decoration:none; width:170px; height:30px; display:block; background:url(../img/negocio_06.jpg) no-repeat; padding-top:170px; color:#777777;} a.negocio_06:hover { text-decoration:none; width:170px; height:30px; display:block; background:url(../img/negocio_06.jpg) no-repeat -170px 0; padding-top:170px; color:#35abed;} a.negocio_07 { text-decoration:none; width:170px; height:50px; display:block; background:url(../img/negocio_07.jpg) no-repeat; padding-top:150px; color:#777777;} a.negocio_07:hover { text-decoration:none; width:170px; height:50px; display:block; background:url(../img/negocio_07.jpg) no-repeat -170px 0; padding-top:150px; color:#35abed;} a.negocio_08 { text-decoration:none; width:170px; height:50px; display:block; background:url(../img/negocio_08.jpg) no-repeat; padding-top:150px; color:#777777;} a.negocio_08:hover { text-decoration:none; width:170px; height:50px; display:block; background:url(../img/negocio_08.jpg) no-repeat -170px 0; padding-top:150px; color:#35abed;} a.negocio_09 { text-decoration:none; width:170px; height:25px; display:block; background:url(../img/negocio_09.jpg) no-repeat; padding-top:175px; color:#777777;} a.negocio_09:hover { text-decoration:none; width:170px; height:25px; display:block; background:url(../img/negocio_09.jpg) no-repeat -170px 0; padding-top:175px; color:#35abed;} a.negocio_10 { text-decoration:none; width:170px; height:50px; display:block; background:url(../img/negocio_10.jpg) no-repeat; padding-top:135px; color:#777777;} a.negocio_10:hover { text-decoration:none; width:170px; height:50px; display:block; background:url(../img/negocio_10.jpg) no-repeat -170px 0; padding-top:135px; color:#35abed;} a.negocio_11 { text-decoration:none; width:170px; height:50px; display:block; background:url(../img/negocio_11.jpg) no-repeat; padding-top:150px; color:#777777; } a.negocio_11:hover { text-decoration:none; width:170px; height:50px; display:block; background:url(../img/negocio_11.jpg) no-repeat -171px 0; padding-top:150px; color:#35abed; } a.negocio_12 { text-decoration:none; width:170px; height:50px; display:block; background:url(../img/negocio_12.jpg) no-repeat; padding-top:150px; color:#777777; } a.negocio_12:hover { text-decoration:none; width:170px; height:50px; display:block; background:url(../img/negocio_12.jpg) no-repeat -171px 0; padding-top:150px; color:#35abed; } /*------------------------------------------------------------------------------------- ACREDITAÇÕES -------------------------------------------------------------------------------------*/ #acreditacoes { margin:0 auto; width:935px; height:1300px; padding-left:25px;} #col_acredit { width:270px; height:1200px; float:right; background: url(../img/bg_separa.gif) no-repeat top left; padding-left:15px } /*botão 01*/ a.btn_Acred01 { position:relative; width:330px; height:40px; float:left; display:block; background:url(../img/btn_01.gif) no-repeat;} a.btn_Acred01:hover { position:relative; width:330px; height:40px; float:left; display:block; background:url(../img/btn_01.gif) no-repeat -338px 0; } /*botão 02*/ a.btn_Acred02 { position:relative; width:330px; height:40px; float:left; display:block; background:url(../img/btn_02.gif) no-repeat;} a.btn_Acred02:hover { position:relative; width:330px; height:40px; float:left; display:block; background:url(../img/btn_02.gif) no-repeat -338px 0; } /*botão 03*/ a.btn_Acred03 { position:relative; width:330px; height:40px; float:left; display:block; background:url(../img/btn_03.gif) no-repeat;} a.btn_Acred03:hover { position:relative; width:330px; height:40px; float:left; display:block; background:url(../img/btn_03.gif) no-repeat -340px 0; } /*botão 04*/ a.btn_Acred04 { position:relative; width:330px; height:40px; float:left; display:block; background:url(../img/btn_04.gif) no-repeat; } a.btn_Acred04:hover { position:relative; width:330px; height:40px; float:left; display:block; background:url(../img/btn_04.gif) no-repeat -339px 0; } /*botão 05*/ a.btn_Acred05 { position:relative; width:310px; height:40px; float:left; display:block; background:url(../img/btn_05.gif) no-repeat; } a.btn_Acred05:hover { position:relative; width:310px; height:40px; float:left; display:block; background:url(../img/btn_05.gif) no-repeat -310px 0; } /*botão 06*/ a.btn_Acred06 { position:relative; width:310px; height:40px; float:left; display:block; background:url(../img/btn_06.gif) no-repeat; } a.btn_Acred06:hover { position:relative; width:310px; height:40px; float:left; display:block; background:url(../img/btn_06.gif) no-repeat -310px 0; } /*botão 07*/ a.btn_Acred07 { position:relative; width:175px; height:40px; float:left; display:block; background:url(../img/btn_07.gif) no-repeat; } a.btn_Acred07:hover { position:relative; width:175px; height:40px; float:left; display:block; background:url(../img/btn_07.gif) no-repeat -175px 0; } /*botão 08*/ a.btn_Contato08 { position:relative; width:245px; height:40px; float:left; display:block; background:url(../img/btn-08.gif) no-repeat; } a.btn_Contato08:hover { position:relative; width:245px; height:40px; float:left; display:block; background:url(../img/btn-08.gif) no-repeat -245px 0; } /*------------------------------------------------------------------------------------- CONSULTORIA -------------------------------------------------------------------------------------*/ #consultoria { margin:0 auto; width:935px; height:740px; padding-left:25px} #col_consul { width:270px; height:620px; float:right; background: url(../img/bg_separa.gif) no-repeat top left; padding-left:15px } a.link:link, a.link:visited { text-decoration:none; color:#1798e0; font-size:11px; } a.link:hover { text-decoration:underline; color:#1798e0; font-size:11px; } .Bullet { padding:0 0 0 8px; background: url(../img/Bullet.gif) left no-repeat; } /*------------------------------------------------------------------------------------- CFG -------------------------------------------------------------------------------------*/ #CFG { margin:0 auto; width:935px; height:350px; padding-left:25px;} #col_CFG{ width:270px; height:350px; float:right; background: url(../img/bg_separa.gif) no-repeat top left; padding-left:15px } /*------------------------------------------------------------------------------------- CONTATO - FORMULARIO -------------------------------------------------------------------------------------*/ #Contato { margin:0 auto; width:935px; height:800px; padding-left:25px;} #col_Contato { width:475px; height:485px; float:right; /*background: url(../img/bg_separa.gif) repeat-y top left;*/ padding:70px 45px 0 0; } #txtNome, #txtEmpresa, #txtEmail { width:359px; height:21px; border:1px solid #cccccc; padding-top:4px;} #txtMensagem, #txtMensagem { width:359px; height:105px; border:1px solid #cccccc;} #txtDDD { width:33px; height:22px; border:1px solid #cccccc; padding-top:4px;} #txtFone { width:121px; height:22px; border:1px solid #cccccc; padding-top:4px;} #btnEnviar { width:66px; height:31px; border:none;} .tit_fone { margin-left:18px;} input {font-size:11px; color:#1180bd; } #txtNomeServicos, #txtEmpresaServicos, #txtEmailServicos, #txtCNPJServicos, #txtCidadeServicos, #txtEstadosServicos { width:230px; height:21px; border:1px solid #cccccc; padding-top:4px;} #txtMensagemServicos, #txtMensagemServicos { width:230px; height:105px; border:1px solid #cccccc; font-size:11px; color:#1180bd;} #txtDDDServicos { width:33px; height:22px; border:1px solid #cccccc; padding-top:4px;} #txtFoneServicos { width:121px; height:22px; border:1px solid #cccccc; padding-top:4px;} #txtExtadosServicos { font-size:11px; color:#1180bd; width:230px;} /*------------------------------------------------------------------------------------- CONTATO - CURRICULO -------------------------------------------------------------------------------------*/ .tit-box-curriculo { display:inline-block; text-align:center; margin-top:20px; width:100%; color:#777; font-size:12px; font-weight:bold; background:#dfe0db; padding:5px; } #curriculo { margin:0 auto; width:550px; padding:0px 25px; display:inline-block; float:left;} #curriculo .campo-tipo-1 { /*background:#990;*/ width:460px; margin-right:20px; display:inline-block; float:left; } .campo-tipo-1 input[type="text"]{ width:455px; } .campo-tipo-1 input { _width:455px; } #curriculo .campo-tipo-2 { /*background:#930;*/ width:255px; margin-right:20px; display:inline-block; float:left; } .campo-tipo-2 input[type="text"]{ width:250px; } .campo-tipo-2 input { _width:250px; } #curriculo .campo-tipo-3 { /*background:#0CF;*/ width:118px; margin-right:20px; display:inline-block; float:left; } .campo-tipo-3 input[type="text"]{ width:113px; } .campo-tipo-3 input { _width:113px; } #curriculo .campo-tipo-4 { /*background:#9CC;*/ width:49px; margin-right:20px; display:inline-block; float:left; } .campo-tipo-4 input[type="text"]{ width:44px; } .campo-tipo-4 input { _width:44px; } #curriculo .campo-tipo-5 { /*background:#F90;*/ width:80px; margin-right:20px; display:inline-block; float:left; } .campo-tipo-5 input[type="text"]{ width:75px; } .campo-tipo-5 input { _width:75px; } #curriculo strong { margin-top:15px; float:left; display:inline-block;/* background:#9F3;*/ width:500px;} #curriculo textarea { width:550px; height:100px; _width:550px;} #curriculo .campo-tipo-2 select { width:255px; } #curriculo select { height:22px; margin-top:2px; } /*------------------------------------------------------------------------------------- VOLUNTARÁRIOS - FORMULARIO -------------------------------------------------------------------------------------*/ * html{overflow-x: hidden;} #voluntarios { margin:0 auto; *overflow:hidden; width:550px; padding:25px; border:0px solid red; display:inline-block;} #voluntarios #box-1-voluntarios, #voluntarios #box-2-voluntarios{ width:100%; display:inline-block; float:left; } #voluntarios #txtNome, #voluntarios #txtEnd, #voluntarios #txtEmail, #voluntarios #txtPro { width:260px; margin-right:200px; /*border:1px solid blue;*/} #voluntarios #txtRg { margin-right:10px; width:260px; } #voluntarios #txtCpf { width:260px; } #voluntarios #txtDDDTel { width:30px; margin-right:10px; *margin-top:16px; } #voluntarios #txtDDDCel { width:30px; margin-right:10px; *margin-top:16px;} #voluntarios #txtDDDRec { width:30px; margin-right:10px; *margin-top:16px;} @media screen and (-webkit-min-device-pixel-ratio:0){ #txtDDDTel {margin-top:16px;} #txtDDDCel {margin-top:16px;} #txtDDDRec {margin-top:16px;} } #voluntarios #txtFone { width:100px; margin-right:10px; margin-left:10px; } #voluntarios #txtCel { width:100px; margin-right:10px; margin-left:10px;} #voluntarios #txtRec { width:100px; margin-left:10px;} #voluntarios #txtIdade { width:260px; margin-right:10px; } #voluntarios #txtDtNasc { width:260px; } #voluntarios #txtSexo { width:260px; margin-right:10px; } #voluntarios #txtRaca { width:260px; } #voluntarios #txtPeso { width:150px; margin-right:10px; } #voluntarios #txtAlt { width:150px; margin-right:10px;} #voluntarios #txtFum { margin-right:10px; } #voluntarios #txtCig { width:138px; } #voluntarios #txtBebA { margin-right:200px; } #voluntarios #txtRemReg, #voluntarios #txtAlergConh { margin-right:225px; } #voluntarios #txtQuaisRem, #voluntarios #txtQuaisAlerg { width:260px; } #voluntarios #txtHistCir, #voluntarios #txtHistFam { width:550px; height:120px;} #voluntarios #txtQuaisAler { margin-right:50px; } #voluntarios #txtEstBio { margin-right:220px; } #voluntarios #txtPart { width:260px; } #voluntarios #txtAss, #voluntarios #txtData { width:210px; margin-right:10px;} #btnEnviar { width:66px; height:31px; border:none;} .tit_fone { margin-left:18px;} #voluntarios form p, #voluntarios form input { float:left; display:inline-block; border:0px solid #000; } #voluntarios form input[type='text'] { height:22px; border:1px solid #cccccc; padding-top:4px; } #voluntarios form select { height:30px; border:1px solid #cccccc; padding-top:4px; } #voluntarios #box-2-voluntarios p { /*border:1px solid blue;*/ } /*------------------------------------------------------------------------------------- EMPRESA -------------------------------------------------------------------------------------*/ #empresa { margin:0 auto; width:935px; height:620px; padding-left:25px} #col_empresa { width:270px; height:410px; float:right; background: url(../img/bg_separa.gif) no-repeat top left; padding-left:15px } /*------------------------------------------------------------------------------------- FLOATE HOME -------------------------------------------------------------------------------------*/ .floater { position:absolute; width:598px; height:582px; top:20px; margin-left:-300px; left:50%; z-index:100000;} .fecharFloater { position:absolute; width:60px; height:60px; top:110px; left:380px; cursor:pointer; display:block; } /*---------------------------------------------------------- Menus ----------------------------------------------------------*/ #menu {position:absolute; width:210px; height:380px; left:50%; margin-left:-465px; top:10px;} ol, ul {list-style:none; margin:0;} li { margin:-3px 0 0 0; } #menu_produtos {width:207px; height:200px; margin:0 10px 0 0; float:left; position:relative; } /*#menu_produtos li {float:left; height:41px; background:#FF0000;}*/ /*#menu_produtos li img {width:207px; height:41px; display:block; text-indent:-9999px; position:absolute;}*/ /*ESTADO NORMAL*/ #menu_produtos a.empresa {background-position:0 0; top:0; } #menu_produtos a.negocio {background-position:0 -39px; top:39px; } #menu_produtos a.acreditacao {background-position:0 -75px; top:75px;} #menu_produtos a.CFG {background-position:0 -112px; top:112px;} #menu_produtos a.consultacao {background-position:0 -148px; top:148px;} #menu_produtos a.contato {background-position:0 -183px; top:183px;} /*ESTADO OVER*/ #menu_produtos a.empresa:hover {background-position:-203px 0;} #menu_produtos a.negocio:hover {background-position:-203px -39px;} #menu_produtos a.acreditacao:hover {background-position:-203px -75px;} #menu_produtos a.CFG:hover {background-position:-203px -112px;} #menu_produtos a.consultacao:hover {background-position:-203px -148px;} #menu_produtos a.contato:hover {background-position:-203px -183px;} /*ESTADO SELECIONADO*/ #menu_produtos a.empresaAction {background-position:-406px 0;} #menu_produtos a.empresaAction:hover {background-position:-203px 0;} #menu_produtos a.negocioAction {background-position:-406px -39px;top:39px;} #menu_produtos a.negocioAction:hover {background-position:-203px -39px;} #menu_produtos a.acreditacaoAction {background-position:-406px -75px;top:75px;} #menu_produtos a.acreditacaoAction:hover{background-position:-203px -75px;} #menu_produtos a.CFGAction {background-position:-406px -112px;top:112px;} #menu_produtos a.CFGAction:hover {background-position:-203px -112px;} #menu_produtos a.consultacaoAction {background-position:-406px -148px;top:148px;} #menu_produtos a.consultacaoAction:hover{background-position:-203px -148px;} #menu_produtos a.contatoAction {background-position:-406px -183px;top:183px;} #menu_produtos a.contatoAction:hover {background-position:-203px -183px;} #logo-webcompany {position:absolute; width:55px; height:17px; display:block; left:70%; margin:40px 0 0 75px;}