body
{
	margin: 0;
	padding: 0;
	background: white;
	background-size: cover;
	background-attachment: fixed;
}
*{
	box-sizing: border-box;
}

#Encabezado
{
  width: 100%;
  height: 60px;
 background: blue;

}

#logo
{
	margin: auto;
	width: 100px;
	height: 60px;
  margin-bottom: 3%;
	float: left;
	padding: 2px 8px;

}


#Titulo
{
	margin: 0;

	color: white;
	font-size: 25px;
	font-family: sans-serif;
    padding: 15px;

}

.Datos{

	margin: auto;
	width: 350px;
	margin-top: 30px;
    padding: 20px;
	border-radius: 5px;

	padding: 20px;
  	box-shadow:
    inset 0 -3em 3em rgba(0,0,0,0),
    0 0  0 3px rgb(255,255,255),
    0.1em 0.1em 3em rgba(15, 48, 233, 0.89);
	
	
}


#lblText{
    margin-left: 7%;
	text-align: center;
}

.Cajitas
{

	font-size: 16px;
	width: 100%;
	padding: 10px;
	border: 0;
	border-radius: 15px;
	outline: none;
	
}

.input-contenedor
{
	margin-bottom: 2px;
	border: 1px solid #aaaaaa;
	border-radius: 4px;

}

.contenedor{
	width: 100%;
	overflow: scroll;
	overflow-x: hidden;
	height: 320px;
	padding: 4px;
}

.contenedor::-webkit-scrollbar
{
	width: 5px;

}

.contenedor::-webkit-scrollbar-thumb
{
	background: rgba(78, 169, 255, 0.267);
}
@media (min-width:768px)
{
	.Datos
	{
		margin: auto;
		width: 350px;
		margin-top: 30px;

	}
}





.btn-button
{
	border: none;
	width: 100%;
	color: #fff;
	font-size: 20px;
	
	background: #0060C1;
	padding: 13px 18px;
	margin-top: 3.5px;
	margin-bottom: 3%;
	border-radius: 6px;
	border:none;
	cursor: pointer;
}

#btn-link{
  
	width: 100%;
	color: black;
	font-size: 14px;
    font-family: Arial;
	text-align: center;
	margin-left: 13%;
	
}

.lbl-msj
{
	font-size: 12px;
	margin-left: 7px;
	height: 17px;
}