/*----------------------------------------------------------
	CSS Reset - Normalize.css
----------------------------------------------------------*/
/*
html {
	font-family:sans-serif;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%
}
*/
body {
	margin:0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
	display:block
}

audio,canvas,progress,video {
	display:inline-block;
	vertical-align:baseline
}

audio:not([controls]) {
	display:none;
	height:0
}

[hidden],template {
	display:none
}

a {
	background:0 0
}

a:active,a:hover {
	outline:0
}

abbr[title] {
	border-bottom:1px dotted
}

b,strong {
	font-weight:700
}

dfn {
	font-style:italic
}

h1 {
	font-size:2em;
	margin:.67em 0
}

mark {
	background:#ff0;
	color:#000
}

small {
	font-size:80%
}

sub,sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}

sup {
	top:-.5em
}

sub {
	bottom:-.25em
}

img {
	border:0
}

svg:not(:root) {
	overflow:hidden
}

figure {
	margin:1em 40px
}

hr {
	/*-moz-box-sizing:content-box;*/
	box-sizing:border-box;
	height:0
}

pre {
	overflow:auto
}

code,kbd,pre,samp {
	font-family:monospace,monospace;
	font-size:1em
}
button {
	overflow:visible
}

button,select {
	text-transform:none
}
fieldset {
	border:1px solid silver;
	margin:0 2px;
	padding:.35em .625em .75em
}

legend {
	border:0;
	padding:0
}

textarea {
	overflow:auto
}

optgroup {
	font-weight:700
}

table {
	border-collapse:collapse;
	border-spacing:0
}

td,th {
	padding:0
}

/*----------------------------------------------------------
	Configurações da Página
----------------------------------------------------------*/
body{
	background:url(../arquivos/fundo_verde_header.png) repeat-x;
	font-family: Verdana;
	font-size: 62.5%; /* faz com que o padrão altere de 16px para 10px */
	font-weight: 300;
	text-align: left;
}

.corpo{
	margin: 0 auto;
	max-width:1032px; /*largura máxima do layout*/
	width: 90%; /*ajuste do layout à tela */
}

/* Classe que evita que os floats se aglomerem */
.responsivo:before, .responsivo:after {
    content: " "; 
    display: table; 
}
.responsivo:after {
    clear: both;
}

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

img, picture, video, embed {
    max-width: 100%; /*define a largura máxima em até 100%*/
    height:auto;
}

h1, h2 {
	color:#FE9380; 
	font-size: 3.3333333333em; /* 60px ÷ 18px = 3.3333333333em */
	font-weight: 800;
	line-height: 1em; /* 60px ÷ 60px = 1em */
}

p {
	font-weight: 300;
}

a, a:link, a:visited, a:active, a:visited, a:hover {
	text-decoration: none;
	font-size: 12px;
    color: #336600;
}
/*----------------------------------------------------------
	Sessão HEADER
----------------------------------------------------------*/
header {
	height:168px;
	width:100%; 
	margin-top:-1em; /* Faz subir o cabeçalho para ajustar as logos */
}

.img-eptc {
	width: 128px;
	height: 128px;
	margin-top: 3.5em;
	float: right;
}

.img-prefeitura {
	width: 128px;
	height: 128px;
	margin-top: 3.5em;
	float: left;
}

/*----------------------------------------------------------
	Sessão .CONTAINER - Conteúdo com 3 linhas
----------------------------------------------------------*/
.container {
	height: auto;
	padding:0.38759689922481%; /* 4px ÷ 1032px = 0.0038759689922481 x 100 = 0.38759689922481%  --- 4px de cada lado*/
	width:99.22480620155039%; /* 1032px ÷ 1032px = 1 x 100 = 100% .:. 100% - 0.7751937984496124% de padding (direita e esquerda) = 99.22480620155039%*/
	margin-top: 3.4em;
}
/*Por causa do padding, a largura, width, do .container passou de 1.032px para 1024px (99.22480620155039%)*/

@font-face {
	font-family: Folks;
	src: url("../fonts/Folks-Normal.eot"); /* para IE */
	src: local("Folks"), url("../fonts/Folks-Normal.ttf") format("opentype");
}

.home {
	font-family: "Roboto Condensed", sans-serif; /* Fonte original da API do Google */
	font-size: 2em;
}

	.home a {
		font-family: "Roboto Condensed", sans-serif;
		font-size: 1em;
		color: #000;
	}

.caminho {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 1.8em;
}

.separador {
	position: relative;
	top: -0.2em;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 1.4em;
	color: #336600;
	letter-spacing: -0.1em;
}

