BODY {
	FONT-SIZE: 8pt; FONT-STYLE: normal; FONT-FAMILY: arial; FONT-VARIANT: normal; TEXT-DECORATION: none
}

H1 {
	FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: black; FONT-FAMILY: arial
}
H2 {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: black; FONT-FAMILY: arial
}
H3 {
	FONT-WEIGHT: bold; FONT-SIZE: 12pt; COLOR: black; FONT-FAMILY: arial
}

.mensajeImportante{
	FONT-WEIGHT: bold; FONT-SIZE: 11pt; COLOR: red; FONT-FAMILY: arial
}
	table.detalle {
	width: 100%;
	border: 1px solid #000000;
	margin: 0 auto 1em auto;
	}
	
	table.detalle thead th {
	
	font: 8pt arial, sans-serif;
	color: #000;
	text-align: left;
	padding: .5em;
	background-color: #E1E1E1;
	}
	
	table.detalle tbody th {
	font: 8pt arial, sans-serif;
	FONT-WEIGHT: bold;
	color: #000;
	text-align: left;
	padding: .5em;
	border-top: 1px solid #e9e9e9;
	background-color: #e9e9e9;
	}
	
	table.detalle tfoot td {
	font: 8pt arial, sans-serif;
	color: #000;
	padding: .5em;
	border-top: 1px solid #eee;
	background-color: #f9f9f9;
	}
	
	table.detalle tbody td {
	font: 8pt Arial, sans-serif;

	border-top: 1px solid #eee;
	padding: .5em;
	}

.texto {
	FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: arial
}
.texto_chico {
	FONT-SIZE: 7pt; COLOR: #000000; FONT-FAMILY: arial
}
table {
	FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: arial
}
.chico {
	FONT-SIZE: 6pt; COLOR: #e3e3e3; FONT-FAMILY: arial
}
.gris {
	FONT-SIZE: 8pt; COLOR: #999999; FONT-FAMILY: arial
}
.blanco {
	FONT-SIZE: 8pt; COLOR: white; FONT-FAMILY: arial
}
.numero {
	FONT-SIZE: 8pt; COLOR: white; FONT-FAMILY: arial
}
.formblanco{
	BORDER-RIGHT: white 1px solid; BORDER-TOP: white 1px solid; FONT-SIZE: 8pt; VERTICAL-ALIGN: middle; BORDER-LEFT: white 1px solid; COLOR: orange; BORDER-BOTTOM: white 1px solid; FONT-FAMILY: arial, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: white; TEXT-DECORATION: none
}
.bold {
	FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #000000; FONT-FAMILY: arial
}

.titulo {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: black; FONT-FAMILY: arial
}
.fecha {
	FONT-SIZE: 8pt; COLOR: gray; FONT-FAMILY: arial
}
.grande {
	FONT-WEIGHT: bold; FONT-SIZE: 13pt; COLOR: black; FONT-FAMILY: arial
}

.precio {
	FONT-WEIGHT: bold; FONT-SIZE: 18pt; COLOR: white; FONT-FAMILY: arial
}
.precio_chico {
	FONT-WEIGHT: bold; FONT-SIZE: 11pt; COLOR: white; FONT-FAMILY: arial
}

.menu_abajo {
	FONT-SIZE: 8pt; COLOR: black; FONT-FAMILY: arial
}
.menu_arriba {
	FONT-SIZE: 8pt; COLOR: white; FONT-FAMILY: arial
}

.titulo_portfolio {
	FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: black; FONT-FAMILY: arial
}
.subtitulo {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: black; FONT-FAMILY: arial
}
.indicacion {
	FONT-SIZE: 8pt; COLOR: gray; FONT-FAMILY: arial
}
.azul{
FONT-SIZE: 8pt; COLOR: #003366; FONT-FAMILY: arial
}
.formu{
BORDER-RIGHT: #e3e3e3 1px solid; BORDER-TOP: #e3e3e3 1px solid; FONT-SIZE: 8pt; VERTICAL-ALIGN: middle; BORDER-LEFT: #e3e3e3 1px solid; COLOR: black; BORDER-BOTTOM: #e3e3e3 1px solid; FONT-FAMILY: arial, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #f3f3f3; TEXT-DECORATION: none
}
.form{
BORDER-RIGHT: #f3f3f3 2px solid; BORDER-TOP: #efefef 2px solid; FONT-SIZE: 8pt; VERTICAL-ALIGN: middle; BORDER-LEFT: #efefef 2px solid; COLOR: #003366; BORDER-BOTTOM: #b7b7b7 2px solid; FONT-FAMILY: arial, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #efefef; TEXT-DECORATION: none
}

A:link {
	FONT-SIZE: 8pt; COLOR: black; FONT-FAMILY: arial; TEXT-DECORATION: underline
}
A:visited {
	FONT-SIZE: 8pt; COLOR: black; FONT-FAMILY: arial; TEXT-DECORATION: underline
}
A:active {
	FONT-SIZE: 8pt; COLOR: black; FONT-FAMILY: arial; TEXT-DECORATION: underline
}
A:hover {
	FONT-SIZE: 8pt; COLOR: red; FONT-FAMILY: arial; TEXT-DECORATION: underline
}

A.menu:link {
	FONT-SIZE: 8pt; COLOR: black; FONT-FAMILY: arial; TEXT-DECORATION: none
}
A.menu:visited {
	FONT-SIZE: 8pt; COLOR: black; FONT-FAMILY: arial; TEXT-DECORATION: none
}
A.menu:active {
	FONT-SIZE: 8pt; COLOR: black; FONT-FAMILY: arial; TEXT-DECORATION: none
}
A.menu:hover {
	FONT-SIZE: 8pt; COLOR: white; FONT-FAMILY: arial; TEXT-DECORATION: none; background: black
}

A.eblanco:link {
	FONT-SIZE: 8pt; COLOR: white; FONT-FAMILY: arial; TEXT-DECORATION: underline
}
A.eblanco:visited {
	FONT-SIZE: 8pt; COLOR: white; FONT-FAMILY: arial; TEXT-DECORATION: underline
}
A.eblanco:active {
	FONT-SIZE: 8pt; COLOR: white; FONT-FAMILY: arial; TEXT-DECORATION: underline
}
A.eblanco:hover {
	FONT-SIZE: 8pt; COLOR: white; FONT-FAMILY: arial; TEXT-DECORATION: none
}

/*
* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 1px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 80px;
	float: left;
	FONT-SIZE: 8pt;
}

table.jCalendar {
	border: 1px solid #99bbe8;
	background: #e9e7e2;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #99bbe8;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}
table.jCalendar td {
	background: #f9f9f9;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
	font-weight: bold;
}
table.jCalendar td.selected {
	background: #d8e6f6;
	color: #16419e;
	font-weight: bold;
}
table.jCalendar td.selected:hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
	background: #fff;
	color: #000;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div#dp-popup {
	position: absolute;
	font-size: 10px;
	font-family: arial, sans-serif;
	background: #ddf0f7;
	padding: 2px;
	min-width: 171px;
	z-Index: 199;
}
div#dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div#dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div#dp-popup div#dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div#dp-popup div#dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div#dp-popup div#dp-nav-prev a, div#dp-popup div#dp-nav-next a {
	cursor: pointer;
}
div#dp-popup div#dp-nav-prev a.disabled, div#dp-popup div#dp-nav-next a.disabled {
	cursor: default;
}
div#dp-popup div#dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div#dp-popup div#dp-nav-next a {
	float: right;
}
div#dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div#dp-popup td {
	cursor: pointer;
}
div#dp-popup td.disabled {
	cursor: default;
}