/*/
	*	
	* 	Fonte utilizada no CSS padrão
	* 	

@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);
body { font-family: "Pt Sans", sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: 'PT Sans',  sans-serif; font-weight:700 !important; }
/*/
/*/Definições de Layout/*/



/*/
	* Abaixo devem estar os estilos dos elementos comuns
/*/

.breadcrumb a.breadcrumbies, .breadcrumb a.btn_volta_home, .breadcrumb .divider {
	font-size: 11px;
	font-weight:500;
}
.tab-content {
	background-color: #FFFFFF; 
	border-color: transparent;
	/*#D9D9D9 #D9D9D9;*/
	padding:2%;
}

#controladora { background-color: #FFFFFF; }
.conteudo { background:#FFFFFF; }

#content { background: none repeat scroll 0 0 #FFFFFF; }
#content .nav, #content .nav-tab ul, #content .nav-tab ol {margin-bottom: 0;} 

#content p { font-size: 14px; line-height: 19px; padding: 0; margin-bottom: 20px; }

#content p.recuo { margin-left: 8% !important;}
#content p.recuo-bottom0 { margin: 0 0 0 8% !important; }

#glossario_box_interno p.recuo { margin-left: 8% !important;}

#verbetes #texto p.identar { text-indent: 8% !important;}
#verbetes #texto p.bullets { margin-bottom:2px;}


#paginacao { float:right; width:513px; padding:20px;}
#paginacao .pag_box { float:left; }
#paginacao .previous, #paginacao .next { width:96px; height:30px; font-size:12px; text-transform:uppercase; background:none; margin:0 1px 0 0; color:#2c3e50; cursor:pointer; font-weight: 700; }
#paginacao .previous a, 
#paginacao .next a { color:#8DCFF2; text-shadow: -1px -1px 0 #0F5862;}
#paginacao .previous a:hover, 
#paginacao .next a:hover { color:#FFF; text-decoration:none; }
#paginacao .previous { width:65px; height:26px; padding:4px 0 0 30px; background-image:url(../../system/img/seta_esq.png); background-repeat:no-repeat; background-position:left center; background-size: 10px auto; border-radius: 10px 0 0 10px; }
#paginacao .next { width:86px; height:26px; padding:4px 0 0 8px; background-image:url(../../system/img/seta_dir.png); background-repeat:no-repeat; background-position:right center; background-size: 10px auto; border-radius: 0 10px 10px 0; }

.progress .bar {background-image:none;}

#paginacao #barra_de_progresso_frame { width:300px; padding:3px 5px; border-radius:0px; height:24px; position:relative;  margin:0 1px 0 0; background-color: #2066A5; }
#paginacao #barra_de_progresso_frame .barra { height:20px; background-image: linear-gradient(to bottom, #194F7F, #2982D3); border-radius:10px; padding:1px;}
#paginacao #barra_de_progresso_frame #barra_de_progresso { -webkit-border-radius: 10px; border-radius: 10px;  /*background-image:linear-gradient(to bottom, #7fc347, #7fc347);*/ background-color: #09477F;  }

#paginacao #mostrador_pagina { position:absolute; color: #FFFFFF; position: relative; text-align: center; top: -24px; background:none; border: none; font-weight: 700; }

.progress {background-color:none; background-image: none; box-shadow: none;}

#paginacao .disabled { filter:alpha(opacity=30); opacity:0.3; cursor: default;}
#paginacao .disabled a:hover {color: #8ED3DD; cursor:default;}
.page-header h1 {
	display: table-cell;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 0;
	line-height: 24px;
	padding: 10px 80px;
	vertical-align: middle;
	 width: 300px;
	 height: 100px;
}

@media (min-width: 1200px) {

}
@media (min-width: 980px) {
	
}
@media (min-width: 768px) and (max-width: 979px) {
	.page-header h1 {
		font-size: 18px;
		padding: 0 0 0 60px;
		height: 100px;
		width: 290px;
	}
}
@media (max-width: 767px) {
	.page-header h1 {
		font-size: 18px;
		font-weight: normal;
		letter-spacing: 0;
		line-height: 20px;
		padding: 0 0 0 60px;
		 width: 290px;
		height: 50px;
	}
}
@media (max-width: 871px) {
	#content .caixa_texto_un2 {
		background-image: none;
		background-color: #FFF;
		border-color: #CCCCCC #FFFFFF #FFFFFF #CCCCCC;
		border-style: solid;
		border-width: 1px;
		display: block;
		padding-left: 20px !important;
		padding-top: 40px !important;
		margin-bottom: 20px;
		min-height:230px;
	}
}


@media (max-width: 480px) {
	.page-header h1 {
		font-size: 14px;
		font-weight: normal;
		letter-spacing: 0;
		line-height: 20px;
	}

}
@media (max-width: 360px) {
	img { max-width: 100%; }
	div#palco img { max-width: 100%; }
	div#palco video { max-width: 100%; }
	#content .tabs-left .nav-tabs { width: 40%; }
	#content .tabela-padrao { border-collapse: collapse !important; }
}

@media (max-width: 320px) {	
	
	#content .tabs-left .nav-tabs { width: 100%; }
}


/*>>>>>>>>>> box middle <<<<<<<<<<<<*/

#content .caixa_texto_pontilhada {
		background-color: #d3f0f1;
		border-color: #aed1d3;
		border-style: dotted;  
		border-width: 2px;
		display: block;
}
#content .caixa_texto_pontilhada > div {
	text-align:center;
}
#content .caixa_texto_pontilhada p {
		text-align:center;
		color:#069 !important;
/*		font-size:24px !important;
		line-height: 30px;*/
		margin: 0;
		padding: 0;
}


/*-----------------------tabs------------------------------*/

.nav-tabs > li > a, .nav-pills > li > a {
    line-height: 17px;
    margin: 5px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}


.nav-tabs > li {
    margin-bottom: -6px;
}

.nav-tabs {
    border-bottom: 0px solid #DDDDDD;
}

/*------------Alinhamento de Texto------------------*/

.alignCenter { text-align: center !important; }
.alignRight { text-align: right !important; }

/*----------------Sem Margem Inferior---------------*/ 

.semMargem {margin-bottom: 0 !important; }

/*---------------Sem paddign inferior---------------*/ 

#content .semPaddingBottom { padding-bottom: 0 !important; }

/* animação mostraImagem*/

#content .mostraImagem .imgs > div > img {
	display:none;
}
#content .mostraImagem .imgs .ativo > img {
	display:block;
}


#content .mostraImagem li.item {
    line-height: 20px;
	background: #f5f6f8;
	text-decoration:none;
	cursor: pointer;
	list-style: none outside none;
	margin-bottom: 5px;
	padding:5px;
	border: solid #c6d0db 1px;
}

#content .mostraImagem li.item.ativo {
	background: #CFE7FA !important;

}

#content .mostraImagem ul.menu {
	margin: 0 !important;
}