* { margin: 0; padding: 0; }
ul, ol { list-style: none; }

body{
  font: 100%/120% "Lucida Grande", Geneva, Helvetica, Arial, sans-serif;
  background: #CCCC66;
  color: #333;
  text-align: center;
  	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


#topo h1, #topo .description { text-align: left; }
#topo .description {
  color: #668A04;
  background-color: #CCCC99;
  font-weight: bold;
  font-size: 110%;
  padding-left: 4px;
}

h1 a:visited, h1 a:hover, h1 a, h1 a:link { color: #f60; background-color: #CCCC99; }

h1, h2, h4, h5, h6, #indice dt { color: #666; background-color: #CCCC99;}
h3 {
	color: #666666;
	background-color: #FFFFFF;
}

#indice h2, #indice h3, #indice h4, #indice h5, #indice h6
#barra_lateral h2, #barra_lateral h3, #barra_lateral h4, #barra_lateral dt{
  margin: 10px 0 4px 0;
  padding: 6px 4px 6px 0;
}

#indice h3.newstitle {
  margin-top: 0px;
}

#indice h2.titulo { 

  text-align: left;
  font-size: 220%;
  font-weight: bold;
  line-height: 1.0em;
  color: #ccc;
  background-color: #fff;
 }
 
#indice h2.titulo a, #indice h2.titulo a:visited { color: #ccc; background: #fff; }
#indice h2.titulo a:hover, #indice h2.titulo a:visited:hover { background: #f60; color: #fff; }
#indice h3 {
	color: #888;
	margin: 13px 0 0 0;
	padding: 5px 4px 5px 2px;
}

h3, h4, h5, h6{ font-family: "Lucida Grande", Helvetica, Arial, sans-serif; }

h1 { font-size: 2.6em; padding: 5px 0; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.0em; }

.date{ padding-left: 0px; }

/* LINKS =A =HREF
----------------------------------------- */

a:visited{ color: #999; background-color: #fff; }
a:focus, a:hover { color: #333; background-color: #fff; text-decoration: underline; }
a, a:link{ text-decoration: none; color: #666; background-color: #fff; }

#indice a.local, #barra_lateral a.local{
  display: block;
  background: transparent url(arrow_up.gif) no-repeat left center;
  padding: 4px 0 4px 22px;
}

#indice .index-link a,
#indice .index-link a:visited{ color: #999; background: #fff; }

#indice a.local:hover, #barra_lateral a.local:hover,
#indice a.local:visited:hover, #barra_lateral a.local:visited:hover {
  display: block;
  background: #ff6600 url(arrow_over.gif) no-repeat left center;
  padding: 4px 0 4px 22px;
}

#indice .float a.local { margin-left: 0px; }

/* icon after external links */
#indice a, #barra_lateral a { color: #666; padding: 1px; border-bottom: 1px dotted #999; }
#indice a.imagelink, #indice a.imagelink:visited{ border-bottom: 0 none;}
#indice a.imagelink:hover,
#barra_lateral a.imagelink:hover{ background: 0 none; border: 0 none; }

#indice sup a, #barra_lateral sup a { color: #36c; background: 0 none; }
#indice a:visited { color: #666; }
#indice a:hover, #barra_lateral a:hover, #page-meta a:hover,
#indice a:visited:hover, #barra_lateral a:visited:hover, #page-meta a:visited:hover { padding: 1px; color: #333; background: #ad0; text-decoration: none; border-bottom: 1px solid #799D17;}
#indice a:active{ background: #333; color: #fff;}

#page-meta a:visited { color: #999; padding: 1px;}
#page-meta a:focus { color: #333; }
#page-meta a:hover,
#page-meta a:visited:hover { color: #333; background-color: #fff; border: 0 none; }
#page-meta a{ color: #999; padding: 1px; }

#footer a{ color: #50760d; background: transparent; padding: 1px 2px; }
#footer abbr{ border: 0; }
#footer a:hover {	color: #fff; background: #50760D; text-decoration: none; }

/* LAYOUT =DIV
--------------------------------*/

#secao-cabecalho{
  position: relative;
  background: #CCCC99;
  height: 120px;
  font-size: 80%;
}

#topo{
	position: relative;
	width: 700px;
	margin: 0 auto;
	height: 95px;
	background-color: #CCCC99;
}

#titulo{
  position: absolute;
  top: 23px;
  left: 0;
	width: 240px;
	height: 32px;
}

