/* ------------------------------------------------------------------------------------------------------
* Sitio Web:			http://www.fundacionctic.org
* Versión:			1.1
* Autor:			Fundación CTIC
* Fecha:			5 / 09 / 2006
* Fecha versión anterior:	4 / 09 / 2006
* Último cambio:		
* Gramática CSS:		2.0
* Gramática (X)HTML:		1.0 Strict
* Versión extendida:		http://...
--------------------------------------------------------------------------------------------------------- */
		html,
		body {
			position: relative;
			margin: 0;
			padding: 0;
		}
		body {
			color: #000;
			font: 10pt Verdana, Arial, Helvetica, sans-serif;
		}
		
/* Encabezados
----------------------------------------------------------------------------------- */
		h1 {
			float: left;
			margin: .3em 0;
		}
		h2 {
			margin: 1.5em 0 0;
			border-bottom: 1px solid;
			font-size: 1.4em;
		}
		h3 {
			margin: 1em 0 .2em;
			border-bottom: 1px solid;
			font-size: 1.1em;
		}
		h4 {
			font-size: 1.1em;
			text-decoration: underline;
			margin: 1em 0 .5em;
			padding: 0 1em;
		}
		h5 {
			font-size: 1em;
			
		}
		#contenido .texto  h3 {
			margin: 0;
			border: none;
		}
		#proyectos h2 {
			text-align: center;
			margin: 5px 0 0;
		}

/* Listas e Items de Lista
----------------------------------------------------------------------------------- */
		ul,
		ol,
		dl,
		li {
			margin: 0;
			padding: 0;
			position: relative;
			list-style: none;
		}

		/* Listas genéricas en el contenido
		----------------------------------------------------------------------------------- */
				#proyectos ul {
					width: 95%;
					margin: 0 auto;
					border-top: 1px solid #DBE5E6;
					border-bottom: 2px solid #DBE5E6;
					text-align: left;
				}
				#proyectos ul li {
					margin: .2em 0;
					padding: 0 5px;
				}
				#contenido ul {
					margin: .5em 4em 2em;
				}
				#contenido ul ul {
					margin: .5em 3em 1em;
				}
				#contenido ul li {
					margin-bottom: .5em;
					list-style: circle;
				}
				#contenido ul#atajos li {
					margin: 2em 0;
					clear: left;
					list-style: none;
				}
				#contenido ul ul li {
					margin-top: .5em;
					margin-bottom: .5em;
					border: none;
				}
				#contenido ol {
					margin: 0 4em 2em;
				}
				#contenido ol li {
					margin-bottom: .5em;
					list-style-type: decimal;
				}
				#contenido .texto.proyectos.destacados dt {
					margin-top: 10px;
					clear: left;
				}
				#contenido .texto.proyectos dt {
					color: #E60;
					border-bottom: 1px solid;
					padding-left: 10px;
					font-weight: bold;
				}
				#contenido .texto.proyectos dd {
					margin: .3em 1em 1.5em 0;
				}
				#contenido #eventos ul {
					padding: 0 10px 10px;
					margin: 0;
				}
				#contenido #eventos li {
					margin-bottom: 1em;
					border-top: 1px solid #E60;
					border-bottom: none;
					padding: 5px 0 3px 15px;
					background: #FFF url(../img/css/iconos/folio.gif) 0 5px no-repeat;
					list-style: none;
					font-size: .9em;
				}
				#noticias dl {
					padding: 0 10px 10px;
				}
				#noticias dt {
					padding: 5px 0 3px 15px;
					color: #000;
					border-top: 1px solid #E60;
					background: #FFF url(../img/css/iconos/folio.gif) 0 5px no-repeat;
					font-size: .9em;
				}
				#noticias dd {
					margin-left: 20px;
				}
				#noticias dd.ampliar {
					margin-bottom: 5px;
					padding-bottom: 1px;
				}
				#noticias dt.ampliar {
					margin-top: 10px;
					border: none;
					padding-bottom: 1px;
					text-align: left;
				}
				#continente dt {
					color: #E60;
					border-bottom: 1px solid;
					padding-left: 1em;
					padding-right: 1em;
					font-weight: bold;
				}
				#continente dl.normal dt {
					border: none;
				}
				#continente dd {
					margin: .5em 3em 1em;
				}
				#continente dl.datos dt {
					border-bottom: none;
					font-weight: bold;
				}
				#continente dl.datos dd {
					margin-bottom: .2em;
				}
				#continente ul.guia {
					margin-right: 4em;
				}
				#continente ul.guia li {
					margin-top: 1em;
					margin-bottom: 1em;
					border: none;
					padding-left: 20px;
					text-indent: -1em;
				}
				#continente ul#ciudadanos {
					margin: 2em;
				}
				#continente ul#ciudadanos li {
					border-top: 1px solid;
					border-bottom: 1px solid;
					color: #333;
					height: 140px;
					margin: 1em 0;
					padding-left: 120px;
					background-position: 10px;
				}
				#continente ul#ciudadanos li#telecentros {
					background-image: url(../img/css/portal/tcSpain.gif);
				}
				#continente ul#ciudadanos li#historia {
					background-image: url(../img/css/portal/historia_oculta_inet.gif);
				}
				#continente dl#nuestrosproyectos {
					padding-right: 1em;
					padding-left: 1em;
				}
				#continente dl#nuestrosproyectos dt {
					border: none;
					background: url(../img/css/iconos/folio.gif) left bottom no-repeat;
					padding-top: 5px;
				}
				#continente ul#informacionCursos {
					margin: 0 2em;
				}
				#continente ul#informacionCursos li {
					border: 1px solid #DBE5E6;
					background-image: none;
					font-weight: bold;
					padding: 5px 5px 0;
				}

				#continente ul#informacionCursos dl{
					margin: 5px 1px 1px;
					border-top: 1px dashed #DBE5E6;
					border-bottom: 1px dashed #DBE5E6;
					padding: 4px 15px;
					font-size: .9em;
					font-weight: normal;
				}
				#continente ul#informacionCursos p {
					margin: 10px;
					font-weight: normal;
				}
				#continente ul#listaNoticias ul,
				#continente ul#listaEventos ul {
					margin-top: 2em;
				}
				#continente ul#listaNoticias li,
				#continente ul#listaEventos li {
					border-bottom: none;
				}

		/* Listas del Pie
		----------------------------------------------------------------------------------- */
				#pie ul#contacto {
					font-size: .8em;
					float: right;
					text-align: right;
					display: block;
				}
				#pie ul li {
					margin-bottom: 0;
				}

