/* regras para a definição gráfica dos estados interactivos dos
botões e do hypertexto */


/* ____________________ Hyperlinks _____________________*/
a {
    color: #06F;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
/*para evitar o tracejado à volta do objecto clicado — típico do Firefox*/
a:active, a:focus {
    outline: none;
}
a.link_area_toda {
	/* para garantir que o link tem o mesmo tamanho que a Div onde está inserido*/
    display: block;
    width: 100%;
    height: 100%;
}
a.maisinfo_pre {
    background-image: url(../imagens/interface/nav/seta_maisinfo.gif);
    background-repeat: no-repeat;
    background-position: 0% 50%;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
    white-space: nowrap;
    zoom: 1;
    padding-left: 16px;
}
a.maisinfo_pos {
    background-image: url(../imagens/interface/nav/seta_maisinfo.gif);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
    padding-right: 8px;
    white-space: nowrap;
    zoom: 1;
}
a.maisinfo_index {
    background-image: url(../imagens/interface/nav/seta_baixo.gif);
    background-repeat: no-repeat;
    background-position: 0% 14%;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
    white-space: normal;
    zoom: 1;
    padding-left: 16px;
}
a span.maisinfo_abaixo {
    display: block;
    float: left;
    padding-right: 12px;
    background-image: url(../imagens/interface/nav/seta_baixo.gif);
    background-repeat: no-repeat;
    background-position: 100% 50%;
}
a:hover span.maisinfo_abaixo {
    text-decoration: underline;
}
a.volta_acima {
    float: right;
    margin-top: 1em;
    padding-right: 10px;
    text-align: right;
    background-image: url(../imagens/interface/nav/seta_cima.gif);
    background-repeat: no-repeat;
    background-position: 100% 50%;
}
a.volta_atras {
    text-align: left;
    background-repeat: no-repeat;
    background-position: 0% 50%;
    padding-left: 16px;
    float: right;
}
.advance_please a {
    color: #000;
    text-decoration: none;
}
.seta_atras_incinza {
    background-image: url(../imagens/interface/nav/seta_voltatras_c.gif);
}
.seta_atras_inbranco {
    background-image: url(../imagens/interface/nav/seta_voltatras_b.gif);
}
/* ____________________ Link "veja mais" + icon __________________*/
a.veja_mais {
    /*--- texto do hyperlink ---*/ 
    font-size: 1.07em;
    color:inherit;
    padding-right: 1.5em;
    white-space: nowrap;
}
a.icon_posterior {
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 50%;
}
a.bt_play_branco {
	background-image: url(../imagens/interface/nav/bt_play_branco.svg);
}
a.bt_play_preto {
	background-image: url(../imagens/interface/nav/bt_play_preto.svg);
}

/* ____________________ Acoredeon / Fole__________________*/

.fole .titulo_info a {
    display: block;
    color: inherit;
    text-decoration: none;
}
.fole .titulo_info a::after {
    float: right;
    font-weight: lighter;
    font-size: 0.56em;
}
.fole .titulo_info a:not(.collapsed)::after {
    content: "X";
}
.fole .titulo_info a.collapsed::after {
    font-size: 0.69em;
    content: " ";
}
.fole .titulo_info a:active::after {
    font-size: 0.82em;
}
/* ____________________ submenu_____________________*/
#submenu_knowledge a {
    display: block;
    color: #000;
    text-decoration: none;
}
#submenu_knowledge a:hover {
    text-decoration: underline;
}
#submenu_knowledge a:active {
    color: #FFF;
    background-color: #000;
    text-decoration: none;
}
#submenu_knowledge a:visited {
    color: #000;
}
#info_callus a {
    color: #000;
    text-decoration: underline;
}
#info_rodape a.facebook_titulo {
    color: #000;
    text-decoration: none;
}
.facebook_icon {
    cursor: hand;
    cursor: pointer;
}
#info_rodape a, #info_rodape a.email {
    color: #000;
    text-decoration: underline;
}

/* ___________________ Media Queries ___________________ */
@media screen and (max-width: 767px) {
#submenu_knowledge a:hover {
    text-decoration: none;
}
/*#submenu_knowledge a::after {
	content: "+";
	font-size: 0.75em;
	font-weight: lighter;
	float: right;
}*/
/*#submenu_knowledge li:active {
	background-color: #000;
}*/
}

@media screen and (max-width: 479px) {
}