/**
 * @authors carrie bickner, tantek çelik [modified by tales ebner]
 * @usage call this way: <link type="text/css" rel="stylesheet" rev="stylesheet" media="screen" href="base.css" />
 */
/** reset margin and padding 
 * ========================================================================================================
 */
body,html,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
div,th,td
p,pre,blockquote,
form,fieldset,input,textarea {
	margin: 0;
	padding: 0;
}

/** reset list attributes | no list-markers by default, since lists are used more often for semantics 
 * ========================================================================================================
 */
ul,ol { list-style: none; }

/** reset cellpadding and cellspacing 
 * ========================================================================================================
 */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/** turns off gaps around 
 * ========================================================================================================
 */
a img,
:link img,
:visited img,
abbr,fieldset,acronym { border: 0; }

/** reset font attributes 
 * ========================================================================================================
 */
h1,h2,h3,h4,h5,h6,
address,th,
caption,cite,code,dfn,var {
	font-style: normal;
	font-weight: normal;
}

h1,h2,h3,h4,h5,h6,
pre,code,kbd { font-size: 1em; }

caption,th { text-align: left; }

/** insert quotes 
 * ========================================================================================================
 */
q:before,
q:after { content:'"'; }

/** anchors 
 * ========================================================================================================
 */
a {
	font-weight: bold;
	text-decoration: none;
}
a:link {
	color: #0054a4;
	background-attachment: inherit;
} /* unvisited link */
a:visited {
	color: #8093C8;
	background-attachment: inherit;
} /* visited link */
a:focus {
	color: #8093C8;
	background-attachment: inherit;
} /* focused link */
a:hover {
	color: #8093C8;
	background-attachment: inherit;
} /* mouse over link */
a:active {
	color: #0054a4;
	background-attachment: inherit;
} /* selected link */

/** basic | redundant font selector to help ns4 not forget 
 * ========================================================================================================
 */
body {
	margin: 0;
	padding: 0;
	font: 80%/1.5em verdana, helvetica, arial, sans-serif;
	text-align: center;
}

div,p,
th,td,
li,dd,dl,dt { font-family: verdana, helvetica, arial, sans-serif; }

/** lists 
 * ========================================================================================================
 */
ul,ol,li,dl,dt,dd { line-height: 1.7em; }

/** content 
 * ========================================================================================================
 */
p { line-height: 1.7em; }

code,tt,pre { font: 12px "andale mono", monaco, courier, "courier new", monospace; }

/** #wrapper 
 * ========================================================================================================
 */
#wrapper {
	position: absolute;
	width: 718px;
	height: 334px;
	top: 50%;
	left: 50%;
	margin: -167px 0 0 -359px;
	text-align: left;
	color: #0054a4;
}
	#header {
		width: 630px;
		height: 334px;
		margin: 0 auto;
		background: transparent url(images/bg.png) top no-repeat;
	}
	/* \*/
	* html #header {
		width: 616px;
		height: 319px;
		background: #dcf1fd none;
		border: 1px solid #8093C8;
	}
	/* */
		#header h1 {
			position: absolute;
			width: 218px;
			height: 278px;
			margin: 32px 0 0 -85px;
			text-indent: -9000px;
			letter-spacing: -9000px;
			background: transparent url('images/logo.png') top no-repeat;
		}
		/* \*/
		* html #header h1 {
			width: 195px;
			height: 252px;
			margin: 35px 0 0 -75px;
			background-image: url('images/logo.gif');
		}
		/* */
		#header h2 {
			position: absolute;
			margin: -17px 13px 0;
			text-align: center;
			font: normal normal bold 90%/300% verdana, helvetica, arial, sans-serif;
			color: #8093C8;
		}
		/* \*/* html #header h2 { margin: -24px 5px 0; }/* */

