/* ALTERAR CSS DO CURSO */

#conteudo{ background: #000; }

.canvas{ background-color: #000; }


.footer, #barra, .badge{ background-color: #666; color: #FF0; }

p, h1, h2, h3, th, td, span{ color: #FF0; }

a{ color: #8080FF; }

tr:eq( 0 ){background-color: #999; }

/*a i, .dropdown-menu li a, #disciplina, #menu-paginas a, .dropdown-toggle span{ color: #ff0; }*/

#menu-paginas, #menu-config{ background-color: #333; }
#menuleft, #menuright, #contador-tela-superior{ color: #FF0; }

/*////////////// ------------------------- \\\\\\\\\\\\\\\\\\*\
	
/* FORÇAR A TROCA DO CSS DO SUBMENU(ATUAL) AO APLICAR O CSS DO ALTO CONTRASTE - MENU ACESSIBLIDADE	*/ /* APLICAR ESTILO MOUSEOVER NOS SUBMENUS - MENU ACESSIBILIDADE */
#menu-acessibilidade .dropdown-menu > li > a{ background-color: #777; color: #FF0 !important;}
#menu-acessibilidade .dropdown-menu > li > a:hover{ background-color: #333; color: #FF0 !important; }
	
/* APLICAR ESTILO MOUSEOVER NOS ÍCONES - MENU ACESSIBILIDADE */
#menu-acessibilidade a i:hover i{ opacity: 0.7; color: #BCBCBC;}

/* MENU ACESSIBILIDADE - MENU QUE ESTIVER ATIVO TROCA A COR DO ÍCONE*/
#menu-acessibilidade .open .dropdown-toggle { color: #000 !important; }

#menu-paginas a, #menu-paginas i, #menu-config a{ color: #FF0; }

.nav > li > a:hover, .nav > li > a:focus { background-color: #b3aeae; }

.navbar-toggle:hover{ background-color: #ddd !important;}
.navbar-toggle{ background-color: transparent !important;}


/* MENU PÁGINAS */
#menu-paginas .open .dropdown-toggle, #menu-paginas .dropdown-toggle:hover{ background-color: #b3aeae; }

#menu-paginas .dropdown-toggle{ background-color: #333; }

#menu-paginas .dropdown-menu{ background-color: #666; }

#menu-paginas .dropdown-menu > li > a:hover{ color: #DDD; }

#menu-paginas .active a{ background-color: #955aa5; }
#menu-paginas .active a:hover{ background-color: #b3aeae; }



/* MENU CONFIGURAÇÕES */
#menu-config .open .dropdown-toggle, #menu-config .dropdown-toggle:hover{ background-color: #b3aeae; }

#menu-config .dropdown-toggle{ background-color: #333; }

#menu-config .dropdown-menu { background-color: #666; }

#menu-config .dropdown-menu > li > a:hover{ color: #DDD; }

#menu-config .active a{ background-color: #955aa5; }

.setas-barra{
	background-color:#000; 
}

#menu-principal ul li ul li a{
    color: #ff0 !important;
}

#menu-principal ul li ul li:hover{
    background: #474747 !important;
}

#wrapper-menu p, #wrapper-menu a{
    color: #FF0 !important;
}

body{
	background: #000;
}

h1{
    color: #ff0;
    padding-left:10px;
    border-left: 4px solid #a0a0a0;
}

p, h2, h3, h4, h5, h6, ul{
    color: #ff0;
}

#conteudo a, #conteudo a:hover{
    color: #fff  !important;
}


/* Desktop: */

#wrapper{
	background: #000;
	outline: 1px solid #a0a0a0;
}


/* Barra de Progresso */

#progresso{
    background: #a0a0a0 !important;

}

#status-progresso{
    background: rgba(85,85,85,0.5) !important;
}

/* Fim, Barra de Progresso */

/* Menu */

#wrapper-menu{
    color: #ff0 !important;
    background: #2B2B2B !important;
}

#main_nav {
    background: #474747 !important;
    box-shadow: 0px -1px 5px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px -1px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px -1px 5px 0px rgba(0,0,0,0.3);
}

#main_nav::after{
    border-color: transparent #474747 transparent transparent;
}

#main_nav ul li a{
    color: #ff0;
}

#main_nav ul li a:hover{
    color: #ff0;
}

.close-menu{
    background: #474747;
}

#menu-principal ul{
    background: rgba(85,85,85,0.8) !important;
}

#menu-principal ul li a{
    color: #ff0 !important;
}

#menu-principal ul li a:hover{
    color: #fff !important;
}

/* Fim, Menu */


.navegapag .fa-angle-left, .navegapag .fa-angle-right{
    background:rgba(85,85,85,0.7) !important;
}

