@import "reset.css";
@import "global.css";

body
{
	text-align: left;
	background: #ffffff url(../img/fundo.gif) top left fixed;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: normal;
	cursor: default;
}

.background
{
	background: url(../img/fundo_branco.gif) repeat-y left top;
}

h1.logo
{
	display: block;
	width: 174px;
	height: 62px;
	overflow: hidden;
	
	position: fixed;
	top: 0;
	left: 0;
	cursor: pointer;
}

a.logo
{
	display: block;
	width: 174px;
	height: 62px;
	background: url(../img/logo.jpg) no-repeat top left;
	cursor: pointer;
}

h1.logo span
{
	display: none;
}

.center
{
	margin: 0 auto auto auto;
}

.black_card
{
	width: 655px;
	height: 404px;
	background: url(../img/black_card.gif) no-repeat top left;
}

.black_card h1
{
	font-size: 37px;
	letter-spacing: -0.1em;
	color: #FFE400;
	clear: both;
}

/* Main Menu */
.main_menu
{
	padding: 47px 0 0 250px;
	width: 735px;
}

.main_menu li
{
	display: block;
	margin: 0 15px 0 15px;
	padding: 12px 0 0 0;
	width: 84px;
	height: 20px;
	font-size: 10px;
	font-style: italic;
	letter-spacing: 0.15em;
	float: left;
	color: #fff;
	background: none;
	cursor: pointer;
}

.main_menu li a
{
	display: block;
	width: 84px;
	height: 14px;
	padding: 6px 0 0 0;
	background: #121212;
	color: #fff;
	text-decoration: none;
	text-align: center;
}

.main_menu li:hover, .main_menu li.active
{
	padding-top: 0;
	background: #121212;
	height: 32px;
}

.main_menu li:hover a, .main_menu li.active a
{
	height: 26px;
}

/* Work Menu */
.work_menu
{
	margin: 169px 0 0 0;
	padding: 0 0 10px 0;
	width: 184px;
	height: 320px;
	overflow: hidden;
	background: #fbe40d url(../img/fundo_menu.jpg) no-repeat bottom left;
	float: left;
	position: fixed;
	left: 0;
	z-index:2;
}

.work_menu .menu_container
{
	height: 100%;
	overflow: auto;
}

.work_menu b
{
	font-size: 18px;
	display: block;
	padding: 20px 0 5px 10px;
	border-bottom: 1px solid #999;
}

.work_menu li a:link
{
	display: block;
	border-bottom: 1px solid #999;
	font-size: 11px;
	font-style: italic;
	text-decoration: none;
	color: #000000;
	padding: 3px 3px 3px 30px;
}

.work_menu li a:visited
{
	display: block;
	border-bottom: 1px solid #999;
	font-size: 11px;
	font-style: italic;
	text-decoration: none;
	color: #9E5725;
	padding: 3px 3px 3px 30px;
}

.work_menu li a:hover
{
	display: block;
	border-bottom: 1px solid #999;
	font-size: 11px;
	font-style: italic;
	text-decoration: none;
	color: #fff;
	padding: 3px 3px 3px 30px;
	background: #9E5725;
}

.work_menu li.active a
{
	background: #9E5725;
	color: #fff;
}

/* Quick CV */
.quickcv
{
	position: fixed;
	top: 79px;
	left: -440px;
	cursor: default;
	background: #000;
	width: 440px;
	z-index:99;
	
}

.quickcv h2
{
	background: url(../img/fundo_quickcv.gif) no-repeat top left;
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
	color: #ffffff;
	width: 78px;
	height: 16px;
	padding: 4px 0 0 6px;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	left: 440px;
}

.quickcv ul
{
	padding: 20px;
	color: #ffffff;
}

.quickcv:hover
{
	background: #000;
	z-index: 99;
	left: 0;
	cursor: default;
}

.quickcv li
{
	padding: 0 0 20px 0;
}

.quickcv ul ul, .quickcv li li
{
	padding: 0;
}

