html, body, div, span, 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, b, u, i, center, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; border: none; background:transparent; }

*
{
	font-family: verdana;
}

body
{ 
	margin: 0 0 0 0;
	background: #FFFFFF url(../imagens/background.jpg) top center no-repeat;
	font-family: verdana;
	font-size: 13px;
}

#barra_topo
{
	width: 100%;
	height: 15px;
	background-color: #3371c5;
	float: left;
}

#layout
{
	width: 740px;
	margin-left: auto;
	margin-right: auto;
}

	#topo
	{
		width: 740px;
		height: 123px;
		background: url(../imagens/fundo_topo.png);
		float: left;
	}
	
		#topo #logo
		{
			width: 270px;
			height: 70px;
			position: relative;
			top: 25px;
			left: 45px;
			float: left;
		}
		
		#topo #box_cadastro
		{
			width: 145px;
			height: 100px;
			position: relative;
			right: 20px;
			top: 23px;
			float: right;
		}
		
		#topo #box_cadastro p { font-size: 12px; padding-bottom: 8px; }
		#topo #box_cadastro input { width: 110px; background: #edeeee; font-size: 11px; margin-bottom: 2px; float: left; }
		#topo #box_cadastro input.ok { width: 27px; height: 22px; background: transparent; border: none; font-size: 12px; font-weight: bold; }
		#topo #box_cadastro input:focus { outline: none; }
		
	#area_menu
	{
		width: 740px;
		height: 44px;
		background-color: transparent;
		float: left;
	}
	
		#area_menu #menu ul { list-style: none; float: left; padding: 0; margin: 0; position: relative; left: 47px;}
		#area_menu #menu ul li { list-style: none; float: left; display: inline; }
		#area_menu #menu ul li a { float: left; padding: 15px 25px 15px 25px; background-color: transparent; text-align: center; font-size: 13px; color: #000000; text-shadow: 1px 1px 1px #FFFFFF; text-decoration: none; }
		#area_menu #menu ul li a:hover { background-color: #00a2d9; color: #FFFFFF; text-shadow: none; }
		#area_menu #menu ul li a.ativo { background-color: #00a2d9; color: #FFFFFF; text-shadow: none; }
	
	#rodape
	{
		margin-top: 20px;
		width: 740px;
		height: 40px;
		float: left;
	}
	
		#rodape p
		{
			padding-bottom: 5px;
			color: #3371c5;
			text-align: center;
			font-size: 13px;
		}
		
	/**** HOME ****/	
	
	#area_banner
	{
		width: 848px;
		height: 285px;
		background: url(../imagens/banner/fundo_banner.png);
		left: -54px;
		float: left;
		position: relative;
		z-index: 2;
	}
	
		#area_banner #banner
		{
			width: 848px;
			height: 285px;
			float: left;
		}
	
		#area_banner #botoes
		{
			width: 25px;
			height: 223px;
			float: right;
			position: absolute;
			right: 15px;
			z-index: 2;
		}
		
			#area_banner #botoes ul { margin: 0; padding: 0; list-style: none; margin-top: 20px; }
			#area_banner #botoes ul li { list-style: none; margin-top: 5px; }
			#area_banner #botoes ul li a 
			{
				display: block; width: 20px; height: 15px; padding-top: 3px; text-align: center; font-size: 10px; color: #444444; font-weight: bold; background-color: #eef0f1; text-decoration: none; 
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
			}
			#area_banner #botoes ul li a:hover { background-color: #9cafba; color: #FFFFFF; }
	
	#area_info
	{
		width: 810px;
		height: 220px;
		top: -25px;
		left: -35px;
		background: url(../imagens/fundo_info.png);
		float: left;
		position: relative;
		z-index: 1;
	}
	
	#area_info .box
	{
		margin-top: 50px;
		width: 255px;
		height: 150px;
		margin-left: 15px;
		float: left;
	}
	
		#area_info .box .imagem 
		{
			width: 131px;
			height: 150px;
			float: left;
		}
		
		#area_info .box .info 
		{
			width: 124px;
			height: 150px;
			float: left;
		}
		
		#area_info .box .info h1 { font-size: 12px; color: #c40009; padding-left: 8px; padding-right: 8px; padding-bottom: 8px; }
		#area_info .box .info p { font-size: 12px; color: #c40009; padding-left: 8px; padding-right: 8px; }
		#area_info .box .info a { font-size: 12px; color: #c40009; }
	
	/**** interno ****/
	
	#area_banner_interno
	{
		width: 810px;
		height: 167px;
		left: -35px;
		float: left;
		position: relative;
	}
	
	#area_conteudo_interno
	{
		width: 810px;
		background: #e9e9e9;
		left: -35px;
		float: left;
		position: relative;
		-webkit-border-radius: 0 0 20px 20px;
		-moz-border-radius: 0 0 20px 20px;
		border-radius: 0 0 20px 20px;
	}
	
	#area_conteudo_interno #esquerda
	{
		width: 285px;
		min-height: 350px;
		float: left;
	}
	
		#area_conteudo_interno #esquerda .area_lateral
		{
			padding-top: 30px;
			padding-bottom: 20px;
			padding-left: 20px;
			padding-right: 20px;
			width: 100%;
			height: 100%;
			float: left;
		}
		
			#area_conteudo_interno #esquerda .area_lateral .box_lateral
			{
				margin-bottom: 15px;
				padding: 10px;
				width: 225px;
				min-height: 65px;
				float: left;
			}
			
				#area_conteudo_interno #esquerda .area_lateral .box_lateral .imagem_lateral
				{
					width: 69px;
					height: 69px;
					float: left;
				}
				
				#area_conteudo_interno #esquerda .area_lateral .box_lateral .info_lateral
				{
					width: 155px;
					min-height: 69px;
					float: left;
				}
			
				#area_conteudo_interno #esquerda .area_lateral .box_lateral .info_lateral h1 { font-size: 12px; color: #FFFFFF; padding-left: 8px; padding-right: 8px; padding-bottom: 8px; }
				#area_conteudo_interno #esquerda .area_lateral .box_lateral .info_lateral p { font-size: 12px; color: #FFFFFF; padding-left: 8px; padding-right: 8px; }
				#area_conteudo_interno #esquerda .area_lateral .box_lateral .info_lateral a { font-size: 12px; color: #FFFFFF; }
	
	#area_conteudo_interno #direita
	{
		width: 525px;
		background: #d4d4d4;
		min-height: 423px;
		-webkit-border-radius: 0 0 20px 0;
		-moz-border-radius: 0 0 20px 0;
		border-radius: 0 0 20px 0;
		float: left;
	}
	
		#area_conteudo_interno #direita .texto
		{
			padding-top: 20px;
			padding-bottom: 20px;
			width: 100%;
			height: 100%;
			float: left;
		}
		
			#area_conteudo_interno #direita .texto h1 { font-size: 18px; color: #00326d; padding: 5px 30px 10px 30px; }
			#area_conteudo_interno #direita .texto h2 { font-size: 14px; color: #00326d; padding: 5px 30px 10px 30px; }
			#area_conteudo_interno #direita .texto h3 { font-size: 12px; color: #00326d; padding: 5px 30px 10px 30px; }
			#area_conteudo_interno #direita .texto p {font-size: 12px; color: #00326d; padding: 5px 30px 10px 30px; }
			#area_conteudo_interno #direita .texto a {font-size: 12px; color: #00326d; }
			#area_conteudo_interno #direita .texto ul {font-size: 12px; color: #00326d; padding: 0; margin: 0; padding-left: 70px; padding-right: 30px;  }
			#area_conteudo_interno #direita .texto ul li {font-size: 12px; color: #00326d; padding: 0; margin: 0; padding-bottom: 10px; }
			#area_conteudo_interno #direita .texto input, #area_conteudo_interno #direita .texto textarea, #area_conteudo_interno #direita .texto select { width: 280px; color: #00326d; background: #FFFFFF; border: 1px solid #CCCCCC; padding: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
			#area_conteudo_interno #direita .texto input:focus, #area_conteudo_interno #direita .textotextarea:focus, #area_conteudo_interno #direita .texto select:focus { outline: none; background-color: #f6f6f6; }

			#area_conteudo_interno #direita .texto input.check
			{
				width: 20px;
			}
		
			#area_conteudo_interno #direita .texto input.botao
			{
				background-color: #00326d;
				color: #FFFFFF;
				width: 80px;
				padding: 5px;
			}
			
			#area_conteudo_interno #direita .texto #formulario label
			{
				width: 35%;
				padding-top: 7px;
				float: left;
			}
			
			#area_conteudo_interno #direita .texto  #formulario input, textarea, select { width: 270px; }
			
			#area_conteudo_interno #direita .texto #formulario input.check
			{
				width: 20px;
			}
			
			#area_conteudo_interno #direita .texto #formulario input.botao
			{
				background-color: #00326d;
				color: #FFFFFF;
				width: 80px;
				padding: 5px;
			}
			
.clear { clear: both; background: none; }