#global{
	width:100%;
	height:100%;
	
}

#capa{
	width:100%;
	height:100%;
	opacity:0;
}

#topo_capa{
	width:100%;
	height:auto;
	float:left;
	position:relative;
}

#meio_capa{
	width:100%;
	height:auto;
	float:left;
	position:relative;
}

#rodape_capa{
	width:100%;
	height:auto;
	float:left;
	position:relative;
	
}


#topo{
	width:100%;
	height:auto;
	float:left;
	position:relative;
}

#img-topo{
	width:100%;
	height:auto;
	float:left;
	position:relative;
}

#logo{
	width:382px;
	height:auto;
	float:left;
	position:relative;
	margin:20px;
}

#titulo{
	width:356px;
	height:auto;
	float: right;
	position:relative;
	margin:40px 20px 0px 20px;
}

#conteudo{
	width:100%;
	height:auto;
	float: left;
	position:relative;
}

#rodape{
	width:100%;
	height:auto;
	float: left;
	position:relative;
	
}

#img-cat{
	width:50%;
	height:auto;
	margin:20px;
	float:left;	
}

#img-cat1{
	width:25%;
	height:auto;
	margin:20px;
	float:left;	
}

#img-cat_100{
	width:100%;
	height:auto;
	
	float:left;	
}

.imgs_cat{float:left; box-shadow: 4px 4px 7px #666666;}

#titulo_cat{
	width:100%;
	float:left;
	height:auto;
}




.texto{
	font-size:40pt;
	color:#DF1740;
	margin:10px;
	float:left;
}

.texto_6{
	font-size:40pt;
	color:#2C7F9E;
	margin:10px;
	float:left;
}

.separador{
	/*background:url(../images/tracos_03.png) repeat-x;*/
	border-bottom: double #666666 2px;
	width:100%;
	height:5px;
	margin:10px 0 0 0;
	float:left;
}

#texto_descricao{
	width:43%;
	height:auto;
	float: right;
	margin:0 2% 0 0;
	text-align:right;
	font-size:20pt;
	line-height:22pt;
	
}

#primeiro{
	height:0px;
	opacity:0;
	
}

#home{
	height:0px;
	opacity:0;
	float:left;
	display:none;
}

#meio{
	height:100%;
	opacity:1;
	float:left;
	width:100%;
	
}

#btn_saiba{
	color:#fff;
	font-size:30pt;
	padding:20px;
	float:right;
	margin:10px 2% 10px 0 !important;
	background:#ed2048;
	height:auto;
}

#btn_voltar{
	color:#fff;
	font-size:30pt;
	padding:20px;
	float:right;
	margin:10px 2% 10px 0 !important;
	background:#000;
	opacity:0;
	height:auto;
}

#ventanita{
	opacity:1;
	float:left;
	width:100%;
}

#ventanita_mais{
	height:auto;
	opacity:0;
	float:left;
	display:none;
	width:100%;
}

/* -------- Recre --------- */
#btn_saiba_recreo{
	color:#fff;
	font-size:30pt;
	padding:20px;
	float:right;
	margin:10px 2% 10px 0 !important;
	background:#ed2048;
	height:auto;
}

#btn_voltar_recreo{
	color:#fff;
	font-size:30pt;
	padding:20px;
	float:right;
	margin:10px 2% 10px 0 !important;
	background:#000;
	opacity:0;
	height:auto;
}

#recreo{
	opacity:1;
	float:left;
	width:100%;
}

#recreo_mais{
	height:auto;
	opacity:0;
	float:left;
	display:none;
	width:100%;
}
/* ------------- FIM ------------ */

/* -------- Ventana --------- */
#btn_saiba_ventana{
	color:#fff;
	font-size:30pt;
	padding:20px;
	float:right;
	margin:10px 2% 10px 0 !important;
	background:#0072BC;
	height:auto;
}

#btn_voltar_ventana{
	color:#fff;
	font-size:30pt;
	padding:20px;
	float:right;
	margin:10px 2% 10px 0 !important;
	background:#000;
	opacity:0;
	height:auto;
}

#ventana{
	opacity:1;
	float:left;
	width:100%;
}

#ventana_mais{
	height:auto;
	opacity:0;
	float:left;
	display:none;
	width:100%;
}
/* ------------- Ventana ------------ */