#secao_rodape{
  background: #CCCC66;
  padding: 10px 0;
  font: 65%/100% Verdana, Arial, Helvetica, sans-serif;
}

#recepiente{
  position: relative;
  width: 745px;
  padding: 0;
  margin: 0 auto;
  text-align: center;
  background: transparent url(shade_wrapper_trans.png) repeat-y top center !important;
  background: #fff url(shade_wrapper.gif) repeat-y top center;
}

#secao_conteudo{
  text-align: center;
  position: relative;
  background: #666 url(shade_container.gif) repeat center top;
  font-size: 70%;
}

#borda{
  padding: 10px 0 0 0;
  margin: 0 auto;
  width: 700px;
  text-align: left;
  background: #fff;
}

#preferencial{
  float: left;
  width: 470px;
}

#indice{
  margin: 10px 20px;
  font: 1.0em/1.6em "Lucida Grande", Verdana, Tahoma, Helvetica, Arial, sans-serif;
  color: #333;
}

/* TOOLS, FEATURES
----------------------------*/

#page-meta ul { padding: 0; margin: 0;}
#page-meta ul li { display: inline; line-height: 25px; margin-right: 10px; }
#page-meta {
  margin: 0 40px 0 30px;
  text-align: center;
  padding: 0 0 20px 0;
  font-weight: bold;
}

.skiplinks#top{
  position: absolute;
  top: 10px;
  right: 20px;
  text-align: left;
}

.skiplinks#top li#jumplink { display: none; }

.skiplinks a{ float: left; margin-right: 10px; padding: 2px; color: #799d17; }
.skiplinks a:visited { color: #ccc; }
.skiplinks a:hover { background: #799d17; color: #fff; text-decoration: none; }

.skiplinks ul li { display: inline; }

/* =indice
----------------------*/

#indice ul, #indice ol{
	padding: 0 20px 10px 0;
	margin: 0;
	list-style-type: none;
}

#indice dt { font-weight: bold; margin: 8px 0 0 0; padding: 2px 30px 2px 0; border-bottom: 1px dotted #ccc;}
#indice dt em { font-size: 0.8em; font-style: normal; }

#indice ul { list-style: none outside; }
#indice ol { list-style: decimal outside; } 
#indice ul.noliststyle, #indice dl.noliststyle { list-style: none; padding: 6px 20px; }

#indice p, #barra_lateral p { margin: 0 0 10px; }
#indice p { padding: 8px 20px 8px 4px; margin: 0; }

#indice div.clearfix { padding: 0 4px; }
#indice div.float{ padding: 6px 8px 0 0; width: 45%; }
#indice div.float h3, #indice div.float h4{
	margin: 0 0 4px 0;
	padding: 2px 0;
	border-bottom: 1px solid #f2f2f2;
}

#indice div.clearfix.projectwrapper { padding: 0 8px;}

#indice img.bordered { border: 2px solid #f2f2f2; padding: 1px;}

#indice .news{ margin-bottom: 14px; }

/* barra_lateral =barra_lateral (secondary indice)
--------------------------------------------*/

#barra_lateral{
  font-size: 100%;
  width: 230px;
  float: right;
  position: relative;
  padding: 23px 0 0 0;
  color: #666666;
}

#barra_lateral dt{
  font-size: 1.2em;
  font-weight: bold;
}

#barra_lateral ul.itens{
  padding: 4px 3px 4px 0;
}

#barra_lateral ul.itens li.item{
  background: url(sidebar_item.gif) no-repeat center bottom;
  padding: 5px 15px 20px 15px;
}

#indice ul.arrowed li,
#barra_lateral  ul.items li ul.arrowed li{
  background: transparent url(arrow_up.gif) no-repeat 0px 6px;
  list-style: none;
  padding: 6px 0 6px 22px;
  margin-left: 5px;
}

#indice ul.miniarrow li,
#barra_lateral ul.items ul.miniarrow li{
  background: transparent url(arrow_up-grey-small.gif) no-repeat 0px 8px;
  display: block;
  list-style: none;
  padding: 4px 0 4px 16px;
}

#indice ul.arrowed.line li,
#barra_lateral ul.items li ul.arrowed.line li { border-bottom: 1px solid #f2f2f2;  }

ul.square { list-style: square inside; }
ul.square li { margin-left: 20px; }

