/* ==========================================================================
   Geral
   ========================================================================== */
body, html
{
	height: 100%;
}

body
{
	/*background:#e6f0f7 url(../img/mobile-fundo.png) repeat-x;*/
	background-color: #C8DEE9;
	font: 12px/18px Helvetica Neue, Helvetica, Arial, sans-serif;
	margin: 0;
}

.wrapper
{
	width: 90%;
	margin: 0 5%;
	margin: 0 auto;
	position: relative;
}

a
{
	text-decoration: none;
	color: #2071AA;
}

	a:visited
	{
		color: #2071AA;
	}

	a:hover
	{
		text-decoration: none;
	}


#title a
{
	background-position: -268px -53px;
	height: 55px;
	width: 224px;
	margin-bottom: 20px;
}

#wrapper
{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -40px; /* the bottom margin is the negative value of the footer's height */
}


.bullet
{
	width: 6px;
	height: 6px;
	display: block;
	float: left;
	margin: 6px 4px 3px 3px;
	background-color: #63B046;
}

/* ==========================================================================
   Header
   ========================================================================== */
#header-container
{
	width: 100%;
	margin: 0 auto;
}

	#header-container header
	{
		border-bottom: none;
		position: static;
	}

.mobile-home #header-container
{
	background-color: transparent;
}

#header-container
{
	margin-bottom: 1em;
}

header
{
	border-bottom: 3px solid #87BC4F;
}

/* ==========================================================================
   Menu
   ========================================================================== */

#mobile-main-nav,
.mobile-noticias .noticias
{
	list-style: none;
	margin: 0;
	padding: 0;
}


	#mobile-main-nav li
	{
		margin: 5px 0;
	}

	#mobile-main-nav a
	{
		background: #E2EFF5 url(../img/seta-mobile.png) no-repeat 95% center;
		display: block;
		padding: 8px 25px;
		margin: 0;
		text-transform: uppercase;
		font-size: 16px;
	}

		#mobile-main-nav .selected, #mobile-main-nav a:active
		{
			background-color: #F4F8FB;
		}

	#mobile-main-nav .selected, #mobile-main-nav .menu:active
	{
		background: #F4F8FB url(../img/seta-mobile-aberto.png) no-repeat 95% center;
		border-bottom: solid 1px rgba(201, 201, 201, 0.5);
	}

	#mobile-main-nav a img
	{
		vertical-align: middle;
		padding: 0 25px 0 0;
	}

	#mobile-main-nav li ul
	{
		list-style: none;
		border-left: solid 5px #65B144;
		margin: 0 0 0 25px;
		padding: 0;
	}

		#mobile-main-nav li ul li
		{
			margin: 0;
		}

			#mobile-main-nav li ul li a
			{
				background: #E2EFF5 url(../img/seta-mobile-azul.png) no-repeat 95% center;
				font-size: 13px;
				border-bottom: solid 1px #65B144;
				background-color: #E1EBF0;
				padding-left: 13px;
			}

			#mobile-main-nav li ul li img
			{
				padding-right: 13px;
			}

			#mobile-main-nav li ul li a:active
			{
				font-size: 13px;
				border-bottom: solid 1px #65B144;
				background-color: #E1EBF0;
			}


/* ==========================================================================
   Footer
   ========================================================================== */
#footer-container
{
	/*background:transparent url(../img/mobile-footer.png) repeat-x left bottom;*/
	padding-top: 0;
	text-align: center;
	width: 100%;
	position: relative;
	/*margin:20px 0;*/
}

	#footer-container .versao-site
	{
		margin: 0;
		display: block;
	}

	#footer-container .link-mobile
	{
		background: transparent url(../img/rfb-access.png) no-repeat left center;
		text-indent: -100000px;
		width: 204px;
		display: block;
		position: absolute;
		left: 50%;
		margin-left: -102px;
	}

.footer, .push
{
	height: 40px; /* .push must be the same height as .footer */
}



/* ==========================================================================
   Conteudo
   ========================================================================== */

.mobile-home #title
{
	margin: 0;
	position: static;
	padding: 0;
	width: auto;
	border: none;
}

	.mobile-home #title a
	{
		border-top: 10px solid #65AF48;
		padding: 10px 2% 0;
		margin: 0 auto 10px;
		width: 183px;
		height: 47px;
		background: transparent url(../img/logo-mobile.png) no-repeat center bottom;
		right: auto;
		position: static;
	}

.divMiolo,
#rfb-main-container,
#main-container,
.wrapper
{
	min-width: 240px;
	width: auto;
	margin: 0;
}