.quickcv li b
{
	text-transform: uppercase;
	font-size: 16px;
	font-style: italic;
}

.quickcv dl
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}

.quickcv dt
{
	margin: 0 0 5px 0;
}

.quickcv dd i
{
	font-size: 12px;
	color: #FFE400;
	line-height: 1.8em;
}

.quickcv dd b, .quickcv li li b
{
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0.05em;
	color: #000;
	background: #FFE400;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}

/* Card */
.card
{
	width: 171px;
	height: 100px;
	overflow: hidden;
	background: url(../img/fundo_card.gif) no-repeat top left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color:#ccc;
	padding: 15px 0 0 15px;
	letter-spacing:0.1em;
	line-height: 1.1em;
	position: fixed;
	top: 117px;
	left: 0;
	z-index: 2;
}

.card p
{
	padding: 0 0 10px 0;
	margin: 0;
}

.card .telefone
{
	color:#333;
}

.card .email, .card .email a
{
	color:#00ABDF;
	text-decoration: none;
}


/* Content */
#content
{
	/*float: left;*/
	margin: 0 0 0 174px;
	width: 780px;
	padding: 20px 0 20px 20px;
	background: #ffffff;
	position: relative;
	z-index: 1;
}

/* Footer */
#footer
{
	text-align: center;
	width: 850px;
	margin: 10px 0 10px 139px;
	padding: 60px 0 20px 0;
	font-size: 10px;
	color:#999;
	letter-spacing: 0.1em;
}

#footer div
{
	background: #ffffff;
	margin: 0 auto auto auto;
	width: 400px;
	padding: 10px 0 10px 0;
}

/* WORK */
.nav_bar
{
	border-bottom: 1px solid #cccccc;
	text-align: right;
	padding: 15px 10px 15px 0;
	margin: 0 0 20px 0;
	background: url(../img/fundo_navbar.gif) no-repeat top right;
}

.nav_bar div.btn
{
	float: right;
	width: auto;
}

.nav_bar .nav_holder
{
	display: block;
	float: left;
	width: 42px;
	height: 32px;
}

.nav_bar a.prev
{
	display: block;
	float: left;
	width: 42px;
	height: 32px;
	background: url(../img/btn_previous.gif) no-repeat top left;
}

.nav_bar a.prev:hover
{
	background: url(../img/btn_previous_on.gif) no-repeat top left;
}

.nav_bar a.next
{
	display: block;
	float: left;
	width: 42px;
	height: 32px;
	background: url(../img/btn_next.gif) no-repeat top left;
}

.nav_bar a.next:hover
{
	background: url(../img/btn_next_on.gif) no-repeat top left;
}

.nav_bar span
{
	display: none;
}

.project_header
{
	width: 665px;
	margin: 0 auto auto auto;
	font-size: 11px;
	letter-spacing: 0.05em;
	line-height: 14pt;
}

.project_header br
{
	clear: both;
}

.project_header label
{
	display: block;
	width: 82px;
	float: left;
	margin: 0 5px 0 0;
	text-align: right;
	font-weight: bold;
	color: #808080;
	
}

.project_header span
{
	display: block;
	width: 578px;
	text-align: left;
	float: left;
	margin: 0 0 0 0;
	font-family: Verdana, Geneva, sans-serif;
	
	color: #414141;
}

.project_header span b
{
	background: #FFE400;
	color: #333333;
}

.project_header span.text b
{
	font-weight: normal;
}

/* RESPECT */
.respect
{
	padding: 15px 0 0 85px;
}

.respect h1
{
	margin: 0 0 100px 0;
}

.respect ul li
{
	margin: 0 0 8px 0;
}

.respect div
{
	float: left;
	display: block;
	width: 150px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	padding: 0 0 0 10px;
}

.respect a
{
	text-decoration: none;
	color: #ffffff;
	letter-spacing:0.1em;
}

.respect a:hover
{
	color: #000000;
	background: #ffe400;
	font-weight: bold;
}

/* CONTACT */
.contact
{
	padding: 15px 0 0 0;
	margin: 0 auto auto auto;
	width: 490px;
	overflow: hidden;
	letter-spacing:0.1em;

}

.contact div, .guestbook div
{
	padding: 0 0 0 10px;
}

.contact p
{
	margin: 25px 0 25px 20px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-align: left;
}

.contact p b, .guestbook p b
{
	background: #ffe400;
	font-weight: normal;
	color: #333333;
}

.contact br, .guestbook br
{
	clear: both;
}

.contact form, .guestbook form
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #ffffff;
}

