@charset "utf-8";

#titulo {
	color: #356194;
	font-size: 14pt;
	font-weight: bold;
}

a {
	color: #06F;
}

a:link {
	color: #06F;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #000000;
}

a:active {
	text-decoration: none;
	color: #06F;
}
#erro {
	color: #CC0000;
	text-align: center;
}

#sucesso {
	color:#009933;
	text-align: center;
}

#important {
	color: #FF0000;
	/* font-weight:bold; */
}

input {
	/* border: 1px #66CC33 solid;
	background-color:#FFFFFF; */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	text-decoration:none;
	color:#666666;
}

select {
	/* border: 1px #66CC33 solid;
	background-color:#FFFFFF; */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	text-decoration:none;
	color:#666666;
}

.checkbox {
	border: 1px #66CC33 solid;
	background-color:#FFFFFF;
	color:#666666;
}
/*
.button {
	border: 2px #66CC33 solid;
	background-color:#E8FFC6;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight: bold;
	color:#3B5515;
	text-decoration:none;
}
*/




/* GOOD STUFF */
body {
	margin: 0; 
	padding: 0; 
	background:#FFFFFF;
	color: #000; 
	font: 10pt Verdana, Arial, Helvetica, sans-serif; 
	color: #000000; 
	text-align: center;
	height: 100%;
}

html,body {
	height: 100%;
}

html > body {
	height: 100%;
	min-height: 100%;
}

#container {
	width: 1000px; 
	margin: 0 auto; 
	background: #FFFFFF; 
	text-align: left;
	/* height: 100%; */
	/* border-left: #000000 1px solid;
	border-right: #000000 1px solid; */
	position: relative;
	min-height:100%;
	height:auto;
}
* html #container{
	height:100%;
	width:1002px;/* box model hack for ie5.+*/
	w\idth:1000px
}

/* Header */
div.header {
	clear: both; 
	position: relative;
	height: 120px;
	/* width: 1000px; */
	background-color: #FFFFFF;
	left: 10px;
	right: 10px;
	width: 980px;
}
	
	div.logo {
		float: left;
		margin-top: 10px;
		/*
		margin-bottom: 10px;
		margin-left: 10px;
		*/
		height: 100px;
		width: 620px;
		/* background-color:#0066CC; */
		/* background: center no-repeat url(img/trocas_logo3.png); */
	}
	
	
	div.follow-box {
		position: absolute;
		top: 10px;
		bottom: 10px;
		right: 10px;
		height: 100px;
		width: 200px;
		background-color: #D3D3D3;
	}
	
		div.follow-top-bottom
		{
			width: 100%;
			height: 10px;
		}
	
			div.follow-top-left
			{
				float:	left;
				width: 10px;
				height: 10px;
				background: left top no-repeat url(img/follow-left_top.png)
			}
			
			div.follow-top-right
			{
				float:	right;
				width: 10px;
				height: 10px;
				background: right top no-repeat url(img/follow-right_top.png)
			}
		
			div.follow-bottom-left
			{
				float:	left;
				width: 10px;
				height: 10px;
				background: left bottom no-repeat url(img/follow-left_bottom.png)
			}
			
			div.follow-bottom-right
			{
				float:	right;
				width: 10px;
				height: 10px;
				background: right bottom no-repeat url(img/follow-right_bottom.png)
			}
	
		div.follow-option
		{
			width: 200px;
			height: 30px;
			_height: 20px;
			font-size: 9pt;
			font-weight: bold;
			text-align: center;
		}
		
		div.follow-option-big
		{
			width: 200px;
			height: 50px;
			font-size: 9pt;
			font-weight: bold;
			text-align: center;
		}
		
		.follow-icon
		{
			width: 48px;
			height: 48px;
			margin-left: 5px;
			margin-right: 5px;
		}
		
			img.icon-facebook
			{
				background: url(img/facebook_icon.png) no-repeat;
			}
			
			img.icon-facebook:hover
			{
				background: url(img/facebook_icon_hover.png) no-repeat;
			}
			
			img.icon-twitter
			{
				background: url(img/twitter_icon.png) no-repeat;
			}
			
			img.icon-twitter:hover
			{
				background: url(img/twitter_icon_hover.png) no-repeat;
			}


