www-ivprog/legacy/version1/iComb.css

body {
 margin: 0; 
 font: 100%/1.2 arial, helvetica, sans-serif;
 background: #406080; // 406080=64,96,128 - 236784 235764
 # background: #576423;
 font-family: "Arial Black", Arial, Helvetica, sans-serif;
 font-size: 1em;
 line-height: 130%;
 margin-left: 0px;
 }

body #page {
 color: #333333;
 font-family: "Arial Black", Arial, Helvetica, sans-serif;
 font-size: .9em;
 }

.titulo {
 font-family: "Arial Black", Arial, Helvetica, sans-serif;
 font-size: 1.2em; font-weight: bold; text-align: center;
 padding-top: 1.1em;
 margin-left: 4px; margin-right: 4px;
 }

.block {
 -moz-border-radius: 8px; 
 border: 1px solid #d4d1E2;
 height: 2em;
 }

.applet {
 -moz-border-radius: 8px; 
 border: 1px solid #d4d1E2;
 text-align: center;
 }

/*
*/

#wrapper  {
 border: 2px; padding: 2px;
 background: #ffffff; 
 }
table.wrapper {
 min-width: 800px;
 padding: 5px;
 background: #555555;
 border-style: groove; //  border-collapse: separate; color: #0000aa;
 background-color: white;
 }

/* cabeçalho */
.cabecalho {
 width: 100%; margin-top: 5px; margin-bottom: 3px; font-size: 0.7em;
 }
/* cabeçalho */

#center {
 text-align: center;
 }

#container {
 float: left; 
 margin-right: -194px; 
 margin-top: 0px;
 width: 100%; 
 clear: both;
 }
#content {
 padding-right: 176px;
 height: 100%;
 margin: 0 18px 0 18px;
 border-top: 1px solid white;
 background: transparent url("imagens/ks-page-bg.gif") right top repeat-x ; 
 padding-top:5px;
 }
#contentwide {
 padding-right: 0px;
 height: 100%;
 margin: 0 18px 0 18px;
 border-top: 1px solid white;
 background: transparent url("imagens/ks-page-bg.gif") right top repeat-x ; 
 }
#widthwrapper {
 width: 99%;
 }
#page {
 background: transparent url("imagens/ks-dot-v.gif") repeat-y right top; 
 padding-left: 0px;
 padding-right: 12px;
 }
#contentwide #widthwrapper {
 width: auto;
 margin-right: -20px;
 }
#contentwide #page {
 background-image: none;
 }
#page.home {
 padding-left: 10px;
 padding-right: 30px;
 }
 
 
/* Headings*/
#header {
 background: #FFFFFF url("imagens/ks-header-bg.gif") left top no-repeat;
 margin-bottom: 4px;
 }
h1 {
 margin: 40px 0 0 18px;
 /* position: absolute; */
 }
#page h1 {
 margin-top: 10px; 
 line-height: 120%;
 font-weight: bold; 
 font-size: 1em;
 color: #000000;
 }
#page h2 {
 font-size: 100%; 
 color: #444444;
 }
#page h2 .teReo {
 font-size: 90%; 
 font-style: italic;
 }
#page h3 {
 font-size: 95%; 
 color: #555555;
 padding-top: 0.25em;
 margin-top: 1.5em;
 border-top: 0.15em #ADB294 solid;
 }
#page h4 {
 font-size: 85%; 
 color: #666666;
 margin-left: 30px;
 }
#page h5 {
 padding: 0;
 font-size: 85%; 
 margin-bottom: 0;
 margin-left: 30px;
 color: #576423; 
 }
#page h5.highlight {
 margin-bottom: .2em;
 background: #E6E4D5;
 padding: 7px 0 6px 10px;
 color: #576423;
 }
#page h6 {
 font-size: 70%; 
 color: #333333;
 margin-left: 30px;
 }
#page h6.list {
 padding: 0; 
 font-size: 70%; 
 margin: 0 0 4px;
 color: #999999; 
 }


/* Content */
p {
 padding: 0;
 margin: 10px 0 10px 0; 
 color: #333333; 
 }
