* {
  margin: 0;
  padding: 0;
}

body {
	font-size: 16px;
	min-width: 600px;
	min-height: 100vh;
	position: relative;
	background: #FFFFFF;
	padding-bottom: 25px;
	font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.container {
	width: 100%;
}

.container header {
	width: 100%;
	padding-top: 10px;
	text-align: center;
}

.container header .row {
	width: 100%;
}

.container header .row .caja {
	width: 49%;
	height: 4.5em;
	margin: 0 0.5%;
  display:inline-block;
}

.container header .row .caja .logo1 {
	float: center;
	max-width: 450px;
	max-height: 65px;
	display: inline-block;
}

.container header .row .caja .logo2 {
	float: center;
	max-width: 400px;
	max-height: 60px;
	display: inline-block;
}

.container main {
	width: 100%;
	margin: 0 auto;
}

.container main h4 {
	font-weight: bold;
	padding-top: 10px;
	text-align: center;
}

.container main #status {
	text-align: center;
}

.container main #fecha {
	text-align: center;
}

.container main .form-group {
	text-align: center;
}

.container main .form-group label {
	font-size: 18px;
	font-weight: bold;
}

.container main .form-group #curp {
	margin: 0 auto;
	max-width: 600px;
}

.container main .form-group #btn-valid {
	margin-top: 10px;
}

.container main #danger {
	display: none;
}

.container main #warning {
	display: none;
}

.container main #info {
	display: none;
}

.container main #info .form-group #btn-register {
	float: right;
}

.container main #success {
	display: none;
}

.container footer {
	bottom: 0;
	width: 100%;
	min-height: 100px;
}

.container footer .pie {
	width: 100%;
}

.container footer .row {
	width: 100%;
}

.container footer .caja1 p {
	margin: 0;
	width: 100%;
	color: #6E6E6E;
	font-weight: bold;
	font-family: Arial;
  font-size: smaller;
  vertical-align: bottom;
}

.container footer .caja2 .imagen {
	text-align: center;
	vertical-align: middle;
}

.container footer .caja2 .imagen img {
	max-width: 80px;
	max-height: 80px;
}

@media (max-width: 768px) {
	.container header .row .caja {
		width: 100%;
		margin: 1% 0;
	}
}