/* Párrafos
----------------------------------------------------------------------------------- */
		p {
			margin-top: .5em;
			margin-bottom: .3em;
			padding: 0 1em;
		}
		#cabecera p {
			float: right;
			clear: right;
		}
		p#copyright {
			clear: both;
			padding: 0;
			height: 30px;
			line-height: 30px;
			text-align: right;
			font-size: .8em;
		}
		.texto p {
			margin: 1em 0;
		}
		p#regreso {
			margin-bottom: 1em;
			text-align: right;
		}
		#proyectos p {
			font-size: .9em;
		}
		p.atajos {
			clear: left;
		}

/* Tablas
----------------------------------------------------------------------------------- */
		table {
			margin: 1em auto;
			border: 1px solid #DBE5E6;
			padding: .5em;
		}
		thead th {
			border-bottom: 1px dashed #E60;
		}
		table#tablacursos td, 
		table#actividades td {
			border-bottom: 1px dashed #DBE5E6;
			padding: .2em .5em;
		}
		table colgroup col.cortos {
			text-align: center;
		}
		table#actividades {
			margin: 0 auto 1.5em;
			border: 0;
		}
		table#actividades caption {
			text-align: center;
			font-weight: bold;
		}
		table#actividades col#proyecto {
			width: 50%;
			font-weight: bold;
		}
/* Formularios y Campos de Formulario
----------------------------------------------------------------------------------- */
		form {
			margin: 0;
			padding: 0;
		}
		input {
			font: 100% Verdana, Arial, Helvetica, sans-serif;
		}
		#contenido form#formcontacto fieldset {
			margin-bottom: 1em;
			border: none;
		}
		#contenido form#formcontacto legend {
			font-size: 1.1em;
			font-weight: bold;
		}
		#contenido form#formcontacto label {
			display: block;
			color: #666;
			background-color: #FFF;
			font-size: .9em;
		}
		#contenido form#formcontacto input,
		#contenido form#formcontacto textarea {
			width: 90%;
		}
		#contenido form#formcontacto #datoscontacto input {
			width: 80%;
		}
		#contenido form#formcontacto input,
		#contenido form#formcontacto textarea,
		#contenido form#formcontacto select {
			margin-left: 5%;
			border-width: 0 0 1px;
			border-color: #000;
			border-style: solid;
			font-weight: bold;
		}
		#contenido form#formcontacto textarea {
			border-width: 0;
		}
		#contenido form#formcontacto #clausula input,
		#contenido form#formcontacto .boton input {
			width: auto;
		}
		#contenido form#formcontacto #clausula label,
		#contenido form#formcontacto .boton label {
			display: inline;
		}
		#contenido form#formcontacto p.boton input {
			margin-left: 0;
			width: 20%;
		}

		
