/* Folha de estilos do Ciberfolio do desenvolvedor Alexandre Magno */
	background-color: #B5B5B5;
	height: 100%;

/* estilização de elementos gerais */


* {


	margin: 0;
	padding: 0;
	height: auto;
}


body {
	width: 100%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;

}


a {

	outline: none;
	border: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #44404F;
}

a:hover {

	color: #4B3E6F;
	text-decoration: none;

}


img {

	border: none;
}





/* Classes gerais */

.subs {

	display: none;
}

.clear {

	clear: both;
}

.btn_mais_detalhes, .btn_entrar_site, .btn_enviar {

	width: auto;
	height: 28px;
	background-image: url('../img/bg_botao.gif');
	background-repeat: repeat-x;
	text-decoration: none;
	padding: 5px;
	border-right: 3px solid #8E7755;
	border-bottom: 3px solid #8E7755;
	border-top: 1px solid #8E7755;
	border-left: 1px solid #8E7755;
	color: white;
	cursor: pointer;
	outline: none;

}


.btn_mais_detalhes:hover, .btn_entrar_site:hover, .btn_enviar:hover {

	background-image: url('../img/bg_botao_over.gif');
}

.btn_mais_detalhes span, .btn_entrar_site span {

	width: 100%;
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-left: 22px;
}

.blog_info img {

	margin-top: -12px;
	margin-bottom: -6px;
	width: 52px;
	height: 43px;
	z-index: 10;

}

.idioma {

	width: auto;
	padding: 2px;
	display: block;
}

.idioma_ingles {

	width: auto;
	padding: 2px;
	display: block;
}

.idioma:hover {

	border: 1px solid white;
}

.lista_simples {

	margin-top: -18px !important;
	margin-left: 20px !important;
	list-style-image: url('../img/icone_bullet.gif');

}

.lista_simples li {

	margin: 8px 0 !important;
}

.link_ext {

	color: #3F4A90;
}

.link_ext:hover {

	color: #9B9FCF;
	text-decoration: none;
}

.error_message {
	display: inline;
	text-align: right;
	width: 80%;
	color: red !important;
	font-weight: bold;
	font-size: 10px;
}


/* Estilização dos formularios */

#form_coment, #form_contato {

	margin: 10px 0;

}

.campo, .campo_data, .campo_focus {

	font-size: 18px;
	color: gray;
	background-color: #DDDDDD;
	border: 1px solid #A19A9A;
}

.campo_focus {

	border: 1px solid #E64D4D;
	background-color: #DBCDCD;
}

#form_coment label, #form_contato label {

	display: block;
	padding: 6px 0;
    font-weight: bold;
}

#form_enviar {

	width: 180px;
	float: right;
	padding: 12px 0;

}

/* Caixa de erro no formulário */

#erro_form, #flashMessage {

	width: 450px;
	margin: 10px auto;
	background-color: #DFE3D5;
	padding: 10px;
	color: black;
	text-align: center;

}

#erro_form ul {

	width: 300px;
	margin: 5px auto;
	padding: 0 0 0 10px;
	list-style-image: url('../img/icone_info.gif');

}

#erro_form li {

	text-align: left !important;
}

#carregando {

	width: 250px;
	text-align: center;
	margin: auto;
	background-color: #DFE3D5;
	padding: 10px;
}



/* estilização do  Cabeçalho */

#head {


	height: 62px;
	background-color: #98EC37;
	border-bottom: 2px solid white;


}


#container_head_esquerda {

	width: 895px;
	float: left;
	overflow: auto;


}


#container_head_direita {


	float: right;


}

#head_primeiro {

	width: 270px;
	float: left;
	padding: 0 0 0 0;
	border-right: 4px solid white;
	/* border: 2px solid gray; para teste */
}


#head_primeiro ul {


	display: block;
	width: 255px;
	height: 44px;
	background-color: #65AB10;
	border-top: 8px solid #7ACD14;
	padding: 10px 15px 0 0;
}


