/* Mediaquery - Fonte: http://www.websitedimensions.com/
 * Celulares
 * 320px a 480px (menor que 768px)
 * Espaço útil: 310px a 468px (iPhone)
 */

*, :after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

html {
	height: 100%;
	font: normal 16px Verdana, Arial, Helvetica, sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}
body {
	margin: 0;
	padding: 0;
	background: #fff;
	color: #222;
	height: 100%;
	width: auto;
	font: normal 16px Verdana, Arial, Helvetica, sans-serif;
}

a {
	background-color: transparent
}
a:link, a:visited {
	color: #0000F0;
	text-decoration: none;
}
a:hover, a:focus, a:active {
	color: #0000F0;
	text-decoration: underline;
}
a:focus {
	outline-width: 5px;
	outline-offset: -2px
}

h1, h2, h3, h4, h5, h6 {
	text-align: left;
	color: #0000B0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 700;
	margin-top: 20px;
	margin-bottom: 10px;
}

h1 { font-size: 36px; margin:20px 0 10px 0; padding:5px 10px }
h2 { font-size: 30px; }
h3 { font-size: 24px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; font-style: italic; }
h6 { font-size: 16px; text-decoration: underline; }

div, td, th, p, li {
	text-align: left;
	font: normal 16px Verdana, Arial, Helvetica, sans-serif;
	color: #222;
	padding: 0;
	margin: 0;
}
p {
	margin: 0 0 10px 0;
	text-align: justify;
}
table {
	border-spacing: 0;
	border-collapse: collapse;
}
table, form {
	margin: 0;
	padding: 0;
	border-style: none;
	background-color: transparent
}

input, textarea, select, button {
	font: normal 16px Verdana, Arial, Helvetica, sans-serif;
	color: #222;
	background-color: #fff;
	border: 1px solid #222;
	border-radius: 5px;
	padding: 4px;
	margin: 4px;
}
button, input[type=button], input[type=reset], input[type=submit] {
	color: #fff;
	background-color: #0000B0;
	border: 1px solid #0000B0;
	-webkit-appearance: button;
	cursor: pointer
}
input[type=radio], input[type=checkbox] {
	background: none;
	border: none;
	padding: 0;
	width: auto;
}
input[type=color] {
	background: none;
	border: none;
	padding: 0;
	width: 50px;
}

hr {
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: 1px solid #0000B0;
	border-right: none;
	border-bottom: none;
	border-left: none;
	background-color: transparent;
}

img {
	border: none;
	vertical-align: middle;
	max-width: 100%;
	height: auto
}

b, strong {
	font-weight: 700;
}

small {
	font-size: 80%
}

big {
	font-size: 200%;
}

code, kbd, pre, samp {
	font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
}


/* ESTRUTURA
 * <div class="bloco_menu"> // bloco_menu | bloco_menu_print
 *  <div class="conteudo">
 *	<div></div>
 *  </div>
 * </div>
 * <div class="bloco_padrao"> // bloco_padrao | bloco_unico
 *  <div class="conteudo">
 *   <div class="coluna_meio"> // coluna_unica | coluna_meio | coluna_umterco | coluna_doistercos
 *	<h1></h1>
 *	<div></div>
 *   </div>
 *  </div>
 * </div>
 * <div class="bloco_rodape"> // bloco_rodape | bloco_rodape_print
 *  <div class="conteudo">
 *	<div></div>
 *  </div>
 * </div>
 */

.bloco_padrao, .bloco_unico, .bloco_menu, .bloco_menu_print, .bloco_rodape, .bloco_rodape_print {
	float: left;
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
	border: none;
	left: 0;
	top: 0;
}
.bloco_unico {
	height: 100%;
	min-height: 100%;
}

.bloco_padrao .conteudo, .bloco_unico .conteudo {
	width: 98%;
	padding: 1%;
	margin: 0;
	border: none;
}

.bloco_menu .conteudo, .bloco_menu_print .conteudo, .bloco_rodape .conteudo, .bloco_rodape_print .conteudo {
	width: 100%;
	margin: 0;
	padding: 0
}

.coluna_unica, .coluna_meio, .coluna_umterco, .coluna_doistercos, .coluna_umquarto {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	border: none;
}

.bloco_menu_print, .bloco_rodape_print {
	display:none!important
}

/* FORMULÁRIO */

.formulario{
	float: left;
	width: 100%;
	padding: 10px;
}
.formulario .mensagem, .formulario .label, .formulario .label_largo, .formulario .campo, .formulario .campo_largo {
	float: left;
	width: 100%;
	padding: 3px;
	text-align: left;
}
.formulario .botao {
	float: left;
	width: 100%;
	padding: 5px;
	text-align: center;
}
.formulario .campo, .formulario .campo_largo {
	margin-bottom: 20px;
}
.formulario .mensagem, .formulario .label, .formulario .label_largo, .formulario .campo_largo, .formulario .botao {
	clear: both;
}
.formulario .label, .formulario .label_largo {
	font-weight: 700;
}
.formulario .mensagem input,
.formulario .mensagem textarea,
.formulario .mensagem select,
.formulario .campo input,
.formulario .campo textarea,
.formulario .campo select,
.formulario .campo_largo input,
.formulario .campo_largo textarea,
.formulario .campo_largo select {
	width: 100%;
}
.formulario .mensagem input[type=radio],
.formulario .mensagem input[type=checkbox],
.formulario .label input[type=radio],
.formulario .label input[type=checkbox],
.formulario .label_largo input[type=radio],
.formulario .label_largo input[type=checkbox],
.formulario .campo input[type=radio],
.formulario .campo input[type=checkbox],
.formulario .campo_largo input[type=radio],
.formulario .campo_largo input[type=checkbox] {
	width: auto;
}

