/********** CSS do site do grupo Syncline Data de criação: 03/04/2006 ******************************* Observações >>>> Quando há número hexadecimal com 3 casas elas se dobram ex: 112233 = 123 Quando houver só uma tag de estilo com numeros os valores se aplicam da seguinte forma: ex: padding: 3; (top,right,bottom,left) ex: padding: 3 2; (3 para o top e bottom e o 2 para left e right) ex: padding: 3 2 4; (3 para o top, 2 para left e right e 4 para bottom) ex: padding: 3 2 4 5; (3 para o top, 2 para right, 4 para bottom e 5 para left) */ * { /********** setando os estilos Gerais do site todo **********/ text-decoration:none; margin:0; padding:0; spacing:0; border:none; font-family: Arial, Trebuchet Ms, Verdana, Tahoma; color: #333; font-size:12; line-height:15px; text-align: center; } img { border: 0; } /************* estrutura do site **********************/ #DIV_top_sli { position: relative; text-align: left; margin: 0px 0px 0px 0px; padding: 0px; border: 0; height: 95px; width: 770px; text-align: left; background-color: #FFF; } #DIV_middle_sli { position: relative; margin: 0px 0px 0px 0px; padding: 0px; border: 0; height: 300px; width: 770px; text-align: left; background-color: #FFF; } /************setando os estilos da td da middle (home sli)*************/ #DIV_middle_sli td{ text-align: left; } /**********setando os estilos de todos os h5 que estao dentro da middle(home sli)*************/ #DIV_middle_sli h5{ text-align: right; padding-right: 6px; } /************setando os estilos de todos os span que estao dentro da middle (home sli)**************/ #DIV_middle_sli span{ text-align: right; cursor: hand; } /**************setando os estilos da DIV_logado********************/ #DIV_logado h4 { text-align: right; font-size:10px; } #DIV_logado h3 { text-align: right; font-size:10px; } #DIV_logado span { font-size:10; } /**************setando os estilos do coteudo do miolo********************/ #DIV_miolo_conteudo { position: relative; margin: 0px 0px 0px 0px; padding: 26 18 26 26; border: 0; height: 500px; text-align: left; line-height:19px; } /***********setando os estilos dos itens (as img em forma de seta) da pagina de serviços (sli)**************/ #DIV_servicos_itens_telecom { position: relative; margin: 0px 0px 0px 0px; padding: 20 10 10 10; height: 100px; text-align: left; background-color: #F0F5F8; } /***********setando os estilos dos itens (telecom) que estao dentro da h5 (serviços sli)************/ #DIV_servicos_itens_telecom h5 { font-weight:bold; text-align: left; font-size:12; line-height: 16px; color:#113e65; } /*****os estilos dos itens (as img em forma de seta) na parte informatica (serviços sli)********/ #DIV_servicos_itens_informatica { position: relative; margin: 0px 0px 0px 0px; padding: 20 10 10 10; height: 100px; text-align: left; background-color: #F9FBFC; } /**********setando os estilos dos itens (informatica) que estao dentro da h5 (serviços sli)**********/ #DIV_servicos_itens_informatica h5 { font-weight:bold; text-align: left; font-size:12; line-height: 16px; color:#113e65; } /*******setando os estilos dos textos dentro da h5 (serviços sli)******/ #DIV_servicos_informatica h5 { font-weight:bold; text-align: left; font-size:12; line-height: 16px; color:#113e65; } /*****setando os estilos da parte de informatica (em baixo)*****/ #DIV_servicos_informatica_baixo { text-align: left; line-height: 16px; } /*****setando os estilos dos textos dentro da h5 (serviços sli)******/ #DIV_servicos_telecom h5 { font-weight:bold; text-align: left; font-size:12; line-height: 16px; color:#113e65; } /*****setando os estilos da parte de telecom (em baixo)***/ #DIV_servicos_telecom_baixo { text-align: left; line-height: 16px; } /****setando os estilos dos banners****/ #DIV_banner_imagem { position: relative; padding: 4 0 0 1; border: 0; } /****setando os estilos do conteudo do miolo que esta dentro da td***/ #DIV_miolo_conteudo td{ text-align: left; } /*****setando os estilos da botton (sli)*****/ #DIV_bottom_sli { position: relative; margin: 0px 0px 0px 0px; padding-top: 8px; border: 0; height: 30px; width: 770px; text-align: center; background-color: #E6EEF4; vertical-align: bottom; } /****setando os estilos do logo da sli****/ #DIV_logo_sli { text-align: left; } /****setando os estilos do texto que vem depois do titulo****/ #DIV_noticias_texto1 h5 { padding: 7 7 5 1; } /******setando os estilos do texto que vem depois do primeiro texto******/ #DIV_noticias_texto2 { height: 380px; width: 450px; line-height: 16px; text-align: left; overflow: auto; padding: 8 8 8 8; } /*****setando os estilos do menu****/ #DIV_menu_metanavegacao { height: 40px; text-align: right; } /*****setando os estilos da img do menu*****/ #DIV_menu_metanavegacao img{ cursor: hand; } /*****setando os estilos dos elementos que estao dentro da h2 do menu******/ #DIV_menu_metanavegacao h2{ text-align: right; font-weight: bold; font-size:12; color:#fff; } #DIV_menu_metanavegacao select{ width:120px; height: 15px; border:1px solid #5E6D80; padding:0px; vertical-align:middle; font-size:10; color:#fff; text-align: center; } #DIV_interface_acesso { height: 20px; text-align: right; } /****setando os estilos do menu da sli dentro da table td****/ #DIV_menu_sli table td { vertical-align:middle; height:20px; margin:0; padding:0; spacing:0; border:0; } /******setando os estilos do menu sli da table******/ #DIV_menu_sli table { margin:0; padding:0; spacing:0; border:0; } /****setando os estilos da img do menu sli****/ #DIV_menu_sli img { cursor: hand; } /****setando os estilos da td (noticias sli)*****/ #DIV_noticias_sli td { text-align:left; } /******setando os estilos da table da pagina noticias******/ #DIV_noticias_sli table { width: 450px; } /********setando os estilos do h5 da pagina de noticias ********/ #DIV_noticias_sli h5 { text-align:left; } /********************setando estilo do atendimento online (sli)***********************/ #DIV_atendimento_on h5 { padding-top: 8px; text-align:left; } /**********setando estilo da pagina atendimento online (sli) parte de baixo************/ #DIV_atendimento_on_baixo { padding: 1px 0px 0px 6px; text-align: left; } /***********estilo do botao da pagina de atendimento online(sli) parte de baixo*********/ #DIV_atendimento_on_btn { padding: 0px 24px 0px 0px; text-align: right; } /********** definindo estilos dos links fantasmas (link do robo) **********/ #DIV_link_robo { display:none; } /********** setando estilo da img **********/ img { border: 0; } /********** setando os estilos da td **********/ table { border: 0; width: 100%; } table td { vertical-align:top; } /********** setando os estilos dos objetos de formulario **********/ input { width:128px; height: 16px; border:1px solid #5E6D80; padding:1px; text-align:left; vertical-align:middle; } textarea { width:128px; border:1px solid #5E6D80; padding:1px; text-align:left; } /********** setando os valores dos Hs para todo o site **********/ h1 { font-weight:bold; font-size:20; color:#109F0A; text-align: left; } h2 { font-weight:bold; font-size:13; color:#999; text-align: left; line-height:15px; } h3 { font-weight:bold; font-size:12; color:#113E65; } h4 { text-decoration: none; font-weight: normal; font-size:12; color:#333; } h5 { text-decoration: none; font-weight:bold; font-size:11; color:#113e65; } h6 { font-weight:bold; font-size:20; color:#113E65; text-align: left; } body { background-image:url(/HTMLS/br/com/embria/www_syncline/versao_01/servlet/img/bg_geral.gif) } /********** Definindo estilo da imagem de titulo da pagina de formulario **********/ .img_form { padding: 10 0 4 0; text-align: left; } /********** Definindo estilo do subtitulo Detalhes dos formularios **********/ .tt_detalhes { text-align:left; text-decoration:none; cursor:default; height:16px; font-weight:bold; font-size:11; color:#113e65; } /********** Definindo estilo dos titulos da pagina de formulario **********/ .tt_form { font-family: arial; font-weight:bold; font-size:12; color:#109F0A; line-height: 35px; text-align: left; } /********** Definindo estilo dos checkbox da pagina de formulario **********/ .check_form { width: 25; padding: 0 0 0 0; border: thin none; } .td_check_form { text-align:left; padding: 0 0 0 4; } .td_combo_form { height:24px; } /********** Definindo estilo dos inputs da pagina de formulario **********/ .input_form { text-align:left; line-height: 35px; padding: 0 0 0 0; } /********** Definindo estilo do texto das TD ***********/ .txt_td_form { font-family: arial; font-size:11; text-align: left; padding: 0 0 4 8; vertical-align:middle; } txt_td_form2 { font-family: arial; font-size:11; line-height: 20px; text-align: left; padding: 0 0 0 0; vertical-align:top; } div_txt_cpu_locacao { line-height:24px; font-size:18; } /********** Definindo estilo das tables dos forms ***********/ .table_forms { width: 370px; } /********** Definindo estilo do botao enviar da pagina de formulario **********/ .btn_enviar_form { text-align:left; padding: 0 0 0 6; } /********** Definindo os estilos dos textearea da pagina de formulario **********/ .textarea_form { padding: 0 0 0 0; width: 492px; text-align:left; } /********** Definindo estilo do texto: Selecione a Empresa a solicitar **********/ .txt_form2 { font-family:arial; font-size: 12; font-weight:bold; text-align:left; } /*********** Definindo estilo dos textos dos formularios **********/ .txt_form3 { padding: 7 0 0 0; } xml { display:none; }