.logo{
  background-image: image-set(url("/s/i/l272x115.png"));
  height: 4rem;
  width: 30rem;
  border: none;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.txtMen{
 color: #cca352;
}


/*.head {
  display: grid;
 grid-template-columns: auto auto; 
  grid-gap: 0px;
  padding: 0px;
	margin:0px;
}
.logo h6{
	font-size:1em;
	padding:0px;
	margin:0px;
}

.logo img {
   max-width: 100%;
	width: 10rem;
	height: 4.5rem;
	padding:0px;
}
.head .item {
  background-color: #f2f2f2;
  padding: 20px;
  border: 1px solid #ccc;
}*/

 .large {
  grid-column: span 2;
}

@media (max-width: 768px) {
  .large {
    grid-column: auto;
  }
}

.divButton{
border-style: ridge; border-color: white;text-align:center;
position: relative;margin-left:0.5rem;
}
.divButton:hover{
border-style: outset;border-color: gray;
position: relative;margin-left:0.5rem;
}

/* sin datos*/
.SD {
background-color:white;
color:black;
padding:0;
border-style: ridge; 
border-color: #D3D3D3;
text-align:center;
position: relative;
margin-left:0.5rem;
outline:none;
font-size:1rem;
}


.SD:hover	, .SD:focus {
background-color:#D3D3D3;
color:black;
padding:0;
border-style: outset; 
border-color: white;
text-align:center;
position: relative;
margin-left:0.5rem;
outline:none;
font-size:1rem;
}


/*D= desgaste*/
.a0D {
background-color:#006837;
color:white;
padding:0;
border-style: ridge; 
border-color: white;
text-align:center;
position: relative;
margin-left:0.5rem;
outline:none;
font-size:1rem;
}

.a0D:hover, .a0D:focus  {
background-color:#0aa95e;
color:black;
padding:0;
border-style: outset;
border-color: gray;
text-align:center;
position: relative;
margin-left:0.5rem;
outline:none;
font-size:1rem;
}


.a25D{
background-color:#5e9614;
color:black;
padding:0;
border-style: ridge; 
border-color: white;
text-align:center;
position: relative;
margin-left:0.5rem;
outline:none;
font-size:1rem;
}

.a25D:hover, .a25D:focus{
background-color:#acf34f;
color:black;
padding:0;
border-style: outset;
border-color: gray;
text-align:center;
position: relative;
margin-left:0.5rem;
outline:none;
font-size:1rem;
}

.a50D{
background-color:#ffd900;
color:black;
padding:0;
border-style: ridge; 
border-color: white;
text-align:center;
position: relative;
margin-left:0.5rem;
outline:none;
font-size:1rem;
}

.a50D:hover, .a50D:focus  {
background-color:#dec42f;
color:black;
padding:0;
border-style: outset;
border-color: gray;
text-align:center;
position: relative;
margin-left:0.5rem;
outline:none;
font-size:1rem;
}

/* #FF7F50 */

.a75D{
background-color:#f24b00;
color:black;
padding:0;
border-style: ridge; 
border-color: white;
text-align:center;
position: relative;
margin-left:0.5rem;
outline:none;
font-size:1rem;
}

.a75D:hover, .a75D:focus  {
background-color:	#FF7F50;margin-left:0.5rem;
color:black;
padding:0;
border-style: outset;
border-color: gray;
text-align:center;
position: relative;
margin-left:0.5rem;
outline:none;
font-size:1rem;
}

.a100D{
background-color:#eb000a;
color:white;
padding:0;
border-style: ridge; 
border-color: white;
text-align:center;
position: relative;
margin-left:0.5rem;
outline:none;
font-size:1rem;
}

.a100D:hover, .a100D:focus  {
background-color:#d11f27;
color:black;
padding:0;
border-style: outset;
border-color: gray;
text-align:center;
position: relative;
margin-left:0.5rem;
outline:none;
font-size:1rem;
}


.seal{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	float:left;
}



.seal h4 {
  color: white;
  background-color: black;
  font-size: 1rem;
}



main {
	flex: 1;
	/*margin-bottom: 70px;*/
}


a:link {
	color: white;
}

a:visited {
  color: white;
}

a:hover {
  color: orange;
}

a:active {
  color: orange; 
}

.leng{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: left;
/*	float: top;*/
	margin-left: 15rem;
}

.sign-up{
color:#f2f2f2;
margin-left:-70%;
cursor:pointer;
text-decoration:underline;
}

.no-access {
color:#E86850;
margin:20px 0px 20px -57%;
text-decoration:underline;
cursor:pointer;
}

.try-again {
color:#f2f2f2;
text-decoration:underline;
cursor:pointer;
}

msj {
	text-align: center;
	position: absolute;
	bottom: 5%;
	width: 100%;
/** /  background-color: white;
  color: orange red;/**/
}

.caja{
	align-items: center;
	display: flex;
	flex-flow: column wrap;
	justify-content: center;
/** /  background: white;/**/  
		}

.box{
	text-align: center;
	width: 100%;
	height: auto;
	/** /background: white;	/**/
	overflow: hidden;
		}

.box img{
	width: 50%;
	height: 50%;
		}




@supports(object-fit: cover){

.box img{
			height: 100%;
					object-fit: cover;
					object-position: center center;
		}
}