/*
**************************************************************
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;
	font-family:Arial, Helvetica, sans-serif;
	background-image: url("../../Images/backgroundhome.png");
}

@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;}


#msjreg{
	display: none;
	width: 100%;
	text-align: center;
	font-size: 0.8em;
	font-weight: bold;
	overflow: hidden;
	margin-bottom: 20px;
	padding: 5px;
	z-index: 3;
	background-color: rgba(255, 255, 255, 0.5);
}
#msjreg .regok{color: #3A973E;}
#msjreg .regcl{color: #973a3a;}

.spaceh-lg{width: 100%; height: 130px; clear: left;}
.spaceh-mdx{width: 100%; height: 80px; clear: left;}
.spaceh-md{width: 100%; height: 60px; clear: left;}
.spaceh-ml{width: 100%; height: 45px; 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;}
.linear{width: 100%; height: 1px; clear: left; background-color: rgba(255, 255, 255, 0.3); margin: 5px 0;}
.ocult{display: none;}
.visible{display: block;}

.container{overflow: hidden; margin-top: 80px;}
	.container #namelogin{margin-bottom: 10px;}
		.container #namelogin img{width: 230px; height: 70px;}
	.container #login{padding: 10px; border: 2px solid #17a2b8; border-radius: 20px; background-color: rgba(255, 255, 255, 0.1);}
		.container #login #imglogin{}
			.container #login #imglogin img{width: 100%; height: 200px; margin-bottom: 10px;}
			.container #login #imglogin .subtitle{color: #fff; font-size: 1.2em;}
		.container #login .datalogin{color: #fff; font-size: 1.2em;}
			.container #login .datalogin h2{font-weight: bold; color: #dfe9f6; text-shadow: 2px 2px 2px #000; margin-bottom: 0px;}
	.container #footer{font-size: 0.8em; color: azure; margin-top: 10px;}
		.container #footer a{color: rgb(218, 218, 218);}

/*******************************************************************************/
@media(max-width: 576px){
	.ocult{display: block;}
	.visible{display: none;}
	.container{overflow: hidden; margin-top: 0px;}
}

@media(min-width: 1500px){

}