#head_primeiro li {
	width: auto;
	float: right;
	list-style-type: none;
	display: inline;
	margin: 5px 8px;
}

#head_central {

	width: 617px;
	float: right;
	padding: 0 0 0 0;
	margin: 0;
	border-right: 4px solid white;
	/*border: 2px solid yellow; para teste */
}

#head_central h2 {


	width: 100%;
	height: 54px;
	background-image: url('../img/logo.gif');
	background-repeat: no-repeat;
	background-position: 98% 12px;
	border-top: 8px solid #7ACD14;
	background-color: #65AB10;
}

#head_central q {

	display: none;

}





/* fim do cabeçalho */








/* container */





#container {





	width: 100%;


	clear: both;


	background-color: #B5B5B5;


	height: 100%;


	overflow: auto;


}





/* navegação */





/* classes da navegação */





.navegacao_box {





	width: 250px;


	margin: 15px auto;


	border: 2px solid white;


	background-color: #DFDFDF;





}





.navegacao_box_servicos {





	background-image: url('../img/bg_box_servicos.gif');


	background-repeat: no-repeat;


	background-position: right top;


}





.navegacao_box_interno {








	 padding: 5px 20px 20px 20px;


}





.navegacao_box h2 {





	font-size: 14px;


	color: #444444;


	padding: 4px 0 6px 24px;


	margin: 0 0 8px 0;


	border-bottom: 1px dashed #525252;





}





.navegacao_box_interno ul {





	margin: 0 0 0 20px;


	list-style-type: none;





}





.navegacao_box_interno li {





	padding: 5px 0 5px 0;


	margin: 5px 0 5px 0;


}





.navegacao_box ul a {





	text-decoration: none;


	color: #7F676D;


	font-weight: bold;


}





.navegacao_box a:hover {





	color: #9F8189;


}





.navegacao_box p {





	width: 96%;


	text-align: right;


	width: 100%;


	/* border: 1px solid green; teste */





}





.btn_mais {





	width: auto;


	color: #804040;


	text-align: right;


	display: block;


	background-image: url('../img/icone_mais.gif');


	background-repeat: no-repeat;


	background-position: 0 0;


	background-position: 200px 3px;


	padding-right: 15px;


	text-decoration: none;


	/* border: 1px solid black; teste */


}





.btn_mais a {





	color: #CFB5BC;


}





#titulo_servicos {

	background-image: url('../img/icone_box_servicos.gif');
	background-repeat: no-repeat;
	background-position: 0 5px;
}


#lista_servicos li {

	list-style-image: url('../img/icone_lista_n1.gif');
	list-style-position: outside;
	background-repeat: no-repeat;
	/*width: 100%;
	height: auto;*/
}

#titulo_artigos {

	background-image: url('../img/icone_box_artigos.gif');
	background-repeat: no-repeat;
	background-position: 0 6px;
}





#lista_artigos {





	list-style-image: url('../img/icone_lista_n2.gif');


	background-repeat: no-repeat;


}





#navegacao {

	width: 270px;
	float: left;
	background-color: #B5B5B5;
	/*border: 1px solid black; teste */

}





#intro {





	width: 99.3%;


	height: 132px;


	background-color: black;


	color: white;


	text-align: right;


	padding: 0 5px 5px 0;





}





#intro p {





	width: 80%;


	padding: 84px 0 0 45px;


	/* border: 1px solid white; teste */


}





/* menu principal */





#menu {


	width: 100%;
	height: 100%;
	font-size: 14px;
	font-weight: bold;
}





#menu li {





	width: 100%;


	list-style-type: none;


	display: inline;


	/*border: 1px solid green; teste */








}





#menu a {





	width: 88%;


	display: block;


	text-decoration: none;


	color: #444444;


	margin: 15px 0 15px 0;


	padding: 5px 0 5px 32px;


	background-color: #FFFFFF;


	background-repeat: no-repeat;


	background-position: 8px 6px;


	/*border: 1px solid black; teste */


}





