/* >>>>>>>>>>
-------------------------------------------
	INICIO DE REGRAS GERAIS PARA TODO SITE
-------------------------------------------
*/

* {
	margin:0;
	padding:0;
	list-style:none;
	text-decoration:none;
}

body{
    margin:0;
	background:#2a3d5a url(../imagens/bg.jpg) no-repeat top;
	text-align:center; /* hack para o IE */	
	font: 79% "Trebuchet MS", Arial, Helvetica;
	line-height:200%;
	letter-spacing:1px;
	color:#fff;
}

#geral{
	width:1000px;
	text-align:left; /* "remédio" para o hack do IE */	
	margin:0 auto; /* Centralizar o site na pagina */
}



/*
-------------------------------------------
	FIM DE REGRAS GERAIS PARA TODO SITE
-------------------------------------------
<<<<<<<< */


/* >>>>>>>>>>>>>
-------------------------------------------------------
	INICIO DE REGRAS GERAIS PARA TOPO
-------------------------------------------------------
*/

#topo {
	width:1000px;
	height:179px;
}

#topo #logo {
	width: 510px;
	height: 179px;
	float:left;
}

/*	LOGOMARCA	*/
#topo #logo h1 {
	width: 510px;
	height: 179px;
	position:relative;
	display: block;
	margin: 0 0 0 0px;
	padding: 0;
	text-indent: -99999px;  /* PARA ESCONDER O TEXTO ABAIXO DA IMAGEM */
	background: url(../imagens/logo.png) no-repeat right top transparent;
	float:left;
	top:0px;
}
#topo #logo h1 a {
	width: 510px;
	height: 179px;
	display: block;
	text-decoration: none;
}
#topo #logo h1 a:hover {
	background: url(../imagens/logo.png) no-repeat right bottom transparent;
}

#topo_miolo {
	width:490px;
	height:179px;
	float:right;
}


#topo #topo_miolo #versao_anterior {
	width:400px;
	margin:0 48px 0 0;
	font-size:10px;
	text-align:right;
	float:right;
}

#topo #topo_miolo #versao_anterior a{
	text-decoration:none;
	color: #fff;
	border-bottom:#fff 1px dotted;
}

#topo #topo_miolo #versao_anterior a:visited {
	color: #fff;
	border-bottom:#fff 1px dotted;
}
#topo #topo_miolo #versao_anterior a:hover {
	color: #b4a0b1;
	border:none;
}
#topo #topo_miolo #versao_anterior a:active { 
	color: #fff; 
}


/*-----  Menu links  --------*/
#topo #topo_miolo #links {
	width:424px;
	height:45px;
	margin:5px 10px 0 0;
	/*display:inline;*/
	float:right;
}

#topo #topo_miolo #links .msn{
	width: 48px;
	height: 38px;
	overflow: hidden;
	background: url(../imagens/links_msn.png) top left no-repeat;
	display: block;
	text-indent: -10000px;
	float:left;
}

#topo #topo_miolo #links .msn:hover{
	background-position: bottom left;
}

#topo #topo_miolo #links .orkut{
	width: 52px;
	height: 38px;
	overflow: hidden;
	background: url(../imagens/links_orkut.png) top left no-repeat;
	display: block;
	text-indent: -10000px;
	float:left;
}

#topo #topo_miolo #links .orkut:hover{
	background-position: bottom left;
}

#topo #topo_miolo #links .flickr{
	width: 48px;
	height: 38px;
	overflow: hidden;
	background: url(../imagens/links_flickr.png) top left no-repeat;
	display: block;
	text-indent: -10000px;
	float:left;
}

#topo #topo_miolo #links .flickr:hover{
	background-position: bottom left;
}

#topo #topo_miolo #links .delicious{
	width: 51px;
	height: 38px;
	overflow: hidden;
	background: url(../imagens/links_delicious.png) top left no-repeat;
	display: block;
	text-indent: -10000px;
	float:left;
}

#topo #topo_miolo #links .delicious:hover{
	background-position: bottom left;
}

#topo #topo_miolo #links .lastfm{
	width: 48px;
	height: 38px;
	overflow: hidden;
	background: url(../imagens/links_lastfm.png) top left no-repeat;
	display: block;
	text-indent: -10000px;
	float:left;
}

#topo #topo_miolo #links .lastfm:hover{
	background-position: bottom left;
}

#topo #topo_miolo #links .youtube{
	width: 88px;
	height: 38px;
	overflow: hidden;
	background: url(../imagens/links_youtube.png) top left no-repeat;
	display: block;
	text-indent: -10000px;
	float:left;
}

