Software Público Brasileiro

/* Geral Bar */
#noosfero_bar {
  position: fixed;
  padding: 0px;
  height: 60px;
  margin-top: -5px;
  font-family: Verdana, Arial, Serif-sans;
  z-index: 9999;
}

/* Menu Itens Accessibility */

#accessibility_menu {
  float: right;
  margin-right: 10px;
  font-family: Verdana, Arial, Serif-sans;
  font-size: 10px;
  color: #dfdfdf;
}

#accessibility_menu a {
  padding-left: 9px;
  margin-left: 5px;
  background: url("../images/ico_enterlink.gif");
  background-repeat: no-repeat;
  background-position: 0px 6px;
  color: #dfdfdf;
  text-decoration: none;
}

#accessibility_menu a:hover {
  color: #ffffff;
}

/* Div Header */

#user_options a {
height: 35px !important ;
color: #ffffff !important ;
font-size: 10px !important ;
font-family: Sans-serif !important ;
font-weight: bold !important ;
vertical-align: middle !important ;
padding: 0px 5px 0px 5px !important ;
text-decoration: underline !important ;
}

/* Itens Navigation Bar */

#navigation_bar {
  float: left;
  padding: 0px !important;
  margin: 0px !important;
  height: 33px;
  vertical-align: middle;
  line-height: 33px;
}

#navigation_bar ul {
  padding: 0px !important;
  margin: 0px !important;
}

#navigation_bar ul li {
  list-style: none;
  display: inline;
  font-size: 17px;
  margin-right: 5px;
}

#navigation_bar ul li a {
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 3px;
  color: #fff;
  text-decoration: none;
}

#navigation_bar ul ul {
margin: 0px;
padding: 0px;
width: 100%;
left: 0px;
position: absolute;
margin-top: 33px;
display: none;
}

#navigation_bar ul li ul {
  padding: 10px;
  z-index: 999;
}

#navigation_bar ul li ul li {
 display: block;
 display: inline;
 margin: 5px;
}

#search_box {
display: block;
position: absolute;
right: 0px;
top: 25px;
margin-right: 10px;
height: 20px;
line-height: 20px;
vertical-align: middle;
}

#input_search {
border: 1px outset #545454;
color: #545454;
background-color: #dfdfdf;
height: 20px;
width: 130px;
font-size: 12px;
}

#input_search:hover, #input_search:focus {
border: 1px inset #dfdfdf;
color: black;
background-color: white;
}

#button_search {
border: 1px outset #545454;
background-color: #dfdfdf;
color: #545454;
height: 20px;
font-size: 11px;
}

#button_search:hover, #button_search:focus {
background-color: #ffffff;
color: #545454;
border: 1px inset #dfdfdf;
}

#frame {
margin-top: 55px;
}


/* Path Category */

#path_category {
  clear: both;
  padding: 3px;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  color: #fff;
}

/* Itens Colors Change */

/* ITEM 0 */

#noosfero_bar.category {
  background: #204a87 url("../images/bg_noosfero_bar.png") repeat-x;
}

#wrap.category {
border: 5px solid #204a87 !important;
}

#category a {
  border: 1px outset #6692c4;
  background: #204a87 url("../images/bg_item_bar_blue_off.png") repeat-x;
}

#category a:hover, li#category.active a:hover {
  border: 1px inset #6692c4 !important;
  background: #3b6096 url("../images/bg_item_bar_blue_on.png") repeat-x !important;
}

li#category.active a {
  border: 1px inset #6692c4;
  background: #719ece url("../images/bg_item_bar_blue_active.png") repeat-x;
}

li#category ul li a {
  border: 1px outset #6692c4 !important;
  background: #204a87 url("../images/bg_item_bar_blue_off.png") repeat-x !important;
}

#category ul {
  background: #204a87 url("../images/bg_noosfero_bar.png") repeat-x;
}


/* ITEM 1 */

#noosfero_bar.category1 {
  background: #204a87 url("../images/bg_noosfero_bar.png") repeat-x;
}

#wrap.category1 {
border: 5px solid #204a87 !important;
}

#category1 a {
  border: 1px outset #6692c4;
  background: #204a87 url("../images/bg_item_bar_blue_off.png") repeat-x;
}

#category1 a:hover, li#category1.active a:hover {
  border: 1px inset #6692c4 !important;
  background: #3b6096 url("../images/bg_item_bar_blue_on.png") repeat-x !important;
}

li#category1.active a {
  border: 1px inset #6692c4;
  background: #719ece url("../images/bg_item_bar_blue_active.png") repeat-x;
}

li#category1 ul li a {
  border: 1px outset #6692c4 !important;
  background: #204a87 url("../images/bg_item_bar_blue_off.png") repeat-x !important;
}

#category1 ul {
  background: #204a87 url("../images/bg_noosfero_bar.png") repeat-x;
}


/* ITEM 2 red */

#noosfero_bar.category2 {
  background: #a40000 url("../images/bg_noosfero_bar_red.png") repeat-x;
}

#wrap.category2 {
border: 5px solid #a40000 !important;
}

#category2 a {
  border: 1px outset #a40000;
  background: #a40000 url("../images/bg_item_bar_red_off.png") repeat-x;
}

#category2 a:hover, li#category2.active a:hover {
  border: 1px inset #a40000;
  background: #ae1c1c url("../images/bg_item_bar_red_on.png") repeat-x;
}

li#category2.active a {
  border: 1px inset #a40000;
  background: #ee2828 url("../images/bg_item_bar_red_active.png") repeat-x;
}

#category2 ul {
  background: #a40000 url("../images/bg_noosfero_bar_red.png") repeat-x;
}


/* ITEM 3 */

#noosfero_bar.category3 {
  background: #204a87 url("../images/bg_noosfero_bar.png") repeat-x;
}

#wrap.category3 {
border: 5px solid #204a87 !important;
}

#category3 a {
  border: 1px outset #6692c4;
  background: #204a87 url("../images/bg_item_bar_blue_off.png") repeat-x;
}

#category3 a:hover, li#category3.active a:hover {
  border: 1px inset #6692c4 !important;
  background: #3b6096 url("../images/bg_item_bar_blue_on.png") repeat-x !important;
}

li#category3.active a {
  border: 1px inset #6692c4;
  background: #719ece url("../images/bg_item_bar_blue_active.png") repeat-x;
}

li#category3 ul li a {
  border: 1px outset #6692c4 !important;
  background: #204a87 url("../images/bg_item_bar_blue_off.png") repeat-x !important;
}

#category3 ul {
  background: #204a87 url("../images/bg_noosfero_bar.png") repeat-x;
}

/* ITEM 4 red */

#noosfero_bar.category4 {
  background: #a40000 url("../images/bg_noosfero_red.png") repeat-x;
}

#wrap.category4 {
border: 6px solid #a40000 !important;
}

#category4 a {
  border: 1px outset #a40000;
  background: #a40000 url("../images/bg_item_bar_red_off.png") repeat-x;
}

#category4 a:hover, li#category4.active a:hover {
  border: 1px inset #a40000;
  background: #ae1c1c url("../images/bg_item_bar_red_on.png") repeat-x;
}

li#category4.active a {
  border: 1px inset #a40000;
  background: #ee2828 url("../images/bg_item_bar_red_active.png") repeat-x;
}

#category4 ul {
  background: #a40000 url("../images/bg_noosfero_bar_red.png") repeat-x;
}