/* -------- Nuevo --------- */
#btn_saiba_nuevo{
	color:#fff;
	font-size:30pt;
	padding:20px;
	float:right;
	margin:10px 2% 10px 0 !important;
	background:#0072BC;
	height:auto;
}

#btn_voltar_nuevo{
	color:#fff;
	font-size:30pt;
	padding:20px;
	float:right;
	margin:10px 2% 10px 0 !important;
	background:#000;
	opacity:0;
	height:auto;
}

#nuevo{
	opacity:1;
	float:left;
	width:100%;
}

#nuevo_mais{
	height:auto;
	opacity:0;
	float:left;
	display:none;
	width:100%;
}
/* ------------- Nuevo ------------ */


/* -------- esencial --------- */
#btn_saiba_esencial{
	color:#fff;
	font-size:30pt;
	padding:20px;
	float:right;
	margin:10px 2% 10px 0 !important;
	background:#0072BC;
	height:auto;
}

#btn_voltar_esencial{
	color:#fff;
	font-size:30pt;
	padding:20px;
	float:right;
	margin:10px 2% 10px 0 !important;
	background:#000;
	opacity:0;
	height:auto;
}

#esencial{
	opacity:1;
	float:left;
	width:100%;
}

#esencial_mais{
	height:auto;
	opacity:0;
	float:left;
	display:none;
	width:100%;
}
/* ------------- esencial ------------ */


/* -------- paquete --------- */
#btn_saiba_paquete{
	color:#fff;
	font-size:30pt;
	padding:20px;
	float:right;
	margin:10px 2% 10px 0 !important;
	background:#8FA51C;
	height:auto;
}

#btn_voltar_paquete{
	color:#fff;
	font-size:30pt;
	padding:20px;
	float:right;
	margin:10px 2% 10px 0 !important;
	background:#000;
	opacity:0;
	height:auto;
}

#paquete{
	opacity:1;
	float:left;
	width:100%;
}

#paquete_mais{
	height:auto;
	opacity:0;
	float:left;
	display:none;
	width:100%;
}
/* ------------- Paquete ------------ */

/* -------- listo --------- */
#btn_saiba_listo{
	color:#fff;
	font-size:30pt;
	padding:20px;
	float:right;
	margin:10px 2% 10px 0 !important;
	background:#8FA51C;
	height:auto;
}

#btn_voltar_listo{
	color:#fff;
	font-size:30pt;
	padding:20px;
	float:right;
	margin:10px 2% 10px 0 !important;
	background:#000;
	opacity:0;
	height:auto;
}

#listo{
	opacity:1;
	float:left;
	width:100%;
}

#listo_mais{
	height:auto;
	opacity:0;
	float:left;
	display:none;
	width:100%;
}
/* ------------- listo ------------ */

/* -------- unico --------- */
#btn_saiba_unico{
	color:#fff;
	font-size:30pt;
	padding:20px;
	float:right;
	margin:10px 2% 10px 0 !important;
	background:#8FA51C;
	height:auto;
}

#btn_voltar_unico{
	color:#fff;
	font-size:30pt;
	padding:20px;
	float:right;
	margin:10px 2% 10px 0 !important;
	background:#000;
	opacity:0;
	height:auto;
}

#unico{
	opacity:1;
	float:left;
	width:100%;
}

#unico_mais{
	height:auto;
	opacity:0;
	float:left;
	display:none;
	width:100%;
}
/* ------------- unico ------------ */

/* -------- esencial2 --------- */
#btn_saiba_esencial2{
	color:#fff;
	font-size:30pt;
	padding:20px;
	float:right;
	margin:10px 2% 10px 0 !important;
	background:#8FA51C;
	height:auto;
}

#btn_voltar_esencial2{
	color:#fff;
	font-size:30pt;
	padding:20px;
	float:right;
	margin:10px 2% 10px 0 !important;
	background:#000;
	opacity:0;
	height:auto;
}

#esencial2{
	opacity:1;
	float:left;
	width:100%;
}

#esencial2_mais{
	height:auto;
	opacity:0;
	float:left;
	display:none;
	width:100%;
}
/* ------------- esencial2 ------------ */

/* -------- prefiero --------- */
#btn_saiba_prefiero{
	color:#fff;
	font-size:30pt;
	padding:20px;
	float:right;
	margin:10px 2% 10px 0 !important;
	background:#8FA51C;
	height:auto;
}

#btn_voltar_prefiero{
	color:#fff;
	font-size:30pt;
	padding:20px;
	float:right;
	margin:10px 2% 10px 0 !important;
	background:#000;
	opacity:0;
	height:auto;
}

