html,body,.pageLayout {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: white;
	/*background-color: #5D819B;*/
	color: #FFFFFF;
	height: 100%;
	margin: 0;
	padding: 0;
	border: none;
	min-width: 250px;
}

body.metro {
	/*background-color: #5D819B;*/
	height: 100%;
}
.metro .tile-area .tile-area-title {
	position: absolute !important /*para o header da Home não ficar fixo ao rolar a página*/;
}
.pageLayout {
	position: relative; /* needed for footer positioning*/
	margin: 0 auto; /* center, not in IE5 */
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treaded as min-height*/
	min-height: 100%; /* real browsers */
	margin-bottom: -100px;
	
}

.pageHeader {
	padding: 18px 20px 10px 0px;
	background-color: #5D819B;
	/*
	background-image: url("../img/split.png");	 
	background-repeat: repeat-x;
	background-position: 100px 86px;
	*/
	min-height: 140px;
	/*border-bottom: 1px solid #c9d9f4;
	box-shadow: 0px 1px 5px #93b3c9;*/
}
.metro .tile-area { /*alinhar o header no topo da página*/
	/*padding:50px 80px 0 80px!important;*/
	padding:0!important;
}
.pageBody {
	/*padding: 20px;*/
	padding-bottom: 20px; 
	color: gray;
}
#container-home {/* criado para organizar a Home*/
	clear:both;
	background-color: #FFFFFF;	
	min-height: 100%;
	margin-bottom: -90px;/* necessario para rodape nao ficar fixo */
	position: relative;
}
.clearfooter { /* class necessaria para rodape nao ficar fixo */
	height: 90px;
	clear: both;
}
.metro .tile-group:first-child {
	margin-left: 10%!important;
}
.metro .tile .brand .label{
	font-size: 90%!important;
}
.img-header{
	min-width: 60px;
	min-height: 60px;
	position:relative;
	margin:10px;
	vertical-align: middle;
}
.text-header{
	top:0;
	padding:0;
	margin: 5px 5px 0px 0px;
	float: left;
}

.img-header-home{
	min-width: 60px;
	min-height: 60px;
	position:relative;
	margin:10px;
}
.header-home{
	top:0;
	padding:5px 0px 0px 0px;
	margin: -5px;
}

body.metro .pageFooter { 	
	padding:1%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	bottom: 0; /* stick to bottom */
	left: 0;
	background-color: #5D819B;
	color: #FFFFFF;
	border-top: 1px solid #EEEEEE;
	box-shadow: 0px -1px 3px darkGray;
	height:100px;
	position: relative;
	z-index: 1;
}
.pageFooter b {
	text-align: center;	
	z-index: 3;
}

.pageFooter img {
	float: left;
	padding: 0 5px 0 5px;
}

body.home .pageFooter {
	padding:1%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align: center;
	bottom: 0; /* stick to bottom */
	left: 0;
	background-color: 5D819B;
	color: #FFFFFF;
	border-top: 1px solid #EEEEEE;
	box-shadow: 0px -1px 3px darkGray;
	height:90px;
	position: relative;
	z-index: 1;
}

.site {
	font-weight: bold;
	color: #FFFFFF!important;
}

image,img {
	border: 0px;
}

.img-border{
	border: 1px double #FFFFFF;
}

input[type=text],input[type=password],textarea,select {
	float: left;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 2px;
	padding-right: 2px;
	margin: 2px 0 10px 0;
	border: solid 1px #AAAAAA;
}

input[type=text]:focus,input[type=password]:focus,select:focus,textarea:focus {
	background-color: #FFFFCE;
	background: #FFFFCE !important;
	border: solid 1px #FF8040;
	color: black;	
}

input[type=checkbox] {
	width: 20px;
	height: 20px;
	margin-left: -1px;
	color: red;
}

input[type=submit],input[type=button],input[type=reset] {
	width: 160px;
	font-size: 12px;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 20px;
	padding: 2px;
}

