@charset "utf-8";
/* CSS Document */

/* -----------------------------------------------------------------------------
	Geral
----------------------------------------------------------------------------- */
html { padding:0px; margin:0px; border:none; }
body { background:url('../img/layout/layout_bg.png') top repeat-x #FFF; color:#444; min-width:955px; text-shadow:1px 1px 0px #DDD; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:normal; margin:0px; padding:0px; }

@font-face { font-family: 'HansHand'; src: url('fonts/hanshand-webfont.eot'); src: local('☺'), url('fonts/hanshand-webfont.woff') format('woff'), url('fonts/hanshand-webfont.ttf') format('truetype'), url('fonts/hanshand-webfont.svg#webfontyy2jMY3n') format('svg'); font-weight: normal; font-style: normal; }

article, aside, figure, footer, header, hgroup, menu, nav, section { display:block; }

img { border:none; }
a { color:#439fc8; text-decoration:none; font-family:Tahoma, Geneva, sans-serif; }
a:hover { text-decoration:underline; }

ul li { list-style-type:circle; padding:0px; margin-bottom:10px; }

h1, h2, h3, h4, h5, h6 { padding:0px; margin:0px; }
h1 { font-size:24px; }
h2 { font-size:20px; }
h3 { font-size:16px; }
h4 { font-size:10px; }
h5 { font-size:8px; }

span.titulo-pagina { display:block; letter-spacing:1px; text-shadow:1px 1px 1px #999; font-family:HansHand, Arial, Helvetica, sans-serif; font-size:36px; padding-bottom:10px; margin-bottom:20px; }
.aviso { background:url('../img/layout/layout_aviso_bg.png') left center no-repeat #FFF; color:#000; padding:10px 10px 10px 40px; margin-bottom:20px; border:1px solid #CCC; }
.erro404 { text-align:center; }
.paginacao { text-align:center; font-size:14px; font-weight:bold; }

/*----- Mensagens -----*/
span.msg-padrao, span.msg-erro, span.msg-sucesso { display:block; font-size:20px;  padding:10px 0px; }
span.msg-erro { color:#C30; }
span.msg-sucesso { color:#369; }

/* -----------------------------------------------------------------------------
	Botões
----------------------------------------------------------------------------- */
.botoes { width:200px; float:right; }
.botoes a, .botoes button {
	display:block;
    float:right;
    background-color:#eee;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-size:120%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.botoes button { width:200px; height:43px; overflow:visible; padding:4px 10px 3px 7px; /* IE6 */ }
.buttons button[type]{ padding:5px 10px 5px 7px; /* Firefox */ line-height:17px; /* Safari */ }
*:first-child+html button[type]{ padding:4px 10px 3px 7px; /* IE7 */ }
.botoes button img, .botoes a img{ margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; }

/*----- Botão Normal -----*/
.button:hover, .botoes a:hover { background-color:#dff4ff; color:#336699; }
.botoes a:active{ background-color:#6299c5; border:1px solid #6299c5; color:#fff; }

/*----- Botão Enviar -----*/
.botoes a.botao-enviar, button.botao-enviar{ background-color:#83C0DD; color:#FFF; border-color:transparent; }
.botoes a.botao-enviar:hover, button.botao-enviar:hover{ background-color:#FFF; color:#83C0DD; border:1px solid #83C0DD; }
.botoes a.botao-enviar:active{ background-color:#333; color:#fff; }

/* -----------------------------------------------------------------------------
	Cabeçalho
----------------------------------------------------------------------------- */
header { background:url('../img/layout/layout_header_bg.png') bottom repeat-x #83C0DD; width:100%; height:70px; clear:both; padding:20px 0px; margin:0px auto 20px; border-bottom:1px solid #666; }

header div#conteudo { width:955px; position:relative; padding:0px; margin:auto; }

header menu { position:absolute; bottom:40%; right:0px; font-size:18px; margin:0px; padding:0px; }
header menu li { display:inline; padding:0px; list-style-type:none; }
header menu li a { color:#333; text-decoration:none; text-shadow:0px 1px 1px #FFF; font-family:Arial, Helvetica, sans-serif; padding:4px 15px; }
header menu li a:hover { color:#FFF; text-decoration:none; text-shadow:0px 1px 1px #333; }

header div#logo { width:380px; }

/* -----------------------------------------------------------------------------
	Navegação
----------------------------------------------------------------------------- */
section#navegacao { width:935px; padding:0px 10px; margin:0px auto 20px auto; overflow:hidden; }

div#pagina { padding:0px; overflow:hidden; }

/* -----------------------------------------------------------------------------
	Rodapé
----------------------------------------------------------------------------- */
footer { color:#333; text-align:center; padding:20px; margin:50px auto 0px; border-top:1px solid #EEE; }

/* -----------------------------------------------------------------------------
	Menu
----------------------------------------------------------------------------- */
section#right-sidebar { width:210px; float:right; margin-left:20px; }
section#right-sidebar span.titulo { font-size:18px; }

section#right-sidebar div#icones-sociais, section#right-sidebar div#emails { clear:both; margin-bottom:10px; border-bottom:1px solid #EEE; }
section#right-sidebar div.botao-skype { clear:both; text-align:center; margin-bottom:10px; }
section#right-sidebar div#widgets { text-align:center; }
section#right-sidebar div#widgets div { margin-bottom:10px; }

/* ------------------------------------------------------------------------------
	Portfólio
----------------------------------------------------------------------------- */
section#portfolio { overflow:hidden; }
section#portfolio .item { padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #EEE; overflow:hidden; }
section#portfolio .imagem { width:250px; height:250px; float:left; margin-right:10px; border:1px solid #CCC; }
section#portfolio .propriedades { width:440px; float:left; }
section#portfolio .empresa { display:block; clear:both; font-size:18px; font-weight:bold; margin-bottom:2px; }
section#portfolio .status { color:#CCC; display:block; font-size:12px; font-weight:bold; margin-bottom:8px; }
section#portfolio .url { display:block; margin-bottom:8px; }
section#portfolio .cliente { color:#666; display:block; font-style:italic; margin-bottom:8px; }
section#portfolio .descricao { display:block; margin-bottom:8px; }
section#portfolio .data { display:block; font-size:12px; font-weight:bold; }

/* ------------------------------------------------------------------------------
	Projetos
----------------------------------------------------------------------------- */
section#projetos { overflow:hidden; }
section#projetos .item { padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #EEE; overflow:hidden; }
section#projetos .imagem { width:300px; height:300px; float:right; border:1px solid #CCC; }
section#projetos .propriedades { width:360px; float:left; }
section#projetos .nome { display:block; clear:both; font-size:18px; font-weight:bold; margin-bottom:2px; }
section#projetos .status { color:#CCC; display:block; font-size:12px; font-weight:bold; margin-bottom:8px; }
section#projetos .url { display:block; letter-spacing:1px; margin-bottom:8px; }
section#projetos .descricao { display:block; margin-bottom:8px; }
section#projetos .data { display:block; font-size:12px; font-weight:bold; }

/* -----------------------------------------------------------------------------
	Contato
----------------------------------------------------------------------------- */
form#contato { overflow:hidden; }
form#contato input { background:url('../img/layout/layout_form_input_bg.png') top repeat-x #FFF; color:#033; width:170px; height:24px; float:right;	font-family:Arial, Helvetica, sans-serif; font-size:18px; margin-bottom:12px; padding:8px; outline-color:transparent; border:1px solid #CCC; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
form#contato textarea{ background:url('../img/layout/layout_form_input_bg.png') top repeat-x #FFF; color:#033; width:480px; max-width:490px; height:130px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:18px; padding:10px; outline-color:transparent; border:1px solid #CCC; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
form#contato .botao-enviar { width:187px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }

/* -----------------------------------------------------------------------------
	Tabela
----------------------------------------------------------------------------- */
table { border-collapse:collapse; }
table td { padding:8px 4px; border:1px solid #EEE; }
table col.titulo { background-color:#F6F6F6; font-weight:bold; }

table#experiencia { line-height:1.5em; }