/* ---------- Elementos de bloque ------------------------ */
body {
	font-size: 10pt; 
	background-color: #000008; 
	font-family: verdana, univers, arial, sans-serif; 
	color: #010101; 
}

h1 {
	margin: 0px; 
}

h2 {
	width: 230px; 
	font-family: georgia, 'times new roman', times, serif; 
	font-weight: bold; 
	font-size: 2em; 
	letter-spacing: 0.1em; 
	color: #E93E0C; 
	text-align: right; 
	margin-left: 0px; 
} 

h3 {
	font-family: georgia, 'times new roman', times, serif; 
	font-size: 1.4em; 
	font-weight: bold; 
	font-style: normal; 
	color: #666666; 
	margin-bottom: 0.2em; 
	margin-left: 240px; 
	padding-top: 0.5em;
	border-bottom: solid 1px #eeeeee;
}

p {
	margin-top: 1em; 
	margin-left: 240px; 
	line-height: 1.4em;
}

/* Listas */

ul {
	margin-top: 0.3em; 
	margin-left: 255px; 
	line-height: 1.4em;
	padding-left: 0px; 
}

ul li {
	list-style-image: url(ul.gif);
	margin-bottom: 1em;
}

ul ul li {
	list-style-image: url(li.gif);
	margin-bottom: 0.1em; 
}

ul ul {
	font-size: 0.90em; 
	margin-left: 2em;
}

ol {
	margin-top: 0.3em; 
	margin-left: 240px; 
	line-height: 1.4em;
}

dt {
	margin-top: 0.3em; 
	margin-left: 240px; 
	line-height: 1.4em;
}

dd {
	margin-top: 0.3em; 
	margin-left: 240px; 
	line-height: 1.4em;
}

dt {
	margin-top: 0.75em; 
	font-weight: bold; 
	margin-bottom: 0.15em;
}

dd {
	margin-top: 0.1em; 
	margin-bottom: 0.75em;
}

/* Tablas */

table {
	margin-top: 1em; 
	margin-left: 240px; 
	line-height: 1.4em;
}

td, th {
	font-size: 10pt; 
	vertical-align: top; 
	padding: 0.1em; 
}

/* ---------- Elementos de linea ------------------------ */

strong {
	font-weight: bold; 
	color: #555
}

small {
	font-size: 75%;
}

a:link {
	color: #688CB9; 
	text-decoration: none;
	font-weight: bold;
}

a:visited {
	color: #688CB9; 
	text-decoration: none;
	font-weight: bold;
}

a:hover {	
	background-color: #688CB9; 
	color: white; 
	text-decoration: none;
	font-weight: bold;
}

a:active {
	text-decoration: none;
	font-weight: bold;
}

a:hover[name] {
	color: #E93E0C; 
	background-color: transparent; 
}

/* ---------- Clases especiales ------------------------ */

div#principal {
	background-color: white; 
	background-image: url(img/fondo.gif); 
	background-repeat: repeat-y
	align: center; 
	width: 620px; 
	padding-left: 10px; 
	padding-right: 10px; 
/*	border: solid 3px #E93E0C; 
	border: solid 3px #688CB9; */
	border: solid 1px gray;
}

p.motto {
	margin-top: 0px; 
	font-weight: bold; 
	font-size: 0.85em; 
	color: #555; 
}

div#definiciones {
	margin-top: 0px; 
	font-size: 1em; 
	margin-left: 240px; 
	line-height: 1.5em; 
}

span.mayusc {
	font-family: georgia, 'times new roman', times, serif; 
	font-size: 1.3em; 
	font-weight: bold; 
}

span.nowrap {
	white-space: nowrap; 
}

div.switchcontent, span.switchcontent, span.detalle {
	font-size: 85%; 
	color: #666; 
}

div.switchcontent ul {
	margin-left: 2em; 
}

p#copyright {
	font-size: 75%; 
	margin-left: 240px; 
	color: #666; 
	text-align: right; 
	padding-bottom: 2em; 
}

a.mas {
	font-family: verdana, univers, arial, sans-serif; 
	font-weight: bold; 
	font-size: 0.75em; 
	padding: 0em 0.2em 0.1em 0.2em;
	background-color: #eee;
	border: solid 1px #999999;
}

ul.clientes li {
	margin-bottom: 0.2em; 
}

div.seccion {
/*	border-top: dotted 1px #E93E0C; */
	border-top: dotted 1px #eee; 
}

/* Formulario de contacto */

form input, form textarea {
	font-family: georgia, 'times new roman', times, serif; 
	font-size: 1.0em; 
	background-color: transparent; 
	border: solid 1px #b0c4de; 
}

form textarea#mensaje {
	width: 360px; 
	padding: 1em; 
}

input#enviar {
	font-family: verdana, univers, arial, sans-serif; 
	font-weight: bold; 
	color: #b0c4de; 
}

/* especial para tablas de ejemplos */

div.switchcontent table {
	margin-left: 0px; 
	color: #666; 
}

div.switchcontent table th {
	margin-left: 0px; 
	border-bottom: double 3px #ccc; 
}

div.switchcontent table td {
	margin-left: 0px; 
	border-bottom: solid 1px #ccc; 
	vertical-align: top; 
}

/* motto */ 

div.motto {
	margin-top: 0.2em; 
	font-weight: bold; 
	font-size: 0.85em; 
	color: #555; 
}

div#tocsup a {
	font-weight: normal; 
}

div#tocsup h2 {
	font-size: 1em; 
	font-family: verdana, univers, arial, sans-serif; 
	letter-spacing: 0em; 
}

div#tocsup ul li {
	list-style-type: square; 
	font-size: 0.85em; 
	margin-top: 0.05em; 
	margin-bottom: 0.05em; 
}
