/*
**************************************************************
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: #eceff4;
	font-family:Arial, Helvetica, sans-serif;
	background-image: url("../../Images/fbkhome.jpg");
  	background-size: 100% 100%;
}

@font-face {
	font-family: 'mfont-1';
	src: url("../fonts/OpenSans-RegularItalic.ttf");
}
@font-face {
	font-family: 'mfont-2';
	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: #126A9D;}

#mask {
	display: none;
	background: #000000;
	position: fixed; left: 0; top: 0; 
	width: 100%; height: 100%;
	opacity: 0.8;
	z-index: 2;
}
#carga{
	display: none;
	text-align:center;
	position: fixed; left: 50%; top: 50%;
	margin-left:-50px; margin-top:-25px;
	width: 100px; height: 50px;
	padding:10px;
	z-index: 2;
}
#msjreg{
	display: none;
	width: 100%;
	color: #579C32;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	overflow: hidden;
	padding: 5px;
}

.spaceh-lg{width: 100%; height: 130px; 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;}
.line{width: 40%; height: 3px; background-color: #caea5b; margin-bottom: 20px;}

.container .headbody{background-color: rgba(255,255,255,0.3); box-shadow: 0px 5px 12px #000; min-height: 560px; margin: 40px 0 0 0; border-radius: 30px; border-bottom: 4px solid #098271;}
	.container .headbody #loguer{width: 90px; height: 90px;}
	.container .headbody .title{position: relative; text-shadow: 0px 3px 2px #000; font-size: 3.3em; font-weight: bold; color: #caea59; line-height: 40px; left: -5px;}
	.container .headbody .subtitle{position: relative; font-size: 1.1em; left: -5px;}
	.container .headbody .destitle{position: relative; font-size: 1em; left: -5px; top: -4px;}
	.container .headbody .headicons{font-size: 1.1em; color: #363636;}
	.container .headbody .headnoti{position: relative; border-radius: 20px; border-bottom: 3px solid #caea5b;}
		.container .headbody .headnoti .head-social{background-color: #001e2b; position: absolute; top: -30px; right: 20px; padding: 15px; color: #fff; border-radius: 20px; font-size: 1.3em;}
		.container .headbody .headnoti .titlenoti{font-size: 2em; color:#fff;}
		.container .headbody .headnoti .bodynoti{color:#ddd; text-align: left;}
		.container .headbody .headnoti .titleclaro{font-size: 2em; color:#000;}
		.container .headbody .headnoti .bodyclaro{color:#2E2E2E;}
			.container .headbody .headnoti a i{color: #fff;}
			.container .headbody .headnoti .bodyclaro a .platform{background-color: #0063a1; color: #fff; border-radius: 20px; border: 2px solid #a7d895; font-size: 0.6em; text-align: center; min-height: 110px;}
			.container .headbody .headnoti .bodyclaro a .platform:hover{background-color: #a5db8b; color: #000; transition: 0.5s; border: 2px solid #000;}
			.container .headbody .headnoti .bodyclaro img{width: 80px; height: 90px;}
			.container .headbody .headnoti .bodyclaro .titleicon{font-size: 1.5em; font-weight: bold; color: #fff; text-shadow: 0px 2px 1px #000; line-height: 40px;}
			.container .headbody .headnoti .bodyclaro a .platform:hover .titleicon{transition: 0.5s; color: #044168; text-shadow: 0px 2px 1px #fff;}

footer{font-size: 0.8em; color: #90ccab;}
	footer a{color: #d5ed9e}

@media(min-width: 1500px){
	.container .acont .list-group .digital-public #textdig{font-size: 15px;}
	.container .acont .list-group .digital-public #AeC img#loguerAeC{width: 100%; height: 330px;}
	.container .acont .list-group .digital-public #AeC #fondAeC img{height: 65px; width: auto;}
		.container .acont .list-group .digital-public #AeC #fondAeC .txtbtndig{font-size: 0.9em;}
	.container .acont .list-group .digital-public #CE img#loguerCE{width: 100%; height: 370px;}
	.container .acont .list-group .digital-public #CE #fondCE img{height: 90px; width: auto;}
		.container .acont .list-group .digital-public #CE #fondCE .txtbtndig{font-size: 1em;}
	.container .acont .list-group .digital-public #course-one img{height: 260px;}
	.container .acont .list-group .digital-public #courses img{height: 260px;}
	.container .sist .list-group .off-group img{height: 400px;}
	.container .sist .list-group .sist-group iframe{height: 220px;}
	#headpage #line-head #head-nave .nave.apt .count-doc{right: 60px; top: -10px;}
}