@charset "utf-8";
/* CSS Document */

@media print {
    * { background: transparent !important; color: black !important; text-shadow: none !important; -ms-filter: none !important;} /* Black prints faster: h5bp.com/s */
    a, a:visited { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; } /* h5bp.com/t */
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; display:block !important; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
    body  { margin: 0px; }
    

}


@font-face {
    font-family: 'bebas_neueregular';
    src: url('bebasneue-webfont.eot');
    src: url('bebasneue-webfont.eot') format('embedded-opentype'),
         url('bebasneue-webfont.woff') format('woff'),
         url('bebasneue-webfont.ttf') format('truetype'),
         url('bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal; 
}

h1, h2, h3, h4, h5, h6 {
    font-family: "bebas_neueregular",arial,verdana,sans-serif;
    font-weight: normal;
	color:#47a13b;
}
html{ outline:none !important; }

body{ outline:none !important; overflow:hidden !important; }

body.ui-mobile-viewport, div.ui-mobile-viewport{ overflow-x:hidden !important; }

body .ui-body-c { background-position: center; min-width:400px !important; overflow:hidden !important; height:100% !important; }

.ui-body-c, .ui-body-c input, .ui-body-c select, .ui-body-c textarea, .ui-body-c button{ font-family:Arial, Helvetica, sans-serif !important; }

*:focus {
    outline: 0;
}
/*############################################ FIM CONFIG. DE PADRÕES ################################################*/

.invisivel{ visibility:hidden; position:absolute; }

#pagina{
	float:left;
	width:100%;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	overflow:hidden !important;
	visibility:hidden;
	min-width:400px !important;
	background-color:#FFF !important;
}

.logo{ position:absolute; margin-left:400px; margin-top:20px; }
.logo2{ position:absolute; margin-left:124px; margin-top:5px; }


.ui-panel {
	width: 480px;
}
.ui-panel-position-left {
	left: -480px;	
}

.ui-panel-animate.ui-panel-position-left.ui-panel-display-overlay,
.ui-panel-animate.ui-panel-position-left.ui-panel-display-push {
	-webkit-transform: translate3d(-480px,0,0);
	-moz-transform: translate3d(-480px,0,0);
	transform: translate3d(-480px,0,0);
}
.ui-panel-position-right {
	right: -480px;
}
.ui-panel-animate.ui-panel-position-right.ui-panel-display-overlay,
.ui-panel-animate.ui-panel-position-right.ui-panel-display-push {
	-webkit-transform: translate3d(480px,0,0);
	-moz-transform: translate3d(480px,0,0);
	transform: translate3d(480px,0,0);
}
.ui-panel-page-content-position-left {
	left: 480px;
	right: -480px;
}
.ui-panel-animate.ui-panel-page-content-position-left {
	-webkit-transform: translate3d(480px,0,0);
	-moz-transform: translate3d(480px,0,0);
	transform: translate3d(480px,0,0);
}
.ui-panel-page-content-position-right {
	left: -480px;
	right: 480px;
}
.ui-panel-animate.ui-panel-page-content-position-right {
	-webkit-transform: translate3d(-480px,0,0);
	-moz-transform: translate3d(480px,0,0);
	transform: translate3d(-480px,0,0);
}
.ui-panel-dismiss-open.ui-panel-dismiss-position-left {
	left: 480px;
}
.ui-panel-dismiss-open.ui-panel-dismiss-position-right {
	right: 480px;
}

.ui-panel-inner{ padding:0px !important; }
#nav-panel{
	background:url(../img/bg_comp.jpg);
   -moz-box-shadow:    inset 0 0 10px #d0d6c9;
   -webkit-box-shadow: inset 0 0 10px #d0d6c9;
   box-shadow:         inset 0 0 10px #d0d6c9;  	
}

.ui-panel-animate.ui-panel-page-content-position-left{
	left:-480px;
	transform:translate3d(480px, 0px, 0px);
}

.ui-content{ padding:0px;}

.ui-panel-dismiss{ 
    /*background-color: rgba(0,0,0,0.7);*/
}

