/*------------------------------------------------------------------------ # PCP Portal Março 2008 # ------------------------------------------------------------------------ # Autor: Gabinete de informatica e DEP PCP # Websites: http://www.pcp.pt -------------------------------------------------------------------------*/ /* COMMON STYLE --------------------------------------------------------- */ html, body, form, fieldset { margin: 0; padding: 0; } body { background: #FFFFFF; color: #000000; font-family: Arial, Helvetica, sans-serif; } body#bd { background: #FFFFFF; color: #333333; text-align: left; } body.contentpane { margin: 1em 2em; width: auto; /* Printable Page */ background: #FFFFFF; color: #000000; } body.fs1{ font-size: 9px; } body.fs2{ font-size: 10px; } body.fs3{ font-size: 11px; } body.fs4{ font-size: 12px; } body.fs5{ font-size: 13px; } body.fs6{ font-size: 14px; } /* Topo link */ .topo a { text-decoration: none; margin: 0px; padding: 0px; } .topo a:hover, a:active, a:focus { text-decoration: none; } /* Normal link */ a { color: #B02923; text-decoration: none; } a:hover, a:active, a:focus { color: #CC0000; text-decoration: none; } /* Title text */ .contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; } /* Small text */ small, .small, .smalldark, .mosimage_caption { font-size: 100%; color: #999999; } /* Heading */ h1 { padding: 0px; } h2 { font-size: 200%; } h3 { font-family: Arial, Helvetica, sans-serif; font-size: 9px; } h4 { font-size: 125%; text-transform: uppercase; } p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 { margin: 0px 0; padding-top: 0px; padding-right: 0pt; padding-bottom: 0px; padding-left: 0pt; } ul { list-style: none; } ul li { padding-left: 0px; line-height: 120%; background: url(../images/bullet-list.gif) no-repeat 25px 5px; } ol li { margin-left: 35px; line-height: 170%; } th { padding: 5px; font-weight: bold; text-align: left; } fieldset { border: none; } fieldset a { font-weight: bold; } hr { border-bottom: 0; border-left: 0; border-right: 0; border-top: 1px solid #CCCCCC; height: 1px; } a img { border: none; } td, div { font-size: 100%; } /* FORM --------------------------------------------------------- */ form { margin: 0; padding: 0; } form label { cursor: pointer; } input, select, textarea, .inputbox { padding-left: 1px; font-family: Tahoma, Arial, sans-serif; text-transform: uppercase; font-size: 9px; } select, textarea, .inputbox { background: #FFFFFF; color: #999999; } .button, .button:hover { } .button:active, .button:focus { } .inputbox { height: 9px; border: 1px solid #999999; margin-top: 1px; margin-bottom: 1px; } .inputbox:hover, .inputbox:focus { border-color: #333333; } /* BONUS TYPOGRAPHY STYLES -------------------------------------------------------------------------*/ /* Code text */ pre, .code { margin: 15px 0; padding: 15px 25px 15px 30px; background: url(../images/tp-code.gif) no-repeat top left #F7F7F7; font: 1em/1.5 monospace; } /* Quote */ blockquote { margin: 15px 0; padding: 5px 30px 5px 35px; } div.blockquote { margin: 0; padding: 0; } /* Quote hilight */ .quote-hilite { color: #FFFFFF; background: url(../images/q1_std.gif) no-repeat 10px 10px #006DA3; padding-right : 5px; padding-bottom: 10px; margin: 0; } .quote-hilite blockquote { background: url(../images/q2_std.gif) no-repeat right bottom; margin: 0; } .quote-hilite blockquote a { color: #FFFFFF; } .quote-hilite blockquote a:hover, a:active { color: #FFFFFF; } /* Dropcap */ .dropcap { float: left; padding: 0 5px 0 0; display: block; color: #666666; font: bold 50px/40px "Times New Roman", Times, serif; } /* Tips, Error, Message, Hightlight*/ .error { padding: 5px 5px 5px 25px; background: url(../images/bullet-error.gif) no-repeat center left; color: #CC0000; } .message { padding: 5px 0 5px 25px; background: url(../images/bullet-info.gif) no-repeat center left; color: #006DA3; } .tips { padding: 5px 5px 5px 25px; background: url(../images/bullet-tips.gif) no-repeat center left; } .highlight { border-bottom: 1px dotted #006DA3; padding: 0 1px; background: #E7F4FA; font-weight: bold; } /* Note Style */ p.stickynote { background: url(../images/sticky-bg.gif) no-repeat top left #F7F7F7; padding: 10px 10px 10px 50px; border: 1px solid #DDDDDD; } p.pinnote { background: url(../images/pin-bg.gif) no-repeat top left #F7F7F7; padding: 10px 10px 10px 50px; border: 1px solid #DDDDDD; } p.clipnote { background: url(../images/clip-bg.gif) no-repeat top left #F7F7F7; padding: 10px 10px 10px 50px; border: 1px solid #DDDDDD; } p.newspaper { background: url(../images/newspaper-bg.gif) no-repeat top left #F7F7F7; padding: 10px 10px 10px 50px; border: 1px solid #DDDDDD; } /* Check list */ ul.checklist { list-style: none; } ul.checklist li { margin-left: 3px; padding: 0px 0 5px 20px; background: url(../images/checklist-bg.gif) no-repeat 0px 5px; } /* Big number list */ .bignumber { float: left; margin-right: 8px; padding: 7px 7px; display: block; background: url(../images/ol-bg.gif) no-repeat top left; color: #FFFFFF; font: normal 20px/normal Arial, sans-serif; } .blocknumber { clear: both; margin: 5px 0; padding: 10px 15px; position: relative; } /* Talking box. Thinking box. */ div.bubble1, div.bubble2, div.bubble3, div.bubble4 { margin: 15px 0; } div.bubble1 div { margin: 0; width: 100%; background: url(../images/bub-br-bg.gif) no-repeat bottom right; } div.bubble1 div div { background: url(../images/bub-bl-bg.gif) no-repeat bottom left; } div.bubble1 div div div { background: url(../images/bub-tr-bg.gif) no-repeat top right; } div.bubble1 div div div div { background: url(../images/bub-tl-bg.gif) no-repeat top left; } div.bubble1 div div div div div { margin: 0; padding: 15px 15px 30px 15px; width: auto; } div.bubble2 { width: 99%; background: url(../images/bub-arrow-bg.gif) no-repeat bottom left; } div.bubble2 div { border: 1px solid #CCCCCC; border-bottom: none; margin-bottom: 20px; padding: 10px 15px 15px; background-color: #F7F7F7; } div.bubble3 div { margin: 0; width: 100%; background: url(../images/bub2-br-bg.gif) no-repeat bottom right; } div.bubble3 div div { background: url(../images/bub2-bl-bg.gif) no-repeat bottom left; } div.bubble3 div div div { background: url(../images/bub2-tr-bg.gif) no-repeat top right; } div.bubble3 div div div div { background: url(../images/bub2-tl-bg.gif) no-repeat top left; } div.bubble3 div div div div div { margin: 0; padding: 15px 15px 50px 15px; width: auto; } div.bubble4 { width: 99%; background: url(../images/bub2-arrow-bg.gif) no-repeat bottom left; } div.bubble4 div { border: 1px solid #CCCCCC; margin-bottom: 30px; padding: 10px 15px 15px; background-color: #F7F7F7; } /* Caption Box */ .caption, .captionBox, .captionBox-hilite, .story-hilite { border: 1px solid #CCCCCC; padding: 15px 10px 10px 10px; margin: 20px 0 19px 0; position: relative; line-height: normal; } .captionBox h3, .captionBox-hilite h3 { position: absolute; top: -7px; left: 10px; margin: 0 0 0 -2px; padding: 0 2px; font-size: 125%; font-weight: bold; background: #FFFFFF; text-transform: uppercase; } .captionBox-hilite { border: 1px solid #006DA3; } .captionBox-hilite h3 { color: #006DA3; } .caption span.title { position: absolute; top: -7px; left: 10px; margin: 0 0 0 -2px; padding: 0 2px; line-height: 14px; background: #FFFFFF; color: #999999; } .story-hilite h3 { position: absolute; top: 0px; margin: 0 0 0 -2px; padding: 0px 5px 0px 5px; background: #006DA3; font-size: 125%; font-weight: bold; color: #FFFFFF; text-transform: uppercase; } .story-hilite { border: 1px solid #006DA3; padding-top: 25px; } /* Box style */ .box-grey, .box-hilite { border: 1px solid #CCCCCC; background-color: #F7F7F7; margin: 20px 0 0 0; padding: 10px; } .box-hilite { border: 1px solid #006DA3; background: #E7F4FA; } /* Video, comment, rss style */ .video, .video:hover, .video:active { background: url(../images/video.gif) no-repeat top left; margin: 0; padding: 0 0 0 25px; border-bottom: none; } .comment, .comment:hover, .comment:active { background: url(../images/comment-icon.gif) no-repeat top left; margin: 0; padding: 0 0 0 25px; border-bottom: none; } .rss, .rss:hover, .rss:active { background: url(../images/rss.gif) no-repeat top left; margin: 0; padding: 0 13px 3px; border-bottom: none; } img.border { padding: 1px; border: 1px solid #CCCCCC; margin: 5px 0 2px 2px; } /* MODULE --------------------------------------------------------- */ div.moduletable h3 { font-weight: bold; padding: 2px 5px; background: #B02923; color: #FFFFFF; text-transform: uppercase; position: relative; display: block; margin-bottom: 5px; } div.moduletable h3 a { color: #FFFFFF; } div.moduletable { margin-top: 0px; margin-bottom: 0px; margin-left: 0px; padding: 0px 0px 0px 0px; } div.moduletable-colunas { width: 100%; column-count: 4; column-gutter: 15px; column-rule: solid black thin; } div.ja-moduletable h3 { margin: 0 0 5px; padding: 0; background: #B02923; font-size: 80%; letter-spacing: normal; text-transform: uppercase; } div.ja-moduletable h3 span { color: #FFFFFF; background: #B02923; padding-top: 1px; padding-bottom: 1px; padding-left: 5px; } #ja-col1 div.ja-moduletable h3 span { background: #FFFFFF; } #ja-masscol div.ja-moduletable h3 span { background: #FFFFFF; } div.ja-moduletable { margin: 0; padding: 0px 0 0; background: #000099; } #ja-col1 div.moduletable, #ja-col1 div.ja-moduletable { margin: 0 10px; } #ja-col2 div.moduletable, #ja-col2 div.ja-moduletable { margin-left: 10px; } /* JOOMLA STYLE --------------------------------------------------------- */ .article_seperator { display: block; background: url(../images/sep.gif) repeat-x center; height: 20px; } table.blog .article_seperator { } #ja-col1 .article_seperator, #ja-col2 .article_seperator, #ja-topsl .article_seperator, #ja-botsl .article_seperator { display: none; } table.contentpane { border: none; width: 100%; border-collapse: collapse; } table.contentpaneopen { border: none; border-collapse: collapse; } table.contenttoc { margin: 0 0 10px 10px; padding: 0 0 5px; width: 35%; border: 1px solid #CCCCCC; } table.contenttoc a { font-weight: bold; } table.contenttoc td { padding: 5px 5px 2px 20px; background: url(../images/bullet-list.gif) no-repeat 10px 12px; } table.contenttoc th { text-indent: 5px; border-bottom: 1px solid #CCCCCC; background: #F7F7F7; text-transform: uppercase; } table.poll { padding: 0; width: 100%; border-collapse: collapse; } table.pollstableborder { border: none; padding: 0; width: 100%; text-align: left; } table.pollstableborder img { vertical-align: baseline; } table.pollstableborder td { padding: 2px !important; } table.pollstableborder tr.sectiontableentry1 td { border: none; background: #EFEFEF; } table.pollstableborder tr.sectiontableentry2 td { border: none; } table.searchintro { padding: 10px 0; width: 100%; } table.searchintro td { padding: 5px !important; } table.adminform { width: 400px!important; /*Control the Frontend Editor area width*/ } .adminform .inputbox { } .datadaagenda { text-transform:uppercase; color:#000000; font-size:9px; display: inline; background:#CCCCCC; padding: 1px 3px 1px 3px; } a:datadaagenda { } .datadaagenda a:active { } .tituloagenda { margin-bottom: 10px; margin-top: 2px; padding-left: 10px; background: url(../images/bullet-list.gif) no-repeat 2px 5px; } .blog_more { margin: 15px 0; } .blog_more strong { margin: 0 0 5px; display: block; font-size: 150%; } .blog_more ul { margin: 0; padding: 0; } .blog_more ul li { padding-left: 13px; background: url(../images/bullet-list.gif) no-repeat 2px 5px; margin: 0; } td.buttonheading { padding: 0 0 0 5px!important; text-align: center; } td.buttonheading a { border: none; } .category { font-weight: normal; color: #999999; } .clr { clear: both; } .componentheading { margin-bottom: 15px; padding-bottom: 5px; background: url(../images/sep.gif) repeat-x bottom; color: #333333; font-size: 275%; font-weight: bold; line-height: normal; text-transform: uppercase; } .contentdescription { padding-bottom: 30px; } table.blog .contentheading { font-size: 120%; font-weight: bold; line-height: 96%; } .contentheading { font-size: 28px; font-weight: bold; line-height: normal; line-height: 100%; } .contentpagetitle { border-bottom: none; } a.contentpagetitle { border-bottom: none; } a.contentpagetitle:hover, a.contentpagetitle:active, a.contentpagetitle:focus { border-bottom: none; } a.readon { border-bottom: none; font-weight: normal; font-family: Arial, Helvetica, sans-serif; } a.readon:hover, a.readon:active, a.readon:focus { border-bottom: none; } table.contentpaneopen td, table.contentpane td { } table.contentpaneopen, table.contentpane, table.blog { border-collapse: collapse; font-size:17px; font-style:inherit; border-spacing: 0; line-height: 130%; } .createdate { color: #999999; font-size: 9px; } .modifydate { color: #999999; height: 15px; } .moduletable { padding: 0; } .moduletable-colunas { width: 100%; column-count: 4; column-gutter: 15px; column-rule: solid black thin; } .moduletable_especial { padding: 0; background-color: #85C226; line-height: 50%; color:#FFFFFF; } .moduletable_especial ul li { padding-left: 13px; background: url(../images/bullet-list.gif) no-repeat 2px 5px; margin: 0; } .moduletable_especial ul li a { color:#FFFFFF; } .moduletable_especial ul li a:hover { color: #333333; text-decoration: none; } .moduletable_comunic { padding: 0; background-color: #838280; line-height: 50%; color:#FFFFFF; } .moduletable_comunic ul li { padding-left: 13px; background: url(../images/bullet-list.gif) no-repeat 2px 5px; margin: 0; } .moduletable_comunic ul li a { color:#FFFFFF; text-decoration: none; } .moduletable_comunic ul li a:hover { color: #333333; text-decoration: none; } .mosimage { margin: 15px 10px 10px 0!important; margin: 15px 5px 10px 0; padding: 0; } .mosimage img { } .mosimage_caption { margin-top: 5px; padding: 1px 2px; color: #999999; } .pagenav, .pagenav_prev, .pagenav_next, .pagenavbar { padding: 0 2px; } a.pagenav, .pagenav_prev a, .pagenav_next a, .pagenavbar a { } .pagenavbar { } .pagenavcounter { padding: 8px 14px 0 14px; background: url(../images/pages.gif) no-repeat 0 11px; } .sectiontableheader { padding: 5px; background: #333333; color: #FFFFFF; font-weight: bold; } tr.sectiontableentry1 td { padding: 5px 5px; border-bottom: 1px solid #DDDDDD; background: #FFFFFF; } tr.sectiontableentry2 td { padding: 5px 5px; border-bottom: 1px solid #DDDDDD; background: #EFEFEF; } tr.sectiontableentry1:hover td, tr.sectiontableentry2:hover td { background: #E7F4FA; } .small { } .smalldark { text-align: left; } div.syndicate div { text-align: center; } .pollstableborder tr.sectiontableentry1 td, .pollstableborder tr.sectiontableentry2 td { background: none; } /* MAIN LAYOUT DIVS --------------------------------------------------------- */ #ja-wrapper { } #ja-headerwrap, #ja-topslwrap, #ja-botslwrap, #ja-mainnavwrap1, #ja-subnavwrap, #ja-footerwrap, #ja-hpwrap { clear: both; width: 100%; } /* alterei a dimensão da largura de 750 para 1000*/ #ja-header, #ja-topsl, #ja-botsl, #ja-mainnavwrap2, #ja-subnav, #ja-containerwrap, #ja-containerwrap-cm, #ja-containerwrap-c, #ja-containerwrap-f, #ja-containerwrap-m, #ja-footer, #ja-hp { margin: 0 auto; width: 1000px; text-align: left; } .wide #ja-header, .wide #ja-topsl, .wide #ja-botsl, .wide #ja-mainnavwrap2, .wide #ja-subnav, .wide #ja-containerwrap, .wide #ja-containerwrap-cm, .wide #ja-containerwrap-c, .wide #ja-containerwrap-f, .wide #ja-containerwrap-m, .wide #ja-footer, .wide #ja-hp { width: 1000px;/*1024%*/ } .auto #ja-header, .auto #ja-topsl, .auto #ja-botsl, .auto #ja-mainnavwrap2, .auto #ja-subnav, .auto #ja-containerwrap, .auto #ja-containerwrap-cm, .auto #ja-containerwrap-c, .auto #ja-containerwrap-f, .auto #ja-containerwrap-m, .auto #ja-footer, .auto #ja-hp { width: 95%!important; } /* PRIMARY COLUMN --------------------------------------------------------- */ #ja-content { float: left; width: 48%; /* 60% define a largura do destaque e do banner*/ } #ja-content div.innerpad { clear: both; margin: 0; padding: 0px 0px 0px 0; display: block; height: 15px; } html>body #ja-content div.innerpad { height: auto; min-height: 15px; } /* SECONDARY COLUMNS --------------------------------------------------------- */ #ja-colwrap { float: right; width: 52%;/*40%*/ } #ja-col1 { float: left; width: 50%; overflow: hidden; padding-bottom: 10px; } #ja-col2 { float: right; width: 49.9%; overflow: hidden; padding-bottom: 10px; } #ja-col1 table, #ja-col2 table { border-collapse: collapse; border-spacing: 0; } #ja-col1 ul, #ja-col2 ul { margin: 0; padding: 0; } #ja-col1 ul li, #ja-col2 ul li { padding-left: 13px; background: url(../images/bullet-list.gif) no-repeat 2px 8px; } #ja-masscol { padding: 0px 0px 0px 0px; background: #FFFFFF; } /* COLLAPSIBLE LAYOUT --------------------------------------------------------- */ #ja-containerwrap { background: url(../images/mainwrap-bg1.gif) repeat-y 50% 0; /*60%*/ } #ja-container { background: url(../images/mainwrap-bg2.gif) repeat-y 50% 0; /*80%*/ } /* full */ #ja-containerwrap-f, #ja-containerwrap-f #ja-container { background: #FFFFFF; } #ja-containerwrap-f #ja-content { width: 100%; } /* content + col + mass */ #ja-containerwrap-cm { background: url(../images/mainwrap-bg1.gif) repeat-y 50% 0;/*60%*/ } #ja-containerwrap-cm #ja-container { background: none; } #ja-containerwrap-cm #ja-col1, #ja-containerwrap-cm #ja-col2 { width: 100%; } /* content + col */ #ja-containerwrap-c { background: url(../images/mainwrap-bg3.gif) repeat-y 50% 0;/*80%*/ } #ja-containerwrap-c #ja-container { background: none; } #ja-containerwrap-c #ja-content { width: 50%; /*80%*/ } #ja-containerwrap-c #ja-colwrap { width: 50%; /*20%*/ } #ja-containerwrap-c #ja-col1, #ja-containerwrap-c #ja-col2 { width: 100%; } /* content + mass */ #ja-containerwrap-m { background: url(../images/mainwrap-bg1.gif) repeat-y 60% 0; } #ja-containerwrap-m #ja-container { background: none; } /* HEADER --------------------------------------------------------- */ #ja-headerwrap { border-bottom: 1px solid #999999; background: url(../images/header-bg.gif) repeat-x bottom #FFFFFF; } #ja-header { padding: 0px; line-height: normal; text-align: left; position: relative; } #ja-header h1 { margin: 0; padding: 0; float: left; font-size: 2.5em; } #ja-header h1 a { border-bottom: none; color: #333333; text-transform: uppercase; } #ja-header h1 img { float: left; } #ja-header a { } div.ja-day { margin-top: 5px; float: right; font-family: Tahoma, Arial, sans-serif; } div.ja-day div { float: left; padding: 10px 0 5px; margin-left: 5px; width: 37px; background: url(../images/day-panel-bg.gif) repeat-x top #333333; color: #DDDDDD; font-size: 90%; font-weight: bold; text-align: center; } div.ja-day span { float: left; color: #FFFFFF; font-size: 260%; text-transform: uppercase; letter-spacing: 2px; padding-top: 4px; } /* MAIN NAVIGATION --------------------------------------------------------- */ #ja-mainnavwrap1 { background: FFFFFF; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; color: #666666; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-top-style: solid; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-top-color: #666666; font-size: 10px; border-bottom-color: #666666; } #ja-mainnavwrap2 { padding: 1px 0; } #ja-mainnav { float: left; } #ja-mainnav-right { float: right; } #ja-mainnavwrap1 a, #ja-mainnavwrap1 a:hover, #ja-mainnavwrap1 a:active, #ja-mainnavwrap1 a:focus { border-bottom: none; } #ja-mainnav ul { margin: 0; padding: 0; list-style: none; } #ja-subnavwrap { background: #666666; } #ja-subnav { background: #666666; } #ja-search { float: right; margin-bottom: 5px; } #ja-search div.search { margin: 3px 0 0 5px; } #ja-search div.search .inputbox { width: 150px; border: 1px solid #666666; padding-left: 4px; background: #FFFFFF url(../images/icon-search.gif) no-repeat 95% 50%; margin-bottom: 0; } /* Default Joomla! Menu */ a.mainlevel { float: right; display: none; color: #999999; font-size: 9px; font-weight: normal; padding-top:1px; padding-left: 5px; padding-right: 5px; display: inline; list-style: none; text-transform: uppercase; } a.mainlevel:hover, a.mainlevel:active, a.mainlevel:focus { background: #666666; color: #FFFFFF; } a.mainlevel#active_menu { color: #FFFFFF; background: #CC0000; } a.sublevel { padding: 3px 3px 3px 14px; border-bottom: none; display: block; background: url(../images/sublevel-bg.gif) no-repeat top left; } a.sublevel:hover, a.sublevel:active, a.sublevel:focus { border-bottom: none; } a.mainlevel-ar { float: left; display: block; color: #333333; font-size: 10px; font-weight: normal; padding-top:2px; padding-left: 5px; padding-right: 5px; text-transform: uppercase; padding-bottom: 2px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #333333; text-indent: 5px; width: 209px; } a.mainlevel-ar:hover, a.mainlevel-ar:active, a.mainlevel-ar:focus { background: #666666; color: #FFFFFF; } a.mainlevel-ar#active_menu { color: #FFFFFF; background: #CC0000; } a.sublevel-ar { padding: 3px 3px 3px 14px; border-bottom: none; display: block; background: url(../images/sublevel-bg.gif) no-repeat top left; font-size: 11px; color: #999999; text-decoration: none; } a.sublevel-ar:hover, a.sublevel-ar:active, a.sublevel-ar:focus { border-bottom: none; } #active_menu { color: #CC0000; font-weight: bold; } /* SPOTLIGHT --------------------------------------------------------- */ /* Spotlight Box Style */ .ja-box-left, .ja-box-center, .ja-box-right { float: left; overflow: hidden; } .ja-box-full { float: none; overflow: hidden; } .ja-box-fotografia { height: 254px; padding: 0 0px 0 0; } .ja-box-left div.moduletable { width: 260px; padding: 0 0px 0 0; } .ja-box-right div.moduletable-colunas { width: 100%; column-count: 4; column-gutter: 15px; column-rule: solid black thin; } .ja-box-right div.moduletable { padding: 0 0 0 0px; } .ja-box-center div.moduletable { padding: 0 0px; } /* Top Spotlight */ #ja-topslwrap { } #ja-topsl { clear: both; padding: 0; position: relative; } #ja-topsl h3 { margin: 0 0 5px; padding: 0; color: #FFFFFF; } #ja-topsl a { color: #FFFFFF; } #ja-topsl div.moduletable { margin: 0; padding: 15px 25px; } #ja-topsl div.ja-box-left, #ja-topsl div.ja-box-center, #ja-topsl div.ja-box-right { padding: 0; } /* Bottom Spotlight */ #ja-botslwrap { border-bottom: 1px solid #CCCCCC; background: #FFFFFF; } #ja-botsl { } #ja-botsl div.moduletable { padding: 0px 0px 4px 22px; background: none; } #ja-botsl div.ja-box-left { width: 295px; } #ja-botsl div.ja-box-center { background: url(../images/sep.gif) repeat-y right; } #ja-botsl h3 { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 4px; margin: 0px; } /* Common Styles for both Spotlight Area */ #ja-topsl ul, #ja-botsl ul { margin: 0; padding: 0; } #ja-topsl li, #ja-botsl li { padding-left: 12px; margin: 0; background: url(../images/bullet-list.gif) no-repeat 2px 8px; } #ja-topsl td, #ja-botsl td { padding: 0; } #ja-botsl .article_seperator, #ja-topsl .article_seperator { display: none; } #ja-botsl table { width: 295px; } #ja-topsl table { border-collapse: collapse; border-spacing: 0; } /* PATHWAY ---------------------------------------------------------*/ #ja-pathway { margin: 0px 0 15px 0; } #ja-pathway img { margin: 0 0px 0px; } #ja-pathway strong { margin-right: 5px; } #ja-pathway a { } /* FOOTER --------------------------------------------------------- */ #ja-footerwrap { border-top: 1px solid #999999; background: #FFFFFF; } #ja-footer { clear: both; padding: 10px 0; color: #000000; text-align: center; overflow: hidden; position: relative; } #ja-footer a { color: #000000; font-weight: bold; } #ja-footer a:hover, #ja-footer a:active, #ja-footer a:focus { color: #333333; font-weight: bold; } #ja-cert { position: absolute; right: 0; top: 18px; } #ja-cert a { padding-left: 2px; border-bottom: none; } /* MISCELLANOUS ----------------------------------------------------------- */ ul.accessibility { position: absolute; top: -100%; } #ja-hp-switch { float: right; color: #CCCCCC; display: none; font-weight: bold; cursor: pointer; padding: 2px 5px 3px; margin-top: 1px; } .ja-hp-active { color: #FFFFFF !important; background: #006DA3; border-bottom: 1px solid #000000; } #ja-hpwrap { font-size: 11px; } #ja-hp { line-height: normal; } div.ja-hpmodule { float: right; padding: 2px 0 1px; } html>body div.ja-hpmodule { float: right; padding: 3px 0; } div.ja-hpmodule form { float: left; } div.ja-hpmodule form label { float: left; padding: 0 5px; } div.ja-hpmodule form input.button { padding: 0px 3px; background: #333333; border: 1px solid #333333; color: #CCCCCC; font-size: 11px !important; } div.ja-hpmodule form #mod_login_username, div.ja-hpmodule form #mod_login_password { background: #F7F7F7; border: 1px solid #CCCCCC; width: 70px; margin-bottom: 0; } div.ja-hpmodule form #mod_login_remember { margin-bottom: 0; } div.ja-hpmodule form a { padding-left: 5px; border-left: 1px solid #CCCCCC; } /* User Tools */ #ja-usertools { padding: 7px 0 0; font-size: 11px; float: left; } #ja-usertools ul { margin: 0 15px 0 0; padding: 0; float: left; } #ja-usertools ul li { margin: 0; padding: 0; list-style: none; background: none; display: none; } #ja-usertools img { padding: 0 3px 0 0; } div.innerpad { padding: 0 10px; } .ja-banner { margin-top: 5px; padding: 5px 0 7px; text-align: center; margin-bottom: 7px; } .ja-banner a, .ja-banner a:hover, .ja-banner a:active, .ja-banner a:focus { border-bottom: none; } .ja-content-module { margin-top: 15px; padding: 10px 0; text-align: center; background: url(../images/sep.gif) repeat-x top; } div.back_button a, div.back_button a:hover, div.back_button a:active, div.back_button a:focus { border-bottom: none; float: left; margin: 10px 0; display: block; font-weight: bold; text-transform: uppercase; } #mod_login_password, #mod_login_username { width: 90%; } #mod_login_remember { border: none; background: none; } /* Clearfix */ .clearfix:after { clear: both; display: block; content: "."; height: 0; visibility: hidden; } * html > body .clearfix { width: 100%; display: block; } * html .clearfix { height: 1%; } /* Firefox Scrollbar Hack - Do not remove */ html { margin-bottom: 1px; height: 100%!important; height: auto; } /*videos*/ .videostitulo { font-size: 16px; color: #333333; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; } .videosdata { font-size: 11px; color: #999999; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; } /*Avante*/ .avantetitulo { font-size: 14px; color: #333333; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; } .avantetitulo a{ font-size: 14px; color: #333333; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; } .avantelinks { font-size: 11px; color: #333333; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; } .avantelinks a{ font-size: 11px; color: #333333; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; } .opiniaotitulo { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic; font-weight: bold; color: #000000; text-decoration: none; line-height: 16px; } .opiniaotexto { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none; line-height: 12px; } .opiniaolinks { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: italic; color: #000000; text-decoration: none; font-weight: bold; } .opiniaolinks a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: italic; color: #000000; text-decoration: none; font-weight: bold; } .opiniaoautor { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none; font-weight: bold; } .opiniaoautores { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; text-decoration: none; } .opiniaocargo { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: italic; color: #666666; text-decoration: none; }