body {
			position: relative;
			margin: 0;
			padding: 0;
			width: 100%;
			height: 100%;
			color: #666;
			font: 70% Verdana, Arial, Helvetica, sans-serif;
		}
		
		h1 {
			float: left;
			margin: .3em 0;
		}
		h2 {
			margin: 0;
			font-size: 1.6em;
		}
		h3{			
		    font-size: 1.2em;
		    margin: 1em 0px 0.5em;
		    color: #903;
		    border-bottom: 1px solid;
		    position: relative;
			background-color: #fff
		}

		#barralateral h2 {
			color: #FFF;
			background-color: #903;
			font-size: 1.4em;
		}
		ul,
		ol,
		li {
			margin: 0;
			padding: 0;
			position: relative;
		}
		li {
			list-style: none;
		}

		#cabecera ul {
			float: right;
		}
		#cabecera ul li {
					float: left;
					overflow: hidden;
					border: 0.2em solid #903;
					padding: .1em;
					height: 22px;
				}
				#cabecera ol,
				#cabecera ol li {
					display: inline;
				}
					ul#menu {
					width: 95%;
					font-weight: bold;
				}
				ul#menu li {
					margin-bottom: .5em;
				}
				ul#menu li.activo {
				}
				ul#submenu {
					border-bottom: 1px solid #903;
					padding-top: 12px;
					width: 80%;
					color: #666;
					background-color: #FFFFFF;
					margin-left: 10%;
				}
				
				.activo ul#submenu {
					margin: 0;
					border-color: #990033;
					border-style: solid;
					border-width:  1px;
					padding: 3px 10px;
					font-weight: normal;
				}	

				#contenido ul {
					margin: .5em 4em 2em;
				}
				#contenido ul li {
					margin-bottom: .5em;
					padding: 0 10px;
					background:url(activos/flecha.gif) no-repeat 0px 0.3em;
				}

				#barralateral ul {
					margin: 5px 0;
					border: 1px solid #903;
				}
				#barralateral ul li {
					margin: 5px 0;
					text-align: center;
				}
			
	
		p		 {
			margin-top: .5em;
			margin-bottom: .3em;
			padding: 0 1em;
		}
		#cabecera p {
			float: right;
			clear: right;
		}
		#cabecera #migas p {
			display: inline;
			float: none;
			padding: 0;
			font-weight: bold;
		}
		#barralateral p {
			margin: 0;
		}
		#barralateral p.aldia {
			display: block;
			margin-bottom: 25px;
			border-top: 1px dashed #ECAF3F;
			text-align: right;
		}
		a {
			color: #903;
			background-color: #FFF;
			border-bottom: 1px dashed;
			text-decoration: none;
		}
		.salto a {
			background-color: transparent;
		}
		#cabecera a {
			border: none;
			font-weight: bold;
		}
		
		#cabecera #migas a {
			padding-right: 10px;
					}
		ul#menu li a {
			display: block;
			padding: 3% 0 2% 14%;
			width: 83%;			
			text-decoration: none;
			color: #666;
			border-top: 1px dashed #903;
			border-bottom: none;
		}
		ul#menu li a:hover {
			color: #903;
			background-color: #FFF;
		}
		ul#menu li.activo a {
			border-bottom: none;
		}
		ul#menu li.activo ul#submenu li a {
			color: #903;
			margin-right: -12px;
			padding: 2px 0 2px 12px;
			width: 80%;
			border: none;
		}
		ul#menu li.activo ul#submenu li a:hover {
			color: #333;
			background-color: #DBE5E6;
		}
		h3 a {
			text-decoration: none;
		}
		#barralateral ul li a {
			display: block;
			margin: auto;
			border: none;
			width: 177px;
		}
		a img {
			border: none;
		}
		#cabecera ul li a img {
			padding: 0;
		}
		#cabecera {
			position: relative;
			margin: 0 50px;
			padding: 5px 0;
		}
		#cabecera #migas {
			clear: both;
			border-top: 1px solid #903;
			padding: 5px 0 5px 210px;
		}
		#pie {
			border-top: 1px solid #903;
			padding-top: 10px;
			padding-bottom: 10px;
			margin: 0 50px;
			clear: both;
		}
		#contenido {
			position: relative;
			float: left;
			padding: 0;
			width: 100%;
		}

			#contenido * {
			/* Los márgenes añadidos son la suma del ancho de las columnas laterales, más 50px para el fondo y, en el derecho,
			10 de separación con el contenido central*/
				margin-left: 240px;
				margin-right: 250px;
			}
		#contenido * * {
		/* Anulo los márgenes añadidos a todos los descendientes de segundo nivel o posterior del contenido central */
				margin-left: 0;
				margin-right: 0;
		}

		#navegacion {
			position: relative;
			float: left;
			margin-left: -100%;
			width: 190px;
			left: 50px;
		}
	
		#barralateral {
			position: relative;
			float: left;
			width: 190px;
			margin-left: -190px;			
			right: 50px;
		}
		#continente {
			margin-bottom: 1em;
			border: 1px solid #DBE5E6;
			padding: 1em;
		}

		ul#menu li span {
			display: block;
			padding: 0 2% 2% 14%;
			width: 83%;
		}
		ul#menu li.activo span {
			padding-top: .5em;
			color: #903;
			border-top: 1px dashed;
			
		}
		.activo ul#submenu li span {
			color: #666;
			margin-right: -12px;
			border: none;
			padding: 2px 0 2px 12px;
			width: 80%;
			font-weight: bold;
			background-color: #CCC;
		}