#popupFechar .ui-title, .corpoAlert{ text-align:center; font-size:110%;}
#popupFechar h1{ font-size:150% !important; }

#popupAlert h3{
	font-size:150% !important;
    font-family: "bebas_neueregular",arial,verdana,sans-serif;
    font-weight: normal;
	color:#47a13b;
	text-align:center;
}
#popupAlert{ padding:10px; }

.corpoAlert span{ color:#32a7d7 !important; }

#popupAlert .corpoAlert { font-weight:normal !important; font-size:100%; line-height:1.5em; }

.maisLocalizacao{ position:absolute; right:10px; }

#menu_generico .maisLocalizacao{ margin-top:12px; }
#menu_mobile .maisLocalizacao{ margin-top:5px; }
/*########################## MENU GENERICO ############################### */

#menu_generico{
	width:100%;
	height:175px;
	background:url(../img/bg1_modulo.jpg) repeat-x;
	position:absolute;
	display:block;
   -moz-user-select     : none;
   -khtml-user-select   : none;
   -webkit-user-select  : none;
   -o-user-select       : none;
   user-select          : none;	
}

#controles_generico{
	width:1250px;
	height:175px;
	background:url(../img/topo1.png) no-repeat;
	float:left;
	position:relative;
	left:50%;
	margin-left:-768px;
}

#menu_mobile{
	width:100%;
	height:200px;
	background:url(../img/bg2_modulo.jpg) repeat-x;
	position:absolute;
	display:none;
   -moz-user-select     : none;
   -khtml-user-select   : none;
   -webkit-user-select  : none;
   -o-user-select       : none;
   user-select          : none;	
}

#controles_mobile{
	width:396px;
	height:190px;
	background:url(../img/mobile_grid.png) no-repeat;
	float:left;
	position:relative;
	left:50%;
	margin-left:-198px;
}

#menu_mobile .ui-link{ }

#controles_mobile .andamento{ width:133px; left:133px !important;  }
#controles_mobile .porcento{ left:133px !important;  }

#bloco_nav3{ width:405px; position:absolute; margin-top:68px; padding:0px; }
#bloco_nav3 li{ list-style:none; margin:0px; padding:0px; display:inline-block; }

#bloco_nav0{ width:405px; position:absolute; margin-left:567px; margin-top:13px; padding:0px; }
#bloco_nav0 li{ list-style:none; margin:0px; padding:0px; display:inline-block; }

.bt_voltar{ width:122px; height:63px; background:url(../img/bt_avancar.png) 0px -63px; display:block; text-indent:-9999px; }
.bt_voltar:hover{ background-position:-122px 63px; }
.bt_voltar:active{ background-position:-244px 63px; }

.bt_avancar{ width:122px; height:63px; background:url(../img/bt_avancar.png) 0px 0px; display:block; margin-left:150px; text-indent:-9999px; }
.bt_avancar:hover{ background-position:-122px 0px; }
.bt_avancar:active{ background-position:-244px 0px; }