.contact label
{
	float: left;
	width: 55px;
	text-align: right;
	
	margin: 0 10px 7px 0;
}

.contact input, .contact textarea
{
	float: left;
	margin: 0 0 7px 0;
	width: 380px;
}

.contact textarea
{
	height: 110px;
	max-width: 380px;
	max-height: 110px;
}

.contact input.chkbox
{
	width: auto;
	margin: 0 10px 0 65px;
}

.contact span, .guestbook span
{
	display: block;
	width: auto;
	padding: 2px 0 0 0;
	float: left;
}

.contact .btn_send
{
	width: 61px;
	height: 22px;
	position: absolute;
	margin: -50px 0 0 482px;
}

.contact .btn_send input
{
	visibility: hidden;
}

.contact a
{
	color: #ffe400;
	text-decoration: none;
}


/* CONTACTS */
.contacts
{
	background: url(../img/fundo_contact.gif) no-repeat top left;
	width: 295px;
	height: 125px;
	overflow: hidden;
	padding: 15px 0 0 0;
}

.contacts dt, .contacts dd
{
	float: left;
	display: block;
}

.contacts dt
{
	font-size: 11px;
	color: #8F9194;
	text-align: right;
	width: 90px;
	padding: 0 0 0 0;
	margin-bottom: 5px;
}

.contacts dd
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #333;
	margin: 0 0 5px 15px;
	width: 150px;
	padding: 0 10px 0 0;
}

.contacts a
{
	color:#00ABDF;
	text-decoration: none;
	font-size: 11px;
}

.logos
{
	width: 160px;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	border-left: 1px solid #ccc;
	padding: 20px 0 20px 20px;
	margin: 0 0 0 120px;
}

.logos img
{
	vertical-align: middle;
}

.logos dt, .logos dd
{
	float: left;
	margin: 0 0 5px 0;
}

.logos dt
{
	padding: 6px 0 0 0;
	height: 18px;
}

.logos dd
{
	padding: 0 0 0 10px;
}

a.linkedin, a.twitter, a.skype
{
	display: block;
	width: 70px;
	height: 24px;
}

a.linkedin img, a.twitter img, a.skype img
{
	display: none;
}

a.linkedin
{
	background: url(../img/logos_linkedin_off.gif) no-repeat top left;
}
a.linkedin:hover
{
	background: url(../img/logos_linkedin_on.gif) no-repeat top left;
}

a.twitter
{
	background: url(../img/logos_twitter_off.gif) no-repeat top left;
}
a.twitter:hover
{
	background: url(../img/logos_twitter_on.gif) no-repeat top left;
}

a.skype
{
	background: url(../img/logos_skype_off.gif) no-repeat top left;
}
a.skype:hover
{
	background: url(../img/logos_skype_on.gif) no-repeat top left;
}

/* GUESTBOOK */
.guestbook_container
{
	overflow: hidden;
}

.guestbook_container .click
{
	position: absolute;
	width: 620px;
	
	margin: 0 0 0 20px;
}

.guestbook_container .click a
{
	display: block;
	height: 60px;
}

.guestbook_background
{
	padding: 0 0 51px 0;
	background: url(../img/guestbook_paper.gif) no-repeat bottom center;
}

.guestbook
{
	padding: 15px 0 0 61px;
	margin: 0 auto auto auto;
	width: 551px;
	letter-spacing:0.1em;
}

.guestbook p
{
	margin: 25px 0 25px 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-align: left;
}

