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

/* =========== GERAL ============= */
body{
	width:890px;
	height:600px;
	/*overflow: hidden;*/
	margin:0 auto;
	background-color: gray;
        
  
}

#wrapper{
	margin:0 auto;
	width:890px;
	height:600px;

}


/*//Tablet Android*/

@media only screen and (max-device-height: 600px) and (orientation:landscape) {
  body {
    transform: scale(0.88);
    transform-origin: top left;
  }
}
@media only screen and (max-device-height: 400px) and (orientation:landscape) {
  body {
    transform: scale(0.65);
    transform-origin: top left;
  }
}
@media only screen and (max-device-height: 360px) and (orientation:landscape) {
  body {
    transform: scale(0.6);
    transform-origin: top left;
  }
}


*{
	padding:0;
	margin:0;
	border:0;	
	font-family: "Open Sans";
	
}

h1{
	font-family: "Open Sans";
	font-size:30px;
        line-height: 30px;
	color:gray;
	margin-left:150px;
	margin-top:-80px;
	font-weight:300;
}

h2{
	font-family: "Open Sans";
	font-size:20px;
	color:gray;
	font-weight:300;
	margin-right: 10px;
}

h3{
	font-family: "Open Sans";
	font-size:14px;
	color:gray;
	font-weight:300;
}



/* =========== SECTION CONTEUDO ============= */

#pnApresentacao
{
	width:890px;
	height:552px;
	background:#ffffff;
	margin-left:0px;
	margin-top:0px;
	padding: 0px;
        z-index: 0;


}


/* =========== NAV MENU  ============= */

nav{
	margin:0;	
}

nav ul{
	float:left;	
	display:inline;
	height:550px;
}

nav .menu{
	padding-right:90px;
	
	

}



nav ul li{
	float:left;
	list-style:none;
	/*margin:8px; */
	cursor:pointer;

	display:block;
}
#menu
{
	margin-top: 3px;
}
#submenu{
	position:absolute;
	top: 0px;
	/*margin-left:-16px;
	margin-top:10px;*/
	display:none;
	width:298px;
	background-color: #ffffff;
}


#submenu li{
	display:block;
	float:left;
	width:298px;
	height:92px;
	margin: 0px;
	/* border:1px solid #DCDCDC; 
	margin-top:-10px; */
	background-image: url("../player/fundo.png");
	z-index:1;
}



#submenu li p{
	float:right;
	width:170px;
	font-family: "Open Sans";
	color:gray;
	font-size:18px;
	margin-right:40px;
	margin-top:23px;
	line-height: 20px;
	font-weight:300;
}


#submenu li img{
	width:50px;
	height:50px;
	margin-top:23px;
	margin-left:20px;
}



/* =========== DIV BOTOES DE ACAO  ============= */

#btMenu{
    position: absolute;
    float: left;
    margin-left: 21px;
    margin-top: 11px;
    width: 28px;
    height: 22px;
    
    background-image: url('../player/btMenu.png');
    background-repeat: no-repeat;
    cursor: pointer;
  
}

#btHome
{
    
    background-image: url('../player/bthome.png');
    background-repeat: no-repeat;
    z-index: 9999;
    width: 18px;
    height: 18px;
    cursor: pointer;
    
    position: absolute;
    float: left;
    margin-left: 75px;
    margin-top: 13px;
    
    
    
}

#btLogOff
{
    
    background-image: url('../player/btLogOff.png');
    background-repeat: no-repeat;
    z-index: 9999;
    width: 30px;
    height: 40px;
    cursor: pointer;
    position: relative;
    float: right;
    margin-top: -40px;
    margin-right: 10px;
    
}

#abresimulado
{
    float: right;
    background-image: url('../player/btTesteAprendizado.png');
    background-repeat: no-repeat;
    z-index: 9999;
    width: 124px;
    height: 38px;
    cursor: pointer;
    margin: 5px;
    margin-right: 40px;
    
}

#btAjuda{
    position: absolute;
    float: left;
    margin-left: 39px;
    margin-top: 10px;
    height: 20px;
    width: 19px;
    background-image: url('../player/btAjuda.png');
    background-repeat: no-repeat;
    cursor: pointer;
    display: none;
   
}
#btLinha{
    position: absolute;
    float: left;
    margin-left: 61px;
    margin-top: 10px;
    height: 22px;
    width: 3px;
    background-image: url('../player/linhaDivisoria.png');
    background-repeat: no-repeat;
    cursor: pointer;
   
}

