.img_cpu_microcontrolador_8051
{
	width: 330px;
	height: auto;	
	border-radius:10px 10px 10px 10px ;	
}
.df_proj04_cont_01_pai
{
	display: flex;		
	margin: 0px;
	padding: 0px;	
}
.df_proj04_cont_01_filho1
{		
	margin-right:10px;
	margin-left: 10px;
	margin-top: 8px;		
}
.df_proj04_cont_01_filho2
{	
	width: calc(100% - 330px);
	border-radius: 10px 0px 0px 10px;
	margin-top:10px ;	
	border: 1px solid #ff9c00;
	border-right: 0px;
	padding-top: 5px;
	padding-left: 10px;
	
}
/*--------------------------------*/
.img_projeto_eletronico_8051
{
	width: 350px;	
	height: auto;
	border-radius:10px 10px 10px 10px ;		
}
.df_proj04_cont_02_pai
{
	display: flex;		
	margin: 0px;
	padding: 0px;	
	margin-top: -35px;
}
.df_proj04_cont_02_filho1
{	
	width: calc(100% - 350px);
	border-radius: 0px 10px 10px 0px;
	margin-top:8px ;	
	border: 1px solid #ff9c00;
	border-left: 0px;
	padding-top: 5px;
	padding-left: 10px;
}




.df_proj03_cont_02_filho2
{		
	margin-right:10px;
	margin-left: 10px;
	margin-top: 8px;		
}
.df_proj04_cont_02_interno_pai
{
	display:flex; 
	margin-top: 10px;
}
.df_proj04_cont_02_interno_filho1
{
	width: auto;
}
.df_proj04_cont_02_interno_filho2
{
	width: auto;
	margin-left: 10px;
}

/*--------------------------------*/
.img_circuito_eletronico_cpu_8051_esquematico
{
	width: 350px;	
	height: auto;
	border-radius:10px 10px 10px 10px ;		
}
.df_proj04_cont_03_pai
{
	display: flex;		
	margin: 0px;
	padding: 0px;
	margin-top: 0px;	
}
.df_proj04_cont_03_filho1
{		
	margin-right:10px;
	margin-left: 10px;
	margin-top: 8px;	
}
.df_proj04_cont_03_filho2
{	
	width: calc(100% - 350px);
	border-radius: 10px 0px 0px 10px;
	margin-top:10px ;	
	border: 1px solid #ff9c00;
	border-right: 0px;
	padding-top: 5px;
	padding-left: 10px;
}
/*--------------------------------*/
/*--------------------------------*/
.img_cont4
{
	width: 308px;	
	height: auto;
	border-radius:10px 10px 10px 10px ;		
}
.df_proj04_cont_04_pai
{
	display: flex;		
	margin: 0px;
	padding: 0px;	
	margin-top: 0px;	
}
.df_proj04_cont_04_filho1
{	
	width: calc(100% - 330px);
	border-radius: 0px 10px 10px 0px;
	margin-top:10px ;	
	border: 1px solid #ff9c00;
	border-left: 0px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
}
.df_proj04_cont_04_filho2
{		
	width: auto;
	margin-right:10px;
	margin-left: 10px;
	margin-top: 8px;	
}

/*--------------------------------*/
/*--------------------------------*/
.img_circuito_eletronico_cpu_8051_esquematico2
{
	width: 400px;	
	height: auto;
	border-radius:10px 10px 10px 10px ;		
}
.df_proj04_cont_05_pai
{
	display: flex;		
	margin: 0px;
	padding: 0px;
	margin-top: 0px;		
}
.df_proj04_cont_05_filho1
{	
	width: auto;
	border-radius: 10px 10px 10px 10px;
	margin-top:10px ;					
	padding-right: 10px;
	margin-left: 10px;	
}
.df_proj04_cont_05_filho2
{			
	width: calc(100% - 400px);
	border-radius: 10px 0px 0px 10px;
	padding-left: 10px;
	margin-top: 8px;
	border: 1px solid orange;
	border-right: 0px;

}

.df_proj04_cont_05_filho3
{		
	width: auto;
	margin-right:10px;
	margin-left: 10px;
	margin-top: 8px;	
}

.df_proj04_cont_05_interno_pai
{
	display:flex; 
	margin-top: 5px;
}
.df_proj04_cont_05_interno_filho1
{
	width: auto;
}
.df_proj04_cont_05_interno_filho2
{
	width: auto;
	margin-left: 10px;
}



