body{
	margin: 0;
	font-family: "Roboto-Medium", sans-serif;
}



/********************* HEADER 1 ***************************/

.header2{
height: 54px;
background-color: #121212 !important;
margin: 0 auto;
width: 100%;

}

.header2 a{
color:  #fff ;

}


.header-flex{
height: 54px;
background-color: #121212 !important;
margin: 0 auto;
width: 100%;

}

#logo-personal {
	width: 40%;
    padding-top: 12px;
	float: left;
	padding-left: 10%;
}

#ingreso-clientes-personal {
    width: 40%;
	text-align: right;
	float: left;
	color: #fff;
	margin: 0 !important;
	
}

#ingreso-clientes-personal span{
float: left;
padding: 13px;

}
#ingreso-clientes-personal p {
	margin-top: 15px;
	
}

#ingreso-clientes-personal-div{
 width: 140px;
float: right;
}
/********************* FIN HEADER 1 ***************************/


/********************* HEADER 2 ***************************/
.box-header-flex-pers{
width: 32%;
float: left;
color: #fff;
padding-left: 8%;
}
.box-header-flex-pers p {
	margin-top: 15px;
	
}

.box-header-flex-pers img {
	margin-top: 15px;
	
}

.box-header-flex-pers span {
float: left;
padding: 13px;

}

.box-header-flex-pers a{

color: #fff;

}
/********************* FIN HEADER 2 ***************************/




/********************* FOOTER ***************************/

.footer2{
height: 54px;
background-color: #121212 !important;
margin: 0 auto;
width: 100%;
  position: absolute;
  bottom: 0;
}

.footer2 a{
color:  #fff ;

}

.footer2 p{
margin-top: 17px;
}

#footer-ayuda{
    width: 45%;
	text-align: left;
	float: left;
	color: #fff;
	padding-left: 10%;

}

#footer-ayuda span{
float: left;
padding: 13px;

}

#footer-copyright{
    width: 45%;

	float: left;
	color: #fff;
	
}

#footer-copyright-div{
 width: 400px;
float: right;
}




#footer-copyright span{
float: left;
padding: 13px;

}