#btRecuar
{
	position: absolute;
	margin-top: 234px;
	margin-left: 21px;
	z-index: 9999;
    width: 42px;
	height: 42px;
	background-image: url('../player/btRecuarOff.png');
    background-repeat: no-repeat;
	cursor: pointer;
}

#btAvancar
{
	position: absolute;
	margin-top: 234px;
	margin-left: 842px;
	background-image: url('../player/btAvancar.png');
        background-repeat: no-repeat;
	z-index: 9999;
    width: 42px;
	height: 42px;
	cursor: pointer;
}

#pnAjuda{

    position: absolute;
    margin-left: 0px;
    margin-top: 0px;
    height: 600px;
    width: 890px;
    top: 0px;
/*    background-image: url('../player/tela_ajuda.jpg');
    background-repeat: no-repeat;*/
 	display:none;
 	z-index: 99999;

}


#paginacao{
	position:absolute;
	margin-left:350px;
	margin-top: 12px;
	width: 190px;
	height: 24px;
	text-align: left;
	display:none;
	
}

#paginaAtual{
    position:absolute;
    margin-left: 324px;
    margin-top: 13px;
    height: 32px;
    width: 32px;
    z-index: 9999;
    background-image: url('../player/pag_atual.png');
    background-repeat: no-repeat;
    display:none;
  
}
#paginaAtual p{
	font-size: 8px;
	font-family: "Open Sans";
	color:white;
 	width: 20px;
 	text-align: center;
 	line-height: 20px;
 
}

#divTitulo
{
	position: absolute;
	margin-top: -20px;
	width: 890px;
	height: 20px;
	background-color: #000000;
	filter:alpha(opacity=30); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;
	display: none;
}
#TituloModulo
{
	position:absolute;
	margin-left:10px;
	font-size: 11px;
	font-family: "Open Sans";
	color: #ffffff;
	font-weight:300;
	line-height: 20px;
	height: 20px;

}
#TituloLicao
{
	position:absolute;
	margin-right:320px;
	font-size: 11px;
	text-align: right;
	width: 880px;
	font-family: "Open Sans";
	font-weight:300;
	color: #ffffff;
	line-height: 20px;
	height: 20px;
}


.btPagina
{
	cursor: pointer;
}

#logo{
	float:right;
	margin-top: 13px;
	margin-right: 5px;
  	width: 124px;
   	height: 19px;
    background-image: url('../player/logo.png');
    background-repeat: no-repeat;
}

#pnRodape{
	margin: 0px;
  	width: 890px;
   	height: 48px;
    background-image: url('../player/barra_player.png');
    background-repeat: no-repeat;
    z-index: 9999;
}

/* =========== Classes Indices  ============= */

#pnIndiceModulo{
	position: absolute;
	top: 0px;
	width:592px;
	height:552px;
	background:#FFFFFF;
	position:absolute;
	margin-left:298px;
	display:none;
}


#menusimulado{
	margin-left:40px;
	margin-top:5px;
}

.menusimulado{
	margin-top:60px;
	overflow: auto;
	height: 362px;
}

.menusimulado > .simulado {
	border-top:1px solid gray;
	width:480px;
	padding:14px;
	font-family: "Open Sans";
	font-weight:300;
	cursor:pointer;
}


.menusimulado > .simulado2 {
	border-top:1px solid gray;
	width:200px;
	padding:20px;
	font-family: "Open Sans";
	font-weight:300;
	float: left;
	cursor: pointer;
}

 .index{
	font-family: "Open Sans";
	font-weight:300;
	font-size: 11px;
	background-color:gray;
	color:white;
	width: 22px;
	height: 22px;
	border-radius:22px;
	padding: 1px;
	float: left;
	margin-right: 4px;
	text-align: center;
	line-height: 20px;
}

 .indexon{
	font-family: "Open Sans";
	font-weight:300;
	font-size: 11px;
	background-color:#E6E6E6;
	color:gray;
	width: 22px;
	height: 22px;
	border-radius:22px;
	border-color: gray;
	padding: 1px;
	float: left;
	margin-right: 4px;
	text-align: center;
	line-height: 20px;
}



#carregaObjetos{
	top: 0px;
	width:0px;
	height:0px;
	background:#FFFFFF;
	display:none;
}

