* { margin: 0; padding: 0; list-style: none; border: 0; text-decoration: none; } body { background: #000 url(../../../../HTMLS/br/com/embria/www_vtm/versao_01/servlet/img/bg_total.jpg) no-repeat right top; text-align: center; padding-top: 45px; } h3 { font: bolder 14px/150% trebuchet ms; color: #fff; } .geral { margin: 0 auto; text-align: left; width: 790px; height: 540px; padding-bottom: 20px; } .topo { height: 272px; overflow-y: hidden; background: transparent url(../../../../HTMLS/br/com/embria/www_vtm/versao_01/servlet/img/bg_topo.jpg) no-repeat left top; width: 790px; text-align: right; position: relative; } .miolo { height: 212px; width: 790px; background: #FDFDFE url(../../../../HTMLS/br/com/embria/www_vtm/versao_01/servlet/img/bg_miolo.jpg) repeat-x left top; position: relative; z-index: 0; } .plataforma { height: 92px; background: #DEE4E7 url(../../../../HTMLS/br/com/embria/www_vtm/versao_01/servlet/img/bg_plataforma.jpg) no-repeat 685px 15px; padding: 20px 25px; } .rodape { background: #4B5A55; width: 790px; height: 50px; position: relative; } .topo h2 { color: #283655; font: bolder 15px/140% trebuchet ms, Verdana, Arial, sans-serif; text-transform: uppercase; padding-bottom:4px; } div.visaogeral { clear:both; width: 460px; text-align: justify; margin-right: 15px; padding: 15px 20px 15px 20px; height: 180px; margin: 0 15px 0 0; } div.visaogeral p a { font: normal 12px/145% trebuchet ms, Verdana, Arial, sans-serif; color: #fff; background: #005EBB; padding: 0 4px; } div.visaogeral p a:hover {text-decoration: underline;} .topo p { font: normal 12px/149% trebuchet ms, Verdana, Arial, sans-serif; color: #333; } .topo table { border-collapse: collapse; padding: 0; } td.acesse { height: 37px; width: 175px; padding: 2px 17px 0 0; } td.acesse a { display: block; height: 37px; width: 175px; } #SPN_tooltip { color: #fff; font: normal 12px/200% trebuchet ms, Verdana, Arial, sans-serif; padding: 2px 12px; background: #400080; filter: alpha(opacity=97); width: 505px; height: 28px; display: none; text-transform: none; position: absolute; left: 102px; top: 232px; border-bottom:1px solid #3C0077; z-index: 999999999; } .miolo tr td { width: *;padding: 10px 20px;} .miolo h3 { font: bolder 12px/200% trebuchet ms, Verdana, Arial, sans-serif; color: #4B5A55; } .miolo p { font: normal 12px/160% trebuchet ms, Verdana, Arial, sans-serif; color: #666666; } .plataforma h2 { font: bolder 15px/145% trebuchet ms, Verdana, Arial, sans-serif; text-transform: uppercase; color: #FF6600; } .plataforma p { font: normal 12px/160% trebuchet ms, Verdana, Arial, sans-serif; color: #666666; } .plataforma p a{ font: bolder 12px/160% trebuchet ms, Verdana, Arial, sans-serif; color: #FF6600; } .plataforma p a:hover{text-decoration: underline;} .rodape .esq { padding: 0 0 0 15px; } .rodape .dir { width: 290px; } .rodape ul {height: 20px;padding-top:2px;} .rodape ul li{ float: left; padding: 0 7px; vertical-align: middle; height: 10px; } .rodape ul li a{ font: normal 12px trebuchet ms; color: #fff; } .rodape ul li a:hover {text-decoration: underline;} .copyright { color: #0097E8; font: normal 11px/120% trebuchet ms, Verdana, Arial, sans-serif; padding-left: 3px; } .endereco { color: #A7B1BE; font: normal 10px/140% trebuchet ms, Verdana, Arial, sans-serif; padding-left: 3px; } /* formulario */ /* ESTILOS DO FORMULARIO (HOTSITE - VGF) */ .body_form { margin:0; padding: 0; background: #fff; width: 600px; } .form * { margin:0; padding: 0; border: 0; text-decoration: none; } .form { width: 600px; text-align: center; } .form h2 { font: bold 16px 'Trebuchet MS', Arial, Verdana; color: #666; } .form input { background: #F9FCFF; border: 1px solid #569DFF; font: normal 11px 'Trebuchet MS', Arial, Verdana; height: 20px; color: #666; width: 98%; } .form textarea { background: #F9FCFF; border: 1px solid #569DFF; font: normal 11px 'Trebuchet MS', Arial, Verdana; color: #666; width: 98%; } .form input.inputzero { border: 0; width: 25px !important; } .form div.grupo { background: #fff; border: 1px solid #DCEFFF; padding: 10px; font: bold 18px 'Trebuchet MS', Arial, Verdana; color: #666; width:580px; overflow-x: hidden; margin: 0 auto; margin-bottom: 10px; text-align: left; } .form .head { background: transparent url(../../../../HTMLS/br/com/embria/www_vtm/versao_01/servlet/img/head_form.jpg) no-repeat left top; height: 43px; vertical-align:middle; font: normal 10px/2em 'Trebuchet MS', Arial, Verdana; text-align: right; padding: 10px; color: #666; } .form address { background: transparent url(../../../../HTMLS/br/com/embria/www_vtm/versao_01/servlet/img/rodape_form.jpg) no-repeat left top; height: 47px; font: normal 10px 'Trebuchet MS', Arial, Verdana; text-align: center; padding: 8px 0 0 0; color: #0078E6; clear: both; } .form .botao { margin-top: 10px; padding: 0 10px; font: normal 16px/2em 'Trebuchet MS', Arial, Verdana; color: #666; } .form .botao a{ margin-right: 80px; font: normal 16px/2em 'Trebuchet MS', Arial, Verdana; color: #666; } .form .botao .enviar,.form .botao .enviar:hover { background: transparent url(../../../../HTMLS/br/com/embria/www_vtm/versao_01/servlet/img/botao_form.jpg) no-repeat left top; width: 106px; height: 31px; text-align: center; vertical-align: middle; padding: 3px 0 0 0; font: bolder 12px/2em 'Trebuchet MS', Arial, Verdana; color: #fff; text-decoration: none; margin: 0; } .form table { margin: 5px 0 14px 0; font: normal 11px 'Trebuchet MS', Arial, Verdana; color: #666; width: 570px; } .form table.sub { margin: 0 0 5px 0; font: normal 11px 'Trebuchet MS', Arial, Verdana; color: #666; width: 420px; } .form table td{ padding:0 2px; } .form p { margin-bottom: 20px; font: normal 11px/1.5em 'Trebuchet MS', Arial, Verdana; color: #666; } .form p a{ font: normal 11px/1.5em 'Trebuchet MS', Arial, Verdana; color: #ff9900; text-decoration: underline; } .form p a:hover {background:#FFFEE8} .form td.infra { width: 180px; } .form td.opcao_infra { width: 20px; } .form td.obs { width: 140px; }