#prefiero{
	opacity:1;
	float:left;
	width:100%;
}

#prefiero_mais{
	height:auto;
	opacity:0;
	float:left;
	display:none;
	width:100%;
}
/* ------------- prefiero ------------ */


/* -------- mucho --------- */
#btn_saiba_mucho{
	color:#fff;
	font-size:30pt;
	padding:20px;
	float:right;
	margin:10px 2% 10px 0 !important;
	background:#8FA51C;
	height:auto;
}

#btn_voltar_mucho{
	color:#fff;
	font-size:30pt;
	padding:20px;
	float:right;
	margin:10px 2% 10px 0 !important;
	background:#000;
	opacity:0;
	height:auto;
}

#mucho{
	opacity:1;
	float:left;
	width:100%;
}

#mucho_mais{
	height:auto;
	opacity:0;
	float:left;
	display:none;
	width:100%;
}
/* ------------- mucho ------------ */


/* -------- mochila --------- */
#btn_saiba_mochila{
	color:#fff;
	font-size:30pt;
	padding:20px;
	float:right;
	margin:10px 2% 10px 0 !important;
	background:#00A1E4;
	height:auto;
}

#btn_voltar_mochila{
	color:#fff;
	font-size:30pt;
	padding:20px;
	float:right;
	margin:10px 2% 10px 0 !important;
	background:#000;
	opacity:0;
	height:auto;
}

#mochila{
	opacity:1;
	float:left;
	width:100%;
}

#mochila_mais{
	height:auto;
	opacity:0;
	float:left;
	display:none;
	width:100%;
}
/* ------------- mochila ------------ */



/* -------- viva --------- */
#btn_saiba_viva{
	color:#fff;
	font-size:30pt;
	padding:20px;
	float:right;
	margin:10px 2% 10px 0 !important;
	background:#00A1E4;
	height:auto;
}

#btn_voltar_viva{
	color:#fff;
	font-size:30pt;
	padding:20px;
	float:right;
	margin:10px 2% 10px 0 !important;
	background:#000;
	opacity:0;
	height:auto;
}

#viva{
	opacity:1;
	float:left;
	width:100%;
}

#viva_mais{
	height:auto;
	opacity:0;
	float:left;
	display:none;
	width:100%;
}
/* ------------- viva ------------ */

/* -------- clave --------- */
#btn_saiba_clave{
	color:#fff;
	font-size:30pt;
	padding:20px;
	float:right;
	margin:10px 2% 10px 0 !important;
	background:#00A1E4;
	height:auto;
}

#btn_voltar_clave{
	color:#fff;
	font-size:30pt;
	padding:20px;
	float:right;
	margin:10px 2% 10px 0 !important;
	background:#000;
	opacity:0;
	height:auto;
}

#clave{
	opacity:1;
	float:left;
	width:100%;
}

#clave_mais{
	height:auto;
	opacity:0;
	float:left;
	display:none;
	width:100%;
}
/* ------------- clave ------------ */

/* -------- dici --------- */
#btn_saiba_dici{
	color:#fff;
	font-size:30pt;
	padding:20px;
	float:right;
	margin:10px 2% 10px 0 !important;
	background:#CF118C;
	height:auto;
}

#btn_voltar_dici{
	color:#fff;
	font-size:30pt;
	padding:20px;
	float:right;
	margin:10px 2% 10px 0 !important;
	background:#000;
	opacity:0;
	height:auto;
}

#dici{
	opacity:1;
	float:left;
	width:100%;
}

#dici_mais{
	height:auto;
	opacity:0;
	float:left;
	display:none;
	width:100%;
}
/* ------------- dici ------------ */

/* -------- dici --------- */
#btn_saiba_paso{
	color:#fff;
	font-size:30pt;
	padding:20px;
	float:right;
	margin:10px 2% 10px 0 !important;
	background:#CF118C;
	height:auto;
}

#btn_voltar_paso{
	color:#fff;
	font-size:30pt;
	padding:20px;
	float:right;
	margin:10px 2% 10px 0 !important;
	background:#000;
	opacity:0;
	height:auto;
}

#paso{
	opacity:1;
	float:left;
	width:100%;
}

#paso_mais{
	height:auto;
	opacity:0;
	float:left;
	display:none;
	width:100%;
}
/* ------------- paso ------------ */