/*/
	*	
	* 	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;}


#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:70px; 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: 640px) {

}

@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%; }

}

@media (max-width: 979px) {

}

/*>>>>>>>>>> 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;
}

#content .box_align_middle {
	display:table;
	padding:0 !important;
}

#content .box_align_middle .centered {
	display: table-cell;
	vertical-align: middle;
	float:none;
}

 .alignCenter.centered img {
    width: 100%;
}



@media (max-width: 768px) {
	.box_align_middle .centered {
		display: block !important;
		float: none !important;
	}
}
/*-----------------------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; }

/*-----------------------accordion etapas----------------------------*/

.bolinha_titulo { border-radius:50%; border: solid 2px #157a88; width:90px; height:55px; background: #FFFFFF; valign:center; text-align:center; padding:35px 0 0 0; margin:0px 0px 30px; color:#157a88; font-weight:bold; text-transform:uppercase;}

.bolinha_titulo2 { border-radius:50%; border: solid 2px #157a88; width:45px; height:11px; background: #FFFFFF; valign:center; text-align:center; padding:35px 0 0 0; margin:30px 22px 0; color:#1a3c6d; font-weight:bold; text-transform:uppercase;}

.ui-accordion .ui-accordion-header.etapa1 { 
	 background-image: url(../../application/content/1_1_3_nivel_das_decisoes/img/etapa1_bg.jpg); background-repeat:repeat-x; background-position:top;
	 position:relative;

}

.ui-accordion .ui-accordion-header.etapa1:before, .ui-accordion .ui-accordion-header.etapa2:before, .ui-accordion .ui-accordion-header.etapa3:before, .ui-accordion .ui-accordion-header.etapa4:before, .ui-accordion .ui-accordion-header.etapa5:before {
	width:15px;
	height:15px;
	border-radius:50%;
	background:#00b0f0;
	position:absolute;
	content:"";
	border:2px solid #1392c0;
	top:8px;
	left:-55px;
	
	
}

.ui-accordion .ui-accordion-header.etapa1:before {
	background:#7bd9e5;
	border:2px solid #34b0c2;
}

#content h3.cor_h3 {
	color: #FFF;
	margin-top: -3px;
	
}

#fundo_etapas { background-image:url(../../application/content/1_1_3_nivel_das_decisoes/img/fundo_linha.jpg); background-repeat:repeat-y; background-position: 42px 0px;* }

#content div#fundo_etapas.span10 {padding:0px;}

.etapas {
	font-size: 14px;
	color: #666666;
	font-family: "open sans";
}

#fundo_etapas p.azulTxt {
	color: #157A88;
	font-weight:600;
	font-size:14px;
	font-family: "open sans";
	padding-bottom:0;
	margin-bottom:0;
}

.etapas .ui-icon-triangle-1-e, #accordion1a .ui-icon-triangle-1-s, #accordion2b .ui-icon-triangle-1-s, #accordion3c .ui-icon-triangle-1-s{display:none;}

.etapas .ui-state-active, .etapas .ui-widget-content .ui-state-active, .etapas .ui-widget-header .ui-state-active {
    border: 1px solid #34b0c2;
}


.etapas .ui-state-hover, .etapas .ui-widget-content .ui-state-hover, .etapas .ui-widget-header .ui-state-hover, .etapas .ui-state-focus, .etapas .ui-widget-content .ui-state-focus, .etapas .ui-widget-header .ui-state-focus {
    border: 1px solid #34b0c2;
}

@media (min-width: 801px) and (max-width: 980px) {
	.ui-accordion .ui-accordion-header.etapa1:before, .ui-accordion .ui-accordion-header.etapa2:before, .ui-accordion .ui-accordion-header.etapa3:before, .ui-accordion .ui-accordion-header.etapa4:before, .ui-accordion .ui-accordion-header.etapa5:before {
		left:-40px;
	}
}

@media (min-width: 600px) and (max-width: 800px) {
	.ui-accordion .ui-accordion-header.etapa1:before, .ui-accordion .ui-accordion-header.etapa2:before, .ui-accordion .ui-accordion-header.etapa3:before, .ui-accordion .ui-accordion-header.etapa4:before, .ui-accordion .ui-accordion-header.etapa5:before {
		left:-29px;
	}
}








/*----------------------Classes novas -----------------------------*/

#interrogacao p.txtChamada {
	color: #2197A7;
    font-size: 22px;
    font-weight: bolder;
    line-height: 32px;
    text-align: center;
	padding:0;
}

#interrogacao .span8 {
	margin: 0;
	padding: 0;
}

#content .azul_box {
	background-color:#d4d7dc; 
	color:#bbbfc6 !important;
	border:1px solid; 
	border-color: #9abdfa #FFFFFF #FFFFFF #9abdfa; 
	line-height: 20px !important;
	margin-top: 20px;
	margin-bottom:20px;
	display:block;
}



@media (min-width:1200px) { 
	iframe#myQuiz {
		height:660px !important;
	}
}

@media (min-width:980px) and (max-width:1199px){ 
	iframe#myQuiz {
		height:540px !important;
	}
}
@media(min-width:768px) and (max-width:979px){ 
	iframe#myQuiz {
		height:460px !important;
	}
}
@media(mix-width:767px){ 
	iframe#myQuiz {
		height:300px !important;
	}
	
}