.guestbook label
{
	float: left;
	width: 120px;
	text-align: right;
	margin: 0 10px 7px 0;
}

.guestbook label span
{
	font-size: 9px;
	letter-spacing: 0;
	text-align: right;
	display: block;
	width: 120px;
}

.guestbook input, .guestbook textarea
{
	float: left;
	margin: 0 0 7px 0;
	width: 320px;
}

 .guestbook textarea
 {
	 max-width: 320px;
	 max-height: 95px;
 }

.guestbook .captcha
{
	font-size: 10px;
	margin: 0 0 0 -10px;
}
.guestbook .captcha input
{
	float: none;
	width: 80px;
}

.guestbook .captcha i
{
	font-size: 9px;
	font-style: normal;
}

.guestbook .btn_send
{
	display: block;
	width: 61px;
	height: 22px;
	margin: -25px 0 10px 482px;
	cursor: pointer;
}

.post_list
{
	width: 585px;
	margin: 0 auto auto auto;
	padding: 0 0 100px 0;
}

.post_left, .post_right
{
	width: 360px;
	margin: 25px 0 -25px 0;
}
.post_left
{
	text-align: left;
	background: url(../img/guestbook_top_left.gif) top left no-repeat;
	float: left;
}
.post_right
{
	text-align: right;
	background: url(../img/guestbook_top_right.gif) top left no-repeat;
	float: right;
}

.post_left .date, .post_right .date
{
	display: block;
	height: 35px;
	font-size: 12px;
	font-weight: normal;
}

.post_left .date span, .post_right .date span
{
	background: #ffe400;
	display: block;
	width: auto;
	padding: 3px;
}
.post_left .date span{float: left; margin: 3px 0 0 10px;}
.post_right .date span{float: right; margin: 3px 10px 0 0;}


.post_left .corpo, .post_right .corpo
{
	margin: 0;
	padding: 0;
	text-align: left;
}
.post_left .corpo{background: url(../img/guestbook_corpo_left.gif) repeat-y top left;}
.post_right .corpo{background: url(../img/guestbook_corpo_right.gif) repeat-y top left;}

.post_left .corpo span, .post_right .corpo span
{
	display: block;
	padding: 10px 25px 50px 25px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 1.3em;
	letter-spacing: 0.035em;
	color: #333333;
}
.post_left .corpo span{background: url(../img/guestbook_bottom_left.gif) no-repeat left bottom;}
.post_right .corpo span{background: url(../img/guestbook_bottom_right.gif) no-repeat left bottom;}

.post_left .nome
{
	text-align: left;
	padding: 0 0 0 15px;
	color: #333;
}

.post_right .nome
{
	text-align: right;
	padding: 0 15px 0 0;
	color: #333;
}

.nome a
{
	color:#333;
	text-decoration: none;
}

.nome a:hover
{
	color:#666;
	text-decoration: underline;
}

/*********************************************/
/* --------------- NEW MENU ---------------- */
/*********************************************/

#frame
{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	width: 200px;
	height: 100%;
	overflow: auto;
	background: url(../img/fundo_new_menu.gif) repeat-y fixed;	
}

#frame h1.logo
{
	display: block;
	width: 185px;
	height: 60px;
	overflow: hidden;
	
	position: fixed;
	top: 0;
	left: 0;
	cursor: pointer;
}

#frame a.logo
{
	display: block;
	width: 185px;
	height: 61px;
	background: url(../img/logo_new.gif) no-repeat top left;
	cursor: pointer;
}

#frame h1.logo span
{
	display: none;
}

/*********************************************
                  WORK MENU
*********************************************/
#frame .new_menu
{
	width: 185px;
	overflow: hidden;
}

#frame  .new_menu b
{
	font-size: 18px;
	display: block;
	padding: 20px 0 5px 10px;
	border-bottom: 1px solid #d5c421;
}

#frame .new_menu li a
{
	overflow: hidden;
	height: 12px;
}

