html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
	margin:				0;
	padding:			0;
	border:				0;
	outline:			0;
	font-weight:		inherit;
	font-style:			inherit;
	font-size:			100%;
	font-family:		inherit;
	vertical-align:		baseline;
}

/* remember to define focus styles! */
:focus
{
	outline:			0;
}

body
{
	line-height:		1;
	color:				black;
	background:			white;
}

ol, ul
{
	list-style:			none;
}

/* tables still need 'cellspacing="0"' in the markup */
table
{
	border-collapse:	separate;
	border-spacing:		0;
}

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

blockquote:before, blockquote:after, q:before, q:after
{
	content:			"";
}

blockquote, q
{
	quotes:				"" "";
}

/* ----------------------------------- body --------------------------------- */
body
{
	margin:				auto;

	font-family:		Arial, Verdana, Helvetica, sans-serif;
	font-size:			10pt;

	text-align:			center;

	color:				#333366;
	background-color:	#ffffff;
}

img
{
	border:				0;
}

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

/* ----------------------------- start #wrapper ----------------------------- */
#wrapper
{
	width: 890px;
	height: 600px;

	margin-top: 20px !important;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}

#header
{
	clear: both;

	width: 890px;
	height: 55px;

	margin-top:15px;
	margin-left: auto;
	margin-right: auto;
}

#banner_wrapper
{
	clear: both;

	width: 735px;
	height: 93px;

	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;

	background-image: url("../images/shadow_lb.gif");
	background-position: bottom right;
	background-repeat: no-repeat;
}

#logo
{
	float: left;
	height: 51px;

	padding: 0px;
	padding-left: 65px;

	background-image: url("../images/logo.gif");
	background-position:top left;
	background-repeat:no-repeat;
}
#logo .title
{
	font-size: 36px;
	font-weight: bold;
	text-align: left;
}
#logo .desc
{
	padding-left: 15px;
	font-size: 14px;
	text-align: left;
}

#menu
{
	float: right;
	margin-top: 30px;
	margin-right: 10px;

	font-size: 12px;
}
#menu li
{
	display: block;
	float: left;
	padding: 3px 5px 4px 5px;

	margin-left: 10px;

	color: #fff;
	background-color: #39c;

	cursor: pointer;
}
#menu li:hover
{
	background-color: #5BADD6;

	cursor: pointer;
}

#content
{
	width: 850px;
	height: 305px;

	padding: 20px;

	margin-top: 5px;

	font-size: 12px;
	text-align:	left;

	background-image: url("../images/bg/main.gif");
	background-position: top left;
	background-repeat: no-repeat;
}

#ads
{
	position:relative;
	top: 10px !important;
	top: -50px;

	width: 807px;
	height: 81px;

	margin-left: auto;
	margin-right: auto;
}

#ad1
{
	display:inline; /*Bug da margem dupla para floats no IE*/

	float: left;
	width: 259px;
	height: 81px;

	margin: 5px;

	background-image: url("../images/bg/ad1.gif");
	background-position: top left;
	background-repeat: no-repeat;
}
#ad2
{
	float: left;
	width: 259px;
	height: 81px;

	margin: 5px;

	background-image: url("../images/bg/ad2.gif");
	background-position: top left;
	background-repeat: no-repeat;
}
#ad3
{
	float: left;
	width: 259px;
	height: 81px;

	margin: 5px;

	background-image: url("../images/bg/ad3.gif");
	background-position:top left;
	background-repeat: no-repeat;
}
.ad
{
	width: 241px;
	height: 63px;

	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;

	background-image: url("../images/shadow_hb.gif");
	background-position: bottom right;
	background-repeat: no-repeat;
}

#search
{
	position:relative;
	top: 25px !important;
	top: -40px;

	width: 219px;
	height: 25px;

	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

#search .search-box
{
	float: left;
	width: 150px;
	height: 15px;

	border: 1px solid #39c;

	font-size: 12px;
	color: #336;
	background-color: #fff;
}

#search .submit
{
	float: left;
	width: 60px;
	height: 19px;

	padding: 0px 0px 3px 0px;
	border: 1px solid #39c;
	margin-left: 5px;
	
	font-size: 11px;
	color: #fff;
	background-color: #39c;
}

#footer
{
	position:relative;
	top: 20px !important;
	top: -40px;

	width: 890px;

	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}
#footer .bottom_menu
{
	padding: 5px;
	font-size: 12px;
}
#footer .copy
{
	padding: 5px;
	font-size: 11px;
}

/*----------------------------------- ajax ---------------------------------- */
.ajax-loading
{
	background-image:	url("/tpl/default/site/images/ajax-loader.gif");
	background-position:	center center;
	background-repeat:	no-repeat;
}

/*-------------------------------- alignment -------------------------------- */
.float-left				{ float:left; }
.float-right			{ float:right; }
.align-left				{ text-align:left; }
.align-right			{ text-align:right; }
.align-center			{ text-align:center; }
.align-justify			{ text-align:justify; }

/*--------------------------------- display --------------------------------- */
.clear					{ clear:both; }
.block					{ display:block; }
.inline					{ display:inline; }
.hide					{ display:none; }

/*--------------------------------- paging ---------------------------------- */
.pager
{
	float:				left;

	width:				100%;
	height:				10px;

	padding:			3px 0px 3px 0px;
	margin:				0px 0px 10px 0px;
	border-bottom:		1px solid #5e5e5e;

	color:				#5e5e5e;
	font-size:			.9em;
	font-weight:		bold;
	text-align:			center;
	background-color:	#e6e6e6;
	
	opacity:			0.85;
	-moz-opacity:		0.85;
	filter:				alpha(opacity=85);
}
.pager a
{
	color:				#5e5e5e;
	font-weight:		normal;
}
.pager a:hover
{
	font-weight:		bold;
}

#locale	{
	margin-top:			-13px;
	color:				#999;
	font-size:			.7em;
	text-align:			right;
}

/*------------------------------- text formating ------------------------------- */
strong	{
	font-weight:		bold;
}
em	{
	font-style:			italic;
}