/* MENSAGENS */

.mensagem_alerta, .mensagem_bloqueado, .mensagem_erro, .mensagem_info, .mensagem_sucesso, .mensagem_validacao {
	background-position: 10px center;
	background-repeat: no-repeat;
	border-radius: 5px;
	margin: 5px 10px;
	padding: 15px 10px 15px 50px;
	border-style: solid;
	border-width: 1px
}
.mensagem_alerta {
	background-color: #feefb3;
	background-image:url('/img/mensagens/alerta.png');
	color: #9f6000;
}
.mensagem_bloqueado {
	background-color: #feefb3;
	background-image:url('/img/mensagens/bloqueado.png');
	color: #9f6000;
}
.mensagem_erro {
	background-color: #ffbaba;
	background-image:url('/img/mensagens/erro.png');
	color: #d8000c;
}
.mensagem_info {
	background-color: #bde5f8;
	background-image:url('/img/mensagens/info.png');
	color: #00529b;
}
.mensagem_sucesso {
	background-color: #dff2bf;
	background-image:url('/img/mensagens/sucesso.png');
	color: #4f8a10;
}
.mensagem_validacao {
	background-color: #ffccba;
	background-image:url('/img/mensagens/validacao.png');
	color: #d63301;
}

/* Mediaquery - Fonte: http://www.websitedimensions.com/
 * Tablets (portrait)
 * 768px a 1024px
 * Espaço útil: 750px (iPad) a 989px (-35px em desktops)
 */
@media screen and (min-width: 768px) {
	/* ESTRUTURA */
	.coluna_umquarto {
		width: 47%;
		padding: 1%;
	}
}
/* Mediaquery - Fonte: http://www.websitedimensions.com/
 * Tablets (landscape)
 * 768px a 1024px
 * Espaço útil: 750px (iPad) a 989px (-35px em desktops)
 */
@media screen and (min-width: 900px) {
	/* ESTRUTURA */
	.coluna_meio {
		width: 47%;
		padding: 1%;
	}
	.coluna_umterco {
		width: 31%;
		padding: 1%;
	}
	.coluna_doistercos {
		width: 61%;
		padding: 1%;
	}
	.coluna_umquarto {
		width: 23%;
		padding: 1%;
	}
	/* FORMULÁRIO */
	.formulario .label {
		width: 25%;
		text-align: right;
	}
	.formulario .campo {
		float: right;
		width: 75%;
		margin-bottom: 0;
	}
}
/* Mediaquery - Fonte: http://www.websitedimensions.com/
 * Computador
 * 1024px ou mais (1025px para desconsiderar iPad em landscape)
 * Espaço útil: -35px
 */
@media screen and (min-width: 1025px) {
	h1 { font-size: 24px; }
	h2 { font-size: 20px; }
	h3 { font-size: 18px; }
	h4 { font-size: 16px; }
	h5 { font-size: 14px; }
	h6 { font-size: 14px; }
	html, body, div, td, th, p, li, input, textarea, select, button {
		font-size: 14px;
	}
	/* ESTRUTURA */
	.bloco_padrao .conteudo, .bloco_unico .conteudo {
		width: 979px;
		padding: 0 15px;
		margin: 0 auto;
	}
}
@media screen and (min-width: 1210px) {
	/* ESTRUTURA */
	.bloco_padrao .conteudo, .bloco_unico .conteudo {
		width: 1170px;
		padding: 0 15px;
		margin: 0 auto;
	}
}

/* Impressão */

@media print {
	*, :after, :before {
		text-shadow: none!important;
		-webkit-box-shadow: none!important;
		box-shadow: none!important
	}
	body {
		line-height: 1.4em; word-spacing: 1px; letter-spacing: 0.2px;
	}
	a:link, a:visited {
		text-decoration: underline
	}
	a[href]:after {
		content: " (" attr(href) ")"
	}
	a[href^="javascript:"]:after, a[href^="JavaScript:"]:after, a[href^="#"]:after {
		content: ""
	}
	html, body, div, td, th, p, li, input, textarea, select, button {
		font-size: 12px;
	}
	hr, th, p, li {
		page-break-before: auto;
	}
	h1, h2, h3, h4, h5, h6 {
		page-break-before: auto;
		page-break-inside: avoid;
		page-break-after: avoid;
	}
	tr {
		page-break-inside: avoid;
	}
	img {
		page-break-inside: avoid;
		max-width: 100%!important;
	}
	/* ESTRUTURA */
	.conteudo {
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.naoimprimir {
		display: none!important;
	}
	.bloco_menu_print, .bloco_rodape_print{
		display: block!important;
	}
	.bloco_menu, .bloco_rodape{
		display: none!important;
	}
}