/* - - - - - - - - - - - - - - - - - - - - -

Título		: TIMS
Autor		: Oscar Sánchez
URL 		: TIMS

Creado 		: JAN 24, 2012
Modificado	: JAN 24, 2012

- - - - - - - - - - - - - - - - - - - - - */

/*section, nav, div header {
	border: 1px red solid;
}*/

/*====================================
RESET
=====================================*/
article, aside, details, figcaption, figure, footer, 
header, hgroup, menu, nav, section {display:block}

.center {
	text-align: center;
	
}

a {
	text-decoration: none;
}

*, html {
	margin: 0;
}

body {
	margin: 0;
	padding: 0;
	line-height: 160%;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	background: #f5f5f5 url('../img/back/back_login_body.png') no-repeat center 355px ;
}

/*====================================
LOGIN 
=====================================*/

#logo {
	width: 200px;
	display: block;
	margin: 0 auto;
	margin-top: 60px;
	margin-bottom: 35px;
	text-align: center;
}

#options {
	width: 575px;
	height: 35px;
	margin: 0 auto;
	margin-top: 10px;
	text-align: center;
	font-size: 12px;
	color: #a8a8a8;
}

#options a {
	color: #a8a8a8;
}

#options a:hover {
	border-bottom: 1px dotted #a8a8a8;
}

#message {
	width: 575px;
	height: 35px;
	margin: 0 auto;
	position: relative;
}

.message {
	padding: 5px 10px 5px 10px;
	color: #fff;
	font-weight: bold;
	position: absolute;
	top:0;
	width: 555px;
}

/* Error */

