@charset "utf-8";
@font-face {
	font-family: "Fira Mono";
	src: url("../recursos/FiraMono-Regular.otf") format("opentype");
}
html, body{
  font-family: 'Fira Mono', 'Droid Sans', 'Helvetica', Arial, sans-serif;
  background-color: #000000;
  margin: 0;
  padding: 0;
  font-size: 10px;
  height: 100%;
  overflow-x: hidden;
}

.ocultar{
	display: none;
}

h1{
	/*display: inline;*/
	margin: 0 0 0 0.5em;
	padding: 0;
	color: #ffffff;
	}
nav{
	margin: 0 0.5em 0 2em;
	/*position: fixed;
	left: -15em;*/
	}
fieldset{
	padding: 0 0 0 0;
/*	display: block;*/
	margin: 0 0 0.2em 0;
	}		
/*form{
	display: block;
}*/
header nav li {
	display: inline;
	color: white;
}
/*Borrar lo de arriba?????*/
nav li {
	display: block;
	color: white;
}
hr{
	color: wheat;
	margin: 0 2em 0 2em;
	}
legend{
	color: whitesmoke;
	}
#compactar{
	margin: 0;
	}
#centrar{
	margin: 0 0.5em 0 0;
	}
#ir, #cambiar{
	margin-left: 0.2em;
	}
#visor{
   margin: 0 0.5em 0.5em 0;
	}	
#map{
  margin: 0 0.5em 0.5em 0;
  padding: 0;
  height: 30em;
  background:
  url(../recursos/carga.gif) center top no-repeat,
  #ff4e00;
}
/* +++++++++++++++++++++++++++++++++++*/
#impr{
	margin: 0;
}
#imprimir a{
	margin-left: 0.5em;
	text-decoration: none;
	color: #000000;
}
#instrucciones{
	color: red;
	margin: 0 1em 0.5em 0;
	background-color: #000000
	}

.ins{
		color: whitesmoke;
		}
	
/*Sería el cuerpo visible todo menos el menú*/
    section[role="region"] {
      height: 100%;
      line-height: 1em;
      font-size: 2.2rem;
    }
    
		/*Vendría a ser el #visor o #map*/
    div[role="main"] {
      background: #000000;
      height: calc(100% - 5rem);
      overflow: hidden;
    }

    div[role="main"] li {
      margin: 2rem 2.5rem;
    }

    section[data-type="sidebar"] > header .icon.icon-add {
    	background-image: url(../recursos/close.png);
    }