* {font-family: cursive;}

BODY {
color:#000066; 
background-color: #FFFFFF;
background-image: url(/prx/000/http/www.sidar.org/recur/desdi/mcss/img/grafo_espiral.gif);
margin: 0px;
padding: 0px;
} 

P {font-size: small;
text-align: left;
text-indent: 2em;
margin-bottom: -.5em;}

.cap:first-letter {font-weight: bold;
color: #CC00CC;
font-size: 150%;}

H1 {font-size: large;
color: #CC00CC;}

H2 {
color: #CC00CC;
font-size: medium;
font-weight: bold;}

.nota {font-size: x-small;
color: #999999;
text-align: center;
text-indent: 0px;
padding-bottom: 2em;
margin-top: 2em;}

HR {color: #CC0000;
	height: 1px;}

A:link {text-decoration: none; color: #FF0000; font-style: italic; font-weight: bold;}
A:visited {text-decoration: none; color: #006666; font-style: italic; font-weight: bold;}
A:hover {text-decoration: none; color: #0000FF; font-style: italic; font-weight: bold;}
A:active {text-decoration: none; color: #006666; font-style: italic; font-weight: bold;}

DIV#logo {width: 144px;
	height: 32px;
	background-image: url(/prx/000/http/www.sidar.org/recur/desdi/mcss/img/logo.gif);
	position: absolute;
	top: 8px;
	left: 20px;}

DIV#home {width: 60px;
	height: 30px;
	background-image: url(/prx/000/http/www.sidar.org/recur/desdi/mcss/img/grafo_boton.gif);
	position: absolute;
	top: 9px;
	left: 180px;}

DIV#css {width: 60px;
	height: 30px;
	background-image: url(/prx/000/http/www.sidar.org/recur/desdi/mcss/img/grafo_boton.gif);
	position: absolute;
	top: 9px;
	left: 240px;}

DIV#manual {width: 60px;
	height: 30px;
	background-image: url(/prx/000/http/www.sidar.org/recur/desdi/mcss/img/grafo_boton.gif);
	position: absolute;
	top: 9px;
	left: 300px;}

DIV#autor {width: 60px;
	height: 30px;
	background-image: url(/prx/000/http/www.sidar.org/recur/desdi/mcss/img/grafo_boton.gif);
	position: absolute;
	top: 9px;
	left: 360px;}

.boton {width: 60px;
	height: 30px;
	padding: 0px;
	margin: 0px;}

.boton TR TD {text-align: center;
	vertical-align: top;
	font-size: 11px;}

DIV#contenido {position: absolute;
	top: 72px;
	left: 164px;
	padding-right: 24px;
	}

BODY#manual DIV#contenido {width: 75%;
position: absolute;
	top: 72px;
	left: 164px;
	padding-right: 24px;
	}
	
DIV#select {width: 120px;
	position: absolute;
	top: 72px;
	left: 20px;}

DIV#select P {font-size: xx-small;
color: #336699;
text-align: left;
text-indent: 0px;}

DIV#select P STRONG {font-size: x-small;
color: #336699;}

IMG {border:none}

.centrado {text-align: center;
text-indent: 0px;}

.derecha {text-align: right}

/* Hoja de estilo del manual */

BODY#manual {
color:#000066; 
background-color: #FFFFFF;
background-image: url(/prx/000/http/www.sidar.org/recur/desdi/mcss/img/grafo_espiral.gif);
margin: 0px;
padding: 0px;
}  

#manual DIV#logo {width: 144px;
	height: 32px;
	background-image: url(/prx/000/http/www.sidar.org/recur/desdi/mcss/img/logo.gif);
	position: absolute;
	top: 8px;
	left: 20px;}

#manual DIV#home {width: 60px;
	height: 30px;
	background-image: url(/prx/000/http/www.sidar.org/recur/desdi/mcss/img/grafo_boton.gif);
	position: absolute;
	top: 9px;
	left: 180px;}

#manual DIV#manual {width: 60px;
	height: 30px;
	background-image: url(/prx/000/http/www.sidar.org/recur/desdi/mcss/img/grafo_boton.gif);
	position: absolute;
	top: 9px;
	left: 240px;}

#manual DIV.barra {position: absolute;
	left: 360px;
	top: 0px;}

#manual .barra TABLE TD#titulo {text-align: center;
vertical-align: middle;
font-size: medium;
font-weight: bold;
color: #006666;}
}

#manual .barra TABLE TD.ico {
width: 13px;
vertical-align: middle;
}

#manual .barra TABLE TD.prev-next {
width: 64px;
vertical-align: middle;
}

.cod {
font-family: Monospace;
text-align: left;
line-height: 1.5em;
text-indent: 0px;
color: #006600;
background-color: #CCCCCC;
padding-left: 3em;}

CODE {
font-family: Monospace;
font-size:   small;
color: #000000;} 

#manual #contenido A {
text-decoration: none;
color: #990099;
font-weight: bold;} 
 
#manual #contenido A:hover, A:active {
text-decoration: none;
color: #000000;
font-weight: bold;
font-style: normal;}

#manual #contenido DL, UL, OL, LI {
font-size:   small;
margin-left: 2em;}

#manual #contenido TABLE {
margin: 0px;
padding: 4px;
text-indent: 0px;
font-size: small;
background-color: #DDFFFF;
background-image: url(/prx/000/http/www.sidar.org/recur/desdi/mcss/img/grafo_espiral.gif);
}

#manual #contenido DT, DD, DL, TD, TH {
font-size: small;}

UL { list-style-image: url("/prx/000/http/www.sidar.org/recur/desdi/mcss/img/grafo_flecha.gif") }

#manual #contenido TD {padding: 6px;}
#manual #contenido TH {background-color: #999999; color: white;padding:2px;}

#manual #contenido .prop {background-color: #CCCCCC; 
color: #CC0000;
font-weight: bold;
padding: 3px 6px; 
}
#manual #contenido .val {background-color: #DDFFFF; padding: 4px;}
#manual #contenido .def {border: solid #999999 1px;padding: 4px; background-color: #FFFFFF;}

#manual #contenido PRE {
padding: 4px;
}

#manual #contenido DL {font-weight: bold;}
#manual #contenido DD {font-weight: normal;}

#manual #contenido .temas {background-image: url(/prx/000/http/www.sidar.org/recur/desdi/mcss/img/grafo_corte.gif);
background-position: bottom left;
background-repeat: repeat-x;
	text-align: center;
	font-size: small;}

#manual #contenido .temas A {
background-color: transparent;
color: #006666; 
}