.info-area {
	width: 100%;
	height: auto;
}

.consulta {
	width: 60%;
	height: auto;
	margin-left: 20%;
	margin-right: 20%;
	border-radius: 10px 40px 10px 40px;
	box-shadow: 3px 3px 10px #CCC, 0px 0px 2px #CCC;
}

.consultarodape {
	width: 60%;
	height: 28px;
	margin-left: 20%;
	margin-right: 20%;
	/*border-radius: 40px 40px 40px 40px;
	box-shadow: 3px 3px 10px #CCC, 0px 0px 2px #CCC;
	background-color: #D7F1A7;
	/*position: relative;
	top: 0.3em;*/

}

.consultarodape h3 {
	margin-top: 0.2em;
}

.linked-lines {
	width: 60%;
	height: auto;
	margin-left: 20%;
	margin-right: 20%;
}


.table-cabecalho {
	background-color: #D7F1A7;
	height: 25px;
	border-radius: 20px 40px 0px 0px;
}
	
	.table-cabecalho h1 {
		margin-top: 0.2em;
		text-align: center;
		font-family: "Roboto Condensed", sans-serif;
		font-size: 1.4em;
		font-weight: bold;
		color: #000;
		position: relative;
		top: 0.3em;
	}
	
.table-cabecalho-no-color, .table-cabecalho-no-color-min {
	background-color: #FFF;
	height: 25px;
}
	
	.table-cabecalho-no-color h1 {
		margin-top: 0.2em;
		text-align: center;
		font-family: "Roboto Condensed", sans-serif;
		font-size: 1.8em;
		font-weight: bold;
		color: #000;
	}
	
	.table-cabecalho-no-color-min h1{
		margin-top: 0.2em;
		text-align: center;
		font-family: "Roboto Condensed", sans-serif;
		font-size: 1.5em;
		font-weight: bold;
		color: #000;
	}
	
.table-corpo {
	height: auto;
	background-color: #F6F6F6;
	border-radius: 0px 0px 10px 40px;
	border-top: 2px solid #DDD;
}

.table-line {
	height: 32px;
}

.h1Externo {
	font-family: "Roboto Condensed", sans-serif;
	text-align: left;
	font-size: 1.8em;
	color: #336600;
	margin: 0.85em 0;
	font-weight: normal;
}


#formulario {
	width: 100%;
}

.captcha-line {
	width: 100%;
	height: 49px;
}

.button-line {
	width: 100%;
	height: 42px;
}

.captcha-label {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	margin-top: 1.5em;
	float: left;
	width: 40%;
	text-align: right;
}

.lado {
	display: inline;
}

.abaixo {
	display: none;
}

.control-label {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 1.4em; /* 14px ÷ 10px = 1.4em */
	font-weight: normal;
	margin-top: 0.5em;
	float: left;
	width: 40%;
	text-align: right;
}

.control-label-center {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 1.4em; /* 14px ÷ 10px = 1.4em */
	font-weight: normal;
	margin-top: 0.5em;
	margin-left: 30px;
	float: left;
	width: 40%;
	text-align: center;
}

.control-input {
	margin-left: 0.8em;
	float: left;
	width: 25%;
	text-align: left;
}

.control-error {
	width: 30%;
	margin-left: 0.5em;
	float: left;
	text-align: left;
}

.has-error {
	font-family: "Roboto Condensed", sans-serif;
	color: #F00;
	font-size: 1.2em;
}

.blank-space {
	height: 20px;
}

.blank-space-min {
	height: 10px;
}

.control-link {
	width: 30%;
	margin-top: 1em;
	margin-left: 0.5em;
	float: left;
	text-align: left;
}

.link {
	font-family: "Roboto Condensed",sans-serif;
	font-size: 1em;
}

.button-area {
	height: 42px;
	margin-left: 0.8em;
	float: left;
	width: 50%;
	text-align: left;
}

.table-edged {
	height: auto;
	background-color: #D7F1A7;
}

.content {
	margin-left: 1.5%;
	width: 98.6%;
	height: auto;
	background-color: #FFF;
}

.line-content {
	height: auto;
	margin-left: 0.5em;
}
	.line-content p {
		margin: 0px;
		position: relative;
		bottom: 0.4em;
		left: 0.2em;
		text-align: left;
		font-family: "Roboto Condensed", sans-serif;
		font-size: 1.3em;
		font-weight: normal;
		line-height: 1.5em;
		color: #000;
	}

	
