body 
{ 
background: #FFF;	
margin: 0; 
padding: 0; 
color: #000; 
font: 13px Arial, verdana, "Trebuchet MS", Sans-Serif;
letter-spacing: 0;  
text-align: center; 
min-width:500px;
}
b {color: #0A3200; }
h1 
{ 
font: normal 20px Arial,  Georgia, "Trebuchet MS", Sans-Serif; 
letter-spacing: 0; 
color: #004400; 
padding: 0; 
margin: 0; 
}
h1.colf {display:inline;color:#999; font : normal 10px verdana, 'Times New Roman', arial, Serif;}
h2 
{ 
font: normal 18px  Arial,  "Trebuchet MS", Verdana,  Georgia,Sans-Serif; 
color: #004400;
letter-spacing: 0; 
margin: 0; 
padding: 0; 
}
h3 
{ 
font: normal 17px  Arial, "Trebuchet MS", Verdana,  Georgia,Sans-Serif; 
color: #004400;
letter-spacing: 0; 
margin: 20px 0; 
padding: 0; 
}
h4 
{ 
display:block;
font: normal 20px  Arial, Verdana, "Trebuchet MS", Georgia,Sans-Serif; 
color: #004400;
letter-spacing: -1px; 
margin:0; 
margin-top:-3px; 
padding: 0; 

}
h5 
{ 
font: normal 16px  Arial, Verdana, "Trebuchet MS", Georgia,Sans-Serif;  
color: #004400;
letter-spacing: 0; 
margin:0; 
padding: 0; 
}
.alignright {text-align:right;}

p {line-height:1em;}

A:link, A:visited {
	color : #1893bd;  
	text-decoration: none;
	letter-spacing: 0;
}
A:active, A:hover {
	color: #dd4400; 
	text-decoration: none;
	letter-spacing: 0;
}
A.design:link, A.design:visited {
	color : #1893bd;  
	text-decoration: none;
	letter-spacing: 0;
	font : normal 16px arial, verdana, 'Times New Roman', Serif;
}
A.design:active, A.design:hover {
	color: #dd4400; 
	text-decoration: none;
	letter-spacing: 0;
	font : normal 16px arial, verdana, 'Times New Roman', Serif;
}



A.res:link, A.res:visited {
	color : #FFF;  
	background : #1893bd;
	border:1px solid #1893bd;
	text-decoration: none;
	letter-spacing: 0;
	padding-left:10px;
	padding-right:10px;
	font : normal 18px arial, verdana, 'Times New Roman', Serif;
}
A.res:active, A.res:hover {
	color: #1893bd;
	background : #FFF;
	border:1px solid #DDD; 
	text-decoration: none;
	letter-spacing: 0;
	padding-left:10px;
	padding-right:10px;
	font : normal 18px arial, verdana, 'Times New Roman', Serif;
}
A.b:link, A.b:visited {
	color : #1893bd;  
	text-decoration: none;
	letter-spacing: 0;
	font : normal 10px verdana, 'Times New Roman', arial, Serif; 
}
A.b:active, A.b:hover {
	color: #dd4400; 
	text-decoration: none;
	letter-spacing: 0;
	font : normal 10px verdana, 'Times New Roman', arial, Serif; 
}


a.info, a.info:visited {
display : block; 
color : #060; 
background : transparent; 
text-align : left; 
vertical-align : middle; 
height : 20px; 
width: 100px;
padding-top:4px;
padding-left:5px;
padding-right:0px;
border-bottom: 1px solid #e6eace;
	} 
a.info:hover 
	{
display : block; 
color : #FFF; 
background : #080; 
text-align : left; 
padding-top:4px;
padding-left:5px;
padding-right:0px;
vertical-align : middle; 
border-bottom: 1px solid #080;
	} 
a.info span 
	{
display : none; 
	} 
a.info:hover span 
	{
	display:block;
    	position:absolute;
	top:35px;
	left: -150px;
	width : 125px; 
	height:auto;
	color : #331400; 
	font: 11px  Arial, "Trebuchet MS", Sans-Serif;
	text-align : left; 
	border:1px solid #d9dfb7;
	padding:5px;
	} 




a.web, a.web:visited {
display : inline;
width : 50px; 
padding-left:1px;
color : #993300; 
text-decoration : none; 
border-left : 1px solid #F9F9F1; 
background : #F9F9F1;
border-right : 3px solid #FFF;
margin : 0; 
} 
a.web:hover {
display : inline;
width : 50px; 
color : #FFF; 
text-decoration : none; 
border-left : 1px solid #993300; 
background : #993300;
border-right : 3px solid #FFF;
margin : 0; 
}


.button01 {
	font: normal 10px verdana, arial, 'Times New Roman', Serif;
	width: 60px;  
	color: #FFF;
	text-align : center; 
	background : #dd4400;
	cursor: pointer;
}
.button {
	font: normal 11px verdana, arial, 'Times New Roman', Serif;
	width: 120px;  color : #FFF;    text-align : center; background : #339933; border: 1px solid #339933; cursor: pointer;
}


#topcontainer {
position:relative;
top:0;
width:800px;
min-width:500px;
text-align:center;
} 

.top    
{
position:relative;
top:0px;
left: 0px;
background-color: #FFF;
width: 780px;
text-align: left;
padding:0;
margin: 0;
}

.header 
{
position:relative;
top:0px;
left: 135px;
height:90px;
width: 700px;
background-color: transparent;
padding:0;
margin: 0;
}


#left 
{
float: left;
width: 280px;
height:488px;
text-align: left;
margin: 0;
padding: 0;
background: #FFF;
}

.mid {
position:relative;
top:0px;
left: 0px;
float:left;
width: 490px;
text-align: left;
margin: 0;
padding: 0;
background: #FFF;
}

.leftmenucontent {    	
position:absolute;
top:90px;
left: 10px;
width: 100px;
height:488px;
background: #FFF;	
}
#menu {
width:135px;
height:488px;
text-align: justify;
background-color: transparent;
}

