/* 
   CSS para tablets possui preferencialmente 
   tratamento para orientação horizontal.
*/
@media all and (orientation: landscape){ 
  img#logo{	
    left: 45%;
  }

  div#painel_login{
    left: 50%;	 	
  }

  div#erroLogin{  
    left: 50%;	
  } 

  div#loader{
    left: 50%;
  }
}

/* 
   Mas tambem é recomendável tratamento 
   para orientação vertical.
*/
@media all and (orientation: portrait){ 
  img#logo{	
    left: 20%;
  }

  div#painel_login{
    left: 25%;	 	
  }

  div#erroLogin{  
    left: 25%;	
  } 

  div#loader{
    left: 25%;
  }
}