body{ width:100%; height:100%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.bold{ font-weight:bold }
.title{ border-bottom: solid 2px silver; color:gray }
.center{ text-align:center }     
#header { position:absolute; height:96px; top:0; left:0; right:0; text-align:center; font-size:200%;}
#header_title { text-align: left; position: absolute;  left: 21.50em;  top: 1.5em;  color: White;} 
#field_container{ width:400px;  margin: 2em auto;border: solid 1px silver;padding: 2em;border-radius: 1em;background-color : #E5E5E5;box-shadow: 2px 2px 8px 0px rgba(100, 100, 100, 0.73);}
#field_container_ul   { padding:0; margin:0;}
#field_container_ul li{ line-height:2em; list-style:none;}            
#field_container a    { vertical-align:middle}   
#fm1{ position:absolute; top:0; bottom:0; left:0; right:0; font-size: 11px;background: radial-gradient(ellipse at center, rgba(216,224,222,1) 0%,rgba(174,191,188,1) 22%,rgba(153,175,171,1) 33%,rgba(142,166,162,1) 50%,rgba(130,157,152,1) 67%,rgba(78,92,90,1) 82%,rgba(14,14,14,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b1b1b', endColorstr='#959595',GradientType=1 ); }
#fm1 input { border:solid 1px silver; font-size: 12px; width:95%; padding:.5em; box-sizing: border-box; border-radius:.5em;margin-left:2%}
#fm1 label { font-size: 11px; width:95%;box-sizing: border-box; margin-left:3%}
#fm1 input[type="submit"]{ margin-top:1em; margin-bottom: 1em; width:45%; float:right; margin-right: 3%; background-color: cornflowerblue;color: white;}
#fm1 #txtUsername{ padding-left:2.5em; background:white url(../img/spriteSheet.png) no-repeat 5px 4px}
#fm1 #txtPassword{ padding-left:2.5em; background:white url(../img/spriteSheet.png) no-repeat 5px -20px}    
#messageContainer{ font-size: 11px; width:95%;box-sizing: border-box; margin: .5em 0 0 2%; color:red;border:solid 1px silver; background-color:whiteSmoke; border-radius:.5em; padding:1em;}
#escudo {position: relative;text-align: left;top:.63em;display: inherit;}
@media screen and (max-width : 480px) {      
  #field_container{ margin: 2em auto;border: none;padding: 0;background-color: transparent;box-shadow : none;}  
  #escudo {position: relative;text-align: left;top:.63em;display: none;}
  #header_title{ font-size:100%;left: 1.25em;}
}
@media screen and (min-width : 320px) {
  #header_title{ font-size:100%;}
  #fm1 input[type="submit"]{ margin-top:1em; width:100%; float:none; margin-right: 3%; background-color: cornflowerblue;color: white;}
}
@media screen and ( min-width : 480px) { 
  #field_container{ margin: 1em auto;} 
}
@media screen and ( min-width : 768px){
  #field_container{ margin: 4em auto } 
  #field_container_ul{ padding: 1em;}
  #fm1 input[type="submit"]{ margin-top:1em; width:95%; float:none; margin-right: 3%;}        
}
@media screen and ( min-width : 850px){ 
  #field_container{ margin: 7em auto; background-color: lightyellow; }  
}