%STARTINCLUDE%

html, body {height:100%;} 

body {
background: #F3F3DE url('body2.jpg') top left;
margin:0; 
padding:0;
color:#000;
font:75%/1.4 Verdana, Arial, Helvetica, sans-serif;
text-align:center;
}

#fundoesq, #fundodir {
position: absolute;
width: 100px;
height: 100%;
}

#fundoesq {
left: -100px;
background-image: url(/twiki/pub/PpggBio/FolhaDeEstilos/degclresc.jpg);
}

#fundodir{
left: 960px;
background-image: url(/twiki/pub/PpggBio/FolhaDeEstilos/degescclr.jpg);
}

#total { 
width:960px;
position:relative; 
background:#fff url(%ATTACHURLPATH%/bg-esquerda.gif) repeat-y left;
margin:0 auto;
text-align:left;
min-height:100%;

}

* html #total {height: 100%;}

#topo {
background-color:#FFFFFF;
background: url(%ATTACHURLPATH%/banner6.jpg) no-repeat;
height:225px;
text-align:right;
padding-top:1px;
border-bottom: 0px solid #000000;
}

#email {
position: relative;
height:20px;
text-align: right;
padding-top: 2px;
margin: 176px 70px 0 0;
color:#fff;
border: 0px solid #FF0000;
}

#email a {
color:#fff;
}
#email a:hover {
color:#fff;
text-decoration:none;
}

#conteudo {padding-bottom:30px;}

#outer {
width:100%;
float: right;
margin-top: 10px;
padding: 0px;
padding-bottom: 45px;
border: 0px solid #FFCC00;
}

#principal {
width:80%;
padding-right: 20px;
float:left;
padding-top: 10px;
text-align:justify;
border: 0px solid #0099FF;
padding-left: 10px;

}

#interno{
width:120px;
float:right;
padding-top:10px;
padding-left:6px;
background-color: #ffffee;
}

/* Formatando lateral esquerda */

#esquerda {
width:150px;
float:left;
padding-top:10px;
padding-left:6px;
border: 0px solid #33FF99;
}

#esquerda ul {
width:150px;
margin:0px;
padding:0;
list-style:none;
}

#esquerda ul li {margin:5px 0; }

#esquerda ul li a, #esquerda ul li a:visited {
height:1%;
font:12px Verdana, Helvetica, sans-serif;
display:block;
background:#060;
color:#fff;
text-decoration:none;
padding:2px 5px;
}

#esquerda ul li a:hover {
background:#ECF6D8;
color:#000;
border-bottom:0px solid #999;   
}
/*Fim esquerda*/

#rodape {
background:#FAEB98;
/*  background: url(%ATTACHURLPATH%/fundo_destaques.jpg); */
width:960px;
position:absolute;
bottom:0;
border:dotted #999;
border-width:0px 0;
text-align:center;
font-size: 9px;
padding-top:3px;
padding-bottom:3px;

}

#rodape p {
margin:0;
font-weight:normal;
color:#060;
}

#rodape a {
font:9px Verdana, Helvetica, sans-serif;
color:blue;
text-decoration:none;
}

#rodape a:visited {
font:9px Verdana, Helvetica, sans-serif;
color:blue;
text-decoration:none;
}
#rodape a:hover{
font:9px Verdana, Helvetica, sans-serif;
color:#ff0000;
text-decoration:underline;
}

/* Formatando Div LinKs */

#links a {
font:12px Verdana, Helvetica, sans-serif;
color:white;
text-decoration:underline;

}

a:visited {
font:12px Verdana, Helvetica, sans-serif;
color:white;
text-decoration:underline;

}

a:hover{
font:12px Verdana, Helvetica, sans-serif;
color:white;
text-decoration:underline;

}

/* Fim Div Links */

/* Formatando Links em Textos*/

a {
font:12px Verdana, Helvetica, sans-serif;
color:blue;
text-decoration:none;
}

a:visited {
font:12px Verdana, Helvetica, sans-serif;
color:#0088FF;
text-decoration:none;
}
a:hover{
font:12px Verdana, Helvetica, sans-serif;
color:#ff0000;
text-decoration:underline;

}

ul li a {
font:12px Verdana, Helvetica, sans-serif;
color:blue;
text-decoration:none;
}

ul li a:visited {
font:12px Verdana, Helvetica, sans-serif;
color: #0088FF;
text-decoration:none;
}
ul li a:hover{
font:12px Verdana, Helvetica, sans-serif;
color:#ff0000;
text-decoration:underline;
}
/* Fim Links */

/* Formatando os títulos */

h1, h2, h3, h4, h5, h6 {    
font:bold 18px Verdana, Helvetica, sans-serif;
color:#363;
margin:0 0 1.0em 0;
}

