/*html{height:100%;}
body{height:96%; margin: 0; padding: 0;}
*/

body{
	background-color: #d4d0c8;
	font-family: Verdana, Georgia, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
}

a:link, a:visited { color: #0000f0; 
	text-decoration:none;
	font-weight:bold;}
	
a:hover, .resaltar {
				background-color: #d4d0c8;
				color: #550011;
				text-decoration: underline;}
.resaltar{text-decoration:none; text-indent: 0%; font-size: 1.1em; padding:0.1em;}

a:active {color: #0000f0; text-decoration: none;}

img{border: none;}

h1{ font-size: 4em;
	font-weight:bold;
	color: #000066;
	border-top: #ff4500 solid 2px;
	border-left: #ff4500 solid 2px;
	padding: 0%;
	padding-left: 0.2em;
	padding-right: 0.2em;
	margin:0%;
	width: 7.5em;
	overflow:visible;
	}
	
h2{color: #000066; border-bottom: #ff4500 solid 1px;}

#contenedor{
  position:relative; /*cosas de Explorer*/
	background-color: #ccccff;
	padding: 1em;
	margin: auto;
	margin-top: 1em;
	border:#000066 dotted 1px;
	width: 90%;
	/*height:93.5%; Opera no entiende decimales
	overflow:auto;*/
	}

#cabecera{background: #000066 url(../imag/pufRog5.png) no-repeat top left;
	 text-align: left;
	 padding:0;	
	 }

#titulo a, #titulo a:visited{
	font-weight:bold;	
	color: yellow; 	
	font-size: 4em;
 	font-family: fantasy, monospace;
	/*En IE NO se ve la imagen de #titulo y tengo que hacerlo aquí añadiendo la siguiente línea
	display: block;	*/
	}

#titulo a:hover{ text-decoration: none; color:white; background-color:transparent; }
	
#titulo{
	margin:0; padding:0;
	background: transparent url(../imag/puft.png) no-repeat top right;}
	
#cabecera #subtit{
	background-color: white;
	color: #000066;
	font-size: 1.8em;
	margin:0;
	padding:0; 
	padding-right:0.5em;
	text-align:right;
	border-left:#000066 solid 0.2em;
	border-right:#000066 solid 0.2em;
	border-bottom:#000066 solid 0.2em;
	}

#migas {
	 margin-left:12em;
	 margin-top:1em;
	 margin-bottom: 0.5em;
	 padding: 0%;}

#izquierda{
	background: #ccccff url(../imag/puf_Ver.png) no-repeat bottom;
	float:left;
	width:11em; 
	padding-bottom: 8em;
	 }

#izquierda ul{
	color: #ffffcc; 
	background-color: #000066;	
	margin: 0;
	padding: 0;
	border: #000066 solid 0.2em;
 	list-style:none;
	display:block;
	}
	
#izquierda ul li{margin:0; padding:0; position:relative; display: block; 
	background:url(../imag/est.png) no-repeat top left;}

#izquierda ul li a, #izquierda ul li a:visited{
	background-color: #ffffff;
	border-bottom: #d4d0c8 solid 1px;
	margin:0;
	margin-left:1.5em;
	padding:0.2em;
	padding-left:0.4em;
	padding-right:0.4em;
	text-decoration: none;	
	display:block;}

#izquierda ul li a:hover{color:white;
	background-color:#ff4500;
	border-bottom: white solid 1px;
	}

#contenido{background-color: #ffffcc;
	border:#d4d0c8 solid 1px;
	 margin-left:12em;
	 padding:0.5em;
	 }
/*
#contenido{
	 min-height:53%;}ideal 70*/
/*Opera no entiende decimales y pasa de lo anterior
mejor si tenemos en cuenta que tendría que poner 60%*/

/*Para que funcione en explorer lo del tanto por %
* html #contenido{
	height: 69%;}*/

#primayus{background: #ffffcc url(../imag/puf_Bla.png) no-repeat bottom right;	
	 padding-bottom: 30px;}	
#primayus p{text-indent:1em;}
#primayus p:first-letter{font-size:1.5em; font-weight:bold;}
	 
#pie{  background-color:white;
	clear:both; 
	padding:0.5em;
	border-top:#ccccff double 1em;	
	}
	
#pie p {float:left; margin:0%; padding:0%;}
/*Para que la imagen se redimensione según tamaño de letra*/
#derimag{float:right; width: 15em;}


.boton{
	background-color: #e8eff7;
	font-family: monospace, Dialog, Arial, serif; 
	border: #6382bf outset 1px; 
	padding-left: 0.4em;
	padding-right: 0.4em;
	padding-top: 0.1em;}

ul.botones li{padding-bottom: 1em;}
	 
ul.horiz{text-align:right;list-style: none; margin: 0%; padding: 0%;}
ul.horiz li{ display: inline; margin: 0%; padding:0%;}

ul#acti{list-style-image: url(../imag/pufBlap.png); padding: 0;margin-left: 240px;}

.bordeazul{border-bottom: #000066 dotted 1px;
	border-top: #000066 dotted 1px;
	padding-left: 5px;
	padding-right: 5px;
	background-color:white;}

.relativo{position: relative;}
/*Necesito la clase anterior por el problema del peekaboo en el dichoso explorer
en acti.php al hacer clarboth, eso me hace también tener que poner la imagen de la
actividad (imaacti) antes que el título h2 y ponerle un margin-top para bajarla*/
.aliizq{text-align:left;}
.alider{text-align:right;}
.centro{text-align:center;}
.absoluto{position: absolute;}
.clearboth{clear: both;}
.negrita{ font-weight: bold;}
.izq{float:left; margin-right: 1em;}
.der, #imaacti{float:right; margin-left: 1em;}
#imaacti{margin-top: 4em;}

/*Estilo para el índice del manual*/
dl#manual1{ margin-left:2em;}
#manual1 dd a, #manual a{ font-weight:normal;}

.indices {text-align: right; display: block;font-size:0.8em;}
.indices a{font-weight:normal;}

fieldset{padding: 0.5em; font-weight: bold;}
fieldset br {margin:0.3em;}
pre {font-size: 1.1em;}

#salta{
	margin-bottom:-1.2em;
	padding:0;
}
#salta a:link,  #salta a:visited {
	color: #ccccff;
	background-color : transparent;
	font-weight: normal; 
	font-size: 0.8em;
}

#salta a:hover,  #salta a:active {
	color: #000066;
	background-color : transparent;
}

#salta a.der{color: #000066;}

ul#manualM li{margin-bottom:1em; }

ul#manualM li ul li, .manualM0 li{margin-left:2em; margin-bottom:0em; margin-top:0.2em;}

ul#manualColumnas{}
ul#manualColumnas li{margin-left:2em; margin-bottom:0em; margin-top:0.2em; float: left;width: 10em;}

ul#directorios, ul#directorios ul{list-style:none;}

/*.pl:before{content: "JLeer"; color: #ccccff; 
	display: block;
	text-indent: -0.1ex;
	margin-bottom: -1.2em;}*/