body
{
	background-color:#0F5A99;
	background-image:url(img/bg.jpg);
	background-repeat:repeat-x;
}


#home 
{
	position:absolute;
	background-image:url(img/bg_home.jpg);
	background-repeat:repeat-x;
	background-color:#1B6CAF;
	width: 770px; /* definindo 770px de largura , tornando o layout fixo */
	left: 50%;
	margin-left: -385px;
	padding: 8px;
}

html>body #home 
{ 
	width: 754px;
}


#topo 
{
	height: 146px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ffffff;
}

#topo1 
{
	margin-top: 20px;	
	float:left;
	width:155px;
	height: 116px;
	/* Logotipo */
}
	
#topo2 
{
	margin-left:7px;
	float:left;
	margin-top: 20px;	
	width:592px;
	height: 116px;
	background-image:url(img/sup01.jpg);
    /* imagem de cimadefinindo altura de 100px */
}

#menu1, #menu, #lateral 
{
	width: 155px; /* definindo 150px de largura para as divs #menu e #lateral */
	height: 334px;
	background-image:url(img/bg_menu.jpg);
	background-repeat:repeat-x;
}

#menu 
{
	width: 155px; /* definindo 150px de largura para as divs #menu e #lateral */
}

/* html>body #menu, html>body #lateral { width: 135px; height:314px; }  hack para q o FF, Opera, etc deixem o tamanho correto do layout, pois no colocando ele adicionaria + 20px aos 150px das divs, totalizando 170px, que iria bagunar o layout */


#menu1 
{
	background-image:url(img/bg_menu.jpg);
	text-align: center;
	float: left; 
}

#lateral 
{
	background-image:url(img/bg_letter.jpg);
	float: right;/* definindo float: right para a lateral, para que fique grudado  direita do contedo */
	height: 335px;
}

#lateral p
{
	font: 9.5pt Arial; 
	text-align:left;
	color:#FFFFFF;
	margin: 145 7 7 7;
} 

/* CONTEUDO */

#conteudo 
{
	width:429px;
	height:97px;
	background-color: #E9F1F7; /* como o geral est com o fundo verde, defino aqui um branco para o fundo do contedo. */
	margin-left: 159px; /* definindo margem 0 para a base e o topo e 150px para esquerda e direita */
	padding: 0; /* definindo 10px de padding */
}

html>body #conteudo
{
	margin-left: 162px;
}

#conteudo p.bemvindo
{
	font: 13.5pt Arial; 
	text-align:justify;
	margin: 25 5 5 15;
	color:#3273A8;
}

#conteudo p.apresenta
{
	display:block;
	border-left: 1px solid #BDD3E4;
	font: 8pt Verdana, Tahoma, Arial; 
	text-align:left;
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
	color:#3273A8;
}

html>body #conteudo p.apresenta 
{ 
	width: 202px;
}

#conteudo1
{
	width:428px;
	height:232px;
	margin-left: 159px; /* definindo margem 0 para a base e o topo e 150px para esquerda e direita */
	padding: 0; /* definindo 10px de padding */
	margin-top: 10px;
}

html>body #conteudo1 
{ 
	margin-left: 162px; 
}

/* CONTEUDO MENUS */

#conteudo2 
{
	background-image:url(img/bg_conteudo.jpg);	
	text-align:center;
	width:592px;
	height:50px;
	margin-left: 159px; /* definindo margem 0 para a base e o topo e 150px para esquerda e direita */
	margin-top: 5px;
}
html>body #conteudo2 
{ 
	margin-left: 162px; 
}

#conteudo2 p 
{
	font: 8pt Verdana, Tahoma, Arial; 
	text-align:justify;
	padding: 8px;
	color:#E9F1F7;
}

#conteudo2 h1 
{
	font: 12.5pt "arial"; 
	color:#ffffff;
	margin:0 0 0 15;
}


#conteudo3
{
	background-color:#EDF3F9;
	margin-top: 5px;
	width:592px;
	margin-left: 159px; /* definindo margem 0 para a base e o topo e 150px para esquerda e direita */
}

html>body #conteudo3 
{ 
	width: 592px;
	margin-left: 162px;
}

#conteudo3 p 
{
	font: 8pt Verdana, Tahoma, Arial; 
	text-align:justify;
	padding: 8px;
	color:#1B6CAF;
}

#conteudo3 .textolivre 
{
	font: 8pt Verdana, Tahoma, Arial; 
	color:#1B6CAF;
}

/* CONTEUDO MENUS */


/* FIM CONTEUDO */