#titulopagina{

    color: #ff0 !important;
}

#titulopagina i{
        background: rgba(0,0,0,0.4) !important;
        color: #ff0 !important;
}

.highlight-spot-1{
    background: rgb(0,0,0) !important;
}

.highlight-spot-1:hover {
    background: rgb(0,0,0) !important;
    -webkit-box-shadow: 0px 0px 0px 5px rgb(0,0,0) !important;
    -moz-box-shadow: 0px 0px 0px 5px rgb(0,0,0) !important;
    box-shadow: 0px 0px 0px 5px rgb(0,0,0) !important;
    color: #ff0;
}

#conteudo a.highlight-spot-1{
    color: #fff !important;
}

#conteudo a.highlight-spot-2{
	color: #000 !important
	}

#pag-intro {
    background: #2A2A2A !important;
}

#pag-intro h2 {
    color: #ff0 !important;
}

table {
    color: #ff0 !important;
}

.tabela table, .tabela3 table {
    border: 1px solid #ff0 !important;
}

.tabela2 table tr:first-child{
    background: #2A2A2A;
}

.tabela2 table tr:first-child th, .tabela2 table tr:first-child tr {
    border: 1px solid #ff0 !important;
}

.tabela2 table th, .tabela2 table td {
    border: 1px solid #ff0 !important;
}

.tabela3 table tr:nth-child(odd), .tabela table tr:nth-child(even){
    background-color: rgba(237,237,237,0.3) !important;
}

.accordion {
    background-color: rgba(237,237,237,0.3) !important;
    color: #ff0 !important;
}

.accordion:after {
    color: #ff0 !important;
}

.active, .accordion:hover {
    background-color: rgba(237,237,237,0.2) !important;
    color: #ff0 !important;
}

.panel {
    background-color: rgba(255,255,255,0.4) !important;
}

.titulobox {
    color: #ff0 !important; 
}

.box {
    border-left: 4px solid rgba(0,0,0,0.4) !important
}

.box1{
    border: 6px solid rgba(204,204,204,0.3) !important;
}

.box2 p:first-child, .box2-color p:first-child{
    background: rgba(0,0,0,0.4) !important;
}

.box2-color {
    background: rgba(204,204,204,0.3) !important;
    color: #ff0 !important;
}

.box2-color p{
    color: #ff0 !important;
}

.box3 {
    border-bottom: 2px solid rgba(238,238,238,0.5) !important;
    border-top: 2px solid rgba(238,238,238,0.5) !important;
    background: rgba(204,204,204,0.3) !important;
}

.box4{
    border-left: 2px solid #ff0 !important;
    border-bottom: 2px solid #ff0 !important;
    border-right: 2px solid #ff0 !important;
}

.box4::before, .box4::after {
    background-color: #ff0 !important;
}

.box4 .titulobox::after {
    background-color: #000 !important;
}

.box4 .titulobox{
    color: #ff0 !important;
}

.box5 {
    background: #000;
    -webkit-box-shadow: 0px 0px 16px 0px rgba(255,255,255,1) !important;
    -moz-box-shadow: 0px 0px 16px 0px rgba(255,255,255,1) !important;
    box-shadow: 0px 0px 16px 0px rgba(255,255,255,1) !important;
}

.box6::before, .box6::after {
    background: #000 !important;
}

.box6-color, .box6-color::before, .box6-color::after {
    background: #3E3E3E !important;
}

.box-citacao::before, .closequotes::after{
    color: #ff0;
}

.timeline-circle::before, .timeline-circle::after {
    background-color: #444;
}

.ativo::after{
  background-color: #ff0 !important;
}

.texto-timeline {
    background: rgba(204,204,204,0.3) !important;
    border-top: 5px solid rgba(238,238,238,0.5)  !important;
}

#texto{
    background: rgba(204,204,204,0.3) !important;
}

#timelineh2 .bullet {
    -webkit-box-shadow: 0px 0px 0px 4px rgba(238,238,238,0.5) !important;
    -moz-box-shadow: 0px 0px 0px 4px rgba(238,238,238,0.5) !important;
    box-shadow: 0px 0px 0px 4px rgba(238,238,238,0.5) !important;
}

#timelineh2 .data.current .bullet{
    -webkit-box-shadow: 0px 0px 0px 6px rgba(238,238,238,0.5) !important;
    -moz-box-shadow: 0px 0px 0px 6px rgba(238,238,238,0.5) !important;
    box-shadow: 0px 0px 0px 6px rgba(238,238,238,0.5) !important;
}

#timelinevertical .periodos .data div.data_cont, #timelinevertical .periodos .data::before, #timelinevertical .periodos .data::after {
    background: #444 !important;
}

