
/* Basic Default Styles */
body { color: #000; font: 0.9em "trebuchet ms"; background: #cc3; margin: 5px 0 5px 50%; }
a:link, a:visited {
	font: 0.8em "trebuchet ms", Verdana;
	text-decoration: underline;
	color: #000;
}
a:hover, a:active {
	font: 0.8em "Trebuchet MS", Verdana;
	text-decoration: none;
	color: #a60000;
}
/* I probably would have left off the border on the container, but
   Safari puts some sort of weird top margin on the div if there's
   no border. Silly, really. */
#container {
	position: relative;
	width: 700px;
	background: #3c3 url(header1.jpg) no-repeat left top;
	margin: 0 0 0 -350px;
	/* Could also use margin-left and -right: auto
		but IE 5 PC doesn't like that */
	border: solid 5px #fff;
}
h3 {
	color: #a60000;
	font: 1.7em "trebuchet ms", Verdana;
	margin: 0;
}
acronym {
	border: 0;
	font-style: normal;
}

/* Header - just provides space */
#pageHeader {
	height: 210px;
}
#pageHeader span {
	display: none;
}

/* Content */
#quickSummary {
	margin-top: 10px;
	width: 430px;
	margin-left: 250px;
	color: #000;
}
#quickSummary a:link, #quickSummary a:visited { color: #a60000; font-size: 1.1em; text-decoration: underline; }
#quickSummary img { color: #3c3; text-decoration: none; border-width: 0; }
#quickSummary a:hover, #quickSummary a:active {
	color: #a60000;
}
/* This .p1 info is in the header image... */
#preamble {
	width: 430px;
	margin-left: 250px;
	margin-top: 20px;
}
#preamble h1 { font-size: 1.7em; margin-top: 20px; margin-bottom: 20px; }
#footer ul { position: relative; left: -15px; height: 8%; list-style-type: none; display: block; }
#footer li { text-align: left; float: left; margin-right: 8px; list-style-type: none; }
#footer a:link, #footer a:visited {
	color: #566047;
	text-decoration: none;
}
#footer a:hover, #footer a:active {
	color: #566047;
	text-decoration: underline;
}
.tno { font-size: 2em; text-align: center; position: absolute; top: 250px; left: 0; padding-top: 80px; padding-left: 40px; display: block; }
#extraDiv1, #extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6 {
	display: none;
}

/* Left Bar */
 #linkList { font-size: 0.9em; font-family: "Trebuchet MS", Verdana; font-weight: normal; font-style: normal; line-height: normal; position: absolute; left: 18px; top: 16px; width: 198px; background: url(left_footer.gif) no-repeat left bottom; padding-bottom: 18px; }
#linkList h3 {
	width: 198px;
	height: 60px;
	margin-top: 20px;
}
#linkList h3 span {
	display: none;
}

/* left header images */
#linkList h3.select {
	background: url(left_select.gif) no-repeat left top;
}
#linkList ul { list-style: none; padding: 0; margin: 0; height: auto; overflow: hidden; }
#linkList li { background-repeat: repeat; background-attachment: scroll; background-position: 0 0; width: 100%; float: left; border-bottom: 1px solid #1a4861; margin: 0; }
#linkList a { color: #000; font-size: 0.9em; background-image: url(li_bg.png); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-decoration: none; text-transform: none; width: 100%; float: left; padding: 0 10px; }
#linkList a:hover { background-image: url(lir.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-decoration: none; text-transform: none; padding: 0 10px; width: 100%; float: left; }
#linkList h4 { color: #a60000; font-size: 1.3em; text-decoration: underline; text-transform: lowercase; position: relative; top: -12px; margin-top: 12px; margin-bottom: -12px; }

/* FORMULARIO */

label { font-size: 0.8em; font-family: "trebuchet ms"; text-align: right; display: block; margin-bottom: 0.5em; }
legend { color: black; text-decoration: underline; }
fieldset#datos_cliente { background-color: #ccc; float: left; width: auto; margin-right: 12px; margin-bottom: auto; display: block; }
fieldset#detalle_presupuesto { background-color: #ccc; width: auto; display: block; }
fieldset#observaciones { clear: left; display: block; }
fieldset#observaciones p { text-align: right; }

.etiqueta_formulario { display: block; float: left; text-align: right; width: auto; }
#formularioPedido_Presupuesto { color: #000; padding-right: 0.5em; padding-left: 0.5em; }
.acceskey {
	text-decoration: underline;
}
.obligatorio {
	color: #a60000;
}
