@charset "utf-8";

#seccao2{
margin-top:20px;
}
#seccao2-wrapper{
	margin:0 auto;
	max-width: 1000px;
}	
#seccao2 h2 {
	color: rgb(0, 176, 240);
	text-align: center;
	  margin:20px 0px;
}
#seccao2 p {
	text-align: center;
}
#seccao2 p.azul{
	color: rgb(0, 176, 240);
	text-align: center;
}
#seccao2 p.cinza{
	color: #757575;
	text-align: center;
}
#seccao2 p.pequena{
	position: relative;
	top: -5px;
	font-size:10px;
	text-align: center;
	padding:0 3px;
	color: black;
}

#seccao2_lista{
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	flex-flow: wrap;
	overflow: hidden;
}
#seccao2 a:link {
	color: #757575;
	text-decoration: none;
}
#seccao2 a:visited {
	color: #757575;
}
#seccao2 a:hover {
	color: #666666;
}

#seccao2 .cursos_estagios {
	position:relative;
	/* Add shadows to create the "card" effect */
	border-radius: 4px 4px 4px 4px;
	border: 1px solid rgb(212, 212, 212);   
	transition: 0.3s;
	margin: 15px;
	width: 150px;
	height: 165px;
	float:left;

}
#seccao2 .cursos_estagios:hover {
	box-shadow: 1px 1px 3px 3px rgb(0, 176, 240);
	border-radius: 4px 4px 4px 4px;
}

#seccao2_lista .imagem{
	position:relative;
	border-radius: 5px 5px 0 0;
	width: 100%;
	height: 100px;
	z-index: 1;
	background-size: cover; 
	background-repeat: no-repeat; 
	background-position: 50% 0%;
	border-radius: 4px 4px 0px 0px;
}
#abrir_telemovel{
	width: 0px;
	height:0px; 

}
#abrir_telemovel img {
	width: 0px;
	height: 0px;
}

#seccao2 #blue-line{
	background-color:#00b0f0;
	color:#FFF;
	font-size:20px;
	line-height:28px;
	padding:20px 30px;
	text-align:center;
	}
#seccao2 #blue-line div{
	max-width:1200px;
	margin:auto
	}

/*-----------	*/
#seccao2 #gray-line{
	background-color:#666666;
	color:#FFF;
	padding:20px 30px;
	text-align:center;
	font-size:20px;
	}
#seccao2 #gray-line span{
	margin:0px 1%;
	display:inline;
	}	
#seccao2 #gray-line a,#seccao2 #gray-line a:visited{
	color:#FFF;
	}
#seccao2 #gray-line a:hover{
	color:#EBEBEB;
	}
#seccao2 #gray-line .navigation .menu{
	margin:0;	
}
#seccao2 #gray-line .navigation span{
	margin:0;
	display:inline;
	padding:0;
	border:0;
}
#seccao2 #gray-line .navigation li{
    padding: 20px 0px;
    display: inline ;
    border-bottom: 1px solid hidden;
	}	
	
#seccao2 #gray-line .navigation a{
	margin: 0px 1.25%;
	}	

#seccao2 #seccao2_texto{
	padding:0px 20px;
	line-height:22px;
	
	}
/*-----------	*/

#seccao2 #blue-line div div{
	text-align:right;
	font-weight:bold;
	margin-top:20px;
	}

@media only screen and (max-width:1000px) {
	/*-----------	*/	

	#seccao2 #gray-line .navigation a{
	margin: 0px 0.75%;
	}	
	#seccao2 #gray-line{
	font-size:16px;
	
	}
#seccao2 #gray-line .navigation li{
    padding: 20px 0px;
    display: inline ;
    border-bottom: 1px solid hidden;
	}
	/*-----------	*/	
}
@media only screen and (max-width:800px) {
/*-----------	*/	
#seccao2 #gray-line{
	background-color:#666666;
	color:#FFF;
	padding:2px 80px;
	text-align:center;
	font-size:20px;
	padding:20px 80px;
	}
#seccao2 #gray-line span{
	padding:20px 20px;
	border-bottom:1px solid #5C5C5C;
	}
#seccao2 #gray-line a,#seccao2 #gray-line a:visited{
	color:#FFF;
	}
#seccao2 #gray-line .navigation li{
    padding: 20px 0px;
    display: block ;
    border-bottom: 1px solid #5C5C5C;
	}
#seccao2 #gray-line .navigation li:last-child{

    border-bottom: none;
	}	
	
	
/*-----------*/
	
	#seccao2_lista{
		display:flex;
	}
	.cursos_estagios {
		width: 150px;
	}
	#abrir_telemovel{
		width: 0px;
		height:0px; 
	}
	#abrir_telemovel img {
		width: 0px;
		height: 0px;
	}
							
#seccao2 #blue-line{
	background-color:#00b0f0;
	color:#FFF;
	font-size:16px;
	line-height:24px;
	padding:20px 20px;
	text-align:center;
	}
	

}

@media only screen and (max-width:400px) {
	
	/*-----------	*/
	#seccao2 #gray-line .navigation .menu{
margin:0;	
}
#seccao2 #gray-line .navigation span{
	margin:0;
	display:inline;
	padding:0;
	border:0;
	}
#seccao2 #gray-line .navigation li{
    padding: 20px 0px;
    display: block;
    border-bottom: 1px solid #5C5C5C;

	}	
#seccao2 #gray-line .navigation a{
	margin: 0px 1.25%;
	}	

	#seccao2 #gray-line{
	padding:2px 10%;
	text-align:center;
	font-size:20px;
	}
	/*-----------	*/
	
	
	#abrir_telemovel{
		position:relative;
		width: 100%;
		height: 35px;
		border-bottom:2px solid rgb(0, 176, 240);
		border-radius: 0px 0px 15px 15px;
	}
	#abrir_telemovel img {
		display:block;
		margin-left: auto;
		margin-right: auto;
		position:relative;
		top:10px;
		height: 20px;
		width: auto;
	}

	#seccao2_lista{
		display:none;
	}
	#seccao2 .cursos_estagios {
		position:relative;  
		transition: 0.3s;
		margin: 15px;
		width: 100%;
		height: 80px;                                                                         
	}
	#seccao2 .cursos_estagios:hover {
		box-shadow: 1px 1px 3px 3px rgb(0, 176, 240);
		border-radius: 15px 15px 15px 15px;
	}
	#seccao2_lista .imagem{
		position:relative;
		border-radius: 5px 5px 0 0;
		width: 30%;
		height: 100%;
		float:left;
		z-index: -1;
		background-size: cover; 
		background-repeat: no-repeat; 
		background-position:50% 50%;
		border-radius: 4px 4px 0px 0px;
	}
	#seccao2 p.pequena{
		position: relative;
		top:15px;
		font-size:11px;
		text-align: center;
		float:right;
		width: 69.5%;
		padding: 0 0px;
	}


}