p a {
 color: #336666; 
 text-decoration: none;
 }
p a:hover {
 text-decoration: underline;
 }
a:visited {
 color: #445566;
 }

#page caption {
 font-weight: bold; 
 font-size: 105%; 
 color: #777777;  
 text-align: left; 
 padding: 5px 0 3px 0;
 }
#page p {
 font-size: 85%;
 line-height: 130%;
 margin-left: 30px;
 }
#page p.sub {
 font-size: 70%;
 }
#page p.sub a {
 text-decoration: none;
 }
#page p.sub a:hover {
 text-decoration: underline;
 }
#page sup {
 font-size: 90%;
 line-height: 2.75em;
 }
#page a {
 color: #336666; 
 text-decoration: underline;
 }
#page a:hover {
 text-decoration: none;
 }
#page ul {
 font-size: 85%;
 margin: 0;
 padding: 10px 0 0 10px;
 list-style-type: none;
 margin-left: 30px;
 }
#page ol {
 font-size: 85%;
 margin: 0;
 padding: 10px 0 0 30px;
 margin-left: 30px;
 }
#page ol.conditions {
 font-size: 85%;
 background: none;
 }
#page ol.conditions li {
 background: none;
 }
#page ol.conditions ul li {
 background: transparent url("imagens/ks-page-ul-li-bg.gif") 0px .5em no-repeat;
 }
#page ul ul, #page ul ol, #page ol ul, #page ol ol {
 font-size: 100%;
 }
#page ul li {
 background: transparent url("imagens/ks-page-ul-li-bg.gif") 0px .5em no-repeat;
 padding: 0 0 8px 14px;
 }
#page ul.linklist li {
 background: transparent url("imagens/ks-page-linklist-li-bg2.gif") 0px .5em no-repeat;
 margin: 0;
 list-style-type: none;
 }
#page ul.primary a, #page ul.secondary a {
 text-decoration: none; 
 }
#page ul.primary a, #page ul.secondary2 a {
 text-decoration: none; 
 }
#widthwrapper ul.find-more {
 margin: 0 0 0 15px;
 padding: 0;
 }
#widthwrapper ul.find-more li{
 background-image: none;
 }


#page h5.highlight {
 margin-bottom: .2em;
 background: #E6E4D5;
 padding: 7px 0 6px 10px;
 color: #576423;
 }

/* Menu and navigation */
#page a.external {
 background: url("imagens/<img src="icon-external-link.gif" border="0" alt="This link will open in a new window." width="16" height="16"  />") top right no-repeat;
 padding-right: 18px;
 }
#headerutils {
 margin: 10px 18px -2px 0;
 padding: 0;
 float:right;
 font-size: .7em;
 display:inline;
 }
#headerutils a {
 background: transparent url("imagens/ks-headerutils-a-bg.gif") no-repeat left top;
 padding: 4px 12px 4px 12px;
 margin: 0 -1px 0 0;
 color: #576423;
 text-decoration: none;
 border-right: 1px solid #c2c7b1;
 display:block;
 float: left;
 }
#headerutils a:hover {
 text-decoration: underline;
 }
#menu ul {
 display: block;
 margin: 0;
 padding: 0;
 clear: both;
 }
#menu li {
 display: block;
 float: left;
 margin: 0;
 padding: 0;
 }
#menu #main-nav-wrap {
 background: #B9B496 url("imagens/ks-main-nav-bg3.gif") left bottom no-repeat; 
 margin: 16px 17px 34px 0;
 overflow: auto;
 padding: 0;
 }
#menu #main-nav {
 overflow: auto;
 position: relative;
 }
#menu #main-nav-foot {
 background: transparent url("imagens/ks-main-nav-bg4.gif") right bottom no-repeat;
 height: 4px;
 margin-top: -3px;
 font-size:1px;
 }
#menu #main-nav-foot2 {
 background: transparent url("imagens/ks-main-nav-bg5.gif") left bottom no-repeat;
 height: 4px;
 font-size:1px;
 }
