/* FONTES ****************************************************************************

@font-face{font-family:"Bedrock"; src: url("http://www.laportes.com.br/css/BEDROCKN.TTF");}
@font-face{font-family:"Blacksword"; src: url("http://www.laportes.com.br/css/Blacksword.otf");} */



/* LARGURA REAL DOS ELEMENTOS *********************************************************/

*{
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}



/* SEPARA OS ELEMENTOS FLOATS *********************************************************/

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix{
    *zoom: 1;
}



/* CORPO E FUNDOS *********************************************************************/

body{
	 font-family: 'Ubuntu', sans-serif;
	 margin: 0px;
	 border: 0px;
}


/* CONTEUDO *****************************************************************************/

.container{
	width: 95%;
	height: auto;
	max-width: 1200px;
	margin: 0 auto;
	}
	
.center{
	text-align: center;
	}
	
h1{
	margin: 3px 0;
	font-size: 22px;
	font-weight: 400;
	letter-spacing: -1px;
	color: #000;
	}
	
h2{
	margin: 3px 0;
	font-size: 17px;
	font-weight: 300;
	letter-spacing: -1px;
	line-height: 140%;
	color: #000;
	}
	
h3{
	margin: 3px 0;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: -0.7px;
	line-height: 140%;
	color: #000;
	}
	
.bt-navegacao{
     width: 100px;
	 margin: 0 10px;
     border: 1px solid #cacaca;
	 border-radius: 3px;
	 padding: 3px 10px;
	 font-family: 'Ubuntu', sans-serif;
	 font-size: 14px;
     font-weight: 400;
     color: #2cc1d1;
	 background: #f1f9fb;
	 cursor: pointer;
	 transition: all 200ms linear;
     }
	 
.bt-navegacao:hover{
	color: #fff;
	 background: #2cc1d1;
     }
	


/* MENU ALUNO*****************************************************************************/

.logo{
	float: left;
	margin: 5px 0;
	width: 15%;
	height: 67px;
	border: 1px solid #3b4973;
	background: url(../imagens/logo.png) center no-repeat #fff;
	background-size: 85%;
	}

.curso{
	float: left;
	margin: 5px 0;
	padding: 10px 0 0 15px;
	width: 53%;
	height: 67px;
	text-align: left;
	font-size: 18px;
	font-weight: 200;
	letter-spacing: -1px;
	color: #fff;
	background: #3c4973;
	}
	
.curso-titulo{
	font-size: 115%;
	font-weight: 700;
	}

.curso img{	
	margin:-15px 10px 0 0;
	}

.menu{
	float: left;
	margin: 5px 0;
	padding: 0;
	width: 32%;
	height: 67px;
	text-align: right;
	background: #3c4973;
	}
	
.menuPQ{
	float: right;
	display: none;
	margin: -5px 0 0 0;
	text-align: right;
	}
	
.ola{
	color:#3b4973
	}
	
.nav-aluno{
    list-style: none;
    font-family: 'Ubuntu', sans-serif;
	font-weight: 300;
	font-size: 18px;
	letter-spacing: -1px;
    margin: 0;
    padding: 0;
}
 
.nav-aluno li{
    float: right;
    position: relative;
    z-index:9999;
}
 
.nav-aluno li a:link,
.nav-aluno li a:visited{
    display: block;
    padding: 15px 30px;
    text-decoration: none;
    color: #fff;
    margin-left: 0px;
	transition: all 200ms linear;
}

.nav-aluno li:hover a,
.nav-aluno li a:active,
.nav-aluno li a:hover{
    display: block;
    color: #fff;
    background: transparent;
}

.submenu-aluno{
    margin:0;
    list-style:none;
    display:none;
    width:240px;
    position:absolute;
    top:35px;
    left:-100px;
}
 
.nav-aluno li:hover .submenu-aluno{
    display:block;
	box-shadow: 0px 3px 10px #000;
	-webkit-box-shadow: 0px 3px 10px #000;
	-moz-box-shadow: 0px 3px 10px #000;
}
 
.submenu-aluno li a:link,
.submenu-aluno li a:visited{
    display: block;
    padding: 15px 25px;
    background: #999;
    text-decoration: none;
    width: 240px;
    color: #fff;
	border-top: 1px solid #666;
}
 
