/* CSS Agencia 3 */ @import 'css_reset.css'; /* area de rascunho */ /****** SITE ******/ body{background:url(../imagens/fundo.gif) repeat-x;margin:0px; background-color:#fdf8ed;} p{font:12px 'Trebuchet MS', Arial, sans-serif;} #pagina {position:relative; width:100%; height:100%;} .valign {#position: relative; #top: -50%} /* seletores do topo */ #topo{width:100%; height:144px; background-image:url(../imagens/fundo_topo.gif); border:0px solid green;} #topo #header1{margin: 0 auto 0 auto; width:1031px; height:93px; background-image:url(../imagens/fundo_header.gif);text-align:left; border:0px solid red;} #topo #header1 #logo{float:left; width:419px; height:93px; background-image:url(../imagens/logo.gif); background-repeat:no-repeat; border:0px solid blue;} #topo #header1 #menusecundario{float:right; width:580px; height:93px; background-repeat:no-repeat; border:0px solid yellow;} #topo #header1 #menusecundario a{float:left; width:129px; height:19px; background-image:url(../imagens/menusecundario_btmenu.gif); background-repeat:no-repeat; border:0px solid yellow; font-family:"Trebuchet MS", Tahoma, Verdana, Arial; font-size:14px; text-align:center; color:#ffffff; margin:0px; text-decoration:none; margin:5px; margin-top:12px;} #topo #header1 #menusecundario a:hover{width:129px; height:19px;} #topo #header1 #menusecundario .callus{clear:both; width:545px; height:19px; border:0px solid yellow; font-family:"Trebuchet MS", Tahoma, Verdana, Arial; font-size:14px; text-align:center; color:#efac15; margin:0px; text-decoration:none; margin:5px; background-image:none; text-align:right; padding-top:20px;} #topo #header2{margin: 0 auto 0 auto; width:1031px; height:50px; border:0px solid red; text-align:left;} #topo #header2 .menuprincipal {float:left; width:162px; height:50px; font-family:"Trebuchet MS", Tahoma, Verdana, Arial; font-size:14px; text-align:center; color:#ffffff; margin:0px; text-decoration:none; background-color:#004270; background-image:url(../imagens/fundo_menu.gif); background-repeat:repeat-x; } #topo #header2 .menuprincipal:hover {float:left; width:162px; height:50px; font-family:"Trebuchet MS", Tahoma, Verdana, Arial; font-size:14px; text-align:center; color:#ffffff; margin:0px; text-decoration:none; background-color:#004270; background-image:url(../imagens/fundo_menu_over.gif); background-repeat:repeat-x; text-align:center;} #topo #header2 .menuprincipal XX {padding-top:17px;} #topo #header2 .menuprincipal h1 {padding-top:17px;} #topo #header2 .menuesquerda {float:left; width:11px; height:50px; background-image:url(../imagens/fundo_menu_esquerda.gif);} #topo #header2 .menudireita {float:left; width:11px; height:50px; background-image:url(../imagens/fundo_menu_direita.gif);} #topo #header2 .menumeio{float:left; width:11px; height:50px; background-image:url(../imagens/fundo_menu_meio.gif);} /* seletores do miolo */ #miolo{margin: 0 auto 0 auto; width:1061px; height:100%; /*background-image:url(../imagens/marcador_miolo.gif);*/ text-align:center; border:0px solid red; margin-bottom:10px;} #miolo .clear{clear:both;height:10px; border:0px solid red; } /* seletores de boxes destaque */ .boxdestaque{float:left; margin:4px; width:330px; height:220px;text-align:center; border:0px solid red;margin-top:10px;} .boxdestaque h1 {padding-top:20px;} .boxdestaque h2 {padding-top:14px;} .boxdestaque h3 {padding-top:5px;} .boxdestaque h4 {padding-top:35px; padding-left:18px;} .boxdestaque h5 {padding-top:7px;} .boxdestaque #plano{float:left; width:204px; height:61px;text-align:center; background-image:url(../imagens/boxedestaque_titulo.gif);text-align:center; border:0px solid red; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#013660; text-decoration:none; font-weight:bold; font-size:18px;} .boxdestaque #preco{float:left; width:126px; padding-right:-3px; height:61px;text-align:center; background-image:url(../imagens/boxedestaque_preco.gif);text-align:center; border:0px solid red; } .boxdestaque #preco .menor{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#efdd15; text-decoration:none; font-weight:bold; font-size:13px; text-align:left; margin-left:10px;} .boxdestaque #preco .maior{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#efdd15; text-decoration:none; font-weight:bold; font-size:18px;} .boxdestaque #subtitulo{clear:both; width:330px; height:25px; margin:0px; margin-top:2px; text-align:center; background-image:url(../imagens/boxedestaque_subtitulo.gif); margin-top:3px; text-align:center; border:0px solid red; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#e8dec5; text-decoration:none; font-weight:bold; font-size:13px;} .boxdestaque #bloco1{float:left; width:239px; height:101px;text-align:center; background-image:url(../imagens/modelo_box_lista.gif);text-align:center; border:0px solid red; margin-left:2px; margin-right:-2px;} .boxdestaque #bloco1 .linha{float:left; width:239px; height:20px;text-align:center; background-image:url(../imagens/box_lista_fundo.gif);border:0px solid red; text-align:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#013660; padding-left:16px; font-size:12px; margin-right:-16px; text-decoration:none; font-weight:bold;} .boxdestaque #bloco1 .linha h1{padding-top:3px;} .boxdestaque #bloco2{float:left; width:88px; padding-right:-3px; height:101px; background-image:url(../imagens/box_order.gif);text-align:center; border:0px solid red;text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:12px; text-decoration:none; font-weight:bold;} .boxdestaque .espaco {clear:both; height:1px;} .boxdestaque #rodape{clear:both; width:330px; height:27px; background-image:url(../imagens/box_bot_rodape.gif); border:0px solid red;} .boxdestaque #rodape a{text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:12px; text-decoration:none; font-weight:bold; margin-top:4px;} .boxtabela{float:left; margin: 0 auto 0 auto; margin:2px; width:505px; height:178px;text-align:center; border:0px solid red;} .boxtabela h1 {padding-top:5px; padding-left:5px;} .boxtabela h2 {padding-top:5px; padding-left:5px;} .boxtabela h3 {padding-top:5px; padding-left:9px;} .boxtabela #topo{width:505px; height:44px; background-image:url(../imagens/boxtabela_topo.gif); text-align:center; border:0px solid red; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#efac15; font-size:16px; text-decoration:none; font-weight:bold; vertical-align:middle;} .boxtabela .impar{width:505px; height:30px; background-image:url(../imagens/boxtabela_linhaimpar.gif); text-align:center; border:0px solid red; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#255a84; font-size:16px; text-decoration:none; font-weight:bold; margin-left:10px;} .boxtabela .par{width:505px; height:30px; background-image:url(../imagens/boxtabela_linhapar.gif); text-align:center; border:0px solid red; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#255a84; font-size:16px; text-decoration:none; font-weight:bold;} .boxtabela .btOrder{width:57px; height:27px; background-image:url(../imagens/bt_order.gif); background-repeat:no-repeat;} .boxtabela .btOrder a{text-align:center; border:0px solid red; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#ffffff; font-size:12px; text-decoration:none;} .boxtabela #rodape{width:505px; height:10px; background-image:url(../imagens/boxtabela_topo.gif);} #boxlogos{float:left; margin: 0 auto 0 auto; clear:both; float:left; margin-top:5px; width:329px; height:407px;text-align:center; border:0px solid red;} .boxpadraoTop{width:329px; height:14px;text-align:center; border:0px solid red; background-image:url(../imagens/boxpadrao_top.gif);} .boxpadraoMiddle{width:329px; text-align:center; border:0px solid red; background-image:url(../imagens/boxpadrao_middle.gif); background-repeat:repeat-y; } .boxpadraoMiddle p{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000; font-size:10px; text-decoration:none; text-align:justify; line-height:13px; margin-left:10px; margin-right:10px;} .boxpadraoBottom{width:329px; height:14px;text-align:center; border:0px solid red; background-image:url(../imagens/boxpadrao_bottom.gif);} .boxsecundaria{float:left; margin-top:5px; margin-left:20px; width:672px; height:132px;text-align:center; border:0px solid red;} .boxsecundaria .boxTop{width:672px; height:36px;text-align:center; background-image:url(../imagens/boxsecundaria_titulo.gif); border:0px solid red;} .boxsecundaria .boxTop h1{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#272626; font-size:14px; text-decoration:none; text-align:justify; line-height:13px; margin-left:19px; padding-top:10px; font-weight:bold;} .boxsecundaria .boxMiddle{width:672px; height:96px; text-align:center; background-image:url(../imagens/boxsecundaria_middle.gif); border:0px solid red;} .boxsecundaria .boxMiddle p{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#272626; font-size:12px; text-decoration:none; text-align:justify; line-height:13px; margin-left:10px; margin-right:10px;} .boxsecundaria .boxMiddle .bl1{float:left; width:395px; margin-left:10px; margin-right:10px; margin-top:10px;} .boxsecundaria .boxMiddle .bl2{float:left; width:28px; margin-top:10px;} .boxsecundaria .boxMiddle .bl3{float:left; width:200px; margin-top:10px;} .boxsecundaria .boxMiddle .bl3 li{text-align:left;} .boxsecundaria .boxMiddle .bl3 a{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#272626; font-size:12px; text-decoration:none; text-align:justify; line-height:13px; margin-left:10px; margin-right:10px;} .boxsecundaria .boxBottom{width:672px; height:2px;text-align:center; background-image:url(../imagens/boxsecundaria_bottom.gif); border:0px solid red;} /* internas */ #coluna1{float:left; width:605px; margin-right:30px; border:0px solid red;} #coluna2{float:left; width:395px; border:0px solid green; margin-left:10px; margin-top:44px;} .titulo{width:605px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#255a84; font-size:20px; text-decoration:none; text-align:justify; line-height:13px; margin-bottom:10px; font-weight:bold;} .textoEsquerda p{width:605px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#272626; font-size:14px; text-decoration:none; text-align:justify; line-height:13px; margin-bottom:10px;} .boxtabelainterna{margin: 0 auto 0 auto; margin:2px; margin-top:5px; width:605px; text-align:center; border:0px solid red;} .boxtabelainterna h1 {padding-top:5px; padding-left:5px;} .boxtabelainterna h2 {padding-top:5px; padding-left:5px;} .boxtabelainterna h3 {padding-top:5px; padding-left:9px;} .boxtabelainterna #topo{width:6505px; height:44px; background-image:url(../imagens/boxtabela_topo.gif); text-align:center; border:0px solid red; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#efac15; font-size:16px; text-decoration:none; font-weight:bold; vertical-align:middle;} .boxtabelainterna .impar{width:605px; height:30px; background-image:url(../imagens/boxtabelainterna_linhaimpar.gif); text-align:center; border:0px solid red; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#255a84; font-size:16px; text-decoration:none; font-weight:bold; margin-left:10px;} .boxtabelainterna .par{width:605px; height:30px; background-image:url(../imagens/boxtabelainterna_linhapar.gif); text-align:center; border:0px solid red; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#255a84; font-size:16px; text-decoration:none; font-weight:bold;} .boxtabelainterna .btOrder{width:57px; height:27px; background-image:url(../imagens/bt_order.gif); background-repeat:no-repeat;} .boxtabelainterna .btOrder a{text-align:center; border:0px solid red; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#ffffff; font-size:12px; text-decoration:none;} .boxtabelainterna #rodape{width:605px; height:10px; background-image:url(../imagens/boxtabela_topo.gif);} .boxtabelainterna2 .fundoamarelo{background-color:#f5d066;text-color:black;} .boxtabelainterna2 .fundoazul{background-color:#22719a;text-color:white;font-family:Arial;font-size:16px;font-weight:bold;} .boxplanos{margin-top:5px; width:329px; text-align:center; border:0px solid red;} .boxinternaTop{width:389px; height:14px;text-align:center; border:0px solid red; background-image:url(../imagens/boxinterna_top.gif);} .boxinternaMiddle{width:389px; text-align:center; border:0px solid red; background-image:url(../imagens/boxinterna_middle.gif); background-repeat:repeat-y;} .boxinternaMiddle h1{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#272626; font-size:14px; text-decoration:none; text-align:justify; line-height:13px; margin-left:10px; font-weight:bold;} .boxinternaMiddle p{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#272626; font-size:12px; text-decoration:none; text-align:justify; line-height:13px; margin-left:10px; margin-right:10px; margin-top:10px;} .boxinternaMiddle li{float:left; width:178px; height:30px; margin-left:10px; margin-top:5px; background-color:#d8d0bb;} .boxinternaMiddle h1{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#272626; font-size:12px; text-decoration:none; text-align:justify; line-height:13px; padding-top:8px; margin-left:10px;} .boxinternaBottom{clear:both; width:389px; height:14px;text-align:center; border:0px solid red; background-image:url(../imagens/boxinterna_bottom.gif);} /* seletores da base */ #base{clear:both; top:10px; width:100%; height:423px; background-image:url(../imagens/fundo_base.gif); text-align:center; border:0px solid green;} #base .clear{clear:both;height:10px; border:0px solid red; } #base #rodape{margin: 0 auto 0 auto; width:1010px; height:347px; text-align:left; border:0px solid red; background-image:url(../imagens/rodape_fundo.gif)} #base #rodape #esquerda {float:left; width:354px; text-align:center; margin-top:18px;} #base #rodape .lista {float:left; width:218px; margin-top:18px;} #base #rodape .lista li {width:176px; height:31px; background-image:url(../imagens/rodape_lista_item.gif);} #base #rodape .lista .titulo{width:176px; height:31px; background-image:url(../imagens/rodape_lista_titulo.gif);} #base #rodape .lista a {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#ffffff; font-size:12px; text-decoration:none; text-align:left} #base #rodape .lista h1 {padding-top:10px;} #base #creditos{margin: 0 auto 0 auto; width:1010px; text-align:left; border:0px solid red; margin-top:10px; margin-bottom:20px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#ffffff; font-size:11px; text-decoration:none; text-align:center; line-height:normal;} /* start edit by arief */ .td_head1 { height: 30px; } .td_head1 td h1{ margin:10px auto; padding: 0px; color: white; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; } .td_head1 td { background-color: #1e6f9c; text-align: center } .td_head2 { height: 42px; } .td_head2 img { margin: 20px auto 0px;; } .td_head2 td{ margin:10px auto; padding: 0px; color: white; font-family: Times New Roman, Georgia, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; text-align: center; padding-bottom: 20px; } .td_head2 .euro{ color: #1e6f9c; font-size: 30px; } .td_head2 .money{ color: #db9e18; font-size: 30px; } .td_head2 .month{ color: #aaa; font-size: 12px; } .td_row1 , .td_row2 { height: 28px; font-family: Arial, Helvetica, sans-serif; } .td_row1 td, .td_row2 td{ text-align:center; font-size: 13px; font-weight: bold; } .td_row1 td { background-color: #efeade; } .td_row1 th { background-color: #f5d065; text-align: right; padding: 7px 15px; font-size: 12px; font-style: italic; font-weight: bold; } .td_row2 th { background-color: #217099; text-align: right; padding: 7px 15px; font-size: 12px; font-style: italic; color: white; font-weight: bold; } .spacer { height:2px; } .td_head1 img{ } .web1 {background: transparent url(../images/webtext1.png) no-repeat scroll 0 0;} .web2 {background: transparent url(../images/webtext2.png) no-repeat scroll 0 0;} .web3 {background: transparent url(../images/webtext3.png) no-repeat scroll 0 0;} .web4 {background: transparent url(../images/webtext4.png) no-repeat scroll 0 0;} .okbutton {background: transparent url(../images/ok.png) no-repeat scroll top center;} /* end edit by arief */ /* ==== START Facebook Tab by Schoberg.net ==== */ #fbtab{ background: url(/images/icon-fbtab.png) no-repeat; /* Path to Image */ right:1px; /* change this to left: 1px; to put it on the left of the screen */ top:40%;height:41px;width:30px;margin:0;padding:0;position:fixed;z-index:5000;} #fbtab a{display:block;width:100%;height:100%;} /* ==== END Facebook Tab by Schoberg.net ==== */ /* ==== START Facebook Tab by Schoberg.net ==== */ #twtab{ background: url(/images/icon-twitter-tab.png) no-repeat; /* Path to Image */ right:1px; /* change this to left: 1px; to put it on the left of the screen */ top:50%;height:41px;width:30px;margin:0;padding:0;position:fixed;z-index:5000;} #twtab a{display:block;width:100%;height:100%;} /* ==== END Facebook Tab by Schoberg.net ==== */