#menu #main-nav-table {
 margin:0;
 padding: 0;
 width: 100%;
 background: transparent url("imagens/ks-main-nav-bg.gif") left top no-repeat;
 }
#menu #main-nav-table td {
 text-align: center;
 padding: 4px 0 4px 0;
 width: 25%;
 border-right: 1px solid #FFFFFF;
 border-left: 1px solid #9D9877;
 }
#menu #main-nav-table td.last {
 text-align: center;
 background: transparent url("imagens/ks-main-nav-bg2.gif") right top no-repeat ;
 padding: 0;
 width: 25%;
 }
#menu #main-nav-table td.last {
 border-right: none;
 }
#menu #main-nav-table td.first {
 border-left: none;
 }
#menu #main-nav-table td a {
 color: #FFFFFF;
 text-decoration: none;
 font-size: 85%;
 font-weight: bold;
 }
#menu #main-nav-table td a:hover {
 text-decoration: underline;
 }
#menu #main-nav-table td.current {
 background: #9BA27B url("imagens/ks-main-nav-bg-current.gif") right top no-repeat;
 }
#menu #main-nav-table td.lastcurrent {
 background: #9BA27B url("imagens/ks-main-nav-bg-lastcurrent.gif") right top no-repeat;
 border-right: none;
 }
#menu #main-nav-table td.firstcurrent {
 background: #9BA27B url("imagens/ks-main-nav-bg-lastcurrent2.gif");
 border-left: none;
 }
#menu #sub-nav-wrap {
 background: #FFFFFF url("imagens/ks-sub-nav-bg.gif") left top no-repeat ; 
 margin-top: -32px;
 margin-right: 17px; 
 overflow:auto;
 border-bottom: 1px solid white;
 }
#menu #sub-nav {
 background: transparent url("imagens/ks-sub-nav-bg2.gif") right top no-repeat;
 overflow:auto;
 padding: 0 0 0 6px;
 }
#menu #sub-nav li {
 padding: 0 6px 8px 0;
 color: #999999;
 }
#menu #sub-nav li a {
 color: #336666;
 font-size: 73%;
 font-weight: normal;
 text-decoration: none;
 margin: 4px 6px 0 0;
 white-space: nowrap;
 }
#menu #sub-nav li a.current {
 color: #000000;
 }
#menu #main-nav a:hover, #menu #sub-nav a:hover {
 text-decoration: underline;
 }


/* Sidebar */
#sidebar {
 padding: 0; 
 margin: 40px 0 0 0 ; 
 float: left; 
 width: 176px;
 font-size: 70%; 
 }
#sidebar h4 {
 color:#576423;
 padding: 0 10px 0 10px; 
 margin: 0;
 font-size: 115%;
 }
#sidebar .hr {
 clear: both;
 background: url("imagens/ks-dot-h.gif") repeat-x left top; 
 padding: 0; 
 font-size: 1px;
 border-top: 1px solid white; 
 margin: 6px 8px 6px 8px;
 line-height: 1px; 
 height: 2px;
 display: block;
 }
#sidebar img {
 margin: 0 8px 8px 8px;
 }
/* Box 1 in Sidebar */
.box-1 {
 margin: 0 8px 8px 8px;
 background-color: #DFE2D6;
 color: #576423;
 padding: 0 0 4px 0;
 }
#sidebar .box-1 h4 {
 background: #ACB293 url("imagens/ks-sidebar-box1-h4-bg.gif") no-repeat left top;
 color: #FFFFFF;
 font-size: 110%;
 padding: 4px 10px 4px 10px;
 }
.box-1 ul {
 margin: 8px 6px 0 20px;
 padding: 0 0 0 2px; 
 }
ul.linklist {
 list-style-type: none;
 margin: 8px 6px 0 10px;
 }
.box-1 ol {
 margin: 8px 6px 0 28px;
 padding: 0; 
 }
.box-1 ul li, .box-1 ol li {
 margin: 0 0 8px 0;
 padding: 0; 
 }
.box-1 p {
 margin: 8px 6px 0 12px;
 padding: 0;
 color: #576423; 
 }
