.bienvenida
 {
  font-family: Verdana;
  width: 80%;
  margin: auto;
  position: relative;
  top:5%;
 }

.bienvenida h1{
	color: #45A041;
	text-align: center;
	font-size: 2rem;
	margin-bottom:12%;
}

.bienvenida .maneraIngreso{
	/*border: 1px solid green;*/
	width: 60%;
	float:left;
	position: relative;
	left:3%;
	margin-top: 1%;
}

.bienvenida .maneraIngreso h3{
	font-size:16px;
	text-align: center;
	margin-bottom: 4%;
	color: #45A041;
}

.bienvenida h2{
	color: #45A041;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	margin-bottom:0%;
}

.bienvenida .maneraIngreso label{
	font-size: 13px;
	margin-left: 4%;
	position: relative;
	left:10%;
}

.btn{
	display: block;
	margin: auto;
	padding:.8% 7%;
	border: #45A041;
	background: #45A041;
	color:white;
	outline: 0;
}

/*
.bienvenida img{
	width: 30%;
	position: absolute;
	/*left:5%;
	top:-15%;*/
	top:250%;
	left:65%;
	/*border: 1px solid yellow;*/
}
*/

.btn:hover{
	cursor: pointer;
	background: #82CA7D;
	outline: 0;
}

.botonBienvenida{
	padding-top:10%;
}

.radio + span{
	margin-left:0;
	font-size: .8rem;
	text-align: left;
}

.radio{
	/*display: none;*/
}

.radio + span:before{
	content: "";
	display: inline-block;
	height: 7px;
	width: 7px;
	border: 2px solid #45A041;
	border-radius:50%;
	position: relative;
	top:5%;
	margin-right: 7px;
}

.radio:checked + span:before{
	background: #45A041;
}

#func{
	margin-right: 0;
}

/*table tr{
	/*border: 1px solid black; */
}*/

.contenedorRadios{
	/*border: 1px solid blue;*/
	width: 80%;
	float:left;
	position: relative;
	left:10%;
}

.radios{
	/*border: 1px solid black;*/
	text-align: left;
	width: 80%;
}

.ingreso{
	/*border: 1px solid black;*/
	width: 100%; /*55%;*/
	float: left;
	position: relative;
	/*left:12%;*/

}

table{
	margin: auto;
}

table tr td{
	/*border:1px solid black;*/
	/*text-align: right;*/
	font-size: 13px;
	padding-bottom: 2%;
	/*color: #45A041;*/
}

.inputText{
	width: 75%;
	padding-left:5%;
}

.editar{
	width: 8%;
	font-size:20px;
	padding-right:3px;
}

.editar:hover >  span{
	cursor: pointer;
	color: #F5A63F;
}

/*
table tr input[type="text"], table tr input[type="password"]
{
	width: 100%;
	outline: 0;
	border: 1px solid #C4C2C2;
	padding:1px 3px;
	font-size:12px;
	color:black;
}
*/
.inputInTable
 {
  outline: 0;
  border: 1px solid #C4C2C2;
  padding:1px 3px;
  font-size:12px;
  color:black;
 }
 
.inputInTableFull
 {
  width: 100%;
  outline: 0;
  border: 1px solid #C4C2C2;
  padding:1px 3px;
  font-size:12px;
  color:black;
 }

.ingreso .btn, .cambioPass .btn{
	display: inline-block;
	position: relative;
	left:5%;
	margin-top: 2%; /*7%;*/
	margin-right: 3%;
}

.errorLogin, .errorPass{
	/*border: 1px solid black;*/
	margin-top: 7%;
	text-align: center;
	font-size: 12px;
	color: #D40505;
	font-weight: bold; 
}

/*FONDO NEGRO DEL MENSAJE DE ERROR*/

.error{
	background: rgba(0,0,0,.5);
	position: absolute;
	left:0;
	top:0;
	right: 0;
	bottom:0;
}

/*CARTEL CON EL MENSAJE DE ERROR*/

.mensaje{
	display: block;
	background: #F9F7F7;
	width:30%;
	height: 25%;
	position: absolute;
	top:37%;
	left:36%;
	padding:2%;
	box-sizing: border-box;
	box-shadow: 0 0px 15px black;
}

.mensaje h4{
	text-align: center;
	font-size: 24px;
	margin-bottom:10%;
	color:black;
	font-family: Verdana;
}

.mensaje p{
	font-size: 14px;
	text-align: center;
	color:black;
	font-family: Verdana;
}

/*DIV CON LA CRUZ PARA CERRAR EL MENSAJE DE ERROR*/

.cerrar{
	font-weight:bold;
	cursor: pointer;
	font-size: 20px;
	position: absolute;
	top:7%;
	left:92%;
	width:5%;
}

.cerrar label{
	cursor: pointer;
	color:#989898;
}

.cerrar label:hover{
	color:#E40202;
}

/*.cambioPass{
	z-index: 10000;
	background: white;
	width: 75%;
	height: 75%;
	position: absolute;
	top:-80%;
	margin:auto;
}*/

.cambioPass{
	width:55%;
	float: left;
	position: relative;
	left:12%;
}

.cambioPass h4{
	/*border: 1px solid black;*/
	text-align: center;
	color: #45A041;
}

.cambioPass table{
	margin-top: 9%;
}


.cambioPass table tr .inputText{
	width: 55%;
}