#topo #topo_miolo #links .youtube:hover{
	background-position: bottom left;
}

#topo #topo_miolo #links .gmail{
	width: 62px;
	height: 38px;
	overflow: hidden;
	background: url(../imagens/links_gmail.png) top left no-repeat;
	display: block;
	text-indent: -10000px;
	float:left;
}

#topo #topo_miolo #links .gmail:hover{
	background-position: bottom left;
}



#topo #topo_miolo #menu {
	width:424px;
	height:50px;
	margin:30px 10px 0 0;
	display:inline;
	float:right;
	font-size:12px;
}

#topo #topo_miolo #menu li{
	display:inline;
}

#topo #topo_miolo #menu .perfil{
	width: 80px;
	height: 50px;
	overflow: hidden;
	background: url(../imagens/menu_perfil.png) top left no-repeat;
	display: block;
	text-indent: -10000px;
	float:left;
}

#topo #topo_miolo #menu .perfil:hover{
	background-position: bottom left;
}

#topo #topo_miolo #menu .trabalhos{
	width: 120px;
	height: 50px;
	overflow: hidden;
	background: url(../imagens/menu_trabalhos.png) top left no-repeat;
	display: block;
	text-indent: -10000px;
	float:left;
}

#topo #topo_miolo #menu .trabalhos:hover{
	background-position: bottom left;
}

#topo #topo_miolo #menu .fale_comigo{
	width: 142px;
	height: 50px;
	overflow: hidden;
	background: url(../imagens/menu_fale_comigo.png) top left no-repeat;
	display: block;
	text-indent: -10000px;
	float:left;
}

#topo #topo_miolo #menu .fale_comigo:hover{
	background-position: bottom left;
}
/*
-------------------------------------------------------
	FIM DE REGRAS GERAIS PARA TOPO
-------------------------------------------------------
<<<<<<<<<<*/


/* >>>>>>>>>>>>>>>
-------------------------------------------------------
	INICIO DE REGRAS GERAIS PARA CONTEUDO
-------------------------------------------------------
*/


#conteudo {
	width:1000px;
	/*display:table;*/
	background:#2a3d5a;
}


#conteudo #titulo {
	width:1000px;
	height:50px;
	background:url(../imagens/bg_titulo.jpg);
}


/*-----------------  CABEÇALHOS   ----------------------*/

#conteudo #titulo h1.perfil {
	width:147px;
	height:50px;
	margin-left:10px;
	background:url(../imagens/titulo_perfil.jpg);
	text-indent:-99999px;
}

#conteudo #titulo h1.trabalhos {
	width:147px;
	height:50px;
	margin-left:10px;
	background:url(../imagens/titulo_trabalhos.jpg);
	text-indent:-99999px;
}

#conteudo #titulo h1.fale_comigo {
	width:147px;
	height:50px;
	margin-left:10px;
	background:url(../imagens/titulo_fale_comigo.jpg);
	text-indent:-99999px;
}


/*-----------------  FIM DOS CABEÇALHOS   ----------------------*/

/*-----------------  CABEÇALHOS TRABALHOS  ----------------------*/

#conteudo #box_thumb #box_titulos h2 {
	margin-left:80px;
	font: 18px "Trebuchet MS", Arial, Helvetica;
	color:#fff;
}

#conteudo #box_thumb #box_titulos h3 {
	margin:10px 0 20px 80px;
	font: 15px "Trebuchet MS", Arial, Helvetica;
	color:#fff;
}


/*-----------------  FIM CABEÇALHOS TRABALHOS   -------------------*/


/*-----------------  SUBTITULOS DA HOME  -------------------*/

#conteudo #subtitulo h2.quem_sou_eu {
	width:30px;
	height:179px;
	background:url(../imagens/subtitulo_quem_sou_eu.jpg) no-repeat;
	text-indent:-99999px;
}

#conteudo #subtitulo h2.profissional {
	width:30px;
	height:179px;
	background:url(../imagens/subtitulo_profissional.jpg) no-repeat;
	text-indent:-99999px;
}

#conteudo #subtitulo h2.carreira {
	width:30px;
	height:179px;
	background:url(../imagens/subtitulo_carreira.jpg) no-repeat;
	text-indent:-99999px;
}

#conteudo #subtitulo h2.cursos {
	width:30px;
	height:179px;
	background:url(../imagens/subtitulo_cursos.jpg) no-repeat;
	text-indent:-99999px;
}


/*--------------   FIM SUBTITULOS DA HOME     -----------------*/


/*-----------------  SUBTITULOS DE TRABALHOS  -------------------*/