.box-1 a {
 color: #576423;
 text-decoration: underline;
 }
ul.linklist li {
 background: transparent url("imagens/ks-linklist-li-bg.gif") no-repeat 0px 4px;
 padding: 0 0 0 14px;
 list-style-type: none;
 }
.linklist a {
 color: #576423;
 text-decoration: none;
 }
.box-1 a:hover {
 text-decoration: none;
 }
.linklist a:hover {
 text-decoration: underline;
 }
/* Box 2 in Sidebar */
.box-2 {
 margin: 0 8px 8px 8px;
 background-color: #E5E5E5;
 color: #333333;
 padding: 0 0 4px 0;
 border-bottom: 4px solid #B7B7B7;
 }
.box2 h3 {
 margin-bottom: 10px;
 }
#sidebar .box-2 h4 {
 background: #B0B0B0 url("imagens/ks-sidebar-box2-h4-bg.gif") no-repeat left top;
 font-size: 110%;
 color: #FFFFFF;
 padding: 4px 10px 4px 10px;
 margin: 0;
 }
.box-2 ul {
 margin: 0;
 padding: 8px 6px 0 10px; 
 background: transparent url("imagens/ks-sidebar-box2-ul-bg.gif") repeat-x left top;
 list-style-type: none;
 }
.box-2 ol {
 margin: 8px 6px 0 28px;
 padding: 0; 
 }
.box-2 ul li, .box-2 ol li {
 margin: 0 0 8px 0;
 padding: 0; 
 }
.box-2 p {
 margin: 8px 6px 0 12px;
 padding: 0;
 }
.box-2 a {
 color: #336666;
 text-decoration: underline;
 }
.box-2 a:hover {
 text-decoration: none;
 }
.box-2 ul.linklist li {
 background: transparent url("imagens/ks-linklist-li-bg2.gif") no-repeat 0px 4px;
 padding: 0 0 0 14px;
 list-style-type: none;
 }
.box-2 ul.linklist a {
 color: #336666;
 text-decoration: none;
 }
.box-2 ul.linklist a:hover {
 text-decoration: underline;
 }


/* Box 3 in Sidebar */
.box-3 {
 margin: 0 8px 8px 8px;
 background-color: #E5E5E5;
 color: #576423;
 padding: 0;
 background: #daddcf url("imagens/ks-sidebar-box3-bg.gif") repeat-y left top;
 position: relative;
 }
.box-3-wrapper {
 background: transparent url("imagens/ks-sidebar-box3-bg2.gif") no-repeat left top;
 }
.box-3-wrapper .box-3-wrap {
 background: transparent url("imagens/ks-sidebar-box3-bg3.gif") no-repeat left bottom;
 }
#sidebar .box-3 h4 {
 background: #B0B0B0 url("imagens/ks-sidebar-box2-h4-bg.gif") no-repeat left top;
 font-size: 110%;
 color: #FFFFFF;
 }
#sidebar .box-3 ul {
 margin: 8px 6px 0 10px;
 padding: 8px 0 1px 2px; 
 list-style-type: none;
 }
.box-3 ol {
 margin: 8px 6px 0 28px;
 padding: 0 0 0 0; 
 }
.box-3 ul li, .box-3 ol li {
 margin: 0 4px 6px 0;
 padding: 0 0 2px 0;
 background: transparent url("imagens/ks-sidebar-box3-li-bg.gif") no-repeat right top;
 display: block;
 }
.box-3 a {
 color: #576423;
 text-decoration: none;
 }
.box-3 a:hover {
 text-decoration: underline;
 }
 

/* Tables */
#page table {
 border-right: 1px solid #E4E1D2;
 background-color: #FAF9F6;
 padding: 0;
 margin: 0;
 margin-left: 30px;
 width: 95%;
 font-size: 90%;
 }
#page table p {
 margin: 0 0 10px 0;
 font-size: 100%;
 }
#page table ul, #page table ol{
 margin: 0 0 10px 0;
 font-size: 100%;
 }
#page table h5 {
 margin: 0 0 15px 0;
 font-size: 110%;
 }
