/*========================================================================================================*/
/*========================================================================================================*/
/*     ESTE ARQUIVO CSS DEFINE APENAS OS ESTILOS UTILIZADOS NA ELABORAÇÃO DO LAYOUT DAS                   */
/*     PÁGINAS. PARA MUDAR AS PROPRIEDADES RELACIONADAS COM A FORMATAÇÃO DAS PÁGINAS, ACESSE O            */
/*     ARQUIVO "FORMATACAO.CSS".                                                                          */
/*========================================================================================================*/
/*
# ESTRUTURA PARA MONTAGEM DO LAYOUT TABLELESS
# OBEDECER ESTA SEQUENCIA PARA MONTAGEM DOS DIVS PARA NÃO GERAR MONTAGENS DE LAYOUT ERRADAS


/*========================================================================================================*/

/*** Reseta CSS p/ valores padrão ***/
*
{
	margin: 0;
	padding: 0; /*list-style:    none;*/
	vertical-align: baseline;
}

/*========================================================================================================*/
html, body
{
	height: 100%;
}

body
{
	top: 0;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	text-align: center; /*** Hack IE - Alinha página no centro da tela ***/
	background-color: #666666;
	background-image: url(../_img/bg_pagina.png);
	background-position: center top;
	background-repeat: repeat-x;
}

/*========================================================================================================*/
/*** BLOCO DA PÁGINA ***/
#LayPagina
{
	width: 970px;
	position: relative; /*Contexto de posicionamento */
	margin: 0 auto 0 auto; /*** Alinha página no centro da tela - Outros Navegadores ***/
	text-align: left; /*** Hack IE - Volta alinhamento p/ padrão à esquerda ***/
	min-height: 100%;
	background-color: transparent;
	background-image: url(../_img/bg_abamenu.png);
	background-position: center top;
	background-repeat: repeat-x;
}

* html #LayPagina
{
	height: 100%;
}

/*========================================================================================================*/
/*** CABEÇALHO ***/
#LayCabecalho
{
	width: 920px;
	height: 90px;
	vertical-align: middle;
}

#ImgLogoDash
{
	margin: 10px;
}

/*========================================================================================================*/
/*** MENU ***/
#LayMenu
{
	height: 55px;
	background-color: transparent;
	background-image: url(../_img/bg_menu.png);
	background-position: center top;
	background-repeat: repeat-x;
}

/*========================================================================================================*/
/*** IMAGEM ***/
#LayImagem
{
	width: 900px;
	height: 320px;
	margin: 10px 10px 20px 10px;
}

/*========================================================================================================*/
/*** CONTEUDO ***/
#LayCorpo
{
	margin: 0 25px;
	width: 920px;
	padding-bottom: 275px; /*** MUDAR DE ACORDO COM A ALTURA DO RODAPÉ ***/
	background-color: #EFEFEF;
	background-image: url(../_img/bg_conteudo.png);
	background-position: center top;
	background-repeat: repeat-x;
}

#LayConteudo
{
	width: 890px;
	float: left;
	margin: 10px 15px;
	text-align: justify; /*background: #CC0000;*/
}

/*========================================================================================================*/
/*** RODAPÉ ***/
#LayRodape
{
	width: 920px;
	height: 270px;
	position: absolute;
	bottom: 0;
	text-align: left;
	background-color: #CCCCCC;
	background-image: url(../_img/bg_rodape.png);
	background-position: center top;
	background-repeat: repeat-x;
	margin: 0 25px;
}
#LayRodapeCont
{
	width: 900px;
	height: 220px;
	position: relative;
	bottom: 0;
	text-align: left;
	margin: 10px; /*background-color:    #00CCCC;*/
}

#RodapeInfo
{
	float: left;
	margin: 55px 0 0 70px;
}

#RodapeContato
{
	float: right;
	margin: 45px 70px 0 0;
}

.TxtRodape
{
	float: right;
	position: relative;
	right: 20px;
	top: 8px;
}

.clear
{
	clear: both;
}



/*========================================================================================================*/
/*** LAYOUT PÁGINA INDEX ***/
#DivIndexConteudo
{
	width: 575px;
	height: 300px; /*background-color: #0000CC;*/
	float: left;
	margin: 0 5px 5px 0;
	padding: 10px;
	border-bottom: solid 2px #999999;
}

#DivIndexEvento
{
	width: 575px;
	height: 180px; /*background-color: #CCCCCC;*/
	float: left;
	margin: 5px 5px 5px 0;
	padding: 10px;
}

#DivIndexInovacao
{
	width: 575px;
	height: 130px; /*background-color: #00CC00;*/
	float: left;
	margin: 5px 5px 10px 0;
	padding: 10px;
}

#DivIndexProdutos
{
	width: 250px;
	height: 620px; /*background-color: #CCCC00;*/
	float: right;
	margin: 0 0 10px 5px;
	padding: 10px 10px 10px 20px;
	border-left: solid 2px #999999;
}


#FotosDash
{
	float: right;
	width: 260px;
	padding: 10px 0 10px 10px;
	text-align: right;
}
#FotosDash img
{
	padding: 5px 0 5px 0px;
}