
.img_projeto_eletronico_giga_teste
{
	width: 330px;
	height: auto;	
	border-radius:10px 10px 10px 10px ;	
}
.df_proj03_cont_01_pai
{
	display: flex;		
	margin: 0px;
	padding: 0px;	
}
.df_proj03_cont_01_filho1
{		
	margin-right:10px;
	margin-left: 10px;
	margin-top: 8px;		
}
.df_proj03_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_placa_principal
{
	width: 250px;	
	height: auto;
	border-radius:10px 10px 10px 10px ;		
}
.df_proj03_cont_02_pai
{
	display: flex;		
	margin: 0px;
	padding: 0px;	
	margin-top: -35px;
}
.df_proj03_cont_02_filho1
{	
	width: calc(100% - 250px);
	border-radius: 0px 10px 10px 0px;
	margin-top:10px ;	
	border: 1px solid #ff9c00;
	border-left: 0px;
	padding-top: 5px;
	padding-left: 10px;
}
.df_proj03_cont_02_interno_pai
{
	display:flex; 
	margin-top: 5px;
}
.df_proj03_cont_02_interno_filho1
{
	width: auto;
}
.df_proj03_cont_02_interno_filho2
{
	width: auto;
	margin-left: 10px;
}

.df_proj03_cont_02_filho2
{		
	margin-right:10px;
	margin-left: 10px;
	margin-top: 8px;		
}
/*--------------------------------*/
.img_projeto_eletronico_mostra_parametros
{
	width: 400px;	
	height: auto;
	border-radius:10px 10px 10px 10px ;
}
.df_proj03_cont_03_pai
{
	display: flex;		
	margin: 0px;
	padding: 0px;
	margin-top: -35px;	
}
.df_proj03_cont_03_filho1
{		
	margin-right:10px;
	margin-left: 10px;
	margin-top: 8px;		
}
.df_proj03_cont_03_filho2
{	
	width: calc(100% - 400px);
	border-radius: 10px 0px 0px 10px;
	margin-top:10px ;	
	border: 1px solid #ff9c00;
	border-right: 0px;
	padding-top: 5px;
	padding-left: 10px;
}
/*--------------------------------*/
/*--------------------------------*/
.img_encapsulamento_placa_eletronica
{
	width: 440px;	
	height: auto;
	border-radius:10px 10px 10px 10px ;	
}
.df_proj03_cont_04_pai
{
	display: flex;		
	margin: 0px;
	padding: 0px;	
	margin-top: -35px;
}
.df_proj03_cont_04_filho1
{	
	width: calc(100% - 440px);
	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_proj03_cont_04_filho2
{		
	width: auto;
	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;
}










/*==================================================================*/
/*=========================== RESPONSIVO ===========================*/
/*==================================================================*/
/*---------------------- DIMINUI FONTE ----------------------------*/
@media (max-width:960px)
{	
	.df_proj03_cont_01_filho2
	{		
		font-size: 15px;		
	}
	.df_proj03_cont_02_filho1
	{		
		font-size: 15px;		
	}
	.df_proj03_cont_03_filho2
	{		
		font-size: 15px;		
	}
	.df_proj03_cont_04_filho1	
	{		
		font-size: 15px;		
	}
}



/*---------------------- DIMINUI IMAGENS ----------------------------*/
@media (max-width:900px)
{
	/*---------- CONTEUDO 1 ----------*/
	.img_projeto_eletronico_giga_teste
	{
		
	    width: 255px;
	    height: 286px;
	    
	    object-fit: cover;
	    /*object-position: 0px 0px; */	    
	}
	.df_proj03_cont_01_filho2
	{	
		width: calc(100% - 255px);
	}
	/*---------- CONTEUDO 2 ----------*/
	
	.img_projeto_eletronico_placa_principal
	{
		
	    width: 210px;
	    height:333px;
	    object-fit: cover;
	    /*object-position: 0px 0px; */	    
	}
	.df_proj03_cont_02_filho1
	{	
		width: calc(100% - 210px);
	}
	/*---------- CONTEUDO 3 ----------*/
	.img_projeto_eletronico_mostra_parametros	
	{
		
	    width: 330px;
	    height:333px;
	    object-fit: cover;
	    /*object-position: 0px 0px; */	    
	}
	.df_proj03_cont_03_filho2
	{	
		width: calc(100% - 330px);
	}
	/*---------- CONTEUDO 4 ----------*/
	.img_encapsulamento_placa_eletronica	
	{
		
	    width: 380px;
	    height:250px;
	    object-fit: cover;
	    /*object-position: 0px 0px; */	    
	}
	.df_proj03_cont_04_filho1
	{	
		width: calc(100% - 380px);
	}
}

/*---------------------- QUEDA DOS FLEX BOX----------------------------*/
@media (max-width:800px)
{

	/*---------- CONTEUDO 1 ----------*/
	.df_proj03_cont_01_pai
	{		
		flex-flow: column wrap;			
	}
	.df_proj03_cont_01_filho1
	{
		width: 100%;		
		margin-left: 0;
		text-align: center;
	}
	.df_proj03_cont_01_filho2
	{
		width: 100%;
		border-right: 1px solid orange;
		border-radius: 10px 10px 10px 10px;
	}
	.img_projeto_eletronico_giga_teste
	{
		width: 330px;
		height: auto;
	}
	/*---------- CONTEUDO 2 ----------*/
	.df_proj03_cont_02_pai
	{		
		flex-flow: column wrap;
		flex-direction:column-reverse;
	}
	.df_proj03_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;
	}
	.img_projeto_eletronico_placa_principal
	{
		width: 250px;	
		height: auto;		
	}
	/*---------- CONTEUDO 3 ----------*/
	.df_proj03_cont_03_pai
	{		
		flex-flow: column wrap;			
	}
	.df_proj03_cont_03_filho1
	{
		width: 100%;		
		margin-left: 0;
		text-align: center;
	}
	.df_proj03_cont_03_filho2
	{
		width: 100%;
		border-right: 1px solid orange;
		border-radius: 10px 10px 10px 10px;
	}
	.img_projeto_eletronico_mostra_parametros
	{
		width: 400px;	
		height: auto;    	    
	}
	/*---------- CONTEUDO 4 ----------*/
	.df_proj03_cont_04_pai
	{		
		flex-flow: column wrap;
		flex-direction:column-reverse;
	}
	.df_proj03_cont_04_filho1
	{
		width: 100%;		
		margin-left: 0;
		border-left: 1px solid orange;	
		border-radius: 10px 10px 10px 10px;
	}
	.df_proj03_cont_04_filho2
	{
		width: 100%;	
		margin-left: 0;				
		text-align: center;
	}
	.img_encapsulamento_placa_eletronica
	{
		width: 440px;	
		height: auto;
	}
}
/*---------------------- QUEDA DOS FLEX BOX INTERNO AO CONTEUDO ----------------------------*/
@media (max-width:660px)
{
	.df_proj03_cont_02_interno_pai
	{
		flex-flow: column wrap;			
	}
}