#page table h6 {
 margin: 0 0 15px 0;
 font-size: 100%;
 }
#page th {
 background-color: #ACB293;
 color: #FFFFFF;
 font-size: 110%;
 padding: 4px 10px 4px 10px;
 }
#page table tr td {
 border: 1px solid #E4E1D2;
 border-right: 0;
 padding: 5px;
 }
table.wrapper {
 background-color: #FFFFFF;
 margin-left: auto;
 margin-right: auto;
 }
#page td.oddrow {
 background-color: #DFE2D6;
 }
.summary table td, .summary table th {
 font-size: 70%;
 text-align: left;
 font-weight: normal;
 padding: 6px 4px 4px 14px;
 border-bottom: 1px solid #FFF;
 }
.summary table td.center, .summary table th.center {
 text-align: center;
 padding: 6px 10px 4px 10px;
 }
.summary table tr.odd td{
 background-color: #EDEDED;
 }


/* Image layouts */
#page img.editorial {
 float: left;
 border: 1px solid #D1CCB2;
 padding: 3px;
 margin: 0 12px 0 0;
 }
#imagebox img {
 float: left;
 border: 1px solid #D1CCB2;
 padding: 3px;
 margin: 0 12px 0 0;
 }
#page .align-middle p, page .align-middle {margin-top: 4px;}
#page .align-middle img {float: left; margin-right: 5px;}


/* Downloadable documents */
#page ul.docs {
 font-size: 85%;
 margin: 0;
 padding: 0;
 list-style-type: none;
 }
#page ul.docs li {
 background-image: none;
 margin: 0;
 padding: 0;
 display: inline;
 margin-right: 15px;
 }
#page .pdfhelp {
 padding: 4px 100px 30px 0;
 background: transparent url("imagens/ks-downloadacrobat.gif") top right no-repeat;
 }
#page .pdfhelp a {
 font-size: 70%;
 display: block;
 width: 140px;
 text-align: left;
 float: right;
 text-decoration: none;
 }
#page .pdfhelp a:hover {
 text-decoration: underline;
 }


/* Section box */
.box {
 border: 1px solid #E4E1D2;
 background-color: #FAF9F6;
 padding: 0 10px 0 10px;
 margin: 0 0 20px 0;
 }
#page .box h5 {
 background: transparent url("imagens/ks-page-box-h5-bg.gif") 0px 0px no-repeat;
 margin: px 0 0 0;
 padding: 6px 0 2px 30px;
 color: #576423;
 }
#page .sectionbox {
 width: 33%;
 margin-right: -2px;
 float: left;
 margin-top: 10px;
 }
#page .sectionbox p {
 margin: 0;
 padding: 4px 0 0 0;
 }
#page .sectionbox h5 {
 margin: 0;
 padding: 0px 0 0 0;
 color: #576423;
 }
#page .sectionbox h5 a {
 text-decoration: none;
 }
#page .sectionbox h5 a:hover {
 text-decoration: underline;
 }
.sectionbox-wrapper1 {
 background: transparent url("imagens/icomb-sitemap-bg-top.gif") top left no-repeat;
 margin: 0 10px 14px 10px;
 }
.sectionbox-wrapper2 {
 background: transparent url("imagens/icomb-section-bg-top2.gif") top right no-repeat;
 padding-top: 10px;
 }
.sectionbox-wrapper3 {
 background: transparent url("imagens/icomb-sitemap-bg-bot.gif") bottom left no-repeat; 
 }
.sectionbox-wrapper4 {
 background: transparent url("imagens/icomb-sitemap-bg-bot2.gif") bottom right no-repeat;
 padding-bottom: 10px; 
 }
.sectionbox-wrapper5{
 background-color: #F7F6F2 ;
 border-right: 1px solid #D9E3E0;
 border-left: 1px solid #D9E3E0;
 padding: 4px 10px 0 10px; 
 }
.unique .sectionbox-wrapper1 {
 background: transparent url("imagens/icomb-sitemap-bg-top.gif") top left no-repeat;
 }

 
/* Homepage */
.homebox1 { 
 float: left;
 margin: 0 240px 0 0;
 }
