﻿/*
* ##### CSS RESET #####
* Limpeza de estilos para o CrossBrownsing
* ------------------------------------------------------------------------------------------- */
*{margin:0; padding:0; list-style:none;}
a:focus {outline:1px dotted #CC3300; filter: Alpha(Opacity=40); -moz-opacity: 0.4; opacity: 0.4;}
 

/*
 * ##### ESTILOS BÁSICOS #####
 * Estrutura para as classes chaves do Portal - Utilizadas para Ajustes
 * ------------------------------------------------------------------------------------------- */
/*Definições diretas no HTML*/
html {height:100%;}
img {border:0px;}
a {color:#576f85; text-decoration:none; outline:none;}
h1, h2, h3, h4, p, div, span {font-family:"Trebuchet MS", Tahoma, Verdana, Arial;}
h1, h2, h3, h4{color:#FF0000;}
body {
	background: url(../imagens/bg.jpg) top center repeat-y;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	height:100%;
}
input[type=hidden] {display:none !important;}
.puff{position:absolute; left:-30000000px;}

/* Classes Gerais do Site */
.backGroundImage {background-image:none !important;}
.backGroundColorTransp {background-color:transparent !important;}
.backGroundColorFFF {background-color:#fff !important;}
.border0px {border:0px !important;}
.bgTransparente {background-color:Transparent !important; background-image:none !important;}
.clearBoth {clear:both !important;}
.color000 {color:#000 !important;}
.colorFFDE00 {color:#ffde00 !important;}
.displayNone {display:none !important;}
.displayBlock {display:block !important;}
.floatLeft {float:left !important;}
.floatRight {float:right !important;}
.floatNone {float:none;}
.fontSize10px {font-size:10px !important;}
.fontSize11px {font-size:11px !important;}
.heightAuto {height:auto !important;}
.height60px {height:60px;}
.height250px {height:250px;}
.height400px {height:400px;}
.margin0px {margin:0px !important;}
.marginAuto {margin:0 auto !important;}
.marginBottom5px {margin-bottom:5px !important;}
.marginBottom10px {margin-bottom:10px;}
.marginBottom20px {margin-bottom:20px;}
.marginLeft15px {margin-left:30px !important;}
.marginLeft30px {margin-left:30px !important;}
.marginLeft60px {margin-left:60px !important;}
.marginLeft100px {margin-left:100px !important;}
.marginLeft150px {margin-left:150px !important;}
.marginRight10px {margin-right:10px !important;}
.marginRight15px {margin-right:15px !important;}
.marginTop5px {margin-top:5px;}
.marginTop10px {margin-top:10px;}
.marginTop20px {margin-top:20px !important;}
.marginTop30px {margin-top:30px;}
.padding0px {padding:0px !important;}
.padding10px {padding:10px !important;}
.paddingBottom5px {padding-bottom:5px !important;}
.paddingBottom30px {padding-bottom:30px !important;}
.padding01px00 {padding:0 1px 0 0 !important;}
.paddingTop30px {padding-top:30px !important;}
.paddingRight20px {padding-right:20px !important;}
.textAlignCenter {text-align:center !important;}
.textAlignRight {text-align:right !important;}
.textAlignLeft {text-align:left !important;}
.textAlignJustify {text-align:justify !important;}
.textDecorationNone {text-decoration:none !important;}
.widthAuto {width:auto !important;}
.width60px {width:60px !important;}
.width120px {width:120px !important;}
.width240px {width:240px !important;}
.width260px {width:260px !important;}
.width320px {width:320px !important;}
.width340px {width:340px !important;}
.width420px {width:420px !important;}
.width600px {width:600px !important;}
.concatenaCampo {float:left; margin:0 !important; padding-bottom:10px !important; margin-right:15px !important;}
.naoConcatenaCampo {clear:both; display:block; margin:0 !important;  padding-bottom:10px !important; height:auto;}
.verticalAlignMiddle {vertical-align:middle;}

/*
* ##### Estrututra #####
* ------------------------------------------------------------------------------------------- */
/****** Header ******/
#header {width:999px; height:118px; background:url(../imagens/header.jpg) top center no-repeat;}
/* background:url(../imagens/logogrgintra.gif) left bottom no-repeat;  */
#header h1 a {width:350px; height:71px;	text-indent:-6000px; margin:10px 0 10px 15px; float:left;}
#header img.itemComemorativo {display:none;}
#header .navComplementar {background:transparent url(../imagens/bgMenuTop.png) top right no-repeat !important; width:520px; height:19px; float:right; list-style:none; padding:0 !important; text-align:right;}
#header .navComplementar li {display:inline; margin:0px 11px 0 27px;  /*background-color:#ccc;*/ }
.ie9 #header .navComplementar li {display:inline; margin:2px 13px 0 27px; position:relative; top:2px; }

#container {
	position: relative;
	background:transparent url(../imagens/bg_conteudo.jpg) left top repeat-x; 
	width:999px; 
	margin:auto; 
	padding:0px;
	min-height: 100%;
}

/****** Menu Horizontal - SuperFishMenu ****/
.NavPrincipal, .NavPrincipal * {margin:0; padding:0; list-style:none;}
.NavPrincipal li {
	float:left; 
	position:relative; 
	border-left:1px solid #fff; 
}
.NavPrincipal ul {
	position:absolute; 
	display: none; 
	left: 0;
	z-index: 99;
	top:27px !important; 
	width:188px; 
	background-color:#fff; 
	border-width:0px; 
	border-bottom:1px solid #ccc; 
	border-right:1px solid #ccc;
	border-bottom-right-radius:5px; 
	border-bottom-left-radius:0px;
}
.NavPrincipal > li {
	float: left;
}
.NavPrincipal li:hover > ul, 
.NavPrincipal li.sfHover ul {
	display: block;
	left:0px; 
	top:2.5em; /* match top ul list item height */ 
	z-index:99;
}
.NavPrincipal a {
	display:block;	
	position:relative; 
	color:#fff; 
	font-weight:bold; 
	padding:7px 12px 7px 12px;
}
.NavPrincipal ul ul {
	top: 0;
	left: 100%;
}
/** MENU SKIN **/
.NavPrincipal {float: left;margin-bottom: 1em;line-height:1.0; border-top:1px solid #fff; position:relative; z-index:999;}
.NavPrincipal ul {
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	min-width: 12em; /* allow long menu items to determine submenu width */
	*width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
/*
.NavPrincipal li {
	background: #BDD2FF;
	white-space: nowrap; /* no need for Supersubs plugin *//*
	*white-space: normal; /* ...unless you support IE7 (let it wrap) *//*
	-webkit-transition: background .2s;
	transition: background .2s;
}
.NavPrincipal ul li {
	background: #AABDE6;
}
.NavPrincipal ul ul li {
	background: #9AAEDB;
}
.NavPrincipal li:hover,
.NavPrincipal li.sfHover {
	background: #CFDEFF;
	/* only transition out, not in *//*
	-webkit-transition: none;
	transition: none;
}

.NavPrincipal li:hover {visibility:inherit; /* fixes IE7 'sticky bug' *//*}

.NavPrincipal li li {padding:0px; border-width:0px;  float:none;}
.NavPrincipal a ul li a:hover {color:#666 !important;}
.NavPrincipal li li:hover, .NavPrincipal li li.sfHover {background-color:#f4f4f4; outline:0;}
.NavPrincipal li ul li a {color:#3879B9 !important; display:block; padding:8px 12px !important; line-height:1.3em !important;}
.ie .NavPrincipal a {display:block;	position:relative; color:#fff; font-weight:bold; padding:7px 12px 7px 11px;}
.ie7 .NavPrincipal a {display:block;	position:relative; color:#fff; font-weight:bold; padding:7px 12px 7px 11px;}
.ie8 .NavPrincipal a {display:block;	position:relative; color:#fff; font-weight:bold; padding:7px 12px 7px 11px;}
.mozila .NavPrincipal a {display:block;	position:relative; color:#fff; font-weight:bold; padding:7px 12px 7px 12px;}
.android .NavPrincipal a {display:block;	position:relative; color:#fff; font-weight:bold; padding:7px 13px 7px 12px;}
.webkit .NavPrincipal a {display:block;	position:relative; color:#fff; font-weight:bold; padding:7px 13px 7px 12px;}
.chrome .NavPrincipal a {display:block;	position:relative; color:#fff; font-weight:bold; padding:7px 12px 7px 12px;}
.win.safari .NavPrincipal a {display:block;	position:relative; color:#fff; font-weight:bold; padding:7px 12px 7px 12px;}
*/
/*** LOADER ***/
.loader {
	position		: fixed;
	left			: 50%;
	top				: 50%;
	width			: 120px;
	height			: 120px;
	margin-left		:-60px;
	margin-top		:-60px;
	border			: 16px solid #f3f3f3;
	border-radius	: 50%;
	border-top		: 16px solid #3498db;
	-webkit-animation: spin 2s linear infinite;
	animation		: spin 2s linear infinite;
	display			: none;
	z-index			: 2000;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/****** Espaço de Login ******/
/* #headlogin {position:absolute; float:right; width:300px; height:46px; margin-top:30px; right:500px;} */
#headlogin {float:right; clear:right; width:300px; height:46px; margin-top:15px; margin-right:300px; z-index: 0;}

/****** Espaço de Pesquisa *******/
#pesquisar {float:right; clear:right; background: transparent url(../imagens/bkg_pesquisar.png) left top no-repeat;	width:199px; height:46px; margin-top:-40px;	margin-right:5px; z-index: 0;}
.btnPesquisar {position:relative; left:3px; float:left;}
.inputPesquisar {width:132px; border:none; height:18px !important; padding:2px 3px !important; float:right; font-size:12px !important; font-family:Trebuchet MS !important; color:#666 !important; background-color:Transparent !important; margin:12px 21px 0 0 !important; border-width:0px !important;}
.ie7 .inputPesquisar {margin-right:7px !important;}
#ckbListPesq { border:1px solid blue !important;}
.spanMensagem{ clear:both; color:#ffffff; display:none;}

/****** Content (Miolo do Site) ******/
#content {background:url(../imagens/bg_conteudo.jpg) left top repeat-x; width:987px; padding:15px 0 0 10px; min-height:604px;padding-bottom: 40px;}
#contentCentral, .contentCentral {width:970px !important;}
#central, .central {float:left; width:725px; margin:0 0 0 0;}
#sidebar {float:right; width:235px; margin:0 10px 0 0;}

/****** Footer ******/
/* Estrutura - Footer */
#footer {position: absolute;float:left; width:999px; background-color:#5d96c1; padding:10px 0 10px 0; margin:10px 0 2px 0; clear:both; bottom:0;}
#footer h4{ font-size:13px; margin-left:15px; float:left; width:170px; padding:6px 0px; color:#fff; }
#footer address{ *width:800px; font-size:11px;font-style:normal; float:left; color:#fff;}
#footer p {clear:left; color:#fff; text-align:center; width:999px; border-top:1px solid #8eb6d4; padding:10px 0 10px 0; position:relative !important; top:10px;}
/* Menu Footer */
.MenuFooter {
	padding: 10px 20px;
	clear: both;
	display: block;
	height: 200px;
	padding-bottom: 30px;
	margin-bottom: 20px;
	border-bottom: 1px solid #8eb6d4;
}
.MenuFooter ul {display:block;}
.MenuFooter ul li {color:#ffde00; position:absolute; font-size:13px; margin-bottom:0px; width:220px;}
.MenuFooter ul li a {color:#fff; font-size:12px;}
.ie7 .MenuFooter ul li a {color:#fff; font-size:12px; }
.ie9 .MenuFooter ul li a {display:block; color:#fff; font-size:12px; padding:3px 0; line-height:14px !important;}
.MenuFooter ul li a:hover {color:#2c5b7e; font-size:12px;}
.MenuFooter ul li .AspNet-Menu-Link {color:#ffde00 !important; cursor:default;}
.MenuFooter ul li .AspNet-Menu-Link:hover {color:#ffde00; cursor:default;}
.MenuFooter ul li ul {margin:5px 0 10px 0;}
.MenuFooter ul li li {position:static;}
/* Posicionamento listas Footer - Sempre Ajustar */ 
.FooterLi1 {margin:0;}
.FooterLi2 {
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 600;
}
/*.ie9 .FooterLi2 {margin:240px 0 0 0;} */ 
/*.FooterLi2 {margin:230px 0 0 0;} */  
.FooterLi3 {margin:0 0 0 245px;}
.FooterLi4 {margin:178px 0 0 245px;}
.FooterLi5 {margin:0 0 0 490px;}
.FooterLi6 {margin:165px 0 0 490px;}
.FooterLi7 {margin:0 0 0 735px;}
.FooterLi8 {margin:120px 0 0 735px;}

/* Modal */
.modalBackground {filter: Alpha(Opacity=40); -moz-opacity: 0.4; opacity: 0.4; width: 100%; height: 200%; min-height: 200%; background-color: #999999; position: absolute; z-index: 500; top: 0px;  left: 0px; float: left;}
/*
.modalHome {border:1px solid #AED0EA; background:url(../imagens/avisoIE6.png) top no-repeat; background-color:#ffffff; z-index:505; position:absolute; height:420px; width:720px; top:50%; left:50%; margin-top:-210px; margin-left:-350px; z-index:9999; display:none;}
*/
.divCarregando {width:250px; background:#fff; border:1px solid #bfd9f0; height:50px; position:fixed; text-align:center; left:50%; top:50%; margin-left:-125px; margin-top:-50px; z-index:999999;}
#dialog-mask, .modalBackground {position:fixed; top:0; left:0; height:100%; width:100%; z-index:1000 !important; background:#0F496F !important;	opacity:.8; filter:alpha(Opacity=80); -khtml-opacity: .6;}
#dialog {position:fixed; width:100%; z-index:2000 !important; display:block;}
* html #dialog {/*ie6 hack*/ position:absolute; margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');	top:50% !important;}
* html #dialog-mask {/*ie6 hack*/ position: absolute; height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#dialog-body {background:#fff url(../imagens/bg_conteudo.jpg) repeat-x; display:block; padding:15px; border:1px solid #bfd9f0;}
.dadosUnidades {display:block; width: 788px; height: 450px; overflow: auto; overflow-x: hidden; border-bottom: 1px solid #e5e5e5;}

/* Estilo do ToolTip  */
.linktoolTip {cursor:pointer; display:block; float:left; clear:both;}
.linktoolTip:hover {cursor:pointer; color:#333 !important;}
.tooltip {background:#fff url(../imagens/bg_conteudo.jpg) left top repeat-x; display:none; border:1px dashed #c7c5c5; border-right:1px solid #c7c5c5; border-bottom:1px solid #c7c5c5; height:300px; padding:20px; width:700px; overflow:hidden; overflow-y:scroll;}



/*
* ##### Página Inicial #####
* Estrutura do Portal da AGU
* ------------------------------------------------------------------------------------------- */
/* ID para o Container da Home */
#containeHome {padding:20px 0 0 12px; display:block; min-height:750px;}
/* Box - Acesso Rápido */
#atalhos {padding:10px 0 0 12px; background:#fff top left no-repeat; border:0px!important; width:230px !important; height:120px; }
.ie7 #atalhos {padding:10px 0 0 12px; background:#fff top left no-repeat; margin-top:-5px !important; border:0px!important; width:230px !important; height:120px; }
#atalhos ul li {margin:3px 0 9px 10px; padding-left:20px; background:transparent url(../imagens/setaLink.gif) 0px 5px no-repeat; }
.ie7 #atalhos ul li {margin:4px 0 11px 10px; padding-left:20px; background:transparent url(../imagens/setaLink.gif) 0px 5px no-repeat;}
.ie8 #atalhos ul li {margin:5px 0 12px 10px; padding-left:20px; background:transparent url(../imagens/setaLink.gif) 0px 5px no-repeat;}
.ie9 #atalhos ul li {margin:5px 0 12px 10px; padding-left:20px; background:transparent url(../imagens/setaLink.gif) 0px 5px no-repeat;}
#atalhos ul li a {font-size:1.1em; color:#4f4f4f; line-height:1.2em;}
#atalhos ul li a:hover {color:#e5f2fb;}

/* Box rktkmedio */
#rktkmedio {padding:10px 0 0 12px; background:#fff top left no-repeat; border:1px!important; width:230px !important; height:230px; }
#rktkmedio ul li {margin:6px 0 3px 10px; padding-left:10px;color:#000000;}

/* Box - Rádio Brasil */
#aguBrasil {background:#fff top left no-repeat; border:0px; width:216px !important; height:164px;}
.ie8 #aguBrasil {Background: filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f6f5f5'); height:132px; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f6f5f5)); background: -moz-linear-gradient(top,  #fff,  #f6f5f5);}
#aguBrasil .imgRadio {margin-top:10px;}
#aguBrasil .radioAguAjustes {margin-top:15px;}
/* Box - Ultimas Notícias */
.ultimasNoticias {
	background: #fff top left no-repeat;
	border: 0px !important;
	width: 500px !important;
	height: 250px;
	overflow: hidden;
}
.ultimasNoticias h2 {margin-bottom:0px !important;}
.ultimasNoticias ul li {border-bottom:1px dotted #b3b3b3; clear:both;}
.ultimasNoticias ul li a {display:block; padding:8px 5px 12px 0px; min-height:58px;}
.ie7 .ultimasNoticias ul li a {display:block; padding:7px 5px 10px 0px; min-height:58px; padding-right:5px;}
.ultimasNoticias ul li a:hover {display:block; padding:8px 5px 12px 0px; min-height:58px; background-color:#e5f2fb;}
.ie7 .ultimasNoticias ul li a:hover {display:block; padding:7px 5px 10px 0px; min-height:58px; background-color:#e5f2fb;}
.ultimasNoticias ul li a h3 {display:block; color:#000; font-size:13px; margin:5px 0 2px 0; height:20px; overflow:hidden;}
.ie7 .ultimasNoticias ul li a h3 {display:block; color:#000; font-size:13px; margin:12px 0 2px 0; height:20px; overflow:hidden;}
.ie9 .ultimasNoticias ul li a h3 {display:block; color:#000; font-size:13px; margin:5px 0 2px 0; height:16px; overflow:hidden;}
.ultimasNoticias ul li a p {color:#006bb0; line-height:16px; font-size:12.6px !important; height:35px; overflow:hidden;}
.ie7 .ultimasNoticias ul li a p {color:#006bb0; line-height:16px; font-size:13px !important; height:35px; overflow:hidden;}
.ie9 .ultimasNoticias ul li a p {color:#006bb0; line-height:18px; font-size:12.6px !important; height:35px; overflow:hidden;}
.ultimasNoticias ul li a img {background-color:#000; width:75px; height:62px; float:left !important; margin:2px 10px 0 0;}

/* Box - Em breve nas lojas */
.boxEmBreve {
	background: #fff top left no-repeat;
	border: 0px !important;
	width: 965px !important;
	height: 300px;
	overflow: hidden;
}
/* Box - Próximos Eventos */
#proximosEventos {
	/*
	background: #fff url(../imagens/FundoSite/fundoEventos.jpg) top left no-repeat;
	*/
	background: #fff;
	border: 0px;
	height: 250px;
	overflow: hidden;
}
#proximosEventos h2 {margin-bottom:0px;}
#proximosEventos ul li {border-bottom:1px dotted #b3b3b3; clear:both;}
#proximosEventos ul li a {display:block; padding:5px 5px 5px 0px; min-height:70px;}
.ie7 #proximosEventos ul li a {display:block; padding:5px 5px 5px 0px; min-height:70px;}
.ie7 #proximosEventos ul li a:hover {display:block; padding:5px 5px 5px 0px; min-height:70px; background-color:#e5f2fb;}
#proximosEventos ul li a:hover {display:block; padding:5px 5px 5px 0px; min-height:70px; background-color:#e5f2fb;}
#proximosEventos ul li a span {width:90px; padding:0px 0; display:block; height:65px; float:left; font-size:13px; color:#4f4f4f; line-height:13px; font-weight:bold; background-color:#b7dbfc; text-align:center; margin:2px 10px 0 0;}
#proximosEventos ul li a p {color:#006bb0; line-height:15px; font-size:12.6px; padding:8px 0 0 0; height:53px; overflow:hidden;}
.ie7 #proximosEventos ul li a p {color:#006bb0; line-height:15px; font-size:13px !important; padding:8px 0 0 0; height:53px; overflow:hidden;}
.ie9 #proximosEventos ul li a p {color:#006bb0; line-height:18px; font-size:12.6px; padding:3px 0 0 0; height:53px; overflow:hidden;}
     
/********** Classes da Home *************/
/* Caixas da Home */
.boxVideos {
	display:block; 
	margin:0 0px 0 0; 
	/* width:230px; */
}
.boxVideos .box {display:block; margin:0 0 12px 0;}
.box {
	display:block; 
	background-color:#fff; 
	margin:0 0x 12px 0; 
	border:1px solid #CC3300 ; 
	padding:5px; 
	font-size:12px !important;
}
.box h2 {
	font-size: 12px !important;
	color: #0000FF !important;
	padding: 0 0 7px 0;
	margin-bottom: 9px;
	border-bottom: 4px solid #CC3300;
	text-transform: uppercase;
	line-height: 13px;
}
.box h2 span {
	color: #CC3300 !important;
}
.box .btnPlus {position:absolute; margin-top:-18px;}
.boxCinza h2 {border-bottom:4px solid #4f4f4f; color:#5c5b5b;}
.boxCinza h2 span {color:#000 !important;}
/* Botão Plus */
.btnPlusW1 {margin-left:205px;}
.btnPlusW2 {margin-left:455px;}
/* Tamanhos Box */
.boxW1 {width:180px;}
.boxW2 {width:460px;}
.boxW3 {width:727px;}
.boxW4 {width:952px; clear:both;}
.boxW1Banner {display:block; width:187.6px; height:98px;}  
.boxLateral {display:block; width:214px; height:150px; margin-bottom:10px !important; border-right:1px solid #ccc !important;}     
/* Banners Home */
#bannerAcessoInformacao {margin-bottom:10px;}
#bannerConhecaAGU {position:relative;}


/*
 * ##### ESTILOS PARA O CYCLE #####
 * Estilo do Cycle do Portal (Conteúdo Legado e Novos)
 * ------------------------------------------------------------------------------------------- */
#noticiaCapa {padding:0px !important; border:0px; border-top:1px solid #c7c5c5;  border-bottom:1px solid #c7c5c5; display:block !important; margin-bottom:17px;}
/* Componente Cycle - Jquery */
.destaqImagem {width:727px; height:365px; text-align:center; background-color:transparent; overflow:hidden;}
.destaqImagem img {width:727px;}
.destaqTransp {background-color:#fff; opacity:0.85; -moz-opacity:0.85; filter:alpha(opacity=80); width:727px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; height:60px; display:block; position:absolute; margin-top:305px;}
.destaqText {width:540px; height:30px !important; overflow:hidden; padding:10px; display:block; position:absolute; z-index:99; margin-top:300px;}
.destaqTextConteudo {height:70px; padding:3px 0px;}
.destaqTextConteudo a h3 {display:block; font-size:15px !important; height:20px; line-height:14px; color:#333; font-weight:bold; margin-right:20px;}
.destaqTextConteudo a h4 {font-size:11px; color:#000; font-weight:bold; display:none !important;}
.destaqTextConteudo a p {line-height:1.3em !important; font-size:13px; color:#666666 !important;}
.navCycle {width:110px; position:absolute; z-index:99; margin:340px 0 0 570px;}
.ie7 .navCycle {width:155px; position:absolute; margin:340px 0 0 570px;}
.navCycle .navCycleNum {width:115px; display:block; float:left; }
.navCycle .navCycleNum a{width:15px; margin-right:8px; text-indent:-20000px; text-align:center; margin-top:2px; float:left; background:transparent top left no-repeat; }
.navCycle .navCycleNum a.activeSlide {width:15px; margin-right:8px; text-indent:-20000px; text-align:center; margin-top:2px; float:left; background:transparent top left no-repeat;}
.navCycle .navCycleNum a:focus {width:15px; margin-right:8px; text-indent:-20000px; text-align:center; margin-top:2px; float:left; background:transparent top left no-repeat;}
/* Redes Sociais */
.twitterRss {text-align:center; width:25px; display:block; margin:15px 0 0 693px; position:absolute; z-index:99;}
.twitterRss a {margin-bottom:14px !important; width:23px; height:23px;}
.twitterRss a img {width:23px; height:23px;}
/*
.twitterRss a.linkFacebook {background: url(../imagens/iconFacebook.png) top left no-repeat;}
.twitterRss a.linkFlickr {background: url(../imagens/iconFlickr.png) top left no-repeat;}
.twitterRss a.linkTwitter {background: url(../imagens/iconTwitter.png) top left no-repeat;}
.twitterRss a.linkRss {background: url(../imagens/iconRss.png) top right no-repeat;}
*/
/* Botões Pay e Pause da Capa Home */
.playCycle, .pauseCycle {cursor:pointer; margin:335px 0 0 690px !important; position:absolute; z-index:99;}
.ie7 .playCycle, .pauseCycle{cursor:pointer; margin:0 0 7px 1px;}



/*
 * ##### ESTILOS PARA O UNIDADES #####
 * Estilo Páginas de Unidades da AGU
 * ------------------------------------------------------------------------------------------- */
/* Topo Unidades */
.topUnidade {background:#4a9ddc url(../imagens/bgTitUnidades.jpg) repeat-x top left; margin:0 10px 15px 0; padding:10px; color:#fff; border:1px solid #499cdb;}
.ie .topUnidade {background:#4a9ddc url(../imagens/bgTitUnidades.jpg) repeat-x top left; margin:0 10px 15px 0; padding:8px 10px; color:#fff; border:1px solid #499cdb;}
.topUnidade h2 {font-size:1.3em;}
.topUnidade span {font-size:1.1em;}
.topUnidade a {font-size:1em; float:right; color:#fff; text-decoration:underline;}
.ie7 .topUnidade a {font-size:1em; float:right; color:#fff; text-decoration:underline; margin:-25px 10px 0 0;}
/* Conteúdo Central das Unidades */ 
.centralUnidades #materia .topUnidade {margin:0 0 15px 0 !important; }
.centralUnidades #materia .topUnidade h2 {font-size:1.4em; color:#fff; border:0px; padding:0px; margin:0px;}
.centralUnidades #materia .topUnidade h2 span {color:#fff;}
.centralUnidades #materia .topUnidade h4 {font-size:1.1em; color:#fff;}
.centralUnidades #materia .lblLegendaImagem {/*display:none !important;*/}
.centralUnidades #materia .divImagem {margin:20px 0 !important;}
.centralUnidades #materia .divImagem input[type=image] {width:200px !important;}
.centralUnidades .subMenuConteudo {display:block; clear:both; margin-bottom:20px;}
.centralUnidades .subMenuConteudo li:last-child {border-right:0px solid #4a9ddc;}
.centralUnidades .subMenuConteudo li {float:left; list-style:none !important; border-right:1px solid #4a9ddc; margin:0px !important;}
.centralUnidades .subMenuConteudo li a {padding:3px 10px; text-align:center;}
.centralUnidades .subMenuConteudo li a:hover {color:#666 !important;}
/* Menus Laterais */
#navLateral, .navLateral {display:block; width:214px !important; float:left; padding:0px; border:0px; background-color:Transparent;}
#navLateral h2, .navLateral h2 {margin-bottom:0px; }
#navLateral ul li, .navLateral ul li {border-bottom:1px dashed #b4b6b8; color:#e5f2fb; display:block; clear:both; padding:3px 0; margin:0px !important; line-height:1.2em;}
#navLateral ul li img, .navLateral ul li img {margin:5px 5px 10px 0;  float:left;}
#navLateral ul li ul, .navLateral ul li ul  {margin:0 0 0 13px !important; display:block;}
#navLateral ul li ul li, .navLateral ul li ul li {border-bottom:0px dashed #b4b6b8; display:block; color:#666;}
#navLateral ul li b, .navLateral ul li b  {color:#e5f2fb; display:block; padding:3px 0; display:block; outline:none; cursor:default !important; font-weight:normal !important;}
#navLateral ul li a, .navLateral ul li a  {color:#e5f2fb; display:block; padding:3px 0; display:block;}
#navLateral ul li a:hover, .navLateral ul li a:hover {color:#000;}
#navLateral ul li li b, .navLateral ul li li b  {color:#666; display:block; padding:0; outline:none; cursor:default !important; font-weight:normal !important;}
#navLateral ul li li a, .navLateral ul li li a{color:#666; display:block; padding:0px;}
#navLateral ul li li a:hover, .navLateral ul li li a:hover {color:#000;}
/* Miolo da Página de Unidades */
.centralUnidades {width:505px !important;}
/* Notícias Capa da Unidade */
.central #mancheteUnidade {width:505px;}
.central .destaqImagem {width:505px; height:240px; margin-bottom:15px;}
.central .destaqImagem img {width:505px;}
.central .destaqTransp {position:absolute; margin-top:178px; width:505px; height:61px;}
.central .navCycle {margin:210px 0 0 350px;}
.central .destaqText {width:325px; margin-top:168px;}
.central .destaqTextConteudo {height:100px; padding:5px 0px;}
.central .destaqTextConteudo a {text-decoration:none !important;}
.central .destaqTextConteudo a h3 {height:15px; margin:0px !important; overflow:hidden;}
.central .destaqTextConteudo a p {height:36px; overflow:hidden; font-size:1.1em !important;}
.central .playCycle, .central .pauseCycle {margin:205px 0 0 470px !important;}
.central .twitterRss {margin:10px 0 0 470px;}
.central .twitterRss a {margin-bottom:5px !important;}
.ie7 .central .twitterRss a {margin-bottom:0px !important;}
.central .btnPlusW2 {margin-left:475px;}
/* Notícias da Unidade */
.noticiasUnidade {/*background:#fff url(../imagens/FundoSite/bgUltNoticiasUnid.png) top left no-repeat; border:0px;*/ width:484px; height:auto; overflow:hidden; padding-bottom:0px !important;}
.noticiasUnidade h2 {margin:0px !important; padding-top:0px !important; font-size:12px !important; color:#5c5b5b !important; border-bottom:4px solid #e5f2fb !important; text-transform:uppercase; line-height:13px;}
.noticiasUnidade h2 span {color:#e5f2fb !important;}
.noticiasUnidade ul {margin-top:0px !important;}
.noticiasUnidade ul li {border-bottom:1px dotted #b3b3b3; clear:both; margin:0px !important; list-style:none !important;}
.noticiasUnidade ul li a {display:block; padding:8px 5px 12px 0px !important; text-decoration:none !important; min-height:58px;}
.noticiasUnidade ul li a:hover {display:block; padding:8px 5px 12px 0px; min-height:58px; background-color:#e5f2fb;}
.noticiasUnidade ul li a img {background-color:#000; width:75px; height:62px; float:left; margin:2px 10px 0 0;}
.noticiasUnidade ul li a h3 {color:#000; font-size:13px; margin:5px 0 2px 0; height:20px; overflow:hidden;}
.noticiasUnidade ul li a p {color:#006bb0; line-height:16px; font-size:12.6px !important; height:35px; overflow:hidden; margin-bottom:0px !important;}


/*
 * ##### ESTILOS BARRA LATERAL #####
 * Estilos da Barra lateral da Páginas da Unidade (New)
 * ------------------------------------------------------------------------------------------- */
/* Capa Sidebar */
#destaqueCapaLateral {background-color:#fff !important; height:170px !important; width:235px; s}
#destaqueCapaLateral .destaqImagem {width:235px; height:118px; margin-bottom:15px;}
#destaqueCapaLateral .destaqImagem img {width:235px;}
#destaqueCapaLateral .destaqTransp {margin-top:95px; width:235px; height:22px;}
#destaqueCapaLateral .navCycle {margin:100px 0 0 65px;}
#destaqueCapaLateral .destaqText {width:180px; height:30px !important; margin-top:118px;}
#destaqueCapaLateral .destaqTextConteudo {width:180px; height:50px; padding:3px 0px;}
#destaqueCapaLateral .destaqTextConteudo a h3 {font-weight:normal; display:none;}
#destaqueCapaLateral .destaqTextConteudo a p {display:block; height:35px; width:180px; overflow:hidden; margin:0px !important; color:#000 !important; font-size:13px;}
#destaqueCapaLateral .playCycle, #destaqueCapaLateral .pauseCycle {margin:140px 0 0 202px !important;}
#destaqueCapaLateral .twitterRss {display:none;}
/* Notícias e Eventos da Sidebar */
#sidebar .ultimasNoticias, #sidebar #proximosEventos {height:194px !important;}
/* BarraLateral Ajustes */
#sidebar #conteudosCentrais {background:#4a9ddc url(../imagens/bgTitUnidades.jpg) repeat-x top left; text-align:center; width:213px; font-weight:bold; margin:0 10px 10px 0; padding:10px; color:#fff; border:1px solid #499cdb;}
#sidebar #destaqueCapaLateral {background:#fff url(../imagens/FundoSite/bgCapaSideBar.png) top left no-repeat !important; border:0px !important; height:172px !important; width:236px !important;}
#sidebar #ultimasNoticias {background:#fff url(../imagens/FundoSite/bgUltNoticiasSideBar.png) top left no-repeat !important; border:0px !important; width:216px !important;}
#sidebar #proximosEventos {background:#fff url(../imagens/FundoSite/bgUltNoticiasSideBar.png) top left no-repeat !important; border:0px !important; width:216px !important;}
#sidebar #videoEscola {background:#fff url(../imagens/FundoSite/bgTVEscola.png) top left no-repeat !important; border:0px !important; width:216px !important;}
#sidebar #aguBrasil {background:#fff url(../imagens/FundoSite/bgTVEscola.png) top left no-repeat !important; border:0px !important; width:216px !important; height:165px !important;}
#sidebar #videoEscola {border:0px; background-image:none !important;}

/*
 * ##### ESTILOS PÁGINAS DE NOTÍCIAS #####
 * Estilos da Página de Notícias (New)
 * ------------------------------------------------------------------------------------------- */
/* Compartilhar Notícias */
.divCompartilharNoticias {width:136px; float:right;}
.divCompartilharNoticias a {float:right;}
.divCompartilhadores {width:220px; float:right;}
.divCompartilhadores label {float:left; margin-top:6px; margin-right:0px !important;}
.divCompartilhadores a {float:right; margin-left:5px;}
.divCompartilharNoticias {width:136px; float:right;}
.divCompartilharNoticias a {float:right;}
/* Alterar Tamanho da Fonte */
#bntTamFont {width:105px; float:right; margin-right:10px; padding-left:10px; margin-bottom:5px;}
#bntTamFont label{float:left; margin:6px 0px 6px 0px; clear:both;}
#bntTamFont a {float: right; width: 25px; margin-left: 3px; cursor:pointer;}
/******** Estrutura das Matéria do Site *********/
#materia, .central {color:#272727; font-size:12px !important; line-height:1.6em;}
#materia h2, .central h2 {display:block; color:#e5f2fb !important; padding:0 0 5px 0; font-size:1.5em; border-bottom:0px solid #4f4f4f; margin-bottom:10px;} 
#materia h3, .central h3  {display:block; color:#e5f2fb; padding:0 0 5px 0; font-size:1.5em; border-bottom:0px solid #4f4f4f; margin-bottom:10px;}
#materia h4, .central h4 {display:block; color:#4f4f4f; font-weight:normal; font-size:0.9em;}
#materia h5, .central h5 {display:block; color:#666; font-weight:bold; font-size:1.2em;}
#materia .divImagem, central .divImagem {text-align:center; margin-bottom:20px;}
#materia .divImagem input[type=image], .central .divImagem input[type=image] {width:300px; margin:0px !important; padding:0px !important; border-width:0px !important;}
#materia .divImagem .lblLegendaImagem, .central .divImagem .lblLegendaImagem {display:block; background-color:#e2e2e2; font-weight:bold; color:#4f4f4f; width:390px; margin:0px auto; padding:5px;}
#materia #mudaFonte, .central #mudaFonte {font-size:1.1em; color:#272727; line-height:1.7em;}
#materia a, .central a {color:#e5f2fb; text-decoration:underline;}
#materia p, .central p {display:block; margin-bottom:20px; font-size:12px !important;}
#materia ul, .central ul {margin:10px 0;}
#materia ul li, .central ul li {list-style-type:circle; margin-left:30px;}
#materia .imgfloat, .central .imgfloat {clear:none !important; float:left !important; margin-bottom:15px; margin-left:0; margin-right:15px; margin-top:0;}
/****** Itens Relacionados as Notícias, Eventos e Outros ******/
.itenRelacionados {display:block; margin:20px 0 10px 0; padding-bottom:0px; clear:both;}
.itenRelacionados h3 {font-size:12px !important; color:#5c5b5b !important; padding:0 0 7px 0; margin-bottom:0px !important; border-bottom:4px solid #e5f2fb !important; text-transform:uppercase; line-height:13px;}
.itenRelacionados h3 span {color:#e5f2fb !important;}
.itenRelacionados h3 {font-size:12px !important; color:#5c5b5b !important; padding:0 0 7px 0; margin-bottom:0px !important; border-bottom:4px solid #e5f2fb !important; text-transform:uppercase; line-height:13px;}
.itenRelacionados h3 span {color:#e5f2fb !important;}
.itenRelacionados ul {margin:0px !important;}
.itenRelacionados li {border-bottom:1px dotted #b3b3b3; clear:both; list-style:none !important; margin:0px !important;}
.itenRelacionados li p {padding:10px 5px !important; margin-bottom:0px !important; line-height:1.2em;}
.itenRelacionados li:last-child {border-bottom-width:0px;}
.itenRelacionados li a {display:block; padding:5px 5px; text-decoration:none !important;}
.itenRelacionados li a img {margin:0 10px 0 5px; position:relative; top:3px;}
.itenRelacionados li a:hover {color:#666; background-color:#f9f9f9 !important; text-decoration:none;}
.itenRelacionados li input[type=image] {display:inline; margin:5px; text-align:center;}
/* Lista de Downloads Relacionados*/
dl.listaDownload {display:block; background-color:#fff; margin:0 0 12px 0; border:1px solid #c7c5c5; padding:10px; font-size:12px !important; padding-bottom:0px; clear:both;}
dl.listaDownload dt {font-size:12px !important; color:#5c5b5b; font-weight:bold; padding:0 0 7px 0; border-bottom:4px solid #e5f2fb; text-transform:uppercase; line-height:13px;}
dl.listaDownload dt span{color:#e5f2fb !important;}
dl.listaDownload dd {border-bottom:1px dotted #b3b3b3; clear:both; list-style:none !important; margin:0px !important;}
dl.listaDownload dd:last-child {border-bottom-width:0px;}
dl.listaDownload dd a {display:block; padding:5px 5px; text-decoration:none !important;}
dl.listaDownload dd a:hover {color:#666 !important; background-color:#f9f9f9; text-decoration:none !important;}
dl.listaDownload dd img {float:left; margin:7px 10px 0 5px; display:block;}
/* Imagens Relacionadas */
.imagensRelacionadas {padding-bottom:10px !important;}
.imagensRelacionadas h3 {margin-bottom:5px!important;}
.imagensRelacionadas input[type=imagem] {margin:10px 10px 0 5px;}
/* Controle de PDF */
.adobeacrobat {text-align:center !important; display:block; padding:0px 10px; line-height:1.3em; color:#666 !important; font-size:10px !important;}
.adobeacrobat a {color:#ff0000 !important;}
/************** Lista de Consulta ATOS E PARECERES **************/
ul.itensLista li {display:block  !important; list-style:none; width:225px !important; background-color:#5faadf; float:left !important; margin:2px 2px 0 0 !important; padding:0px !important;}
ul.itensLista li:nth-child(odd) {background-color:#4a9ddc;}
ul.itensLista li a {display:block; padding:5px 10px; width:204px !important; height:18px; color:#fff !important; text-decoration:none !important; overflow:hidden !important;}
ul.itensLista li a:hover {color:#ffff00 !important;}
/*Imagem da Notícia*/
#modalImgNoticia {background-color:Transparent !important; padding:0px; margin:0px; position: relative; z-index: 7;}
#modalImgNoticia .noticiaImg {text-align:center; background-color:Transparent !important; width:600px; padding:0px; margin:0px; position: relative; z-index: 8;}
#modalImgNoticia p {background: none repeat scroll 0 0 #DDDDDD; display: block; display: block; margin-top: 0; position: fixed; text-align: center; top: 443px; width: 600px; height: 57px; z-index: 9;}






/*
 * ##### ESTILOS FORMULÁRIOS #####
 * Estilos dos Formulários 
 * ------------------------------------------------------------------------------------------- */
/* Estrutura */
fieldset {display:block; padding:10px 20px 15px 20px; border:1px dotted #ccc; background-color:#fdfdfd; margin:20px 0;}
.ie7 fieldset, .ie8 fieldset {display:block; padding:10px 20px 15px 20px; border:1px dotted #ccc; background-color:transparent; margin:20px 0;}
fieldset legend {border:1px solid #ccc; padding:3px 15px; font-size:1em; font-weight:bold !important; background-color:#fff;}
.ie7 fieldset legend, .ie8 fieldset legend {border:1px solid #ccc; padding:3px 15px; margin-bottom:10px; font-size:1em; font-weight:bold; background-color:#fff;}
fieldset label {display:block; /*font-weight:bold;*/ font-size:1em; margin-right:10px; color:#1d4674;}
label {display:block; font-size:1em; font-weight:bold; margin-right:10px; color:#33abe8; /*cursor:pointer;*/}
/* Inputs, TextAreas - Campos de Entrada */
textarea, input[type=text], input[type=password] {padding:3px; font-size:12px!important; border-top:1px solid #ced0d5; border-right:1px solid #a8aab2; border-bottom:1px solid #acadb3; border-left:1px solid #ced0d5; margin-right:0px;  background-color:#fff; border-radius:3px;}
textarea:focus, input[type=text]:focus, input[type=password]:focus {border-top:1px solid #6bd2f3; border-right:1px solid #40aed1; border-bottom:1px solid #40aed1; border-left:1px solid #6bd2f3;}
textarea:hover, input[type=text]:hover, input[type=password]:hover {border-top:1px solid #6bd2f3; border-right:1px solid #40aed1; border-bottom:1px solid #40aed1; border-left:1px solid #6bd2f3;}
textarea {display:block !important;}
/* Selects */
select {padding:1px 1px 1px 1px; font-size:12px!important; border-top:1px solid #ced0d5; border-right:1px solid #a8aab2; border-bottom:1px solid #acadb3; border-left:1px solid #ced0d5; margin-right:0px; background-color:#fff; border-radius:3px;}
select:focus {border-top:1px solid #6bd2f3; border-right:1px solid #40aed1; border-bottom:1px solid #40aed1; border-left:1px solid #6bd2f3;}
select:hover {border-top:1px solid #6bd2f3; border-right:1px solid #40aed1; border-bottom:1px solid #40aed1; border-left:1px solid #6bd2f3;}
input[disabled], input[readonly], select[disabled], select[readonly], checkbox[disabled], checkbox[readonly], textarea[disabled], textarea[readonly] {background-color:#ffffff !important; color:#999;}

/* Ajustes dos Botões no formulários */
.formulario .btnPadrao {float:left; font-family:"Trebuchet MS", Tahoma, Verdana, Arial; font-size:1em; font-weight:bold;  background-color:#4a9ddc; padding:5px 15px 4px 15px; display:block; color:#fff !important; text-align:center; border:1px solid #458fc7; text-decoration:none !important; border-radius:3px; margin-right:10px;}
.formulario .btnPadrao:hover {font-family:"Trebuchet MS", Tahoma, Verdana, Arial; font-size:1em; font-weight:bold;  background-color:#5faadf; padding:5px 15px 4px 15px; display:block; color:#ffff00; text-align:center; border:1px solid #458fc7; text-decoration:none; border-radius:3px; cursor:pointer;}
/* Auto Complete Ajustes */
.ui-autocomplete {max-height:155px; overflow-y:auto; overflow-x:hidden; font-size:1em!important; border:1px solid #999!important; border-right:2px solid #999!important; border-bottom:2px solid #999!important; top:-2px;}
li.ui-menu-item a {font-size:.8em!important;}
.ui-autocomplete-loading {background:transparent url(../IMG/downloadAutoComplete.gif) 99% center no-repeat !important;}
/* RadioButtonList */
.RadioButtonList {position:relative; top:-3px; left:-8px;}
.RadioButtonList tr td input[type=radio] {float:left; margin:9px 0 0 9px;} 
.RadioButtonList tr td label {margin:7px 20px 0 5px; font-size:1em; color:#000; min-width:50px !important; font-weight:normal; float:left;}
/* RadioButtonList Sozinho */
.RadioButtonListUnico {position:relative; top:-3px; left:-11px;}
.RadioButtonListUnico tr td input[type=radio] {float:left; margin:9px 0 0 9px;} 
.RadioButtonListUnico tr td label {margin:7px 0px 0 5px; font-size:1em; color:#000; min-width:0px !important; font-weight:normal; float:left;}
/* CheckBoxList */
.CheckBoxList {margin-left:-10px;}
.CheckBoxList tr td input[type=checkbox] {float:left; margin:9px 0 0 9px;} 
.CheckBoxList tr td label {margin:7px 20px 0 7px; font-size:1em; color:#000; min-width:50px !important; font-weight:normal; float:left;}
/* CheckBox Sozinho */
ul.listCheckBoxUnico {margin:0px; list-style:none;}
ul.listCheckBoxUnico li {margin:0px; list-style:none; display:inline;}
ul.listCheckBoxUnico li .CheckBoxUnico label { position:relative; top:-1px;}
.CheckBoxUnico input[type=checkbox]{float:left;}
.CheckBoxUnico label {float:left; margin-left:8px; color:#000 !important; font-weight:normal !important;}
/* Classes de Outros Botões */
a.btnIconTxt {float:left; padding:.6em 1.1em .6em 25px; text-decoration:none; font-size:1em; position: relative; border:1px solid #127fd2; color:#fff; font-weight:bold; text-align:center; background-color:#1682d4; border-radius:5px; top:0px; left:0px;}
a.btnIconTxt span.ui-icon {margin:0 5px 0 3px; position:absolute; left:.2em; top:50%; margin-top:-8px;}
a.btnIconTxt:hover {background-color:#1d4674 !important;}
/* btn No label */
.btnNolabel {margin-top:19px !important;}
/* Classes Diagramaçã de Formulário*/
.concatenaCampo {float:left; margin:0 20px 0 0; padding-bottom:10px !important;}
.naoConcatenaCampo {clear:both; display:block; margin:0; padding-bottom:20px !important; height:auto;}
.naoConcatenaCampoLiteral {padding-bottom:10px !important;}
.requerido {color:#ff0000; font-weight:bold !important; padding-left:5px;}
input[type=text].error {color:#ff0000; border:1px solid #ff0000 !important;}
.validacao {border-width:0px !important; font-size:.95em; background-color:transparent !important; background-image:none !important; padding:3px 0; font-weight:normal;}
.validacao span {float:left; margin-right:5px;}
.labelLiteral {padding:2px 7px 6px 0px; font-size:1.1em!important; color:#000; margin-right:0px;}
.labelLateral {padding:0px 7px 6px 0px; font-size:1em!important;}
/* Avisos */
.spanImportante {color:#BD7F04 !important; font-weight:bold; position:relative; top:-3px; left:5px;}
.avisoParecer, .divTextPregao, .avisos {text-align:justify !important; color:#BD7F04 !important; margin:5px 2px 10px 2px;}
.imgCalendar {position:relative; top:6px;}
.imgPDFServidores {position:relative; top:3px; right:5px;}


/*
 * ##### ESTILOS TABELAS #####
 * Estilos dos Formulários 
 * ------------------------------------------------------------------------------------------- */
/********** TABLES **********/
fieldset table.table {width:100%; text-align:center; border:1px solid #dcdcdc; margin:0 0 20px 0; border-spacing:1px;}
table.table {width:100%; text-align:center; border:1px solid #dcdcdc; margin:20px 0 10px 0; border-spacing:1px;}
table.table caption {position:absolute; text-indent: -999999px;}
table.table thead tr th, table.tablesorter tfoot tr th {background-color:#4a9ddc; padding:10px 15px 10px 10px; color:#fff; font-weight:normal !important; border-top:0px !important; border-left:0px !important;}
table.table tbody .odd {background-color:#fff;}
table.table tbody .even {background-color:#f4f4f4;}
table.table tbody .over {background-color:#ff0;}
table.table tbody td {padding:6px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; font-size:1em !important; background-color:Transparent !important;}
table.table tbody td .red {color:#ff0000}
table.table tbody td a {color:#1682d4; text-decoration:underline;}
table.table tbody td a[disabled] {color:#999999 !important; text-decoration:underline;}
table.table tbody td a:hover {color:#000;}
table.table tfoot td {padding:6px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; font-size:1em !important; background-color:#4a9ddc; color:#fff;}
/* Table Sortables */
table.sortable thead tr .header {background:#1682d4 url(../IMG/bg.gif) center right no-repeat; cursor:pointer; padding-right:15px;}
table.sortable tbody tr.odd td {background-color:#f4f4f4;}
table.sortable thead tr .headerSortUp {background-image:url(../IMG/asc.gif); background-color:#33abe8;}
table.sortable thead tr .headerSortDown {background-image:url(../IMG/desc.gif); background-color:#33abe8;}
table.tableListas a {text-decoration:none !important;}
table.tableListas a span {color:#333 !important; display:block; font-weight:bold !important;}
table.tableListas a img {margin-right:10px;}
/* Paginação Jquery */
#pager {padding:10px; display:block; margin:10px auto 0px auto;  width:350px;}
#pager .pagedisplay {width:60px; margin:0px 10px 0 0; padding:8px 5px 7px 5px; text-align:center !important;}
#pager .icons {margin-right:10px; position:static;}
#pager .pagesize {width:60px !important; margin-top:2px; padding:6px 5px 6px 5px;}
/* Páginação DotNet */
.paginacaoDotNet {width:100%; clear:both;}
.paginacaoDotNet .paginaPaginacaoDotNet {width:33%; height:30px; margin-top:5px; text-align:left; float:left;}
.paginacaoDotNet .paginaPaginacaoDotNetExtendido {width:220px; margin-top:5px; height:30px; text-align:left; float:left;}
.paginacaoDotNet .navPaginacaoDotNet {width:33%; height:25px; text-align:center; float:left;}
.paginacaoDotNet .navPaginacaoDotNetExtendido {width:230px; height:25px; text-align:right; float:right; margin-bottom:20px;}
.paginacaoDotNet .numPaginacaoDotNet {width:33%; text-align:right; float:left; margin-top:5px; }
.paginacaoDotNet .numPaginacaoDotNet a { margin-right:5px;}

/* ---------------------------------------------------------------------------------------- */
.capa20anos{ /*background:url(../imagens/bgSlogan20Anos.png) no-repeat top center;*/ margin: 0px 12px 17px 0px; border-top:1px solid #CECEBF; border-bottom:1px solid #CECEBF;  padding: 10px 0 0 12px; display:block; float:left; width:707px; height:354px; position: relative;}
.capa20anos h2 {border-bottom: 4px solid #e5f2fb; color: #5C5B5B !important; line-height: 13px; margin-bottom: 9px; padding: 0 0 7px; text-transform: uppercase;}
.capa20anos #player { width:468px; height:270px; display:block; float:left;}
.btPlusVideo {position: absolute; top: 3px; right: 10px;}
.videoTitulo { font-size:14px; font-family: Tahoma; color:#333; font-weight:bold; text-transform: uppercase;}
.capa20anos #PlayList { width:230px; height:300px; margin-left: 9px; display:block; float:left;}
.capa20anos #PlayList ul li { cursor:pointer; background:#fff; margin-bottom: 5px; width:230px; height:70px; display: block;}
.capa20anos #PlayList ul li img {margin: 5px 10px; float: left;}
.capa20anos #PlayList ul li a { color:#1372C7; display: inline-block; width:130px; height:60px; line-height: 1.2em; padding-top: 7px;}
.content20anos{ width:950px !important; height:500px !important;}
.content20anos #player { width:700px !important; height:370px !important;}
.btnVoltaVideo {margin: -10px 0 5px 900px; position: relative;}
.btnVoltaVideo .btnPadrao {background-color: #4A9DDC;
    border: 1px solid #458FC7;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF !important;
    display: block;
    float: left;
    font-family: "Trebuchet MS",Tahoma,Verdana,Arial;
    font-size: 1em;
    font-weight: bold;
    margin-right: 10px;
    padding: 5px 15px 4px;
    text-align: center;
    text-decoration: none !important;
    cursor:pointer;
    }
.btnVoltaVideo .btnPadrao a {color: #FFFFFF !important;}

/*
 * ##### ESTILOS PÁGINA DE VÍDEOS DA TV ESCOLA #####
 * Estilos da Página TV Escola
 * ------------------------------------------------------------------------------------------- */
#flashvideo {display:block; margin:20px 0; clear:both; text-align:center;}
#video {float:left; display:block; width:700px;}
#video .playerDiv {margin:0 0 5px 0; width:700px;}
#listadeVideos {float:right; width:235px; margin:0px; height:auto !important;}
#listadeVideos ul {height:308px;  margin-bottom:10px; overflow-y:auto; overflow-x:hidden;}
#listadeVideos ul li a h3 {height:25px !important; line-height:1.1em;}
#listadeVideos ul li a p {height:20px;}
#listaVideos {padding-bottom:0px; margin-bottom:10px !important;}
#listaVideos h2 {color:#666 !important;}
#listaVideos h2 span {color:#e5f2fb !important;}
#listaVideos ul li a {padding:5px}
#listaVideos ul li h3 {height:13px; width:480px; font-weight:normal !important;}
#listaVideos ul li p {width:480px; font-weight:normal !important;}
#listaVideos ul li .btnVideo {position:absolute; margin:-40px 0 0 580px;}
.ie7 #listaVideos ul li .btnVideo {position:absolute; margin:-40px 0 0 480px;}
#ordenacaoVideos {width:300px; margin:20px auto 10px auto;}
#paginacaoDotNet {margin-left:120px;}
/* Aviso TV Escola Site - Fire Fox */
.configTVEscola, .configTVEscola2 {text-align:left; margin:10px !important; padding:10px; display:none; border:1px dotted #BD7F04; color:#BD7F04;}
.configTVEscola img, .configTVEscola2 img {margin:0 10px 0 0; position:relative; top:2px;}
.gecko .configTVEscola {display:block;}
.mac .configTVEscola2 {display:block;}

.capa20anos { display: none !important;} /*Fim do periodo de publicação, area ocultada*/



/*
 * ##### ESTILOS PÁGINA DE UNIDADES #####
 * Estilos da Página de Unidades
 * ------------------------------------------------------------------------------------------- */
.textMapaUnidades {width:460px;}
/* Lista de Unidades */
ol.listaUnidades {padding:0 0 15px 15px;}
ol.listaUnidades li {margin:0 0 5px 0; display:block;}
ol.listaUnidades li .strong {margin:25px 0 10px 0 !important; display:block;}
ol.listaUnidades li a {display:block;}



/*
 * ##### ESTILOS PÁGINA PROCEDIMENTOS DISCIPLINARES #####
 * Estilos da Página de PROCEDIMENTOS DISCIPLINARES
 * ------------------------------------------------------------------------------------------- */
.ajustesProcedimentosDisciplinares
.ajustesProcedimentosDisciplinares table {display:block; margin:0px 0 0 20px !important;}
.ajustesProcedimentosDisciplinares table th, .ajustesProcedimentosDisciplinares table td {padding:5px 0px !important;}



/*
 * ##### ESTILOS PÁGINA FALE CONOSCO #####
 * Estilos da Página de FALE CONOSCO
 * ------------------------------------------------------------------------------------------- */
.listaBtnFaleConosco {margin:0 !important; }
.listaBtnFaleConosco li {list-style:none !important; margin:0 0 10px !important; padding-left:60px; min-height:48px;}
.listaBtnFaleConosco li.btnForm {background: url(../imagens/btnFormMail.gif) left top no-repeat;}
.listaBtnFaleConosco li.btnMsgElet {background: url(../imagens/btnMail.gif) left top no-repeat;}
.listaBtnFaleConosco li.btnAtenElet {background: url(../imagens/btnFone.gif) left top no-repeat;}
.listaBtnFaleConosco li.btnCorreio {background: url(../imagens/btnCorreio.gif) left top no-repeat;}
.listaBtnFaleConosco li.btnAtenPess {background: url(../imagens/btnAtenPessoal.gif) left top no-repeat;}

/*
 * ##### ESTILOS PÁGINA Atos Detalhados #####
 * Estilos da Página de Atos Detalhados
 * ------------------------------------------------------------------------------------------- */
.boxDetalhes {padding:10px; border:1px dotted #ccc; background-color:#f9f9f9; margin-bottom:30px;}
.ajusteAtos {display:block; clear:both;}


/*
 * ##### ESTILOS PÁGINA Consulta Processual #####
 * Estilos da Página de Consulta Processual
 * ------------------------------------------------------------------------------------------- */
.iframe {width:970px !important; height:1000px !important;}
.navWebDoc {margin-bottom:15px;}

/*
 * ##### ESTILOS PÁGINA Departamento Internacional #####
 * Estilos da Página de Departamento Internacional
 * ------------------------------------------------------------------------------------------- */
.mecimae, .bannerCrianca {width:213px; padding:10px; border:1px solid #ccc; background-color:#fff; display:block; text-align:center; margin-bottom:10px;}


.grade {font-size: 12px !important; text-align: center !important;}

#disablingDiv
{
    /* Do not display it on entry */
    display: none; 
 
    /* Display it on the layer with index 1001.
       Make sure this is the highest z-index value
       used by layers on that page */
    z-index:1001;
     
    /* make it cover the whole screen */
    /* position: absolute; */
    bottom  : 0px;
    position: fixed;
    top		: 0px; 
    left	: 0px; 
    width	: 100%; 
    height	: 100%; 
 
    /* make it white but fully transparent */
    background-color: black; 
    opacity: 0.4; 
    filter: alpha(opacity=50); 
	backface-visibility: hidden;
}

.btn {
  background: #FF6666;
  border-width: 0;
  color: #fff;
  text-decoration: none;
  padding: 7px 20px;
  line-height: 1.5;
  border-radius: 20px;
  text-transform: uppercase;
  font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 80%;
  font-weight: 700;
  margin: 5px 5px 5px 0;
  display: inline-block;
  cursor: pointer;
  outline: none;
  transition: all .2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.btn:hover, .btn:focus {
  color: #fff;
}

