
	html, body { 
		position : relative;
		margin : 0;
		padding : 0;
		width : 100%;
		/*height : 100%;*/
		min-width : 730px;
	} 
	
	body { 
		color : #666;
		background : #fff url(img/fondo.png) no-repeat;
		font : 70% Verdana, Arial, Helvetica, sans-serif;
	} 

	.nota {
		position: absolute;
		top: -5000px;
		left: -5000px;
	}
	
/* Encabezados
----------------------------------------------------------------------------------- */
		h1 {
			float:left;
			margin: 0 0 0 45px;
			padding:0;
		}
		h2 {
			margin:0;
			padding:0;
			font-size:16px;
		}

		h2 span {
			font-size:10px;
			display:block;
			font-weight:normal;
		}
		

		/* Encabezados del Continente
		----------------------------------------------------------------------------------- */
		#continente h2 {
			padding:2px 10px;
			background-color:#A297B2;
			color:#FFF;
			font-size:15px;
		}
		#continente h3 {
			font-size:15px;
			background-color:#EEEEEE;
			color : #666;
			padding:2px 10px;
			clear:both;
		}
		#continente h4 {
			font-size:14px;
			border-bottom:1px dotted #C2B7D2;
			padding:2px 10px;
		}
		#continente h5 {
			font-size:12px;
			margin:15px 0px 2px 0px;
		}

		/* Encabezados del Panel Izquierdo
		----------------------------------------------------------------------------------- */
			#panel_iz h3 {
				margin:0;
				padding:3px 0 3px 0;
				font-size:13px;
				background-color:#BBBBBB;
				color:#FFF;
			}
			#panel_iz h4 {
				margin:0;
				padding:0;
				font-size:10px;
				border-bottom:1px dotted #C2B7D2;
				color:#000;
			}
/* Parrafos
----------------------------------------------------------------------------------- */
		#panel_iz p {
			margin:2px 0;
			padding:0;
			font-size:9px;
			color:#333;
			text-align:justify;
		}
		#pie p {
			text-align:right;
			padding:0 5px 0 0;
		}

		/* Parrafos del Continente
		----------------------------------------------------------------------------------- */
		#continente p {
			margin:10px 0;
			text-align:justify;
		}

		#continente p.recurso_resumen {
			margin:10px 0;
			text-align:justify;
			clear:none;
			font-style:italic;
			font-weight:bold;
		}


/* Listas e Items de Lista
----------------------------------------------------------------------------------- */
		/* Se sobreescriben los márgenes y paddings que incluyen los agentes de usuario en las listas */
		ul,
		ol,
		dl,
		li {
			margin: 0;
			padding: 0;
			/* Se declara posición relativa pues al estar dentro de un contenedor flotado y posicionado
			en relativo, el borde no se mostrará en IE. También se podría arreglar declarando dimensiones,
			con display inline, o flotándolo */
				position: relative;
		}
		li {
			/* Se eliminan los bullets */
				list-style: none;
		}

		/* Menú de accesorios
		----------------------------------------------------------------------------------- */
			#cabecera ul {
				margin:0;
				padding:0;
				float:right;
			}
			#cabecera ul li {
				padding: 0 .3em;
			}

		/* Menú principal
		----------------------------------------------------------------------------------- */
			#menu ul {
				clear:both;
				display:block;
				position:relative;
				padding:0;
				margin:0;
			}
			#menu ul li {
				position:relative;
				float:left;
				color: #666;
				font-size:12px;
				margin: 0 25px 0 0;
				background-image:url(img/bullet_menu.gif);
				background-repeat:no-repeat;
				padding: 0 0 0 15px;
			}
			#menu ul li.menuSeleccionado {
				background-image:url(img/bullet_menu_on.gif);
			}

		/* Panel Izquierdo
		----------------------------------------------------------------------------------- */
			#panel_iz ul {
				padding:0;
				margin:0;
			}

			#panel_iz ul.panel_ul_1 {
				margin:0px 5px;
				padding:0;
			}
			#panel_iz ul.panel_ul_1 li {
				padding:0;
				margin:0;
				background-color:#FFF;
			}
			#panel_iz ul.panel_ul_2 {
				margin:0;
				padding:8px;
			}
			#panel_iz ul.panel_ul_2 li {
				position: relative;
				padding:0;
				margin:0;
				background-color:#FFF;
				font-size:9px;
			}

		/* Pie
		----------------------------------------------------------------------------------- */
			#pie ul {
				padding:0;
				margin:0;
				float:left;
			}
			#pie ul li {
				float: left;
				padding: 0 5px 0 5px; 
			}

		/* Listas del Continente
		----------------------------------------------------------------------------------- */
		#continente ul {
			margin:10px 0;
		}

		#continente li {
			list-style-type:square;
			list-style-position:outside;
			margin:5px 0 0 50px;
			padding:0 0 0 0px;
		}
		
		#continente ul.principal_destacados {
			margin: 0;
			padding: 0;
		}

		#continente ul.principal_destacados li {
			margin: 3px 0;
			padding: 0;
			list-style-type:none;
		}


