@charset "utf-8";
/* CSS Document */

/* ---------- FONTAWESOME ---------- */
/* ---------- http://fortawesome.github.com/Font-Awesome/ ---------- */
/* ---------- http://weloveiconfonts.com/ ---------- */

@import url(http://weloveiconfonts.com/api/?family=fontawesome);

/* ---------- ERIC MEYER'S RESET CSS ---------- */
/* ---------- http://meyerweb.com/eric/tools/css/reset/ ---------- */

@import url(http://meyerweb.com/eric/tools/css/reset/reset.css);

/* ---------- FONTAWESOME ---------- */

/* [class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif;
} */
/* general */
input {
	font-size: 1em;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
	-webkit-appearance: none;
    appearance: none;
}

/* logindiv */
#logindiv {
	width: 315px;
	margin: 50px auto;
	background: rgba(0, 0, 0, 0.4117647058823529);
    padding: 2em;
    border-radius: 10px;
    box-sizing: border-box;
	
}
#logindiv label {
	position: absolute;
	display: block;
	width: 36px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-family: 'FontAwesome', sans-serif;
	color: #676767;
	text-shadow: 0 1px 0 #fff;
}
#logindiv input{
	border: none;
	width: 204px;
	height: 48px;
    padding-left: 36px;
	border: 1px solid #000;
	background-color: #dedede;
    background: -webkit-linear-gradient(top, #c3c3c3 0%, #eaeaea 100%);	
	color: #363636;
	text-shadow: 0 1px 0 #fff;
	outline: none;
}

#logindiv select{
	border: none;
	width: 248px;
	height: 57px;
    padding-left: 9px;
	border: 1px solid #000;
	background-color: #dedede;
    background: -webkit-linear-gradient(top, #c3c3c3 0%, #eaeaea 100%);	
	color: #363636;
	text-shadow: 0 1px 0 #fff;
	outline: none;
}

#logindiv .nitselect{
	border-bottom:none;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	margin-bottom: 0;
	-webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, .4);
}

#logindiv input.nit[type="text"] {
	border-bottom:none;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	margin-bottom: 0;
	-webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, .4);
}
#logindiv input.usuario[type="text"] {
	border-bottom: none;
	border-top: none;
	-webkit-border-radius: 0px 0px 0 0;
	-moz-border-radius: 0px 0px 0 0;
	border-radius: 0px 0px 0 0;
	-webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, .4);
}
#logindiv input.pass[type="password"] {
	border-top:none;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	margin-bottom: 20px;
	-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, .3), 0 1px 1px rgba(0, 0, 0, .2);
}

#logindiv .submit {
	margin: 0;
	padding: 0;
	width: 240px;
	background-color: #51ACE3;
	border: 1px solid #391515;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	line-height: 48px;
	text-transform: uppercase;
	/* background-image: none; */
	background-image:-webkit-linear-gradient(top, #6694b0 0%, #51ACE3 100%);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 1px 1px rgba(0, 0, 0, .2) ;
	-moz-box-shadow: hoff voff radius color;
	box-shadow: hoff voff radius color;
	text-shadow: 0 1px 0 #000;
}
#logindiv .submit:hover {
	background-color: #6694b0;
	background-image:-webkit-linear-gradient(top, #51ACE3 0%, #77afd1 100%);
}
span.h1{
	font-size:14px;
	color:#e6e6e6;
}
span.h2{
	font-size:21px;
	color:#e6e6e6;
}