.submenu-aluno li:hover a,
.submenu-aluno li a:active,
.submenu-aluno li a:hover{
    display: block;
    background: #666;
    color: #fff;
}


/* POP-UPS *********************************************************/

.popup h1{
     font-size: 35px;
	 color: #000;
     letter-spacing: -2px;
     font-weight: 300;
     margin: 0px;
     }

.popup h2{
     font-size: 20px;
	 color: #999;
     letter-spacing: -1px;
     font-weight: 400;
     margin: 0px;
     }

	 
.popup-input{
     width: 48%;
     margin: 0.5%;
     padding: 10px 15px;
     border: 1px solid #999;
	 border-radius: 3px;
     font-family:'Ubuntu', sans-serif;
     font-size: 18px;
     font-weight: 300;
     }

.popup-input2{
     width: 97%;
     margin: 0.5%;
     padding: 10px 15px;
     border: 1px solid #999;
	 border-radius: 3px;
     font-family:'Ubuntu', sans-serif;
     font-size: 18px;
     font-weight: 300;
     }
	 
.popup-button{
     width: 97%;
     height: 37px;
	 margin: 10px 0.5%;
     border: 1px solid #000;
	 border-radius: 3px;
     font-family:'Ubuntu', sans-serif;
     font-size: 18px;
     color: #000;
     background: #cacaca;
     }

.popup-button:hover{
	 color: #fff;
     background: #000;
     }
	 
.popup-fechar a{
     float: right;
     width: auto;
	 margin: -35px 0;
     border: 1px solid #cacaca;
	 border-radius: 3px;
	 padding: 3px 10px;
	 font-family:'Open Sans', sans-serif;
	 font-size: 12px;
     font-weight: 400;
     color: #000;
	 letter-spacing: -0.5px;
     text-align: center;
     text-decoration: none;
	 background: #f1f2f2;
	 cursor: pointer;
	 transition: all 200ms linear;
     }
	 
.popup-fechar a:hover{
	color: #fff;
	 background: #666;
     }


/***********************************************************************************/
/* MÍDIA QUERIES */
/***********************************************************************************/


/* 1200px – Desktops, notebooks com monitores widescreen --------------------------*/

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

}



/* 960px – Tablets no formato paisagem e alguns monitores mais antigos ------------*/

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

.curso-titulo{
	font-size: 100%;
	}
 
}


/* 768px – Tablets no formato retrato, como o iPad --------------------------------*/

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

.logo{
	width: 100%;
	height: 50px;
	background-size: 120px;
	background-position: 10px 10px;
	}

.curso{
	margin: 0;
	width: 100%;
	height: auto;
	padding: 15px;
	font-size: 18px;
	letter-spacing: -0.5px;
	}
	
.curso img{	
	margin:-16px 10px 0 0;
	}

.menu{
	display: none;
	margin: 5px 0;
	}
	
.menuPQ{
	display: block;
	}
	
.submenu-aluno{
    top:45px;
    left:-80px;
	}

.nav-aluno{
	font-weight: 400;
	font-size: 18px;
	}

.submenu-aluno{
    width:220px;
    left:-70px;
	}
	
.submenu-aluno li a:link,
.submenu-aluno li a:visited{
    padding: 20px 30px;
    width: 220px;
	}
		
}


/* 480px – Smartphones no formato paisagem com tela pequena -----------------------*/

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

.curso{
	padding: 5px 10px;
	font-size: 17px;
	}

.menuPQ{
	margin: -2px 0 0 0;
	}
	
.ola{
	display: none;
	}

.nav-aluno{
	letter-spacing: -0.5px;
	}
	
.nav-aluno li a:link,
.nav-aluno li a:visited{
    padding: 13px 15px;
	}
	
.submenu-aluno{
    top:40px;
    left:-80px;
	}

}


/* 320px – Smartphones no formato retrato com tela pequena ------------------------*/

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

.menuPQ{
	margin: -4px 0 0 0;
	}

.submenu-aluno{
    width:200px;
    top:45px;
    left:-140px;
	}
 
.submenu-aluno li a:link,
.submenu-aluno li a:visited{
    width: 200px;
	}
	
.popup-input{
     width: 97%;
     }

}