@import "../fuentes/_fuentes_.css";

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

*,
*::after,
*::before
{
	margin:0;
	padding:0;
	box-sizing:border-box;
	
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}



body
{
	font-family:'Montserrat';
	font-size:1rem;
	color:#000;
	background-color:#EEE;
}



input { font-family:'Montserrat'; }

select { font-family:'Montserrat'; }



header
{
	display:block;
	color:#FFF;
	background-color:#004373;
	height:100px;
	width:100%;
	text-align:center;
}

header > div
{
	display:inline-block;
	height:100%;
	width:auto;
	text-align:center;
	margin:0 auto;
}

header > div > div:nth-of-type(1)
{
	display:inline-block;
	height:100%;
	width:100px;
	background:linear-gradient(60deg, #004373 0%, #004373 40%, #FFF 41%, #FFF 46%, #881A1D 47%, #881A1D 52%, #001839 53%);
}

header > div > div:nth-of-type(2)
{
	text-align:center;
	display:inline-block;
	height:100%;
	width:100px;
	background:linear-gradient(60deg, #001839 0%, #001839 50%, #004373 51%);
}

header h2
{
	margin:0;
	padding:0;
	text-align:center;
	vertical-align:top;
	display:inline-block;
	height:100%;
	padding:11px 0;
	font-size:4rem;
	background-color:#001839;
}

header h3
{
	font-family:'Amelia BT';
	margin:0;
	padding:0;
	text-align:center;
	vertical-align:top;
	display:inline-block;
	height:100%;
	padding:32px 0;
	font-size:1.5rem;
	font-weight:normal;
}



main
{
	width:100%;
	background-color:#EEE;
	text-align:center;
}



section { display:block; }



#secAcceso
{
	width:300px;
	background-color:#FFF;
	margin:0 auto;
	border-radius:5px;
	box-shadow:2px 2px 5px #777;
	overflow:hidden;
	border:1px solid #333;
}

#secAcceso > div
{
	padding:0 20px 20px 20px;
	margin:0 auto;
}

#secAcceso h3
{
	text-align:center;
	color:#FFF;
	background-color:#00193A;
	font-size:1.1rem;
	padding:5px;
}

#secAcceso div label
{
	font-size:1rem;
	margin:20px 0 5px 0;
	display:block;
	text-align:center;
}

#secAcceso div p,
#secDatos p
{
	margin:10px 0;
	text-align:center;
	font-size:0.8rem;
	color:#333;
}

#secAcceso div input[type='text']
{
	font-size:1rem;
	width:100%;
	padding:3px;
	border-radius:5px;
	border:1px solid #004373;
	text-align:center;
}

#secAcceso div input[type='submit']
{
	font-size:1rem;
	width:100%;
	padding:5px;
	border-radius:5px;
	border:1px solid #004373;
	background-color:#004373;
	color:#FFF;
	text-align:center;
	box-shadow:1px 1px 3px #333;
	cursor:pointer;
	margin-top:10px;
}

#secAcceso div input[type='button']
{
	font-size:1rem;
	width:100%;
	padding:5px;
	border-radius:5px;
	border:1px solid #004373;
	background-color:#004373;
	color:#FFF;
	text-align:center;
	box-shadow:1px 1px 3px #333;
	cursor:pointer;
	margin-top:10px;
}



#secDatos
{
	display:inline-block;
	background-color:#FFF;
	margin:0 auto;
	text-align:center;
	border-radius:5px;
	box-shadow:2px 2px 5px #777;
	overflow:hidden;
	border:1px solid #333;
}

#secDatos > div
{
	padding:20px 20px 20px 20px;
	margin:0 auto;
}

#secDatos h3
{
	text-align:center;
	color:#FFF;
	background-color:#00193A;
	font-size:1.2rem;
	padding:5px;
}

#secDatos label
{
	font-size:1rem;
	display:block;
	text-align:left;
}

#secDatos input[type='text']
{
	font-size:1rem;
	padding:3px;
	border-radius:5px;
	border:1px solid #004373;
}

#secDatos input[type='submit']
{
	font-size:1rem;
	width:50%;
	padding:5px;
	border-radius:5px;
	border:1px solid #004373;
	background-color:#004373;
	color:#FFF;
	text-align:center;
	box-shadow:1px 1px 3px #333;
	cursor:pointer;
	margin-top:10px;
}

#secDatos input[type='button']
{
	font-size:1rem;
	width:50%;
	padding:5px;
	border-radius:5px;
	border:1px solid #004373;
	background-color:#004373;
	color:#FFF;
	text-align:center;
	box-shadow:1px 1px 3px #333;
	cursor:pointer;
	margin-top:10px;
}

#secDatos select
{
	font-size:1rem;
	padding:3px;
	border-radius:5px;
	border:1px solid #004373;
	text-align:left;
	background-color:#FFF;
	overflow:hidden;
}



#tabDatos
{
	border-collapse:separate;
}

#tabDatos tr > td
{
	padding:2px;
	text-align:left;
}

#tabDatos table
{
	border-collapse:collapse;
	width:100%;
	text-align:left;
}

#txtCredencial,
#txtConteo
{
	text-align:right;
}

#tabDatos .clsPad0 { padding:0 !important; }
#secDatos .cls100 { width:100%; }

#pMens.clsError { color:#F00; font-weight:bold; }
#pMens.clsNormal { color:#333; font-weight:normal; }



#examen > table
{
	margin:0 auto;
	border-spacing:20px;
}

#examen table tr td
{
	background-color:#FFF;
	text-align:left;
	font-weight:normal;
	border:1px solid #000;
	border-radius:10px;
	/*padding:7px;*/
	box-shadow:2px 2px 2px #777;
	overflow:hidden;
}

#examen h2
{
	text-align:center;
	font-size:1.2rem;
	color:#FFF;
	background-color:#881a1d;
	padding:15px 10px;
	position:relative;
}

#examen h2 button
{
	text-align:center;
	position:absolute;
	right:5px;
	top:5px;
	width:40px;
	height:40px;
	cursor:pointer;
	font-size:1.5rem;
	padding:0 0 3px 0;
	border:1px solid #FFF;
	border-radius:10px;
	color:#FFF;
	background:#881A1D;
}

#examen h3
{
	font-weight:normal;
	font-size:1.2rem;
	color:#FFF;
	background-color:#004373;
	/*border-radius:0 0 7px 7px;*/
	padding:15px 10px;
	margin-bottom:25px;
	vertical-align:middle;
}

#examen h3 small
{
	font-size:0.85rem;
	font-weight:bold;
	vertical-align:middle;
	color:#FF9900;
}

.clsPreg
{
	display:block;
	font-size:1.2rem;
	text-align:left;
	margin:5px 0 20px 0;
	cursor:pointer;
	padding:4px 0 10px 45px;
	position:relative;
	background-color:#FFF;
	/*border-radius:7px;*/

}

.clsPreg:hover
{
	background-color:#DDD;
}

.clsPreg input[type=radio]
{
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
}

.clsPreg input[type=radio]
{
	visibility:hidden;
	position:absolute;
	right:0;
}

.clsPreg i
{
	background:#FFF;
	border:2px outset #999;
	position:absolute; 
	left:0;
	top:4px;
}

.clsPreg input ~ i
{
	height:28px;
	width:28px;
	border-radius:100%;
	left:5px;
}

.clsPreg input[type=radio] ~ i:before
{
	content:'';
	display:block;
	height:12px;
	width:12px;
	background:red;
	border-radius:100%;
	position:absolute;
	z-index:1;
	top:6px;
	left:6px;
	background:#004373;
	/*transition:all 0.25s ease;*/
	transform:scale(0);
	opacity:0;
}

.clsPreg input[type=radio]:checked ~ i:before
{
	transform:scale(1);
	opacity:1;
}



.clsPreg sub
{
	background:#FFF;
	border:2px outset #999;
	position:absolute; 
	top:4px;
	right:0;
}
			
#examen span
{
	font-weight:bold;
	font-size:1rem;
	vertical-align:baseline;
}

.clsBtnEnviar
{
	/*background-color:#004373;*/
	background-color:#881A1D;
	color:#FFF;
	padding:10px 15px;
	border:1px solid #000;
	font-size:1.3rem;
	font-weight:normal;
	border-radius:10px;
	cursor:pointer;
}



	#CP
	{
		width:800px;
		padding:50px;
		padding-top:20px;
		box-shadow: 0px 0px 5px #999;
		font-size:1.2rem;
		margin: 30px auto 0 auto;
		background-color:#FFF;
	}
	
	#CP h2 { color:goldenrod; }
	#CP p {	text-align:justify; }
	#CP ul { padding-left:40px; }
	#CP li { text-align:justify; margin-bottom:10px; }
	
	#CP table
	{
		border-spacing:0px;
	    border-collapse:collapse;
		border:2px solid #000;
		font-size:11pt;
	}
	
	#CP th
	{
		padding:2px;
	}
	
	#CP td 
	{
		border-top:1px solid #000;
		padding:2px;
	}
	
	
	#CCKPlan
	{
		background-color:#F14E1B;
		color:#FFF;
		font-size:16pt;
		font-weight:bold;
		padding:8px;
		text-align:center;
		width:50%;
		margin-left:0px;
		margin-right:auto;
		clip-path:polygon(0% 0%, 98% 0%, 100% 50%, 98% 100%, 0% 100%);
	}
	
	#CCKText
	{
		background-color:#DDD;
		color:#FFF;
		padding:5px;
		padding-left:0px;
		text-align:justify;
		width:100%;
		clip-path:polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%);
	}
	
	#CCKText div
	{
		background-color:#FFF;
		color:#000;
		width:100%;
		margin-left:0px;
		margin-right:auto;
		clip-path:polygon(0% 0%, 96% 0%, 100% 50%, 96% 100%, 0% 100%);
	}
	
	#CCKText p
	{
		padding:10px;
		width:95%;
		margin-left:0px;
		margin-right:auto;
		margin-top:12px;
		margin-bottom:0px;
	}
	
	#CCKEspe
	{
		background-color:#EA3B02;
		background:linear-gradient(90deg, #902400 0%, #EA3B02 8%, #EA3B02 100%);
		padding:20px;
		color:#FFF;
		box-shadow:0px 0px 5px #333;
	}
	
	#CCKEspe div
	{
		background-color:#B22D04;
		font-size:18pt;
		font-weight:bold;
		color:#FFF;
		text-align:left;
		clip-path:polygon(0 0, 100% 0%, 95% 100%, 0% 100%);
		width:75%;
		margin-left:0px;
		margin-right:auto;
	}
	
	#CCKEspe img { height:50px;	}
	
	#CCKEspe span:nth-child(1)
	{
		display:table-cell;
		width:10%;
	}
	
	#CCKEspe span:nth-child(2)
	{
		display:table-cell;
		width:30%;
		clip-path:polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
		background-color:#C05835;
		text-align:center;
	}
	
	#CCKEspe span:nth-child(3)
	{
		display:table-cell;
		width:60%;
	}
	
	/*--------------------------------------------------------------------*/
	
	#MOSPlan
	{
		background-color:#F14E1B;
		color:#FFF;
		font-size:16pt;
		font-weight:bold;
		padding:8px;
		text-align:center;
		width:50%;
		margin-left:0px;
		margin-right:auto;
		clip-path:polygon(0% 0%, 98% 0%, 100% 50%, 98% 100%, 0% 100%);
	}
	
	#MOSText
	{
		background-color:#DDD;
		color:#FFF;
		padding:5px;
		padding-left:0px;
		text-align:justify;
		width:100%;
		clip-path:polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%);
	}
	
	#MOSText div
	{
		background-color:#FFF;
		color:#000;
		width:100%;
		margin-left:0px;
		margin-right:auto;
		clip-path:polygon(0% 0%, 96% 0%, 100% 50%, 96% 100%, 0% 100%);
	}
	
	#MOSText p
	{
		padding:10px;
		width:95%;
		margin-left:0px;
		margin-right:auto;
		margin-top:12px;
		margin-bottom:0px;
	}
	
	#MOSEspe
	{
		background-color:#EA3B02;
		background:linear-gradient(90deg, #902400 0%, #EA3B02 8%, #EA3B02 100%);
		padding:20px;
		color:#FFF;
		box-shadow:0px 0px 5px #333;
	}
	
	#MOSEspe div
	{
		background-color:#B22D04;
		font-size:18pt;
		font-weight:bold;
		color:#FFF;
		text-align:left;
		clip-path:polygon(0 0, 100% 0%, 95% 100%, 0% 100%);
		width:75%;
		margin-left:0px;
		margin-right:auto;
	}
	
	#MOSEspe img { height:50px;	}
	
	#MOSEspe span:nth-child(1)
	{
		display:table-cell;
		width:10%;
	}
	
	#MOSEspe span:nth-child(2)
	{
		display:table-cell;
		width:30%;
		clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
		background-color: #C05835;
		text-align:center;
	}
	
	#MOSEspe span:nth-child(3)
	{
		display:table-cell;
		width:60%;
	}
	
	#MOSEspe p
	{
		margin-left:40px;
	}
	
	
	/*--------------------------------------------------------------------*/
	
	#DSRPlan
	{
		background-color:#007FB5;
		color:#FFF;
		font-size:16pt;
		font-weight:bold;
		padding:8px;
		text-align:center;
		width:50%;
		margin-left:0px;
		margin-right:auto;
		clip-path:polygon(0% 0%, 98% 0%, 100% 50%, 98% 100%, 0% 100%);
	}
	
	#DSRText
	{
		background-color:#DDD;
		color:#FFF;
		padding:5px;
		padding-left:0px;
		text-align:justify;
		width:100%;
		clip-path:polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%);
	}
	
	#DSRText div
	{
		background-color:#FFF;
		color:#000;
		width:100%;
		margin-left:0px;
		margin-right:auto;
		clip-path:polygon(0% 0%, 96% 0%, 100% 50%, 96% 100%, 0% 100%);
	}
	
	#DSRText p
	{
		padding:10px;
		width:95%;
		margin-left:0px;
		margin-right:auto;
		margin-top:12px;
		margin-bottom:0px;
	}
	
	#DSREspe
	{
		background-color:#007FB5;
		background:linear-gradient(90deg, #005273 0%, #007FB5 8%, #007FB5 100%);
		padding:20px;
		color:#FFF;
		box-shadow:0px 0px 5px #333;
	}
	
	#DSREspe div
	{
		background-color:#2B579A;
		font-size:18pt;
		font-weight:bold;
		color:#FFF;
		text-align:left;
		clip-path:polygon(0 0, 100% 0%, 95% 100%, 0% 100%);
		width:75%;
		margin-left:0px;
		margin-right:auto;
	}
	
	#DSREspe img { height:50px;	}
	
	#DSREspe span:nth-child(1)
	{
		display:table-cell;
		width:10%;
	}
	
	#DSREspe span:nth-child(2)
	{
		display:table-cell;
		width:30%;
		clip-path:polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
		background-color:#5579AE;
		text-align:center;
	}
	
	#DSREspe span:nth-child(3)
	{
		display:table-cell;
		width:60%;
	}
	
	/*--------------------------------------------------------------------*/
	
	#DGDPlan
	{
		background-color:#00B050;
		color:#FFF;
		font-size:16pt;
		font-weight:bold;
		padding:8px;
		text-align:center;
		width:50%;
		margin-left:0px;
		margin-right:auto;
		clip-path:polygon(0% 0%, 98% 0%, 100% 50%, 98% 100%, 0% 100%);
	}
	
	#DGDText
	{
		background-color:#DDD;
		color:#FFF;
		padding:5px;
		padding-left:0px;
		text-align:justify;
		width:100%;
		clip-path:polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%);
	}
	
	#DGDText div
	{
		background-color:#FFF;
		color:#000;
		width:100%;
		margin-left:0px;
		margin-right:auto;
		clip-path: polygon(0% 0%, 96% 0%, 100% 50%, 96% 100%, 0% 100%);
	}
	
	#DGDText p
	{
		padding:10px;
		width:95%;
		margin-left:0px;
		margin-right:auto;
		margin-top:12px;
		margin-bottom:0px;
	}
	
	#DGDEspe
	{
		background-color:#007FB5;
		background:linear-gradient(90deg, #9B5D13 0%, #F7941E 8%, #F7941E 100%);
		padding:20px;
		color:#000;
		box-shadow:0px 0px 5px #333;
	}
	
	#DGDEspe div
	{
		background-color:#34AD40;
		font-size:18pt;
		font-weight:bold;
		color:#FFF;
		text-align:left;
		clip-path:polygon(0 0, 100% 0%, 95% 100%, 0% 100%);
		width:75%;
		margin-left:0px;
		margin-right:auto;
	}
	
	#DGDEspe img { height:50px;	}
	
	#DGDEspe span:nth-child(1)
	{
		display:table-cell;
		width:10%;
	}
	
	#DGDEspe span:nth-child(2)
	{
		display:table-cell;
		width:30%;
		clip-path:polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
		background-color:#5FC16C;
		text-align:center;
	}
	
	#DGDEspe span:nth-child(3)
	{
		display:table-cell;
		width:60%;
	}
	
	#DGDEspe h3
	{
		text-align:left;
		margin-left:40px;
	}
	
	
	/*--------------------------------------------------------------------*/
	
	#AEIPlan
	{
		background-color:#CC00CC;
		color:#FFF;
		font-size:16pt;
		font-weight:bold;
		padding:8px;
		text-align:center;
		width:50%;
		margin-left:0px;
		margin-right:auto;
		clip-path:polygon(0% 0%, 98% 0%, 100% 50%, 98% 100%, 0% 100%);
	}
	
	#AEIText
	{
		background-color:#DDD;
		color:#FFF;
		padding:5px;
		padding-left:0px;
		text-align:justify;
		width:100%;
		clip-path:polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%);
	}
	
	#AEIText div
	{
		background-color:#FFF;
		color:#000;
		width:100%;
		margin-left:0px;
		margin-right:auto;
		clip-path:polygon(0% 0%, 96% 0%, 100% 50%, 96% 100%, 0% 100%);
	}
	
	#AEIText p
	{
		padding:10px;
		width:95%;
		margin-left:0px;
		margin-right:auto;
		margin-top:12px;
		margin-bottom:0px;
	}
	
	#AEIEspe
	{
		background-color:#007FB5;
		background:linear-gradient(90deg, #AA35B0 0%, #F53EFF 8%, #F53EFF 100%);
		padding:20px;
		color:#FFF;
		box-shadow:0px 0px 5px #333;
	}
	
	#AEIEspe div
	{
		background-color:#CC00CC;
		font-size:18pt;
		font-weight:bold;
		color:#FFF;
		text-align:left;
		clip-path:polygon(0 0, 100% 0%, 95% 100%, 0% 100%);
		width:75%;
		margin-left:0px;
		margin-right:auto;
	}
	
	#AEIEspe img { height:50px;	}
	
	#AEIEspe span:nth-child(1)
	{
		display:table-cell;
		width:10%;
	}
	
	#AEIEspe span:nth-child(2)
	{
		display:table-cell;
		width:30%;
		clip-path:polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
		background-color:#D633D6;
		text-align:center;
	}
	
	#AEIEspe span:nth-child(3)
	{
		display:table-cell;
		width:60%;
	}
	
	#AEIEspe h3
	{
		text-align:left;
		margin-left:40px;
	}