/* Side Menu 1 */
div.menu1 
{
	float: left;
	width: 290px;
	display: block;
	background-color: #95b3d8;
	margin-bottom: 10px;
}

	div.menu1-top-bottom
	{
		width: 290px;
		height: 10px;
	}
	
		div.menu1-top-left
		{
			float:	left;
			width: 10px;
			height: 10px;
			background: left top no-repeat url(img/table-left_top.png)
		}
		
		div.menu1-top-right
		{
			float:	right;
			width: 10px;
			height: 10px;
			background: right top no-repeat url(img/table-right_top.png)
		}
	
		div.menu1-bottom-left
		{
			float:	left;
			width: 10px;
			height: 10px;
			background: left bottom no-repeat url(img/table-left_bottom.png)
		}
		
		div.menu1-bottom-right
		{
			float:	right;
			width: 10px;
			height: 10px;
			background: right bottom no-repeat url(img/table-right_bottom.png)
		}
	
	div.menu1-option
	{
		width: 280px;
		height: 20px;
		padding-top: 8px;
		padding-left: 10px;
		font-size: 10pt;
		font-weight: bold;
	}
	
	div.menu1-title
	{
		width: 265px;
		margin-left: 10px;
		/* margin-right: 10px; */
		padding-left: 5px;
		height: 22px;
		font-size: 11pt;
		font-weight: bold;
		color: #FFFFFF;
		padding-bottom: 3px;
		margin-bottom: 10px;
		border-bottom: 1px dotted #FFFFFF;
	}
	
	div.menu1-erro
	{
		width: 250px;
		margin-left: 15px;
		margin-right: 15px;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 5px;
		padding-bottom: 5px;
		font-size: 10pt;
		color: #C00;
		text-align: center;
		margin-bottom: 5px;
		background-color: #d89696;
	}
	
	div.menu1-label
	{
		width: 265px;
		margin-left: 10px;
		/* margin-right: 10px; */
		padding-left: 5px;
		height: 20px;
		font-size: 10pt;
	}
	
	
	div.menu1-field
	{
		width: 265px;
		margin-left: 10px;
		_margin-left: 8px;
		/* margin-right: 10px; */
		padding-left: 5px;
		_padding-left: 0px;
		height: 30px;
		font-size: 10pt;
		margin-bottom: 5px;
	}
	
	div.menu1-button
	{
		width: 265px;
		margin-left: 10px;
		padding-right: 5px;
		font-size: 10pt;
		font-weight: bold;
		text-align: right;
		color: #FFFFFF;
	}
	
	div.menu1-reminder
	{
		width: 265px;
		margin-left: 10px;
		/* margin-right: 10px; */
		padding-left: 5px;
		height: 10px;
		font-size: 8pt;
	}
	
	div.menu1-spacer
	{
		width: 290px;
		height: 30px;
	}
	
	div.menu1-spacer2
	{
		width: 290px;
		height: 20px;
	}
	
	
	a.menu1 {
		color: #072a52;
	}
		
	a.menu1:link {
		color: #072a52;
		text-decoration: none;
	}
	
	a.menu1:visited {
		text-decoration: none;
	}
	
	a.menu1:hover {
		text-decoration: none;
		color: #06F;
	}
	
	a.menu1:active {
		text-decoration: none;
		color: #06F;
	}
	
	
	a.login-button {
		color: #FFFFFF;
	}
		
	a.login-button:link {
		color: #FFFFFF;
		text-decoration: none;
	}
	
	a.login-button:visited {
		text-decoration: none;
	}
	
	a.login-button:hover {
		text-decoration: none;
		color: #072a52;
	}
	
	a.login-button:active {
		text-decoration: none;
		color: #072a52;
	}
	
	
	
	
	
/* main div */	
div.main
{
	clear: both;
	position: relative;
	background-color: #FFFFFF;
	left: 10px;
	right: 10px;
	width: 980px;
}


div.main-left
{
	float: left;
	width: 290px;
}


div.main-center
{
	float: right;
	width: 670px;
	margin-left: 20px;
}

	div.main-path
	{
		width: 670px;
		font-size: 11pt;
		text-align: left;
		padding-bottom: 8px;
		border-bottom: 1px dotted #CCCCCC; 
		margin-bottom: 20px;
	}


/* footer */
div.footer {
	background: #FFFFFF;
	border-top: 1px #CCCCCC solid;
	height: 20px;
	width: 980px;
	margin: auto;
	position: absolute;
	bottom: 5px;
	left: 1%;
	vertical-align: middle;
	text-align: center;
	
}	
div.clearfooter{clear:both;height:50px;width:100%}
/* div > p {margin:0} */

	
	
	div.footerItem {
		float: left;
		width: 980px;
		text-align: center;
		margin-top: 5px; 
		color: #666666;
		font-size: 8pt;
		text-decoration: none;
	}







