body{ background:#F0F0F0; }
.clear { clear: both; }
.acceso{  padding:40px 0px; }
.acceso *{ font-size:12px; font-family: Gotham, sans-serif; }
.acceso .frame{ width:780px; margin: 0px auto;
		background:url(../image/acceso-bg1.gif) repeat #fff; border:1px solid #004072;  }
.acceso .header{ }
.acceso .header .logo{ width:95%; margin: 0px auto 50px; }
.acceso .medio{ text-align:right; }
.acceso .medio{ display:block; position:relative; margin: auto 97px; 
		background:url(../image/acceso-bg2.gif) repeat #ECEBE6;  }
.acceso .medio .sinmes{ display:inline-block; float:left; }
.acceso .medio .login{ display:inline-block; width:176px; padding: 10px 10px;
		background:#B9BAC6; }
.acceso .medio .login .user{ width:68px; }
.acceso .medio .login label{ display:block; color:#031A49; }
.acceso .medio .login .txt{ display:block; width:90%; height:16px;
		font-size:13px; background:#fff; border:0; border-radius:0px 10px 10px 0px; }
.acceso .medio .login .cmd-post{ display:block; padding:3px; margin: 10px 0px 0px 0px; width:7em; 
		color:#fff; font-size:9px; font-weight:bold; 
		background:#CC9933; border:none; }
.acceso .medio .login .cmd-pass{ line-height: 24px;
		font-size:10px; color:#031A49; }
.acceso .dPasswd-fd{ display: block; position: relative; }
.acceso .dPasswd-inp{ padding-right: 1.8em; }
.acceso .dPasswd-btn{ display: block; position: absolute; left: 10em;  }

.acceso .footer{   }
.acceso .footer .logo{ width:100%; margin: 50px auto 0px;  }



@media screen and (max-width: 500px){
	body { background:url(../image/acceso-bg3.gif) repeat #fff;  }
	.acceso{ display:block; padding: 0px; width:100%; max-width:500px; }
	.acceso .frame{ border:1px solid #004072; width:auto; 
		background:none; border:none; }
	.acceso .header{ width:100%; margin:0; overflow:hidden; }
	.acceso .header .logo{ width:100%; margin:0; }
	.acceso .medio{ margin:0px; text-align:center; }
	.acceso .medio .sinmes{ display:block; float:none; z-index:0; width:90%; }
	.acceso .medio .login{ z-index:5; margin:30px 0 -10px; width:60%; }
	.acceso .medio .login .user{ display:block; width:36%; margin:0px auto; }
	.acceso .footer{ margin:0; }
	.acceso .footer .logo{ margin:0;  }
}

@font-face {
	font-family: "Gotham";
	font-style: normal;
	font-weight: normal;
	src: local("Gotham"), local("Gotham"), url('../fonts/gotham.otf') format("opentype");
}