@charset "utf-8";

body {
	margin: 0;
	background-color: #F0F0F0;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
}

a {
	text-decoration: none;
	color: black;
}

h1 {
	font-size: 18px;
	font-weight: normal;
}

input {
	font-size: 14px;
	border: solid 1px lightgray;
	padding: 4px;
	text-align: center;
	border-radius: 4px;
}

textarea {
	width: 90%;
}

#enca {
	display: flex;
	box-sizing: border-box;
	background-color: #404040;
	color: #FFFFFF;
	padding: 16px 4px 16px 16px;
	margin: 0px;
	width: 100%;
	font-size: 18px;
	font-weight: bold;
}

#enca a {
	color: white;
}

.elico {
  	position: absolute;
  	right: 18px;
  	top: 8px;
}

#elmin {
	box-sizing: border-box;
	float: right;
	display: none;
	background-color: white;
	width: 100%;
	margin-bottom: 16px;
	text-align: right;
	padding-right: 18px;
	
}

#ncons {
	box-sizing: border-box;
	float: left;
	display: none;
	background-color: white;
	width: 100%;
	margin-bottom: 16px;
	text-align: left;
	padding: 18px;
	
}

#ncons input {
	text-align: left;
	width: 90%;
}

#ncons .boto {
	float: left;
	width: 40%;
}

#ncons .boto input {
	text-align: center;

}

#barfe {
	background-color: #69c9c5 ;
	text-align: center;
	margin: 0px 0px 8px 0px;
	padding-top: 8px;
	padding-bottom: 8px;
	
}

#prin {
	float: left;
	box-sizing: border-box;
	width: 100%;
	text-align: center;
}

#elmen {
	float: left;
	box-sizing: border-box;
	
}

.cuadri {
	float: left;
	box-sizing: border-box;
	width: 50%;
	padding: 8px;
	
}

.cuadrom {
	width: 100%;
	box-sizing: border-box;
	float: left;
	background-color: #FFFFFF;
	box-shadow: 1px 1px 4px 2px #bbbbbb;
	border-radius: 4px;
	text-align: center;
	padding-top: 16px;
	
	
}

.cuadbla {
	background-color: #FFFFFF;
	box-shadow: 2px 2px 4px 2px black;
	border-radius: 4px;
	padding: 8px;
	text-align: center;
	margin: 24px;
	
}

.cagen {
	float: left;
	display: flex;
	width: 95%;
	background-color: white;
	margin: 8px;
	box-shadow: 1px 1px 4px 2px #CCCCCC;
	border-radius: 4px;
	
}

.cagen p {
	font-size: 16px;
	font-weight: bold;
}

.cagen h1 {
	font-size: 14px;
	font-weight: bold;
	
}

.cagen h2 {
	font-size: 14px;
	font-weight: normal;
}

.cagen_i {
	float: left;
	display: block;
	/* vertical-align: middle; */
	width: 20%;
	margin: 0px;
	background-color: #ecffba ;
	text-align: center;
	
}

.cagen_d {
	float: left;
	display: block;
	width: 80%;
	padding-left: 12px;
	

}

#btIngresa {
	margin:  64px;
	padding: 16px;
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
	font-size: 24px;
	color: aliceblue;
	background-color:#434349;
	box-shadow: 4px 4px 8px 4px black;
	
}



.it_contiene {
	float: left;
	box-sizing: border-box;
	width: 100%;
	padding: 16px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	
	
}

.it_contiene h1 {
	font-size: 14px;
	color: black;
}

.it_contiene h2 {
	font-size: 12px;
	color: darkgray;
}

.it_fondo {
	float: left;
	display: flex;
	width: 100%;
	background-color: white;
	border-radius: 8px;
	box-shadow: 1px 1px 4px 0px #bbbbbb;
	overflow: hidden;
	
}

.it_cuadro {
	box-sizing: border-box;
	width: 20%;
	background-color: aqua;
	padding: 4px 12px 4px 12px;
	text-align: center;
	
}

.it_texto {
	box-sizing: border-box;
	width: 80%;
	padding: 4px 12px 4px 12px;
	
}

#ex_principal {
	box-sizing: border-box;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	width: 100%;
	padding: 16px;
	
}

#ex_principal h1 {
	font-size: 18px;
	margin-top: 0px;
	margin-bottom: 2px;
}

#ex_principal h2, h3 {
	font-size: 14px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 2px;
	
}

#ex_principal h2 {
	color: gray;
}

#ex_contiene {
	box-sizing: border-box;
	width: 100%;

}

.ex_caja {
	float: left;
	box-sizing: border-box;
	background-color: white;
	width: 100%;
	border-radius: 4px;
	box-shadow: 0px 1px 2px 1px #DDDDDD;
	padding: 8px;
	margin-bottom: 16px;
}

.ex_caja h2, h3 {
	font-size: 14px;
}

.ex_separa {
	float: left;
	box-sizing: border-box;
	width: 100%;
	background-color: #1e8bff;
	color: white;
	text-align: center;
	font-size: 12px;
	padding: 8px;
}