/**Cambios de tipografía**/

@font-face {
	font-family: 'lato';
	src: url("/mecanismos/app/javax.faces.resource/lato/lato-blackLato.woff2?ln=fonts") format("woff2"), url("/mecanismos/app/javax.faces.resource/lato/lato-blackLato.woff?ln=fonts") format("woff");
	font-weight: 900;
	font-style: normal;
}




@font-face {
	font-family: 'lato';
	src: url("/mecanismos/app/javax.faces.resource/lato/lato-blackitalicLato.woff2?ln=fonts") format("woff2"), url("/mecanismos/app/javax.faces.resource/lato/lato-blackitalicLato.woff?ln=fonts") format("woff");
	font-weight: 900;
	font-style: italic;
}




@font-face {
	font-family: 'lato';
	src: url("/mecanismos/app/javax.faces.resource/lato/lato-boldLato.woff2?ln=fonts") format("woff2"), url("/mecanismos/app/javax.faces.resource/lato/lato-boldLato.woff?ln=fonts") format("woff");
	font-weight: 700;
	font-style: normal;
}




@font-face {
	font-family: 'lato';
	src: url("/mecanismos/app/javax.faces.resource/lato/lato-bolditalicLato.woff2?ln=fonts") format('woff2'), url("/mecanismos/app/javax.faces.resource/lato/lato-bolditalicLato.woff?ln=fonts") format('woff');
	font-weight: 700;
	font-style: italic;
}




@font-face {
	font-family: 'lato';
	src: url("/mecanismos/app/javax.faces.resource/lato/lato-hairlineLato.woff2?ln=fonts") format('woff2'), url("/mecanismos/app/javax.faces.resource/lato/lato-hairlineLato.woff?ln=fonts") format('woff');
	font-weight: 100;
	font-style: normal;
}




@font-face {
	font-family: 'lato';
	src: url("/mecanismos/app/javax.faces.resource/lato/lato-hairlineitalicLato.woff2?ln=fonts") format('woff2'), url("/mecanismos/app/javax.faces.resource/lato/lato-hairlineitalicLato.woff?ln=fonts") format('woff');
	font-weight: 100;
	font-style: italic;
}


@font-face {
	font-family: 'lato';
	src: url("/mecanismos/app/javax.faces.resource/lato/lato-regularLato.woff2?ln=fonts") format('woff2'), url("/mecanismos/app/javax.faces.resource/lato/lato-regularLato.woff?ln=fonts") format('woff');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'lato';
	src: url("/mecanismos/app/javax.faces.resource/lato/lato-italicLato.woff2?ln=fonts") format('woff2'), url("/mecanismos/app/javax.faces.resource/lato/lato-italicLato.woff?ln=fonts") format('woff');
	font-weight: normal;
	font-style: italic;
}




@font-face {
	font-family: 'lato';
	src: url("/mecanismos/app/javax.faces.resource/lato/lato-lightLato.woff2?ln=fonts") format('woff2'), url("/mecanismos/app/javax.faces.resource/lato/lato-lightLato.woff?ln=fonts") format('woff');
	
	font-weight: 300;
	font-style: normal;
}




@font-face {
	font-family: 'lato';
	src: url("/mecanismos/app/javax.faces.resource/lato/lato-lightitalicLato.woff2?ln=fonts") format('woff2'), url("/mecanismos/app/javax.faces.resource/lato/lato-lightitalicLato.woff?ln=fonts") format('woff');
	font-weight: 300;
	font-style: italic;
}



@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url("/mecanismos/app/javax.faces.resource/materialIcons/MaterialIcons-Regular.eot?ln=fonts");
  src: local("Material Icons"), local("MaterialIcons-Regular"), url("/mecanismos/app/javax.faces.resource/materialIcons/MaterialIcons-Regular.woff2?ln=fonts") format("woff2"), url("/mecanismos/app/javax.faces.resource/materialIcons/MaterialIcons-Regular.woff?ln=fonts") format("woff"), url("/mecanismos/app/javax.faces.resource/materialIcons/MaterialIcons-Regular.ttf?ln=fonts") format("truetype");

}


.join
{
	background: url("/mecanismos/app/javax.faces.resource/misc.png?ln=img") 0 -20px no-repeat;
	width: 18px;
	height: 25px;
	display: inline-block;
	float: left;
}

.join-last .join
{
	background: url( "/mecanismos/app/javax.faces.resource/misc.png?ln=img") -18px -20px no-repeat;
	width: 18px;
	height: 18px;
	display: inline-block;
	float: left;
}