#menu a:hover {





	background-color: #FCF7D6;


}





/* Ícones do menu */





#item_paginainicial {





	background-image: url('../img/icone_menu_home.gif');





}





#item_portfolio {





	background-image: url('../img/icone_menu_port.gif');





}





#item_curriculum {





	background-image: url('../img/icone_menu_curriculum.gif');





}





#item_contato {





	background-image: url('../img/icone_menu_contato.gif');


	background-position: 8px 9px !important;





}





/* box de servicos */











/* conteudo central */





#conteudo_geral {

	width: auto;
	overflow: auto;
	background-image: url('../img/bg_container.gif');
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #D8D8D8;
	/*border: 1px solid green; teste */

}

#conteudo_central {

	width: 622px;
	background-color: white;
	border-right: 4px solid white;
	/*float: left;*/
	/*border: 1px solid yellow; */
}

#central_titulo {

	margin: 0;
	padding: 0 0 0 4px;
	background-color: white;

}

#central_titulo h2 {

	width: 617px;
	height: 137px;
}

#central_home {

	background-repeat: no-repeat;
}

/* Fundo específico de cada página */

.pag_home {

	background-image: url('../img/head_home.jpg');
}

.pag_curriculum {

	background-image: url('../img/head_curriculum.jpg');
}

.pag_artigos {

	background-image: url('../img/head_artigos.jpg');
}

.pag_contato {

	background-image: url('../img/head_contato.jpg');
}

.pag_portfolio {

	background-image: url('../img/head_portfolio.jpg');
}

#box_indice, .box_conteudo, .box_admin {

	width: 617px;
	margin: 4px 0 0 4px;
	overflow: auto;



}

#contato {

	height: 830px;

}


#box_indice, .box_admin {

	width: 618px;
	background-color: #FF9900;
	color: white;


}



#box_indice h2, #navegacao_indice_rodape, #portfolio_preview_nome, .box_admin h2 {
	display: block;
	background-color: #FF6600;
	width: 592px;
	padding: 8px 0 8px 25px;
	font-size: 14px;
	background-image: url('../img/icone_titulo_n1.gif');
	background-repeat: no-repeat;
	background-position: 6px 12px;

}

#navegacao_indice_rodape, #portfolio_preview_nome {

	width: 592px;
	background-image: none;
	display: table;
	color: #CFC8B5;
	font-size: 12px;
	font-weight: bold;


}

#navegacao_indice_rodape a, #portfolio_preview_nome a {

	color: white;
	text-decoration: none;
}

#portfolio_preview {

	width: 100%;
	height: 100%;
}

#portfolio_preview_nome {
	width: 618px;
	height: 14px;
	margin-left: 0;
	padding-left: 0;
	text-align: center;
	background-color: #FF6600;
	color: white;
}

#enclose_pag_esquerda {

	width: 349px;
	float: left;
	/*border: 1px solid green;*/
}

#enclose_pag_direita {

	width: 180px;
	float: right;
	padding-right: 25px;
	float: right;
	text-align: right;
	/*border: 1px solid black;*/
}



.pagina_atual {

	margin: 0 0 0 180px;
}

.btn_anterior, .btn_proximo {

	background-image: url('../img/icone_anterior.gif');
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0 0;
}

.btn_proximo {

	background-image: url('../img/icone_proximo.gif');
	background-position: 80px 0;

}

.btn_anterior:hover, .btn_proximo:hover {

	color: #F5F5F5 !important;
}

#box_indice h2 a {

	color: white;
	text-decoration: none;


}

#box_indice h2 a:hover {

	color: #DFC6B5;
}




.box_conteudo {

	background-color: #F5F5F5;
	border: 1px solid #bbbbbb;
	clear: both;
}