textarea{
	resize: none;	
}
h1 [class*="icon-"] {
	text-decoration: none;
	padding: 2%;
	
}

/* Título - Web */
.logo{
	text-align: left;
}
.logo a{
  width: 428px;
  height: 70px;
  background: url(../img/logo.png) no-repeat center;
  background-size: contain;
  display: inline-block;
  text-indent: -9999px;
  overflow: hidden;
}
.subtitulo-header{
	font-size: 1.6em;
}
.bs-callout{
	min-width: 200px;
}
.metro .tile-group .tile-group-title{
	top:10%;
	
}
.maiuscula{
	text-transform:uppercase;
}
.metro .stepper > ul li.current {
  background-color: #60a917!important;
}
.form-group {
  margin-bottom: 10px;
}
/* Estilos do edit (mensagens de validação) */
.value {
	padding-top: 2px;
	padding-bottom: 2px;
}
.error {
	padding: 3px;
}
.errors {
	color: #FF0000;
	vertical-align: middle;
}
img.errors {
	padding-right: 5px;
}
.errors input, .errors textarea, .errors select {
	border: 1px solid red !important;
}

.required {
	color: #FF0000;
	padding-left: 2px;
}

.nota{
	font-style:italic!important;
	font-weight: bold!important; 
}
/*Situacao RG*/
.metro .identidade{
	background-color: #004E7F!important;
}
.metro .identidade1{
	background-color: #00568C!important;
}
.metro .identidade2{
	background-color: #003E65!important;
}
.bs-callout-identidade1 {
    border-left-color: #00568C!important;
}
.bs-callout-identidade2 {
    border-left-color: #003E65!important;
}
/*Situacao RG*/
.metro .avaliacoes{
	background-color: #000000!important;
}
.situacao-rg{
	position:relative;
	/*width: 30%;*/
	min-width: 110px;
	padding-right: 0px;
  	padding-left: 0px;
}
.situacao-rg-header{
	color: #FFF!important;
	font-size: 1.6rem!important;
	text-align: center;
}
#situacao-rg-cancelado{
	margin-left:-13px;	
}

.metro .stepper > ul li{
	margin-left: -28px;	/* alinhamento dos elementos do componente */
	font-size: 11pt!important;
}

/*Mandado de Prisao*/
.metro .mandado{
	background-color:#D0191D!important;
}
.metro .accordion{
	min-width: 250px;	
}
#accordion-mandado{
	color:#FFF;
}
/*Acidente de Transito*/
.metro .transito{
	background-color:#669933!important; 
}
.metro .transito1{
	background-color:#557F2B!important; 
}
.metro .transito2{
	background-color:#3B591E!important; 
}
.metro .transito3{
	background-color:#6EA638!important; 
}
.bs-callout-transito {
    border-left-color: #669933!important;
}
.bs-callout-transito1 {
    border-left-color: #557F2B!important;
}
.bs-callout-transito2 {
    border-left-color: #3B591E!important;
}
.bs-callout-transito3 {
    border-left-color: #6EA638!important;
}
/*Emite 2  Via de RG*/
.metro .segunda{
	background-color: #3399FF!important;
}
 .bs-callout-segunda {
    border-left-color: #3399FF;
}
.rich-table {
	width: 100%;
}
/*Consulta Situação Veiculo*/
.metro .veiculo{
	background-color: #006600!important;
}
.bs-callout-veiculo {
    border-left-color: #006600;
}
.veiculoOk{
    background-color: green!important;
}
 
.veiculoRoubado{
    background-color: red!important;
}
/*Emissao antecedentes*/
.metro .antecedente{
	background-color: #E66E0D!important;
}
.metro .antecedentes1{
	background-color: #DF8250!important;
}
.metro .antecedentes2{
	background-color: #ff8746!important;
}
.bs-callout-antecedentes {
    border-left-color: #E66E0D!important;
}
.bs-callout-antecedentes1 {
    border-left-color: #DF8250!important;
}
.bs-callout-antecedentes2 {
    border-left-color: #E66E0D!important;
}
/*Consulta Unidades*/
.metro .unidades{
	background-color: #990066!important;
}
.bs-callout-unidades {
    border-left-color: #990066!important;
}

