@charset "utf-8";
@import url('reset.css');
/* CSS Document */

/* Tag's ------------------------------------------------------- */

body {
	background:url(../imagens/home/fundo_home.jpg) no-repeat top left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
}

	body.institucional { background:url(../imagens/institucional/fundo_inst.jpg) no-repeat top left;}
	body.produtos { background:url(../imagens/produtos/fundo_produtos.jpg) no-repeat top left;}
	body.informacoes_uteis { background:url(../imagens/informacoes-uteis/fundo_infos.jpg) no-repeat top left;}
	body.fale_conosco { background:url(../imagens/fale-conosco/fundo_fale.jpg) no-repeat top left;}

h1, h2, h3, h4, h5, h6 {
	text-transform:uppercase;
	color:#DC0000;
	margin-bottom:5px;
}

h1 {font-size:30px;}
h2 {font-size:26px;}
h3 {font-size:20px;}
h4 {font-size:22px;}
h5 {font-size:20px;}
h6 {font-size:18px;}

h3.institucional {font-size:18px; margin-top:30px;}

h3.resp {font-size:18px; margin-top:50px;}

h4.info {font-size:16px;}

h6.contato {
	text-transform:none;
	font-weight:bold;
	font-size:16px;
	margin-top:15px;
}

p {
	line-height:15px;
	margin-bottom:10px;
}

p.contato {
	font-size:20px;
	line-height:15px;
	margin-bottom:10px;
	margin-top:15px;
	clear:both;
}

p.contato a {
	color:#666666;
}

p.contato img {
	float:left;
	margin-right:15px;
}
p.contato strong {
	font-size:16px;
	font-weight:bold;
	margin-bottom:15px;
	color:#DC0000;
	display:inline-block;
}

ul {
	padding-left:0px;
	line-height:15px;
	list-style-type:disc;
}

ul.none {
			list-style-type:none;
}

ul img {
	float:left;
}

a {
	color:#DC0000;
	text-decoration:none;
}
	a:hover {
		color:#F33;
	}
	
strong { font-weight:bold; }

/* Ordem hierárquica ------------------------------------------- */


/* GLOBAL */
div#global {
	width:1005px;
	height:auto;
}
	body.home div#global { width:100%; }

/* TOPO */
div#topo {
	width:auto;
	height:60px;
	padding:30px 30px 23px;
}
	div#topo:after {
		clear: both;
		content: ".";
		display: block;
		height: 0px;
		visibility: hidden;
	}
	
	div#topo h1,
	div#topo address {
		float:left;
	}
	div#topo address {
		margin:8px 0px 0px 20px;
	}

/* PRINCIPAL */
div#principal {
	width:1005px;
	height:auto;
	margin-bottom:30px;
	clear:both;
	background:url(../imagens/layout/borda-tematicas.png) no-repeat 232px 0px;
}
	div#principal:after {
		clear: both;
		content: ".";
		display: block;
		height: 0px;
		visibility: hidden;
	}
	
	body.home div#principal { background:none; }
	
	div#menu {
		width:232px;
		height:auto;
		float:left;
		padding-top:18px;
	}
	
	div#conteudo {
		width:773px;
		height:auto;
		float:left;
		padding-top:300px;
		background:url(../imagens/institucional/tematica.jpg) no-repeat 0px 21px;
	}
	
		body.institucional div#conteudo {background:url(../imagens/institucional/tematica.jpg) no-repeat 0px 21px;}
		body.produtos div#conteudo {background:url(../imagens/produtos/tematica.jpg) no-repeat 0px 21px;}
		body.informacoes_uteis div#conteudo {background:url(../imagens/informacoes-uteis/tematica.jpg) no-repeat 0px 21px;}
		body.fale_conosco div#conteudo {background:url(../imagens/fale-conosco/tematica.jpg) no-repeat 0px 21px;}
		
		div#conteudo:after {
		clear: both;
		content: ".";
		display: block;
		height: 0px;
		visibility: hidden;
	}
	
		body.home div#conteudo { padding-top:18px; background:none; }
	
		div#banner {
			width:100%;
			height:200px;
			margin-bottom:20px;
		}
		
		div.box_30 {
			width:257px;
			height:auto;
			float:left;
		}
			div.box_30 h2 {
				margin:0px 0px 0px 10px;
			}
			
			div.box_30 p {
				padding:0px 8px;
			}
			
			div.box_30 p.destaque {
				font-size:16px;
				font-weight:bold;
				color:#DC0000;
			}
				div.box_30 p.destaque span.linha_2 {
					display:block;
					padding-top:5px;
					font-size:20px;
				}
		
		div.box_50 {
			width:47%;
			height:auto;
			float:left;
			margin-right:20px;
		}
		
		form input.text {
			width:164px;
			margin:0px 5px 10px 0px;
			padding:3px 3px 2px;
			background:#f2f2f2;
			border:none;
			font-size:14px;
			color:#dc0002;
		}
		
			form input.full { width:343px; }
		
		form select {
			width:164px;
			margin:0px 5px 10px 0px;
			padding:3px 3px 2px;
			background:#f2f2f2;
			border:none;
			font-size:14px;
			color:#dc0002;
		}
		
			form select.full { width:350px; }
		
		form input.submit {
			margin:10px 5px 0px 0px;
			padding:2px 20px;
			float:right;
			background:#dc0000;
			border:none;
			border-top:solid 1px #b80000;
			font-size:14px;
			color:#FFF;
			text-transform:uppercase;
		}
		
		form textarea {
			width:95%;
			height:160px;
			margin-right:0px 1% 10px 0px;
			padding:4px;
			background:#f2f2f2;
			border:none;
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size:14px;
			color:#dc0002;
		}
		

/* RODAPÉ */
div#rodape {
	width:auto;
	height:auto;
	margin-top:30px;
	margin-bottom:30px;
	padding:30px;
}


.clear { clear:both; }