.box_conteudo h2, .navegacao_interna {


	border-bottom: 1px solid #bbbbbb;
	background-color: #888888;
	text-align: right;
	padding: 8px 30px 8px 0;
	font-size: 14px;
	color: white;
	background-image: url('../img/icone_titulo_n2.gif');
	background-repeat: no-repeat;
	background-position: 598px 13px;

}

.titulo_n2 {

	border-bottom: 1px dashed gray;
}

.data {

	font-size: 11px;
	color: #8D5151;
	margin-top: 8px;
	display: block;
}

.navegacao_interna {

	background-image: none;
	display: table;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	/* border: 1px solid yellow; */

}

.box_conteudo h3 {


	font-size: 14px;
	padding: 8px 0;
}


.box_conteudo p {

	text-align: justify;
	text-indent: 12px;
	padding: 8px 0;
}


.box_conteudo ul {

	padding: 16px 8px;
	margin: 16px 8px;
}


.box_conteudo_corpo {

	padding: 15px;

}


#projeto_preview {


	width: 200px;
	float: left;
	margin: 30px 0;
	border-right: 1px solid white;

}

#projeto_preview img {

	width: 144px;
	display: block;
	margin: -5px 5px 8px 0;
	border: 1px solid black;
}





.thumb_projeto, .thumb_projeto_portfolio {


	width: 144px;
	height: 132px;
    background: url(../img/shadow.png) no-repeat bottom right !important;
	background: url(../img/shadow.gif) no-repeat bottom right;
	/*margin: 10px 7px 0 10px;*/
	margin: 10px auto;
	padding: 5px 16px 10px 0;
}

.thumb_projeto_portfolio {

	margin: 10px auto;
	padding: 0 20px 16px 1px;
}

/* botoes */

.btn_mais_detalhes span {

	background-image: url('../img/icone_mais_n2.gif');

}





.btn_entrar_site span {





	background-image: url('../img/icone_entrar.gif');


}





.btn_entrar_detalhes span {

	width: 100%;
	background-image: url('../img/icone_mais_n2.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-left: 22px;

}

#projeto_botoes ul {


	margin: 0 auto;
	clear: both;
	/*border: 1px solid black; teste */

}


#projeto_botoes ul {

	list-style-type: none;
	margin: 0 0 0 30px;
}

#projeto_botoes li {

	margin: 25px 0 5px 0;
}

/* botões da visualização dos últimos projetos */

/* lado do título e conteúdo do último projeto */

#projeto_conteudo {

	width: 370px;
	float: right;
	margin: 12px 0;
	padding: 0 6px 0 0;
	/* border: 1px solid green; */
}

#projeto_conteudo h3 {
	width: 95%;
	font-size: 16px;
	text-align: center;
	padding: 12px 0;

}


#projeto_conteudo p {
	width: 94%;
	text-indent: 12px;
    text-align: justify;
}



/* Página de curriculos */

.curriculo_cabecalho {

	list-style-type: none !important;
	margin-left: -8px !important;
	margin-bottom: 10px;

}

/* Navegação do cabeçalho */

#opcoes_curriculo {

	list-style-type: none;
	padding: 0;
	margin: 8px 5px;
	background-color: #888888;
	/*border: 1px solid black;*/
}

#opcoes_curriculo li {
	float: right;
	margin: 0 8px 5px 8px;
	padding: 4px 2px;
	/* border: 1px solid yellow;*/
}

#opcoes_curriculo li a {

	width: auto;
	color: #693636;
	text-decoration: none;
	display: block;
	background-color: #FFFFFF;
	padding: 4px 8px 4px 30px;
	font-size: 12px;
	font-weight: bold;


}

#opcoes_curriculo li a:hover {

	background-color: #EFEFEF;
	color: #5F3B3B;
}

#versao_impressao {

	background-image: url('../img/icone_impressora.gif');
	background-repeat: no-repeat;
	background-position: 8px 4px;
}

