/* Import other stylesheets
-----------------------------------------------------------------*/

/* @import url("otherstylesheet.css"); */


/* Remove margin, padding and border from everything
-------------------------------------------------------------------*/

* 
	{
	margin: 0;
	padding: 0;
	border: 0;
}

/* Styles for layout
-----------------------------------------------------------*/

.clear
	{
	clear:both;
}



.right
	{
	float: right;
}



.left
	{
	float: left;
}

.hidden {
	display:none;
}

.white-sep {
	width: 90%;
	border-bottom: 1px solid white;
	height: 5px;
}

.err404 {
	
	color: red;
		
}

.noscript {
	
/*	padding: 5px 20px 5px 45px;*/
	background: #fff6bf url(./img/dialog-error.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: center;
	padding: 5px 20px 0px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	margin: 0 20px 0 290px;
}

.bullets {
	
/*	list-style-image: url("./img/simbolo_pequeno.png");*/
	list-style-type:disc;
	padding: 5px 0;
}


/* Set up the document
----------------------------------------------------------------*/
html {
	
	background: transparent url("./img/body_bg.png") repeat-y fixed 50% 0;
}

body
	{
	font: 62.5%/1.5  Verdana, Tahoma, sans-serif;
	color: #000000;	
	text-align:center;
	background: transparent url("./img/occam_bg.png") no-repeat 50% 0;
}



#wrapper
	{ 
	width: 780px; 
	text-align:justify;  
	margin: 0 auto;
	padding:0; 
	}

#header {

height: 250px;


}
	#logo {
		
		width: 285px;
		height: 250px;
		
		background: transparent url("./img/logo.png") no-repeat 0 0;
		float: left;		
		}

	#logo h1 a {
		width: 145px;
		height: 240px;
		display:block;
		margin:0 auto;		
	}

	#logo h1 span{
		text-indent: -10000px;
		}
		
	#logo h2 {
		display:none;
	}
		
	#headcontent {
	
		
	}
	
	#headcontent h2 {
		color: #FFFFFF;
		text-align: center;
		font-size: 140%;
		font-weight: bold;
		padding: 10px 0 20px 0;

	}
	
	#headcontent img {
		width: 480px;
		margin: 0 auto;
	}

#sidebar {
	float: left;
	width: 285px;
	padding: 40px 0px 50px 0px;
	color: #FFF;
	background:transparent url("./img/sidebar_bg.png") repeat-y 50% 0;
	
}
		
	#sidebar .nav {
		padding: 10px 35px 0 45px;
		list-style-type: none;

	}

	.nav li a {
		width: 180px;
		display:block;
		color: #FFF;
		text-decoration: none;
		padding: 3px 0px 3px 3px;
		margin: 2px 0 0 0;		
	}
	
	.nav li a:hover, .nav li a.active {
		background: transparent url("./img/nav_bg.png") repeat-y 0 0;

		}
	
	.contactos {
	padding: 10px 35px 0 45px;
	clear:both;
	
	}
	
	.contactos a {
		
		color: #FFF;
		text-decoration:none;
	}
	
	.contactos a:hover {
		
		color: #FFF;
		text-decoration:underline;
	}
	
	.contactos h5 {
	border-bottom: 1px solid #FFF;
	font-size: 110%;
	text-align: right;
	padding: 120px 0 0 0;
	}
	
	.contactos h6 {
		font-size: 100%;
	}

	.contactos .info {
		
		width: 70%;
		font-size: 87%;
		background: #DEE6EC url("./img/help-browser.png") no-repeat 3% 50%;
		color: #00476B;
		padding:0 10px 0 35px;
		
	}
	
	.contactos .erro {
		
		width: 70%;
		font-size: 87%;
		background: #FFECDF url("./img/dialog-error.png") no-repeat 3% 50%;
		color: red;
		padding:0 10px 0 35px;
		
	}

#content_container {
	
font-size: 89%;	

}

.content {
margin-left: 305px;
margin-right: 10px;
}

.content p {
	
	padding: 5px 0;
	
}

.content img {
	
	margin: 0 auto; 
	padding: 10px 0 5px 10px; 
	width: 50%; 
	float: right;
	
}

.content h3 {

	padding: 0 0 0 20px;
	background:transparent url("./img/simbolo_pequeno.png") no-repeat 0 50%;
	color: #005680;
}

.content h4 {
	color: #005680;
	text-align:left;
	border-bottom: 1px solid #005680;
	font-size: 150%;
	background:transparent url("./img/simbolo_pequeno.png") no-repeat 100% 0%;
	margin: 10px 0 0px 0;
	padding:0;
	min-height:21px;

	
}

.content h5{
	
	color: #005680;
}	