.homebox1 img { 
 float: right;
 margin: 0 20px 0 20px;
 }
.homebox2 h5 { 
 margin-top: 8px;
 padding-top: 0px;
 }
.homebox2 { 
 float: right;
 width: 240px;
 margin-left: -240px;
 }
#page .homebox2 ul {
 width: 222px;
 padding: 0;
 font-size: 70%;
 margin-top: 4px;
 } 
#page .homebox2 ul li {
 width: 222px;
 background: transparent url("imagens/ks-home-ul-li-bg.gif") top left no-repeat;
 padding: 0;
 margin: 0 0 2px 0;
 }
#page .homebox2 ul li a {
 display: block;
 width: 180px;
 padding: 5px 38px 5px 5px;
 background: transparent url("imagens/ks-home-ul-li-a-bg.gif") bottom left no-repeat;
 margin: 0;
 text-decoration: none;
 }  
#page .homebox2 ul li a:hover {
 text-decoration: underline;
 } 
.homebox3 { 
 float: left;
 clear: left;
 width: 134px;
 margin-right: -134px;
 background: transparent url("imagens/ks-dot-v.gif") top right repeat-y;
 }
.homebox3 a { 
 position:relative; /* positioned relative so that the link is clickable in FF */
  }
.homebox4 { 
 float: left;
 padding-left: 140px;
 }
.homebox4-listwrapper {  
 background: url("imagens/ks-homebox4-listwrapper-bg.gif") repeat-y 99% 100%;
 width: 100%;
 margin: 8px 0 0 0;
 padding: 0 0 4px 0;
 }
.homebox4-listwrapper-1 {
 background: transparent url("imagens/ks-sidebar-box2-ul-bg.gif") repeat-x 0pt 22px; 
 margin-right: 8px; 
 }
.homebox4-listwrapper-2 {  
 background: transparent url("imagens/ks-dot_v_home.gif") repeat-y 33% 0%;
 margin-right: -8px;
 }
.homebox4-listwrapper-3 {  
 background: transparent url("imagens/ks-dot_v_home.gif") repeat-y 66% 0%;
 width: 100%;
 }
#page .homebox4 h5 {
 margin: 0;
 padding: 0;
 }
#page .homebox4 .list {
 float: left;
 width: 33%;
 margin: 0;
 padding: 0;
 }
#page .homebox4 .list h5 {
 background-color: #b1b1b1;
 padding: 4px 4px 4px 8px;
 color: #FFFFFF;
 margin: 0;
 border-left: 1px solid #7b7b7b;
 border-right: 1px solid #FFFFFF;
 }
#page .homebox4 .list h5.first {
 background: #b1b1b1 url("imagens/ks-home-box4-h5-bg.gif") no-repeat left top;
 border-left: none;
 }
#page .homebox4 .list h5.last {
 background: #b1b1b1 url("imagens/ks-home-box4-h5-bg.gif") no-repeat right top;
 border-right: none;
 }
 #page .homebox4 ul {
 smargin: 0;
 padding: 4px 0 8px 0;
 position: relative;
 }
#page .homebox4 ul.first {
 border-left: none;
 margin: 0;
 }
#page .homebox4 ul.last {
 border-right: none;
 }
#page .homebox4 ul li {
 margin: 0 8px 0 8px;
 padding: 0;
 background-image: none;
 list-style-type: none;
 font-size: 90%;
 }
#page .homebox4 ul.last li {
 background-image: none;
 }
#page .homebox4 ul li a {
 background: transparent url("imagens/li-bg.gif") no-repeat 0px 12px;
 padding: 8px 0 0 14px;
 display:block;
 text-decoration: none;
 }
#page .homebox4 ul li a:hover {
 text-decoration: underline;
 }


/* Section homepage */
.section-homepage-width-holder {
 background: #ffffff; /* #44aa66; */
 width: 99%;
 padding-left: 4px;
 margin: -1px 0 0 0;
 }
.section-homepage-width-holder p {
 margin: 0;
 padding: 0px;
 }
 

