/* 
   CSS para smartphones possui preferencialmente 
   tratamento para orientação vertical.
*/
@media all and (orientation: portrait){  
  img#logo{	
    left: 10%;
  }

  div#painel_login{
    left: 15%;	 	
  }
  
  div#erroLogin{  
    left: 15%;	
  }  
  
  div#loader{
    left: 15%;
  }  
}

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

  div#painel_login{
    left: 35%;	 	
  }
  
  div#loader{
    left: 35%;
  }    

  div#erroLogin{  
    margin-top: 15px;
    left: 35%;	
  }     

  div#erroLogin h1 {    
    font-size: 1.5em;       
    -webkit-margin-before: 0.5em;
    -webkit-margin-after: 0.0em;    
  }
  div#erroLogin p {       
    -webkit-margin-before: 0.3em;
    -webkit-margin-after: 0.5em;    
  }    
}