.line-content-not-found {
	height: 20px;
	margin-left: 5px;
	
}
	.line-content-not-found span {
		margin: 0px;
		position: relative;
		bottom: -3px;
		left: 2px;
		text-align: left;
		font-family: "Roboto Condensed", sans-serif;
		font-size: 1.3em;
		font-weight: bold;
		line-height: 15px;
		color: #FF0000;
	}
	
	
	
.limited {
	width: 60%;
	margin-top: 1em;
}

span.aviso {
    display: block; 
    margin: 0px 40px;
    background: #e6f5cc;
    padding: 8px 12px;    
    border-radius: 5px;        
    font-family: 'Roboto', sans-serif;
    font-size: 1.3em;
    text-align: justify;
}

input[type=text] {
	background: none repeat scroll 0% 0% #FFF;
	border-radius: 2px;
	border: 1px solid #AAA;
	height: 25px;
	width: 250px;
	line-height: 2.5em;
	font-size: 1.2em;
}

input[type=button], input[type=submit], input[type=reset] {
	background: #d7f1a7;
	font-family: 'Roboto', sans-serif;
	font-size: 1.3em;
	padding: 0.6em 1em;
	border: 0 none;
	border-radius: 0.3em;
	cursor: pointer;
	font-weight: bold;
}

#NumAI				{ width: 100px; }
#NumProcesso		{ width: 100px; }
#StrNomeRelator 	{ width: 145px; }
#captcha 			{ width: 100px; }

/*----------------------------------------------------------
	Sessão FOOTER - Rodapé com 2 colunas
----------------------------------------------------------*/
footer{
	clear:both;
	height: 50px;
	padding: 1em 0;
	width:100%; /* 1200px ÷ 1200px = 1 x 100 = 100%*/
}
.copyright{
	float:left;
	margin-left: 2.5%; /* 30px ÷ 1200px = 0.025 x 100 = 2.5%*/
}
.desenvolvedor{
	float:right;
}
.desenvolvedor figure{
	width:100%;
}


/* --- MEDIA QUERIES --- */

/* 
 *	@media screen and (max-width:1200px)
 *	@media screen and (max-width:1024px)
 *	 -- Carrega normalmente pelo padrão --
 */
 
 /* *** 800px - Tablets maiores em modo retrato *** */
@media screen and (max-width:817px) { /* somado 17px da barra de rolagem */
	.consulta {
		width: 75%;
		margin-left: 12.5%;
		margin-right: 12.5%;
	}
	
	.linked-lines {
		width: 75%;
		margin-left: 12.5%;
		margin-right: 12.5%;
	}
	
	.limited {
		width: 75%;
	}
	
	.control-input img {
		height: 36px;
	}
}

/* *** 768px - Tablets maiores em modo retrato *** */
@media screen and (max-width:785px) { /* somado 17px da barra de rolagem */
	.consulta {
		width: 75%;
		margin-left: 12.5%;
		margin-right: 12.5%;
	}
	
	.linked-lines {
		width: 75%;
		margin-left: 12.5%;
		margin-right: 12.5%;
	}
	
	.limited {
		width: 75%;
	}
}

/* *** 720px - Smartphones, como Galaxy S3, Moto X (1280x720) *** */
@media screen and (max-width:737px) { /* somado 17px da barra de rolagem */
	.consulta {
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
	}
	
	.linked-lines {
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
	}
	
	.limited {
		width: 95%;
	}
	
	.button-area {
		margin-left: 28%;
		width: 60%;
	}
}

/* *** 600px - Tablets pequenos *** */
@media screen and (max-width:617px) { /* somado 17px da barra de rolagem */
	.consulta {
		width: 85%;
		margin-left: 7.5%;
		margin-right: 7.5%;
	}
	
	.linked-lines {
		width: 85%;
		margin-left: 7.5%;
		margin-right: 7.5%;
	}
	
	.limited {
		width: 85%;
	}
	
	.captcha-label {
		margin-top: 0.9em;
	}
	
	.control-input img {
		height: 30px;
	}
	
	.button-area {
		margin-left: 25%;
		width: 60%;
	}
}

/* *** 540px - Smartphone como Sony Xperia P (960x540) *** */
@media screen and (max-width:557px) { /* somado 17px da barra de rolagem */
	.consulta {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}
	
	.linked-lines {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}
	
	.limited {
		width: 95%;
	}
	
	.button-area {
		margin-left: 22%;
		width: 60%;
	}
}

