@charset "utf-8";
/* CSS Document */
body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #666;
	background: #fff;
}

#content{
	position:absolute;
	width:400px;
	margin-left:50%;
	left:-200px;
	padding:20px;
}

#captureForm{
	position:absolute;
	width:600px;
	margin-left:50%;
	left:-300px;
	padding:20px;
	border-style:solid;
	border-width:1px;
}

.header{
	margin-left:-10px;
}

a{
	text-decoration:none;
	font-weight:bold;
	color:#666666;
}

.footer{
	width:100%;
	float:left;
}

.userData{
	width:280px;
	margin:0;
	float:left;
}

.scanerData{
	margin:0;
	width:280px;
	float:right;

}

.sendButton{
	float:left;
}

.obligatorios{
	float:left;
	margin:10px 20px 20px 5px;
}

div.error, div.info {
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.6);
    font-size: 11px;
    padding: 5px 2px 0 20px;
    max-width: 300px;
    text-align: center;
    padding: 5px 10px 10px;
    text-align: center;
    margin-bottom:15px;
}
div.error {
    background:#FFCCAA; border: 1px solid #FF3334;
}
div.info {
    background: #9FDAEE; border: 1px solid #2BB0D7;
}

.checks{
	width:580px;
	margin:0;
	float:left;
	margin-top:10px;
}

.areadetexto{
	width:570px;
	height:150px;
}

textarea{
	padding:5px;
	height: 392px;
	width:782px;
	background-color:transparent;
}

.bigInput{
	width:90%;
}

div.field {
	margin: 10px 0px 5px 0px;
}

span.available {
	 margin-left: 5px; 
	 color: #0BD99B;
}

span.unavailable {
	 margin-left: 5px; 
}

span.unavailable, span.error {
	 color: #D41547;
}

input.fullName, input.email {
	width: 200px;
}