/*
	Autor: José Luis Rodriguez
	Mail: jrodriguez@bincodex.com
	Web: https://bincodex.com
	Fecha: 2018-10-12 20:01:41
*/

*{
	font-family: arial, tahoma, sans-serif;

}

html, body {
	width: 100%;
	height: 100;
	padding: 0px;
	margin: 0px;
	font-size: 12pt;
}

body {
	border: 0px solid red;
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
}

main {
	margin: 5px auto;
	border: 0px solid #888a85;
	display: flex;
	max-width: 500px;
}

.tit-fef {
	text-align: center;
	font-size: 35px;
	background: #fff;
}

section {
	flex: 1;
	border: 0px solid blue;
	padding: 3px;
}

.cn {
	margin: 0 auto;
	text-align: center;
}

.iz {
	text-align: left;
}

.dr {
	text-align: right;
}

.fx {
	display: flex;
}

.btn-af {
	font-size: 30px;
	background: green;
	color: white;
	padding: 30px;
	user-select: none;
	cursor: pointer;
	font-family: arial, sans-serif;
	border-radius: 10px;
}

.fx1 { flex: 1; }
.fx2 { flex: 2; }
.fx3 { flex: 3; }
.fx4 { flex: 4; }
.fx5 { flex: 5; }
.fx6 { flex: 6; }
.fx7 { flex: 7; }
.fx8 { flex: 8; }
.fx9 { flex: 9; }

.pdd3 { padding: 3px; }
.pdd5 { padding: 5px; }
.pdd7 { padding: 7px; }
.pdd10 { padding: 10px; }
.pdd12 { padding: 12px; }
.pdd15 { padding: 15px; }
.pdd17 { padding: 17px; }
.pdd20 { padding: 20px; }
.pdd25 { padding: 25px; }
.pdd30 { padding: 30px; }

.fz0_7 { font-size: 0.7em; }
.fz0_8 { font-size: 0.8em; }
.fz0_9 { font-size: 0.9em; }
.fz1_0 { font-size: 1em; }
.fz1_2 { font-size: 1.2em; }
.fz1_3 { font-size: 1.3em; }
.fz1_5 { font-size: 1.5em; }
.fz1_7 { font-size: 1.7em; }
.fz2_0 { font-size: 2em; }
.fz2_5 { font-size: 2.5em; }


.wt100 { width: 100px; }
.wt150 { width: 150px; }
.wt200 { width: 200px; }
.wt250 { width: 250px; }
.wt300 { width: 300px; }
.wt350 { width: 350px; }
.wt400 { width: 400px; }
.wt450 { width: 450px; }
.wt500 { width: 500px; }
.wt550 { width: 550px; }


fieldset {
	margin: 0 auto;
	width: 87%;
	text-align: center;
	background: #d3d7cf;
	border: 1px solid #fff;
	border-radius: 5px;
	margin-top: 10px;
}

legend{
	font-weight: bold;
	text-align: left;
	background: #204a87;
	padding: 5px;
	border: 1px solid #fff;
	border-radius: 5px;
	color: #fff;
}

label{
	color: #204a87;

}

input {
	border: 1px solid #204a87;
	border-radius: 5px;
	font-size: 1.2em;
	width: 96%;
	padding: 5px;
}

input[type="submit"], input[type="buton"] {
	background: #4e9a06;
	color: #fff;
	font-weight: bold;
	border: 0px solid black;
}

select {
	font-size: 1.2em;
	border: 1px solid #204a87;
	border-radius: 5px;
	width: 100%;
	padding: 5px;
}

select option {
	padding: 3px;
	border-radius: 5px;
}


input[type="submit"] {
	border: 0px;
	margin-top: 10px;
	width: 100%;
	background: green;
	font-size: 1.4em;
	font-weight: bold;
	color: white;
	padding: 20px !important;
}

input[type="button"] {
	margin-top: 30px;
	background: #cc0000;
	color: white;
	font-size: 1.4em;
	font-weight: bold;
	width: 100%;
	padding: 20px !important;
}


.tit-doc{
	padding: 10px;
	text-align: center;
	border: 1px solid;
	font-weight: bold;
	font-size: 1.2em;
	border: 1px solid #fff;
	border-radius: 5px;
	background: #204a87;
	color: #fff;
}

#documento{
	font-size: 1.5em;
}

#logoApp {
	background: url(../img/logo-one.png?v=1) #fff;
	background-size: 67%;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #204a87;
	width: 100%;
	height: 80px;
	border-radius: 10px;
}

#logoApp1 {
	background: url(../img/logo-one.png?v=1) #fff;
	background-size: 80%;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #204a87;
	width: 300px;
	height: 70px;
	border-radius: 10px;
	display: inline-block;
}

#titApp {
	border: 1px solid #204a87;
	border-radius: 5px;
	background: white;
	padding: 10px;
	font-style: italic;
	margin-bottom: 20px;
}

/* Fin */