/* CSS Document */ /* +++++++ CREDITOS & COPYRIGHT +++++++ Folhas de Estilo do Site [Front_end] do Site do CRC Vila Real | Nervir [www.crc.nervir.pt] Criadas por alvaro Saraiva @ glups.pt @ Fevereiro 2007 Glups - Atelier de Novas Tecnologias, Lda Rua Jaime Campos, Bloco D, Piso 3 Esq., 5000-431 Vila Real | Portugal Tel. [351] 259 322 183 | E-mail: info@glups.pt | URL: www.glups.pt Se utilizarem esta folha de estilos para os vossos trabalhos, a Glups agradece que ao menos no retirem estas linhas de codigo, por respeito e agradecimento ao trabalho das pessoas que a criaram e ao trabalho que voces pouparam. Keep Cool. Peace ;) */ /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ +++++++++ FORMATACAO GERAL DA PAGINA ++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* Controla a apresentao BASE das tags: body, td, form */ body, td, form { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight: normal; color: #666666; line-height:15px; } /* costumizacao do body */ body{ background-image: url(../../_imagens/_tmpl/tmpl_crc_fe_fundo_tmpl.gif); background-position: top left; background-repeat: repeat-y; /* Controla as Scrollbars da pagina - NOTA: só o IE é k suporta isto */ scrollbar-face-color: #ffffff; /* cor da barra e dos quadrados que suportam as setas*/ scrollbar-3dlight-color: #cccccc; /* Rebordo das setas */ scrollbar-track-color: #ffffff; /* cor do fundo */ scrollbar-darkshadow-color: #ffffff; /* sombra da barra e dos quadrados das setas */ scrollbar-arrow-color: #666666; /* cores das setas */ } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ +++++++++ FORMATAÇÃO DO TEXTO ++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* ++++ LINKS ++++ */ /* links gerais */ a:visited { color: #D98200; text-decoration: underline} a:link { color: #D98200; text-decoration: underline} a:hover { color: #FF6600; text-decoration: underline} /* links do paginador */ a.linkPaginador{ } a.linkPaginador:visited{ font-size: 10px; color: #DE4D13; text-decoration: none } a.linkPaginador:link{ font-size: 10px; color: #DE4D13; text-decoration: none} a.linkPaginador:hover{ font-size: 10px; color: #D78100; text-decoration: underline} /* links txt Laranja 1, com 10px com underline */ a.txtLink_laranja_1_10Px { font-size: 10px; color: #DE4D13; text-decoration: underline} a.txtLink_laranja_1_10Px:visited { font-size: 10px; color: #DE4D13; text-decoration: underline} a.txtLink_laranja_1_10Px:link { font-size: 10px; color: #DE4D13; text-decoration: underline} a.txtLink_laranja_1_10Px:hover { font-size: 10px; color: #D98200; text-decoration: underline} /* links txt Laranja 1, com 10px sem underline */ a.txtLink_laranja_1_10Px_noUnder { font-size: 10px; color: #DE4D13; text-decoration: none} a.txtLink_laranja_1_10Px_noUnder:visited { font-size: 10px; color: #DE4D13; text-decoration: none} a.txtLink_laranja_1_10Px_noUnder:link { font-size: 10px; color: #DE4D13; text-decoration: none} a.txtLink_laranja_1_10Px_noUnder:hover { font-size: 10px; color: #D98200; text-decoration: underline} /* links txt Laranja 3, com 10px sem underline */ a.txtLink_laranja_3_10Px_noUnder { font-size: 10px; color: #D98200; text-decoration: none} a.txtLink_laranja_3_10Px_noUnder:visited { font-size: 10px; color: #D98200; text-decoration: none} a.txtLink_laranja_3_10Px_noUnder:link { font-size: 10px; color: #D98200; text-decoration: none} a.txtLink_laranja_3_10Px_noUnder:hover { font-size: 10px; color: #FF6600; text-decoration: underline} /* links txt Laranja 3, com 10px sem underline */ a.txtLink_laranja_3_10Px { font-size: 10px; color: #D98200; text-decoration: underline} a.txtLink_laranja_3_10Px:visited { font-size: 10px; color: #D98200; text-decoration: underline} a.txtLink_laranja_3_10Px:link { font-size: 10px; color: #D98200; text-decoration: underline} a.txtLink_laranja_3_10Px:hover { font-size: 10px; color: #FF6600; text-decoration: underline} /* links txt Laranja 1, com 11px sem underline */ a.txtLink_laranja_1_11Px_noUnder { font-size: 11px; font-weight: bold; color: #DE4D13; text-decoration: none} a.txtLink_laranja_1_11Px_noUnder:visited { font-size: 11px; font-weight: bold; color: #DE4D13; text-decoration: none} a.txtLink_laranja_1_11Px_noUnder:link { font-size: 11px; font-weight: bold; color: #DE4D13; text-decoration: none} a.txtLink_laranja_1_11Px_noUnder:hover { font-size: 11px; font-weight: bold; color: #D98200; text-decoration: underline} /* links txt Laranja 1, com 12px sem underline */ a.txtLink_laranja_1_12Px_noUnder { font-size: 12px; font-weight: bold; color: #DE4D13; text-decoration: none} a.txtLink_laranja_1_12Px_noUnder:visited { font-size: 12px; font-weight: bold; color: #DE4D13; text-decoration: none} a.txtLink_laranja_1_12Px_noUnder:link { font-size: 12px; font-weight: bold; color: #DE4D13; text-decoration: none} a.txtLink_laranja_1_12Px_noUnder:hover { font-size: 12px; font-weight: bold; color: #D98200; text-decoration: underline} /* links de expandir e encolher: txt Azul 1 11px sem underline */ a.txtLink_Azul_1_11Px_noUnder { font-size: 11px; font-weight: bold; color: #1B5578; text-decoration: none} a.txtLink_Azul_1_11Px_noUnder:visited { font-size: 11px; font-weight: bold; color: #1B5578; text-decoration: none} a.txtLink_Azul_1_11Px_noUnder:link { font-size: 11px; font-weight: bold; color: #1B5578; text-decoration: none} a.txtLink_Azul_1_11Px_noUnder:hover { font-size: 11px; font-weight: bold; color: #D98200; text-decoration: underline} /* links de expandir e encolher: txt Azul 1 12px sem underline */ a.txtLink_Azul_1_12Px_noUnder { font-size: 12px; font-weight: bold; color: #1B5578; text-decoration: none} a.txtLink_Azul_1_12Px_noUnder:visited { font-size: 12px; font-weight: bold; color: #1B5578; text-decoration: none} a.txtLink_Azul_1_12Px_noUnder:link { font-size: 12px; font-weight: bold; color: #1B5578; text-decoration: none} a.txtLink_Azul_1_12Px_noUnder:hover { font-size: 12px; font-weight: bold; color: #D98200; text-decoration: underline} /* /* formato de outros textos */ .txtTitCinza_1_17px, .txtTitCinza_2_17px, .txtTitLaranja_1_17px, .txtTitLaranja_2_17px { color: #666666; font-size: 17px; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; } /* variacoes */ .txtTitCinza_2_17px{ color: #333333 } .txtTitLaranja_1_17px{ color: #DE4D13 } .txtTitLaranja_2_17px{ color: #D98200 } /* Sub-titulos */ .txtSubtitCinza_1_13px, .txtSubtitCinza_2_13px, .txtSubtitAzul_1_13px, .txtSubtitLaranja_1_13px, .txtSubtitLaranja_2_13px { color: #666666; font-size: 13px; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; } /* variacoes */ .txtSubtitCinza_2_13px{ color: #333333;} .txtSubtitAzul_1_13px{ color: #1B5578;} .txtSubtitLaranja_1_13px{ color: #DE4D13;} .txtSubtitLaranja_2_13px { color: #D98200;} /* txt a 10px laranja */ .txtLaranja_1_10pxNormal{ color: #DE4D13; font-size: 10px; font-weight: normal } .txtLaranja_1_10pxBold{ color: #DE4D13; font-size: 10px; font-weight: bold } .txtLaranja_2_10pxNormal{ color: #FF6600; font-size: 10px; font-weight: normal } .txtLaranja_2_10pxBold{ color: #FF6600; font-size: 10px; font-weight: bold } .txtLaranja_3_10pxNormal{ color: #D98200; font-size: 10px; font-weight: normal } .txtLaranja_3_10pxBold{ color: #D98200; font-size: 10px; font-weight: bold } /* txt a 10px cinza */ .txtCinza_1_10pxNormal{ color: #666666; font-size: 10px; font-weight: normal } .txtCinza_1_10pxBold{ color: #666666; font-size: 10px; font-weight: bold } .txtCinza_2_10pxNormal{ color: #333333; font-size: 10px; font-weight: normal } .txtCinza_2_10pxBold{ color: #333333; font-size: 10px; font-weight: bold } /* txt a azul a 11px */ .txtAzul_1_11pxNormal{ font-size: 11px; color: #1B5578; font-weight: normal } .txtAzul_1_11pxBold{ font-size: 11px; color: #1B5578; font-weight: bold} /* txt a laranja a 11px */ .txtLaranja_1_11pxNormal{ color: #DE4D13; font-size: 11px; font-weight: normal } .txtLaranja_1_11pxBold{ color: #DE4D13; font-size: 11px; font-weight: bold } .txtLaranja_3_11pxNormal{ font-size: 11px; color: #D98200; font-weight: normal } .txtLaranja_3_11pxBold{ font-size: 11px; color: #D98200; font-weight: bold } /* textos para formatar os titulos e sub-titulos que vem do back-office */ .txtTitulo{ color: #D98200; /* #1b5578; */ font-size: 17px; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; } .txtSubTitulo{ color: #D98200; font-size: 13px; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ +++++++++ FORMATAÇÃO DOS DIVS ++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .opcaoInvisivel {display:none} .opcaoVisivel {display:table-row-group} /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ +++++++++ FORMATACAO DOS TD'S BASE DO TEMPLATE ++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* td que alberga qualquer tabela -» Alinha à esq e ao topo */ td.alignLeft { text-align: left; vertical-align: top; } /* td que alberga qualquer tabela -» Alinha à dta e ao topo */ td.alignRight { text-align: right; vertical-align: top; } /* td que alberga qualquer tabela -» Alinha ao centro e ao topo */ td.alignCenter { text-align: center; vertical-align: top; } /* td com o fundo da img de topo */ td.barraTopo{ height: 142px; text-align: left; vertical-align: top } /* td que leva o logo e animacao do crc */ td.logoTopo{ text-align: left; vertical-align: top; width: 497px; } /* td que leva o login dos users do crc */ td.loginUsers{ background-image: url(../../_imagens/_tmpl/tmpl_crc_fe_sep_vt_tracj_1px_azul_1.gif); background-position: top left; background-repeat: repeat-y; text-align: left; vertical-align: bottom; width: 360px; height: 142px; padding-right: 8px; padding-left: 5px; padding-bottom: 4px} /* fundo do td com o formulário para os utilizadores */ td.fundoLoginUsers{ background-image: url(../../_imagens/_tmpl/tmpl_crc_fe_fundo_login_users.gif); background-position: top left; background-repeat: repeat-x; background-color: #E4F4FD; text-align: left; vertical-align: middle; height: 43px } /* tr com a lista dos itens na area de login */ tr.topicoLoginOff, tr.topicoLoginOn, tr.topicoLoginOver, tr.topicoLoginBtn{ cursor: pointer; } /* variacoes */ tr.topicoLoginBtn{ cursor:default; } /* tds dentro do strs */ tr.topicoLoginOff td, tr.topicoLoginOn td, tr.topicoLoginOver td, tr.topicoLoginBtn td{ background-image: url(../../_imagens/_tmpl/tmpl_crc_fe_sep_hz_tracj_1px_cinza_1.gif); background-position: top left; background-repeat: repeat-x; font-size: 10px; color: #1B5578; text-align: left; padding-left: 10px; padding-bottom: 3px; padding-top: 3px; vertical-align: middle } /* variacoes */ tr.topicoLoginBtn td{ background-color: #F2EFE4; font-weight: bold; text-align: right; padding-right: 8px; } tr.topicoLoginBtn td #sep{ font-weight: normal; } /* barra de topo com fundo (lado dto) */ td.barraTopoFundo{ background-image: url(../../_imagens/_tmpl/tmpl_crc_fe_fundo_barra_topo_dto.gif); background-position: top left; background-repeat: repeat-x; text-align: left; vertical-align: top } /* tds com o fundo dos titulos dos canais e caminho no site (no topo) */ td.titCanalFundo{ background-image: url(../../_imagens/_tmpl/tmpl_crc_fe_fundo_tit_canal.gif); background-position: top left; background-repeat: repeat-x; text-align: left; vertical-align: top; padding-top: 4px; height: 48px; } /* td onde entra a img do tit do canal */ td.titCanal{ padding-left: 211px; width: 260px; text-align: left; vertical-align: top; } /* td com o caminho no site (links de texto) */ td.caminhoSite{ background-image: url(../../_imagens/_tmpl/tmpl_crc_fe_sep_vt_tracj_1px_azul_2.gif); background-position: top right; background-repeat: repeat-y; font-size: 10px; color: #D98200; text-align: right; padding-right: 13px; padding-bottom: 5px; vertical-align: bottom } /* variacoes */ td.caminhoSite #sep{ color: #333333 } /* td com o caminho no site (links de texto) */ td.caminhoSiteImg{ background-image: url(../../_imagens/_tmpl/tmpl_crc_fe_sep_vt_tracj_1px_azul_2.gif); background-position: top right; background-repeat: repeat-y; text-align: left; padding-bottom: 5px; vertical-align: bottom } /* td com as combos de filtragem */ td.filtragem{ background-image: url(../../_imagens/_tmpl/tmpl_crc_fe_sep_hz_tracj_3px_azul_1.gif); background-position: bottom left; background-repeat: repeat-x; text-align: right; vertical-align: middle; padding: 6px; padding-top:4px; padding-right: 13px; font-size: 10px; font-weight: bold; color: #B96F00; } /* td onde entra a img do tit do canal */ td.subtitCanal{ background-image: url(../../_imagens/_tmpl/tmpl_crc_fe_fundo_subtitulo.gif); background-position: top left; background-repeat: repeat-x; text-align: left; vertical-align: middle; height: 50px } /* tds com titulos de destauqe na homepage */ td.titDestaqueHomepage{ background-image: url(../../_imagens/_tmpl/tmpl_crc_fe_fundo_titulos_homepage.gif); background-position: bottom left; background-repeat: repeat-x; background-color: #F5F4EB; text-align: left; height: 37px; vertical-align: middle; padding-left: 8px } /* td com o menu lateral esq */ td.fundoMenuEsq{ width: 230px; text-align: left; vertical-align: top; } /* td que alberga o conteudo base/tabela */ td.fundoConteudo { text-align: left; vertical-align: top; padding-left: 5px; height: 380px} /* td que alberga o td que pode levar destaque do lado dto */ td.fundoDestaquesDta{ text-align: left; vertical-align: top; } /* tabela que alberga o conteudo central e k n pode ultrapassar os 630px */ table.tblConteudo{ width: 629px; border: 0px; } /* td com os textos gerais */ td.textoNormal{ padding: 10px; padding-left: 27px; text-align: left; vertical-align: top; } /* tds com os paginadores */ td.paginadorTop, td.paginadorBottom{ font-size: 10px; font-weight: bold; color: #B96F00; text-align: right; vertical-align: middle; padding: 4px; padding-right: 13px; padding-top: 6px; background-color: #FBFBF4} /* variacoes */ td.paginadorTop{ background-image: url(../../_imagens/_tmpl/tmpl_crc_fe_sep_hz_tracj_1px_cinza_1.gif); background-position: bottom left; background-repeat: repeat-x; } /* tds com btns de print, retroceder, topo */ td.btnsPrint{ background-image: url(../../_imagens/_tmpl/tmpl_crc_fe_fundo_btn_print.gif); background-position: top left; background-repeat: repeat-x; height: 82px; text-align: right; vertical-align: middle; padding-right: 29px } /* td do rodape */ td.rodape{ background-image: url(../../_imagens/_tmpl/tmpl_crc_fe_sep_hz_tracj_5px_azul_1.gif); background-position: top left; background-repeat: repeat-x; padding-left: 235px; text-align: left; vertical-align: top; height: 165px } /* variacoes */ td.rodape #txt{ padding-top: 2px; font-size:10px; } td.rodape #logos{ background-image: url(../../_imagens/_tmpl/tmpl_crc_fe_fundo_diagn_azul_01.gif); background-position: top left; background-repeat: repeat-x; background-color:#E4F4FD; height: 87px; text-align: left; vertical-align: top; padding-top: 8px; } /* tabela que alberga o conteudo do rodape (logos e copyright) e k n pode ultrapassar os 627px */ table.tblRodape{ width: 627px; border: 0px; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++ FORMATACAO DE TD'S ESPECIFICOS DE ALGUNS TMPLS +++++ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* td que alberga os TDs que partem um template a meio na vertical: homepage por ex. */ td.holderTdMeioTmpl{ background-image: url(../../_imagens/_tmpl/tmpl_crc_fe_sep_vt_tracj_1px_azul_2.gif); background-position: top left; background-repeat: repeat-y; text-align: right; padding-right: 3px; padding-left: 5px; vertical-align: top } /* tds de tmpls de destaque */ td.listDestaque_azul_1, td.listDestaque_azul_2, td.listDestaque_azul_3, td.listDestaque_beije_1, td.listDestaque_branco{ background-image: url(../../_imagens/_tmpl/tmpl_crc_fe_sep_hz_tracj_1px_cinza_1.gif); background-position: bottom left; background-repeat: repeat-x; background-color: #DDF0FD; text-align: left; vertical-align: top; padding: 6px; padding-top: 8px; padding-left: 10px; } /* variacoes */ td.listDestaque_azul_2{ background-color: #E9F6FD } td.listDestaque_azul_3{ background-color: #F7FDFE } td.listDestaque_beije_1{ background-color: #F5F4EB } td.listDestaque_branco{ background-color: #ffffff } /* formatacao de tds com ids especificos dentro dos tds de listagem */ td.listDestaque_azul_1 #td_img, td.listDestaque_azul_2 #td_img, td.listDestaque_azul_3 #td_img, td.listDestaque_beije_1 #td_img, td.listDestaque_branco #td_img{ width: 64px; padding-right:4px; padding-top: 3px } td.listDestaque_azul_1 #img, td.listDestaque_azul_2 #img, td.listDestaque_azul_3 #img, td.listDestaque_beije_1 #img, td.listDestaque_branco #img{ border: 1px solid #1B5578 } td.listDestaque_azul_1 #texto, td.listDestaque_azul_2 #texto, td.listDestaque_azul_3 #texto, td.listDestaque_beije_1 #texto, td.listDestaque_branco #texto{ font-size: 10px; line-height: 14px; color: #1B5578 } td.listDestaque_azul_1 #itemLink, td.listDestaque_azul_2 #itemLink, td.listDestaque_azul_3 #itemLink, td.listDestaque_beije_1 #itemLink, td.listDestaque_branco #itemLink{ font-size: 10px; line-height: 14px; color: #1B5578 } /* tds com os titulos das notícias e/ou registos */ td.tituloRegistos{ text-align: left; vertical-align: middle; background-image: url(../../_imagens/_tmpl/tmpl_crc_fe_sep_hz_tracj_1px_cinza_1.gif); background-position: bottom left; background-repeat: repeat-x; padding: 8px; padding-left: 27px; font-size: 17px; color: #666666; font-weight: bold; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ +++++++++ FORMATACAO DE OUTROS TD'S COM CONTEUDO ++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* tds com subtitulos a meio do texto, k funcionam como separadores */ /* trs sem link para eventos */ tr.sepTxtAzul_noLink, tr.sepTxtLaranja_noLink, tr.sepTxtCinza_noLink{ } /* tr com link para eventos */ tr.sepTxtAzul_link, tr.sepTxtLaranja_link, tr.sepTxtCinza_link{ cursor: pointer } /* tds destes tr's todos */ tr.sepTxtAzul_noLink td, tr.sepTxtLaranja_noLink td, tr.sepTxtCinza_noLink td, tr.sepTxtAzul_link td, tr.sepTxtLaranja_link td, tr.sepTxtCinza_link td{ text-align: left; vertical-align: bottom; background-image: url(../../_imagens/_tmpl/tmpl_crc_fe_sep_hz_tracj_1px_azul_1.gif); background-position: bottom left; background-repeat: repeat-x; padding: 6px; padding-left: 27px; font-size: 11px; font-weight: bold; color: #666666 } /* variacoes */ tr.sepTxtAzul_link td, tr.sepTxtAzul_noLink td{ color: #1B5578; } tr.sepTxtLaranja_link td, tr.sepTxtLaranja_noLink td{color: #D98200; } /* textos mais pequenos dentro dos trs */ tr.sepTxtAzul_noLink td #txtPeq, tr.sepTxtLaranja_noLink td #txtPeq, tr.sepTxtCinza_noLink td #txtPeq, tr.sepTxtAzul_link td #txtPeq, tr.sepTxtLaranja_link td #txtPeq, tr.sepTxtCinza_link td #txtPeq{ font-size: 10px; font-weight: normal; } /* tds com cor de fundo para caixas de cmhamada de atencao ou listagens de itens */ td.cxTxtAzul_1_noSep, td.cxTxtBeije_1_noSep, td.cxTxtBeije_2_noSep, td.cxTxtAzul_1_sep, td.cxTxtBeije_1_sep, td.cxTxtBeije_2_sep{ background-color: #E4F4FD;; text-align: left; vertical-align: top; color: #4b4b4b; /*#1B5578;*/ padding: 6px; padding-right: 20px; padding-left: 27px; line-height: 16px } /* variacoes */ td.cxTxtBeije_1_noSep, td.cxTxtBeije_1_sep{ background-color: #F9F8F3; } td.cxTxtBeije_2_noSep, td.cxTxtBeije_2_sep{ background-color: #F4F2E8; } td.cxTxtAzul_1_sep, td.cxTxtBeije_1_sep, td.cxTxtBeije_2_sep{ background-image: url(../../_imagens/_tmpl/tmpl_crc_fe_sep_hz_tracj_1px_azul_1.gif); background-position: top left; background-repeat: repeat-x; padding-top: 8px } /* trs com topicos que podem ser links ou listagens */ /* trs de topicos de listagem */ tr.topicoAzul_noLink, tr.topicoLaranja_noLink, tr.topicoCinza_noLink{ } /* tr com topicos que servem de links */ tr.topicoAzul_link, tr.topicoLaranja_link, tr.topicoCinza_link{ cursor: pointer } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++ FORMATACAO DAS IMAGENS +++++++++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++ FORMATACAO DOS SEPARADORES +++++++++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* separador Vazio */ .tdSeparadorHz5 { height: 5px; } .tdSeparadorHz10 { height: 10px; } .tdSeparadorHz15 { height: 15px; } .tdSeparadorHz20 { height: 20px; } .tdSeparadorHz30 { height: 30px; } .tdSeparadorHz50 { height: 50px; } .tdSeparadorHz100 { height: 100px; } .tdSeparadorHz200 { height: 200px; } /* separadores HZ com fundo diagonal beije, azul */ .tdSepDiagonal_beije_1{ background-image: url(../../_imagens/_tmpl/tmpl_crc_fe_fundo_diagn_beije_01.gif); background-position: top left; background-repeat: repeat; } /* separadores HZ com fundo diagonal azul */ .tdSepDiagonal_azul_1{ background-image: url(../../_imagens/_tmpl/tmpl_crc_fe_fundo_diagn_azul_01.gif); background-position: top left; background-repeat: repeat; } /* separador cinza escuro 3px */ /* separadores HZ com fundo diagonal azul */ .tdSepHz_tracejadoCinza_1, .tdSepHz_tracejadoCinza_1px_hz{ background-image: url(../../_imagens/_tmpl/tmpl_crc_fe_sep_hz_tracj_1px_azul_1.gif); background-position: top left; background-repeat: repeat-x; height: 16px; text-align: right; padding: 5px; padding-right: 12px } /* variacoes */ .tdSepHz_tracejadoCinza_1px_hz{ height: 1px; padding:0px } /* +++++++++++++++++ MAILS +++++++++++++++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++++++ +++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* tds de rodape com a morada no mail */ td.mailRodapeContactos{ background-image: url(../../_imagens/_tmpl/tmpl_crc_fe_sep_hz_tracj_1px_azul_1.gif); background-position: top left; background-repeat: repeat-x; padding-top: 20px; padding-bottom: 20px; text-align: center; font-size: 10px; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ +++++++++++++ MENSAGENS DE ERRO OU SUCESSO ++++++++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* formata os tds onde aparecem as mensagens de sucesso e erros */ .tdSucesso, .tdErro{ background-image: url(../../_imagens/_tmpl/tmpl_crc_fe_sep_hz_tracj_1px_azul_1.gif); background-position: bottom left; background-repeat: repeat-x; background-color: #F0F9DF; padding:5px; padding-left:27px; padding-top: 14px; padding-bottom: 10px; vertical-align:middle; text-align: left; color: #3B591E; line-height: 15px } /* variacoes */ .tdErro { background-color: #F6F6DB; color: #993300; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++ FORMATACAO DOS FORMULARIOS DOS TEMPLATES +++++ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* trs das listagens */ tr.listagemOn, tr.listagemOff, tr.listagemOver{ cursor:pointer; } /* variacoes: tds e texto (links e outros) */ tr.listagemOn td, tr.listagemOff td, tr.listagemOver td{ background-image: url(../../_imagens/_tmpl/tmpl_crc_fe_sep_hz_tracj_1px_cinza_1.gif); background-position: bottom left; background-repeat: repeat-x; background-color: #F7FDFE; padding: 6px; padding-left: 15px; text-align:left; } tr.listagemOff td{ background-color: #FFFFFF;} tr.listagemOver td{ background-color: #E9F6FD;} /* links dos tds das listagens */ tr.listagemOn #linkListagem, tr.listagemOff #linkListagem{ color: #666633; text-decoration: underline; } tr.listagemOver #linkListagem{ color: #DE4D13; text-decoration: underline; } /* tds com titulos */ tr.listagemOn #formTit, tr.listagemOff #formTit, tr.listagemOver #formTit{ font-size:10px ; font-weight: bold; padding: 4px; text-align:center; color: #505050; } /* tds com texto pekeno cinza */ tr.listagemOn #listPeqCinza, tr.listagemOff #listPeqCinza, tr.listagemOver #listPeqCinza{ font-size:10px ; padding: 4px; text-align: center; } /* tds de formularios do lado esq (texto) */ tr.listagemOn #formTxt, tr.listagemOff #formTxt, tr.listagemOver #formTxt { padding-left: 6px; color: #1B5578; width:150px; text-align:right; font-size: 10px; font-weight: bold } /* tds de formularios do lado esq (texto) com o azul mais escuro */ tr.listagemOn #formTxt2, tr.listagemOff #formTxt2, tr.listagemOver #formTxt2 { background-color: #F7FDFE; padding-left: 6px; color: #1B5578; width:130px; text-align:right; font-size: 10px; font-weight: bold } /* td com inputs de texto */ tr.listagemOn #formInput, tr.listagemOff #formInput, tr.listagemOver #formInput{ color: #D78100; padding-left: 0px; text-align:left; font-size: 10px; vertical-align: bottom; } /* labels com texto */ tr.listagemOn #formLabel, tr.listagemOff #formLabel, tr.listagemOver #formLabel{ color: #DE4D13; padding-left: 0px; text-align:left; font-size: 10px; vertical-align: bottom; } /* tds com bts de submit */ tr.listagemOn #formBtn, tr.listagemOff #formBtn, tr.listagemOver #formBtn{ padding-left: 0px; text-align:right; background-image: none; padding-bottom: 20px} /* tds com radio buttons */ tr.listagemOn #radioBtn, tr.listagemOff #radioBtn, tr.listagemOver #radioBtn{ padding-left: 0px; text-align:center; vertical-align:middle; border-left: 1px solid #DDDDDD} /* formatacao dos tds a avisar de msgs como campos obrigatorios */ .txtMsgAlertaForms{ text-align: left; vertical-align: bottom; background-image: url(../../_imagens/_tmpl/tmpl_fe_separador_tracejado_1px_laranja.gif); background-position: bottom left; background-repeat: repeat-x; background-color: #F3F2CD; padding: 3px; padding-left: 27px; font-weight: normal; font-size: 10px; color: #A86500; } /* inputs de texto */ .inputOut, .inputOver, .inputErro { height: 18px; width:180px; border: 1px solid #6FC2F2; padding: 2px; padding-left: 4px; vertical-align: middle; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #4B4B4B; } /* variacoes */ .inputOut{ background-color: #ffffff } .inputOver{ background-color: #F6F6F3} .inputErro{ background-color: #FAFAD2; border: 1px solid #DE4D13} /* combos */ .comboOut, .comboOver, .comboErro { height: 18px; border: 1px solid #6FC2F2; padding: 1px; padding-left: 2px; vertical-align: middle; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #4B4B4B; } /* variacoes */ .comboOut{ background-color: #ffffff } .comboOver{ background-color: #F6F6F3} .comboErro{ background-color: #FAFAD2; border: 1px solid #DE4D13} .comboOut #categorias, .comboOver #categorias, .comboErro # categorias{ width: 100px }