#pnModal{
	position: absolute;
	top: 10px;
	margin-left: 10px;
	width:850px;
	height:510px;
	background:#FFFFFF;
	display: none;
	border: 1px solid gray;
	border-radius:10px;
	padding: 10px;
	overflow: hidden;
	z-index: 999999;
}
#btFecharModal
{
	float:right;
	margin-top: 5px;
	margin-right: 5px;
  	width: 15px;
   	height: 15px;
    background-image: url('../player/btFechar.png');
    background-repeat: no-repeat;
    cursor: pointer;
}

#conteudoModal{
	position: absolute;
	top: 10px;
	width:830px;
	height:510px;
	background:#FFFFFF;
	overflow: auto;
}
.tutorial
{
    	background:#FFFFFF;
	border: 1px solid gray;
	border-radius:10px;
	padding: 15px;
	overflow: hidden;
	z-index: 999999;
	font-family: "Open Sans";
	font-weight:300;
	font-size: 14px;
        width: 60%;
        height: auto;
        min-height: 90px;
        margin: 10px auto;
}

#telaBibliografia
{
        background:#FFFFFF;
	border: 1px solid gray;
	border-radius:10px;
	padding: 20px;
	overflow: hidden;
	z-index: 999999;
	font-family: "Open Sans";
	font-weight:300;
	font-size: 14px;
        width: 80%;
        height: auto;
        min-height: 400px;
        margin: 10px auto;
        display: none;
}

#pnAlerta{
        position: absolute;
    top: 0px;
    margin-left: 0px;
    width:100%;
    height:600px;

    padding: 0px;
    overflow: hidden;
    z-index: 9999;
     background:rgba(66, 53, 53, 0.5);
    display: none;
}
#textoAlerta{
    position: absolute;
    top: 180px;
    margin-left: 170px;
    width:560px;
    height:200px;
    background:#FFFFFF;
    padding: 10px;
    overflow: hidden;
    z-index: 999999;
    background-image: url('../player/caixaalerta.png');
    background-repeat: no-repeat;
    border-radius: 6px;
    cursor: pointer;
    line-height: 200px;
    text-align: center;
    font-family: "Open Sans";
    font-weight:300;
    font-size: 14px;
}

#pnConfirma
{
    position: absolute;
    top: 0px;
    margin-left: 0px;
    width:100%;
    height:600px;
    padding: 0px;
    overflow: hidden;
    z-index: 9999;
     background:rgba(66, 53, 53, 0.5);
    display: none;

}
#botaowrapper
{
   
    position: absolute;
    top: 180px;
    margin-left: 170px;
    width:580px;
    height:221px;
    background:#FFFFFF;
    background-image: url('../player/caixaalerta.png');
    background-repeat: no-repeat;
    overflow: hidden;
    z-index: 9999;
    line-height: 30px;
    text-align: center;
    font-family: "Open Sans";
    font-weight:300;
    font-size: 14px;
    border-radius: 6px;
    
}
#textoConfirma{
    margin-top: 20px;
}
.botaosim
{
    
    width: 100px;
    height: 50px;
    background-image: url('../player/btSim.png');
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    margin-left: 20%;
    margin-top: 10%;
    
}

.botaonao{
    width: 100px;
    height: 50px;
    background-image: url('../player/btNao.png');
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    margin-left: 20%;
    margin-top: 10%;
}


.blink {
    animation:fade 1000ms infinite;
    -webkit-animation:fade 1000ms infinite;
}

@keyframes fade {
    from { opacity: 1.0; }
    30% { opacity: 0.3; }
    to { opacity: 1.0; }
}
 
@-webkit-keyframes fade {
    from { opacity: 1.0; }
    30% { opacity: 0.3; }
    to { opacity: 1.0; }
}


/* =========== LOGIN ============= */

#pnLogin
{
    border: #0078ae 1px solid;
    background: #E6E6E6;
    border-radius: 10px;
    padding: 20px;
    margin: 100px auto;
    width: 50%;
    height: auto;
        
}
#pnLogin label
{
    font-size: 0.8em;
    color: #0078ae;
    display: block;
    margin-top: 15px;
    
}
#pnLogin input
{
    font-size: 1.4em;
    color: #0078ae;
    background-color: #fff;
    border-radius: 5px;
    width: 60%;
    display: block;
    
}
    #btLogin{

        color: #fff;
        background-color: #0068B4;
        padding: 10px;
        width: auto;
        margin-top: 15px;
        float: right;
        cursor: pointer;


    }
    #btLogin:hover {
        color: #0068B4;;
        background-color: #fff;
    }