.message.error {
	background-color: #e53a3a ;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fe5555), to(#e53a3a));
	/* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #fe5555, #e53a3a);
	background-image: -moz-linear-gradient(top, #fe5555, #e53a3a);
	background-image: -ms-linear-gradient(top, #fe5555, #e53a3a);
	background-image: -o-linear-gradient(top, #fe5555, #e53a3a);
	background-image: linear-gradient(top, #fe5555, #e53a3a);
	opacity: 0;
	position: absolute;
	top: 40px;
	z-index: -1px;	
	-webkit-transition-timing-function: ease-in;
	-webkit-transition-duration: 400ms;	
	-moz-transition-timing-function: ease-in;
	-moz-transition-duration: 400ms;
	text-shadow: 1px 0px 1px #8e2828;
}

.message.error.active {
	opacity: 1;
	position: absolute;
	top: 0px;
	z-index: -1px;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 400ms;	
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 400ms;
}

.message.error span {
	background: url('../img/ico/alert_message_error.png') no-repeat top left;
	width: 11px;
	height: 11px;
	float: left;
	margin-top: 4px;
	margin-right: 10px;
}

/* Done */

.message.done {
	background-color: #17a620 ;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4ec93d), to(#1aa822));
	/* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #4ec93d, #1aa822);
	background-image: -moz-linear-gradient(top, #4ec93d, #1aa822);
	background-image: -ms-linear-gradient(top, #4ec93d, #1aa822);
	background-image: -o-linear-gradient(top, #4ec93d, #1aa822);
	background-image: linear-gradient(top, #4ec93d, #1aa822);
	opacity: 0;
	position: absolute;
	top: 40px;
	z-index: -1px;	
	-webkit-transition-timing-function: ease-in;
	-webkit-transition-duration: 400ms;	
	-moz-transition-timing-function: ease-in;
	-moz-transition-duration: 400ms;
	text-shadow: 1px 0px 1px #19731b;
}

.message.done.active {
	opacity: 1;
	position: absolute;
	top: 0px;
	z-index: -1px;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 400ms;	
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 400ms;
}

.message.done span {
	background: url('../img/ico/alert_message_done.png') no-repeat top left;
	width: 11px;
	height: 11px;
	float: left;
	margin-top: 4px;
	margin-right: 10px;
}

/* Alert */

.message.alert {
	background-color: #ebe258 ;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ebe258), to(#dcd04a));
	/* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #ebe258, #dcd04a);
	background-image: -moz-linear-gradient(top, #ebe258, #dcd04a);
	background-image: -ms-linear-gradient(top, #ebe258, #dcd04a);
	background-image: -o-linear-gradient(top, #ebe258, #dcd04a);
	background-image: linear-gradient(top, #ebe258, #dcd04a);
	opacity: 0;
	position: absolute;
	top: 40px;
	z-index: -1px;	
	-webkit-transition-timing-function: ease-in;
	-webkit-transition-duration: 400ms;	
	-moz-transition-timing-function: ease-in;
	-moz-transition-duration: 400ms;
	text-shadow: 1px 0px 1px #ece695;
	color: #a39c3a;
}

.message.alert.active {
	opacity: 1;
	position: absolute;
	top: 0px;
	z-index: -1px;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 400ms;	
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 400ms;
}

.message.alert span {
	background: url('../img/ico/alert_message_alert.png') no-repeat top left;
	width: 13px;
	height: 15px;
	float: left;
	margin-top: 2px;
	margin-right: 10px;
}


#login_content {
	background-color: #464646;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#5a5a5a), to(#383838));
	/* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #5a5a5a, #383838);
	background-image: -moz-linear-gradient(top, #5a5a5a, #383838);
	background-image: -ms-linear-gradient(top, #5a5a5a, #383838);
	background-image: -o-linear-gradient(top, #5a5a5a, #383838);
	background-image: linear-gradient(top, #5a5a5a, #383838);
	border-top: 1px solid #3f3f3f;
	border-right: 1px solid #353535;
	border-bottom: 1px solid #141414;
	border-left: 1px solid #353535;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
 	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 0 0 #a4a4a4;
	-moz-box-shadow: inset 0 1px 0 0 #a4a4a4;
	-ms-box-shadow: inset 0 1px 0 0 #a4a4a4;
	-o-box-shadow: inset 0 1px 0 0 #a4a4a4;
	box-shadow: inset 0 1px 0 0 #a4a4a4;
	color: #fff;
	font: bold 11px Helvetica, Arial, "lucida grande", sans-serif;
	line-height: 1;
	padding: 6px 20px;
	text-align: center;
	text-shadow: 1px 0px 1px #1f1f1f;
	text-decoration: none;
	outline: none;
	display: block;	
	cursor: pointer;
	width: 575px;
	height: 35px;
	margin: 0 auto;
	z-index: 1px;
	position: relative;
}

#bims {
	float: left;
	width: 49px;
	height: 15px;
	padding-top: 8px;
	margin-right: 20px;
}

.field {
	float: left;
}

.field input::-webkit-input-placeholder {
    color:    #e1e1e1;
}
.field input:-moz-placeholder {
    color:    #e1e1e1;
}
.field input {
	width: 200px;
	border-radius: 5px;
	border: 1px solid #373737;
	font-size: 12px;
	color: #b2b2b2;
	font-weight: bold;
	padding: 9px 5px 9px 30px;
	margin-right: 10px;
}

.field input[type="text"] {
	background: #fff url('../img/ico/user_login.png') no-repeat 5px 7px;
}	

.field input[type="password"] {
	background: #fff url('../img/ico/user_password.png') no-repeat 5px 7px;
}

.submit {
	float: left;
}

/*
*******************************************************************************/
.submit button {
  background-color: #5cacf3;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#6fbdfc 0%), to(#509ee8 50%));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #6ebfff 0%, #6fbdfc 50%, #5cacf3 50%, #509ee8 100%);
  background-image: -moz-linear-gradient(top, #6ebfff 0%, #6fbdfc 50%, #5cacf3 50%, #509ee8 100%);
  background-image: -ms-linear-gradient(top, #6ebfff 0%, #6fbdfc 50%, #5cacf3 50%, #509ee8 100%);
  background-image: -o-linear-gradient(top, #6ebfff 0%, #6fbdfc 50%, #5cacf3 50%, #509ee8 100%);
  background-image: linear-gradient(top, #6ebfff 0%, #6fbdfc 50%, #5cacf3 50%, #509ee8 100%);
  border: 1px solid #373737;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 1px 3px #c3ebff;
  -moz-box-shadow: inset 0 1px 3px #c3ebff;
  -ms-box-shadow: inset 0 1px 3px #c3ebff;
  -o-box-shadow: inset  0 1px 3px #c3ebff;
  box-shadow: inset  0 1px 3px #c3ebff;
  color: #fff;
  font: bold 12px helvetica, arial, sans-serif;
  line-height: 1;
  padding: 10px 20px 10px 20px;
  text-align: center;
  text-shadow: 0px 1px 1px #335778; 335778
	}
.submit  button:hover {
    background-color: #509ee8;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#81c8ff 0%), to(#58aeff 50%));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #81c8ff 0%, #7dc2fc 50%, #61b5ff 50%, #58aeff 100%);
    background-image: -moz-linear-gradient(top, #81c8ff 0%, #7dc2fc 50%, #61b5ff 50%, #58aeff 100%);
    background-image: -ms-linear-gradient(top, #81c8ff 0%, #7dc2fc 50%, #61b5ff 50%, #58aeff 100%);
    background-image: -o-linear-gradient(top, #81c8ff 0%, #7dc2fc 50%, #61b5ff 50%, #58aeff 100%);
    background-image: linear-gradient(top, #81c8ff 0%, #7dc2fc 50%, #61b5ff 50%, #58aeff 100%);
    cursor: pointer; }

.submit  button:active {
    background-color: #509ee8;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#81c8ff 0%), to(#58aeff 50%));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #81c8ff 0%, #7dc2fc 50%, #61b5ff 50%, #58aeff 100%);
    background-image: -moz-linear-gradient(top, #81c8ff 0%, #7dc2fc 50%, #61b5ff 50%, #58aeff 100%);
    background-image: -ms-linear-gradient(top, #81c8ff 0%, #7dc2fc 50%, #61b5ff 50%, #58aeff 100%);
    background-image: -o-linear-gradient(top, #81c8ff 0%, #7dc2fc 50%, #61b5ff 50%, #58aeff 100%);
    background-image: linear-gradient(top, #81c8ff 0%, #7dc2fc 50%, #61b5ff 50%, #58aeff 100%);
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(51, 87, 120, 0.4);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(51, 87, 120, 0.4);
    -ms-box-shadow: inset 0px 0px 0px 1px rgba(51, 87, 120, 0.4);
    -o-box-shadow: inset 0px 0px 0px 1px rgba(51, 87, 120, 0.4);
    box-shadow: inset 0px 0px 0px 1px rgba(51, 87, 120, 0.4);
}