@media only screen and (max-width: 620px){
  /* For mobile phones: */
  .menu, .main, .right {
    width: 100%;
    height: 100%;
  }
}

.navbar{
     visibility: hidden;
}

body.cambio{
	padding:0;
	max-width: 620px;
	margin-top: 0px; 
	margin-left: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px; 
	background:url(images/back2.png), url(images/fondo2.png);
	background-attachment:fixed;
	color: #333;
	font-family: 'Terminal Dosis', Arial, sans-serif;
	font-size: 13px;		
}
body{
	padding:0;
	max-width: 100%;
	margin-top: 0px; 
	margin-left: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px; 
	color: #F6F5F8;
	font-family: 'Terminal Dosis', Arial, sans-serif;
	font-size: 13px;		
}

div.toppage{
	width:100%;
	/*height:100%;*/
	z-index: 8;
	overflow: hidden;
	position:static;
	text-align:center;
}
div.toppage img.logo{
	display: block;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}
tr.golden{
  height:100px;
  width:974px;
  margin:0;
  border-style:inset;
  background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
                radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
  font-size:16px;
}
tr.silver{
  height:100px;
  width:974px;
  margin:0;
  border-style:inset;
  background-color: #d9d9d9;
  background-image: linear-gradient(315deg, #d9d9d9 0%, #f6f2f2 74%);
  font-size:16px; 
}


h1{
	margin:0px;
	padding:20px;
	font-size:32px;
	color:#000;
    text-shadow:1px 1px 1px rgba(255,255,255,0.9);
	text-align:center;
	font-weight:400;
}
h1 span{
    display:block;
	font-size:14px;
	color:#666;
    font-style:italic;
    font-family:Georgia, serif;
	padding-top:5px;
}


tr.formulario{
	font-family:arial;
	font-size:18px;
	font-weight:bold; 
	color:#000;
	height:40px;
	text-align:center;
}

tr.login{
	font-family:arial;
	font-size:18px;
	font-weight:bold; 
	color:#FFF;
	height:40px;
	text-align:center;
}

tr.Titulo {
	text-align:left; 
	color:#002745;
	font-weight:bold;
	font-size:20px; 
	font-family:Arial;
}

tr.Error {
	text-align:center; 
	color:#FF0004;
	font-weight:bold;
	font-size:12px; 
	font-family:Arial;
}

input[type="number"]{
font-size: 20px;
width:80%;
text-align:center;
height:40px;
border-radius:0px;
    -webkit-box-shadow: 0 0px 0 #ccc, 0 0px #fff inset;
    -moz-box-shadow: 0 0px 0 #ccc, 0 0px #fff inset;
	background-color:transparent;
border:0;
}

input[type="text"]{
font-size: 14px;
	width:85%;
padding: 10px;
height:40px;
display:block;
background-color:white;
border:2px solid #AAA9AD;
border-radius: 6px;
}

input[type="email"]{
font-size: 14px;
width:85%;
padding: 10px;
height:40px;
display:block;
background-color:white;
border:2px solid #AAA9AD;
border-radius: 6px;
}

input[type="password"]{
font-size: 14px;
	width:85%;
padding: 10px;
height:40px;
display:block;
background-color:white;
border:2px solid #AAA9AD;
border-radius: 6px;
}