.principal {
		 background-color: #f9f9f9;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	position:absolute;
		overflow:auto;
		padding-bottom:0px;
					  background-repeat:no-repeat;
   background-attachment:;
   background-position:center;
  background-size:cover;
 /*background-image:url('/appminiproduccion/iconos/fondo.png')	*/
		   
		 }
		 .ptituloLogin {
   color: #333333;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
	font-family:Segoe UI,Helvetica Neue,Helvetica,Lucida Grande,Arial,Ubuntu,Cantarell,Fira Sans,sans-serif; 
		}
		 .principal_2 {
			background-color: transparent;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	position:absolute;
		
		   
		 }
		 .imgFondoapp {
			padding-bottom:60px; 
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	position:fixed;
		padding-bottom:0;
					  background-repeat:no-repeat;
   background-attachment:;
   background-position:center;
  background-size:cover;
		/* background-image:url('/DonChacho/icono/fondoLogin.jpg') */
		   
		 }
		  .imgIconoSystem {
	 height: 120px;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    border: solid 4px #fff;
    margin-top: 65;
	    box-shadow: 1px 1px 4px #00000063;
		 }
		 .divLogin{
    width: 40%;
    padding: 10px;
    min-height: 420px;
    border-radius: 10px;
		 }
		 .inputlogin {
			   height: 40px;
  		}
			 .btnOpcionesc {
			    width: 95%;
    height: 60px;
    /* border-radius: 40px; */
    border: solid 1px #7c504a;
    font-family: 'News Cycle', sans-serif;
    font-size: 20px;
    background-color: #936d66;
    color: #ffffff;
    outline: none;
		 }
		 .input_1_1{
    border: 1px solid #efefef;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #262626;
    font-size: 14px;
    padding: 9px 8px 7px;
    width: 100%;
    /* margin-left: 4px; */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
         }
		 .input_1_1:focus{
         	border:1px solid var(--colorcabezera);
         	outline:none;
         }
         .input_1_1::-webkit-input-placeholder{
         	color:#999;
         	font-weight:300;
         	opacity:1;
         }
.input_ingresar2 {
    border: none;
    outline: none;
    color: white;
    font-size: 14px;
    -webkit-box-shadow: 1px 1px 4px #00000063;
       box-shadow: 1px 1px 4px #00000063;
    background: #f28235;
    border-radius: 20px;
    outline: none;
    height: 40px;
    width: 200px;
    cursor: pointer;
    font-weight: bold;
    text-align: center;
    align-items: center;
    display: grid;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    -webkit-border-radius: 15px;
    border: 4px double rgb(255, 255, 255);
}
@media screen and (max-width:2560px) {
.divLogin{
    width: 20%;
    padding: 10px;
    min-height: 420px;
    border-radius: 10px;
		 }
}
@media screen and (max-width:1440px) {
.divLogin{
    width: 30%;
    padding: 10px;
    min-height: 420px;
    border-radius: 10px;
		 }
}
@media screen and (max-width:1024px) {
.divLogin{
    width: 40%;
    padding: 10px;
    min-height: 420px;
    border-radius: 10px;
		 }
}
@media screen and (max-width:768px) {
.divLogin{
    width: 50%;
    padding: 10px;
    min-height: 420px;
    border-radius: 10px;
		 }
}
@media screen and (max-width: 489px) {
.divLogin{
    width: 70%;
    padding: 10px;
    min-height: 420px;
    border-radius: 10px;
		 }
}

@media screen and (max-width: 425px) {
.divLogin{
    width: 85%;
    padding: 10px;
    min-height: 420px;
    border-radius: 10px;
		 }
}

@media screen and (max-width: 375px) {
	.divLogin{
    width: 85%;
    padding: 10px;
    min-height: 420px;
    border-radius: 10px;
		 }

}
@media screen and (max-width: 320px) {
.divLogin{
    width: 85%;
    padding: 10px;
    min-height: 420px;
    border-radius: 10px;
		 }
}


:root {
 --colorcabezera:#ff7c00;
  --colorbotonmas:#FF9800;
  --info-message:rgba(225,245,254,.92); /* blue messages */
}