#pres_fondo_transparente{
	position: absolute;
	bottom: 0;

	width: -webkit-fill-available;
	height: 100px;

	margin-left: 30%;

	background-color: var(--main-color_principal);
	opacity: .4;
}

.pres_logo_cont{
	position: absolute;
	z-index: 1;

	width: 200px;
	height: 200px;
	
	top: 275px;

	margin-left: 23%;
	
	border-radius: 50%;
    /*border: 2px solid var(--main-color_principal);*/

    display: flex;
    justify-content: center;
    align-items: center;

    overflow: hidden;

    -webkit-box-shadow: 0px 2px 6px 0px #00000030;
    box-shadow: 		0px 2px 6px 0px #00000030;

    background-color: white;
 	/* opacity: .6;*/
}


#section_presentacion{
	position: absolute;
	bottom: 0;

	width: 100%;
	height: 100px;

	display: flex;
	align-items: center;
	justify-content: center;

}






/* Si es menor a */
@media (max-width: 1500px){
	.pres_logo_cont{
		margin-left: 15%;
	}
	#pres_fondo_transparente{
		margin-left: 20%;
	}
}

/* Si es menor a */
@media (max-width: 1200px){
	.pres_logo_cont{
		margin-left: 8%;
	}
}

/* Si es menor a */
@media (max-width: 1000px){
	#section_presentacion{
		padding-left: 18%;/*9*/
	}
}

/* Si es menor a */
@media (max-width: 900px){
	#section_presentacion{
		padding-left: 24%;
	}
}

/* Si es menor a */
@media (max-width: 765px){
	.pres_logo_cont {
	    width: 180px;
	    height: 180px;
	    top: 284px;
	}
}

/* Si es menor a */
@media (max-width: 725px){
	#section_presentacion{
		padding-left: 32%;
	}
}

/* Si es menor a */
@media (max-width: 678px){
	#section_presentacion{
		padding-left: 35%;
	}
}

/* Si es menor a */
@media (max-width: 657px){
	#section_presentacion{
		padding-left: 36%;
	}
}

/* Si es menor a */
@media (max-width: 654px){
	.pres_logo_cont {
	    width: 160px;
	    height: 160px;
	    top: 294px;
	}
	#section_presentacion{
		padding-left: 33%;
	}
}

/* Si es menor a */
@media (max-width: 635px){
	#section_presentacion{
		padding-left: 34%;
	}
}







#pres_logo_img{
	width: 80%
}



.pres_logo_separador{
	height: 135px;
}



#pres_txt_cont{
	text-align: center;

	font-family: 'segoe-ui-semibold';
    font-size: 14px;
    

    letter-spacing: 0px;


	    width: 400px;
    max-width: 400px;

}
/* Si es menor a *
@media (max-width: 1310px){
	#pres_txt_cont{
			width: 400px;
	    max-width: 400px;
	}
}
*/

.pres_logo_tit{
	font-weight: 600;
	font-size: 16px;
}


.pres_logo_descrip{
	margin: 0;

	font-family: 'segoe-ui';
	color: #424242;
}	



















/*
#    #  ####  #####  # #      ###### 
##  ## #    # #    # # #      #      
# ## # #    # #####  # #      #####  
#    # #    # #    # # #      #      
#    # #    # #    # # #      #      
#    #  ####  #####  # ###### ######
*/


/* Si es menor a */
@media (max-width: 600px){
	
	#pres_fondo_transparente{
	/*	height: 60px;*/
		display: none;
	}
	#section_presentacion{
		height: 90px;
		display: none;
	}

	/*Texto*/
	#pres_txt_cont {
	    width: 100%;
	/*    text-align: start;*/
	}



	/*Logo*/
	.pres_logo_cont {
	    display: none;

	}
}