html {
	background-color: #d2dbf7;
	color: black;
	font-family: sans-serif;
	font-size: 1em;
}
	
body {
    background: #dbd2f7 url(body.png);
	padding: 1em;
	margin: 1em;
}

div { 
	padding: 1em;
	margin: 1em;
	font-size: 1em;
}

div.cabecera {
	background: #F0FFF0 url(cabecera.png) top right no-repeat;
}

div.menubar {
	background: #FFF0F0 url(menu.png) top right no-repeat;
}

div.navbar {
	background: #F0F0FF url(navegacion.png) top right no-repeat;
}

div.titulo {
	background: #F0FFFF url(titulo.png) top right no-repeat;
}

div.contenido {
	background: #FFF0FF url(contenido.png) top right no-repeat;
}

div.pie {
    background: #FFFFF0 url(pie.png) top right no-repeat;
}

div.debug {
    background: #F0F0F0 url(debug.png) top right no-repeat;
}



ul.navbar {
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 6em }

ol.navbar {
	list-style-type: none;
	padding: 0;
	margin: 0;
	position: fixed;
	top: 3em;
	left: 0.5em;
	width: 6em }

ul.navbar li {
	background: white;
	left: 1em;
	margin: 5px 0;
	padding: 5px;}
	
ul.navbar a {
	text-decoration: none }

ol.navbar li {
	background: white;
	left: 1em;
	margin: 5px 0;
	padding: 5px;}
	
ol.navbar a {
	text-decoration: none }

address {
	margin-top: 1em;
	padding-top: 1em;
	border-top: thin dotted }

table {
	border-color: black;
	border-collapse: collapse;
}

tr {
	background-color: #d0d0d0;
}

tr.par {
	background-color: rgb(220,160,160);
}

tr.impar {
	background-color: rgb(255,155,155);
}

tr.subtotal{
	font-style: italic;
	font-weight: bold;
	background-color:	#b3b0b0;
}

tr.total {
	font-weight: bolder;
	background-color:	#b3b0b0;
}

th {
	border: 1px solid black;
	background-color: #767676;
	color: #FFFFFF;
	padding: 5px;
}

td {
	border: 1px solid black;
	padding: 3px;
}

img {
	border: 0px;
}