#barra_lateral h3 {
  padding: 8px 0 0 0;
  font-size: 1.3em;
  font-weight: bold;
 }
 
#barra_lateral .latest h3 { padding: 8px 0 0 0; }

/* Navegacao
-------------------------*/

#menus{
  font-size: 110%;
  font-weight: bold;
  color: #50760D;
  width: 700px;
  margin: 0 auto;
}

#menus ul { 
  height: 23px;
  margin: 1px 0 0 0;
}

#menus ul li {
	display: inline;
	text-align: center;
}
#menus li a {
  display: block;
  float: left;
  text-transform: lowercase;
  width: 99px;
  line-height: 23px;
  padding: 0 10px;
  color: #999;
  background: #f2f2f2 url(tab.gif) repeat-x top left;
}

#menus li a:hover, #mainNav li a:focus { background-position: 0 -69px; background-color: #aadd00; color: #50760d; text-decoration: none; }
#menus li a:active { background-position: 0 -46px; background-color: #f60; color: #fff; }
#menus li.active a { background-position: 0 -23px; background-color: #50760D; color: #fff;}
#menus li.active a:hover { background-position: 0 -46px; background-color: #f60; color: #fff; }


#rodape {
	width: 700px;
	margin: 0 auto;
	color: #000000;
	font-size: 1em;
}
#rodape ul { padding: 0; line-height: 1.4em; }
#rodape ul li { display: inline; }

#rodape li:before{ content: " | "; }
#rodape li:first-child:before { content: ""; }


/* HTML
--------------*/

address { font-style: normal; margin-bottom: 8px; }

code {
	font: 1.1em 'Courier New', Courier, Fixed, monospace;
	}

acronym, abbr, span.caps{
  cursor: help;
  font-size: 0.9em;
  letter-spacing: .07em;
}

/* Begin Various Tags & Classes */

acronym, abbr {
	border-bottom: 1px dotted #999;
	letter-spacing: normal;
}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center { text-align: center;	}

a img { border: none;	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
}
	
div.hr hr{ display: none; }
div.hr { height: 25px; background: url(shade_hr.gif) no-repeat center;	}


/* Frase de Impacto
----------------------------------*/

#frase {
	width: 310px;
	z-index: 10;
	position: absolute;
	left: 263px;	top: 21px;
}
#frase a { display: block; text-decoration: none; background: #CCCC99; color: #3366CC; }
#frase a:hover { color: #3366CC; background: #CCCC99; }
#slogan, #slogan-input {
  width: 310px;
}

#slogan-input {
	background-color: #ffffdd;
	border: 1px dotted #50760d;
	font-style: normal;
}

#slogan-submit, #slogan-cancel, #slogan-reset {
	font-size: 0.8em;
	font-weight: bold;
	border: 1px solid #999;
	color: #fff;
	background: #aadd22;
	margin: 5px;
	cursor: pointer;
	font-style: normal;
}

#slogan-submit:hover, #slogan-submit:focus,
#slogan-cancel:hover, #slogan-cancel:focus,
#slogan-reset:hover, #slogan-reset:focus{ background: #50760d; color: #fff; }


/* Portfolio 
---------------------------*/

.project {
  font-size: 1.0em;
  margin: 12px 0 12px 15px;
  padding: 0 0 8px 0;
  width: 400px;
  background: url(/images/project_item-bottom.gif) no-repeat center bottom;
}

#indice .project h3{
  text-align: left;
  background: url(project_item-top-green.gif) no-repeat center top;
  padding: 20px 3px 6px 17px;
  margin: 0;
  color: #666;
}

#indice .project .projectwrapper{ margin: 8px 8px; }