/* Enlaces
----------------------------------------------------------------------------------- */
		a {
			color: #E60;
			border-bottom: 1px dashed;
			text-decoration: none;
		}
		#cabecera a {
			border: none;
		}
		#proyectos li a {
			border: none;
		}
		h3 a {
			text-decoration: none;
		}
		p#regreso a {
			padding-left: 12px;
			background: transparent url(../img/css/iconos/atajoArriba.gif) left no-repeat;
		}
		ul.guia a {
			border-bottom: none;
			color: #333;
		}
		#continente ul#ciudadanos li a {
			display: block;
			position: relative;
			top: 50%;
			line-height: 1em;
			margin-top: -.5em;
		}
		#continente dl#nuestrosproyectos dt a {
			border-bottom-style: solid;
			margin-left: 5px;
		}
		#continente ul#listaNoticias a,
		#continente ul#listaEventos a {
			display: block;
		}


/* Imágenes del Contenido
----------------------------------------------------------------------------------- */
		#contenido .texto.proyectos dd img {
			display: none;
		}
		a img {
			border: none;
		}
		#cabecera ul li a img {
			padding: 0;
		}
		#contenido .cursoPatrocinador img {
			margin: .5em 1em;
		}

/* Kbd
----------------------------------------------------------------------------------- */
		kbd {
			float: left;
			width: 1.1em;
			border: 5px outset;
			text-align: center;
			font-size: 1.2em;
		}
/* Elementos Genéricos de Bloque
----------------------------------------------------------------------------------- */
		#decoracionSupDcha,
		#decoracionInfIzda,
		#decoracionInfDcha {
			background: none;
		}
		#cabecera {
			position: relative;
			margin: 0;
			padding: 0 0 5px;
		}
		#pie {
			padding-top: 10px;
			margin: 0;
			clear: both;
		}
		#contenido {
			position: relative;
			float: left;
			padding: 0;
			width: 100%;
		}
		#proyectos {
			width: 95%;
			margin-top: 2em;
			text-align: center;
		}
		#continente {
			margin-bottom: 1em;
			padding: 1em;
		}
		.texto {
			margin-bottom: 1em;
		}
		#contenido address {
			font-style: normal;
			padding-left: 4em;
		}
		#contenido address:first-line {
			text-decoration: underline;
		}
		#contenido #pie address:first-line {
			text-decoration: none;
		}
		#contenido .cursoPatrocinador {
			text-align: center;
		}

/* Elementos Genéricos de Línea
----------------------------------------------------------------------------------- */
		#noticias dt span,
		#contenido #eventos li span {
			padding-bottom: 2px;
			color: #E60;
			font-weight: bold;
		}
		#noticias dd span.ampliar,
		#contenido #eventos li span.ampliar {
			display: block;
			text-align: right;
			font-weight: normal;
		}
		#noticias dd span.ampliar {
			margin-bottom: 1em;
		}
		#continente ul.guia li cite {
			border-bottom: 1px dashed;
		}
		#contenido address strong,
		#contenido address em,
		#contenido address span {
			display: block;
			margin: .3em 0;
		}		
		#contenido address strong {
			margin: .2em 0 .2em -2em;
			text-decoration: underline;
			font-size: 1.2em;
		}		
		#contenido address em {
			text-decoration: underline;
			font-style: normal;
			font-size: 1.1em;
		}
		form strong {
			color: #F00;
		}
		form strong.error {
			display: block;
		}
		#atajos span {
			float: left;
			margin: 5px;
			font-size: 1em;
		}


/* Hacks	
----------------------------------------------------------------------------------- */
		/* Sistema de aclarado bajo bloques con contenido flotado
		----------------------------------------------------------------------------------- */
		.clearfix:after {
		/* Con esto se subsana el colapso al flotar bloques en los navegadores que interpretan contenido generado */
		    content: "."; 
		    display: block; 
		    height: 0;
		    clear: both; 
		    visibility: hidden;
		}
			.clearfix {
				/* Con esto se subsana el colapso al flotar bloques en IE-Mac pero se hace necesario rectificar
				su efecto posteriormente */
				overflow: hidden;
				/* Con esto se subsana el colapso al flotar bloques en IE-Win */
				height: 1%;
			}
				/* Oculto para IE-mac \*/
					.clearfix {
						/* Con esto se compensa el overflow antes declarado. */
						overflow: visible;
					}
				/* Este comentario es necesario para cerrar el hack de IE-mac */


/* Elementos a ocultar
----------------------------------------------------------------------------------- */
	.salto,
	#cabecera ul,
	#cabecera form,
	#cabecera #migas,
	#navegacion,
	#barralateral,
	.nota,
	.ampliar,
	object#flash,
	#alt_noscript,
	noscript,
	#pie ul,
	#regreso,
	#contenido form#formcontacto p.boton {
		display: none;
	}