.content h6 {
	
	
}

.content a, .conten a:link, .content a:visited {
	
	color:#00476B;
}

.content a:hover, .content a:active {
	
		color: #C8E603;
}

.content ul, .content ol {
	padding-left: 30px;
	font-size: 100%;
}


.content .erro {
		
		width: 80%;
		font-size: 97%;
		background: #FFECDF url("./img/dialog-error.png") no-repeat 3% 50%;
		color: red;
		padding:0 10px 0 45px;
		
	}

.content .info {
		
		width: 80%;
		font-size: 97%;
		background: #DEE6EC url("./img/help-browser.png") no-repeat 3% 50%;
		color: #00476B;
		padding:0 10px 0 35px;
		
	}
	
.content .infox {
		
		width: 80%;
		font-size: 97%;
		background: #DEE6EC url("./img/emblem-important.png") no-repeat 3% 3%;
		color: #00476B;
		padding:0 10px 0 35px;
		
	}
.content .infor {
		
		width: 80%;
		font-size: 97%;
		background: #DEE6EC url("./img/emblem-important.png") no-repeat 3% 3%;
		color: #00476B;
		padding:0 10px 0 35px;
		margin: 20px auto;
		
	}
	
.sitemap {
	width: 80%;
	margin: 0 auto;
}

.sitemap h2 {
	
	color: #005680;
	text-align:left;
	border-bottom: 1px solid #005680;
	font-size: 250%;
	background:transparent url("./img/simbolo_pequeno.png") no-repeat 100% 0%;
	margin: 10px 0 20px 0;
	padding:0;

	
}

/* Typography
-------------------------------------------------------------*/

h1
	{
	font-size: 2.2em; /* Equivalent to 22pt */
}
	
h2
	{
	font-size: 2.0em; /* Equivalent to 20pt */
}
	
h3
	{
	font-size: 1.8em; /* Equivalent to 18pt */
}
	
h4
	{
	font-size: 1.6em; /* Equivalent to 18pt */
}
	
h5
	{
	font-size: 1.4em; /* Equivalent to 14pt */
}
	
p, q, cite
	{
	font-size: 1.2em; /* Equivalent to 12pt */
}

ul, dl
	{
	list-style: none;
	font-size: 1.2em; /* Equivalent to 12pt */
}

li, dd, dt
	{
	font-size: 1.2em; /* Equivalent to 12pt */	
}

hr {
	
	border: 1px solid #FFF;
	padding: 15px 0;
}
/* Homepage
--------------------------------------------------------------*/
.badges {
	
margin: 30px 0 130px 0;
padding: 0 0 20px 0;
text-align:left;
}

.badge {
	width: 150px;
	height: 150px;
	margin: 30px 5px 0 0;	
	float:left;
}

.badge h5 {
	font-size: 140%;
	padding: 5px 10px 0 10px;
}

.badge p {
	font-size: 100%;
	padding: 5px 10px 0 10px;
}
.financiamento {
	background:transparent url("./img/financiamento.png") no-repeat 0 0;
}

.parceria {
	background:transparent url("./img/parcerias.png") no-repeat 0 0;
	
}

.simulador {
	background:transparent url("./img/simulacao.png") no-repeat 0 0;
	
}
.simulador h5 {
	font-size: 120%;
}
.simulador p {
	
}

#form-simulador {
	min-height: 180px;
	
}
/* Navigation
-------------------------------------------------------------*/
#navbar {
/*      float:right;*/
/*      width:500px;*/
      font-size:83%;
      line-height:normal;
	  margin:0 0 0 220px;
	  padding: 96px 0 0 0;
      }
    #navbar ul {
	  margin:0;
	  padding:0px 0px 0px 0px;
	  list-style:none;
      }
    #navbar li {
      display:inline;
      margin:0 4px 0 4px;
      padding:0;
      }
    #navbar a {
      float:left;
      background:url("http://exploding-boy.com/images/cssmenus/tableft.gif") no-repeat left top;	
      margin:0 4px 0 4px;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #navbar a span {
      float:left;
      display:block;
      background:url("http://exploding-boy.com/images/cssmenus/tabright.gif") no-repeat right top;
      padding:5px 6px 4px 2px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #navbar a span {float:none;}
    /* End IE5-Mac hack */
    #navbar a:hover span {
      color:#FF9834;
      }
    #navbar a:hover, #navbar a.active {
      background-position:0% -42px;
      }
    #navbar a:hover span, #navbar a.active span {
      background-position:100% -42px;
      }


/* Footer
-------------------------------------------------------------*/

#footer {
	
	font-size: 100%;
	text-align:center;
	margin:0;
	padding: 50px 0 0 0;
	color: #666;

}