/* Enlaces
----------------------------------------------------------------------------------- */

		#menu ul li a {
			text-decoration: none;
			color: #666;
			font-weight:bold;
		}

		#menu ul li.menuSeleccionado a {
			color:#816D99;
		}
		
		#principal a, #principal a:link, #principal a:hover, #principal a:visited {
			color:#666;
			font-weight:bold;
		}

/* Imágenes del Contenido
----------------------------------------------------------------------------------- */
		a img {
			border: none;
		}
		#panel_iz img {
			display:block;
			float:left;
			position:relative;
			width:90px;
			height:60px;
			margin:5px 5px 5px 0;
			padding:0;
		}
		img.recurso_imagen {
			float:left;
			margin:10px 5px 5px 0;
		}
		
/* Formularios del Contenido */
		#continente form * {
			margin:0;
			padding:0;
		}
		#continente form {
		  margin: 0px;
		  padding: 0px;
		  width: 540px;
		  text-align:left;
		}
		#continente form fieldset {
		  clear: both;
		  font-size: 100%;
		  padding: 10px;
		  margin: 0px 0px 0px 0px;
		  border:1px solid #CCCCCC;
		}
		
		#continente form fieldset legend {
		  font-weight: normal;
		  color: #666666;
		  margin: 0px 0px 0px 0px;
		  padding: 0px 10px;
		}
		#continente textarea {
		  overflow: auto;
		}
		#continente form div {
		  clear: left;
		  display: block;
		  width: 520px;
		  margin: 5px 0px 0px 0px;
		  padding: 1px 3px;
		}
		#continente form div label {
		  display: block;
		  float: left;
		  width: 130px;
		  padding: 3px 5px;
		  margin: 0px 0px 5px 0px;
		  text-align: right;
		}
		#continente form div.opcional label, #continente label.opcional {
		  font-weight: normal;
		}
		
		#continente form div.obligatorio label, #continente label.obligatorio {
		  font-weight: bold;
		}
		#continente form div input, #continente form div select, #continente form div textarea {
		  width: 350px;
		  padding: 1px 3px;
		  margin: 0px 0px 0px 0px;
		  background-color:#FFFFFF;
		}
		
		#continente form div input.inputFile {
		  width: 340px;
		}
		
		#continente form div select.selectOne, #continente form div select.selectMultiple {
		  width: 360px;
		  padding: 1px 3px;
		}
		#continente form div input.inputCheckbox, #continente form div input.inputRadio, #continente input.inputCheckbox, #continente input.inputRadio {
		  display: inline;
		  height: 14px;
		  width: 14px;
		  background-color: transparent;
		  border-width: 0px;
		  padding: 0px;
		  margin: 4px 0px 0px 0px;
		}

		#continente form div.submit {
		  width: 520px;
		  padding: 0px 0px 0px 0px;
		  text-align:center;
		}

		#continente form div.submit div {
		  display: inline;
		  float: left;
		  text-align: left;
		  width: auto;
		  padding: 0px;
		  margin: 0px;
		}

		#continente form div input.inputSubmit, #continente form div input.inputButton, #continente input.inputSubmit, #continente input.inputButton {
			background-color: #A297B2;
			color: #FFFFFF;
			border:1px solid #9287A2;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-weight:bold;
			width: auto;
			padding: 0px 0px 0px 0px;
			margin: 0px 5px;
			cursor: pointer;
		}

		#continente form div.submit div input.inputSubmit, #continente form div.submit div input.inputButton {
		  float: right;
		  margin: 0px 0px 0px 5px;
		}


/* Elementos Genéricos de Bloque
----------------------------------------------------------------------------------- */
		#contenedor { 
			margin : 0 0 0 100px;
			padding : 10px 0 0 0;
			width:805px;
			background-color: #FFF;
			border-right:1px solid #CCC;
			position:relative;
		}
		#cabecera {
			position: relative;
			margin: 0;
			padding: 0;
			display:block;
			width:804px;
		}
		#carrusel {
			float:left;
			width:300px;
			height:130px;
			margin: 0 0 0 5px;
		}
		#carrusel * {
			margin:0;
		}
		
		#menu {
			position: relative;
			clear:both;
			margin: 4px 0 0 10px;
			padding: 0;
			width:765px;
			display:block;
		}
 		#principal {
			position: relative;
			clear:both;
			margin: 0;
			padding: 20px 10px 0 10px;
			background-color: #FFF;
			background-image:url(img/fondo_menu.gif);
			background-repeat:no-repeat;
			width:785px;
			display:block;
		}
		
		#contenido {
			position: relative;
			float:right;
			width:550px;
			margin:0;
			padding:0;
		}

		#continente {
			position:relative;
		}
		
		#paginacion {
			text-align:right;
			font-size:13px;
			color:#400080;
			font-weight:bold;
		}

		#panel_iz {
			position:relative;
			clear:none;
			margin:0;
			padding:0 0 10px 0;
			width:225px;
			background-color:#BBBBBB;
		}
		#pie {
			clear:both;
			margin: 0 0 10px 0;
			display:block;
			padding: 13px 0 0 0;
			width:805px;
			background-color: #FFF;
			background-image:url(img/fondo_menu.gif);
			background-repeat:no-repeat;
		}


