﻿/*
**************************************************************
ESAT SYSTEM
Especialistas en Sistemas y Aplicaciones Tecnológicas

http://www.esatsystem.net
Facebook and Twitter >> @esatsystem
YouTube >> esat system

By: Rashta Vidal Miguel Angel
**************************************************************
*/

/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:400i&display=swap');*/

body{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: #ECECEC;
	font-family:Arial, Helvetica, sans-serif;
}

@font-face {
	font-family: 'mfont-1';
	src: url("../fonts/OpenSans-RegularItalic.ttf");
}

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none; color: #74C059;}
a:active {text-decoration: none;}
a{color: #85D45E;}

#mask {
	display: none;
	background: #000000; 
	position: fixed; left: 0; top: 0; 
	width: 100%; height: 100%;
	opacity: 0.8;
	z-index: 2;
}

#carga{
	display: none;
	background-color: #fff;
	border-radius: 20px;
	border: 1px solid #000;
	text-align:center;
	position: fixed; left: 50%; top: 50%;
	margin-left:-75px; margin-top:-40px;
	width: 150px; height: 80px;
	padding:10px;
	z-index: 7;
}

#mensajereg {
	display: none;
	background: #E9E9E9;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	position: fixed; left: 50%; top: 50%;
	margin-left:-150px;
	width: 300px;
	border-radius:20px;
	border:3px solid #BFBFBF;
	padding:10px;
	z-index: 7;
}
#mensajereg i{
	font-size:30px;
}
#mensajereg i.icon-file-pdf{
	font-size:15px;
}
#mensajereg #closed{position: absolute; border-radius: 50%; background-color: #000; color: #fff; right: -8px; top: -8px; line-height: 22px; width: 26px; font-size: 15px; text-align: center; border: 2px solid #fff; cursor: pointer;}

#msjreg{
	display: none;
	width: 100%;
	color: #579C32;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	overflow: hidden;
	padding: 5px;
}

.line-head{
    width: 100%;
    border-right: 30px solid transparent;
    border-left: 30px solid transparent;
    border-top: 15px solid #740000;
}

.spaceh-lg{width: 100%; height: 130px; clear: left;}
.spaceh-mf{width: 100%; height: 80px; clear: left;}
.spaceh-mg{width: 100%; height: 70px; clear: left;}
.spaceh-md{width: 100%; height: 60px; clear: left;}
.spaceh-mse{width: 100%; height: 40px; clear: left;}
.spaceh-ms{width: 100%; height: 30px; clear: left;}
.spaceh-nh{width: 100%; height: 20px; clear: left;}
.spaceh-ns{width: 100%; height: 10px; clear: left;}
.spaceh-mx{width: 100%; height: 5px; clear: left;}
.spaceh-num{width: 100%; height: 20px; clear: left; text-align: right; font-size: 16px;}
.ocult{display: none;}
.visible{display: block;}
#check-val{font-size: 20px; color: #468C4B; text-shadow: 0px 0px 1px #38E665; font-weight: bold;}

#WinFloat{
	display: none;
	background-color: #fff;
	border-radius: 20px;
	width: 500px; overflow: 100%;
	position: absolute; left: 50%; top: 50px;
	margin-left:-250px;
	padding:15px;
	z-index: 3;
	box-shadow: 0px 0px 4px #fff;
	font-size: 13px;
}
#WinFloat .msg{position: absolute; width: 40px; line-height: 40px; left: 50%; margin-left: -20px; top: 50%; margin-top: -20px; color: #629F52; font-weight: bold; font-size: 50px; display: none; z-index: 3;}
#WinFloat .msgerror{position: absolute; text-align: center; width: 300px; overflow: hidden; left: 50%; margin-left: -150px; top: 50%; color: #C33F3F; font-weight: bold; font-size: 16px; display: none; z-index: 3; background-color: #fff; padding: 10px; border-radius: 10px; border: 1px solid #834E4E;}
	#WinFloat .msgerror i{font-size: 30px;}