#footer .info-links {
	
	list-style-type:none;
	
}

#footer .info-links li {
	
	display:inline;
	margin:0;
	padding: 0 2px 0 2px;
}

#footer .info-links li a, #footer .info-links li a:active, #footer .info-links li a:visited {
	
	color: #666;
/*	text-decoration:none;*/
	
}
#footer .info-links li a:hover {
	
	color: #333;
}
/* Active Menus
-----------------------------------------------------------------------------*/
body.consultoria #consultoria, 
body.formacao #formacao, 
body.parcerias #parcerias, 
body.sobre-nos #sobre-nos,
body.portfolio #portfolio,
body.informacoes-tematicas #informacoes-tematicas 
{
	
	background: transparent url("./img/nav_bg.png") repeat-y 0 0;
	
}


/* Your template
-----------------------------------------------------------------------------*/

.rowOfBoxes {
/*
  clear: both;
*/
}


.quarter, .oneThird, .half, .twoThirds, .fullWidth {
  margin: 1em 0;
  float: left;
}

.quarter {
  width: 21%;
  padding: 0 1.9%;
}

.oneThird {
  width: 28%;
  padding: 0 1.9%;
}

.half {
  text-align: justify;
  width: 46%;
  padding: 0 1.9%;
}

.twoThirds {
  text-align: justify;
  width: 63%;
  padding: 0 1.9%;
}

.fullWidth {
  text-align: justify;
  width: 96%;
  padding: 0 1.2em;
  border-left: none;
}

.filler {  /* use with an empty <p> element to add padding to the end of a text box */
  border: 1px solid white;
}
 
.noBorderOnLeft {
  border-left: none;
}

.dividingBorderAbove {
  border-top: 1px solid rgb(204,204,204);
}

/* Forms
-----------------------------------------------------------------------------*/



input.text
	{
	padding: 3px;
	border: 1px solid #999999;	
}

form {
  margin: 0 auto;
  padding: 0px;
  font-size: 110%;
}

form fieldset {
	/*
	font-size: 100%;
  border: 1px dashed #bbbbbb;
  */
  border:none;
  padding: 10px;
  margin: 0px 0px 0px 0px;
  
}

form fieldset legend {
/*  font-size: 150%;
  font-weight: normal;
  color: #000000;
  margin: 0px 0px 0px 0px;
  padding: 0px 5px;
  */
  display:none;
}

label {
  font-size: 90%;
}

label u {
  font-style: normal;
  text-decoration: underline;
}

input, select, textarea {
/*
  font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
*/
  font-size: 100%;
  color: #000000;
}

textarea {
  overflow: auto;
}

form div {
  clear: left;
  display: block;
  /*width: 354px;*/
  /*height: expression('1%');*/
  /*margin: 5px 0px 0px 0px;
  padding: 1px 3px;*/
}

form fieldset div.notes {
  float: right;
  width: 100px;
  height: auto;
  margin: 0px 0px 10px 10px;
  padding: 5px;
  border: 1px solid #666666;
  background-color: #ffffe1;
  color: #666666;
  font-size: 88%;
}

form fieldset div.notes h4 {
  background-image: url("./img/help-browser.png");
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0px 3px 27px;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #666666;
  color: #666666;
  font-size: 110%;
}

form fieldset div.notes p {
  margin: 0em 0em 1.2em 0em;
  color: #000;
  font-weight: bold;
}

form fieldset div.notes p#status p.error {
color: #fff;
}

form fieldset div.notes p.last {
  margin: 0em;
}

form fieldset div.notes ul {
margin: 0;
padding:0;
list-style-type: none;
}

form div fieldset {
  clear: none;
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
  margin: 0px 0px 0px 122px;
  padding: 0px 5px 5px 5px;
  /*width: 197px;*/
}

form div fieldset legend {
  font-size: 100%;
  padding: 0px 3px 0px 9px;
}

form div.required fieldset legend {
  font-weight: bold;
}

form div label {
  display: block;
  float: left;
  width: 130px;
  padding: 3px 5px;
  margin: 0px 0px 5px 0px;
  text-align: right;
}

form div.optional label, label.optional {
  font-weight: normal;
}

form div.required label, label.required {
  font-weight: bold;
}

form div.disabled label, label.disabled {
color:#ccc;
font-weight:normal;
}


form div label.labelCheckbox, form div label.labelRadio {
  float: none;
  display: block;
  width: 200px;
  /*height: expression('1%');*/
  padding: 0px;
  margin: 0px 0px 5px 142px;
  text-align: left;
}

form div fieldset label.labelCheckbox, form div fieldset label.labelRadio {
  margin: 0px 0px 5px 0px;
  width: 170px;
}