/*--------------------------------*/
/*--------------------------------*/
.img_programa_exemplo_assembly
{
	width: 410px;	
	height: auto;
	border-radius:10px 10px 10px 10px ;		
}
.df_proj04_cont_07_pai
{
	display: flex;		
	margin: 0px;
	padding: 0px;
	margin-top: -35px;	
}
.df_proj04_cont_07_filho1
{		
	margin-right:10px;
	margin-left: 10px;
	margin-top: 8px;	
}
.df_proj04_cont_07_filho2
{	
	width: calc(100% - 410px);
	border-radius: 10px 0px 0px 10px;
	margin-top:10px ;	
	border: 1px solid #ff9c00;
	border-right: 0px;
	padding-top: 5px;
	padding-left: 10px;
}

/*--------------------------------*/
.img_cpu_8051_usb_protoboard
{
	width: 350px;	
	height: auto;
	border-radius:10px 10px 10px 10px ;		

}

.df_proj04_cont_08_pai
{
	display: flex;		
	margin: 0px;
	padding: 0px;	
	margin-top:10px;
}
.df_proj04_cont_08_filho1
{	
	width: calc(100% - 350px);
	border-radius: 0px 10px 10px 0px;
	margin-top:8px ;	
	border: 1px solid #ff9c00;
	border-left: 0px;
	padding-top: 5px;
	padding-left: 10px;
}
.df_proj04_cont_08_filho2
{		
	margin-right:10px;
	margin-left: 10px;
	margin-top: 8px;		
}



















/*--------------------------------*/
.img_software_central_alarme
{

	border-radius:0px 0px 0px 0px ;
}
.df_proj02_cont_05_pai
{
	display: flex;		
	margin: 0px;
	padding: 0px;
	margin-top: -35px;	
}
.df_proj02_cont_05_filho1
{	
	width: 500px;	
	margin-right:10px;
	margin-left: 10px;
	margin-top: 8px;		
}
.df_proj02_cont_05_filho2
{	
	width: calc(100% - 500px);
	border-radius: 10px 0px 0px 10px;
	margin-top:10px ;	
	border: 1px solid #ff9c00;
	border-right: 0px;
	padding-top: 5px;
	padding-left: 10px;
}





/*==================================================================*/
/*==================================================================*/
/*==================================================================*/
@media (max-width:1140px)
{		

	/*---------- CONTEUDO 1 ----------*/
	.img_cont4	
	{
		
	    width: 270px;
	    height: 272px;
	    
	    object-fit: cover;
	    /*object-position: 0px 0px; */	    
	}	
	.df_proj04_cont_04_filho1
	{	
		width: calc(100% - 280px);
	}
}



/*==================================================================*/
/*==================================================================*/
/*==================================================================*/
@media (max-width:1100px)
{		

	/*---------- CONTEUDO 1 ----------*/
	.img_cpu_microcontrolador_8051	
	{
		
	    width: 255px;
	    height: 286px;
	    
	    object-fit: cover;
	    /*object-position: 0px 0px; */	    
	}
	.df_proj04_cont_01_filho2
	{	
		width: calc(100% - 255px);
	}
}



/*==================================================================*/
/*==================================================================*/
/*==================================================================*/
@media (max-width:1000px)
{

	.some_sk_8051_usb_html_01
	{
		display: none;
	}		
}

/*==================================================================*/
/*==================================================================*/
/*==================================================================*/
@media (max-width:1020px)
{		

	/*---------- CONTEUDO 1 ----------*/
	.img_circuito_eletronico_cpu_8051_esquematico	
	{
		
	    width: 320px;
	    height: 328px;
	    
	    object-fit: cover;
	    /*object-position: 0px 0px; */	    
	}
	.df_proj04_cont_03_filho2
	{	
		width: calc(100% - 320px);
	}
}






/*==================================================================*/
/*=========================== RESPONSIVO ===========================*/
/*==================================================================*/
/*---------------------- DIMINUI FONTE ----------------------------*/
@media (max-width:960px)
{	
	
	.df_proj04_cont_02_filho1
	{		
		/*font-size: 15px;		*/
	}
	.df_proj04_cont_03_filho2
	{		
		font-size: 15px;		
	}
	.df_proj04_cont_04_filho1	
	{		
		font-size: 15px;		
	}
	.titulo_responsivo
	{
		font-size: 35px;			
	}

}





