html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; } body {line-height: 1; font-family: "Helvetica", Arial, sans-serif; } ol, ul {list-style: none; } blockquote, q {quotes: none; } blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none; } table {border-collapse: collapse; border-spacing: 0; }
.wrap-login_mc { background: #ffffff; border-radius: 8px; border-top: 7px solid #D02E10; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.4); margin: 4% auto 0; width: 400px; }

.box-login_mc { padding: 15px 30px; width: 340px; }
.box-login_mc h2 { -webkit-font-smoothing: antialiased; color: #000; font-size: 18px; font-weight: bold; line-height:130%; text-align: center; }
.box-login_mc dl { float: left; margin-bottom: 15px; width: 100%; }
.box-login_mc dl dd { -webkit-font-smoothing: antialiased; color: #666666; font-size: 13px; margin-bottom: 7px; }
.box-login_mc dl section {display:inline-block;min-width:80px;width:80px;}
.box-login_mc dl section input { background: #fafafa; border-radius: 5px; border: 1px solid #CDCDCD; color: #333; font-size: 16px; padding: 10px 3%; width: 94%; }
.box-login_mc dl section input[type=image] { background: white; border-radius: 5px;border:none; }

.box-login_mc dl dt input { background: #fafafa; border-radius: 5px; border: 1px solid #CDCDCD; color: #333; font-size: 16px; padding: 10px 3%; width: 94%; }
.box-login_mc dl dt select { background: #fafafa; border-radius: 5px; border: 1px solid #CDCDCD; height:40px; color: #333; font-size: 16px; padding: 10px 3%; width: 99%; color: #999; }

.box-login_mc dl p a{color:#1197af; font-size: 13px; text-decoration: none;}
.classa {color:#1197af; font-size: 16px !important ; text-decoration: none;}
.box-login_mc dl p {margin-top: 10px;}




.box-info { border-top: 1px solid #CCC; display: inline-block; padding-top: 15px; width: 100%; }
.box-info a { color: #3481B7; font-size: 11px; text-decoration: none; }
.box-info a:hover { text-decoration: underline; } 
.box-info li {  -webkit-font-smoothing: antialiased; color: #999; float: left; font-size: 10px; line-height: 130%; margin-bottom: 10px; width: 100%; }

.box-logo { float: left; margin-bottom: 20px; width: 100%; text-align: center;}

.box-logo h2 {  margin-top: text-align: center; }

.btn-rojo-mc { background: #D02E10 !important; border: 1px solid #800000 !important; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2),0 1px 0 rgba(255, 255, 255, 0.5) inset !important; color: #FFF !important; cursor: pointer; display: inline-block !important; font-size: 18px !important; padding: 12px 0 !important; text-decoration: none !important; width: 100% !important; }
.btn-rojo-mc:hover { background: #B42222 !important; }


.btn-gris-mc { background: #ccc !important; border: 1px solid #ccc !important; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2),0 1px 0 rgba(255, 255, 255, 0.5) inset !important; color: #FFF !important; cursor: pointer; display: inline-block !important; font-size: 18px !important; padding: 12px 0 !important; text-decoration: none !important; width: 100% !important; background-color:#9b9b9b !important}

.center{text-align:center; color: #999}
.main-content { background: #F3F3F3; position: relative; }
.bg-image { background-size: 100%; background: url('../img/bg_login.jpg') 50% 0 no-repeat; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.error { border: 1px solid #E61E1E !important; }

.footer { width: 100%; height: 50px; background: #000; border-top: 2px solid #000; position: fixed; bottom: 0;}
.footer  .uno .dos .tres .cuatro{height: 40px}
.uno{width: 60%; display: inline-block; vertical-align: top; color: #666; font-size:11px; padding: 5px; line-height: 15px; float: left;}
.dos{width: 100px; display: inline-block; vertical-align: top;float: right; padding-top: 10px}
.tres{width: 100px; display: inline-block; vertical-align: top;float: right;padding-top: 10px}
.cuatro{width: 100px; display: inline-block; vertical-align: top;float: right;padding-top: 10px}

.msg-error { -webkit-font-smoothing: antialiased; color: #E61E1E; float: left; font-size: 13px; text-align: center;border-radius: 5px;  font-weight: bold; width: 92%; border: 1px solid  #E61E1E; padding: 8px}
img.bg { height: auto; left: 0; min-height: 100%; min-width: 1024px; position: fixed; top: 0; width: 100%; z-index: -10; }
.refreshbtn {min-width:15px!important;width:15px!important;margin-right:3px;}

.captchaInput { background: #fafafa; border-radius: 5px; color: #333;border: 1px solid #CDCDCD; min-width:0px!important;width:64px!important}

@media screen and (max-width: 1024px) {
	img.bg { left: 50%; margin-left: -512px; }
	
}

@media screen and (max-width: 600px) {
	.wrap-login_mc { border-radius: 0; box-shadow: none; margin: 0 auto; width: 100%; }
	.box-login_mc { padding: 40px 10%; width: 80%; }
	img.bg { display: none; }
	.uno{width: 97%; text-align: center; font-size: 10px; line-height: 12px}
	.dos{display: none}
	.tres{display: none}
	.cuatro{display: none}
}