@charset "utf-8";
body {
	font-family:MS Sans Serif, Geneva, sans-serif;
	font-size:14px;
	margin:0;
	color:#ffffff;
}
.centered { margin-left:auto; margin-right:auto; text-align:center; }

.loginright { margin-left:auto; margin-right:10px; text-align:right; }

.loginleftbottom { margin-left:auto; margin-right:auto; text-align:left; }
.cialeftbottom { margin-left:30px; margin-right:auto; text-align:left; }
.registerrightbottom { margin-left:auto; margin-right:40px; text-align:right; }
.userleftbottom { margin-left:30px; margin-right:auto; text-align:left; }
        .bottompos {
            position: absolute;
            bottom: 30px;
        }

.centered-element {
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.right {
  position: absolute;
  right: 0px;
  width: 400px;
  padding: 10px;
}

#header { width:100%;   padding: 20px 0;}
h2.title { border-left: 1px solid #E6E6E6;
color: #ffffff;
float: right;
font-family:MS Sans Serif, Geneva, sans-serif;
font-weight: 700;
padding: 10px 20px;
text-align: left;
width: 540px;}
.default-value { background	:url('../images/login/input.png') no-repeat; border: medium none;
    font-family:MS Sans Serif, Geneva, sans-serif;
    font-size: 16px;
    font-weight: 400;
    padding: 10px;
	margin:7px;
    width: 230px; color:#000000!important; }
#formulario { 
font-family:MS Sans Serif, Geneva, sans-serif;
    font-size: 16px;
    font-weight: 400;
	color: #617c8d;
}

a { font-size: 13px; color:#617c8d; text-decoration: none;}
a:hover { color:#000; text-decoration: underline;}
.button { background:url('../images/login/icon_key.gif') no-repeat left center; padding: 10px 30px; border:none; color: #617c8d; font-weight:400; cursor: pointer; }
.cancel { background:url('../images/login/action_stop.gif') no-repeat left center; padding: 10px 30px; border:none; color: #617c8d; font-weight:400; cursor: pointer; }
.continue { background:url('../images/login/continue.png') no-repeat left center; padding: 10px 30px; border:none; color: #617c8d; font-weight:400; cursor: pointer; }
.button:hover, .cancel:hover, .continue:hover { border-bottom: dotted #617c8d 1px; }
/*  #bottom { position:absolute; bottom:0; left:0;background:url(../images/login/IoT1_1.png) no-repeat bottom left; text-align:center; z-index:-3; padding-top:600px; width:100%} */
#bottom img { position:relative; }

.error{
    color: red;
    text-align: center;
}

.echo {
  color:green;
  padding-top:100px;
  text-align:center;
  width:300px;
}