.project a img{ border: 1px solid #f2f2f2; }

#indice .project .image a,
#indice .project .image a:hover { background: 0 none; }
.project a:hover img{ border: 1px solid #666;  }

#indice .project div.float.details{ width: 260px; }
* html #indice .project div.float.details{ width: 230px; }
#indice .project div.float{ width: 70px; }

.project .details-link,
.project .index-link{
  padding: 4px 8px 3px 0;
  margin: 0;
  border-top: 1px solid #f2f2f2;
}
.project .index-link { text-align: left; margin: 0 14px; }

#indice .project dl dt{
	margin: 0;
	border-top: 1px solid #f2f2f2;
	border-bottom: 0 none;
	color: #999;
}

#indice .project dl dd { margin-left: 20px; padding-bottom: 6px; }

.project .image-big {
  padding: 8px 0;
  text-align: center;
}

.project .image-big img { border: 1px solid #f2f2f2; }

#indice .project h3 span { padding-left: 6px; border-left: 16px solid #ad0; }

#barra_lateral ul.folio-nav li { padding: 1px 4px 1px 17px; margin: 4px 0; border-left: 16px solid #f2f2f2; }

#barra_lateral ul.folio-nav li.tech.active a,
#barra_lateral ul.folio-nav li.tech a:hover { background-color: #aadd00; color: #fff; }
#barra_lateral ul.folio-nav li.soft.active a,
#barra_lateral ul.folio-nav li.soft a:hover{ background-color: #ff6600; color: #fff; }
#barra_lateral ul.folio-nav li.experiment.active a,
#barra_lateral ul.folio-nav li.experiment a:hover { background-color: #ccc; color: #fff; }

/* Big Graphical barra_lateral Buttons
-------------------------------------*/
#barra_lateral .tease a,
#barra_lateral .tease a:hover{
  display: block;
  line-height: 46px;
  height: 46px;
  padding: 0 0 0 63px;
  font-weight: bold;
  border-bottom: 0px solid #fff;
}



/* VCARD
----------------------------------------*/

#barra_lateral .vcard{ margin: 6px 0; padding: 3px 0; }
#indice .vcard{ margin: 10px 0; padding-left: 20px;}
.vcard .FN {
  font-weight: bold;
	padding-left: 20px;
	background: url(vcard.png) no-repeat left center;	
}

/* FORMS
------------------------------------------ */

form {
	margin: 0;
	padding: 0;
	position: relative;
}

fieldset {
	margin: 1em 0;
	padding: 3px 6px 4px 6px;
	border: 0 none;
	position: relative;
}

legend {
	margin: 5px 0 1em;
	padding: 0 .5em 0 14px;
	color: #aaa;
	background: transparent;
	font-size: 1.0em;
	font-weight: normal;
}

label {
	float: left;
	width: 10.0em;
	padding: 0 1em;
	text-align: right;
	color:#666;
	cursor:pointer;
	padding-left:2px;
	line-height:15px;
	vertical-align:top;
}

label.chosen {
	color:#333;
}

fieldset#options label{
  padding-left: 14px;
  width: 200px;
  text-align: left;
}

fieldset div {
	margin-bottom: 0.5em;
	padding: 0;
	display: block;
}

input, textarea {
	font-family: "Lucida Grande", Geneva, Helvetica, Arial, sans-serif;
	font-size: 110%;
	color:#404040;
}

/*Transparent items*/
.transparent {
	border: 0px solid #fff;
	background:#FFF;
	z-index:10;
	cursor:pointer;
}
.transparentFake {
	background: none;
	border: none;
}
.transparent2 {
	z-index:10;
}

/*Text inputs*/
.textinput, .textinputHovered {
	width:236px;
	height:15px;
	background:url(../inc/css/images/input.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}

#barra_lateral .textinput, #barra_lateral .textinputHovered { width: 140px; }

.textinputHovered {
	background-position:left bottom;
}

/*Text areas*/
.textarea, .textareaHovered {
	width:336px;
	/*height:125px;*/
	background:url(../inc/css/images/textarea.gif) no-repeat left top;
	border:none;
	border-bottom: 1px solid #ccc;
	padding: 4px 8px;
	margin-left: 20px;
}
.textareaHovered {
	background-position: 0px -400px;
}

/*Button*/
.buttonSubmit, .buttonSubmitHovered {
	width:69px;
	height:26px;
	color: #50760d;
	font-weight:bold;
	padding:2px 5px;
	background:url(../inc/css/images/button.gif) no-repeat left top;
	cursor:pointer;
	border:none;
}
.buttonSubmitHovered {
	background-position:left bottom;
}


/*Test div - testing if stylesheets are enabled*/
#stylesheetTest {
	position:absolute;
	left:-999px;
	width:10px;
	height:10px;
}

/* required fields - does not work in IE */
fieldset div.fm-req {
	font-weight: bold;
}

fieldset div.fm-req label:before {
	content: "* "; /* does not work in IE */
}

p#fm-intro {
	margin: 0;
}

.fm-options{ margin-right: 48px; }
.fm-options, .fm-options a{ color: #999; text-align: right; }