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

*{
	margin:0;
	padding:0;	
}

body {
	/*margin: 0;
	padding:0;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	/*padding-top: 130px;*/	
}

p{
	/*margin: 0 0 14px 0;	
	color: #FFF;*/
}



/************/
/************/



/* Menor ou igual a 299px  */


@media (max-width: 299px) 
{
    body
    {
	    padding-top: 0;		
    }

	.img_logo
	{
		height: 108px;
	    padding-top: 20px;
	    padding-bottom: 5px;
	    margin-left: 30px;
	}
	
	.img_detalhe
	{
		display: none;
	}
	
	#overlay-frame {display:none;position:absolute;left:0;top:0;width:100%;height:3000px;z-index:1}
    #overlay {display:none;position:fixed;left:0;top:0;width:100%;height:3000px;background:#000;opacity:.6;z-index:2}
    .layer {position:fixed;top:-7%;display:none;padding-top:5px;padding-right:5px;padding-left:5px;padding-bottom:5px;box-shadow:0 0 10px #000;background:#fff;z-index:3;height:3000px}
    .layer .close {position:absolute;right:396px;top:28px;padding:3px 6px 1px 6px;font-family:"Arial, Tahoma, Verdana", sans-serif;border-radius:20px}
    .layer .title {font-size:30px;font-family:"Arial, Tahoma, Verdana", sans-serif;color:#666;text-transform:uppercase}
    .layer .text {margin:10px 0 20px 0;font-size:14px;font-family:"Arial, Tahoma, Verdana", sans-serif;color:#666}
    .layer .text {margin:10px 0 20px 0;font-size:12pt;font-family:"Arial, Tahoma, Verdana", sans-serif;color:#fff}
    .layer .text_bold {font-weight:bold; margin:10px 0 20px 0;font-size:12pt;font-family:"Arial, Tahoma, Verdana", sans-serif;color:#fff}
    .layer p {margin:0 0 10px 0}
    .layer .textoConfirmaCompra {font-family: verdana; font-size: larger; color: rgb(44, 109, 119)}
}
    


/* Entre 300px e 530px  */


@media (min-width: 300px) and (max-width: 570px) 
{    
    body
    {
	    padding-top: 0;		
    }
    
	.img_logo
	{
		height: 108px;
	    padding-top: 50px;
	    padding-bottom: 5px;
	}
	
	.img_detalhe
	{
		display: none;
	}
	
	.msg-obs
    {
        display: none;
    }
	
	#overlay-frame {display:none;position:absolute;left:0;top:0;width:100%;height:3000px;z-index:1}
    #overlay {display:none;position:fixed;left:0;top:0;width:100%;height:3000px;background:#000;opacity:.6;z-index:2}
    .layer {position:fixed;top:-7%;display:none;padding-top:5px;padding-right:5px;padding-left:5px;padding-bottom:5px;box-shadow:0 0 10px #000;background:#fff;z-index:3;height:3000px}
    .layer .close {position:absolute;right:396px;top:28px;padding:3px 6px 1px 6px;font-family:"Arial, Tahoma, Verdana", sans-serif;border-radius:20px}
    .layer .title {font-size:30px;font-family:"Arial, Tahoma, Verdana", sans-serif;color:#666;text-transform:uppercase}
    .layer .text {margin:10px 0 20px 0;font-size:14px;font-family:"Arial, Tahoma, Verdana", sans-serif;color:#666}
    .layer .text {margin:10px 0 20px 0;font-size:12pt;font-family:"Arial, Tahoma, Verdana", sans-serif;color:#fff}
    .layer .text_bold {font-weight:bold; margin:10px 0 20px 0;font-size:12pt;font-family:"Arial, Tahoma, Verdana", sans-serif;color:#fff}
    .layer p {margin:0 0 10px 0}
    .layer .textoConfirmaCompra {font-family: verdana; font-size: larger; color: rgb(44, 109, 119)}
}


/* Entre 531px e 767px  */


@media (min-width: 571px) and (max-width: 767px) 
{
    body
    {
	    padding-top: 0;		
    }
    
	.img_logo{
		height: 108px;
	    padding-top: 8px;
	}
	
	.img_detalhe
    {
	    height: 45px;
	    padding-top: 20px;
	    padding-bottom: 5px;
	    margin-left : 20px;
    }
    
    .msg-obs
    {
        display: none;
    }
       
    #overlay-frame {display:none;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}
    #overlay {display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:.6;z-index:2}
    .layer {position:fixed;left:5%;top:15%;display:none;padding:25px;box-shadow:0 0 10px #000;background:#fff;z-index:3}
    .layer .close {position:absolute;right:-10px;top:-10px;padding:3px 6px 1px 6px;font-family:"Arial, Tahoma, Verdana", sans-serif;border-radius:20px}
    .layer .title {font-size:30px;font-family:"Arial, Tahoma, Verdana", sans-serif;color:#666;text-transform:uppercase}
    .layer .text {margin:10px 0 20px 0;font-size:14px;font-family:"Arial, Tahoma, Verdana", sans-serif;color:#666}
    .layer .text {margin:10px 0 20px 0;font-size:12pt;font-family:"Arial, Tahoma, Verdana", sans-serif;color:#fff}
    .layer .text_bold {font-weight:bold; margin:10px 0 20px 0;font-size:12pt;font-family:"Arial, Tahoma, Verdana", sans-serif;color:#fff}
    .layer p {margin:0 0 10px 0}
    .layer .textoConfirmaCompra {font-family: verdana; font-size: larger; color: rgb(44, 109, 119)}
       
}


/* Entre 768px e 979px */


@media (min-width: 768px) and (max-width: 979px) 
{
    body
    {
	    padding-top: 0;		
    }
    
	.img_logo
	{
		height: 108px;
	    padding-top: 8px;
	}
	
	.img_detalhe
    {
	    height: 45px;
	    padding-top: 20px;
	    padding-bottom: 5px;
	    margin-left : 30px;
    }
    
    .msg-obs
    {
        display: none;
    }
    
    #overlay-frame {display:none;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}
    #overlay {display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:.6;z-index:2}
    .layer {width: 610px; position:fixed;left:5%;top:15%;display:none;padding:25px;box-shadow:0 0 10px #000;background:#fff;z-index:3}
    .layer .close {position:absolute;right:-10px;top:-10px;padding:3px 6px 1px 6px;font-family:"Arial, Tahoma, Verdana", sans-serif;border-radius:20px}
    .layer .title {font-size:30px;font-family:"Arial, Tahoma, Verdana", sans-serif;color:#666;text-transform:uppercase}
    .layer .text {margin:10px 0 20px 0;font-size:14px;font-family:"Arial, Tahoma, Verdana", sans-serif;color:#666}
    .layer .text {margin:10px 0 20px 0;font-size:12pt;font-family:"Arial, Tahoma, Verdana", sans-serif;color:#fff}
    .layer .text_bold {font-weight:bold; margin:10px 0 20px 0;font-size:12pt;font-family:"Arial, Tahoma, Verdana", sans-serif;color:#fff}
    .layer p {margin:0 0 10px 0}
    .layer .textoConfirmaCompra {font-family: verdana; font-size: larger; color: rgb(44, 109, 119)}
    
    
}

/* maior ou igual a 980px */

@media (min-width: 980px) 
{
    
	.img_logo
	{
		height: 108px;
	    padding-top: 8px;
	    padding-bottom: 0px;
    }
    
    .img_detalhe
    {
	    height: 45px;
	    padding-top: 20px;
	    padding-bottom: 5px;
	    margin-left : 30px;
    }
        
    .msg-obs
    {
        display: none;
    }
    
    #overlay-frame {display:none;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}
    #overlay {display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:.6;z-index:2}
    .layer {width: 610px; position:fixed;left:5%;top:15%;display:none;padding:25px;box-shadow:0 0 10px #000;background:#fff;z-index:3}
    .layer .close {position:absolute;right:-18px;top:-20px;padding:3px 6px 1px 6px;font-family:"Arial, Tahoma, Verdana", sans-serif;border-radius:20px}
    .layer .title {font-size:30px;font-family:"Arial, Tahoma, Verdana", sans-serif;color:#666;text-transform:uppercase}
    .layer .text {margin:10px 0 20px 0;font-size:14px;font-family:"Arial, Tahoma, Verdana", sans-serif;color:#666}
    .layer .text {margin:10px 0 20px 0;font-size:12pt;font-family:"Arial, Tahoma, Verdana", sans-serif;color:#fff}
    .layer .text_bold {font-weight:bold; margin:10px 0 20px 0;font-size:12pt;font-family:"Arial, Tahoma, Verdana", sans-serif;color:#fff}
    .layer p {margin:0 0 10px 0}
    .layer .textoConfirmaCompra {font-family: verdana; font-size: larger; color: rgb(44, 109, 119)}


}

	.img_logo{
		height: 97px;
	    width:240px;
	}



/* Regras Gerais */





/*#header {
	width: 100%;
	height: 80px;
	clear:both;*/
	/*background-image:url(../images/bg_header.gif);*/
	/*background-image: url(../../i/img_novas/header.png);*/
	/*background-repeat: repeat-x;*/
/*}

#topo {*/
	/*width: 960px;
	height: 80px;
    margin: auto;
	position:relative;
	background-image: url(../../i/img_novas/header.png);
}

#logo {
	float: left;
	width: 124px;
	height: 46px;
	margin: 17px 0px 0px 28px;
	background-image:url(../../i/img_novas/logo_locker.png);
	background-position: 0 -767px;
}


.img_helpdesck_negativo{
	height: 20px;
}


/*.direita-header{
	padding-top: 200px;
}*/




/**********/
/**********/






/*.navbar-inner{
	background-image: url(img/icon/header.png);
}*/




/************/
/************/




/*#header {
 width: 100%;
 height: 80px;
 clear:both;
 background-image:url(../images/bg_header.gif);
 background-repeat: repeat-x;
}

#topo {
 width: 960px;
 height: 80px;
    margin: auto;
}

#logo {
 float: left;
 width: 124px;
 height: 46px;
 margin: 17px 0px 0px 28px;
 background-image:url(../images/sprite.png);
 background-position: 0 -767px;
}

#menu_topo {
 width: 142px;
 float:right;
 height: 54px;
 margin: 13px 8px 0px 0px;
}


.botao_conta {
 display:block;
 text-decoration: none;
 float:left;
 width: 140px;
 height: 16px;
 font-family: Arial;
 font-size: 14px;
 color: #005078;
 font-weight: bold;
 font-family: Arial;
 font-size: 14px;
 color: #005078;
}

.botao_conta:hover {
 color: #008acf;
}

.texto_conta {
 float:left;
}


.setacima_conta{
 display:block;
 width: 9px;
 height: 7px;
 background: url(../images/sprite.png) 0px -447px #005078;
 float:right;
 margin: 4px 0px 0 0; 
}

a:hover .setacima_conta {
 background-color: #008acf;
 -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: background-color 0.2s linear;
}


.botao_helpdesk {
 display:block;
 text-decoration: none;
 clear:both;
 width: 98px;
 height: 20px;
 margin: 24px 0px 0px 0px;
 background-image:url(../images/sprite.png);
 background-position: 0 -259px;
 padding: 3px 0px 0px 44px;
 font-family: Arial;
 font-size: 12px;
 color: #FFF;
 font-weight: bold;
}

.botao_helpdesk:hover {
 background-image:url(../images/sprite.png);
 background-position: 0 -284px;
}
*/
/*a {
	color: #005c89;
	margin: 13px 20px 0 0;
	text-decoration:none;
	font-weight: bold;
}*/

/*a:hover {
	color: #008acf;
	-moz-transition: all 0.2s linear;
 	-webkit-transition: all 0.2s linear;
 	-o-transition: all 0.2s linear;
 	transition: color 0.2s linear;
	cursor: pointer;
}*/

/*#conteudo{
	width: 660px;
	margin: 0 auto;
	padding-top:29px;	
}*/

/*.painel {
	width: 660px;
	border: #d5d5d5 1px solid;
	border-radius: 3px;
	padding: 0;	
}*/

/*h2 {
	margin: 9px 0 10px 17px;
	padding: 0;
	color: #4c4c4c;
	font-size: 24px;
	width: 550px;
	display:block;	
	float: left;
}

#empt{
	width: 411px;
	margin: 76px auto 0 auto;
	padding-top:29px;
}

.boia{
	width: 312px;
	height: 140px;	
	background: url(../images/sprite.png) 0px -308px #fff;
	margin: 0 auto;
}

#empt h2 {
	margin: 35px auto 12px auto;
	color: #a3a3a3;
	width: 411px;
	text-align:center;
	font-weight: normal;
}

#empt p{
	text-align: center;	
	margin: 0 0 33px 0;
	color: #a3a3a3;
}

#empt a{
	background: url(../images/sprite.png) 0px -181px #fff;
	width: 217px;
	height: 27px;
	display: block;
	margin: 0 auto;
	color: #fff;
	padding: 10px 0 0 88px; 	
}

#empt a:hover{
	background: url(../images/sprite.png) 0px -220px #fff;
	padding: 11px 0 0 88px; 
	cursor: pointer;
}

/*.edit_g {
    display:block;
	width: 22px;
	height: 22px;
	background: url(../images/sprite.png) 0px -499px #005c89;
	float:right;
	margin: 13px 20px 0 0;
}

.edit_g:hover {
	background-color: #008acf;
	-moz-transition: all 0.2s linear;
 	-webkit-transition: all 0.2s linear;
 	-o-transition: all 0.2s linear;
 	transition: background-color 0.2s linear;
	/*cursor: pointer;
}

h3{
	margin: 0 0 0 17px;
	padding: 0;
	font-size: 14px;
	color: #666666;
	display:block;
	float:left;
	width: 582px;
}*/

/*.inst_painel{
	background-color: #ededed;
	width:660px;
	height:30px;
	clear:both;
	padding: 13px 0 0 0;
	border-top: solid 1px #e5e5e5;
}

.inst_painel a:hover h3{
	-moz-transition: all 0.2s linear;
 	-webkit-transition: all 0.2s linear;
 	-o-transition: all 0.2s linear;
 	transition: color 0.2s linear;
	color: #005c89;
}*/

/*.inst_primeiro{
	background: url(../images/bg_instprimeiro.png) repeat-x top #ededed;	
}

.setacima_g{
	display:block;
	width: 18px;
	height: 12px;
	background: url(../images/sprite.png) 0px -561px #e5e5e5;
	float:right;
	margin: 2px 18px 0 0;	
}

.inst_painel a:hover .setacima_g {
	background-color: #005c89;
	-moz-transition: all 0.2s linear;
 	-webkit-transition: all 0.2s linear;
 	-o-transition: all 0.2s linear;
 	transition: background-color 0.2s linear;
	/*cursor: pointer;             
}

.setabaixo_g{
	display:block;
	width: 18px;
	height: 12px;
	background: url(../images/sprite.png) 0px -572px #e5e5e5;
	float:right;
	margin: 2px 18px 0 0;	
}

.inst_painel a:hover .setabaixo_g {
	background-color: #005c89;
	-moz-transition: all 0.2s linear;
 	-webkit-transition: all 0.2s linear;
 	-o-transition: all 0.2s linear;
 	transition: background-color 0.2s linear;
	/*cursor: pointer;              
}

/*.ano_painel{
	width: 618px;
	height: 27px;
	margin: 0 auto;
	border-bottom: dashed #e5e5e5 1px;
	padding: 10px 0 0 0; 
}

h4{
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #4c4c4c;
}

/*.info_painel ul{
	list-style:none;
	padding: 5px 20px;
}

.info_painel ul li span{
	background: url(../images/sprite.png);
	width: 14px;
	height: 14px;
	display:block;
	float:left;	
	margin: 0 8px 0 0;
}

.info_painel ul li span.locker{
	background-position:0px -585px;
}
.info_painel ul li span.segredo{
	background-position:0px -600px;
}
.info_painel ul li span.local{
	background-position:0px -614px;
}
.info_painel ul li span.boleto{
	background-position:0px -629px;
}
.info_painel ul li span.contrato{
	background-position:0px -644px;
}*/


/*.contratar_painel{*/
	/*height: 88px;*/
	/*width: 500px;
	margin: 26px auto 0 auto;
	border-top: 1px solid #ededed;	
}*/

/*.contratar_painel a{*/
	/*width: 217px;*/
	/*height: 28px;
	margin: 27px auto 24px auto;
	background: url(../images/sprite.png) 0px -104px ;
	display:block;
	padding: 9px 0 0 50px;	
}

.contratar_painel a:hover{
	background: url(../images/sprite.png) 0px -143px ;
	padding: 10px 0 0 50px;	
}*/


/*
.novo_aluno {
 display:block;
 text-decoration: none;
 width: 383px;
 height: 34px;
 font-family: Arial;
 font-size: 14px;
 color: #fff;
 text-shadow: 0 2px 1px #015985;
 font-weight: bold;
 background-image:url(../images/sprite.png);
 background-position: 0 0px;
 background-repeat: no-repeat;
 padding: 16px 0px 0px 239px;
 margin: 28px auto 0 auto;
 
}

.novo_aluno:hover {
 background-image:url(../images/sprite.png);
 background-position: 0 -52px;
 background-repeat: no-repeat;
 color: #fff;
 padding: 17px 0px 0px 239px;
}


/* ----------------------------------------------------------------------------------------------------------------- */


/*
#menu_topo {
	/*width: 500px;
	float:right;
	height: 54px;
	margin: 13px 8px 0px 0px !important;
}


.botao_conta {
	display:block;
	text-decoration: none;
	float:right;
	height: 16px;
	font-family: Arial;
	font-size: 14px;
	color: #005078;
	font-weight: bold;
}

.botao_conta:hover {
	color: #008acf !important;
}

.texto_conta {
	float:left;
}


.setabaixo_conta{
	display:block;
	width: 9px;
	height: 7px;
	background: url(../images/sprite.png) 0px -447px #005078;
	float:right;
	margin: 4px 0px 0 14px !important; 
}

a:hover .setabaixo_conta {
	background-color: #008acf;
	-moz-transition: all 0.2s linear;
 	-webkit-transition: all 0.2s linear;
 	-o-transition: all 0.2s linear;
 	transition: background-color 0.2s linear;
	/*cursor: pointer;
}


/*.botao_helpdesk 
{
	display:block;
	text-decoration: none;
	clear:both;
	width: 98px;
	height: 20px;
	margin: 14px 0px 0px 0px;
	background-image: url(../../i/img_novas/helpdesck_negativo.png) no repeat;
	background-position: 0px 0px; Horizontal e Vertical 
	padding: 3px 0px 0px 44px;
	font-family: Arial;
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
}

.botao_helpdesk:hover {
	background-image: url(../../i/img_novas/helpdesck_negativo.png) no repeat;
	background-position: 0 -284px;
	color: #FFF;
}

#sub_login { 
 list-style:none;
 width:140px;
 height:100px;
 position:absolute;
 left:806px;
 top:7px;
 z-index:99;
 border:none;
 background: url(../images/sprite.png) 0px -830px;
 padding: 0px 0px 0px 14px;
 display:block;
}


.botao_editar_dados {
 display:block;
 text-decoration: none;
 float:left;
 width: 130px;
 height: 16px;
 font-family: Arial;
 font-size: 14px;
 color: #005078;
 font-weight: bold;
 margin: 26px 0px 0px 0px;
}

.botao_editar_dados:hover {
 color: #008acf;
}

.texto__editar_dados {
 float:left;
 margin: 2px 0px 0px 14px;
}


.icone_editar_dados{
 display:block;
 width: 11px;
 height: 12px;
 background: url(../images/sprite.png) 0px -537px #005078;
 float:left;
 margin: 3px 14px 0 0; 
}

a:hover .icone_editar_dados {
 background-color: #008acf;
 -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: background-color 0.2s linear;
 /*cursor: pointer;
}

#clear {
 clear:both;
}

.botao_sair {
 display:block;
 text-decoration: none;
 float:left;
 width: 130px;
 height: 16px;
 font-family: Arial;
 font-size: 14px;
 color: #005078;
 font-weight: bold;
 margin: 10px 0px 0px 0px;
}

.botao_sair:hover {
 color: #008acf;
}

.texto__sair {
 float:left;
 margin: 2px 0px 0px 14px;
}


.icone_sair{
 display:block;
 width: 10px;
 height: 11px;
 background: url(../images/sprite.png) 0px -549px #005078;
 float:left;
 margin: 3px 14px 0 0; 
}

a:hover .icone_sair {
 background-color: #008acf;
 -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: background-color 0.2s linear;
 /*cursor: pointer;
}


.setacima_conta{
 display:block;
 width: 9px;
 height: 7px;
 background: url(../images/sprite.png) 0px -453px #005078;
 float:right;
 margin: 9px 10px 0 0; 
}

.setacima_conta:hover {
 background-color: #008acf;
 -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: background-color 0.2s linear;
 /*cursor: pointer;
}*/


/*#overlay-frame {display:none;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}
#overlay {display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:.6;z-index:2}
.layer {position:fixed;left:30%;top:15%;display:none;padding:25px;box-shadow:0 0 10px #000;background:#fff;z-index:3}
.layer .close {position:absolute;right:-10px;top:-10px;padding:3px 6px 1px 6px;font-family:"Arial, Tahoma, Verdana", sans-serif;color:#333;border-radius:20px;background:#ffd700}
.layer .title {font-size:30px;font-family:"Arial, Tahoma, Verdana", sans-serif;color:#666;text-transform:uppercase}
.layer .text {margin:10px 0 20px 0;font-size:14px;font-family:"Arial, Tahoma, Verdana", sans-serif;color:#666}
.layer .text {margin:10px 0 20px 0;font-size:12pt;font-family:"Arial, Tahoma, Verdana", sans-serif;color:#fff}
.layer .text_bold {font-weight:bold; margin:10px 0 20px 0;font-size:12pt;font-family:"Arial, Tahoma, Verdana", sans-serif;color:#fff}
.layer p {margin:0 0 10px 0}
.layer .textoConfirmaCompra {font-family: verdana; font-size: larger; color: rgb(44, 109, 119)}
*/