*{
	margin:0;
	padding:0;
	}
body{background-image:url(../images/bgh.png);background-repeat:repeat-x;background-position:top;font-family:Calibri, Verdana, Arial;}

.biox{ 
	font-family:Arial, Helvetica, sans-serif;
	width:250px;
	height:20px;
	border:1px solid #5782fe;
	border-radius:5px;
	padding:2px 7px;
	color:#5782fe;
	}
select{
	border:1px solid #5782fe;
	border-radius:5px;
	color:#5782fe;
	text-align:center;
	}
.fnt1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#55ad68;
	}
	
a:link   
	{   
 	text-decoration:none;   
	}
	
.lb{
	cursor:pointer;	
   }
.lb2{
	cursor:pointer;	
	border:1px solid #088A4B;
	border-radius:200px 0px 200px 0px;
	background:#088A4B;
	font:Arial;
	font-weight:bold;
	font-size:12px;
	color:#FFF;
	padding:4px;
	}
	
#miSalida{
  display: none;
  border: .1em red solid;
  margin-bottom: 1em;
  color: navy;
  width: 20em;
}
	
.falta{
  border: .1em red solid;
  width:250px;
  height:20px;
}
.iml{
	width:200px;
	height:150px;
	}

.np1{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#088A4B;
	font-style:italic;
	}
.np2{
	border-radius:5px;
	border:1px solid #0080FF;
	padding:3px 7px 2px 7px;
	width:100%;
	color:#0080FF;
	}
.np2:focus{
	border:1px solid #FF0000;
	color:#088A4B;
	}
.np3{
	margin-top:10px;
	font-family:Arial;
	font-weight:bold;
	color:#FFF;
	border:1px solid #0080FF;
	padding:7px;
	border-radius:200px;
	background:#0080FF;
	cursor:pointer;
	}
.np4{
	color:#0080FF;
	font-family:Arial;
	font-weight:bold;
	font-size:12px;
	}
.rps{
	font-family:Arial;
	font-size:14px;
	color:#0080FF;
	}
.button,.button-alt,.button-sml,.button-alt-sml{border-radius:5px;background-color:#545454;border:1px solid #5782fe;color:#FFF;-webkit-box-shadow:0 1px 3px 2px #ccc;-moz-box-shadow:0 1px 3px 2px #ccc;box-shadow:0 1px 3px 2px #ccc;background-image:url(../images/buttonaz.png);background-repeat:repeat-x;background-position:left top;cursor:pointer;text-shadow:1px 1px 1px rgba(0,0,0,.2);text-decoration:none;padding:6px 10px;font-size:10px;font-weight:bold;}
.button-sml,.button-alt-sml{border-radius:3px;-moz-border-radius:3px;font-size:12px;text-decoration:none;padding:2px 5px}
.button:hover,.button-sml:hover{background-position:left -30px;background-color:#484848;text-decoration:none;}
.button-alt,.button-alt-sml{text-shadow:1px 1px 10px #fff;background-image:url(../images/button-alt.png);text-decoration:none;border:1px solid #AAA;color:#777}
.button-alt:hover,.button-alt-sml:hover{background-position:left -30px;text-decoration:none;}
a.button-sml,a.button-alt-sml{padding:3px 6px}
a.button,a.button-alt{padding:7px 11px}
.et-lb{
	color:#06F;
	}
.tb-dt{
	background-color:#CEE3F6;
	}
.lg-lg{
	margin:auto;
	margin-top:4%;
	width:170px;
	}
.lg-lg img{
	width:100%;
	height:100%;
	}
.cnt-dt{
	margin:auto;
	border:1px solid #5782FE;
	border-radius:10px 10px 10px 0px;
	width:500px;
	padding-top:50px;
	background-color:rgba(224, 224, 224, 0.5);
	}
.cnt-dt table{
	margin:auto;
	}
.dt-dv{
	border:1px solid #5782FE;
	border-top:1px solid #F2F2F2;
	border-radius:0 0 10px 10px;
	font-size:0;
	line-height:0;
	clear:both;
	height:15px;
	width:120px;
	background-color:rgba(224, 224, 224, 0.5);
	position:absolute;
	}
.cp-us{
	background-image:url(../images/account.png);
	background-repeat:no-repeat;
	background-position:96% 4px;
	}
.cp-ps{
	background-image:url(../images/bq.png);
	background-size:11px;
	background-repeat:no-repeat;
	background-position:96% 5px;
	}
.bt-go{
	padding:5px 8px;
	padding-right:28px;
	border:1px solid #3E97C9;
	border-radius:4px;
	background-color:#3E97C9;
	color:#FFF;
	
	background-image:url(../images/ingr.png);
	background-size:15px;
	background-repeat:no-repeat;
	background-position:90% 7px;
	}
.bt-go:hover{
	background-color:#6cc9fc;
	transition:linear 0.4s;
	}
.bt-stp{
	padding:5px 8px;
	padding-right:28px;
	border:1px solid #3E97C9;
	border-radius:4px;
	background-color:#B40404;
	color:#FFF;
	
	background-image:url(../images/no-w.png);
	background-size:15px;
	background-repeat:no-repeat;
	background-position:90% 7px;
	}
.bt-stp:hover{
	background-color:#DF0101;
	transition:linear 0.4s;
	}
@media screen and (max-width: 520px) {
body{
	width:100%;
	}
*{
	margin:0px;
	padding:0px;
}
.mgjel{
	width:100%;
	
	}
.aji{
	width:100px;
	height:100px;
	}
.biox{
	width:190px;
	}
.oji{
	width:380px;
	height:80px;
	}
.iml{
	width:70%;
	height:5%;
	}
.lg-lg{
	margin:auto;
	margin-top:30%;
	width:100px;
	height:100px;
	}
.cnt-dt{
	width:90%;
	padding-top:30px;
	}
.dt-dv{
	width:70px;
	}
}