@import url("reset.css"); /* css reset */

* html img { /* código para usar PNG com fundo transparente. */

	filter:expression(
		this.alphaxLoaded ? "" :(this.src.substr(this.src.length-4)==".png"?((!this.complete)? "" :
		this.runtimeStyle.filter=("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.src+"')")+
		(this.onbeforeprint="this.runtimeStyle.filter='';this.src='"+this.src+"'").substr(0,0)+
		String(this.alphaxLoaded=true).substr(0,0)+
		(this.src="pics/blank.gif").substr(0,0)):this.runtimeStyle.filter=""));

}

img { border: none; }

img.rightSide {
float:right;
display:inline; 
margin-right:10px; }

img.left {
float:left;
display:inline; 
margin-left:10px; }

body { background-color:#000; }

div.f-transp{
position:absolute; 
top:0;
left:0;
width:100%;
height:487px;
background:#000;
filter:alpha(opacity=55, finishopacity=55, style=1);
opacity:.55;
-khtml-opacity:.55;
border:none;
z-index:9;
}

.scroll { overflow:auto; overflow-x:hidden; }

div.interna table { 
margin-left:2px;
border-collapse: collapse; 
}

div.interna table caption {  
font:bold 14px verdana, arial, tahoma, sans-serif;
padding:5px 0;
color:#fff;
background-color:#000;
}

div.interna table tr td { 
height:20px;
padding:3px;
text-align:center;
border:1px solid #666;
font:10px verdana, arial, tahoma, sans-serif;
color:#ccc;
width:102px;
}

div.interna table.noborder tr td { 
height:20px;
padding:3px;
text-align:center;
border:none;
font:10px verdana, arial, tahoma, sans-serif;
color:#ccc;
width:102px;
}

div.interna tr.titulo td { background-color:#333; font-weight:bold; }

div.interna td.titulo {
font-size:12px;
font-weight:bold;
color:#ccc;
background-color:#333;
}

p {
padding:6px 20px 6px 10px;
font:11px/17px verdana, arial, tahoma, sans-serif;
color:#fff;
}

h1 {  
padding-top:20px;
text-align:center;
font:bold 15px verdana, tahoma, arial, sans-serif;
color:#ccc;
}

h2 {  
background-color:#fff;
margin-top:20px;
text-align:center;
font:bold 13px verdana, tahoma, arial, sans-serif;
color:#000;
}

input, textarea {
font:bold 11px Trebuchet MS, tahoma, arial, sans-serif;
color:#666;
width:250px;
}

a { font:bold 11px Trebuchet MS, tahoma, arial, sans-serif; }

a.link01 { color:#faf84b; }

a:hover { text-decoration:underline; }

a.outracor { color:#FF9900; }

a.voltar {
width:3em;
margin:10px 0 0 220px;
display:block;
color:#ccc;
}

ul { margin:10px 0 0 15px; }

ul.thumbs li { float:left;
display:inline;
margin:40px 45px 10px 10px;
background:none; }

ul.caraio { float:right; margin-right:10px; }

ul.caraio li { list-style:none; margin-bottom:3px; }

ul li { 
list-style-type: square; 
color:#fff; 
font:11px Trebuchet MS, tahoma, arial, sans-serif; color:#fff;
}

ul li a { color:#faf84b; }

a.cursos { color:#faf84b; }

#geral {
margin:0 auto;
padding-top:20px;
width:1003px;
height:592px;
background:#000;
}


/*******************************************************************************
									CONTAINER
*******************************************************************************/


#container { /* essa div é para me auxiliar com algumas coisas */
position:relative;
margin:0 auto;
width:816px;
height:487px;
}

/*******************************************************************************
									TOPO
*******************************************************************************/

#topo { /* aqui fica o menu, a logo... */
position:absolute;
width:816px;
height:105px;
top:0;
left:0;
z-index:10;
}

/*******************************************************************************
									CONTEUDO
*******************************************************************************/

#conteudo {
position:absolute;
top:63px;
width:780px;
right:0;
z-index:10;
}

#conteudo #sidebar {
position:absolute;
top:50px;
left:0;
width:280px;
height:335px;
overflow:auto;
background-color:#292929;
}

#sidebar p { padding:8px; text-align:justify;}

div.interna { /* aqui fica todas as páginas internas */
top:63px;
right:20px !important;
width:487px;
height:385px;
background:url(../pics/bg-conteudo.jpg) no-repeat right;
}

div.container {
float:right;
display:inline;
overflow:auto;
margin:6px 4px 0 0;
width:469px;
height:370px;
}

#conteudo img.fechar { position:absolute; right:20px; top:8px; } /* botão fechar */

div.borda  img.fechar { position:absolute; right:30px !important; top:10px !important; } /* botão fechar da página 'perfil' */

/*******************************************************************************
									RODAPE
*******************************************************************************/

#rodape {
position:absolute;
bottom:-27px;
left:0;
width:816px;
height:80px;
z-index:10;
}

#end {
	position:absolute;
	bottom:-62px;
	left:235px;
	width:581px;
	height:80px;
}

.font_end{  
font:10px verdana, arial, tahoma, sans-serif;
color:#fff;
}

/*******************************************************************************
									PERFIL
*******************************************************************************/

#perfil {
position:absolute;
top:10px;
right:40px;
width:439px;
height:346px;
background-color:#fff;
}

#perfil div.borda { /* o conteudo de quem sou eu fica dentro dessa div..é nela que eu coloco aquela borda preta */
width:425px;
height:332px;
margin:5px;
border:2px solid #000;
overflow:auto;
overflow-x:hidden;
}

div.borda p { padding:6px 20px 6px 10px; color:#666; }

ul.perfil li { float:left; }

/*******************************************************************************
									PORTIFÓLIO
*******************************************************************************/

div.thumbs {
display:inline;
margin:15px 0 0 18px;
float:left;
width:100px;
}

div.thumbs p { 
text-align:center;
padding:0;
line-height:110%;
}

div.controle { 
position:absolute;
width:220px;
height:28px;
background-color:#777;
left:120px;
bottom:4px;
}

div.controle ul { margin:4px 0 0 27px; }

div.controle ul li { float:left; }

div.thumbs a {
display:block;
overflow:hidden;
width:100px;
height:77px;
}

div.thumbs a img { display:block; }

div.thumbs a:hover {
border:3px solid #fff;
width:94px;
height:71px;
}

div.thumbs a:hover img {margin:-3px 0 0 -3px;}

/*******************************************************************************
									CONTATO
*******************************************************************************/

#contato form {
margin:0 auto;
width:265px;
}

#contato input, textarea { margin:10px 0 0 10px; }

#contato input.bt { border:0; }

div#GB_overlay{
	filter:alpha(opacity=55, finishopacity=55, style=1);
	opacity:.55;
	-khtml-opacity:.55;
}