.menucontent {  
position:absolute;
top:90px;
left: 135px;
width: 135px;
height:482px;
float: left;
background: #f9f9f1;
}




#titles{
float:left;
width: 480px;
height:25px;
margin: 0;
padding: 0;
border-bottom:2px solid #FFF;
background: #FFF;
clear:both;
}
.emptytitle {
float:left;
width: 200px;
}
.lefttitle {
float:left;
width: 75px;
}
.midtitle {
float:left;
width: 75px;
border-left:10px solid #FFF;
}
.righttitle {
float:left;
width: 75px;
border-left:10px solid #FFF;
}

#midcontainer{
clear:both;
float:left;
width: 450px;
height:55px;
margin: 0;
padding: 0px;
border-top:1px solid #FFF;
border-bottom:10px solid #FFF;
background: transparent;
}
.block, .blocku{
	padding-left: 4px;
	height:18px;
	width:192px;
	background:#F4F4DE;
	border-bottom:4px solid #FFF;
	border-right:4px solid #FFF;
	float:left;
}
.blocku { background : #FAFAFA;}
.blockleft{
	padding-left: 4px;
	height:18px;
	width:75px;
	background:#F4F4DE;
	border-bottom:4px solid #FFF;
	border-right:4px solid #FFF;
	float:left;
}
.blockunder{
	padding-left: 4px;
	height:18px;
	width:75px;
	background:#FAFAFA;
	border-bottom:4px solid #FFF;
	border-right:4px solid #FFF;
	float:left;
}
.leftmid {
float:left;
width: 130px;
text-align: left;
border-right:4px solid #FFF;
}
.leftcentermid {
float:left;
width: 150px;
text-align: left;
}
.centermid {
float:left;
width: 90px;
text-align: left;
height:55px;
border-left:10px solid #F9F9F1;
}
.rightmid {
float:left;
width: 90px;
text-align: left;
padding-left: 4px;
height:55px;
border-left:5px solid #FFF;
}
.sportcontainer{
float:left;
width: 490px;
height:450px;
margin: 0;
padding: 0;
background: #F9F9F1 url(http://www.peki.com.br/images/sport.jpg)no-repeat;	
color: #FFF; 
}

.goleft {
position:relative;
top:0px;
left: 35px;
display : block; 
color : #006600; 
background : transparent; 
text-align : left; 
vertical-align : middle; 
height : 20px; 
padding-top:8px;
padding-left:5px;
padding-right:0px;
border-bottom: 0px solid #DDD;
}

.clear{clear:both;}
.pad {padding:4px;}
.content{background-color: transparent;padding:0;margin: 0;text-align: left;}
.divclear {clear:both;height:10px;background-color:transparent;}
.footer {border-top:1px solid #FFF;padding-top:10px;color:#999;font : normal 10px verdana, arial, Serif;}

input, select, textarea {
color : #000; background-color : #F9F9F1; border : 1px solid #DDD; font : normal 11px verdana, 'Times New Roman', arial, Serif; width : 300px; } 

big 	{color:#333; font: normal 16px  Arial, verdana,  Sans-Serif; letter-spacing: 0;}
small {color:#333; font: normal 11px  Arial, verdana,  Sans-Serif; letter-spacing: 0;}
img 	{border: 0;padding: 0;margin: 0;}
hr 	{background-color: #DDD; color:#DDD; height:1px; border:0; }