/********************************************
   HTML ELEMENTS
********************************************/ 

/* Top Elements */
* {
	margin: 0;
	padding: 0;
}
body {
	font: normal 70%/1.5em Verdana, Tahoma, Verdana, sans-serif;
	color: #9A9A9A;
	text-align: center;
	background: url(../img/bg-extranet-body.png) repeat-x center top;
	background-color: #fff;
}
/* links */
a {
	background: inherit;
	text-decoration: none;
	color: #9A9A9A;
}
a:hover {
	background: inherit;
	color: #ED1C24;
}
/********************************************
   LAYOUT
********************************************/ 
#wrap {
	width: 990px;
	height:522px;
	margin: 0 auto;
	background: url(../img/bg-extranet.png) repeat-x center top;
}
#content-wrap {
  width: 510px;
	margin: 0 auto;
	padding: 0;
}
#logo {
  position:relative;
	top:97px;
	width: 260px;
	height:73px;
	background:url(../img/logo-indacor.png) no-repeat;
	text-indent: -99999px;
	margin: 0 auto;
	padding: 0;
}
#texto{
	position: relative;
	top:123px;
}
/* Alert */
span.alert {
  position:relative;
	top:121px;
	display: block;
	padding: 10px 10px 10px 45px;
	margin: 15px 0;
	color: #c00;
	border-top: 3px solid #fe7b7a;
	border-bottom: 3px solid #fe7b7a;
	background: #FFD6D6 url(../img/status-alert.png) 10px 50% no-repeat;
	visibility:hidden;
}
#form-extranet{
	color: #fff;
	position:relative;
	top:112px;
	top:95px;
}
input {
	padding:2px;
	margin: 0 12px 0 0;
	border:1px solid #ccc;
	color:#777;
}
/* footer */
#footer {
  position:relative;
	top:163px;
	clear: both;
	font: normal 90% Verdana, Tahoma, sans-serif;
	padding: 8px 0 0 0;
	margin: 0 auto;
}
#footer a {
	text-decoration: none;
}