#versao_pdf {

	background-image: url('../img/icone_pdf.gif');
	background-repeat: no-repeat;
	background-position: 8px 4px;
}

.curriculo_corpo {

	margin-top: -10px !important;


}

.curriculo_corpo li {

	margin-top: 8px;
}

.curriculo_objetivo {

	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}


/* Página de artigos */

#box_indice_artigos ul {
	width: 98%;
	padding: 10px 0 0 12px;
	list-style-type: none;
	color: #735252;

}

#box_indice_artigos li {

	margin: 20px 0;
}



#box_indice_artigos a {

	color: #2F385F;
	text-decoration: none;
}

#box_indice_artigos a:hover {

	color: #3B549F;
}

.lista_indice_artigos {
	background-repeat: no-repeat;
	background-image: url('../img/icone_artigo.gif');
	padding-left: 20px;

}

.lista_indice_artigos_marcado {
	background-repeat: no-repeat;
	background-image: url('../img/icone_artigo_marcado.gif');
	padding-left: 22px;
}

.comentarios {

	padding-left: 21px;
	background-image: url('../img/balao_comentarios2.gif');
	background-repeat: no-repeat;
	color: #735252;
}

.data {

	padding-left: 22px;
	background-image: url('../img/icone_calendario.gif');
	background-repeat: no-repeat;
}

.data_indice {

	color: white;
}


.box_comentario {

	width: 568px;
	margin: 9px auto;
	background-color: #DFE3D5;
	padding: 6px;

}

.box_comentario p {

	text-indent: 0;
}

.box_comentario a {

	color: #B11F1F;
}

.autor_coment {

	padding: 3px 0 3px 25px;
	background-image: url('../img/balao_comentarios.gif');
	background-repeat: no-repeat;
	background-position: 2px 3px;
}

.data_coment {

	color: #A76969;

}

/* página de portfolio */

#galeria {
	width: 500px;
	margin: 20px auto 0 auto;
	height: 150px;

}


#slide_fotos {


	margin: 10px auto;



}


#TB_caption {

	color: red;
	font-size: 14px;
	font-weight: bold;;
}


.pagelinks, .slideCaption {

	background-color: #EAE8DD;
	padding: 8px 0;
	color: #5E5B49;
	text-align: center;
	font-size: 14px;
}

.pagelinks a {

	text-decoration: none;
}

.activeSlide {

	color: #693651;
	font-weight: bold;
}

.nextSlide {

	background-image: url('../img/slide_proximo.gif');
	background-repeat: no-repeat;
	margin-left: 84px !important;
	margin-top: 275px;
}

.prevSlide {

	background-image: url('../img/slide_anterior.gif');
	background-repeat: no-repeat;
	margin-top: 275px;
}


/* rodape */


#rodape {


	clear: both;
	background-color: #98EC37;
	width: 100%;
	height: 36px;
	border-top: 3px solid white;
}

#rodape ul {

	margin: 6px 8px;
	padding: 6px 8px;
}

#rodape li {


	float: left;
	list-style-image: url('../img/icone_seta_rodape.png');
	list-style-image: url('../img/icone_seta_rodape.gif') !important;
	margin: 5px 18px;
}

#rodape a {

	color: white;
	text-decoration: none;
	font-weight: bold;
}

#rodape a:hover {

	color: #BFDF99;
}

#rodape_esquerda, #rodape_conteudo {

	width: 271px;
	float: left;
	height: 37px;
	background-color: #65AB10;
	border-right: 3px solid white;
	/* border: 1px solid black; */
}


#rodape_conteudo {

	width: 620px;
	height: 37px;

}

#tools {

	list-style-type: none !important;
	list-style-image: none !important;

}

#logo_foot {


	display: none;
	position: absolute;
	top: 95%;
	right: 0;
	width: 151px;
	height: 548px;
	background-image: url('../img/logo_vertical.gif');
	background-repeat: no-repeat;
}

#logo_foot span {

	display: none;
}