*{
	/* Resetting the default styles of the page */
	margin:0;
	padding:0;
}

html{
	overflow:auto;
}

body{
	/* Setting default text color, background and a font stack */
	color:#000000;
	font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 13;
}
img.background-image{
	min-height:100%;
	min-width:1400px;
	width:100%;
	height:auto;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
}
#carbonForm{
	/* The main form container */
	background-color: #FFFFFF;
	border:5px solid #999;
	margin:20px auto;
	width:400px;
	
	padding:30px 10px;
	
	/* CSS3 box shadow, used as an inner glow */
	-moz-box-shadow:0 0 5px #CCC inset;
	-webkit-box-shadow:0 0 5px #CCC inset;
	box-shadow:black 0.1em 0.1em 0.2em;
}

#carbonForm h1{
	font-size:40px;
	font-weight:normal;
	padding:0 0 30px 10px;
	text-align:left;
}

.fieldContainer{
	
}

#carbonForm,.fieldContainer,.errorTip{
	/* Rounding the divs at once */
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
}

.formerror{
	height:30px;
	width: 280px;
	margin: 10px auto;
	position: relative;
	font-size:12px;
}
.formmsg{
	height:auto;
	width: 350px;
	margin: 10px auto;
	position: relative;
	font-size:12px;
}
.formmsgx{
	height:auto;
	width: 350px;
	margin: 10px auto;
	position: relative;
	font-size:12px;
	color:#F00;
}
.imgch{
	height:50px;
	width: 280px;
	margin: 10px auto;
	position: relative;
}
.formRow{
	height:40px;
	width: 250px;
	margin: 10px auto;
	padding:0px;
	position: relative;
}

.label{
	float: left;
	padding: 0 20px 0 0;
	text-align: left;
	width: 150px;
	font-size: 14px;
	color:#000;
}

label{
	font-size:12px;
	letter-spacing:0px;
	line-height:25px;
}

.field{
	float:left;
	width:280px;
}

.field input{
	/* The text boxes */
	float:left;
	width:220px;
	height:30px;
	color:#000000;
	font-size:13px;
	outline:none; /* Preventing the default Safari and Chrome text box highlight */	
	padding-left:30px;
	border:1px solid #CCC;
	color: #333;
}

.signupButton{
	/* The submit button container */
	text-align:center;
	padding:10px 0 10px;
}

#submit{
	/* The submit button */
	border:1px solid #f4f4f4;
	cursor:pointer;
	height:40px;	
	width:110px;
	background:#6c9b44;
	font-size:16px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

#submit.active{
	/* Marking the submit button as active adds the preloader gif as background */
	background-image:url("../images/preloader.gif");
	
}

#submit:hover{
	background-color:#030;
	border:1px solid white;
	color:#FFF;
}

input:hover,
input:focus{
	border:1px solid black;
	-moz-box-shadow:0 0 8px lightblue;
	-webkit-box-shadow:0 0 8px lightblue;
	box-shadow:0 0 8px lightblue;
}

.errorTip{
	/* The error divs */
	background-color:#970F08;
	color:white;
	font-size:10px;
	height:26px;
	letter-spacing:0.4px;
	margin-left:20px;
	padding:5px 0 5px 10px;
	position:absolute;
	text-shadow:1px 1px 0 #555555;
	width:200px;
	right:-130px;
}


/* The styles below are only necessary for the styling of the demo page: */

#footer{
	position:fixed;
	bottom:0;
	width:100%;
	padding:10px;
	color:#eee;
	text-align:center;
	font-weight:normal;
	font-style:italic;
}

a, a:visited {
	font-size:12px;
	color:#060;
	text-decoration:none;
	outline:none;
}

a:hover{
	text-decoration: underline;
}

a img{
	border:none;
}

.error{
	color:#F00;
}

button.button {
	font-size:12px;
	BORDER-BOTTOM: #bfbfbf 1px solid; 
	BORDER-LEFT: #dedede 1px solid; 
	LINE-HEIGHT: 130%; 
	MARGIN: 5px 5px;
	PADDING: 20px 20px;
	DISPLAY: block; 
	FONT-FAMILY: "Lucida Grande", Tahoma, Arial, sans-serif;
	
	BACKGROUND: url("../images/white-grad.png") #eaeaea repeat-x left top; 
	FLOAT: left; 
	COLOR: #bfbfbf; 
	BORDER-TOP: #dedede 1px solid; 
	CURSOR: pointer; 
	BORDER-RIGHT: #bbb 1px solid;
	TEXT-DECORATION: none; 
	-webkit-box-shadow: rgba(0, 0, 0, .15) 0px 1px 3px; 
	-moz-box-shadow: rgba(0, 0, 0, .15) 0px 1px 3px; 
	-o-box-shadow: rgba(0, 0, 0, .15) 0px 1px 3px; 
	box-shadow: rgba(0, 0, 0, .15) 0px 1px 3px; 
	-webkit-border-radius: 0px; 
	-moz-border-radius: 0px; 
	border-radius: 0px
}

button.button {
	DISPLAY: inline-block; FLOAT: none;
	PADDING-BOTTOM: 3px; 
	PADDING-LEFT: 7px; 
	PADDING-RIGHT: 10px; 
	PADDING-TOP: 4px
}

button.button IMG {
	MARGIN: 0px 3px -3px 0px;
}
button.button:hover {
	BORDER-BOTTOM: #999 1px solid; 
	BORDER-LEFT: #999 1px solid;  
	BORDER-TOP: #999 1px solid; 
	BORDER-RIGHT: #999 1px solid;
	COLOR: #000;
	-moz-box-shadow:0 0 8px lightblue;
	-webkit-box-shadow:0 0 8px lightblue;
	box-shadow:0 0 8px lightblue;
}
button.active {
	BORDER-BOTTOM-COLOR: #ccc; 
	BORDER-TOP-COLOR: #ccc; 
	BACKGROUND: url(../images/white-grad-active.png) #fff repeat-x left top; 
	BORDER-RIGHT-COLOR: #ccc; 
	BORDER-LEFT-COLOR: #ccc; 
	-webkit-box-shadow: none; 
	-moz-box-shadow: none; 
	-o-box-shadow: none; 
	box-shadow: none;
}

button.positive {
	COLOR: #000; 
	FONT-WEIGHT: bold
}
button.positive:hover {
	BORDER-BOTTOM: #333333 1px solid; 
	BORDER-LEFT: #333333 1px solid; 
	BORDER-TOP: #333333 1px solid; 
	BORDER-RIGHT: #333333 1px solid;
	COLOR: #333333; 
}

button.negative {
	COLOR: #d12f19
}
.nosotros{
	color:#3f4143;
	font-size:12pt;
	margin:10px 0 0;
	padding-top:10px;
	text-align:center
}
.copyright{
	color:#3f4143;
	font-family:verdana;
	font-size:8pt;
	margin:10px 0 0;
	padding-top:0px;
	text-align:center
}

.passlost {
	color: #FF0000;
	font-size: 9px;
}