.andamento{ width:133px; height:32px; left:135px; top:30px; position:absolute; background:url(../img/mask_andamento.png); text-indent:-9999px; z-index:2; }
.porcento{ width:50px; height:30px; position:absolute; left:135px; top:30px; background:#FFF; }


.acessibilidade1{ width:267px; position:absolute; right:0px; margin-top:23px; padding:0px; }
.acessibilidade1 li{ list-style:none; margin:0px; padding:0px; display:inline-block; width:48px; height:46px; text-indent:-9999px; }
.acessibilidade1 li a{ display:block; width:100%; height:100%; background:url(../img/botoes_padrao.png); }

.bt_acessibilidade1{ background-position:0px 0px !important; }
.bt_acessibilidade1:hover{ background-position:-48px 0px !important;}
.bt_acessibilidade1:active{ background-position:-96px 0px !important;}

.bt_acessibilidade2{ background-position:0px -46px !important; }
.bt_acessibilidade2:hover{ background-position:-48px -46px !important;}
.bt_acessibilidade2:active{ background-position:-96px -46px !important;}

.bt_acessibilidade3{ background-position:0px -92px !important; }
.bt_acessibilidade3:hover{ background-position:-48px -92px !important;}
.bt_acessibilidade3:active{ background-position:-96px -92px !important;}

.bt_acessibilidade4{ background-position:0px -138px !important; }
.bt_acessibilidade4:hover{ background-position:-48px -138px !important;}
.bt_acessibilidade4:active{ background-position:-96px -138px !important;}

.bt_acessibilidade5{ background-position:0px -184px !important; }
.bt_acessibilidade5:hover{ background-position:-48px -184px !important;}
.bt_acessibilidade5:active{ background-position:-96px -184px !important;}

.acessibilidade6{ width:380px; position:absolute; right:10px; margin-top:10px; padding:0px; }
.acessibilidade6 li{ list-style:none; margin:0px; padding:0px; display:inline-block; width:44px; height:42px; text-indent:-9999px; }
.acessibilidade6 li a{ display:block; width:100%; height:100%; background:url(../img/botoes_padrao_mobile.png); }
.margem1{ margin-left:193px; }

.bt_acessibilidade6{ background-position:0px 0px !important; }
.bt_acessibilidade6:hover{ background-position:-44px 0px !important;}
.bt_acessibilidade6:active{ background-position:-88px 0px !important;}

.bt_acessibilidade7{ background-position:0px -42px !important; }
.bt_acessibilidade7:hover{ background-position:-44px -42px !important;}
.bt_acessibilidade7:active{ background-position:-88px -42px !important;}

.bt_acessibilidade8{ background-position:0px -210px !important; }
.bt_acessibilidade8:hover{ background-position:-44px -210px !important;}
.bt_acessibilidade8:active{ background-position:-88px -210px !important;}

.bt_acessibilidade9{ background-position:0px -168px !important; }
.bt_acessibilidade9:hover{ background-position:-44px -168px !important;}
.bt_acessibilidade9:active{ background-position:-88px -168px !important;}

#bloco_nav2{ width:800px; height:55px; position:absolute; top:110px; right:5px; }

.bt_indice{ height:46px; position:absolute; width:173px; background:url(../img/bt_acesso.png); text-indent:-9999px; margin-top:6px; }
.bt_indice:hover{ background-position:-173px 0px; }
.bt_indice:active{ background-position:-346px 0px; }

.migalha1{
	width:580px;
	position:relative;
	float:right;
	right:40px;
	line-height:1.3em;
	height:62px;
}

.migalha2{
	width:396px;
	position:relative;
	float:right;
	top:137px;
}

.migalha2 div{ display:block; width:352px; margin-top:8px; }

.migalha1 h1, h2, h3{ margin:5px; padding:0px; font-size:90%; text-shadow:none; color:#898989; font-family:Arial, Helvetica, sans-serif;}
.migalha1 h1, h2, h3 span{ color:#32a7d7; }
/*########################## PAINEL CARREGAR ############################### */

#tela_carregar{ float:left; position:fixed; width:100%; background:url(../img/cinza.jpg); height:100%; z-index:999; text-align:center; }

.marca{ float:left; width:100%; background:url(../img/loading_topo.jpg) no-repeat center, url(../img/loading_topo_comp.jpg) repeat-x; height:290px; top:0px; position:relative; }

.anime{ background:url(../img/loading_simple.gif) no-repeat 25px 0px; width:150px; float:left; left:50%; margin-left:-75px; position:relative; top:310px; padding-top:110px; color:#636363; font-size:16px; }

/*########################## PAINEL AJUDA ############################### */

#tela_ajuda{ float:left; position:fixed; width:100%; background:#f1f1f1; height:100%; z-index:999; text-align:center; display:none; }
.marca2{ float:left; width:100%; background:url(../img/ajuda_topo.jpg) no-repeat center, url(../img/ajuda_topo_comp.jpg); repeat-x; height:120px; top:0px; position:relative; }

.ajuda_area{
	width:800px;
	float:left;
	position:relative;
	margin-top:20px;
	left:50%;
	margin-left:-400px;
}

.ajuda_area_content{ float:left; position:relative; width:100%; }

.ajuda_area img{ border:2px dashed #08a9dd; }
.ajuda_area table tr td{ text-align:left; padding:5px; font-size:80%; }
.ajuda_area table { width:100%; }
.ajuda_area table tr:nth-child(odd) td{
	background-color:#d3eaf4;
}
.ajuda_area table tr:nth-child(even) td{
}

.ajuda_area table tr td:first-child { background:#fbdddd; text-align:center; font-size:120%; width:5%;}
/*########################## INDICE ############################### */

#indice{
	position:absolute;
	width:790px;
	height:250px;
	background:url(../img/bg_comp.jpg);
	border-radius: 0px 0px 15px 15px;
   -moz-box-shadow:    inset 0 0 10px #d0d6c9;
   -webkit-box-shadow: inset 0 0 10px #d0d6c9;
   box-shadow:         inset 0 0 10px #d0d6c9;     
   margin-top:170px;
   left:50%;
   margin-left:-320px;
   z-index:10;	
}

/*########################## CONTEÚDO ############################### */

#conteudo {
	position:relative;
	height:auto !important;
	height:100%;
	min-height:100%;
	overflow:hidden;
	margin-top:175px;
	/*margin-top:210px;*/
}

#conteudo p {
	text-align:justify;
	padding:0 1em;
}

#resultado{ font-size:100%; }
#resultado a{ color:#457f3e; }
#resultado h1{ background:url(../img/marcador1.png) no-repeat; padding:6px 10px 10px 50px; color:#457f3e; }

#resultado h2{ background:url(../img/marcador2.png) no-repeat; padding:0px 10px 10px 50px; color:#1374c0; font-size:160%; font-family:"bebas_neueregular",arial,verdana,sans-serif; }

.imgCarregamento{ width:100%; height:150px; background:url(../img/loading_simple.gif) no-repeat center; position:absolute; margin-top:182px; z-index:99; display:none;}

#scrollArea{ position:relative; width:93%; top:0px; padding:0 5% 0 2%; }

#scrollArea2{ position:absolute; width:100%; top:0px; padding:0; margin:0px; }


.nano {  }
.nano .nano-content { padding:0px 30px 0px 20px; }
.nano .nano-pane   { background: #ededed !important; }
.nano .nano-slider { background: #7fbe5e !important; }

.nano2{}
.nano2 .content2 { padding:0px !important; width:463px !important; padding-right:35px !important; outline: none !important; }

.bt_fechar_painel{ display:block; width:24px; height:24px; float:right; background:url(../img/fechar_inidice.png); text-indent:-9999px; margin-top:10px; }
.bt_fechar_painel:hover{ background-image:url(../img/fechar_inidice_over.png); }

#scrollArea img{ /*min-width:80px !important;*/ }

#btTopo{ width:56px; height:71px; background:url(../img/bt_topo.png); float:right; margin-right:10px; text-indent:-9999px; cursor:pointer; display:block;}
#btTopo:hover{ background-position:-56px 0px; }
#btTopo:active{ background-position:-112px 0px; }


/*########################## QUIZZ ############################### */


#quizz{ display:none;}

#refazer h1{ font-size:120%;}
#enviarQuizz h1{ font-size:120%;}

.pergunta{
	background-color:#e9f2f3;
	float:left;
	position:relative;
	width:100%;
	padding-left:0%;
	padding-right:0%;
	margin-bottom:30px;
	border-radius:10px;
}
.titulo_quizz{
	height:51px;
	float:left;
	position:relative;
	margin-left:50px;
	top:16px;
}
.texto_pergunta{
	background-color:#FFF;
	width:95%;
	position:relative;
	margin:auto;
	margin-bottom:20px;
	padding:15px;
	padding-bottom:5px;
	margin-top:55px;
}
.texto_pergunta p{
	padding-bottom:10px;
}
.titulo_quizz{
	font-size:120%;
	color:#186c9a;
}
.lateral1{
	background-image:url(../img/quizz_img1.png);
	width:39px;
	height:51px;
	float:left;
	position:absolute;
	left:0px;
}
.lateral2{
	background-image:url(../img/quizz_img2.png);
	width:39px;
	height:51px;
	float:right;
}
.reposta1{
	background-image:url(../img/correta.png);
	background-repeat:no-repeat;
	background-position:10px 5px;
	background-color:#cfecce;
	position:relative;
	margin:auto;
	margin-bottom:20px;
	padding:15px;
	padding-left:60px;
	font-weight:bold;
	border-top:1px dashed #1f9e44;
	border-bottom:1px dashed #1f9e44;
	display:none;
}
.reposta2{
	background-image:url(../img/errada.png);
	background-repeat:no-repeat;
	background-position:10px 5px;
	background-color:#f6dad9;
	position:relative;
	margin:auto;
	margin-bottom:20px;
	padding:15px;
	padding-left:60px;
	font-weight:bold;
	border-top:1px dashed #a01010;
	border-bottom:1px dashed #a01010;
	display:none;	
}
.enviarAvaliacao{
	background-image:url(../img/enviar_bt.jpg);
	width:175px;
	height:47px;
	float:left;
	position:relative;
	left:50%;
	margin-left:-87px;
	text-indent:-9999px;
	margin-bottom:10px;
}
.enviarAvaliacao:hover{
	background-position:-175px 0px;	
}

#enviarQuizz{
	width:300px;
	float:left;
	text-align:center;
	position:relative;
	border:1px dashed #00aee2;
	background:#e7f2f6;
	padding:10px;
	border-radius:10px;
	left:50%;
	margin-left:-190px;
}

#refazer{
	width:300px;
	float:left;
	text-align:center;
	position:relative;
	display:none;
	border:1px dashed #00aee2;
	background:#e7f2f6;
	padding:10px;
	border-radius:10px;
	left:50%;
	margin-left:-190px;
}
.refazerBt{
	background-image:url(../img/refazer.png);
	width:175px;
	height:47px;
	float:left;
	position:relative;
	left:50%;
	margin-left:-87px;
	text-indent:-9999px;
	margin-bottom:10px;
}
.refazerBt:hover{
	background-position:-175px 0px;	
}

/*##########################################################################*/
/*##################### ESTILOS DAS PÁGINAS INTERNAS #######################*/
/*##########################################################################*/

.m5{margin-right: 5px;}
.centralizar{text-align: center!important;}
.box{border-radius: 15px; padding: 0.5%;text-align: center;}
.box p{text-shadow: none!important; color:#000!important;}
.azul{background-color: #d2e5e7}
.verde{background-color: #dce7e1;}
iframe{width: 700px; border: none; overflow: hidden;}

.funcoes{background:url(../img/cinza2.jpg); border-radius:10px; border:1px dashed #2b706e; padding:10px; line-height:30px; display:none; margin-bottom: 10px;}
.font150{font-size: 150%;}
#conteudo ul{text-align: justify;}
.tooltip{
	width: 400px; text-align: right; margin: auto;margin-top: -170px;
}

.infos{max-width: 300px;}

#popupCloseRight{max-width: 480px;}
#popupCloseRight-popup .ui-body-c{background:url(../img/cinza2.jpg)!important;}

blockquote {
  padding: 8px;
  margin: 5px;
  font-style: italic;
  margin-left: 20%;
}
  

#diferencas{border: 2px solid #000; max-width: 700px; margin: auto;}
#diferencas th{background-color: #9bd8ed;padding: 5px;}
#diferencas tr{background-color: #d5edf5;padding: 5px;}

.downloadLink{
	display:inline-block;
	width:190px;
	padding:25px;
	padding-left:100px;
	background:url(../img/bt_download.png) no-repeat #e9f4f7 10px 4px;
	border:1px solid #02b2e4;
	border-radius:10px;
	text-decoration:none;
	font-size:18px;
}
.downloadLink:hover{ background-position:10px -78px; background-color:#dbecf1; }