/* constructed in november 2006 by Ariane Stolfi */
/* fresh brasilian whole new constructivism and HTML patchworking */
/* http://atelier-labs.incubadora.fapesp.br/portal/Members/garotasimpatica */



/* basic elements */
body {
background: #eeeeee	
}

td {vertical-align:top
}
	
#list {
position: absolute;
background:#eeeeee;
font: 10px arial,sans-serif #000000 bold;	
left:0px;
width:200px;
text-align:right;
z-index:3;

}

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

#list li {
font-family: arial,sans-serif;
font-size:10px;
font-weight:normal;
color:#999999;
line-height: 8px;
list-style-type: none;
display: block; 
padding-top: 2px; 
margin-bottom: 2px;
border-bottom:0px dotted black;
}

#list a:link, a:visited{
color: #000000;
text-decoration:none;
}

#list a:hover, a:active {
color: #000000;
font-size:20px;
text-decoration:none;
background-color: #ffgg00;
	}	

#corpo {
position: absolute;	
top:153px;	
left:0px;
width:350px;
text-align:left;
z-index:1;
border-left:200px #ffffff solid;
padding:5px;
overflow:visible;
_overflowY:visible;
_overflowX:visible;
float:left;
}

#ads{
position: absolute;	
top:15px;	
left:205px;
width:350px;
text-align:right;	
	
}

h1.tit{
	
font-family: arial,sans-serif;
font-size:30px;
color:#00aaff;
font-weight:normal;
line-height: 25px;

	
}

h2.tit {
	
font-family: arial,sans-serif;
font-size:20px;
color:#111111;
font-weight:normal;
line-height: 25px;

	
}

.tex {
font-family: arial,sans-serif;
color:#000000;
font-size:12px;
font-weight:normal;
line-height: 16px;
float:none;
	
	
}
.pq {
font-family: arial,sans-serif;
color:#000000;
font-size:11px;
font-weight:normal;
line-height: 16px;
float:none;
	
	
}

.rodape {
font-family: arial,sans-serif;
color:#000000;
font-size:10px;
font-weight:normal;
line-height: 16px;
margin-top:40px;
	
	}

	
.nota {
position:relative; 
left:240px;
height:30px; 
width:220px; 
margin:-13px 0px;
font-family: arial,sans-serif;
color:#000000;
font-size:10px;
overflow:visible;
_overflowY:visible;
z-index:3;
display:block;
float:right;

}

.peq {
font-family: arial,sans-serif;
color:#000000;
font-size:10px;	
}
 
A:link {
    color:#000000;
    font-weight:normal;
    text-decoration:none;
}

A:active {
    color:#000000;  
    font-weight:normal;
    text-decoration:none;
}

A:visited {
    color:#000000;
    font-weight:normal;
    text-decoration:none;
}

A:hover {
    color:#000000;
	font-weight:bold;
    text-decoration: none;
	font-size:1.2em;
	line-height:10px;
	
}



#extra1
{
position:relative;

left:0px;
width:0px;
height:100;
border-left: 200px solid #ffffff ;	
border-top: 200px solid #eeeeee;
z-index:1;
bottom:0;
}

#textinho {
position: absolute;
background-color:#FFFFFF;
left:200px;
top:450px;
clear:both; 

border-top:100px solid #ffffff;
border-left:4px solid #ffffff;
padding:0px;
margin: 0px;  
width: 400px;
height:200px;
float: none;
z-index:3;
}

#textinho p {
padding:5px;
font: 10pt arial,sans-serif #333333;
line-height:16px;
text-align:left;
margin-top:30px
}

#preamble {
clear: right; 
padding-left: 10px;
position:absolute;
width: 350px;	
top: 355px; 
left:404px;
z-index:3;
}

#preamble p{
position:relative;
top:00px;
margin-top:-15px;
text-align:left;
z-index:3;
}
	
#preamble h3{
font: bold 45pt arial,sans-serif;
line-height:30px;
text-align:right;
position:absolute;
left:-200px;
top:100px;
margin:0px;
margin-bottom: 0px; 
color: #000000;
}
	
	
#supportingText {
padding-left: 10px;
width: 350px;
position: relative; 
top: 510px; 
left:404px;	
margin-bottom: 40px;
z-index:3;
}
	
#supportingText p {
margin-top: -15px;
margin-bottom:20px;
}
	
#supportingText h3{
font: bold 30pt arial,sans-serif;
line-height:30px;
text-align:right;
position:relative;
left:-370px;
margin:0px;
margin-bottom: 0px; 
color: #ff6600;
}

#footer { 
text-align: left; 
}

#footer a:link, #footer a:visited { 
margin-right: 20px; 
}

#linkList {
margin-left: 0px; 
position: absolute; 
top: 200px; 
height:236px;
padding:0px;
text-align:left;
z-index:3;
left:600px;
}


#linkList h3.select span {
font-size:14px;
line-height:14px;
}
	

#som {
position: realtive;
top:200px;
left:100px;
border:0px;
height:25px;
z-index:4;
}

#linkList h3.select { 
margin: 0px 0px 21px 0px; 
width: 60px; 
height: 18px; 
	}


#linkList ul {
margin: 0px;
padding: 0px;
	}
#linkList li {
font-family: arial,sans-serif;
font-size:10px;
font-weight:normal;
line-height: 6px;
list-style-type: none;
background: transparent no-repeat top center; 
display: block; 
padding-top: 5px; 
margin-bottom: 5px;
	}
#linkList li a:link { 
color: #FFffff;
	}
#linkList li a:visited {
color: #AAAAAA;
	}

/* this the background div*/
#fundo { 
background: #bbbbbb top right;
position:absolute;
top:0px;
left:200px;
height:400px;
width:555px;
z-index:1;
border-bottom:100px solid #DDDDDD;
border-top:420px solid #888888;
}

/* and these are the triangles on the right
#extraDiv2
{
position:absolute;
top:0px;
left:808px;
width:177px;
height:0px;
border-left: 175px solid #888888 ;	
border-bottom: 260px solid #ffffff;
z-index:2;
}

#extraDiv3
{
position:absolute;
top:630px;
right:-800px;
width:800px;
height:0px;
border-bottom: 290px solid #ffffff ;
border-left: 350px solid #bbbbbb;
z-index:2;
}

#extraDiv5
{
position:absolute;
top:260px;
left:812px;
width:0px;
height:0px;
margin: 0px;
border-top: 370px solid #ffffff ;
border-left: 348px solid #bbbbbb;
z-index:2;
}

#extraDiv4
{
position:absolute;
top:920px;
right:-800px;
width:800px;
height:0px;
border-bottom: 670px solid #ffffff ;
border-left: 350px solid #bbbbbb;
z-index:2;
}

#extraDiv6
{
position:absolute;
top:1390px;
right:0px;
width:0px;
height:0px;
border-bottom: 650px solid #ffffff;
border-left: 350px solid #dddddd;
z-index:2;
}*/