/* Sitemap */
#page #siteMap a:hover {
 text-decoration: underline;
 }
#page #siteMap ul li {
 background: transparent url("imagens/ks-page-linklist-li-bg2.gif") 0px .3em no-repeat;
 margin: 0;
 list-style-type: none;
 }
#page #siteMap ul.primary {
 float: none;
 clear: both; 
 margin: 0;
 padding: 4px 0 0 0;
 }
#page #siteMap ul.primary li {
 background: none;
 padding: 0;
 margin: 0;
 font-weight: bold;
 }
#page #siteMap ul.secondary {
 text-decoration: none;
 display: block;
 width: 33%;
 margin: 6px 0 6px 0;
 padding: 0;
 font-size: 70%;
 }
#page #siteMap ul.secondary li {
 padding-bottom: 0;
 padding-top: 0;
 }
.sitemap-wrapper1 {
 background: transparent url("imagens/ks-sitemap-bg-top.gif") top left no-repeat;
 margin-bottom: 18px;
 }
.sitemap-wrapper2 {
 background: transparent url("imagens/ks-sitemap-bg-top2.gif") top right no-repeat;
 padding-top: 14px;
 }
.sitemap-wrapper3 {
 background: transparent url("imagens/icomb-sitemap-bg-bot.gif") bottom left no-repeat;  
 }
.sitemap-wrapper4 {
 background: transparent url("imagens/icomb-sitemap-bg-bot2.gif") bottom right no-repeat;
 padding-bottom: 10px; 
 }
.sitemap-wrapper5 {
 background-color: #F7F6F2 ;
 border-right: 1px solid #D9E3E0;
 border-left: 1px solid #D9E3E0;
 padding: 4px 10px 0 10px;
 }

/* widget area de copia */
.txtarea {
  font-family: Courier New, monospace;
  font-size: 12px;
  border: #8EAEC4 1px solid;
  background-color:#e9eff3;
  padding-left: 2px;
  padding-right: 2px;
  margin: 0;
  }
 
 
/* Sorted calculator */
.shad {
 border-bottom: 5px solid #F0EEE5;
 margin: 0 0 12px 0;
 }
.shadsorted {
 border-bottom: 5px solid #FFE9D9;
 margin: 0 0 16px 0;
 }
.boxsorted {
 border: 1px solid #FFC7A1;
 background: #FFFFFF url("imagens/<img src="boxsorted_bg.jpg" border="0" alt="Sorted Mouse Image" width="59" height="46"  />") right bottom no-repeat;
 padding: 0 12px 20px 12px;
 margin: 0;
 }
.boxsorted h3 {
 color: #FF5D00;
 font-family:"Arial Black", Arial, Helvetica, sans-serif;
 font-weight: normal;
 }

/* Did you know */
#page .alert {
 border: 1px solid #578377;
 background: #578377 url("imagens/alert_bg.gif") top left repeat-y;
 color: #FFFFFF;
 font-size: 90%;
 margin: 10px 0 0 0;
 width: 99%;
 } 
#page .didyouknow {
  border: 1px solid #578377;
  background: #578377 url("imagens/ks-didyouknow-bg.gif") top left repeat-y;
  color: #FFFFFF;
  font-size: 90%;
  margin: 10px 0 0 0;
  width: 99%;
  min-height: 35px;
  }
#page .didyouknow a {
 color: #FFFFFF;
 font-size: 100%;
 text-decoration: underline;
 }
#page .didyouknow p, #page .alert p {
 color: #FFFFFF;
 margin: 3px 10px 4px 100px;
 padding: 0;
 }
 
/* Budget */
#page table.budget {
 background-color: #FFFFFF;
 padding: 0;
 margin: 0.5em 0 0.5em 0;
 }
#page .budget a {
 color: #993333; 
 text-decoration: underline;
 }
#page .budget a:hover {
 text-decoration: none;
 }

/* Critical and note box */
#page .note h5, #page .critical h5, #page .example h5 {
 color: #333333;
 }
#page .note p, #page .note h5, #page .critical p, #page .critical h5 {
 margin: 10px 0 10px 15px;
 }
