*{
    padding:0;
    margin:0;
}

html {
    height:100%;
    font-family: "Segoe UI Local" !important;
    background-color:#F6F6F6;
}

body {
    display:table;
    height:100%;
    width:100%;
    font-family: "Segoe UI Local" !important;
    background-color:#F6F6F6;
    color:#252525;
}

header,section#contenedor,aside,section#contenido,footer {
    width:100%;
}

.mal {
    border-color: #D52600;
}

nav {
    width:45%;
    display:inline-block;
}

section#contenido{
    display:inline-block;
    vertical-align:top;
    padding:10px;
    width:95%;
}

header {
    height:100px;
    font-size: 2em;
    color: #F6F6F6;
    background:#16A085;
}

header section#logo {
    display:inline-block;
    width:30%;
    height:100%;
    vertical-align:top;
    float:left;
}

header section#userinfo {
    display:inline-block;
    width:20%;
    height:100%;
    text-align:right;
    float:right;
    vertical-align:top;
}

header section#userinfo ol li {
    line-height: 18px;
    list-style: none;
}

footer {
    width: 100%;
    height: 20px;
    max-height: 20px;
    font-size: 14px;
    display: table-row;
    text-align: center;
    font-family: "Segoe UI Local";
    background-color: #16A085;
    color:#F6F6F6;
}

section#userinfo label {
    font-family: "Segoe UI Local";
    font-size: 40px;
}

a {
    text-decoration: none;
    vertical-align: central;
    font-family: Segoe UI Local;
    cursor: pointer;
}

a:hover {
    text-decoration: none;
}

section#formlogin * {
    margin:0;
    padding:0;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
    color: #252525;
    font-size:16px;
}

#formlogin  *:before, #formlogin *:after {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#formlogin {
    font-family: "Segoe UI Local" !important;
    padding:20px;
    width:400px;
    margin: 5% auto auto auto;
    background-color:#F6F6F6;
    text-align:center;
}

#formlogin a {
  text-decoration: none;
  color:#252525;
}

#formlogin a:hover {
  text-decoration: underline;
}

#formlogin p {
  line-height: 1.5em;
}

#formlogin .clearfix {
  *zoom: 1;
  border:none;
}

#formlogin .clearfix:before, #formlogin .clearfix:after {
  content: ' ';
  display: table;
}

#formlogin .clearfix:after {
  clear: both;
}

section#login {
    width:400px;
    background:#F6F6F6;
    text-align:center;
}

section#form div {
    margin-left:auto;
    margin-right:auto;
}

section#form span {
    border:solid;
    border-right:none;
    border-radius: 3px 0px 0px 3px;
    display: block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 50px;
    background-color: #F6F6F6;
    color: #252525;
}


section#form input {
    font-family: "Segoe UI Local";
    height: 50px;
    border:0;
    padding:0;
    margin:0;
}

section#form input[type="text"] {
    padding: 0 16px;
}

section#form input[type="password"] {
    padding: 0 16px;
}

section#form input[type="submit"] {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-weight: bold;
    margin-bottom: 2em;
    text-transform: uppercase;
    width:280px;
    background-color:#16A085;
    color: #F6F6F6;
}

section#form input[type="submit"]:hover {
  background-color: #13816B;
}

#login > p {
  text-align: center;
}

#login > p span {
  padding-left: 1px;
}

section#rememberme * {
    font-family: 'Segoe UI Local';
}

@font-face {
    font-family: "Segoe UI Local";
    src: local("Segoe UI"),local("SegoeUI"),local("Segoe WP"),local("SegoeWP");
}

@font-face {
    font-family: "Segoe UI Local";
    src: local("Segoe UI Light"),local("SegoeUI-Light"),local("Segoe WP Light"),local("SegoeWP-Light");
}

.icon-user:before {
	margin:14px;
}
.icon-lock:before {
    margin:14px;
}

.divUsersPass {
    border:solid;
    border-radius:3px 3px 3px 3px;
    height:50px; 
    margin-bottom:20px !important;
    width:280px;
    background-color:#F6F6F6;
    color:#252525!important;
}

.InputUserPass {
    border:none;
    height:44px !important;    
    width:222px;
    color:#252525!important;
}

/*----------------------------------------------------------------------------------------------------------
************************************* VALIDACION DE ERRORES **********************************************
----------------------------------------------------------------------------------------------------------*/
input.error
{
    background: #FFDDDD !important;
    border-color: #FA5858 !important;
    border-radius: 0px 3px 3px 0px;
    box-shadow: 1px 1px 10px rgba(200, 0, 0, 0.85);
}
select.error
{
    background: #FFDDDD;
    border: 1px solid #e00;
}
span.error, .form-side-labels span.error, .form-top-labels span.error
{
	float: left;
	display: block;
	margin: 0 0 0 5px;
	padding: 3px;
	width: auto;
	font-weight: bold;
	color: #FFDDDD;
	background: red;
}

.form-top-labels span.error
{
	float: none;
	margin: 3px 0 0;
	width: 416px;
}
.form-top-labels .side-by-side span.error, .form-top-labels .side-by-side-last span.error { width: 200px; }