#timelinevertical .periodos .data:nth-child(odd) div.data_cont::before, #timelinevertical .periodos .data:nth-child(even) div.data_cont::before{
    border-color: transparent transparent transparent #444 !important;
}

#timelinevertical .periodos .data div.data_cont h6 {
    background: rgba(0,0,0,0.4) !important;
    color: #ff0 !important;
}

.tooltip {
    border-bottom: 2px dotted #fff  !important;
}

.bt-sweep{
    background: rgba(204,204,204,0.3) !important;
}

.bt-border{
    background: #444 !important;
    box-shadow: inset 0 0 0 4px #444, 0 0 1px transparent !important;
    }

.bt-border:hover{
    background: none !important;
    color: #ff0 !important;
}

.slideshow-container{
    background: rgba(85,85,85,0.8) !important;
}

.dot-container {
    background: rgba(255,255,255,0.2);
}

.overlay-content{
    background: #444 !important;
}

.overlay-content i{
    background: #ff0 !important;
    color: #444 !important;
}

.overlay-content i:hover{
    background: rgba(255,255,255,0.5) !important;
    color: #444 !important;
}

#fulloverlay-content {
    background: rgba(0,0,0,0.8) !important;
}

#exercicios-wrapper {
    background: rgba(0,0,0,0.94) !important;
}

#tituloh1 {
    color: #ff0 !important;
}

#tituloh1::after {
    background: #ff0 !important;
}

ol.exercicios{
    color: #ff0 !important
}

.lista-draggable, .lista-droppable{
    color: #ff0 !important;
}

.importante::after, .saibamais::after, .dica::after, .vcsabia::after{
    color:#ff0 !important;
}

.separador, .separador::after{
    background-color: #ff0;
}

.separador::before{
    background-color: #000;
}

.button-rounded label{
    background: rgba(0,0,0,0.5) !important;
}

.roundeds input:focus + label, .roundeds input:checked + label{
    border-color: #ff0 !important;
}

.errado2 i, .certo2 i{
    color: #444 !important;
}

.errado::before, .certo::before{
    border-color: transparent #444 transparent transparent;
}

.respcerto::after, .resperrado::after{
    color: #000 !important;
}

label.resp.respcerto, .circ_certo{
    border-color:#ff0 !important;
}

label.resp.resperrado{
    border-color:#ff0 !important;
}

.respcerto.resp::after, .resperrado.resp::after{
    background: #ff0 !important;
}

.certo, .errado, .certo2, .errado2{
    background: #444 !important;
    color: #ff0 !important;
}

.overlay .certo2 p, .overlay .errado2 p, .overlay .certo2 .titulobox, .overlay .errado2 .titulobox, .atencao2 p, .certo2 p, .errado2 p, .certo2 .titulobox, .errado2 .titulobox, .atencao2 .titulobox, .errado2::after, .certo2::after, .atencao2::after, .resposta-exercicio p, .errado::after, .certo::after, .atencao::after{
    color: #ff0 !important;
}

.disabledtrue, .disabledtrue:hover, .disabledfalse, .disabledfalse:hover{
    background: rgb(68, 68, 68) !important;
    cursor: default;
    box-shadow: inset 0 0 0 4px rgb(68, 68, 68), 0 0 1px transparent !important;
    color: #ff0 !important;
}

.bt-border.bt-importante, .bt-border.bt-importante:hover, .bt-border.bt-saibamais, .bt-border.bt-saibamais:hover, .bt-border.bt-dica, .bt-border.bt-dica:hover, .bt-border.bt-vcsabia, .bt-border.bt-vcsabia:hover{
    color: #ff0 !important;
}


.importante2 i, .saibamais2 i, .dica2 i, .vcsabia2 i{
    color: #444 !important;
}

.overlay .dica2 p, .overlay .dica2 .titulobox, .dica2 p, .dica2 .titulobox, .overlay .importante2 p, .overlay .importante2 .titulobox, .importante2 p, .importante2 .titulobox .overlay .saibamais2 p, .overlay .saibamais2 .titulobox, .saibamais2 p, .saibamais2 .titulobox, .overlay .vcsabia2 p, .overlay .vcsabia2 .titulobox, .vcsabia2 p, .vcsabia2 .titulobox{
    color: #ff0 !important;
}

.importante2::after, .saibamais2::after, .dica2::after, .vcsabia2::after{
    color: #ff0 !important;
}

@media only screen and (max-width: 600px) {

    #titulopagina{
        background: rgba(85,85,85,0.8) !important;
    }

    .navegapag {
    background: #000;
    }

    #menu-principal ul ul{
        background: #474747 !important;
    }

    #menu-principal ul{
        background: none !important;
    }

}