/*Opinioes e Sugestoes*/
.metro .sugestoes{
	background-color: #CC6666!important;
}
.bs-callout-sugestoes {
    border-left-color: #CC6666!important;
}
.metro .sugestoes1{
	background-color: #8C4646!important;
}
.bs-callout-sugestoes1 {
    border-left-color: #8C4646!important;
}
.metro .sugestoes2{
	background-color: #B25959!important;
}
.bs-callout-sugestoes2 {
    border-left-color: #B25959!important;
}
/* Delegacia Virtual*/
.metro .delegacia{
	background-color: #2E2E5A!important;
}

/*Pre Cadastro */
.button-rg{
	margin: 10px!important;	
}

.pre-registro{
	background-color: #CC9900!important;
}
table[id$="decCampoSexo:sexo"]{
	margin-bottom:10px;
}

label[for$="decCampoSexo:sexo:0"], [for$="decCampoSexo:sexo:1"] {
	display: inline!important;
    margin-right: 20px;
    vertical-align: middle;
}

table[id$="campoTipoSolicitacao:solicitacao"]{
	margin-bottom:10px;
}

label[for$="campoTipoSolicitacao:solicitacao:0"], [for$="campoTipoSolicitacao:solicitacao:1"] {
	display: inline!important;
    margin-right: 20px;
    vertical-align: middle;
}

table[id$="campoNacionalidade:nacionalidade"]{
	margin-bottom:10px;
}

label[for$="campoNacionalidade:nacionalidade:0"], [for$="campoNacionalidade:nacionalidade:1"] {
	display: inline!important;
    margin-right: 20px;
    vertical-align: middle;
}

#formBotoes a:hover, #formBotoes a{
	color: white;
	text-decoration: none;
	font-size: 16px;
}
	
.painelDescricao{
	float:left;
	width:270px;
	min-height: 270px;
	border: 1px solid #CCC;
	border-radius: 10px;
	padding: 9px;
	margin: 8px;	
}
.painelDescricao > * {
	text-align: center;
}
.painelDescricaoGrande{
	float:left;
	width:270px;
	min-height: 340px;
	border: 1px solid #CCC;
	border-radius: 10px;
	padding: 9px;
	margin: 8px;	
}
.painelDescricaoGrande > * {
	text-align: center;
}
.descricaoServico{
	text-align: justify;
	color:gray;
	font-size: 14px;
}
.labelServico{
	color:#FFF;
	font-size: 16px;
}
.painelPortaria{
	float:left;
	border: 1px solid #CCC;
	border-radius: 10px;
	padding: 5px 8px;
	margin: 8px 30px;
}
.titulo{
	text-align: center;
    line-height: 22px;
    font-size: 16px;
    font-weight: bold!important;
}
/*Certidão de Antecedentes Criminais*/
.imagemBotao{
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	line-height: 210px;
}

.iconAntecedentes1{
	background-image: url('../img/docCertidao.png');
}

.iconAntecedentes2{
	background-image: url('../img/checkOk.png');
}

#formBotoes a:hover, #formBotoes a{
	color: white;
	text-decoration: none;
	font-size: 16px;
}
#divAgruparTipoNatAcPol td{
	display: inline-flex;
	align-items: center;
	margin-right: 10px;
}
#divAgruparTipoNatAcPol label{
	margin: 1px 0px 0px 3px;
}
/*Canal Comunicacao*/
.iconSugestoes1 {
	background-image:url('../img/avaliacao.png');
}

.iconSugestoes2 {
	background-image:url('../img/ouvidoria.png');
}