#page .note {
 background-color: #F9F9F9;
 padding: 0;
 border: 1px solid #58612A;
 width: 85%;
 margin: auto;
 }
#page table .note h5, #page table .critical h5, #page table .example h5 {font-size: 100%;}
#page table .note p, #page table .critical p {padding-right: 10px;}

#page ul .note, #page ol .note, #page ul .critical, #page ol .critical, #page ul .example, #page ol .example {
 margin-top: 20px;
 }
#page .note ul, #page .note ol, #page .critical ul, #page .critical ol, #page .example ul, #page .example ol {
 padding: 0;
 margin: 0 15px 20px 20px;
 }
 
#page .critical {
 background-color: #FBF6E3;
 padding: 0;
 border: 1px solid #596229;
 width: 85%;
 margin: auto;
 }

/* Example box */
#page .example {
 background-color: #FEFEFE;
 padding: 0;
 width: 85%;
 border-width: 2px 1px;
 border-style: dotted solid;
 border-color: #666745 #959869;
 margin-left: 30px;
 margin-right: auto;
 margin-left: auto;
 }
#page .example p {
 margin: 0px;
 padding: 1em;
 }
#page .example h5 {
 margin: 0px;
 padding: 1em 1em 0 1em;
 }
#page .example h6 {
 margin: 0 15px 0 13px;
 padding: 1em 1em 0 0;
 border-top: 1px solid #cccccc;
 }
#page .example ul, #page .example ol {
 padding-top: 1em 1em 0 1em;
 }
#page .example table {
 width:95%;
 margin: 0 10px 0 10px;
 border: none;
 }
#page .example table p {margin: 0;}

/* Elements */
hr {
 color: #FFFFFF; 
 border-bottom: #CCCCCC 1px dotted; 
 height: 1px;
 }
.hr hr, .homehr hr {
 display: none;
 }
#elements .hr {
 clear: both;
 border-bottom: 1px solid #C2C7B1;
 padding: 0; 
 font-size: 1px; 
 margin: 0 17px 0 0;
 line-height: 1px; 
 height: 2px;
 display: block;
 }
#page .hr {
 clear: both;
 background: url("imagens/ks-dot-h.gif") repeat-x left top; 
 padding: 0; 
 font-size: 1px;
 border-top: 1px solid white; 
 margin: 6px 0 10px 0;
 border-bottom: 1px solid white;
 line-height: 1px; 
 height: 2px;
 display: block;
 }
#page .homehr {
 clear: both;
 background: url("imagens/ks-dot-h.gif") repeat-x left top; 
 width: 99%;
 padding: 0; 
 font-size: 1px;
 border-top: 10px solid white; 
 margin: 6px 20px 10px 0;
 border-bottom: 1px solid white;
 line-height: 1px; 
 height: 2px;
 display: block;
 }
#siteMap .hr {
 background: #F7F6F2 ;
 border-bottom: #CCCCCC 1px dotted;
 border-top: none;
 }
.clear {
 display: block; 
 clear: both; 
 float: none; 
 margin: 0; 
 padding: 0; 
 }
.hide, #headerutils .hide {
 display: none;
 }
#elements {
 margin: 0 0 0 200px;
 }


/* Footer */
#footer {
 font-size: 70%; 
 text-align: left;
 background: #FFFFFF;
 padding-top: 15px;
 padding-bottom: 0px;
 clear: both;
 }
#footer-ird {
 position: relative;
 float: right;
 }
#footer ul {
 background: transparent url("imagens/ks-footer-bg.gif") no-repeat bottom right;
 margin: 0;
 padding: 20px 0 30px 10px;
 list-style-type: none;
 }
#footer li {
 float: left;
 color: #006666;
 }
#footer li a {
 padding: 0 10px 0 10px;
 }
#footer a {
 text-decoration: none;
 color: #006666;
 }
#footer a:hover {
 text-decoration: underline;
 }
#footer p {
 margin: 0;
 padding: 10px 0 30px 20px;
 list-style-type: none;
 overflow: auto;
 width: 500px;
 color: #999999;
 }