/* *** 480px - Smartphones no modo paisagem *** */
@media screen and (max-width:497px) { /* somado 17px da barra de rolagem */
	.consulta {
		width: 95%;
		margin-left: 2.5%;
		margin-right: 2.5%;
	}
	
	.linked-lines {
		width: 95%;
		margin-left: 2.5%;
		margin-right: 2.5%;
	}
	
	.limited {
		width: 95%;
	}
	
	.captcha-label {
		margin-top: 0.9em;
	}
	
	.control-input img {
		height: 30px;
	}
	
	.button-area {
		margin-left: 25%;
		width: 60%;
	}
}

/* *** 320px - Smartphones no modo retrato *** */
@media screen and (max-width:337px) { /* somado 17px da barra de rolagem */
	.img-eptc {
		width: 90px;
		height: 90px;
		margin-top: 7em;
	}

	.img-prefeitura {
		width: 90px;
		height: 90px;
		margin-top: 7em;
	}
	
	.home {
		font-size: 1.7em;
	}
	
	.separador {
		font-size: 1em;
	}
	
	.caminho {
		font-size: 1.4em;
	}
	
	.h1Externo {
		font-size: 1.6em;
	}
	
	.line-content p {
		font-size: 1.2em;
	}
	
	.consulta {
		width: 95%;
		margin-left: 2.5%;
		margin-right: 2.5%;
	}
	
	.linked-lines {
		width: 95%;
		margin-left: 2.5%;
		margin-right: 2.5%;
	}
	
	.limited {
		width: 95%;
	}
	
	.table-line {
		height: 50px;
	}
	
	.control-label {
		float: none;
		width: 100%;
		text-align: center;
		margin-top: 1em;
	}
	
	.control-label-center {
		float: none;
		width: 100%;
		text-align: center;
		margin-top: 1em;
		margin-left: 30px;
	}
	
	.control-input {
		float: none;
		width: 100%;
		text-align: center;
		margin-left: 0em;
	}
	
		.control-input img {
			height: 32px;
		}
	
	.control-error {
		float: none;
		width: 100%;
		text-align: center;
	}
	
	.captcha-label {
		float: none;
		width: 100%;
		text-align: center;
	}
	
	.lado {
		display: none;
	}

	.abaixo {
		display: inline;
		margin-left: 4.2em;
	}
	
	.control-link {
		float: none;
		width: 100%;
		text-align: center;
		margin-top: 0.3em;
		margin-left: 0em;
	}
	
	input[type=button], input[type=submit], input[type=reset] {
		font-size: 1.3em;
		padding: 0.6em 0.8em;
	}
	
	.button-area {
		margin-left: 8%;
		width: 85%;
	}
}

/* *** 240px - Smartphones como Galaxy Y (240x320) *** */
@media screen and (max-width:257px) { /* somado 17px da barra de rolagem */
	.img-eptc {
		width: 90px;
		height: 90px;
		margin-top: 7em;
	}

	.img-prefeitura {
		width: 90px;
		height: 90px;
		margin-top: 7em;
	}
	
	.home {
		font-size: 1.7em;
	}
	
	.separador {
		font-size: 1em;
	}
	
	.caminho {
		font-size: 1.4em;
	}
	
	.h1Externo {
		font-size: 1.6em;
	}
	
	.line-content p {
		font-size: 1.2em;
	}
	
	.consulta {
		width: 95%;
		margin-left: 2.5%;
		margin-right: 2.5%;
	}
	
	.linked-lines {
		width: 95%;
		margin-left: 2.5%;
		margin-right: 2.5%;
	}
	
	.limited {
		width: 95%;
	}
	
	.table-line {
		height: 50px;
	}
	
	.control-label {
		float: none;
		width: 100%;
		text-align: center;
		margin-top: 1em;
	}
	
	.control-label-center {
		float: none;
		width: 100%;
		text-align: center;
		margin-top: 1em;
		margin-left: 30px;
	}
	
	.control-input {
		float: none;
		width: 100%;
		text-align: center;
		margin-left: 0em;
	}
	
		.control-input img {
			height: 32px;
		}
	
	.control-error {
		float: none;
		width: 100%;
		text-align: center;
	}
	
	.captcha-label {
		float: none;
		width: 100%;
		text-align: center;
	}
	
	.lado {
		display: none;
	}

	.abaixo {
		display: inline;
		margin-left: 1.8em;
	}
	
	.control-link {
		float: none;
		width: 100%;
		text-align: center;
		margin-top: 0.3em;
		margin-left: 0em;
	}
	
	input[type=button], input[type=submit], input[type=reset] {
		font-size: 1.1em;
		padding: 0.4em 0.4em;
	}
	
	.button-area {
		margin-left: 6%;
		width: 100%;
	}
}