body { background: #fff; font: 14px/1.22 Arial, Helvetica, Sans-serif; color: #333; }
* html body { text-align: center; }
#nota { padding-top: 5px; }

/*--- links ---*/
a:link, a:active, a:visited { color: #8D8D82; outline: none; }
a:hover	{ text-decoration: none; color: #555; outline: none; }
a:link.another, a:active.another, a:visited.another { background: #ffff00; color: #CD8500; border: 1px dashed #F5B412; text-decoration: none; padding: 4px 12px; }
* html a:link.another, * html a:active.another, * html a:visited.another { height: 20px; }

/*--- containter & header ---*/
#container { margin: auto; width: 820px; height: auto; text-align: left; }
#container #header { padding: 0px; margin: 0; height: 95px; }
#container #header .header_left { float: left; padding: 10px 0 0 12px; }
#container #header .header_right { float: right; padding: 30px 15px 0 0; font-variant: small-caps; font-size: 160%; letter-spacing: -1px; word-spacing: 4px; color: #222; font-weight: bold; }

/*--- content ---*/
#container #content { padding: 0 15px; }
h1 { margin: 20px 0 0; font-size: 140%; letter-spacing: -1px; }
h4 { font-size: 120%; color: #8c2995; margin-bottom: 2px; }
p { line-height: 21px; margin: 0 0 6px; }
strong { border-bottom: 4px solid #c03396; }
.howtobills { text-align: right; margin: 0; padding: 0; }
.howto { margin: 15px 0 20px; background: #eee; padding: 3px 16px 16px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
ol { margin: 0 0 0 36px; }
li { line-height: 24px; }

/*--- result ---*/
.result-comment { margin: 30px 0 20px; background: #ddd; text-align: center; padding: 16px; -moz-border-radius: 6px; -webkit-border-radius: 6px; font-size: 110%; line-height: 28px;  }
.graphic-row { width: 800px; margin: 15px auto 10px; text-align: center; float: left; }
.right-graphic { float: right; width: 400px; }
.left-graphic { float: left; width: 400px; }

/*--- notes popup ---*/
#popup { padding: 0; margin: 10px 0 0; }
#infopopup { padding: 0 12px; margin: 0; text-align: left; }
.btnCloseline { text-align: right; margin: 0; padding: 0; }
a.btnClose:link, a.btnClose:visited, a.btnClose:active { background: #aaa; color: #fff; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 2px 8px; }
a.btnClose:hover { background: #999; }

/*--- form & uploads ---*/
.uploadfile { font-size: 120%; padding: 8px; border: 1px solid #ccc; }
.btn-analizar { background: #c03396; color: #fff; font-weight: bold; padding: 4px 12px; border: none; font-size: 110%; -moz-border-radius: 6px; -webkit-border-radius: 6px; cursor: pointer; }
#facturas-subir-boton { text-align: center; }
.boxnote { font-size: 130%; background: #ddd; color: #222; padding: 14px 100px; -moz-border-radius: 6px; -webkit-border-radius: 6px; text-align: center; margin-bottom: 25px; }

.uploadfile { font-size: 120%; padding: 8px; border: 1px solid #ccc; }
#facturas-subir-boton { text-align: center; }
a.alta:link, a.alta:visited, a.alta:active { background: #1083a9; color: #fff; font-weight: bold; padding: 4px 12px; border: none; font-size: 110%; -moz-border-radius: 6px; -webkit-border-radius: 6px; cursor: pointer; }
.boxnote { font-size: 120%; background: #ffe303; color: #222; padding: 14px 100px; -moz-border-radius: 6px; -webkit-border-radius: 6px; text-align: center; margin-bottom: 25px;
	width: 760px;
}
#chartdiv_fact_1, #chartdiv3 { margin: 15px 0 25px; text-align: center; }

.uploadfile { /*font-size: 120%; border: 1px solid #ccc;*/
	margin-bottom: 16px;
	padding: 7px;
}

.ie .uploadfile { font-size: 120%; border: 1px solid #ccc;
	width: 255px;
	margin-bottom: 16px;
	padding: 7px;
}

#procesando_div{
	margin: 180px auto 180px 59px;width:650px;text-align:center;display:none;
	float: left;
}

.ie #procesando_div{width:650px;display:none;
	float: left;
	margin-top: 180px;
	margin-left: 161px;
	margin-bottom: 180px;
}
.sel_fac{
	float: left;
	margin: 7px;
}
/*.btn-analizar { background: url(img/btn-analizar.gif); color: #fff; font-weight: bold; padding: 4px 12px; border: none; font-size: 110%; -moz-border-radius: 6px; -webkit-border-radius: 6px; cursor: pointer;
	width: 135px;
	height: 42px;
}*/

/*.btn-analizar-otra { background: url(img/btn-analizar-otra.gif); color: #fff; font-weight: bold; padding: 4px 12px; border: none; font-size: 110%; -moz-border-radius: 6px; -webkit-border-radius: 6px; cursor: pointer;
	width: 180px;
	height: 42px;
}

.btn-contratar { background: url(img/hd-03.gif); color: #fff; font-weight: bold; padding: 4px 12px; border: none; font-size: 110%; -moz-border-radius: 6px; -webkit-border-radius: 6px; cursor: pointer;
	width: 178px;
	height: 42px;
}*/

#facturas-subir-boton { text-align: center; }
.boxnote { font-size: 120%; background: #d5d5d5; color: #CC0000; padding: 14px 15px 14px 12px; -moz-border-radius: 6px; -webkit-border-radius: 6px; text-align: center; margin-bottom: 25px;
	float: left;
}
#chartdiv_fact_1, #chartdiv3 { margin: 15px 0 25px; text-align: center; }




/*--- footer ---*/
#footer { text-align: center; width: 800px; margin-top: 15px; padding: 0 0 10px; border-top: 1px solid #ddd; float: left;  }
#copyright { margin: 10px auto 10px; width: 790px; font-size: 85%; color: #999; }
#copyright .copyright_left { float: left; margin-top: 10px; }
#copyright .copyright_right { float: right; text-align: right; margin-top: 0; }