/*====Titulo Portal Cidadão====*/
	/* Custom, iPhone Retina */
	@media only screen and (min-width : 320px) and (max-width: 479px){
 		.logo a{
		  width: 288px;
		}
		.subtitulo-header{
			font-size: 1.0em;
		}
		.form-control {
 			font-size: 11px!important;
		}
		.metro ul, .metro ol {
			margin-left: 0px; 
			font-size: 9pt;
		}
		body.metro .pageFooter {
			height: 149px;
		}
		body.home .pageFooter {
			height: 148px;
		}
		.pageFooter img {
			float: none;
			padding: 0 5px 5px 5px;
		}
	}
 
	/* Extra Small Devices, Phones */
	@media only screen and (min-width : 480px) and (max-width: 767px){
		.logo a{
		  width: 328px;
		}
		.subtitulo-header{
			font-size: 1.2em;
		}
		.form-control {
 			font-size: 10px!important;
		}
		.metro ul, .metro ol {
			margin-left: 0px; 
			font-size: 9pt;
		}
		body.metro .pageFooter {
			height: 148px;
		}
		.pageFooter img {
			float: none;
			padding: 0 5px 5px 5px;
		}
	}
 
	/* Small Devices, Tablets */
	@media only screen and (min-width : 768px) and (max-width: 991px){
		.logo a{
		  width: 428px;
		}
		.subtitulo-header{
			font-size: 1.4em;
		}
		.metro ul, .metro ol {
			margin-left: 0px; 
			font-size: 9pt;
		}
		.pageFooter img {
			float: none;
			padding: 0 6px 5px 6px;
		}
	}
 
	/* Medium Devices, Desktops */
	@media only screen and (min-width : 992px) and (max-width: 1199px){
 		.logo a{
		  width: 428px;
		}
		.subtitulo-header{
			font-size: 1.2em;
		}
		.metro ul, .metro ol {
			margin-left: 0px; 
			font-size: 9pt;
		}
		.pageFooter img {
		    padding: 0 20px 0 20px;
		}
	}
 
	/* Large Devices, Wide Screens */
	@media only screen and (min-width : 1200px){
		.logo a{
		  width: 428px;
		}
		.subtitulo-header{
			font-size: 1.6em;
		}
		.metro ul, .metro ol {
			margin-left: 0px; 
			font-size: 10pt;
		}
		.metro .item-title-secondary {
			font-size: 10pt;
		}
	}

/*====Containers====*/
/* LG Optimus */ 
@media only screen and (max-width: 213px){
	.container {
		width: 200px!important;
	}
	.metro ul, .metro ol {
		margin-left: 0px; 
		font-size: 9pt;
	}
	.metro .item-title-secondary {
		font-size: 10pt;
	}
}
/* iPhones 6*/ 
@media only screen and (min-width: 375px) and (max-width: 667px) and (-webkit-min-device-pixel-ratio: 2) { 
	.container {
	  width: 100%!important;
	}
	.metro ul, .metro ol {
		margin-left: 0px; 
		font-size: 9pt;
	}
	.metro .item-title-secondary {
		font-size: 10pt;
	}
}
/* Sony Experia*/
@media only screen and (max-width: 1024px) {
	.container {
	  width: 100%!important;
	}
	.metro ul, .metro ol {
		margin-left: 0px; 
		font-size: 10pt!important;
	}
	.metro .item-title-secondary {
		font-size: 10pt;
	}
}
/*Tabela responsiva segunda via dar*/
@media screen and (max-width: 767px){
	.table-responsive {
		border:none;
	}
}

.classBlock {
	background-color: whitesmoke;
	text-align: center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0.70;
	z-index: 998;
	border-style: none;
	position: fixed;
}

.progressBar {
	z-index: 999;
	border-style: none;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-right: 10px;
}

.statusMessage {
	background-color: #FF4040;
	padding: 5px;
	padding-left: 20px;
	padding-right: 20px;
	font-weight: bold;
	float: right;
}