:root {
	--roboto:        "Roboto", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	--montserrat:    "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	
    --color-primary: 	#2196f3;    
    --color-secondary: 	#fff;
    --color-success: 	#4caf50;
    --color-info: 		#9c27b0;
    --color-warning: 	#ff9800;
    --color-danger: 	#e51c23;
    --color-light: 		#fff;
    --color-dark: 		#222;
}



/*	FUENTES INCRUSTADAS
	-------------------*/
/* MONTSERRAT */
@font-face{
	font-family:"Montserrat";
	src: url("Montserrat-Thin-100.ttf");
	font-style:normal;
	font-weight:100;
}
@font-face{
	font-family:"Montserrat";
	src: url("Montserrat-ThinItalic-100.ttf");
	font-style:italic;
	font-weight:100;
}
@font-face{
	font-family:"Montserrat";
	src: url("Montserrat-ExtraLight-200.ttf");
	font-style:normal;
	font-weight:200;
}
@font-face{
	font-family:"Montserrat";
	src: url("Montserrat-ExtraLightItalic-200.ttf");
	font-style:italic;
	font-weight:200;
}
@font-face{
	font-family:"Montserrat";
	src: url("Montserrat-Light-300.ttf");
	font-style:normal;
	font-weight:300;
}
@font-face{
	font-family:"Montserrat";
	src: url("Montserrat-LightItalic-300.ttf");
	font-style:italic;
	font-weight:300;
}
@font-face{
	font-family:"Montserrat";
	src: url("Montserrat-Regular-400.ttf");
	font-style:normal;
	font-weight:400;
}
@font-face{
	font-family:"Montserrat";
	src: url("Montserrat-Italic-400.ttf");
	font-style:italic;
	font-weight:400;
}
@font-face{
	font-family:"Montserrat";
	src: url("Montserrat-Medium-500.ttf");
	font-style:normal;
	font-weight:500;
}
@font-face{
	font-family:"Montserrat";
	src: url("Montserrat-MediumItalic-500.ttf");
	font-style:italic;
	font-weight:500;
}
@font-face{
	font-family:"Montserrat";
	src: url("Montserrat-SemiBold-600.ttf");
	font-style:normal;
	font-weight:600;
}
@font-face{
	font-family:"Montserrat";
	src: url("Montserrat-SemiBoldItalic-600.ttf");
	font-style:italic;
	font-weight:600;
}
@font-face{
	font-family:"Montserrat";
	src: url("Montserrat-Bold-700.ttf");
	font-style:normal;
	font-weight:700;
}
@font-face{
	font-family:"Montserrat";
	src: url("Montserrat-BoldItalic-700.ttf");
	font-style:italic;
	font-weight:700;
}
@font-face{
	font-family:"Montserrat";
	src: url("Montserrat-ExtraBold-800.ttf");
	font-style:normal;
	font-weight:800;
}
@font-face{
	font-family:"Montserrat";
	src: url("Montserrat-ExtraBoldItalic-800.ttf");
	font-style:italic;
	font-weight:800;
}
@font-face{
	font-family:"Montserrat";
	src: url("Montserrat-Black-900.ttf");
	font-style:normal;
	font-weight:900;
}
@font-face{
	font-family:"Montserrat";
	src: url("Montserrat-BlackItalic-900.ttf");
	font-style:italic;
	font-weight:900;
}






/* ROBOTO */
@font-face{
	font-family:"Roboto";
	src: url("Roboto-Thin-100.ttf");
	font-style:normal;
	font-weight:100;
}
@font-face{
	font-family:"Roboto";
	src: url("Roboto-ThinItalic-100.ttf");
	font-style:italic;
	font-weight:100;
}
@font-face{
	font-family:"Roboto";
	src: url("Roboto-Light-300.ttf");
	font-style:normal;
	font-weight:300;
}
@font-face{
	font-family:"Roboto";
	src: url("Roboto-LightItalic-300.ttf");
	font-style:italic;
	font-weight:300;
}
@font-face{
	font-family:"Roboto";
	src: url("Roboto-Regular-400.ttf");
	font-style:normal;
	font-weight:400;
}
@font-face{
	font-family:"Roboto";
	src: url("Roboto-Regular-Italic-400.ttf");
	font-style:italic;
	font-weight:400;
}
@font-face{
	font-family:"Roboto";
	src: url("Roboto-Medium-500.ttf");
	font-style:normal;
	font-weight:500;
}
@font-face{
	font-family:"Roboto";
	src: url("Roboto-MediumItalic-500.ttf");
	font-style:italic;
	font-weight:500;
}
@font-face{
	font-family:"Roboto";
	src: url("Roboto-Bold-700.ttf");
	font-style:normal;
	font-weight:700;
}
@font-face{
	font-family:"Roboto";
	src: url("Roboto-BoldItalic-700.ttf");
	font-style:italic;
	font-weight:700;
}
@font-face{
	font-family:"Roboto";
	src: url("Roboto-Black-900.ttf");
	font-style:normal;
	font-weight:900;
}
@font-face{
	font-family:"Roboto";
	src: url("Roboto-BlackItalic-900.ttf");
	font-style:italic;
	font-weight:900;
}
/*	CLASSES PARA TODOS LOS DOCUMENTOS
	---------------------------------*/
*{
	margin: 0;
	padding: 0;
	outline: 0;
}
html, body{
	width: 100%;
	height: 100%;
}
body{
	margin: 0;
	font-family: var(--roboto);
	font-size: 0.8125rem;
	font-weight: 400;
	line-height: 1.5;
	color: #444;
	text-align: left;
	background-color: #fff;
	letter-spacing: .1px;
}