/***** GENERAL ************************************************************************************/

html, body {
	height: 100%;
}

#container {
	width: 100%;
	min-height: 100%; /**/
	margin: 0px auto;
	position: relative; /* Contexto de posicionamento */
	left: 0px;
	top: 0px;
}

*html #container {
	height: 100%;
}

.clearBlock {
	clear: both;
}

/***** UNIVERSAL HEADER *************************************************************************************/

#header {
	display: block;
	width: 100%;
	height: 85px;
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 1;
	background-color: #387ac2;
}

#mainHeader{
	display: block;
	width: 960px;
	height: 100%;
	margin: 0px auto;
}

.logoSebrae{
	display: block;
	float: left;
	width: 115px;
	height: 55px;
	margin: 15px 0px;
}

.logoSebrae img{
	width: 100%;
	height: 100%;
}

.datas{
	display: block;
	float: right;
	width: 500px;
	height: 55px;
	margin: 15px 0px 15px 0px;
}

.date{
	display: block;
	float: left;
	width: 100%;
	height: 22px;
	font: normal 16px/22px Arial, Trebuchet MS, 'Tahoma', Helvetica, sans-serif;
	text-align: right;
	color: #fff;
}

.numb{
	display: block;
	float: left;
	width: 100%;
	height: 33px;
	font: bold 25px/33px Arial, Trebuchet MS, 'Tahoma', Helvetica, sans-serif;
	text-align: right;
	color: #fff;
}

/***** UNIVERSAL CONTENT *******************************************************************************/

#content {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 0;
	background-color: #e9e9e9;
}

#mainContent {
	display: block;
	width: 820px;
	height: auto;
	margin: 0px auto;
	padding: 0px 70px 70px 70px;
	position: relative;
	left: 0px;
	top: 0px;
	border-right: 3px solid #e2e2e2;
	border-left: 3px solid #e2e2e2;
	background-color: #f6f6f6;
}

.printList, .spaceLine{
	display: block;
	float: left;
	width: 100%;
	height: auto;
}

#mainContent h1{
	display: block;
	float: left;
	width: 100%;
	height: auto;
	margin: 60px 0px 40px 0px;
	font: bold 25px/34px Arial, Trebuchet MS, 'Tahoma', Helvetica, sans-serif;
	text-align: left;
	color: #485768;
}

#mainContent h1.alignCenter{text-align: center;}

#mainContent h2{
	display: block;
	float: left;
	width: 100%;
	height: auto;
	margin: 0px 0px 20px 0px;
	font: bold 18px/34px Arial, Trebuchet MS, 'Tahoma', Helvetica, sans-serif;
	text-align: left;
	color: #485768;
}

#mainContent p{
	display: block;
	float: left;
	width: 100%;
	height: auto;
	font: normal 16px/22px Arial, Trebuchet MS, 'Tahoma', Helvetica, sans-serif;
	text-align: left;
	color: #485768;
}

.list{
	display: block;
	float: left;
	width: 100%;
	height: auto;
	margin: 0px 0px 20px 0px;
}

.list li{
	display: block;
	float: left;
	width: 790px;
	height: auto;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 30px;
	font: normal 16px/22px Arial, Trebuchet MS, 'Tahoma', Helvetica, sans-serif;
	text-align: left;
	color: #485768;
	background: url(../img/bulList.png) no-repeat left 6px;
}

/***** UNIVERSAL FOOTER *************************************************************************************/

#footer {
	display: block;
	width: 100%;
	height: 200px;
	position: absolute; /* IMPORTANTE: Para ajustar a Posição do Rodapé */
	left: 0px; /* IMPORTANTE: Para ajustar a Posição do Rodapé */
	bottom: 0px; /* IMPORTANTE: Para ajustar a Posição do Rodapé */
	z-index: 1;
	background-color: #ccd;
}

#mainFooter {
	display: block;
	/*width: 100%;
	max-width: 960px;*/ /* ONLY FOR RESPONSIVITY */
	width: 960px;
	height: 100%;
	margin: 0px auto;
	background-color: #dde;
}