/*---------------------- QUEDA DOS FLEX BOX----------------------------*/
@media (max-width:955px)
{
	.some_sk_8051_usb_html_01
	{		
		display: inline;
	}		

	/*---------- CONTEUDO 1 ----------*/
	.df_proj04_cont_01_pai
	{		
		flex-flow: column wrap;			
	}
	.df_proj04_cont_01_filho1
	{
		width: 100%;		
		margin-left: 0;
		text-align: center;
	}
	.df_proj04_cont_01_filho2
	{
		width: 100%;
		border-right: 1px solid orange;
		border-radius: 10px 10px 10px 10px;
	}
	.img_cpu_microcontrolador_8051	
	{
		width: 330px;
		height: auto;
	}
	/*---------- CONTEUDO 2 ----------*/
	.df_proj04_cont_02_pai
	{		
		flex-flow: column wrap;
		flex-direction:column-reverse;
	}
	.df_proj04_cont_02_filho1
	{
		width: 100%;		
		margin-left: 0;	
		border-left: 1px solid orange;	
		border-radius: 10px 10px 10px 10px;
	}
	.df_proj03_cont_02_filho2
	{
		width: 100%;				
		text-align: center;
	}
	/*---------- CONTEUDO 3 ----------*/
	.df_proj04_cont_03_pai
	{		
		flex-flow: column wrap;			
	}
	.df_proj04_cont_03_filho1
	{
		width: 100%;		
		margin-left: 0;
		text-align: center;
	}
	.df_proj04_cont_03_filho2
	{
		width: 100%;
		border-right: 1px solid orange;
		border-radius: 10px 10px 10px 10px;
	}
	.img_circuito_eletronico_cpu_8051_esquematico	
	{
		width: 350px;	
		height: auto;    	    
	}
	/*---------- CONTEUDO 4 ----------*/
	.img_cont4
	{
		width: 308px;
		height: auto;
	}
	.df_proj04_cont_04_pai
	{		
		flex-flow: column wrap;
		flex-direction:column-reverse;
	}
	.df_proj04_cont_04_filho1
	{
		width: 100%;		
		margin-left: 0;
		border-left: 1px solid orange;	
		border-radius: 10px 10px 10px 10px;
	}
	.df_proj04_cont_04_filho2
	{
		width: 100%;	
		margin-left: 0;				
		text-align: center;
	}
	.img_circuito_eletronico_cpu_8051_gerbers	
	{
		width: 400px;	
		height: auto;
	}

/*---------- CONTEUDO 5 ----------*/

/*	.img_circuito_eletronico_cpu_8051_esquematico2
	{
		width: 400px;	
		height: auto;
		border-radius:10px 10px 10px 10px ;		
	}*/
	.df_proj04_cont_05_pai
	{		
		flex-flow: column wrap;		
	}
	.df_proj04_cont_05_filho1
	{
		width: 100%;		
		margin-left: 0;
		border-left: 1px solid orange;	
		border-radius: 10px 10px 10px 10px;
	}
	.df_proj04_cont_05_filho2
	{
		width: 100%;	
		margin-left: 0;				
		text-align: center;
	}

	/*---------- CONTEUDO 7 ----------*/
	.df_proj04_cont_07_pai
	{		
		flex-flow: column wrap;		
	}
	.df_proj04_cont_07_filho1
	{
		width: 100%;		
		margin-left: 0;
		border-left: 1px solid orange;	
		border-radius: 10px 10px 10px 10px;
	}
	.df_proj04_cont_07_filho2
	{
		width: 100%;	
		margin-left: 0;				
		text-align: center;
	}
	/*---------- CONTEUDO 8 ----------*/
	.df_proj04_cont_08_pai
	{		
		flex-flow: column wrap;	
		flex-direction:column-reverse;	
	}
	.df_proj04_cont_08_filho1
	{
		width: 100%;		
		margin-left: 0;
		border-left: 1px solid orange;	
		border-radius: 10px 10px 10px 10px;
	}
	.df_proj04_cont_08_filho2
	{
		width: 100%;	
		margin-left: 0;				
		text-align: center;
	}


	









}














/*---------------------- DIMINUI IMAGENS ----------------------------*/
@media (max-width:900px)
{
	




}


/*----------------------------------------------------------------*/
@media (max-width:660px)
{
	.titulo_responsivo
	{
		font-size: 25px;			
	}

}

/*----------------------------------------------------------------*/
@media (max-width:420px)
{
	.titulo_responsivo
	{
		font-size: 22px;			
	}

}