@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; list-style:none; border: none;}

body {
	background: #bbbbbb url(../images/back.png) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	color: #858585;}
	
#Container {
	margin: 20px auto;
	padding-top: 20px;
	width: 795px;
	background: url(../images/backTop.png) no-repeat;}
	
	.containerBack {
		float: left;
		width: 100%;
		padding-bottom: 20px;
		background: url(../images/backBottom.png) left bottom no-repeat;}
		
#Main {
	float: left;
	padding: 0 8px;
	width: 779px;
	background: url(../images/backWhite.png) repeat-y;
	_behavior: url(styles/iepngfix.htc);}
	
/* header */

.header {
	float: left;
	width: 100%;}
	
.header h1,
.header a { float: left; width: auto;}

.header a { margin-top: -13px; position: relative; z-index: 1;}

.header a.makro { float: right; margin-top: 0; padding-right: 15px;}
	
/* content */

.content {
	float: left;
	width: 96%;
	padding: 0 2%;}
	
	.content ul {
		float: left;
		margin-top: 20px;
		width: 100%;}
		
	.content li { float: left; width: 50%; margin-right: -1px;}
	.content li.large { width: 99%;}
	.content li li { width: 100%; margin-right: 0px; margin-bottom:10px;}
	
	.content li.large { width: 100%; margin-right: 0;}
	
	.content ul.separator {
		padding-top: 20px;
		position: relative;
		background: url(../images/line.png) no-repeat;}
	
label { font-size: 12px; float: left; width: 130px; margin-top: 5px;}
label span { color: #E0001A;}

.rubros label {width: auto; padding-right: 15px;}

label.large { width: 100%; font-size: 13px; margin-bottom:5px;}

input, select {
	float: left;
	width: 192px;
	padding: 2px 4px;
	padding-top: 4px;
	height: 19px;
	font-size: 14px;
	color: #666;
	background: url(../images/inputBack.png) top right no-repeat;
	_background-attachment: fixed;}
	
	select { height: 25px; width: 200px;}
	
	select option { background: #fff;}
	
	input.short {
		width: 102px;
		background: url(../images/inputShortBack.png) top right no-repeat;
		_background-attachment: fixed;}
		
	input.remove {
		margin-top: 6px;
		width: 172px;
		background: url(../images/cancelInput.png) top right no-repeat;
		_background-attachment: fixed;}
		
.rubros select {
		width: 300px;
		background: url(../images/selectBack.png) top right no-repeat;
		_background-attachment: fixed;}
	
.contInputs {
	float: left;
	position: relative;
	width: 200px;}
	
	.contInputsLarge { width: 100%;}
	
	.contInputs input {
		width: auto;
		height: auto;
		padding: 0;
		margin-top: 2px;
		*margin-top: -2px;
		background: #fff;}
		
	.contInputs label {
		width: auto;
		padding: 0 10px 0 5px;
		margin-top: 0;}
		
	.contInputs .item {
		float: left;
		width: 32%;
		margin-right: -1px;
		margin-top: 3px;}
		
		.contInputs .item label { width: 78%; padding-right: 0;}
		
p.legalText { width: 90%; font-size: 10px; font-style: italic; color: #000;}
p.redText { width: 260px; font-size: 12px; color: #E0001A; float: left; padding-right: 20px;}


.buttons {
	float: left;
	width: 100%;}
	
	input.cleanForm {
		float: left;
		clear: left;
		padding: 0;
		margin: 0;
		width: 185px;
		height: 50px;
		background: url(../images/sendButtons.png) 0 -1px no-repeat;
		cursor: pointer;}
		
	input.sendForm {
		float: left;
		padding: 0;
		margin: 0;
		width: 99px;
		height: 50px;
		background: url(../images/sendButtons.png) right -1px no-repeat;
		cursor: pointer;}
		
	input.cleanForm:hover { background-position: 0 bottom;}
	input.sendForm:hover { background-position: right bottom;}
	
	input.btRemove {
		float: left;
		padding: 0;
		margin: 0;
		margin-top: 6px;
		width: 65px;
		height: 25px;
		background: url(../images/cancelButton.png) 0 0 no-repeat;
		cursor: pointer;}
		
		input.btRemove:hover { background-position: 0 bottom;}
		
		
a.ids { float: right; margin: 15px 5px;}
a.bases { color:#ce0019; font:normal 12px/ 14px arial; padding:0 0 20px 8px; background:url(../images/bullet.gif) no-repeat top left; display:block;}
a.bases:hover { text-decoration:underline;}

p.error, label.error {
	float: left;
	clear: left;
	width: 90%;
	padding: 5px;
	color: #C90000;
	border: 1px solid #C90000;}

.bajada img { }

.bajada .error {
	margin-left: 20px;}
	
.contInputs label.error {
	position: absolute;
	z-index: 5;
	float: none;
	clear: none;
	top: -5px;
	right: -10px;
	_right: -25px;
	width: 120px;}
	
.separator label.error {
	position: absolute;
	z-index: 5;
	float: none;
	clear: none;
	top: 20px;
	right: 0px;
	width: 200px;}
	
.okMsg {
	float: left;
	clear: left;
	width: 80%;
	margin-left: 20px;
	padding: 5px;
	color: #35890E;
	border: 1px solid #35890E;}
	
	
.content-bases { font:normal 12px/14px arial; color:#858585; padding:19px; clear:both;}
.content-bases p{ margin-bottom:14px;}
.content-bases a{ font:normal 12px/14px arial; color:#858585; text-decoration:underline;}