/** #sitenav 
 * ========================================================================================================
 */
	#sitenav {
		position: absolute;
		margin: -240px 0 0 166px;
		padding: 20px 10px;
		font: normal normal bold 75% verdana, helvetica, arial, sans-serif;
		border: 2px solid #bfbfbf;
		border-left: none;
	}
	/* \*/* html #sitenav { margin: -230px 0 0 171px; }/* */
		#sitenav li {}
			#sitenav li a {
				line-height: 200%;
				color: #8093C8;
				background-attachment: inherit;
			}
			#sitenav li a:link {
				color: #8093C8;
				background-attachment: inherit;
			}
			#sitenav li a:visited {
				color: #0054a4;
				background-attachment: inherit;
			}
			#sitenav li a:focus {
				color: #0054a4;
				background-attachment: inherit;
			}
			#sitenav li a:hover {
				color: #0054a4;
				background-attachment: inherit;
			}
			#sitenav li a:active {
				color: #8093C8;
				background-attachment: inherit;
			}

/** #content 
 * ========================================================================================================
 */
	#content{
		position: absolute;
		width: 350px;
		height: 250px;
		overflow: auto;
		margin: -296px 0 0 285px;
		border: 1px solid #8093C8;
		background-color: #dbf2fd;
	}
	/* \*/* html #content { margin: -285px 0 0 285px; }/* */
		#content .back { clear: both; margin: 0 20px; }
	.home {
		text-align: center;
		background: url(./images/img0home.png) no-repeat bottom left;
	}
		.home p { margin: 10px 0 0; }
	.empresa,
	.servicos,
	.dicas,
	.vendas,
	.contato  {
		text-align: justify;
		font-size: 75%;
	}
		.empresa h3,
		.servicos h3,
		.dicas h3,
		.vendas h3,
		.contato h3 {
			margin: 20px 20px;
			text-align: center;
			font: normal normal bold 110% verdana, helvetica, arial, sans-serif;
			color: #8093C8;
		}
		.servicos h4 {
			margin: 0 20px;
			text-align: center;
			font: normal normal bold 100% verdana, helvetica, arial, sans-serif;
		}
		.empresa p,
		.servicos p,
		.dicas p,
		.vendas p { margin: 10px 20px; }
		.contato p { margin: 0 20px; }
		.contato .br { margin: 0 20px 10px; }
		.dicas ul {
			margin: 10px 20px;
			list-style: disc inside;
		}
		.vendas ul { list-style: none; }
			.vendas ul li {
				float: left;
				width: 50px;
				height: 50px;
				margin: 10px 0 0 15px;
				border: 1px solid #0054a4;
			}
			/* \*/* html .vendas ul li { margin: 10px 0 0 11px; }/* */
		.contato form {
			margin: 20px 20px;
			text-align: right;
		}
			.contato form fieldset { text-align: left; }
				.contato form fieldset ol {}
					.contato form fieldset ol li { margin: 10px 0; }
						.contato form fieldset ol li label {
							display: -moz-inline-box;
							display: inline-block;
							width: 87px;
							font-weight: bold;
						}
						.contato form fieldset ol li input{
							width: 200px;
							height: 18px;
							font-family: verdana, sans-serif;
							font-size: 100%;
							color: #863f8b;
						}
						.contato form fieldset ol li .border{ border: 1px solid #863f8b; }
						.contato form fieldset ol li textarea{
							width: 200px;
							height: 100px;
							overflow: auto;
							font: normal normal normal 100% verdana, helvetica, arial, sans-serif;
							border: 1px solid #863f8b;
							color: #863f8b;
						}
			.contato form .borderpointer{
				border: 1px solid #863f8b;
				cursor: pointer;
			}
		.home .vcard,
		.empresa .vcard,
		.servicos .vcard,
		.dicas .vcard,
		.vendas .vcard {
			display: none;
			text-indent: -9000px;
			letter-spacing: -9000px;
		}

/** #footer 
 * ========================================================================================================
 */
	#footer { text-align: center; }
		#footer .copyright {
			position: relative;
			font-size: 75%;
			color: #8093C8;
		}
		#footer .assinatura {
			margin: 0 0 0 20px;
			font-size: 75%;
		}
			#footer .assinatura a { color: #8093C8; }
			#footer .assinatura a:hover { color: #0054a4; }

/** others 
 * ========================================================================================================
 */
.structurelabel {
	position: absolute;
	width: 4000px;
	left: -9000px;
}
.nodisplay { display: none; }

.nojava {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	padding: 3px 0;
	color: #000;
	background: #ffd;
	border-bottom: 1px dashed #cfb9d6;
}

.nojava p {
	font-size: 75%;
	line-height: 100%;
}