html, body
{
	/*height: 100%;*/
}
body
{
	margin: 0px;
	font-family: Tahoma, Arial;
	font-size: 11px;
	line-height: 16px;
	color: #313131;
	background-color: #86c0d6;
}

form
{
	width: 100%;
	/*height: 100%;*/
}

img
{
	border: none 0px;
}

ul
{
	margin: 10px 0px 0px 17px;
	padding: 0px;
}

li
{
	list-style-image: url('images/bullet1.gif');
}

.bullet2
{
	background-image: url('images/bullet2.gif');
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 10px;
}

.hr
{
	background-image: url('images/hr.gif');
	background-repeat: repeat-x;
	width: 482px;
	height: 3px;
}

.vr
{
	background-image: url('images/Vr.gif');
	background-repeat: repeat-Y;
	width: 1px;
	height: 160px;
}

.main
{
	width: 100%;
	height: 100%;
	background: #bddfe8 url('images/background.jpg') repeat-x bottom left; 
	text-align: center;
}

.page
{
	margin: auto;
	width: 780px;
	background-color: #313131;
	text-align: left;
}

.left2
{
	color: white;
	width: 230px;
	background-image: url('images/left_bk.jpg');
	background-repeat: no-repeat;
}

.left2 a
{
	color: white;
}


.header
{
	float: left;
	display: inline;
	width: 549px;
	height: 111px;
	background-image: url('images/header_tile.gif');
	color: white;
}

.header a
{
	color: white;
	text-decoration: none;
	margin: 0px 5px 0px 5px;
}

.header a:hover
{
	text-decoration: underline;
}

.menu
{
	float: left;
	display: inline;
	width: 549px;
	height: 54px;
	background-position: 130px 0px;
	background-image: url('images/btn_bk.gif');
	text-align: left;
	/*border:solid 1px pink;*/
}

.menu img
{
	float: left;
	display: inline;
	margin: 0px 0px 0px 6px;
}

.btn
{
	font-size: 17px;
	color: white;
	margin: 11px 0px 0px 0px;
	height: 43px;
	/*width: 166px;*/
	float: left;
	display: inline;
	/*border:solid 1px red;*/
}

.btn img
{
	float: left;
	display: inline;
}

.btn div
{
	float: left;
	display: inline;
	margin: 4px 0px 0px 5px;
}

.btn div a
{
	color: white;
	text-decoration: none;
	line-height: normal;
}

.btn div a:hover
{
	text-decoration: underline;
}

.contentFrame
{
	margin: 13px 10px;
	width: 522px;
	/*width: 502px;*/
	float: left;
	display: inline;
}

.contentFrame div
{
	float: left;
	display: inline;
}

.topBorder, .bottomBorder
{
	width: 504px;
	/*width: 484px;*/
	height: 9px;
	background-color: white;
	font-size: 0px;
}

.bottomBorder
{
	background-image: url('images/tile_bottom.gif');
	background-repeat: repeat-x;
}

.content
{
	text-align: justify;
	font-family: Tahoma, Verdana;
	font-size: 11px;
	color: #412e41;
	width: 522px;
	/*width: 502px;*/
	background-color: white;
	background-image: url('images/tile_right.gif');
	background-repeat: repeat-y;
	background-position: right;
}

.content a
{
	color: #027398;
	font-weight: bold;
}

.content div
{
	float:  left;
	display: inline;
}

.title
{
    width			: 470px;	
	font-size		: 17px;
	color			: white;
	background		: url(images/pontilhadoHoriz.gif) repeat-x bottom left;
	padding			: 10px;
	margin-bottom	: 20px;
	clear			: both;
}

.content .title
{
	font-size: 17px;
	color: #f97e07;
}

div.form div, div.form2 div
{
	margin-top: 5px;
	padding: 1px;
	width: 70px;
	height: 19px;
}

div.form input, div.form textarea, div.form2 input, div.form2 textarea, div.form2 select
{
	margin-top: 5px;
	padding: 1px;
	border: solid 1px #7f9db9;
	padding			: 3px 0px 3px 3px;  
	font			: bold 1em Verdana, Tahoma, Arial, Helvetica, sans-serif;	
	color			: #003366;
	width: 250px;
	height: 16px;
}

div.form2 div
{
	width: 115px;
}

div.form2 input, div.form2 textarea
{
	width: 193px;
}

div.form2 select
{
	width: 197px;
	padding: 0px;
	margin: 5px 0px 0px 0px;
	height: 22px;
}

.price
{
	float: left;
	display: inline;
	margin-left: 10px;
	color: OrangeRed;
	font-size: 14px;
	font-weight: bold;
}

.banco
{
	float: left;
	display: inline;
	padding:5px;
	/*border: solid 1px gold;
	background-color: LightYellow;*/
}

.banco b
{
	color: OrangeRed;
}

.demos
{
	margin-top: 25px;
	width: 482px;
	text-align: center;
}

.demos div
{
	width: 160px;
	margin-bottom: 20px;
}

.footer
{
	margin: 0px 0px 10px 20px;
	color: #9c9c9c;
}

.footer a
{
	color: #9c9c9c;
}





/****************************************************************
 * GRID
 ****************************************************************/

	table.gridSmall
	{
		background		: white; 	
		font			: 0.9em Verdana, Tahoma, Arial, Helvetica, sans-serif;	
		color			: black;  		
	}

	.gridSmall th,
	.gridSmall caption
	{
		background		: #fff url(images/gridHeader.png) repeat-x top left; 	
		height			: 28px;
		border-top		: 1px solid #eee;
		border-bottom	: 1px solid #ccc;
		font-weight		: bold;
		padding			: 0 10px 0 10px;
	}

	.gridSmall tr
	{
	}

	.gridSmall td
	{
		height			: 50px;
		padding			: 10px;
	}