p.error {
  background-color: #ff0000;
  background-image: url("/admin2/img/dialog-error.png");
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #FFF;
  padding: 3px 3px 5px 27px;
  border: 1px solid #000000;
  margin: auto 100px;
}

form div.error {
  background-color: #ffffe1;
  background-image: url("/admin2/img/required_bg.gif");
  background-repeat: no-repeat;
  background-position: top left;
  color: #FFF;
  border: 1px solid #ff0000;
}

form div.error p.error {
  background-image: url("/admin2/img/dialog-error.gif");
  background-position: top left;
  background-color: transparent;
  border-style: none;
  font-size: 88%;
  font-weight: bold;
  margin: 0px 0px 0px 118px;
  width: 200px;
  color: #fff;
}

form div input, form div textarea {
  /*width: 200px;*/
  padding: 1px 3px;
  margin: 0px 0px 0px 0px;
}

form div select {
	
	width: 130px;
}
form div input.inputFile {
  width: 211px;
  background-color: #f4f4f4;
	border: 1px solid #b2b2b2;
	
}

form div select.selectOne, form div select.selectMultiple {
/*   width: 211px; */
  padding: 1px 3px;
}

form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {
  display: inline;
  height: 14px;
  width: 14px;
  background-color: transparent;
  border-width: 0px;
  padding: 0px;
  margin: 0px 0px 0px 140px;
}

form div.submit {
  /*width: 214px;*/
  /*padding: 0px 0px 0px 140px;*/
}

form div.submit div {
  display: inline;
  /*float: left;
  text-align: left;
  width: auto;
  padding: 0px;
  margin: 0px;*/
}

form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {
  background-color: #cccccc;
  color: #000000;
  width: auto;
  padding: 3px 23px 3px 6px;
  margin: 0px;
}

form div.submit div input.inputSubmit, form div.submit div input.inputButton {
  float: right;
  margin: 0px 0px 0px 5px;
}

form div small {
  display: block;
  margin: 0px 0px 5px 142px;
  padding: 1px 3px;
  font-size: 88%;
  /*height: expression('1%');*/
}

/* form.import.css */

form fieldset legend {
  line-height: 150%;
}

form input, form select, form textarea {
	background-color: #f4f4f4;
	border: 1px solid #b2b2b2;
}


form input:focus, form select:focus, form textarea:focus {
	background-color: #fff;
}

form textarea.expanding {
  overflow: auto;
  overflow-x: auto;
  overflow-y: visible;
}

div.optional label:before {
  content: '';
}

div.required label:before {
  content: '';
}
  
form div label.labelCheckbox, form div label.labelRadio, label.labelCheckbox, label.labelRadio {
  display: block;
  width: 190px;
  /*height: expression('1%');*/
  padding: 4px 0px 0px 18px;
  text-indent: -18px;
  line-height: 120%;
}

form div label.labelCheckbox input.inputCheckbox, form div label.labelRadio input.inputRadio, label.labelCheckbox input.inputCheckbox, label.labelRadio input.inputRadio {
  margin: 0px 0px 0px 0px;
	
}

.check {
	border: 1px solid #b2b2b2;
	background-color: #f4f4f4;
}

form div fieldset input.inputText, form div fieldset input.inputPassword, form div fieldset input.inputFile, form div fieldset textarea.inputTextarea {
  /*width: 160px;*/
  /*margin: 0px 0px 0px 18px;*/
  /*margin: expression('0px 0px 0px -124px');*/
}

form div label.compact {
  display: inline;
  width: auto;
  padding: 4px 10px 0px 0px;
  text-indent: 0px;
  margin: 0px 0px 0px 0px;
}

form div.wide label {
  float: none;
  display: block;
}

form div label.wide {
  width: 348px;
}

form div.wide input.inputText, form div.wide input.inputPassword, form div.wide input.inputFile, form div.wide select, form div.wide textarea {
  width: 344px;
  margin: 0px;
}

form div.notes p, form div small {
  line-height: 125%;
}

form div.wide small {
  margin: 0px 0px 5px 0px;
}
input.invalid {
  background-color: pink;
}

strong.error {
/*  color: red;*/
}

#errorlist {
background: #f4f4f4;
color: #FF3300;
text-indent: 5px;
list-style-type: none;
}
#errorlist li { 
background: transparent url("./img/dialog-error.png") no-repeat 0% 50%;
padding: 0 0 0 20px;
}


/* Tables 
-----------------------------------------------------------------------------*/



table
 	
	{ 
  	border-spacing: 0;
	border-collapse: collapse;
}

td 
	
	{
  	text-align: left;
	font-weight: normal;
}