body {font-family: 'Roboto', sans-serif; color:#333; }

a {transition: .3s linear;}

.clear{clear:both;}

/* ----- Header ----- */

h1 {font-size:17px; color:#98999B; font-weight:bold; margin:35px 0 0 0;}
h1 span {color:#63656A;}
h1 a {color:#98999B;}
h1 a:hover {color:#98999B; text-decoration:none;}

header { position:relative; z-index:100; padding-bottom:50px; }
header .container {padding:0; padding-top:15px;}
header .ferramentas {margin:0; display:inline-block; list-style:none; vertical-align:middle; margin-left:10px; margin-top:25px; }
header .ferramentas li {float:left; width:30px; height:auto; text-align:center; }
header .ferramentas li a { display:block; color:#999; font-size:14px;}
header .ferramentas li a:hover {color:#333;}
header #form_busca {display:inline-block; vertical-align:middle;}
header .input-group {display:inline-block; background:#E8E7E7; border-radius:10px 0 10px 0; border:none; width:230px; margin-top:25px;}
header .input-group input {background:none; border:none; box-shadow:none; width:200px !important; color:#999; height:30px;}
header .input-group button {background:none; border:none; box-shadow:none; color:#999; border-left:1px solid white; width:30px; height:30px;}
header .input-group button:hover {background:none; color:#333;}

header .btn_enviar:hover { background:url(../imagens/arrow_busca.png) center no-repeat #fff; }

header .ferramentas .tooltip-inner { background-color:#63656A; text-align:left; white-space:nowrap; color:#FFF; font-weight:400; font-size:14px; padding:2px 10px; font-family: 'Roboto', sans-serif; }
header .ferramentas .tooltip-arrow {border-bottom-color:#63656A !important;}


/* ----- Paginação ----- */

.paginacao {position:fixed; top:50%; width:100%; z-index:999; margin-top:-20px; }
.paginacao a {position:absolute; height:83px; background:none; padding:0 10px;}
.paginacao a:hover {background:#6d6e70;}

.paginacao a.pg_next, .paginacao a.pg_prev {height:83px; }
.paginacao a.pg_next i, .paginacao a.pg_prev i { display:block; width:39px; height:77px; background:url(../imagens/setas_paginacao.png) no-repeat; position:absolute; top:3px;}
.paginacao a.pg_next i {background-position:0 0; right:10px;}
.paginacao a.pg_prev i {background-position:0 -87px; left:10px;}
.paginacao a.pg_next:hover i {background-position:0 -174px;}
.paginacao a.pg_prev:hover i {background-position:0 -261px;}
.paginacao a.pg_next i {right:10px;}
.paginacao a.pg_prev {left:0; padding-left:55px; border-radius:0 5px 5px 0;}
.paginacao a.pg_next {right:0; padding-right:55px; border-radius:5px 0 0 5px;}
.paginacao a span.pg_texto {white-space:nowrap; position:relative; display:none; margin-top:20px;}
.paginacao a span.pg_texto b {display:block; margin:0 10px; font-size:13px; color:#D1D0CF;}
.paginacao a span.pg_texto b.pg_nome {color:white; margin-top:13px; font-size:15px; font-style:italic; font-weight:normal;}

/* ----- Menu ----- */

nav.menu {padding:20px 0; border-radius:0 20px 0 20px; width:230px; float:left;}
nav.menu > ul, nav.menu ul li, nav.menu ul li a {position:relative; list-style:none;}
nav.menu ul li a {color:white; font-size:14px; font-weight:bold; padding:8px 20px;}
nav.menu ul li a:hover, nav.menu ul li.open > a {text-decoration:none;}

nav.menu ul.dropdown-menu { left:95%; top:0; padding:20px 0; border-radius:0 20px 0 20px; margin:0;}
	
nav.menu ul ul li a {padding:3px 20px !important; color:white; font-weight:normal; font-size:13px;}
nav.menu ul ul li a:hover {opacity:0.6; -webkit-opacity:0.6; color:white;}

/* ----- Titulo e mosaico ----- */

h2 {display:inline-block; font-size:30px; color:#005E87; font-weight:bold;}

.mosaico {float:right; margin-bottom:50px; position:relative; width:740px;}
.mosaico h2 {margin:0;}
.mosaico span.capitulo {display:inline-block; font-size:26px; color:#D1D0CF; padding:8px 0 8px 15px; margin-left:15px; border-left:1px solid #D1D0CF; display:none;}
.mosaico .textos_mocaico {margin-top:30px; display:inline-block; position:relative;}
.mosaico .textos_mocaico > div {position:absolute; color:white;}
.mosaico .textos_mocaico > div.destaque {font-size:20px; font-weight:bold;}
.mosaico .textos_mocaico > div.legenda {font-size:11px;}

/* ----- Conteúdo ----- */

main {line-height:1.5; font-size:13px; color:#63656A; position:relative;}

.gri {display:inline-block; border-radius:5px; font-size:11px; color:white; font-weight:bold; padding:0 5px; white-space:nowrap;}
.gri a {color:white !important;}
.gri .tooltip-inner {background-color:#007b8a; border-radius:0 15px 0 15px; padding:10px; max-width:300px; font-family: 'Roboto', sans-serif; font-size:13px; text-align:left; white-space:normal;}
.gri .tooltip-inner > b {display:block;}
.gri .tooltip-arrow {border-top-color:#007b8a !important;}

.info_ico {color:#007b8a; cursor:pointer; }
.info_ico i {top: -0.5em; font-size:75%; line-height: 0; vertical-align: baseline; position:relative;}
.info_ico .tooltip-inner {background-color:#007b8a; border-radius:0 15px 0 15px; padding:10px; max-width:300px; font-family: 'Roboto', sans-serif; font-size:13px;}
.info_ico .tooltip-arrow {border-top-color:#007b8a !important;}


h3 {font-size:19px; color:#005E87; font-weight:bold;}
h3 a, h3 a:focus {text-decoration:none !important; color:#005E87;}
h3 a .ico_tit {margin-right:10px; transition:0.3s; display:inline-block; background:#005E87; border-radius:5px; width:30px; height:25px; line-height:25px; font-size:25px; color:white; text-align:center; display:none; vertical-align:middle;}
h3 a:hover {color:#000;}
h3 a:hover .ico_tit, h4 a.open .ico_tit {margin-right:15px;}

h3 a span.ico_tit.mais {display:inline-block;}
h3 a.open span.ico_tit.mais {display:none;}
h3 a.open span.ico_tit.menos {display:inline-block;}

h4 {font-size:16px; color:#06aea5; font-weight:bold;}

.acordeon {margin:20px 0 50px 0;}

/* ----- Footer ----- */

footer {margin-top:30px;}

	/* ----- Compartilhamento ----- */
	
	.addthis_sharing_toolbox {display:none;}
	.share_list, .share_list li, .share_list li a {list-style:none; display:inline-block; vertical-align:middle; position:relative;}
	.share_list {margin-left:10px;}
	.share_list a {font-size:25px; color:#999; padding:0 10px;}
	.share_list a:hover {color:#333;}

footer {color:#999; font-size:13px; padding:30px 0;}
footer .lk_mediagroup {float:right; color:#999; text-decoration:none;}
footer .lk_mediagroup:hover {color:#333;}

/* ----- Ferramentas ----- */
.modal-body{padding-top:0;}
.modal-content{background-color:#015e87; box-shadow:none;}
.close{font-size:40px; margin-top:0;}
.modal-backdrop.in{opacity:0.8;}
.modal-backdrop{background-color:#000;}

/* ----- Modal dos vídeos ----- */
.coisas_dos_videos {display:none;}
.coisas_dos_videos h3 {color:white; font-size:25px; display:block; margin:20px 0 0 0;}
.coisas_dos_videos span.descricao {color:white; font-size:15px; display:block; font-style:italic; margin-bottom:20px;}
.coisas_dos_videos a.nav_video { display:block; position:absolute; top:50%; height:85px; margin-top:-42px; background:#007C8A url(../imagens/setas_videos.png) no-repeat; color:white; text-decoration:none !important; font-size:15px; padding:20px; width:310px; border-radius:5px;}
.coisas_dos_videos a.nav_video i {display:block;}
.coisas_dos_videos a.nav_video b {display:block; margin-bottom:10px; font-size:13px; color:#00ACA6;}
.coisas_dos_videos a.nav_video.anterior {right:100%; margin-right:30px; background-position:left 17px; padding-left:50px;}
.coisas_dos_videos a.nav_video.proximo {left:100%; margin-left:30px; padding-right:50px; background-position:right -63px;}

/* Abas */

.abas1 .nav-tabs {border:none;}
.abas1 .nav-tabs li a {background-color:white; color:#007C8B; font-size:15px; font-weight:bold; border-radius:20px 20px 0 0; border:1px solid #007C8B; border-bottom:none; margin-right:10px; }
.abas1 .nav-tabs li.active a, .abas1 .nav-tabs li.active a:focus {background-color:#007C8B; border:1px solid #007C8B; border-bottom:none; margin-top:1px; color:white;}
.abas1 .nav-tabs li a:hover {background-color:#01aba8; color:white; border-color:#01aba8;}
.abas1 .tab-content {border:none; background:#007C8B; border-radius:0 20px 20px 20px; overflow:hidden; color:white; padding:20px}
.abas1 .tab-content * {color:white;}
.abas1 h5 {font-size:20px;}

/* ----- Tabela ----- */

.pendencia {color:red; font-weight:bold; font-size:20px;}
.box {padding:30px 50px; background:#ddd;}

.tabela {caption-side:bottom;}
.tabela th {padding:5px 8px; color:#007C8B; border-bottom:1px #007C8B solid; margin:0;}
.tabela td {padding:5px 8px; margin:0; border-bottom:1px #ddd solid;}
.tabela caption {font-size:12px;}

/* ----- Outros ----- */

.container{width:980px; padding:0;}

	/* Destaques GRI */

	tr.trHighlight td, a.griHighlight { animation: animacaoGRI 1s linear infinite; -webkit-animation: animacaoGRI 1s linear infinite; }

	@keyframes animacaoGRI {
		0% {background: rgba(240,240,0,1);}
		50% {background: rgba(240,240,0,0);}
		100% {background: rgba(240,240,0,1);}
	}
	
	@-webkit-keyframes animacaoGRI {
		0% {background: rgba(240,240,0,1);}
		50% {background: rgba(240,240,0,0);}
		100% {background: rgba(240,240,0,1);}
	}
	

@media screen and (max-width: 1200px) {
	
	.coisas_dos_videos a.nav_video.anterior {right:auto; left:0; margin:0; width:48%; top:100%; margin-top:10px;}
	.coisas_dos_videos a.nav_video.proximo {left:auto; right:0; margin:0; width:48%; top:100%; margin-top:10px;}
	

}