/* base */
body, div, h1, h2, h3, h4, p, ul, ol, li, form {padding: 0; margin: 0;}
form {display: inline;}
table {border-collapse: collapse; border-spacing: 0; margin-bottom: 15px; width: 100%;}
img {border: none;}
input, textarea, button {outline: none;}
.clear {clear: both; height: 0; width: 0;}

/* images */
 body {background-repeat: no-repeat; background-position: 115% 95%;}
.image {background-repeat: no-repeat; display: inline-block;}
.logo {background-position: 0 0; height: 38px; width: 258px; text-indent: -9999px;}

/* colors */
body {background-color: #fff; color: #555;}
a {color: #0a6; text-decoration: none;}
a:hover {text-decoration: underline;}
#header a {color: #fff;}
#main h2, #main h3 {color: #0a6; }
/*#main h2 {color: #0a6; text-shadow:0px 0px 100px #ccc}*/
#footer {color: #aaa;}

/* layout */
.wrapper {margin: 0 auto; width: 780px;}
.left {float: left; width: 330px; padding: 30px;}
.right {float: right; width: 330px; padding: 38px 30px 30px 30px;}


/* typography */
body {font-family: "trebuchet ms", arial, sans-serif; font-size: 12px;}
h2, h3, h4, #header a, input[type="submit"]  {font-family: Steinem, "trebuchet ms", arial, sans-serif; line-height: 130%;}
input[type=text], textarea {font-family: "Trebuchet MS", arial, sans-serif; font-size: 14px;  }
#header a {font-weight: bold; }
/*#header a {font-weight: bold; text-shadow:2px 2px 6px #063}*/
h2 {font-size: 42px;}
h3 {font-size: 36px;}
h4 {font-size: 20px;}
#header a {font-size: 16px;}
#main p, input[type="submit"] {font-size: 14px;}
#footer {font-size: 11px;}
p, #footer {line-height: 180%;}
#news h4 {margin-bottom: 14px;}

/* header */
#header {background-color: #0a6; }
/*#header {background-color: #0a6; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00AA66), to(#00AA66), color-stop(.5,#26c686));}*/
#header .logo a {text-decoration: none !important;}
#header .right {padding-bottom: 0; padding-top: 35px;}
#header .right a {display: inline-table; padding: 0 15px 2px 15px;}
/*#header .right a {border-left: 1px solid #35d595	; border-right: 1px solid #0a6; display: inline-table; padding: 0 15px 2px 15px;}*/
#header .right a.first {border-left: none; padding-left: 180px;}
#header .right a.last {border-right: none; padding-right: 0;}

/* banner */
#main {border-bottom: 1px dotted #ddd;}

/* news */
#news {border-bottom: 1px dotted #ccc; padding: 15px;}
#news .block {float: left; padding: 20px; width: 210px;}
#jobs .block {padding-bottom: 35px;}
.block img {margin-left: 60px}

/* footer */
#footer {}
#footer .left, #footer .right {padding: 20px 30px 25px 30px;}
#footer .right {text-align: right;}


/* palette */
#palette {position: absolute; top: 140px; left: 0; height: 80px; width: 20px;}
#palette .color {float: left; height: 20px; width: 20px}
#palette .one {background-color: #0a6;}
#palette .two {background-color: #06a;}
#palette .three {background-color: #e03;}
#palette .four {background-color: #fc3;}

/*dotted*/
.dotted {border-bottom: 1px dotted #ccc;}

/* player */
.player {padding: 20px 15px 30px 15px; float: left}

/* portfolio */
.portlinks p {text-align: right; }
.port img {margin: 0 0 10px 0; width: 208px; border: 2px solid #ccc; -webkit-border-radius: 2px}
.portright {padding-top: 32px}
.subportlinks {width: 315px}
.last {padding-bottom: 15px}


/* portweb */
.portweb {width: 470px; float: left; padding: 15px; }
.portweb img {width: 468px;  border: 2px solid #ccc; -webkit-border-radius: 2px; }
.portweb hr {margin: 30px 0; background: #ddd; height: 1px; border: none}
.sobrep h4 {padding-top: 60px; }
.portweb h3 {padding-bottom: 20px}

/* contato */
#form input, #form textarea  {width: 308px; padding: 10px 10px; border: 1px solid #e6e6e6; background-color: #eee; color: 555}
#form input:focus, #form textarea:focus {background-color: #0a6; border-color: #00a360; color: #fff; font-weight: bold}
#form .right, #form .left {padding-top: 4px}
#form textarea {height: 210px}
#form p {padding-top: 28px}
#form input[type="submit"] {background-color: #0a6; padding: 12px 15px 9px 15px; margin-top: 30px; float: right; width: 80px; color: #fff; font-size: 15px; border: none }
#map {padding: 25px 15px 30px 15px; float: left}
label.error {color: #f11}
#form textarea.error, #form input[type=text].error {border-color: #f11 }
#form input[type=submit]:active {background-color: #009652}
.smessage {padding: 30px 30px 0 30px; color: #0a6; font-size: 13px}