#WinFloat .title{width: 100%; background-color: #1b262c; color: #fff; font-size: 11pt; font-weight: bold; padding: 5px; border-radius: 20px; text-align: center;}
#WinFloat .cods{font-size: 12px; color: #6e5773; text-align: left}
#WinFloat .subtitle{font-size: 14px; color: #6e5773; text-align: center; margin-bottom: 10px; line-height: 20px; background-color: #39375b; color: #fff;}
#WinFloat .report{font-size: 18px; color: #D55FC0; text-align: center; margin: 10px;}
#WinFloat .textsub{color: #745c97; font-weight: bold;}
#WinFloat .alert{color: #629F52; font-weight: bold; font-size: 14px;}
	#WinFloat .alert i{font-size: 30px;}
#WinFloat .asterisk{font-size: 12px; color: red;}
#WinFloat #formvirtual{font-size: 12px; font-weight: bold; text-align: justify; color: #6e5773; padding: 0 5px;}
#WinFloat input[type="text"]{height: 30px; border: 1px solid #A9BBED; border-bottom: 2px solid #4990B9; font-size: 12px; text-align: center;}
	#WinFloat input[type="text"][class="btn-check validar"]{width: 30%; margin-bottom: 12px;}
#WinFloat input[type="email"]{height: 30px; border: 1px solid #A9BBED; border-bottom: 2px solid #4990B9; font-size: 12px;}
#WinFloat select{height: 30px; border: 1px solid #A9BBED; border-bottom: 2px solid #4990B9; font-size: 12px; text-align: center;}
#WinFloat textarea{border: 1px solid #A9BBED; border-bottom: 2px solid #4990B9; font-size: 12px;}
#WinFloat .datares{border: 1px solid #C8C8C8; line-height: 30px; font-size: 12px; background-color: #FAFAFA;}
#WinFloat .datarea{border: 1px solid #C8C8C8; min-height: 78px; font-size: 12px; text-align: left; background-color: #FAFAFA; padding: 5px;}
/*#WinFloat #closed{position: absolute; border-radius: 50%; background-color: #000; color: #fff; right: -8px; top: -8px; line-height: 22px; width: 26px; font-size: 15px; text-align: center; border: 2px solid #fff; cursor: pointer;}*/

.container-fluid{position: relative;}
	.container-fluid #loguers{position: absolute; bottom: 10px; right: 15px; color: #8E3535; font-weight: bold; font-size: 14px;}
	.container-fluid #circlehead{position: absolute; bottom: -95px; margin-left: -100px; left: 50%; width: 200px; height: 190px; background: url('../../Images/Logueragp.jpg') no-repeat; background-size: 100% 100%; z-index: 1; border-radius: 50%; box-shadow: 0px 3px 6px #454545;}

	.container-fluid #headpage{background-color: #740000; overflow: hidden; padding: 10px 0px; border-bottom: 5px solid #EDEDED; box-shadow: 0 10px 10px -8px #000;}
		.container-fluid #headpage img{width: 270px; height: 80px;}
		.container-fluid #headpage #titlehead{font-size: 20pt; font-weight: bold; text-align: right; color: #fff;}
		.container-fluid #headpage #subtitlehead{font-size: 12pt; color: #E6E6E6; font-weight: bold;}

	/*.container-fluid #headitems{position: absolute; bottom: -50px; margin-left: -400px; left: 50%; width: 800px; height: 120px;}*/

