/*DEFINICIONES GENERALES*/
*{
  margin: 0;
  padding: 0;
}

html {
    height: 100%;
  overlay-x:hidden;
  overlay-y: hidden;
}

body{
    height: 100%;
  overlay-x:hidden;
  overlay-y: hidden;
  background:#7C7C7C;
}

/*CARGA FUENTES*/
@font-face {
  font-family: BebasNeue;
  src: url("../fonts/BebasNeue.otf") format("opentype");
}

/*LAYOUT*/
#wrapper {
  width: 100%;
  height: 100%;

  background-image: url("../imagenes/image001.jpg");
  background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  -webkit-background-size: 100%;
  -khtml-background-size: 100%;
}

#header {
  font-family: BebasNeue;
  background-color: #7c7c7c;
  height: 13%;
  color: white;
  font-size: 5em;
  text-shadow: 0.05em 0.05em #000;
  font-weight:lighter;
}

#column-left {
  width: 16%;
  height: 100%;
  border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  -webkit-border-radius: 0px 0px 0px 0px;
  border: 2px solid #ffffff;
  margin: 1% 2% 0% 2%;
}

.container {
  height: 83%;
  display: flex;
  justify-content: space-between;
  flex-flow: nowrap row;
  align-items: stretch;
}

#column-center {
  width: 50%;
  height: 100%;
}

#column-right {
  width: 17%;
  height: 100%;
  border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  -webkit-border-radius: 0px 0px 0px 0px;
  border: 2px solid #ffffff;
  margin: 1% 2% 0% 2%;
}

#footer {
  clear: both;
}

/*ESTILOS*/
.height100 {
   height: 100%;
 }

#header img {
  height: 70%;
  margin:5% 25% 5% 25%;
}

#header .lados {
  float:left;
  height: 100%;
  width: 20%;
}

#header .medio {
  float:left;
  height: 80%;
  width: 58%;
  text-align:center;
  margin-top:1%;
}

.naranja{
  margin:5px;
  font-family: "Arial Black";
  color: #fff;
  text-shadow: 0.1em 0.05em #000;
  font-size: 1.2em;
  background-color: #e6551d;
  text-align: center;
}

.resultado{
  margin:5px;
  font-family: BebasNeue;
  color: #fff;
  text-shadow: 0.1em 0.05em #000;
  font-size: 4em;
  text-align: center;
}

#multimedia-container{
  text-align: center;
  width: 100%;
}

.imagen, video{
  margin-top:3.5%;
  max-width: 90%;
  max-height: 90%;
  height: 90%;
}

.texto{
  margin-top: 15%;
  margin-left: auto;
  margin-right: auto;
}

.frase {
  color: white;
  font-size: 5em;
  background-color: rgba(0,0,0, 0.5);
}

/*.trabajadores-total {*/
    /*position: absolute;*/
    /*top: 110px;*/
    /*left: 113px;*/
    /*color: black;*/
    /*text-shadow: none;*/
/*}*/

.trabajadores-subestacion-gis {
  position: absolute;
  top: 9px;
  left: 14px;
  font-size: 40px;
}

.trabajadores-subestacion-eaf {
  position: absolute;
  top: 9px;
  left: 135px;
  font-size: 40px;
}

.trabajadores-plantas-aguas-y-filtro {
  position: absolute;
  top: 9px;
  left: 251px;
  font-size: 40px;
}

.trabajadores-horno-electrico-eaf {
  position: absolute;
  top: 101px;
  left: 17px;
  font-size: 40px;
}

.trabajadores-parque-chatarra-y-escoria {
  position: absolute;
  top: 101px;
  left: 137px;
  font-size: 40px;
}

.trabajadores-silos-crdi {
  position: absolute;
  top: 101px;
  left: 254px;
  font-size: 40px;
}

.trabajadores-transversal {
  position: absolute;
  top: 197px;
  left: 135px;
  font-size: 40px;
}
/*.trabajadores-salas-hidraulicas {*/
  /*position: absolute;*/
  /*top: 52px;*/
  /*left: 42px;*/
  /*font-size: 40px;*/
/*}*/