/* Tabelas */

div.tabela-titulo {
	width: 670px;
	height: 30px;
	background-color: #72a1ca;
	font-size: 9pt;
	font-weight: bold;
	color: #FFF;
}

div.tabela-subtitulo {
	width: 660px;
	height: 25px;
	background-color: #DEDEDE;
	font-size: 10pt;
	font-weight: bold;
	color: #333333;
	border-bottom: #72a1ca 1px dotted;
	padding-left: 5px;
	padding-right: 5px;
}

div.tabela-linha {
	width: 660px;
	height: 20px;
	border-bottom: #72a1ca 1px dotted;
	font-size: 10pt;
	padding-left: 5px;
	padding-right: 5px;
}

div.tabela-titulo-half {
	width: 340px;
	height: 30px;
	background-color: #72a1ca;
	font-size: 9pt;
	font-weight: bold;
	color: #FFF;
}

div.tabela-titulo-half2 {
	width: 300px;
	height: 30px;
	background-color: #72a1ca;
	font-size: 9pt;
	font-weight: bold;
	color: #FFF;
}

div.tabela-linha-half {
	width: 330px;
	height: 20px;
	border-bottom: #72a1ca 1px dotted;
	font-size: 10pt;
	padding-left: 5px;
	padding-right: 5px;
}

div.tabela-linha-graph {
	width: 300px;
	height: 220px;
	border-bottom: #72a1ca 1px dotted;
}


/*
div.tabela-linha {
	width: 628px;
	height: 20px;
	border-bottom: #72a1ca 1px dotted;
	font-size: 10pt;
	padding-left: 5px;
	padding-right: 5px;
	border-left: 1px solid #72a1ca;
	border-right: 1px solid #72a1ca;
}
*/

	div.corner-left
	{
		background: left top no-repeat url(img/table-left_top.png);
	}
	
	div.corner-right
	{
		background: right top no-repeat url(img/table-right_top.png);
	}
	
	div.ta-left   { text-align: left;   }
	div.ta-right  { text-align: right;  }
	div.ta-center { text-align: center; }
	
	div.float-left  { float: left;  }
	div.float-right { float: right; }
	
	div.col-titulo
	{
		height: 30px;
	}
	
	div.col-titulo-pad
	{
		height: 22px;
		padding-top: 8px;
	}
	
	div.col-linha
	{
		height: 20px;	
	}
	
	div.col-subtitulo
	{
		height: 22px;
		padding-top: 3px;
	}
	
	div.tabela-col100 { width: 100%; }
	div.tabela-col80 { width: 80%; }
	div.tabela-col70 { width: 70%; }
	div.tabela-col60 { width: 60%; }
	div.tabela-col55 { width: 55%; }
	div.tabela-col50 { width: 50%; }
	div.tabela-col45 { width: 40%; }
	div.tabela-col40 { width: 40%; }
	div.tabela-col30 { width: 30%; }
	div.tabela-col20 { width: 20%; }
	div.tabela-col15 { width: 15%; }
	div.tabela-col12 { width: 12%; _width: 11% }
	div.tabela-col11 { width: 11%; }
	div.tabela-col10 { width: 10%; }
	div.tabela-col8  { width: 8%;  }
	div.tabela-col6  { width: 6%;  }




/* FORM STUFF */
div.form-centered
{
	width: 420px;
	margin-left: 125px;
	margin-right: 125px;
}

div.form-full
{
	display: block; 
	margin-bottom: 20px; 
	width: 670px;
	height: 30px;
}

	div.form-label
	{
		width: 165px;
		height: 30px;
		text-align: left;
		float: left;
		padding-left: 5px;
	}
	
	div.form-label-small
	{
		width: 165px;
		height: 20px;
		text-align: left;
		float: left;
		padding-left: 5px;
		font-size: 8pt;
	}
	
	div.form-label-short
	{
		width: 85px;
		height: 30px;
		text-align: left;
		float: left;
		padding-left: 5px;
	}
	
	div.form-field
	{
		width: 250px;
		height: 30px;
		text-align: left;
		float: left;
	}
	
	div.form-field-small
	{
		width: 250px;
		height: 20px;
		text-align: left;
		float: left;
		font-size: 8pt;
		color: #666;
	}
	
	div.form-spacer-top
	{
		width: 420px;
		height: 10px;
		float: left;
		border-bottom: 1px dotted #CCCCCC;
	}
	
	div.form-spacer-bottom
	{
		width: 420px;
		height: 10px;	
		float: left;
	}
	
	div.form-spacer
	{
		width: 420px;
		height: 20px;	
		float: left;
	}
	
	div.form-button-area
	{
		height: 30px;
		float: right;
		padding-right: 5px;
	}
	
	div.form-separator
	{
		width: 410px;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 3px;
		margin-bottom: 10px;
		color: #333333;
		text-align: left;
		font-weight: bold;
		font-size: 10pt;
		border-bottom: 1px dotted #CCCCCC;
	}
	