h1 {font-size:22px;}
h3 {font-size:16px;}
h4 {font-size:14px;}
h5 {font-size:12px;}
h6 {font-size:10px;}

/* Fim títulos */

.clear {clear:both;}

/* Formata DESTAQUES - REVER*/
#destaques {
position: relative;
float: right;
width: 20%;
border: 1px solid #006600;
clear: both;
margin: 4.0em 0.2em 0.2em 1em;
padding: 0;
padding-bottom: 0.3em;
background: url(%ATTACHURLPATH%/fundo_destaques1.jpg); 
color: #000000;
text-align:left;
}

#destaques  div.header {
padding: 0.2em 0.5em 0.2em 0.1em;
font-size: 12px;
font-weight: bold;
text-align: center;
background-color: #EBDB96;
border-color: #f4f4b3;
border-style: solid;
border-width: 0px;
}
#destaques  div.header2 {
padding: 0.2em 0.5em 0.2em 0.1em;
font-size: 12px;
font-weight: bold;
text-align: center;
background-color: #EBDB96;
border-color: #f4f4b3;
border-style: solid;
border-width: 0px;
}

#destaques ul {
list-style: none;
margin: 0;
/*  padding: 0.1em 0 0.5em 0.1em;*/
padding:0px 1px;
font:11px Verdana, Helvetica, sans-serif;
width: 95%;
}

#destaques li {
list-style: none;
margin: 0;
/*  padding: 0.5em 0 0.5em 0.5em;*/
padding:2px 1px;
font:11px Verdana, Helvetica, sans-serif;
}
#destaques ul li a, #destaques ul li a:visited {
height:1%;
font: 11px Verdana, Helvetica, sans-serif;
display:block;
background:#FFF;
color:#000;
text-decoration:none;
padding:2px 1px;
}

#destaques ul li a:hover {
background:#F3F3DE;
color:#000;
font:11px Verdana, Helvetica, sans-serif;
padding:2px 1px;
/*padding: 0.5em 0 0.5em 0.5em;*/
border-bottom:0px solid #999;   
}

/*FORMATA MENU*/

A.template:link {
COLOR: #006633; TEXT-DECORATION: none !important;}

A.template:visited {
COLOR: #006633; TEXT-DECORATION: none !important
}
A.template:hover {
COLOR: #66CC66; 
}
A.template:active {
COLOR: #006633
}
A.linkTopo1:link {
VERTICAL-ALIGN: top; COLOR: white
}
A.linkTopo1:visited {
VERTICAL-ALIGN: top; COLOR: white
}
A.linkTopo2:link {
VERTICAL-ALIGN: top; COLOR: white; PADDING-TOP: 0px; HEIGHT: 15px
}
A.linkTopo2:hover {
VERTICAL-ALIGN: top; COLOR: white; PADDING-TOP: 0px; HEIGHT: 15px
}
A.linkTopo2:visited {
VERTICAL-ALIGN: top; COLOR: white; PADDING-TOP: 0px; HEIGHT: 15px
}
A.linkTitulos:link {
COLOR: #FFFFFF;  
}
A.linkTitulos:visited {
COLOR: #FFFFFF; 
}
A.linkTitulos:hover {
COLOR: #CCCC33;  
}
A.linkTitulos:active {
COLOR: #FFFFFF; 
}
A.linkTitulos2:link {
COLOR: #006600; 
TEXT-DECORATION: none 
}
A.linkTitulos2:visited {
COLOR: #006600; 
TEXT-DECORATION: none 
}
A.linkTitulos2:hover {
COLOR: #006600;  
/*background:  url('menuhover.gif') no-repeat right;*/
TEXT-DECORATION: none 
}
A.linkTitulos2:active {
COLOR: #006600; 
TEXT-DECORATION: none 
}
.menuNivel2Sel {
COLOR: white; BACKGROUND-COLOR: #e4d6a9
}
.subMenu {
BACKGROUND-COLOR: #F3F3DE;
}
.linhaSubMenu {
BORDER-BOTTOM: #FFCC66 1px solid
}
.textoSubMenu {
PADDING-RIGHT: 3px; PADDING-LEFT: 5px; FONT-SIZE: 100%; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; BORDER-BOTTOM: #FFCC66 1px solid
}
.linkTitulos {
FONT-SIZE: 11px; BACKGROUND-COLOR: #A98F38; COLOR: #EAEEBB;
}
.linkTitulos2 {
FONT-SIZE: 12px; COLOR: #006600;
}
.celula { 
border-top-width:0px; 
border-left-width:0; 
border-right-width:0px; 
border-bottom-width:1px;
border-color:rgb(102,153,102);
border-style:solid;
BACKGROUND-COLOR: #ffffff;
padding-left : 2px; 
}

hr {
color: green;
}

%STOPINCLUDE%