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

/***********
	css reset 
************/
* {	margin: 0;	padding: 0;	list-style: none;	border: 0;	text-decoration: none;outline:0;}
h1, h2, h3, h4, h5, h6 {line-height:100%;vertical-align: top;}
img, input, label {vertical-align: middle;}

/* just for acessibility */
.jfa {display:none;}

/* alinhamento */
.right{display: inline; float:right !important;}
.left{display: inline; float:left !important;}
.clear {clear:both !important;}
.tx-right {text-align: right;}
.tx-left {text-align: left;}

/* separator */
.sep {margin-bottom: 30px !important;}
hr {display: none;}

/* fonts */
body {font-family: Arial, Tahoma, "Trebuchet ms", "Lucida sans", Verdana, Helvetica, sans-serif;}
h1, h2{font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: -.025em;}

/* general tags */
body {font-size:12px;line-height: 1em;color:#525252;}
#header {background: #0e1d25 url(../img/bg.jpg) repeat-x left bottom; padding:17px 0; height: 25px;}
#about {background: #f4f6f7; padding:30px 0; height: 100%;}
#portfolio {background: #fff; padding:30px 0 60px; height: 100%;}
.wrap {width: 940px;height: 100%;margin: 0 auto;text-align: left;overflow: hidden;position: relative;padding: 0 30px;}
#footer {background: #0e1d25 url(../img/bg.jpg) repeat-x left bottom; padding:17px 0 10px; height: 32px;}

/* header */

/*logo*/
.logo {color:#fff; font-size:2em;line-height: 1em; margin:0;text-shadow: 0px 2px 2px #000; float:left; display: inline;}
.logo a {color:#fff;}
.logo strong {color:#accede; font-size:0.7em;}

/*nav*/
#header .wrap {position: relative;}
#header ul {height: 100%;top: 0; right:0; position: absolute;}
#header ul li {display: inline; float: left;height: 100%;}
#header ul a {display: inline-block; height:100%;padding-left:10px;}
#header ul span {color:#accede; font-size: 0.9em;display: inline;white-space:nowrap; text-align: right;}
#header ul img {}


/* footer */
#footer {color:#fff; font-size:2em;line-height: 1em; text-shadow: 0px 2px 2px #000; }
#footer strong {color:#accede; font-size:1em;}

/* profile */
.profile {width:490px;float:left; display: inline; height: 100%;}
.profile img {border:3px solid #b0d0df;float:left; margin-right: 20px;}
.profile h2 { color:#accede; font-size: 5em; font-weight: normal;line-height: 0.8em;margin-bottom:.3em;}
.profile p { font-size: 1.1em; line-height: 1em;}


/* skills */
.skills {width: 400px;float:right; display: inline; height: 100%;margin-right:-30px;}
.skills li {width: 170px;height: 100%; float:left; display: inline; background: transparent url(../img/icon-skills.png) no-repeat left top;padding: 2px 0 5px 20px;font-size:1.2em;margin: 0 0 10px 10px;}


/* blog */
.faixa-blog {background: transparent url(../img/barra-blog.png) repeat-x left top;text-align:center;margin-top:-16px;}


/* portfolio */
#portfolio h2 { color:#accede; font-size: 2.85em; font-weight: normal;line-height: 0.8em;margin-bottom:.7em;}
#portfolio p { font-size: 1.2em; line-height: 1.5em; margin-bottom: 1.2em;}
#portfolio p a {color:#5cacd2; font-weight: bolder;}
#portfolio p a:hover {text-decoration:underline;}
#portfolio .projects {height:100%;margin: 0 -17px;}
#portfolio .projects li {float:left; display: inline; margin: 17px 13px;height: 217px;position: relative; width:217px; height:217px;background:#accede;}
.project-name {background:#f4f6f7;font-size: 0.75em;border-bottom: 1px solid #e3e5e6;padding: 5px 7px;display: block; height: auto;width: 203px; position: absolute; bottom: 0;left: 0;z-index:2;}
.projects .info {position: absolute; bottom: 20px; left: 0;padding: 5px 7px;display: block; background: #0e1d25 url(../img/bg.jpg) repeat-x left bottom; height: 49px;width: 203px;z-index:1; }
.projects .info span {display: block; height:auto;padding: 2px 0;color:#fff;font-size:0.8em;}
.projects .info a {color:#accede;}
.projects .info a:underline {text-decoration: underline;}
.projects .partner {font-size:0.8em !important;color:#ccc !important;}

.seminars {clear:both; padding:60px 0 0;}
.seminars h3 { color:#accede; font-size: 2em; font-weight: normal;line-height: 1em;margin-bottom:.7em;}
.seminars ul {height: 100%;}
.seminars ul li {font-size: 1.2em; font-weight:bolder;margin-bottom:1em;}
.seminars ul li a{ color: #5CACD2;}
.seminars ul li a:hover {text-decoration:underline;}