@charset "utf-8";

/*  =========================  */
/*            ROOT             */
/*  =========================  */
/*        CSS- Estilos         */
/*  =========================  */


/* ============================================ */
/*                   FONTS  					*/
/* ============================================ */

@font-face {
    font-family: robotoL;
    src: url("../fuentes/roboto/roboto-light-webfont.woff2") format('woff2'), 
		 url(../fuentes/roboto/roboto-light-webfont.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: robotoM;
    src: url(../fuentes/roboto/roboto-medium-webfont.woff2) format('woff2'), 
		 url(../fuentes/roboto/roboto-medium-webfont.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Raleway;
    src: url("../fuentes/Raleway/Raleway-VariableFont_wght.ttf");
}

@font-face {
    font-family: Fira;
    src: url("../fuentes/Fira_Sans/FiraSans-SemiBold.ttf"), 
		 url("../fuentes/Fira_Sans/FiraSans-Regular.ttf");
}

@font-face {
    font-family: Poppins;
    src: url("../fuentes/poppins/Poppins-Medium.ttf"),
		 url("../fuentes/poppins/Poppins-Light.ttf"), 
		 url("../fuentes/poppins/Poppins-LightItalic.ttf"), 
		 url("../fuentes/poppins/Poppins-MediumItalic.ttf"), 
		 url("../fuentes/poppins/Poppins-Bold.ttf");
}


/* ============================================ */
/*                   COLORES  					*/
/* ============================================ */

:root {
	--rojo_logo: #EC1C25;
	--azul: 	#315b9d;
	--celeston: #1D54AB;
	--naranja: 	#FF936D;
	--rojo: 	#cb0d18;
}

.rojo {
    color: #f71c20;	
}

.azul {
    color: #315b9d
}


/* -------------------------------------------- */
/* ------------- GENERALES -------------------- */
/* -------------------------------------------- */


* {
      padding: 0;
      margin: 0;
      list-style: none;
	  line-height: 1.3em;
      box-sizing: border-box;
}

body {
      margin: 0;
      font-family: robotoL, sans-serif;
      font-weight: 400;
}


strong {
      font-family: robotoM;
      font-weight: 400
}
img.img-responsive {
      margin: 0 auto;
      height: auto;
      width: 100%;
}

li, ul {
      margin: 0;
      padding: 0;
      box-sizing: border-box
}

:focus {
      outline: 0
}

button::-moz-focus-inner {
      border: 0
}

a {
	color: #000000;
}