/* SET BASE FONT ATTRIBUTES */
html, body {font: 10px/12px Verdana, Arial, Helvetica, sans-serif; color: #000; text-align:left;}
/* REMOVE PADDING AND MARGIN VALUES */
html, body, h1, h2, h3, h4, h5, h6, img,
blockquote, q, table, thead, tbody, tfoot, caption, th, tr, td, a, form,
input, textarea, pre, hr
{
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px;
}
p {margin: 0px; margin-bottom: 10px; padding: 0;}
/* SORT OUT HEADER FORMATTING AND SIZES */
h1, h2, h3, h4, h5 {font-weight: bold;}
h1 {font-size: 20px;}
h2 {font-size: 17px;}
h3 {font-size: 15px;}
h4 {font-size: 12px;}
h5 {font-size: 11px;}
h6 {font-size: 10px;}
a {text-decoration: none;}
a:link, a:visited {color: #12436E;}
a:hover {color: #1B4253; text-decoration: underline;}
a:active {color: #A29F9F;}
a.lista {line-height:14px;}
a.menu:link { color: #000000; text-decoration: none }
a.menu:visited { color: #000000; text-decoration: none }
a.menu:active { color: #999999; text-decoration: none }
a.menu:hover { color: #3333FF; text-decoration: none }
/* HARMONIZE LINKS, KILL BORDER ON IMG LINKS */
a img, :link img, :visited img {
border: none;
}
/* REMOVE BROWSERS DEFAULT TABLE BORDERS */
table {
table-layout: auto;
background-color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
}
/* HARMONISE LIST-BULLET TYPE */
ul, ol, dl {list-style-type: disc;}
#visual-portal-wrapper {
text-align:left;
max-width:1003px;
min-width:779px;
width:expression(document.body.clientWidth > 1003? "1003px":
document.body.clientWidth < 779? "778px":
"auto");
}
/* 62.7em y 48.6em */
/* POPUPIMAGE */
.smalli {height:80px; width:80px; border: 1px solid #CCCCCC; background:#FFFFFF;float:left;margin-right:5px}
/* FIELDSET */
fieldset {margin: 1em 0em 1em 0em; padding: 0em 1em 1em 1em; line-height: 1.5em; width: auto;}
legend {color: #000000; padding: 0.1em 0.6em; font-size: 100%;}
/* BUTTON */
.button, button {background-color:#E6E6E6; border-color:#FFF #C1C1C1 #C1C1C1 #FFF; color:#333; font:normal 10px verdana; border-style:outset; border-width:2px; margin-right:0.5em; padding:.0em .2em; cursor:auto;}
/* INPUT, SELECT, TEXTAREA... */
select {color:#000000; font:normal 10px Arial, Helvetica, sans-serif; background-color: #F8F8F8;}
input.text, input.cesta {height:14px;}
input.text, input.cesta, textarea {
border:1px solid #1B4253;
background-image:url('../portal_images/inputbg.gif');
background-repeat: repeat-x;
font: normal 10px/13px Arial, Helvetica, sans-serif;
padding-left: 1px;
}
/* FIX POSSIBLE FIREFOX BUG */
div, td {
font-family: Arial, Helvetica, sans-serif;
}
th {white-space: nowrap;}
/* CELLS */
.cell {padding:2px 4px;}
#text-search {border-top:1px solid black; padding-top:5px; margin-top:5px}
/* HOME TABS */
#tabNavigation {
border-bottom: 1px solid #C0370F;
font: normal 11px Arial, Helvetica, sans-serif;
margin-top: 10px;
padding: 0 0 18px 0px;
}
a{ color: #777777; text-decoration: none;}
a:link{ color: #000066; text-decoration: none;}
a:visited{ color: #0000FF; text-decoration: none;}
a:hover{ color: #0000FF; text-decoration: underline;}
h1{ font-family: Arial, Helvetica, sans-serif; font-size: 120%; color: #334d55; margin: 0px; padding: 0px;}
h2{ font-family: Arial, Helvetica, sans-serif; font-size: 114%; color: #006699; margin: 0px; padding: 0px;}
h3{ font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #334d55; margin: 0px; padding: 0px;}
h4{ font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: normal; color: #333333; margin: 0px; padding: 0px;}
h5{ font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #334d55; margin: 0px; padding: 0px;}
label{ font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #334d55;}
a.menu:link { color: #000000; text-decoration: none }
a.menu:visited { color: #000000; text-decoration: none }
a.menu:active { color: #999999; text-decoration: none }
a.menu:hover { color: #3333FF; text-decoration: none }
.menulinks { background-image: url("picts/background-menu.gif");
font: 12px Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
padding-left: 8px;
height: 21px; }
/***********************************************/
/* Layout Divs */
/***********************************************/
#tabla0{
background-color:#FFFFFF;
vertical-align:top;
border: 0;
border-color: #CCCCCC;
}
#tabla1{ background-color:#FFFFFF; border-bottom:1px solid #aaaaaa; font: Verdana, Arial, Helvetica, sans-serif font-size: 12px;}
#tabla2{ background-color:#FFFFFF;}
#tabla3{ background-color:#336699; border: 1px solid #cccccc; }
/*#tabla3{ background-color:#345E4c; border: 1px solid #cccccc; }*/
#tabla4{ background-color:#eeeeee; }
#pestact4t { background-color:#ffffff; border-left:1px solid #aaaaaa; border-top:1px solid #aaaaaa; border-right:1px solid #aaaaaa;}
#pestact4{ font: Arial, Helvetica, sans-serif; font-size: 13px; font-weight:bold; color:#336699; padding: 4px 0px 4px 10px;}
#pestact4 img{ display:block;}
#pestact4 a { font: Arial, Helvetica, sans-serif; font-size: 13px; font-weight:bold; color:#FFffff; padding: 0 4px 0 0;}
#pestact4 a:hover { font: Arial, Helvetica, sans-serif; font-size: 13px; font-weight:bold; color:#aaaaaa; padding: 0 4px 0 0;}
#pestnact { background-color:#336699; border-left:1px solid #336699; border-top:1px solid #336699; border-right:1px solid #336699; }
#pestnact5{ padding: 4px 0px 4px 10px;}
#pestnact5 img{ display:block;}
#pestnact5 a { font: Arial, Helvetica, sans-serif; font-size: 13px; font-weight:bold; color:#FFFFFF; padding: 0 4px 0 0;}
#pestnact5 a:hover { font: Arial, Helvetica, sans-serif; font-size: 13px; font-weight:bold; color:#aaaaaa; padding: 0 4px 0 0;}
#opcact2 { font: Arial, Helvetica, sans-serif; font-size: 12px; color:#000099;}
#opcact2 a { font: Arial, Helvetica, sans-serif; font-size: 12px; color:#000099;}
#opcact2 a:hover { font: Arial, Helvetica, sans-serif; font-size: 12px; color:#aaaaaa;}
#opcnact2 a { font: Arial, Helvetica, sans-serif; font-size: 12px; color:#666666;}
#opcnact2 a:hover { font: Arial, Helvetica, sans-serif; font-size: 12px; color:#999999;}
#masthead{ padding: 10px 0px 0px 0px; border-bottom: 1px solid #cccccc; width: 100%;}
#navBar{ float: left; width: 20%; margin: 0px; padding: 0px; background-color: #eeeeee; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc;}
#headlines{ float:right; width: 20%; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding-right: 10px;}
#content{ float: left; width: 55%;}
/***********************************************/
/* Components */
/***********************************************/
#siteName{ margin: 0; padding: 0 0 0 10px;}
/************* #globalNav styles **************/
/*#globalNav{
padding: 3px 0px 2px 0px;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
color: #FFFFFF;
left: auto;
}
#globalNav img{ display:block;}
#globalNav a { font: Arial, Helvetica, sans-serif; font-size: 14px; color:#FFffff; padding: 4px 4px 4px 4px;}
#globalNav a:hover { font: Arial, Helvetica, sans-serif; font-size: 14px; color:#aaaaaa; padding: 4px 4px 4px 4px;}
*/
#globalNav{ padding: 4px 4px 4px 4px;border-top: 1px solid #CCC;border-bottom: 1px solid #CCC;color: #cccccc;}
#globalNav img{ display:block;}
#globalNav a { font:Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color:#FFffff; padding: 4px 4px 4px 4px;}
#globalNav a:hover { font:Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color:#aaaaaa; padding: 4px 4px 4px 4px;}
#globalNav2{ padding: 0px 0px 2px 10px; color: #cccccc;}
#globalNav2 img{ display:block;}
#globalNav2 a { font: Arial, Helvetica, sans-serif; font-size: 80%; color:#FFffff; padding: 0 4px 0 0;}
#globalNav2 a:hover { font: Arial, Helvetica, sans-serif; font-size: 80%; color:#aaaaaa; padding: 0 4px 0 0;}
#globalNav3{ padding: 4px 4px 4px 4px; color: #336699; background-color:#eeeeee; }
#globalNav3 img{ display:block;}
#globalNav3 a { font: Arial, Helvetica, sans-serif; font-size: 12px; color:#336699; padding: 0 0px 0 0;}
#globalNav3 a:hover { font: Arial, Helvetica, sans-serif; font-size: 12px; color:#666666; padding: 0 0px 0 0;}
#globalNav3 a:link { font: Arial, Helvetica, sans-serif; font-size: 12px; color:#aaaaaa; padding: 0 0px 0 0;}
#globalNav5{font: Arial, Helvetica, sans-serif; font-size: 80%; font-weight:bold; padding: 4px 0px 4px 10px;color: #336699;}
#globalNav5 img{ display:block;}
#globalNav5 a { font:Verdana, Arial, Helvetica, sans-serif; font-size: 80%; font-weight:bold; color:#336699; padding: 0 4px 0 0;}
#globalNav5 a:hover { font: Arial, Helvetica, sans-serif; font-size: 80%; font-weight:bold; color:#aaaaaa; padding: 0 4px 0 0;}
#nav1{ padding: 0px 0px 3px 0px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC;}
#nav1 img{ display:block; }
#nav1 a { font: Arial, Helvetica, sans-serif; font-size: 70%; color:#00f; padding: 0px 0px 0px 0px;}
#nav1 a:hover { font: Arial, Helvetica, sans-serif; font-size: 70%; color:#999; padding: 0 0px 0 0;}
/*************** #pageName styles **************/
#pageName{ margin: 0px; padding: 0px 0px 0px 10px;}
/************* #breadCrumb styles *************/
#breadCrumb{ font-size: 80%; padding: 2px 0px 0 10px;}
/************** .feature styles ***************/
.feature{ padding: 0px 0px 10px 10px; font-size: 80%;}
.feature h3{ padding: 30px 0px 5px 0px; text-align: center;}
.feature img{ float: left; padding: 10px 10px 0px 0px;}
.sidebartitle { font: 11px verdana, arial, sans-serif;
font-weight: bold; width: 150px; color: #666666; padding: 3px; margin-bottom: 0px; text-align: left;
display: block; white-space: nowrap; background-color:#EDF4FE;
background-image: url("picts/sidebar-title.gif");
border: #999999 1px solid; }
.sidebartitle2 { font: 11px arial, sans-serif;
width: 150px; color: #666666; padding: 3px; margin-bottom: 3px; text-align: left;
display: block; border-left: #999999 1px solid; border-right: #999999 1px solid; border-bottom: #999999 1px solid; }
.sidebartitle21 { font: 11px Arial, Helvetica, sans-serif;
width: 150px; color: #666666; padding: 3px; margin-bottom: 3px; text-align: left; display: block;
border: #999999 1px solid; }
.Estilo1 {
color: #345A4C;
font-size: 14px;
font-style: italic;
font-weight: bold;
}
.Estilo2 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px;}
.texto1 {
font: 14px Arial, Helvetica, sans-serif;
color: #000000;
padding: 3px;
margin-bottom: 3px;
text-align: justify;
font-style: normal;
font-weight: bold;
}
.texto1p {
font: 14px Arial, Helvetica, sans-serif;
color: #444444;
text-align: left;
font-style: normal;
font-weight: bold;
}
.texto1c {
font: 12px Arial, Helvetica, sans-serif;
color: #444444;
text-align: left;
font-style: normal;
font-weight: normal;
}
.texto1r {
font: 14px Arial, Helvetica, sans-serif;
color: #444444;
text-align: justify;
font-style: normal;
font-weight: normal;
}
.texto12 { font: 11px Arial, Helvetica, sans-serif; color: #666666; padding: 3px; margin-bottom: 3px; text-align: justify; border-right:#999 1px solid; }
.texto01 { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal;}
.texto01b { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold;}
.texto02 { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: normal;}
.texto02b { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #990099;}
.texto2 { COLOR: #334455; FONT: 11px Arial, Helvetica, sans-serif; font-weight: bold ; }
.texto3 { COLOR: #009900; FONT: 13px Arial, Helvetica, sans-serif; font-weight: normal }
.title { COLOR: #000000; FONT: 14px Arial, Helvetica, sans-serif; font-weight: bold }
.title01 { font-family: Arial, Helvetica, sans-serif; font-size: 120%; font-weight: bold; color: #f00; margin: 0px; padding: 0px; }
.title3 { COLOR: #000000; FONT: 15px Arial, Helvetica, sans-serif; font-weight: bold }
.title5 { COLOR: #990000; FONT: 14px Arial, Helvetica, sans-serif; font-weight: bold}
.title6 { COLOR: #000000; FONT: 16px Arial, Helvetica, sans-serif; font-weight: bold }
.copytext { COLOR: #777777; FONT: 9px Arial, Helvetica, sans-serif; font-weight: normal }
/************** .story styles *****************/
.story{ clear: both; padding: 10px 0px 0px 10px; font-size: 80%;}
.story p{ padding: 0px 0px 10px 0px;}
/************* #siteInfo styles ***************/
#siteInfo{ clear: both; border: 1px solid #cccccc; font-size: 75%; color: #cccccc; padding: 10px 10px 10px 10px;}
#siteInfo img{ padding: 4px 4px 4px 10px; vertical-align: middle;}
/************* #search styles ***************/
#search{ padding: 5px 0px 5px 10px; border-bottom: 1px solid #cccccc; font-size: 90%;}
#search form{ margin: 0px; padding: 0px;}
#search label{ display: block; margin: 0px; padding: 0px;}
/*********** #sectionLinks styles ***********/
#sectionLinks{ margin: 0px; padding: 0px; border-bottom: 1px solid #cccccc; font-size: 90%;}
#sectionLinks h3{ padding: 10px 0px 2px 10px;}
#sectionLinks a { display: block; border-top: 1px solid #cccccc; padding: 2px 0px 2px 10px;}
#sectionLinks a:hover{ background-color: #dddddd;}
/*********** .relatedLinks styles ***********/
.relatedLinks{ position: relative; margin: 0px; padding: 0px 0px 10px 10px; font-size: 90%;}
.relatedLinks h3{ padding: 10px 0px 2px 0px;}
.relatedLinks a:link,
.relatedLinks a:visited { display: block; }
/************** #advert styles **************/
#advert{ padding: 30px 0px 10px;}
#advert img{ display: block;}
/************** #headlines styles **************/
#headlines{ margin: 0px; padding: 10px 0px 20px 10px; font-size: 80%;}
#headlines p{
padding: 5px 0px 5px 0px;
}