/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */

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



/* basic elements */
body { 
font: 10pt/10pt arial,sans-serif; 
color: #000000; 
background: #fff; 
margin: 0px; 
}
p { 	
font: 10pt/13pt arial,sans-serif; 
margin-top: 0px; 
text-align: left;
}
h3 { 
font-family: arial,sans-serif;
margin-bottom: 0px; 
color: #444444;
}
a:link { 
font-weight: bold; 
text-decoration: none; 
color: red;
}
a:visited { 
font-weight: bold; 
text-decoration: none; 
color: red;
}
a:hover, a:active { 
text-decoration: underline; 
color: red;
}


/* specific divs */
#container { 
padding: 0px 0px 0px 0px;  
margin: 0px;
}


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

border-top:50px solid #ffffff;
border-left:4px solid #ffffff;
padding:0px;
margin: 0px;  
width: 390px;
height:300px;
float: none;
z-index:3;
}

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

#preamble {
clear: right; 
padding-left: 10px;
position:absolute;
width: 340px;	
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: 0px; 
}

#linkList {
margin-left: 0px; 
position: absolute; 
top: 300px; 
height:236px;
width:150px;
padding:0px;
text-align:right;
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 0px 0px; 
height: 18px; 
	}


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

/* this the background div*/
#fundo { 
background: red top right;
position:absolute;
top:0px;
left:150px;
height:450px;
width:360px;
z-index:1;
border-bottom:100px solid #888888;
border-top:280px solid #ff3366;
}

/* 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;
}*/