/*
**************************************************************
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;
  	background-image: url("../../Images/Backgroundtaller.jpg");
  	background-size: 100% 100%;
}

@font-face {
	font-family: 'mfont-1';
	src: url("../fonts/Roboto-Regular.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;
}

#WinFloat{
	display: none;
	background-color: #fff;
	border-radius: 20px;
	text-align:center;
	width: 430px; overflow: 100%;
	position: fixed; left: 50%; top: 50%;
	margin-left:-215px;
	padding:10px;
	z-index: 2;
	box-shadow: 0px 0px 4px #fff;
}

#WinFloat .title{width: 100%; background-color: #1b262c; color: #fff; font-size: 11pt; font-weight: bold; padding: 10px; border-radius: 20px;}
#WinFloat .cods{font-size: 12px; color: #6e5773; text-align: left}
#WinFloat .prec{font-size: 16px; font-weight: bold;}
#WinFloat .alertitem{font-size: 16px; font-weight: bold; text-align: justify; color: #6e5773; padding: 0 5px;}
#WinFloat input[type="text"]{line-height: 20px; border: 1px solid #A9BBED; border-bottom: 2px solid #4990B9; padding: 8px; font-size: 14pt; text-align: center;}
#WinFloat input[type="email"]{line-height: 20px; border: 1px solid #A9BBED; border-bottom: 2px solid #4990B9; padding: 8px; font-size: 14pt; text-align: center;}
#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;}
#WinFloat #infocon{text-align: left; font-size: 12px; color: #494949; font-weight: bold;}
	#WinFloat #infocon #alertok{width: 80%; margin: 0 auto; color: #44AE53; font-size: 14px; text-align: center; font-weight: bold;}
	#WinFloat #infocon #alertnull{width: 80%; margin: 0 auto; color: #993232; font-size: 14px; text-align: center; font-weight: bold;}
	#WinFloat #infocon b{color: #3777A9;}

	#WinFloat #group-part label{font-size: 12px;}
	#WinFloat #group-part input[type="text"]{font-size: 12px;}
	#WinFloat #group-part input[type="email"]{font-size: 12px;}
	#WinFloat #group-part select{font-size: 12px;}
		#WinFloat #group-part .cods{text-align: left;}
		#WinFloat .cods .text{color: #753838; font-weight: bold;}
		#WinFloat #aviso{color: red; font-size: 11px;}

#msjreg{
	display: none;
	position: fixed;
	background-color: #fff;
	width: 300px;
	left: 50%; top: 50%;
	margin-left: -150px;
	border-radius: 20px;
	border: 3px solid #d45d79;
	color: #d45d79;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	overflow: hidden;
	padding: 10px;
	z-index: 2;
	box-shadow: 0px 0px 4px #d45d79;
}
#msjreg .regok{color: #3A973E;}

#visualizar_img{
	display: none;
	position: fixed; left: 50%; top: 50%;
	width: 900px; height: 500px;
	border-radius:10px;
	border:5px solid #D56666;
	z-index: 10001;
	background-color: #FFF;
}
#visualizar_img .close_visor{
	position: absolute;
	right: -15px; top: -20px;
	width: 30px; line-height: 20px;
	color: #fff; font-size: 16pt;
	background-color: #752D2D;
	border: 3px solid #D56666;
	border-radius: 100%;
	text-align: center;
	cursor: pointer;
}

.spaceh-lg{width: 100%; height: 130px; clear: left;}
.spaceh-mld{width: 100%; height: 100px; clear: left;}
.spaceh-msd{width: 100%; height: 80px; clear: left;}
.spaceh-md{width: 100%; height: 60px; 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;}
.ocult{display: none;}
.visible{display: block;}
.asterisk{color: #C32B2B;}

#listies{position: absolute; background-color: #FFEAEA; text-align: left; width: 94%; left: 50%; margin-left: -47%; padding: 1%; margin-top: 5px; display: none; border: 1px solid #B7B7B7; max-height: 330px; overflow-y: auto; z-index: 1;}
	#listies .fonts{font-size: 9px; color: #7C7C7C;}
	#listies table td{line-height: 25px; border-bottom: 1px solid #DADADA; padding: 0 1%; font-size: 9px;}
	#listies table tr.cabcel{background-color: #2F393C; color: #fff; font-weight: bold;}
	#listies table tr.scel:hover{background-color: #7F3838; color: #fff; cursor: pointer;}

.container{}
	.container #menu-lat{overflow: hidden;}
		.container #menu-lat .head{width: 100%; background-color: #223945; font-family: 'mfont-1'; font-weight: bold; text-align: center; color: #bbe1fa; padding: 10px; font-size: 20px;}
			.container #menu-lat .head img{width: 230px; height: 125px;}
			.container #menu-lat .head .tanio{font-size: 40px; font-weight: bold; color: #fff; text-shadow: 2px 2px 1px #6DD7E3;}
			.container #menu-lat .head hr{border-color: #585858;}
			.container #menu-lat .head .text{font-size: 14px; color: #B5F5FF;}
			.container #menu-lat .head .textmd{font-size: 18px; color: #fff;}
			.container #menu-lat .head #comunicdat{text-align: justify; font-size: 15px; color: #fff; padding: 10px; font-weight: 300; color: #DEF8FF;}
			.container #menu-lat .head #imgport{width: 100%; height: 250px; background: url('../../Images/business.png') no-repeat; background-size: 75% 100%; background-position: center;}
		.container #menu-lat .granch{width: 100%; height: 100px; border-left: 175px solid #223945; border-right: 175px solid #223945; border-bottom: 70px solid transparent;}
	.container #det-taller{background-color: rgba(255,255,255,0.4); overflow: hidden; padding: 15px; border-radius: 0 0 20px 20px;}
		.container #det-taller .infoindex{background-color: #fff; box-shadow: 1px 1px 3px #000; text-align: center; font-family: 'mfont-1'; padding: 5px;}
			.container #det-taller .infoindex img{width: 100%; height: 120px;}
			.container #det-taller .infoindex .group{padding: 10px;}
				.container #det-taller .infoindex .group .title{font-size: 16px; font-weight: bold; color: #0f4c75; text-align: left;}
				.container #det-taller .infoindex .group .subtitle{font-size: 14px; color: #1b262c; text-align: left;}
				.container #det-taller .infoindex .group .fecha{text-align: left; font-size: 12px; color: #6DA0C2; font-weight: bold;}
		.container #det-taller .infoindex:hover{background-color: #FFECEC; transition: 0.3s; box-shadow: 2px 2px 2px #DB6666;}
		.container #det-taller .inforegist{padding: 10px 30px; text-align: center;}
			.container #det-taller .inforegist form{text-align: left;}
			.container #det-taller .inforegist #imgloguer{width: 100%; height: 320px;}
				.container #det-taller .inforegist #imgloguer img{width: 100%; height: 100%; border-radius: 20px;}
			.container #det-taller .inforegist .title{background-color: rgba(27,38,44,0.8); color: #fff; border-bottom: 2px solid #3282b8; border-top: 2px solid #3282b8; line-height: 40px; font-size: 22px; text-align: center; padding: 8px;}
				.container #det-taller .inforegist .title .treg{font-size: 35px; text-shadow: 2px 2px 2px #000;}
			.container #det-taller .inforegist label{font-weight: bold;}
			.container #det-taller .inforegist .info{font-size: 16px; color: #384E67; font-weight: bold;}
			.container #det-taller .inforegist #text-mesj{width: 90%; margin: 0 auto; text-align: center; font-size: 17pt; color: #263f44; padding: 20px;}
				.container #det-taller .inforegist #text-mesj i{font-size: 100px;}
			.container #det-taller .inforegist #text-cant{color: #215988; font-size: 20px;}
			.container #det-taller .inforegist #IDcant{color: #B42E2E; font-size: 20px;}
			.container #det-taller .inforegist #consulinscrip{width: 100%; text-align: center; color: #17691C; font-weight: bold; font-size: 18px; cursor: pointer;}
				.container #det-taller .inforegist #consulinscrip i{font-size: 40px;}
			.container #det-taller .inforegist #consulcronograme a{width: 100%; text-align: center; color: #17691C; font-weight: bold; font-size: 18px; cursor: pointer;}
				.container #det-taller .inforegist #consulcronograme i{font-size: 40px;}
			.container #det-taller .inforegist #cancel{position: absolute; top: 10px; right: 15px; font-size: 25px; color: #9B3737;}

			.container #det-taller .inforegist #listinst{position: absolute; text-align: left; width: 88%; left: 50%; margin-left: -44%; padding: 1%; margin-top: 5px; display: none; background-color: #fff; border: 1px solid #B7B7B7; max-height: 330px; overflow-y: auto; z-index: 1;}
				.container #det-taller .inforegist #listinst .fonts{font-size: 7pt; color: #7C7C7C;}
				.container #det-taller .inforegist #listinst table td{line-height: 25px; border-bottom: 1px solid #DADADA; padding: 0 1%; font-size: 8pt;}
				.container #det-taller .inforegist #listinst table tr.cabcel{background-color: #5D909D; color: #fff; font-weight: bold;}
				.container #det-taller .inforegist #listinst table tr.scel:hover{background-color: #CADADE; cursor: pointer;}

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

			.container #det-taller .GroupsEvents{padding: 20px; background: rgba(255,255,255,0.5); border-radius: 20px;}
				.container #det-taller .GroupsEvents .grup{background-color: #3282b8; color: #fff; min-height: 100px; font-size: 14px; font-weight: bold; padding: 20px; border-radius: 20px; box-shadow: 2px 2px 2px #4F4F4F;}
				.container #det-taller .GroupsEvents .grup:hover{background-color: #bbe1fa; color: #0f4c75;}
					.container #det-taller .GroupsEvents .grup i{font-size: 30px;}

			.container #det-taller .TallerEvents{padding: 20px; background: rgba(255,255,255,0.5); border-radius: 20px;}
				.container #det-taller .TallerEvents .grup{background-color: #65587f; color: #fff; min-height: 100px; font-size: 12px; font-weight: bold; padding: 20px; border-radius: 20px; box-shadow: 2px 2px 2px #4F4F4F;}
				.container #det-taller .TallerEvents .grup:hover{background-color: #bbe1fa; color: #0f4c75;}
					.container #det-taller .TallerEvents .grup i{font-size: 30px;}

			.container #det-taller #cuadredocument{padding: 20px; background: #fff; border-radius: 20px;}
				.container #det-taller #cuadredocument .title{overflow: hidden; background-color: transparent; color: #000; font-weight: bold; font-size: 16pt; text-align: center;}
				.container #det-taller #cuadredocument .subtitle{font-size: 12px; font-weight: bold;}
				.container #det-taller #cuadredocument a{color: #52923B;}
				.container #det-taller #cuadredocument .row{margin-bottom: 20px;}

			.container #det-taller .Hours{padding: 20px; background: #fff; border-radius: 20px;}
				.container #det-taller .Hours .title{overflow: hidden; background-color: transparent; color: #000; font-weight: bold; font-size: 14pt; text-align: center;}
				.container #det-taller .Hours .desniv{width: 100%; overflow-y: hidden; margin-top: 10px; background-color: #0f4c81; color: #fff; text-align: center; font-weight: bold; padding: 10px 0;}
				.container #det-taller .Hours table{font-size: 11px;}
					.container #det-taller .Hours table tr{cursor: pointer;}
					.container #det-taller .Hours table .tiphour{font-size: 13px; color: #fff; font-weight: bold; background-color: #378535;}
				.container #det-taller .Hours .table-responsive{overflow-y: auto; max-height: 1000px;}

			.container #det-taller .Stadistic{padding: 20px; background: #fff; border-radius: 20px;}
				.container #det-taller .Stadistic #cabec{font-size: 14px; font-weight: bold; color: #3A72A7;}
				.container #det-taller .Stadistic .title{overflow: hidden; background-color: transparent; color: #000; font-weight: bold; font-size: 14pt; text-align: center;}
				.container #det-taller .Stadistic .sreport1 table td{font-size: 11px; border-bottom: 1px solid #6C6C6C;}
					.container #det-taller .Stadistic .sreport1 table .titletr{background-color: #58BCCE; font-size: 11px; font-weight: bold;}
					.container #det-taller .Stadistic .sreport1 table td a{color: #B03846; font-size: 12px;}
					.container #det-taller .Stadistic .sreport1 table .archdesc a{font-size: 13px; color: #355D71;}
					.container #det-taller .Stadistic .sreport1 i.icon-file-excel-o{color: #5C9A3E; font-size: 17px;}
					.container #det-taller .Stadistic .sreport1 i.icon-clock-o{color: #9A3E3E; font-size: 17px;}

footer{background-color: #CEEBFF; color: #fff; text-align: center; padding: 15px 0; box-shadow: 0px -1px 6px #1b262c;}
	footer .footlat1{text-align: center; border-right: 1px solid #7E7E7E; line-height: 100px;}
		footer .footlat1 img{width: 320px; height: 100px;}
	footer .footlat2{color: #343434; text-align: center; display: flex; justify-content: center; align-items: center; font-size: 9pt;}
		footer .footlat2 a{color: #377A23;}
		footer .footlat2 img{width: 150px; height: 30px;}

@media(max-width: 576px){
	.ocult{display: block;}
	.visible{display: none;}
	#bodypage .infoindex img{height: 250px;}

	#headpage img{width: 320px; height: 100px;}
	#headpage #titlehead{font-size: 15px;}
	#headpage #subtitlehead{font-size: 18px;}

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

	footer{padding: 40px 0;}
		footer .footlat1 img{width: 320px; height: 100px;}
}
.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../../Images/loader.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
}