* { margin: 0; padding: 0; list-style: none; border: 0; text-decoration: none; } body { background: #E6F4FF url(../../../../HTMLS/br/com/embria/www_vgf/versao_01/servlet/img/bg.jpg) repeat-x center top; text-align: center; margin-top: 3px; } h3 { font: bolder 14px/150% trebuchet ms; color: #fff; } .geral { margin: 0 auto; text-align: left; width: 970px; height: 670px; overflow-y: hidden; } .topo { height: 221px; overflow-y: hidden; background: transparent url(../../../../HTMLS/br/com/embria/www_vgf/versao_01/servlet/img/topo.jpg) no-repeat 88px 0; width: 835px; padding-left: 88px; text-align: right; position: relative; } .miolo { height: 453px; background: transparent url(../../../../HTMLS/br/com/embria/www_vgf/versao_01/servlet/img/bg02.jpg) no-repeat 0 1px; padding-left: 86px; } .topo h2 { color: #283655; font: bolder 15px/145% trebuchet ms, Verdana, Arial, sans-serif; text-transform: uppercase; padding-bottom:5px; } .topo table { border-collapse: collapse; position: absolute; top: 40px; left: 320px; } .topo table td.visaogeral { border: 1px solid #fff; background: #FFF; filter: alpha(opacity=90); clear:both; width: 460px; margin-right: 15px; padding: 5px 20px 20px; } .topo table td.visaogeral p{ text-align: justify; font: normal 12px/152% trebuchet ms, Verdana, Arial, sans-serif; color: #333; padding-top: 8px; } .topo table td.visaogeral p a { font: normal 12px/145% trebuchet ms, Verdana, Arial, sans-serif; color: #fff; background: #1878B1; padding: 0 4px; } .topo table td.visaogeral p a:hover {text-decoration: underline;} .topo ul {float: right;height: 37px;padding-top:2px;position:relative;} .topo ul li{ float: left; padding: 0 7px; vertical-align: middle; height: 14px; cursor: pointer; } .topo ul li a{ font: normal 12px trebuchet ms; color: #11699D; } .topo ul li a:hover {text-decoration: underline;} .esq { width: 292px; vertical-align: top; } .dif { background: #FDFEFE url(../../../../HTMLS/br/com/embria/www_vgf/versao_01/servlet/img/bg_bloco.jpg) repeat-x left top; width: 259px; height: 145px; margin-bottom: 5px; border: 1px solid #D7DADF; } .dif li { height: 44px; border-bottom: 1px solid #DEE6EB; border-top: 1px solid #fff; font: normal 12px/1.5em trebuchet ms, Verdana, Arial, sans-serif; color: #666; text-align: center; padding: 10px 20px; position: relative; } .dif li:hover,.dif li.over {color:#5B8AA4;background: #FBFCFD;z-index: 99999;} .dif li ul li { background: transparent url(../../../../HTMLS/br/com/embria/www_vgf/versao_01/servlet/img/bg_bloco_dif.gif) no-repeat left top; padding: 15px 15px 15px 28px; width: 362px; height: 260px; position: relative; text-align: left; color: #fff; border:none;z-index: 999999999; } .dif li ul li h3{padding-bottom: 7px;z-index: 999999999;position: relative;} .dif li ul li p{text-align: justify;z-index: 999999999;position: relative;} .dif li ul{ display: none; position: absolute; top: -55px; left: 246px; z-index: 99999; } .dif li:hover ul,.dif li.over ul { /* estilo para fazer funcionar o hover no IE */ display: block; filter: alpha(opacity=94); z-index: 999999999; } .plataforma { background: #FFF url(../../../../HTMLS/br/com/embria/www_vgf/versao_01/servlet/img/bg_bloco02.jpg) no-repeat left top; width: 221px; height: 202px; padding: 40px 20px 10px; border: 1px solid #D7DADF; } .plataforma h2{ font: bolder 14px/145% trebuchet ms, Verdana, Arial, sans-serif; color: #FF6600; text-transform: uppercase; } .plataforma p { font: normal 12px/145% trebuchet ms, Verdana, Arial, sans-serif; color: #666; width: 217px; } .plataforma p.saiba { text-align: right; padding-top: 2px; width: 217px; } .plataforma p.saiba a{ font: bolder 12px/150% trebuchet ms, Verdana, Arial, sans-serif; color: #666; } .plataforma p.saiba a:hover { text-decoration: underline;} /** DIV FRANQUEADOR E FRANQUIA **/ div#DIV_franquia { margin-top: 20px; height: 162px; width: 430px; font: normal 11px/160% trebuchet ms, Verdana, Arial, sans-serif; color: #404040; position: relative; z-index: 1; } div#DIV_franqueador { margin-top: 20px; height: 162px; width: 430px; font: normal 11px/160% trebuchet ms, Verdana, Arial, sans-serif; color: #404040; position: relative; z-index: 1; } div#DIV_franqueador h2 span{ font: normal 18px/150% trebuchet ms, Verdana, Arial, sans-serif; color: #11699D; text-transform: uppercase; } div#DIV_franquia h2 span { font: normal 18px/150% trebuchet ms, Verdana, Arial, sans-serif; color: #10942E; text-transform: uppercase; } div#DIV_franqueador p,div#DIV_franquia p{ width: 310px; float: left; margin-right:5px; } div#DIV_franqueador span a,div#DIV_franqueador span a:visited,div#DIV_franqueador span a:active{ float: left; display: block; padding-top: 20px; font: bolder 12px/130% trebuchet ms, Verdana, Arial, sans-serif; color: white; text-decoration: none; text-transform: uppercase; text-align: center; background: transparent url(../../../../HTMLS/br/com/embria/www_vgf/versao_01/servlet/img/bt_acesse_franqueador_off.jpg) no-repeat left top; width: 96px; height: 75px; } div#DIV_franqueador span a:hover{ float: left; display: block; padding-top: 20px; font: bolder 12px/130% trebuchet ms, Verdana, Arial, sans-serif; color: white; text-decoration: none; text-transform: uppercase; text-align: center; background: transparent url(../../../../HTMLS/br/com/embria/www_vgf/versao_01/servlet/img/bt_acesse_franqueador_on.jpg) no-repeat left top; width: 96px; height: 75px; } div#DIV_franquia span a,div#DIV_franquia span a:visited,div#DIV_franquia span a:active{ float: left; display: block; padding-top: 20px; font: bolder 12px/130% trebuchet ms, Verdana, Arial, sans-serif; color: white; text-decoration: none; text-transform: uppercase; text-align: center; background: transparent url(../../../../HTMLS/br/com/embria/www_vgf/versao_01/servlet/img/bt_acesse_franquia_off.jpg) no-repeat left top; width: 96px; height: 75px; } div#DIV_franquia span a:hover{ float: left; display: block; padding-top: 20px; font: bolder 12px/130% trebuchet ms, Verdana, Arial, sans-serif; color: white; text-decoration: none; text-transform: uppercase; text-align: center; background: transparent url(../../../../HTMLS/br/com/embria/www_vgf/versao_01/servlet/img/bt_acesse_franquia_on.jpg) no-repeat left top; width: 96px; height: 75px; } #SPN_tooltip_franquia { color: #fff; font: normal 12px/140% trebuchet ms, Verdana, Arial, sans-serif; padding: 10px 12px; background: #24C61C; width: 280px; height: 48px; display: none; text-transform: none; position: absolute; left: 50px; top: 4px; border-bottom:1px solid #22B91A; } #SPN_tooltip_franqueador { color: #fff; font: normal 12px/140% trebuchet ms, Verdana, Arial, sans-serif; padding: 10px 12px; background: #1686C9; width: 280px; height: 48px; display: none; text-transform: none; position: absolute; left: 50px; top: 4px; border-bottom:1px solid #11699D; } .copyright { color: #005F94; font: normal 11px/120% trebuchet ms, Verdana, Arial, sans-serif; padding-left: 3px; } .endereco,.endereco a { color: #5E6D80; font: normal 10px/140% trebuchet ms, Verdana, Arial, sans-serif; padding-left: 3px; } .endereco a { color: #005F94; } /* 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_vgf/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_vgf/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_vgf/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; }