#frame  .new_menu li a:link
{
	display: block;
	border-bottom: 1px solid #d5c421;
	font-size: 11px;
	font-style: italic;
	text-decoration: none;
	color: #000000;
	padding: 3px 3px 3px 30px;
}

#frame  .new_menu li a:visited
{
	display: block;
	border-bottom: 1px solid #d5c421;
	font-size: 11px;
	font-style: italic;
	text-decoration: none;
	color: #9E5725;
	padding: 3px 3px 3px 30px;
}

#frame  .new_menu li a:visited
{
	display: block;
	border-bottom: 1px solid #d5c421;
	font-size: 11px;
	font-style: italic;
	text-decoration: none;
	color: #9E5725;
	padding: 3px 3px 3px 30px;
}

#frame .new_menu li a:hover
{
	display: block;
	border-bottom: 1px solid #d5c421;
	font-size: 11px;
	font-style: italic;
	text-decoration: none;
	color: #fff;
	padding: 3px 3px 3px 30px;
	background: #9E5725;
}

#frame .new_menu li.active a
{
	background: #9E5725;
	color: #fff;
}

#frame .new_menu li.active a:visited
{
	background: #9E5725;
	color: #fff;
}

#frame p.text
{
	margin: 85px 0 0 0;
	width: 145px;
	padding: 0 10px 20px 20px;
}

#frame p.text span
{
	display: block;
	background: #000;
	font-family: Verdana, Geneva, sans-serif;
	color: #fff;
	font-size: 11px;
	padding: 2px;
}

#frame .seta
{
	background: url(../img/seta_menu.gif) no-repeat top left;
	padding: 4px 0 0 30px;
}

#frame p.email, #frame p.telefone
{
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	margin: 0 10px 5px 0;
	padding: 0 0 0 0px;
}

#frame p.email a
{
	color:#0084B6;
	text-decoration: none;
	font-size: 11px;
}

#frame p.telefone
{
	color: #9f5725;
}

/*********************************************
                  QUICK CV
*********************************************/

.quickcv2
{
	position: fixed;
	top: 10px;
	left: -275px;
	cursor: pointer;
	background: #000 url(../img/quickcv_fundo.jpg) no-repeat top right;
	width: 460px;
	z-index:90;
	padding: 0 0 20px 0;
	
}

.quickcv2:hover
{
	z-index: 99;
	left: 185px;
	cursor: default;
}

.quickcv2 h2
{
	background: #4a4a4c url(../img/quickcv_btn.jpg) no-repeat top right;
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
	color: #ffffff;
	width: 84px;
	height: 20px;
	padding: 0 0 0 0px;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	letter-spacing: 0.1em;
	left: 460px;
}

.quickcv2 h2 a
{
	display: block;
	width: 68px;
	height: 16px;
	padding: 4px 0 4px 16px;
	color: #ffffff;
	text-decoration: none;
}

.quickcv2 ul
{
	padding: 20px 20px 20px 25px;
	color: #ffffff;
}

.quickcv2 li
{
	padding: 0 0 15px 0;
}

.quickcv2 ul ul, .quickcv2 li li
{
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}

.quickcv2 ul ul
{
	padding: 0 0 0 15px;
	line-height: 1.3em;
}

.quickcv2 li b
{
	font-size: 16px;
	font-style: italic;
	display: block;
	margin: 0 0 20px 0;
	text-transform: uppercase;
}

.quickcv2 dl
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	padding: 0 0 0 15px;
}

.quickcv2 dt
{
	margin: 10px 0 0 0;
	font-size: 10px;
}

.quickcv2 dd
{
	padding: 0 0 5px 10px;
}

.quickcv2 dd i
{
	font-size: 12px;
	color: #FFE400;
	line-height: 1.8em;
}

.quickcv2 sub
{
	font-size: 9px;
}

.quickcv2 dd b, .quickcv2 li li b
{
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0.05em;
	color: #000;
	background: #FFE400;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	display: inline;
	margin: 0;
	text-transform: none;
}