.divMiolo,
#rfb-main-container,
#main-container
{
	padding: 0;
	width: auto;
	background: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-align: left;
	padding-bottom: 50px;
	min-height: 70%;
	position: relative;
}

h1.TituloPaginas,
h1#titulo-pagina,
h1#page-title
{
	background: transparent url(../img/bullet-titulo-mobile.gif) no-repeat left .2em;
	color: #134A83;
	margin: 0 0 .8em;
	padding: 0 0 0 14px;
	position: static;
	top: 0;
	left: 0;
	border-bottom: 1px solid #84b46f;
	font-size: 1.2em;
}

#header-container
{
	background-color: transparent;
	height: 90px;
}

h1#title a
{
	border-top: 10px solid #65AF48;
	width: 110px;
	height: 60px;
	background: transparent url(../img/logo-mobile-interna.png) no-repeat center center;
	position: absolute;
	top: 0;
	right: 8px;
}

h1#titulo-pagina,
h1#page-title
{
	margin: 30px 0 15px 0;
	background-image: none;
	border-left: solid 30px #65AF48;
	border-bottom: none;
	text-transform: uppercase;
	font-size: 12px;
	padding: 0 0 0 6px;
}

	h1#titulo-pagina span,
	h1#page-title span
	{
		text-transform: none;
		font-size: 15px;
	}

.conteudo #main-container,
.conteudo #rfb-main-container
{
	background-color: #E8EFF5;
	margin: 0px 0px 10px 0px;
	padding: 5px 13px;
	min-height:200px;
}

/* ==========================================================================
   Noticias
   ========================================================================== */

.mobile-noticias .noticias a
{
	background: #E2EFF5 url(../img/seta-mobile.png) no-repeat 95% center;
	border-bottom: 2px solid #BECFD7;
	display: block;
	margin: 0;
	padding: 10px 55px 25px 37px;
	font-weight: bold;
	line-height: 14px;
	position: relative;
	min-height: 15px;
	text-align: left;
}

	.mobile-noticias .noticias a:active
	{
		background-color: #F1F9FC;
	}

	.mobile-noticias .noticias a .data
	{
		display: block;
		font-weight: normal;
		font-style: italic;
		color: #677276;
		font-size: 11px;
		position: absolute;
		bottom: 6px;
	}


.mobile-noticias #titulo-noticia
{
	color: #1075A2;
	font-size: 14px;
	border-bottom: solid 1px #84C171;
	padding-bottom: 27px;
	position: relative;
}

	.mobile-noticias #titulo-noticia .data
	{
		display: block;
		font-weight: normal;
		font-style: italic;
		color: #677276;
		font-size: 11px;
		position: absolute;
		bottom: 1px;
		right: 6px;
	}

.mobile-noticias #maisNoticias
{
	font-size: 15px;
	margin-top: 10px;
	font-weight: bold;
	text-align: center;
	display: block;
}

/* ==========================================================================
   Agenda Tributaria
   ========================================================================== */
#agenda .Calendar, #agenda .MesCalendar
{
	/*width: 100%;*/
}

#agenda .LinksCalendar a
{
	display: none;
}

#agenda .TituloCalendar
{
	display: none;
}

#agenda .MesCalendar a
{
	margin: 0;
	float: none;
	color: #fff;
}

#agenda #legenda
{
	font-size: 12px;
	list-style: none;
	padding: 0 0 0 8px;
	position: absolute;
	width: 268px;
	left: 50%;
	margin-left: -137px;
}

	#agenda #legenda li
	{
		line-height: 20px;
		color: #82B1C5;
		float: left;
	}

		#agenda #legenda li span
		{
			width: 13px;
			height: 13px;
			display: block;
			float: left;
			margin: 3px 5px 3px 3px;
		}

	#agenda #legenda #fim-semana
	{
		min-width: 175px;
	}

		#agenda #legenda #fim-semana span
		{
			background-color: #939498;
		}

	#agenda #legenda #dia-util span
	{
		background-color: #26A9E1;
	}

	#agenda #legenda #vencimento
	{
		min-width: 175px;
	}

		#agenda #legenda #vencimento span
		{
			background-color: #38B349;
		}

	#agenda #legenda #corrente span
	{
		border: solid 1px #FB7E06;
		width: 11px;
		height: 11px;
	}