.container .head{overflow: hidden; background-color: #2e333a; padding: 20px 10px; border-radius: 20px 20px 0 0;}
	.container #headitems{margin-top: 30px; margin-bottom: 50px; background: url('../../Images/line.svg') no-repeat; background-size: 95% 100%; background-position: center;}
		.container #headitems a .imgcircle{position: relative; background-color: #fff; margin: 0 auto; color: #000; width: 140px; height: 140px; font-size: 0.8em; font-weight: bold; padding: 15px; border-radius: 100%; box-shadow: 0px 3px 6px rgb(119, 119, 119);}
			.container #headitems a .imgcircle i{font-size: 47px; margin-bottom: 2px;}
		.container #headitems a .imgcircle:hover{background-color: #FFBE0F; color: #000; transition-duration: 0.2s;}
		.container #headitems a .imgcircle .numconvoc{position: absolute; width: 40px; color: #fff; line-height: 40px; top: 0px; right: 0px; font-size: 1.2em; font-weight: bold; background-color: green; border-radius: 100%;  z-index: 1;}
		/*.container #headitems a .imgcircle:hover #numconvoc{background-color: #FFC107; color: #000; box-shadow: 0px 0px 0px 3px #000; transition-duration: 0.2s;}*/

	.container .head #imglat{text-align: center;}
		.container .head #imglat i{font-size: 120px; color: #fff;}
	.container .head .tanio{font-size: 40px; font-weight: bold; color: #fff; text-shadow: 2px 2px 1px #6DD7E3;}
	.container .head hr{border-color: #9A9A9A;}
	.container .head .text{font-size: 14px; color: #B5F5FF;}
	.container .head .textmd{font-size: 18px; color: #fff;}
	.container .head h4{color: #EDEDED; margin-top: 10px; font-size: 1.7em;}
	.container .head #comunicdat{text-align: left; font-size: 13px; color: #fff; padding: 10px; font-weight: 300; margin-top: 20px;}
		.container .head #comunicdat ul{text-decoration: none; list-style: none; line-height: 30px; padding: 0px;}
			.container .head #comunicdat ul li.descrip{border-bottom: 1px solid #9A9A9A;}
			.container .head #comunicdat ul li.rute{border: 2px solid #85D45E; font-size: 1em; padding: 10px; margin-bottom: 20px;}
				.container .head #comunicdat ul li.rute i{font-size: 20px; color: #85D45E; margin-right: 5px;}
			.container .head #comunicdat ul a li.rute:hover{border: 2px solid #ebd82e; color: #ebd82e;}
			.container .head #comunicdat a .rutlinea{background-color: #bde6a8; border-bottom: 2px solid #85D45E; color: #000; font-size: 1em; margin-bottom: 10px; padding: 8px; text-align: center; font-weight: bold; border-radius: 20px;}
				.container .head #comunicdat a .rutlinea:hover{background-color: #ebdd62;}
		.container .head #comunicdat i{font-size:120px; color:#FFF;}
		.container .head #comunicdat h4{color: #EDEDED; text-align: left; margin-bottom: 20px;}
		.container .head #comunicdat img{width: 100%; border-radius: 20px;}

.container .loginhome{overflow: hidden; background-color: #0f4c75; padding: 10px; border-radius: 20px 20px 0 0;}
	.container .loginhome #imglat{text-align: center;}
		.container .loginhome #imglat i{font-size: 120px; color: #fff;}
	.container .loginhome #name{text-align: center; color: #fff; font-size: 16px; font-weight: bold;}
	.container .loginhome .groupmenu{width: 100%; padding: 10px; line-height: 30px; border-bottom: 1px solid #3282b8; color: #bbe1fa;}
		.container .loginhome .groupmenu:hover{background-color: #bbe1fa; color: #0f4c75; cursor: pointer;}

.container .granch{width: 100%; height: 0; border-right: 127px solid transparent; border-top: 100px solid  #2e333a; border-left: 127px solid transparent;}
.container .granchhome{width: 100%; height: 0; border-right: 127px solid transparent; border-top: 100px solid  #2e333a; border-left: 127px solid transparent;}

#bodypage{}
	#bodypage .infoindex{overflow: hidden; padding: 20px; text-align: center; background-color: rgba(255,255,255); border-radius: 20px; box-shadow: 0 4px 4px -1px rgba(0, 0, 0, 0.3);}
		#bodypage .infoindex #bodytext .fesele{text-align: right; margin-bottom: 20px;}
			#bodypage .infoindex #bodytext .fesele .title{font-size: 12pt; font-weight: bold; color: #2F6B91;}
			#bodypage .infoindex #bodytext .fesele select{font-size: 11pt;}
		#bodypage .infoindex #bodytext table{font-size: 0.75em;}
			#bodypage .infoindex #bodytext table th{padding: 10px; border: 1px solid #909090;}
			#bodypage .infoindex #bodytext table i.fa-file-pdf{color: #933939; font-weight: bold; font-size: 22px; cursor: pointer;}
			#bodypage .infoindex #bodytext table i.fa-file-excel{color: #3A9447; font-weight: bold; font-size: 22px; cursor: pointer;}
			#bodypage .infoindex #bodytext table .tdnum{background-color: #E9F3F5; font-size: 14px;}
			#bodypage .infoindex #bodytext .inscrip i{color: #3A9447; font-weight: bold; cursor: pointer; font-size: 22px;}
			#bodypage .infoindex #bodytext .reclam{position: relative;}
				#bodypage .infoindex #bodytext .reclam i.icon-bullhorn{color: #3A9447; font-weight: bold; cursor: pointer; font-size: 22px;}
					#bodypage .infoindex #bodytext .reclam .floatdiv{position: absolute; width: 150px; height: 90px; left: -65px; top: 30px; background-color: #EDFEF3; border: 1px solid #ACBDA0; border-radius: 20px; color: #6E8F58; font-size: 16px; padding: 10px; font-weight: bold; box-shadow: 3px 3px 4px #47524B;}
						#bodypage .infoindex #bodytext .reclam .floatdiv img{width: 100%; height: 100%;}
						#bodypage .infoindex #bodytext .reclam .floatdiv i{color: #6E8F58;}
			#bodypage .infoindex #bodytext .condprev{color: #D46921; font-weight: bold;}
			#bodypage .infoindex #bodytext .condopen{color: #3A9447; font-weight: bold;}
			#bodypage .infoindex #bodytext .condeval{color: #2572A8; font-weight: bold;}
			#bodypage .infoindex #bodytext .condclose{color: #AE2929; font-weight: bold;}
		#bodypage .infoindex .msj-seg{color: #272727; font-size: 16pt; text-align: center; margin-top: 60px;}
			#bodypage .infoindex .msj-seg i.icon-laptop{font-size: 120px; margin-bottom: 10px;}
			#bodypage .infoindex .msj-seg input[type="password"]#t-clav{width: 40%; line-height: 30px; border: none; border-bottom: 1px solid #4990B9; padding: 5px; font-size: 11pt;}
			#bodypage .infoindex .msj-seg #alert{font-size: 11pt; color: #A33838; display: none;}

	#bodypage .infohome{overflow: hidden; padding: 20px; text-align: left; background-color: rgba(255,255,255,0.5); border-radius: 20px;}
		#bodypage .infohome #hometext{}
			#bodypage .infohome #hometext .title{font-size: 20px; margin-top: 30px; text-align: right;}
			#bodypage .infohome #hometext table{font-size: 12px;}
				#bodypage .infohome #hometext table th{border: 1px solid #C0C0C0;}
				#bodypage .infohome #hometext table .tdnum{background-color: #E9F3F5; font-size: 14px;}
				#bodypage .infohome #hometext .inscrip{color: #4EAE5C; font-weight: bold; cursor: pointer;}
				#bodypage .infohome #hometext .reclam{color: #AE5C4E; font-weight: bold; cursor: pointer;}
				#bodypage .infohome #hometext table i{color: #0F4C75; font-weight: bold; font-size: 25px; cursor: pointer;}
				#bodypage .infohome #hometext table .datonum{font-size: 18px; background-color: #6DD690;}
				#bodypage .infohome #hometext table .nodatonum{font-size: 18px; background-color: #D66D6D;}
				#bodypage .infohome #hometext table .icon-user-times{color: #8B3C3C;}

		#bodypage .applicanthome{overflow: hidden; padding: 20px; text-align: left; background-color: rgba(255,255,255,0.5); border-radius: 20px;}
			#bodypage .applicanthome #listusers{}
				#bodypage .applicanthome #listusers .titledep{font-size: 12px; color: #824848; font-weight: bold;}
				#bodypage .applicanthome #listusers a{color: #326C36;}
				#bodypage .applicanthome #listusers a .list{padding: 10px 0; font-size: 12px; font-weight: bold; color: #617389; border-bottom: 1px solid #B9D5E3;}
				#bodypage .applicanthome #listusers a .list:hover{background-color: #603D70; color: #fff; cursor: pointer;}
				#bodypage .applicanthome #listusers i.icon-check-circle-o{font-size: 20px; color: #47AC2C;}
				#bodypage .applicanthome #listusers i.icon-times-circle-o{font-size: 20px; color: #AC2C2C;}
			#bodypage .applicanthome .enlac a{font-size: 15px; font-weight: bold; color: #A55757;}
			#bodypage .applicanthome .msj{font-size: 22px; color: #B2B2B2; text-align: center;}
			#bodypage .applicanthome .space-cabec{font-size: 20px; margin-top: 50px; text-align: right;}

	#bodypage .infoconvoc{overflow: hidden; padding: 20px; text-align: left; background-color: rgba(255,255,255,0.5); border-radius: 20px;}
		#bodypage .infoconvoc #hometext{}
			#bodypage .infoconvoc #hometext #convocatoria_menu{width: 100%; color:#25516A; font-size:10pt; overflow: hidden; text-align: center;}
				#bodypage .infoconvoc #hometext #convocatoria_menu .titlet{font-size: 17pt; font-weight: bold; color: #638A9C; text-align: right; margin-bottom: 20px;}
				#bodypage .infoconvoc #hometext #convocatoria_menu .groupform{padding: 10px 15px;}
					#bodypage .infoconvoc #hometext #convocatoria_menu .groupform .title{font-size: 10pt; color: #000; font-weight: bold;}
					#bodypage .infoconvoc #hometext #convocatoria_menu .groupform input[type="text"],select{border:1px solid #A8A8A8; border-radius:5px; padding-left:5px; font-size: 12px;}
					#bodypage .infoconvoc #hometext #convocatoria_menu .groupform input[type="file"]{border:1px solid #A8A8A8; width: 100%; cursor: pointer; border-radius:5px; font-size: 12px; margin-bottom: 10px;}
					#bodypage .infoconvoc #hometext #convocatoria_menu .groupform textarea{width: 100%; border:1px solid #A8A8A8; border-radius:5px; padding-left:1%; font-size: 12px; margin-bottom: 10px;}
					#bodypage .infoconvoc #hometext #convocatoria_menu .groupform .asterisk{color: #AE2C2C;}
					#bodypage .infoconvoc #hometext #convocatoria_menu .groupform .elim_conv{color: #B14242; margin-bottom: 10px; font-size: 14px; cursor: pointer;}
						#bodypage .infoconvoc #hometext #convocatoria_menu .groupform .elim_conv input[type="file"]{color: #000;}
		
	#bodypage .configconvoc{overflow: hidden; padding: 20px; text-align: left; background-color: rgba(255,255,255,0.5); border-radius: 20px;}
		#bodypage .configconvoc #bodyconfig{width: 100%; overflow: hidden; margin-top: 40px;}
			#bodypage .configconvoc #bodyconfig .title{font-size: 17pt; font-weight: bold; color: #638A9C; text-align: right; margin-bottom: 20px;}
			#bodypage .configconvoc #bodyconfig #buttons{text-align: right;}
			#bodypage .configconvoc #bodyconfig table i{cursor: pointer;}
			#bodypage .configconvoc #bodyconfig table i.icon-cog{color: #17986C;}
				#bodypage .configconvoc #bodyconfig table i.icon-pencil2{color: #8F4610;}
				#bodypage .configconvoc #bodyconfig table i.icon-times-circle{color: #981717;}

	#bodypage .inforegister{overflow: hidden; padding: 20px; text-align: center; background-color: rgba(255,255,255,0.5); border-radius: 20px;}
		#bodypage .inforegister #hometext{margin-top: 30px;}
			#bodypage .inforegister #hometext #typeconvoc{padding-top: 30px;}
				#bodypage .inforegister #hometext #typeconvoc .titleconv{font-size: 16pt; font-weight: bold;}
				#bodypage .inforegister #hometext #typeconvoc #groupdep{text-align: center; width: 550px; margin: 0 auto; font-size: 13px;}
					#bodypage .inforegister #hometext #typeconvoc #groupdep .title{color: #9C3D3D; font-weight: bold;}
			#bodypage .inforegister #hometext #bodyconvoc{font-size: 11px;}
				#bodypage .inforegister #hometext #bodyconvoc .title{font-size: 14pt; font-weight: bold; text-align: left;}
				#bodypage .inforegister #hometext #bodyconvoc .subtitle{font-size: 11pt; text-align: left; color: #994A4A;}
				#bodypage .inforegister #hometext #bodyconvoc .titlecenter{font-size: 16pt; font-weight: bold; text-align: center; margin-top: 40px;}
				#bodypage .inforegister #hometext #bodyconvoc .titlepos{font-size: 14pt; text-align: center;}
				#bodypage .inforegister #hometext #bodyconvoc .titlecarg{font-size: 14pt; text-align: center; margin-bottom: 40px;}
				#bodypage .inforegister #hometext #bodyconvoc .asterisk{color: #D64A4A; font-weight: bold;}
				#bodypage .inforegister #hometext #bodyconvoc .desagr{text-align: left;}
				#bodypage .inforegister #hometext #bodyconvoc .formatfec{font-size: 9px; color: #838383;}
				#bodypage .inforegister #hometext #bodyconvoc input{font-size: 11px; padding: 5px;}
				#bodypage .inforegister #hometext #bodyconvoc select{font-size: 11px; padding: 2px;}
				#bodypage .inforegister #hometext #bodyconvoc textarea{font-size: 11px; padding: 2px;}
				#bodypage .inforegister #hometext #bodyconvoc input[type="file"]{border:1px solid #A8A8A8; border-radius:5px; cursor: pointer; font-size: 11px;}
				#bodypage .inforegister #hometext #bodyconvoc table i{font-size: 13px;}

	#bodypage .confighome{overflow: hidden; padding: 20px; text-align: left; background-color: rgba(255,255,255,0.5); border-radius: 20px;}
		#bodypage .confighome .group-config{margin-top: 40px;}
			#bodypage .confighome .group-config .group{background-color: #4A79B9; color: #fff; text-align: center; font-size: 18px; font-weight: bold; border-radius: 20px; padding: 10px; margin-bottom: 20px;}
				#bodypage .confighome .group-config .group i{font-size: 60px;}
			#bodypage .confighome .group-config a .group:hover{background-color: #fff; color: #4A79B9; box-shadow: 1px 1px 3px #000;}

	#bodypage .configcharge{overflow: hidden; padding: 20px; text-align: left; background-color: rgba(255,255,255,0.5); border-radius: 20px;}
		#bodypage .configcharge #bodycharge{margin-top: 40px; font-size: 13px;}

	#constancy table{font-size: 12px;}
		#constancy table .titlecab{background-color: #E6E6E6;}
		#constancy .title{font-size: 14px; font-weight: bold;}
		#constancy .portada{position:relative; width:100%; text-align: center;}
		#constancy .fec{text-align: right; font-size: 12px;}

	#resultpart {font-size: 12px;}
		#resultpart .titlecenter{font-size: 16pt; font-weight: bold; text-align: center;}
		#resultpart .titlecarg{font-size: 12pt; text-align: right; font-weight: bold;}
		#resultpart .title{font-size: 14px; font-weight: bold;}
		#resultpart .portada{position:relative; width:100%; text-align: center;}
		#resultpart input:disabled{font-size: 11px; padding: 5px; border:1px solid #889E85; background-color: #E1F0E2;}
		#resultpart select:disabled{font-size: 11px; padding: 2px; border:1px solid #889E85; background-color: #E1F0E2;}
		#resultpart textarea:disabled{font-size: 11px; padding: 2px; border:1px solid #889E85; background-color: #E1F0E2;}
		#resultpart i{font-size: 20px; color: #7E3B3B;}
	
	/*#bodypage .infobody{min-height: 600px; overflow: hidden; padding: 0 30px;}
		#bodypage .infobody #titlereg{color: #325567; font-size: 14pt; text-align: center;}
		#bodypage .infobody .adv{color: #305F83; font-size: 7pt;}
		#bodypage .infobody .asterisk{color: #BF3535;}
		#bodypage .infobody #btns{width: 100%; text-align: center;}
		#bodypage .infobody input[type="text"]{width: 100%; border: none; border-bottom: 1px solid #4990B9; padding: 5px; font-size: 8pt;}
		#bodypage .infobody input[type="text"]#busq{width: 100%; line-height: 30px; border: none; border-bottom: 1px solid #4990B9; padding: 5px; font-size: 8pt;}
		#bodypage .infobody select{width: 100%; border: none; border-bottom: 1px solid #4990B9; padding: 5px; font-size: 8pt;}
		#bodypage .infobody .title{line-height: 30px; background-color: #ff896b; color: #000; font-weight: bold; font-size: 14px; text-align: center;}
		#bodypage .infobody .titlesub{line-height: 30px; background-color: #ff896b; color: #000; font-weight: bold; font-size: 14px; text-align: center;}	
			#bodypage .infobody table td{font-size: 12px;}
			#bodypage .infobody table .subtitle{line-height: 30px; color: #000; font-weight: bold;}
			#bodypage .infobody table .EditR{color: #1F4C7E; cursor: pointer; font-size: 14px;}
			#bodypage .infobody table .ElimR{color: #1F4C7E; cursor: pointer; font-size: 14px;}
			#bodypage .infobody table #others-text{display: none; margin-top: 10px;}
				 #bodypage .infobody table #others-text input{background-color: #ECFAFF;}
		#bodypage .infobody #bodydescrip{text-align: center; font-size: 17pt; color: #263f44; padding: 20px;}
			#bodypage .infobody #bodydescrip i{font-size: 80px;}

		#bodypage .infobody .Stadistic{}
			#bodypage .infobody .Stadistic .title{overflow: hidden; background-color: transparent; color: #000; font-weight: bold; font-size: 14pt; text-align: center;}
			#bodypage .infobody .Stadistic #tabletot td{font-size: 15pt;}
				#bodypage .infobody .Stadistic #tabletot .titletr{background-color: #74CE58; font-size: 9pt; font-weight: bold;}
			#bodypage .infobody .Stadistic .sreport1{}
				#bodypage .infobody .Stadistic .sreport1 table td{font-size: 11px; border-bottom: 1px solid #6C6C6C;}
				#bodypage .infobody .Stadistic .sreport1 table .titletr{background-color: #58BCCE; font-size: 11px; font-weight: bold;}
			#bodypage .infobody .Stadistic .sreport2{padding: 0 2%;}
			#bodypage .infobody .Stadistic .excel{width: 100%; text-align: left; font-size: 15px;}
				#bodypage .infobody .Stadistic .excel a{color: #316B31;}
			#bodypage .infobody .Stadistic .excelnow{width: 100%; text-align: left; font-size: 15px;}
				#bodypage .infobody .Stadistic .excelnow a{color: #961616;}

		#bodypage .infobody .msj-seg{color: #305F83; font-size: 20pt; text-align: center;}
			#bodypage .infobody .msj-seg i.icon-cloud-download{font-size: 120px; margin-bottom: 10px;}
			#bodypage .infobody .msj-seg input[type="password"]#t-clav{width: 40%; line-height: 30px; border: none; border-bottom: 1px solid #4990B9; padding: 5px; font-size: 11pt;}
			#bodypage .infobody .msj-seg #alert{font-size: 11pt; color: #A33838; display: none;}

	#bodypage .present-mat{min-height: 600px; overflow: hidden; padding: 0 30px;}
		#bodypage .present-mat .title{font-size: 20pt; font-weight: bold; color: #2C69A2;}
		#bodypage .present-mat .subtitle{font-size: 18pt; color: #242424;}
		#bodypage .present-mat img{width: 400px; height: 200px;}*/

#bodypage .infobody #listinst{position: absolute; width: 93%; padding: 1%; margin: 1% 0; display: none; background-color: #fff; border-radius: 10px; border: 1px solid #B7B7B7; max-height: 330px; overflow-y: auto; z-index: 1;}
	#bodypage .infobody #listinst .fonts{font-size: 7pt; color: #7C7C7C;}
	#bodypage .infobody #listinst table td{line-height: 25px; border-bottom: 1px solid #DADADA; padding: 0 1%; font-size: 8pt;}
	#bodypage .infobody #listinst table tr.cabcel{background-color: #5D909D; color: #fff; font-weight: bold;}
	#bodypage .infobody #listinst table tr.scel:hover{background-color: #CADADE; cursor: pointer;}

#documento{margin:0 auto; width:700px;}
	#documento .spaceh{width: 100%; height: 10px;}
	#documento .portada{position:relative; width:100%; text-align: center;}
	#documento .descrip{position:relative; width:100%;}
		#documento .descrip .titulo{position:relative; text-align:center; padding-top:10px;}
			#documento .descrip .titulo .font_titu{font-size: 11pt; font-weight: bold;}
			#documento .descrip .titulo .font_subtitu{font-size:10pt;}
		#documento .descrip .datep{width: 100%; text-align: right; font-size: 9pt; padding: 5px 0;}
		#documento .descrip .datec{width: 90%; font-size: 10pt; background-color: #DFDFDF; padding: 5%; border-radius: 10px; margin-bottom: 20px;}
			#documento .descrip .datec .titu_con{font-size:12pt; font-weight: bold;}
			#documento .descrip .datec #table-inst{font-size: 9pt;}
				#documento .descrip .datec #table-inst .titletd{font-weight: bold;}
			#documento .descrip .datec #table-mod{font-size: 8pt;}
				#documento .descrip .datec #table-mod .headtitle{background-color: #BEBEBE; color: #000; height: 30px; font-size: 10pt; font-weight: bold; border-top: 1px solid #000;}
					#documento .descrip .datec #table-mod .headtitle td{text-align: center; border-top: 1px solid #000; font-weight: bold;}
				#documento .descrip .datec #table-mod tr{height: 25px;}
					 #documento .descrip .datec #table-mod tr td{border-bottom: 1px solid #000;}
		#documento .descrip .entidad{width: 100%;}
			#documento .descrip .entidad #table-respon{font-size: 8pt;}
				#documento .descrip #table-respon .headtitle{background-color: #BEBEBE; color: #000; height: 30px; font-size: 10pt; font-weight: bold; border-top: 1px solid #000;}
					#documento .descrip .entidad #table-respon .headtitle td{text-align: center; border-top: 1px solid #000; font-weight: bold;}
				#documento .descrip #table-respon tr{height: 25px;}
					 #documento .descrip #table-respon tr td{border-bottom: 1px solid #000;}
		#documento .descrip .aviso{font-size: 8pt;}

footer{}
	footer .footer-primary{width: 100%; background-color: #393f48; color: #fff; padding: 15px 0; font-size: 0.9em;}
		footer .footer-primary a{color: #3CF5EE;}
		footer .footer-primary img{}
		footer .footer-primary .fa-book-reader{font-size: 45px;}
		footer .footer-primary .social{margin-top: 5px; margin-bottom: 7px; text-align: right;}
			footer .footer-primary .social ul{margin: 0px; padding: 0px;}
				footer .footer-primary .social ul li{display: inline-block; margin: 0px 0px 0px 8px; padding: 0; border-radius: 100%;}
					footer .footer-primary .social ul li a{transition: all 0.2s ease; background: #FFF; border-radius: 100%; display: block; height: 30px; line-height: 32px; width: 30px; text-align: center; color: #333; box-shadow: 0 4px 4px -1px rgba(0, 0, 0, 0.3);}
						footer .footer-primary .social ul li:hover.social-icons-twitter a{background: #1aa9e1; color: #fff;}
						footer .footer-primary .social ul li:hover.social-icons-facebook a{background: #3b5a9a; color: #fff;}
						footer .footer-primary .social ul li:hover.social-icons-linkedin a{background: #0073b2; color: #fff;}
						footer .footer-primary .social ul li:hover.social-icons-youtube a{background: #c3191e; color: #fff;}
						footer .footer-primary .social ul li:hover.social-icons-instagram a{background: #7c4a3a; color: #fff;}
						footer .footer-primary .social ul li a i{font-size: 16px;}
	footer .footer-secundary{width: 100%; background-color: #2e333a; padding: 5px 0; color: #fff; font-size: 0.75em; text-align: center;}
		footer .footer-secundary a{color: #CBCBCB;}

@media(max-width: 576px){
	.ocult{display: block;}
	.visible{display: none;}

	.container #headitems{background: none;}
	.container-fluid #headpage #titlehead{font-size: 1.5em;}
	.container-fluid #headpage #subtitlehead{font-size: 1em;}

	.container .granch{border-right: 160px solid transparent; border-left: 160px solid transparent;}

	#bodypage .present-mat .title{font-size: 15pt;}
	#bodypage .present-mat .subtitle{font-size: 14pt;}
	#bodypage .present-mat img{width: 60%; height: 100px;}
}

@media(min-width: 1500px){
	.container .granch{border-right: 150px solid transparent; border-left: 150px solid transparent;}
	#bodypage .infoindex #bodytext table i.fa-file-pdf{font-size: 25px;}
	#bodypage .infoindex #bodytext table i.fa-file-excel{font-size: 25px;}
}