/*   ESTILOS  Ejercicio tema 2 del módulo 2  */
/* Fichero asociado: EjT2M2_Fuentes_ARP.html  */


  /* Inicialización */
  * { margin: 0 auto; padding:0; font-size:15px;}  /* Quito márgenes por defecto navegador y pongo tamaño letra */


  /* CARGA FUENTES FIRA */
  @font-face {
    font-family: 'FiraSans-Book';
    /* src: url('./Fuentes/FiraSans-Book.eot?') format('embedded-opentype'); */ /* En principio ya no es necesario esto para IE9 */ 
    src: url('./Fuentes/FiraSans-Book.eot');  
    src: url('./Fuentes/FiraSans-Book.otf') format("opentype"), 
	 url('./Fuentes/firaSans-Book.eot?#iefix') format('embedded-opentype'), /* para IE9 y compatibilidad IE7 y 8 */
         url('./Fuentes/FiraSans-Book.woff2') format('woff2'),
         url('./Fuentes/FiraSans-Book.woff') format('woff'),
         url('./Fuentes/FiraSans-Book.ttf') format('truetype'),
         url('./Fuentes/FiraSans-Book.svg#FiraSans-Book') format('svg');  /* para hacer el código compatible con iOS < 4.2 (iPhone, iPad) */
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'FiraSans-Hair';
    src: url('./Fuentes/FiraSans-Hair.eot');
    src: url('./Fuentes/FiraSans-Hair.otf') format("opentype"), 
	 url('./Fuentes/FiraSans-Hair.eot?#iefix') format('embedded-opentype'), /* para IE9 y compatibilidad IE7 y 8 */
         url('./Fuentes/FiraSans-Hair.woff2') format('woff2'),
         url('./Fuentes/FiraSans-Hair.woff') format('woff'),
         url('./Fuentes/FiraSans-Hair.ttf') format('truetype'),
         url('./Fuentes/FiraSans-Hair.svg#FiraSans-Hair') format('svg'); /* para hacer el código compatible con iOS < 4.2 (iPhone, iPad) */
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'FiraMono-Regular';
    src: url('./Fuentes/FiraMono-Regular.eot');
    src: url('./Fuentes/FiraMono-Regular.otf') format("opentype"), 
	 url('.Fuentes/FiraMono-Regular.eot?#iefix') format('embedded-opentype'), /* para IE9 y compatibilidad IE7 y 8 */
         url('./Fuentes/FiraMono-Regular.woff2') format('woff2'),
         url('./Fuentes/Firamono-Regular.woff') format('woff'),
         url('.Fuentes/FiraMono-Regular.ttf') format('truetype'),
         url('.Fuentes/FiraMono-Regular.svg#FiraMono-Regular') format('svg'); /* para hacer el código compatible con iOS < 4.2 (iPhone, iPad) */
    font-weight: normal;
    font-style: normal;
  }

  /* Estilos títulos y párrafos */
  body {width: 95%;} 

  h1 { font-family: Arial, Helvetica, sans-serif; font-size: 2.5em; color: #800000; text-decoration:underline; margin: 0.5em auto;}

  h2 {text-decoration:underline; font-size:1.5em; margin-top: 1em;}

  p {margin: 0.5em auto; padding:0.5em 1em;}


  /* Para comparar, uso el mismo tamaño fuente (1.4em) */

  div#google p {background-color:#D9DBFC;color:#0000CD; font-size:1.4em;}

  div#google p strong {background-color: #FFEFD5; color:#228B22; font-size:1em;}  /* 1em para conservar el mismo tamaño */

  div#google p span {color: #FF0000; font-size:1em;}   /* 1em para conservar el mismo tamaño */

  div#firefox p {background-color:#E5D9A9; color:#490E02; font-size:1.4em;}

  div#firefox p strong {background-color: #F1FCF5; color:#228B22;font-size:1em;}  /* 1em para conservar el mismo tamaño */
  

  /* Estilos párrafo para fuentes google */

  p.GoogleCaesar {font-family:"Caesar Dressing", cursive;}

  p.GoogleTangerine{font-family:"Tangerine", serif;}

  p.GoogleAndroidRoboto{font-family:"Roboto", serif;}

  /* Estilos párrafo para fuentes Fira */

  p.FiraSansBook{font-family:'FiraSans-Book', serif;}

  p.FiraSansHair{font-family:'FiraSans-Hair', serif;}

  p.FiraMonoRegular {font-family: 'FiraMono-Regular', serif;}