body {
  display: grid;
  place-items: center;
}

#main{
	background-color: #FFFFFF;
	color: #666666;
	font-family:Arial, Verdana, Geneva, sans-serif;
	font-size: 0.9em;
	max-width: 740px;
}

span{
	color:#333399;
	font-weight:bold;
}

ul{
	padding-left:0;
}

li{
	color: #333399;
	list-style-position:inside;	
	margin-bottom:1em;
}

p{
	color: #666666;
}

img{
	max-width:70%;
}

a:hover{
	color: #588b8d;
	text-decoration:underline;
}

a{
	color: #588b8d;
	text-decoration:none;
}


.azulado{
	background-color: #588b8d;
  	color: white;
  	font: caption;
  	font-size: inherit;
  	margin-bottom: 10px;
	margin-top:10px;
  	padding: 10px;
  	width: 90%;
}

.azulado::placeholder {
  color: white;
  opacity: 1;
}

.azulado::-webkit-input-placeholder { color: white; }
.azulado::-moz-placeholder { color: white; }
.azulado:-ms-input-placeholder { color: white; }

.g-recaptcha {
  display: flex;
  justify-content: center;
}

.bloques{
	display:inline-block;
	padding-top:1em;
	padding-bottom:1em;
	vertical-align:top;
	width:47%;
}

.boton{
  	background-color: white;
	border-style: ridge;
  	border-color: #588b8d;
  	border-radius: 6px;
	color:#588b8d;
	font-weight: bold;
	padding: 5px;
	width: 35%;
}

.boton:hover{
	background: #AAA;
  	background: -moz-linear-gradient(0% 100% 90deg, #FFFFFF, #CCCCCC);
  	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#CCCCCC));
  	cursor: pointer;  
}

.boton:active{
	background: #AAA;
  	background: -moz-linear-gradient(0% 100% 90deg, #FFFFFF, #CCCCCC);
  	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#CCCCCC));
    box-shadow: inset 2px 2px 1px #BBB;
}

.muestra{  
  	border-style: ridge;
  	border-color: #45B;
  	border-radius: 2px;
  	background-color: white;
  	font-size: inherit;
  	margin-bottom: 15px;
  	padding: 5px;
  	width: 90%;
}

.frmMuestra{
	text-align:center;
}

.validaciones{
	text-align: center;
}

.validaciones p, .validaciones span{
	color: #F00;
	font-weight: normal;
}

.vineta{
	display:inline;
}

#msgValidation{
	display:none;
}

#iconoOK{
		display:none;
		width:500px;
		margin-left:35%;
	}

#msjFinal, #info{
	display:none;
}

@media screen and (max-width: 500px) {
    #main{
		font-size:0.75em;
    }
	
	#imgIMEI{
		display:none;
	}
	
	#msjFinal{
		display:block;
		text-align:center;
		font-size:1.5em;
		color:white;
		font-weight:bold; 
		background-color:#2658AA;"
	}
	.bloques{
		display:block;
		padding-bottom:0;
		padding-top:0.3em;
		width:90%;
	}
	#iconoOK{
		display:block;
		vertical-align:middle;
		margin: 0 auto;
		width:8em;
	}
}

@media screen and (max-width: 700px) {
    #main{
		font-size:0.90em;
    }
}



@media screen and (max-width: 400px) {
    #main{
		font-size:0.70em;
    }
	#iconoOK{
		display:block;
		vertical-align:middle;
		margin: 0 auto;
		width:7em;
	}
}