/* CSS 2COLS */
	
	/* LAYOUT */
	div#content { float:right; width:62%; padding:1em 4% 0em 1%; margin:1em 0em;}/*padding:0.8em 2em 2em 1em; margin:0; */
	div#navigation { position: relative; text-align:right; height:100%; width:31%; padding:1.1em 0 2em 0; margin:0}
	
	/*----------*/
	
	div#header { background: #000 url(i/relleno.png) top left no-repeat; text-align:right; }
	div#header #logo {  position: relative; text-align:right; height:100%; padding:0;
						text-align:right; }
	/*div#header .headerBkg {float:right; height:100%; width:66.8%; padding:0 3% 0 3%; margin:0}*/
	div#header #logo img { border-width:0; padding:0em;}
	/*div#header #logo2 img { border-width:0; padding:2em 0em; float:right; }*/
	
	div#container { }
	/*----------*/		
	
	div#navigation {
		/*border:1px #f00 solid;*/
	}
	div#content {
		background-color: #f0f0f0;
	}

	
	/* CONTENIDO */
	div#content ul {
		list-style: none;
	}
	
	div#content ul li {
		background: url(i/flecha.gif) left 0.6em no-repeat;
		padding-left:1.5em;
	}

	/* NAVIGATION (sidebar)*/
	div#navigation {
		font-weight:bold;
		font-size:1.1em;
	}
	div#navigation ul {
		list-style-type:none;
		padding:0em 0em 0em 0em;
		margin:0;
		border:0px #f00 dotted;
		width:100%;
		text-align:left;
	}
	
	div#navigation ul.sidebar {
		padding-bottom:0em;

	}
	div#navigation ul li {
		padding:0.2em 0em;
		margin-left:0;
		list-style-position:outside;
		border:0px #00f solid;
		height:100%;
		text-align:left;
		font-size:1.05em;
		font-weight:bold;
	}
	div#navigation ul li a {
		text-decoration:none;
		padding:0.7em 0.2em 0.7em 0.8em;
		margin:0em;
		height:100%;
		color:#fff;
		display:block;
		background-color:#000;

	}
	div#navigation ul li a:hover {
		color:#81aace;
		/*text-decoration:underline;*/
		background-color:#000;
		
	}
	
	div#navigation ul ul {
		font-weight:normal;
		padding-left:0;
		margin:0.4em 0 0 0;
	}

	div#navigation ul ul li {
		padding:0em 0em;
		font-size:0.9em;
		font-weight:bold;
	}
	
	div#navigation ul ul li a {
		color:#000;
		padding:0.5em;
		background-color:#0089c0;
		border-top:#000 solid 1px;
		border-bottom:#000 solid 1px;
	}
	
	div#navigation ul ul ul li {
		font-weight:bold;
		font-size:1em;
	}

		
		div#navigation ul ul ul li a {
		color:#fff;
		background:transparent;
		border-top:#000 solid 1px;
		border-bottom:none;
	}
	
	div#navigation ul ul li a:hover {
		color:#fff;
		/*text-decoration:underline;*/		
		background-color:transparent;
		font-style:normal;
		/*border:none;*/
	}
	
	div#navigation ul ul ul li a:hover {
		color:#fff;
		/*text-decoration:underline;*/		
		background-color:transparent;
		font-style:normal;
		/*border-top:#000 solid 1px;
		border-bottom:none;*/
		font-weight:bold;
		text-decoration:underline;
	}
			
	div#navigation ul ul ul {
		font-weight:normal;
	}	
	
	div#navigation ul ul ul li a {
		color:#fff;
		text-align:right;
		background:transparent;
		border-top:#000 solid 1px
	}

	div#navigation ul li a#active_menu {
		/*color:#f00;*/
		background-color:#000;
		font-weight:bold;
		color:#fff;
		border-top:#0089c0 solid 0.5em;
	}
	
	div#navigation ul ul li a#active_menu {
		background:transparent;
		color:#fff;
		/*background:url(i/li_2_hover.gif) left center no-repeat;*/
		font-weight:bold;
		/*text-decoration:underline;*/
		border:none;
		font-style:normal;
	}

	div#navigation ul ul ul li a#active_menu {
		color:#000;
		text-align:right;
		background:transparent;
		border-top:#000 solid 1px;
	}
	
	div#navigation h3 {
		/*background: url(i/barra_azul_claro2.gif) left top no-repeat ;*/
		color:#fff;
		font-size:1.3em;
		padding:1em 1em 0.2em 1em;
		margin:0em 0em 0.2em 0em;
		/*text-align:right;*/
	}
	
	/* ---------*/
	
		
	/* FORMS */
		
		.formulario {
			background-color: #f8f8f8; border: 1px #aaa solid; padding: 2em 1em; margin: 1em 0 ;
		}
		
		.formulario label, .formulario input .formulario textarea {
			display: block;
			float: left;
			margin-bottom: 2em;
		}

		.formulario input.textField {
			width: 17.5em;
			padding-left:0.5em;
		}
			
		.formulario textarea.textField {
			width: 17.5em;
			height: 10em;
			padding:0 0.5em;			
		}
		
		.formulario div.textField {
			overflow: auto;
			height: 5em;
			border: 1px solid Black;
			border-right-color: Silver;
			border-bottom-color: Silver;
			padding: 0.5em;
			\width: 10em;  /* for IE5/Win */
			w\idth: 9em;
		}
		
		.formulario label {
			text-align: right;
			padding-right: 0.5em;
			width: 17em; 

		}
		
		.formulario br {
			clear: both;
		}
		
		.formulario hr {
			border: 1px dashed #D2D7DC;
			clear: both;
			margin: 0.5em 0 0.5em 0;
		}
		
		.formulario fieldset {
			border: 1px solid #708090;
			margin: 0.5em 0 0.5em 0;
			padding: 0.5em;
		}	
		
		.formulario h3 {
			padding:0;
			margin:0;
		}	
	/* ---- */
	

	
	/* VER MAS */	
	.ver_mas, .ver_mas_titulo {
		background-color:#f0f0f0;
		border:2px #0089c0 solid;
		padding:0.5em 1em 1.5em 1em;
		margin:0 0 2em 0;
	}
	div#content p.ver_mas {
		background-color:#D4DEF1;
		border:1px #0089c0 solid;
		padding:0.6em;
		margin:0 0 2em 0;
	}
	
	div.ver_mas_div {
		padding:0px;
	}
	
	h3.link_vermas {
		font-size:1em;
		margin:0em;
		padding:0em 0.3em 0.3em 0.3em;
	}
	
	div#content h3.link_vermas a {
		color:#0089c0;
	}
	
	div#content h3.link_vermas a:hover {
		color:#494C4F;
	}
	
	.oculta {
		display:none;
	}
	
	h3.link_vermas_titulo {
		font-size:1em;
		margin:0em;
		padding:0.2em 0.3em;
		/*background-color:#0f0;*/
	}	
	
	h3.link_vermas_titulo a {
		background: url(i/desplegable.png) top left no-repeat;	
		padding:0 0 0 1.6em;
		margin:0;	
		text-decoration:none;
	}

	div#content h3.link_vermas_titulo a {
		color:#0089c0;
		background: url(i/flecha_abajo.gif) no-repeat;
	}
	
	div#content h3.link_vermas_titulo a:hover {
		color:#494C4F;
		background: url(i/flecha_abajo_gris.gif) no-repeat;
	}

	
	/*------*/
	
	div#content ul.desplegable {
		padding-left:0;
		list-style-type:none;
		list-style-image:none;
	}

	
	div#content ul.desplegable ul.desplegable {
		padding-left:2em;
		list-style-type:none;
	}	
	
	/* ---- */
		

	div#pathway {
		color:#000;
		padding-bottom:0.2em;
		/*border-bottom:1px #7e9593 solid;*/
	}
	div#pathway a {
		color:#1a5e96;
	}	

	
	/* IMAGENES CONTENIDO */
	
	div#content img {
		margin: 1em 0 1em 1em;
		float:right;
	}
	div#content img.inicio {
		margin: 0.8em 0 0.6em 1em;
		float:right;
	}
	div#content img.inicio2 {
		margin: 0.8em 1em 0.6em 0;
		float:left;
	}
	div#content img.ancho_total {
		margin: 0;
		float:none;;
	}
	
	/* Docman */
	
	div#dm_docs img {
		float:none;
		margin:0;
	}
	
	div#dm_header {
		padding-top:1em;
	}
	div#dm_header img {
		float:left;
		margin:0;
	}	
	/*
	div#content span.dm_link_tooltip img, img div#content #dm_header img {
		float:none;
		margin:0;
	}
	*/
	
	/* jEvents */
	
	div#content div.ev_navigation img {
		float:none;
	}	
	
	/* INFOGRAFIA */
	
	.link_infografia {
		padding:0.3em 0.3em  1.8em 0.3em;
		background:#F8F8F8 url(i/zoom3.png) left bottom no-repeat;

		border-left:1px #ddd solid;
		border-top:1px #ddd solid;
		border-right:1px #ccc solid;
		border-bottom:1px #ccc solid;	}

	/* Tablas */
	
	table.ecotec21 {
		border-collapse: collapse;
		text-align:left;	
		margin:1em 0;	
	}
	
	table.ecotec21 th {
		color:#fff;
		background-color:#7990a7;
		padding:0.4em 1em;
		vertical-align:middle;
		border:1px #ccc solid;
		text-align:center;	
	}	
	
	table.ecotec21 td {
		vertical-align:top;
		padding:0.2em 1em;
	}

	table.ecotec21 {
		border:0.5em #F5F5F5 solid;
	}
	
	table.ecotec21 td {
		border:1px #ccc solid;
	}
	
/* Centros */

div.centro {
	background-color:#f8f8f8;
	padding:1em;
	margin-bottom:2em;
	overflow:hidden;
}

div.centro h3 {
	margin:0;
	padding:0 0 0 1em;
	background: url(i/flecha.gif) left center no-repeat;
}

div.centro div.mapa {
	background-color:#fcfcfc;
	padding:0.5em;
	float:right;
	text-align:center;
}

div.centro div.mapa p {
	padding:0;
	margin:0 !important;
}

div#content div.centro div.mapa img {
	float:none;
	padding:0;
	margin:0;
}

div#content div.centro div.mapa a img {
	border:none;
}

/* Eventos */

div#events ul {
	margin:0.5em 1em 0.5em 0em;
	padding:0.5em 1em 0.5em 0;
}
div#events ul li {
	/*border-left:#000 solid 4px;*/
	margin:0 0 0.8em 0;
	padding:0 0 0 1em;
}
div#events ul li a {
	display:block;
	font-weight:bold;
}