input.text-long
{
	width: 245px;
	_width: 240px;
}

input.text-login
{
	width: 255px;
	_width: 250px;
}

input.text-short
{
	width: 70px;
}

select.short
{
	width: 70px;
}

select.long
{
	width: 245px;
}

select.day-month
{
	width: 60px;
	margin-right: 3px;
}

select.year
{
	width: 108px;
}
	
input.button-70 { width: 70px; }
input.button-90 { width: 90px; }

input.button
{
	height: 25px;
	color: #000000;
}
	
	


/* HOME */
div.home-section
{
	width: 670px;
	border-bottom: 1px dotted #CCCCCC;
	margin-bottom: 20px;
}

div.home-section-graph		{ height: 240px; }
div.home-section-entrance	{ height: 300px; }
div.home-section-other		{ height: 200px; }

	div.home-title
	{
		width: 670px;
		height: 30px;
		font-weight: bold;
		font-size: 11pt;
	}
	
		div.home-title-icon
		{
			width: 30px;
			height: 30px;
			float: left;
		}
		
		div.home-title-text
		{
			width: 630px;
			height: 26px;
			float: left;
			text-align: left;
			padding-left: 10px;
			padding-top: 4px;
		}
	
	div.home-content-graph
	{
		width: 630px;
		height: 210px;
		margin-left: 20px;
		margin-right: 20px;
	}
	
	div.home-content
	{
		width: 630px;
		height: 160px;
		margin-left: 20px;
		margin-right: 20px;
	}
	
	ul.home-content
	{
		line-height: 1.5pc;	
	}
	
	
	
	
	
/* FAQ */
div.faq-option {
	width: 635px;
	/* height: 22px; */
	padding: 7px;
	border-bottom: #72a1ca 1px dotted;
	margin-left: 10px;
	margin-right: 10px;
	text-align: left;
	/* font-weight: bold; */
}

div.faq-answer
{
	width: 650px;
	border-bottom: #72a1ca 1px dotted;
	margin-left: 10px;
	margin-right: 10px;
	text-align: left;
	margin-bottom: 10px;
	display: none;
	_padding-bottom: 7px;
	_padding-top: 7px;
}







/* INFO BOX */
div.info
{
	float: left;
	width: 670px;
	display: block;
	background-color: #f9fad0;
	margin-bottom: 10px; 
}

	div.info-top-bottom
	{
		width: 100%;
		height: 10px;
	}
	
		div.info-top-left
		{
			float:	left;
			width: 10px;
			height: 10px;
			background: left top no-repeat url(img/info_corner-top_left.png)
		}
		
		div.info-top-right
		{
			float:	right;
			width: 10px;
			height: 10px;
			background: right top no-repeat url(img/info_corner-top_right.png)
		}
	
		div.info-bottom-left
		{
			float:	left;
			width: 10px;
			height: 10px;
			background: left bottom no-repeat url(img/info_corner-bottom_left.png)
		}
		
		div.info-bottom-right
		{
			float:	right;
			width: 10px;
			height: 10px;
			background: right bottom no-repeat url(img/info_corner-bottom_right.png)
		}
	
	div.info-content
	{
		width: 650px;
		height: 30px;
		padding-left: 10px;
		padding-right: 10px;
		font-size: 9pt;
	}
	
		div.info-icon
		{
			width: 30px;
			height: 30px;
			float: left;
			background: center no-repeat url(img/info_bg.png)
		}
		
		div.info-text-1line
		{
			width: 610px;
			height: 22px;
			padding-left: 10px;
			padding-top: 8px;
			font-size: 9pt;
			font-weight: bold;
			vertical-align: middle;
			text-align: left;
			float: left;
		}
		
		div.info-text-3line
		{
			width: 610px;
			height: 40px;
			padding-left: 10px;
			font-size: 9pt;
			font-weight: bold;
			vertical-align: middle;
			text-align: left;
			float: left;
		}