Folha de estilo do layout

%STARTINCLUDE%
/* generated by COLIVRE www.colivre.coop.br */ 
html{
  background: url('/pub/PROGESP/LayoutTemplate/bg_bodyleft.png') top left repeat-y;
  height: 100%
} 

body{
  background: url('/pub/PROGESP/LayoutTemplate/bg_bodyright.png') top right repeat-y;
  margin:0 0 10px 0;
  padding:0;
  font: 14px/1.5em Verdana, Arial, sans-serif;
  min-height: 100%;
  _height: 100%;
}

#lh-col{
 position: absolute;
 background: url('/pub/PROGESP/LayoutTemplate/bg_barleft.png') top left repeat-y;
 top: 120px;
 left: 70px;
 width: 170px;
 margin: 0;
 padding: 0;
 z-index: 1;
 }

#hdr{
 height:120px;
 margin:0;
 padding:0;
 }

#headleft{
 background: url('/pub/PROGESP/LayoutTemplate/bg_headleft.jpg') top left repeat-y;
 height:136px;
 z-index: 1;
}

#headright{
 background: url('/pub/PROGESP/LayoutTemplate/bg_headright.jpg') top right repeat-y;
 height:136px;
 z-index: 1;
}

#headlogo{
 position: relative;
 margin: 0 70px 0px 70px;
 background: url('/pub/PROGESP/LayoutTemplate/bg_header.png') top right repeat-x;
 height: 118px;
 z-index: 3;
}

#logo{
width: 466px;
color: white;
background: transparent;
font-size: 32px;
font-weight: bold;
}

#logo img {
  float: left;
  margin-right: 1em;
}

#banners{
float: right;
width: 250px;
}

#pictures{
float:left;
width: 100px;
}

.floatstop {
   clear:both;
}

#banners a {
  filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;
}

#banners a:hover {
  filter:alpha(opacity=65);-moz-opacity:.65;opacity:.65;
}

#menuhead{
 clear: both;
}

#menu{
  float: right;
  color: #FFFFFF;
  font:bold 17px/1.5em Verdana, Arial, sans-serif;
  z-index: 1;
}

#menu ul{
  margin: 0px;
  padding: 0px;
}

#menu li{
  margin-left: 7px;
  margin-right: 7px;
  margin-bottom: 0px;
  margin-top: 0px;
  padding: 0px;
  list-style: none;
  cursor: default;
  float: left;
  position: relative;
  font-weight: 800;
  color: #070;
}

#menu a{
  color: #2e5923;
  text-decoration: none;
}

#menu a:hover {
 color: #663300;
}

#menu li:hover {
  color: #4A0;
}

#menu li ul {
  display: none;
  clear: left;
  padding: 4px 0px;
  position: absolute;
  width: 170px;
  background: url('/pub/PROGESP/LayoutTemplate/bg_submenu.png') top left repeat-x;
}
/* li.hover eh um armengue para o MSIE */
#menu li.hover ul,
#menu li:hover ul {
  display: block;
}

#menu li ul li {
  float: none;
  margin: 0px;
  padding: 4px 0px 4px 5px;
  font-weight: 500;
  font:bold 12px Verdana, Arial, sans-serif;
  z-index: 99;
}

/* USER_BAR */

#user_bar hr {
border-top: 1px solid #cef7a5;
border-bottom: 0px;
border-left: 0px;
border-right: 0px;
}
#user_bar {
  color: #54951f;
  font:bold 13px/1.1em Verdana, Arial, sans-serif;
  text-align: left;
  z-index: 5;
}

#user_bar ul{
  margin: 0px;
  padding: 0px;
}

#user_bar li{
  list-style: none;
  display: block;
}

#user_bar a{
  color: #54951f;
  text-decoration: none;
}

#user_bar a:hover {
  color: #2e5923;
}     

#c-col{
 position: relative;
 margin: 0 70px 20px 241px; padding: 10px;
 }

h1, h2, h3 {
  margin: 0.8em 0;
  color:#54951f;
  font-size:1.4em;
}
h2 {
  font-size:1.2em;
}
h3 {
  font-size:1.0em;
}
%STOPINCLUDE%

-- AntonioTerceiro - 21 Apr 2007