#conteudo #subtitulo h2.meta {
	width:30px;
	height:179px;
	background:url(../imagens/subtitulo_meta.jpg) no-repeat;
	text-indent:-99999px;
}

#conteudo #subtitulo h2.atuacao {
	width:30px;
	height:179px;
	background:url(../imagens/subtitulo_atuacao.jpg) no-repeat;
	text-indent:-99999px;
}


/*--------------   FIM SUBTITULOS DE TRABALHOS     -----------------*/

#bloco_conteudo {
	width:1000px;
	display:table;
	position:relative;
	padding:30px 0;
	border-bottom:1px #666699 dotted;
}


#bloco_conteudo a {
	margin:0; 
	padding:0;
	text-decoration:none;
	color: #fff;
	border-bottom:#fff 1px dotted;
}
#bloco_conteudo a:visited {
	color: #fff;
	border-bottom:#fff 1px dotted;
}
#bloco_conteudo a:hover {
	color: #b4a0b1;
	border:none;
}
#bloco_conteudo a:active { 
	color: #fff; 
}



#conteudo #subtitulo {
	width:30px;
	height:179px;
	float:left;
}



#conteudo #box_total {
	width:1000px;
	height:1px;
}

#conteudo #box_thumb {
	width:1000px;
}

#conteudo #box_thumb #box_titulos {
	height:80px;
}

#conteudo #box_thumb #box_imagem {
	width:610px;
	margin:0 auto 40px auto;
}

#conteudo #box_thumb #box_imagem .foto_site {
	border:#b4a0b1 12px solid;
}

#conteudo #caption {
	width:440px;
	/*margin:0 20px 0 10x;*/
	/*padding-right:15px;*/
	text-align:justify;
	float:right;
}

#conteudo #caption h4 {
	font:14px "Trebuchet MS", Arial, Helvetica;
	color:#fff;
	margin-bottom:12px;
}

#conteudo #caption p {
	margin-bottom:12px;
}




#conteudo #box_caption {
	width:490px;
	margin:20px 0;
	height:1px;
	display:table;
}

#conteudo #bloco_conteudo #ancoras {
	width:900px;
	height:30px;
	float:left;
	margin:20px 0 0 20px;
}

#conteudo #bloco_conteudo #ancoras #ancora_anterior {
	width:200px;
	height:30px;
	float:left;
}

#conteudo #bloco_conteudo #ancoras #ancora_proxima {
	width:200px;
	height:30px;
	float:left;
}

#conteudo #bloco_conteudo #ancoras #ancora_topo {
	width:200px;
	height:30px;
	float:left;
}

/*
-------------------------------------------------------
	FIM DE REGRAS GERAIS PARA CONTEUDO
-------------------------------------------------------
<<<<<<<<<<*/

/* >>>>>>>>>>>>
-------------------------------------------------------
	INICIO DE REGRAS GERAIS PARA COLUNA ESQUERDA
-------------------------------------------------------
*/

#col_esquerda {
	width:485px;
	float:left;
	margin-left:10px;
	background:#2a3d5a;
	/*display:inline;*/
}

/*
-------------------------------------------------------
	FIM DE REGRAS GERAIS PARA COLUNA ESQUERDA
-------------------------------------------------------
<<<<<<<<<<*/

/* >>>>>>>>>>>>
-------------------------------------------------------
	INICIO DE REGRAS GERAIS PARA COLUNA DIREITA
-------------------------------------------------------
*/

#col_direita {
	width:485px;
	float:right;
	margin-right:10px;
	background:#2a3d5a;
}


/*
-------------------------------------------------------
	FIM DE REGRAS GERAIS PARA COLUNA DIREITA
-------------------------------------------------------
<<<<<<<<<<*/



/* >>>>>>>>>>>>
-------------------------------------------------------
	INICIO DE REGRAS GERAIS PARA RODAPÉ
-------------------------------------------------------
*/

#rodape {
	background-color:#2a3d5a;
	color:#fff;
	height:50px;
	text-align:center;
	margin-top:20px;
	clear:both;
}

/* ASSINATURA NO RODAPE DO SITE */
#rodape address{
	font:10px Verdana, Arial, Helvetica, sans-serif;
	padding:18px 0 0 0;
	text-align:center;
}

/*
-------------------------------------------------------
	FIM DE REGRAS GERAIS PARA RODAPÉ
-------------------------------------------------------
<<<<<<<<<<< */

textarea:focus, input:focus {
background-color:#FFFFEE;
border:solid 2px #ccc;
}

textarea:hover, input:hover {
	border:2px solid #EAB278;
}

textarea, input{
font-family:Trebuchet MS,Arial, Helvetica, sans-serif;
font-size:13px;
color:#304913;
}