*{ margin:0; padding:0; }

#background{
   width:100%;
   height:100%;
   position:fixed;
   top:0;
   left:0;
   z-index:5;
}

#background.bg-consumo,
#background.bg-ecologia{
   background:url('../pics/bg-consumo.png') top center no-repeat;
   background-size:100% auto;
}
#background.bg-ecologia{
   background-image:url('../pics/bg-ecologia.png');
}


body, html{
   background:#f6f7fb;
}

body{
   background:url('../pics/bg-consumo.png') top center no-repeat #f6f7fb;
   background-size:100% auto;
   background-attachment:fixed;
   height:auto;
}

#content-wrapper{
   position:relative;
}

#content{
   width:100%;
   height:auto;
   display:block;
   margin:0 auto;
   position:relative;
   z-index:10;
}

.interaction{
   width:50px;
   height:50px;
   display:block;
   position:absolute;
   top:0;
   z-index:100;
   -webkit-transition:all 0.5s;
   -moz-transition:all 0.5s;
   transition:all 0.5s;
   border-radius:4px;
   /*background:rgba(255,0,0,0.35);*/ /*APPLY RED OVERLAY ON HOTSPOTS*/
}

.interaction.panel-switcher{
   position:fixed;
   width:7.25%;
   height:100%;
}
   
.interaction.panel-switcher.left{ left:0; }   
.interaction.panel-switcher.right{ right:0; }


body.bg-consumo .interaction.panel-switcher.left{ display:none; }
body.bg-ecologia .interaction.panel-switcher.right{ display:none; }


img{
   -webkit-transform:translate3d(0,0,0)!important;
   -moz-transform:translate3d(0,0,0)!important;
   transform:translate3d(0,0,0)!important;
}


.links-box{
   display:none;
}

.links-box a{
   z-index:200;
}



.link-ecologia-1-1{ width:22.8%; height:7.1%; top:11.3%; left:13.4%; }
.link-ecologia-1-2{ width:22.8%; height:7.1%; top:11.3%; left:38.4%; }
.link-ecologia-1-3{ width:22.8%; height:7.1%; top:11.3%; left:63.4%; }


.link-ecologia-produto-1-1{ width:73.2%; height:7.4%; top:19.5%; left:13.4%; }
.link-ecologia-produto-2-1,
.link-ecologia-produto-3-1{ width:73.2%; height:3%; top:19%; left:13.4%; }
.link-ecologia-produto-2-2,
.link-ecologia-produto-3-2{ width:35.5%; height:18%; top:48.9%; left:13.1%; }


.link-ecologia-agente-1-1{ width:73.2%; height:12.1%; top:19.1%; left:13.4%; }
.link-ecologia-agente-2-1,
.link-ecologia-agente-3-1{ width:73.2%; height:3%; top:19%; left:13.4%; }
.link-ecologia-agente-2-2,
.link-ecologia-agente-3-2{ width:35.5%; height:18%; top:48.9%; left:13.1%; }


.link-ecologia-antibiotico-1-1{ width:73.2%; height:14%; top:20%; left:13.4%; }
.link-ecologia-antibiotico-2-1,
.link-ecologia-antibiotico-3-1{ width:73.2%; height:3%; top:19%; left:13.4%; }
.link-ecologia-antibiotico-2-2,
.link-ecologia-antibiotico-3-2{ width:35.5%; height:18%; top:48.9%; left:13.1%; }