#rodape 
{
	background-color:#1B6CAF;
	margin-top: 5px;
	border-top: 1px solid #ffffff;
	height: 40px; /* definindo altura de 40px */
}

#rodape2 
{
	height: 33px; /* definindo altura de 40px */
	width: 754px;
	border-top: 1px solid #4779A2;
}

#rodape2 a 
{
	margin-left: 660px;
	display:block;
	background-image:url(img/enovacao.jpg);
	height: 33px; /* definindo altura de 40px */
	width:92px;
}

#rodape2 a:hover
{
	margin-left: 660px;
	display:block;
	background-image:url(img/enovacao2.jpg);
	height: 33px; /* definindo altura de 40px */
}


a.home
{
	font: 9px "arial";
	color:#0F5A99;
	font-weight:700;
	text-decoration:none;
	border: 0;
}

a.linguas
{
	font: 9px "arial";
	color:#FFFFFF;
	font-weight:700;
	text-decoration:none;
	border: 0;
}
/* menu */

#menu ul
{
	margin:8px;
	padding:7px;
	list-style:none;
	width:124px;
}

html>body #menu ul
{
	width: 126px; margin: auto;
}

#menu li 
{
	height:27px;
}

#menu ul li a
{
	text-align:left;
	display:block;
	text-decoration:none;
	color:#0F5A99;
	padding-top: 6px;
	padding-left: 20px;
	padding-right: 4px;
	padding-bottom: 6px;
	background-color:#EDF3F9;
	border-top: 1px solid #5B91DA;
	border-left: 1px solid #5B91DA;
	border-right: 1px solid #5B91DA;
	font: 8pt "arial";
}

#menu ul li a:hover
{
	display:block;
	text-decoration:none;
	color:#0F5A99;
	padding-top: 6px;
	padding-left: 35px;
	padding-right: 4px;
	padding-bottom: 6px;
	background-color:#AFC6DB;
	background-image:none;
	font: 8pt "arial" ;
	font-weight:bold;
	background-image:url(img/bg_botao.jpg);
}

/* Fix IE. Hide from IE Mac \*/
* html #menu  ul li { float: left; }

* html #menu  ul li a { height: 1%; }
/* End */

#neve
{
	position:absolute;
	top: 0px;
	left: 665px;
	height: 323px;
	width: 155px;
	z-index:1;
}

#base 
{
	text-align:auto;
	width: 76px; /* definindo largura do elemento */
	height: 30px;
	margin-top:15px;
}

.new {
	font-size: 12pt;
	font-weight: bold;
}

.inputnew
{
	background-color:#A6C5E0;
	border: 1px solid #508EC2;
	margin:0;
	width: 125px;
	height: 16px;
	font: 8.5pt "arial";
}

.inputbotao
{
	background-color:#A6C5E0;
	border: 1px solid #508EC2;
	margin:0;
	width: 40px;
	height: 16px;
	font: 8.5pt "arial";
}

.textnomeemail {
	
	color:#FFFFFF;
	font: 8pt "arial";
}


#formcontato 
{
	width: 350px; /* definindo 150px de largura para as divs #menu e #lateral */
	height: 334px;
	border: 1px solid;
}



#conteudo3 a.1 
{
	font: 12pt "arial";
	color: #ffffff;
	display:block;
	background-color:#BCDAF4;
	text-decoration:none;
	border-bottom: 1px solid;
}

#conteudo3 a.1:hover 
{
	font: 12pt "arial";
	color: #1B6CAF;
	display:block;
	background-color:#ffffff;
	text-decoration:none;
}

#conteudo3 a.2 
{
	font: 12pt "arial";
	text-decoration:none;
}

#conteudo3 a.2:hover 
{
	font: 12pt "arial";
	text-decoration:underline;
}

html #prod
{
	font: 8pt Verdana, Tahoma, Arial; 
	text-align:justify;
	padding: 8px;
	color:#1B6CAF;
	background-color:#EDF3F9;
	margin-top: 5px;
	width:576px;
	float:left;
}

#prod h2
{
	font: 10pt Verdana, Tahoma, Arial; 
	text-align: center;
	color:#1B6CAF;
	font-weight:bold;
}

#prodleft 
{
	width:140px;
	background-color:#EDF3F9;
	float:left;
}

#lista
{
	margin-left:0px;
	padding:5px;
	text-align:left;
	float:left;
	width:140px;
	overflow:auto;
	font-size:8pt;
}

#lista ul
{
	margin-left:0px;
	padding:0px;
}

#prodright 
{
	text-align:center;
	float:left;
	width:420px;
	font: 12pt "arial";
	text-decoration:underline;
	background-color:#FFF;
	border:solid 3px;
	height:auto;
}