#agenda
{
	left: 50%;
	width: 305px;
	position: absolute;
	margin-left: -153px;
}

	#agenda .DiaMesCalendar
	{
		text-align: center;
	}

	#agenda .MesCalendar
	{
		border-collapse: separate;
		border-spacing: 10px 2px;
	}

		#agenda .MesCalendar tr td span
		{
			border: solid 1px #F3F3F3;
			display: block;
			background-color: #939498;
			color: white;
			font-size: 11px;
			width: 30px;
			height: 25px;
			line-height: 26px;
		}

		#agenda .MesCalendar tr td + td span
		{
			background-color: #26A9E1;
			color: #fff;
		}

		#agenda .MesCalendar .hoje
		{
			border: solid 1px #FB7E06;
		}

			#agenda .MesCalendar .hoje span
			{
				/*width:17px;*/
			}

		#agenda .MesCalendar tr td + td + td + td + td + td + td span
		{
			background-color: #939498;
			color: #fff;
		}

		#agenda .MesCalendar .DestaqueCalendar span
		{
			background-color: #38B349;
		}

		#agenda .MesCalendar td.DiaSemanaCalendar span
		{
			color: #81AE63;
			font-weight: bold;
			text-align: center;
			background-color: Transparent;
			font-size: 14px;
			border: solid 1px transparent;
		}

.agenda-calendario #titulo-pagina span
{
	text-transform: uppercase;
}

.agenda-calendario #main-container
{
	min-height: 340px;
}

#agenda h2
{
	color: #0A76A7;
	border-bottom:none;
	margin: 0;
}

#agenda #periodo
{
	font-size: 11px;
	margin-top: -5px;
}

	#agenda #periodo #bullet
	{
		width: 6px;
		height: 6px;
		display: block;
		float: left;
		margin: 6px 4px 3px 3px;
		background-color: #63B046;
	}

	#agenda #periodo #mes
	{
		font-weight: bold;
		padding-left: 5px;
	}


#agenda-interno #agenda-menu {display:none;}

#agenda-tabelas h2 {
	background: transparent url(../img/seta-agenda-mobile-fechado.png) no-repeat 8px center;
    padding:1em 1em 1em 24px;
    font-size:1.1em;
	border-bottom:none;
	margin:0;
}

#agenda-tabelas h2.aberto {
	background-image:url(../img/seta-agenda-mobile-aberto.png);
}

.agenda-bloco
{
	cursor:pointer;
}

#agenda-interno b
{
	font-weight: normal;
}

#agenda-interno .table-rfb
{
	border-collapse: separate;
	border-spacing: 2px 1px;	
	border: none;
	margin-bottom: 20px;
	width:100%;
	font-family:"Arial Narrow", Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size:1em;
	color:#677276;
}

	#agenda-interno .table-rfb th,
	#agenda-interno .table-rfb .header
	{
		background: #529dd7 !important;
		padding: 4px 10px;
		margin: 2px;
		color: #fff;
		font-size: 13px;
		font-weight: bold;
		text-align: left;
	}

	#agenda-interno .table-rfb td
	{
		padding: 4px 10px;
		margin: 2px;
		border: none;
	}

	#agenda-interno .table-rfb .odd
	{
		background: #f3f3f5;
	}

	#agenda-interno .table-rfb .even
	{
		background: #fff;
	}

#agenda-interno .table-rfb-vertical tr.odd th
{
	background: #87BCE6;
}

#agenda-interno .table-rfb-vertical tr.even th
{
	background: #529DD7;
}

#agenda-interno .table-rfb p
{
	margin-left: 0;
}

#agenda-interno .table-rfb ol
{
	padding-left: 10px;
}

#agenda-interno #table-container
{
	background-color: white;
	padding: 10px 10px 1px 10px;
}

#agenda-interno .TituloPaginas
{
	margin-bottom: 20px;
}

#agenda-interno h1 .titulo-texto-agenda { display:none; }

#voltar-agenda
{
	position: absolute;
	right: 13px;
	top: 45px;
	z-index: 10;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

/* Tecnica usada na versao anterior */
.ir
{
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
	*line-height: 0;
}

	.ir br
	{
		display: none;
	}


/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden
{
	display: none !important;
	visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden
{
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

	/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

	.visuallyhidden.focusable:active,
	.visuallyhidden.focusable:focus
	{
		clip: auto;
		height: auto;
		margin: 0;
		overflow: visible;
		position: static;
		width: auto;
	}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible
{
	visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after
{
	content: " "; /* 1 */
	display: table; /* 2 */
}

.clearfix:after
{
	clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix
{
	*zoom: 1;
}
 .app img.icone{
	float: left;
}

.app ul li,
.app ul li a{
	min-height: 40px;
}

.app ul.subgrupo li img{
	height: 30px;
	width: 30px;
}

.app ul.subgrupo li,
.app ul.subgrupo li a
{
	min-height: 25px;
}