/* ------------------------------------------------------------------------------------------------------
* Sitio Web:
* Versión: 1.0
* Autor: Fundación CTIC
* Fecha: 26 / 06 / 2006
* Fecha versión previa:
* Ultimo cambio:
* Gramática CSS: 2.0
* Gramática (X)HTML: 1.0 Strict
* Versión extendida:
  La estructura seguida en esta CSS es la siguiente:
			* Encabezados
			* Listas
			* Enlaces
			* Imágenes
			* Párrafos
			* Bloques genéricos
			* Estilos aplicados por id o clase
* Comentarios:
--------------------------------------------------------------------------------------------------------- */
		html,
		body {
			margin: 0;
			padding: 0;
			width: 100%;
			height: 100%;
		}
		body {
			font: 70% Verdana, Arial, Helvetica, sans-serif;
			background-image: none;
			color: #333;
		}
		body#serviciosformacion {
			background: #FFF url(../img/fichaFormacion.gif) 50% 68px no-repeat;
		}
		body#serviciosformacion * {
			border-color: #009;
		}
		body#serviciosvideos {
			background: #FFF url(../img/fichaVideos.gif) 50% 68px no-repeat;
		}
		body#serviciosvideos * {
			border-color: #F90;
		}
		body#portada * {
			margin: 20px auto;
			border: 0;
			text-align: center;
		}
		
		/* Encabezados
--------------------------------------------------------------------------------------------------------- */
		h1 {
			position: absolute;
			top: -5000px;
			left: -5000px;
		}
		#cabecera h1 {
			margin: 0;
			position: relative;
			top: 0;
			left: 0;
			clear: both;
			color: #FFF; 
			font-size: 2em;
			font-size: 1.5em;
			text-align: center;
		}
		#serviciosformacion h2,
		#serviciosvideos h2 {
			margin: 50px auto 0;
			background-color: #009;
			color: #FFF;
			padding: 2px;
			text-align: center;
			font-size: 1.7em;
		}
		#serviciosvideos h2 {
			background-color: #F90;
		}
		#documentos h2 {
			margin: 5px 10px;
			border-bottom: 1px solid;
		}
		
		/* Listas
--------------------------------------------------------------------------------------------------------- */
		ul#menu {
			margin: 10px auto;
			width: 1024px;
			padding: 0;
		}
		ul#menu li {
			width: 202px;
			float: left;
			list-style: none;
			line-height: 59px;
			text-align: center;
			color: #FFF;
			font-size: 2em;
		}
		ul#menu li.formacion {
			margin-left: 50px;
			background: #00F url(../img/formacion.gif) no-repeat;
		}
		ul#menu li.videos {
			background: #F90 url(../img/videos.gif) no-repeat;
		}
		ul#menu li.portada {
			margin-right: 50px;
			margin-top: 29px;
			width: 152px;
			float: right;
			line-height: 30px;
			background: #F90 url(../img/portada.gif) no-repeat;
			text-align: center;
		}
		.columna ul,
		.columna1 ul,
		.columna2 ul {
			margin: 0;
			border: 1px solid;
			padding: 1em;
		}
		.columna ul li,
		.columna1 ul li,
		.columna2 ul li {
			margin-left: 2em;
			margin-bottom: .5em;
			padding: 0;
			font-size: 1.3em;
		}
		#aplicacionformacion ul.paginador {
			margin: 0;
			padding: 0;
			width: 100%;
			text-align: center;
		}
		#aplicacionformacion ul.paginador li {
			list-style: none;
			display: inline;
		}
		#aplicacionformacion ul#menuaplicacion {
			margin: 0;
			width: 100%;
			padding: 0;
			text-align: center;
		}
		#aplicacionformacion ul#menuaplicacion li {
			list-style: none;
			display: inline;
		}
		ul#indiceglosario {
			margin: 0;
			padding: 0;
			text-align: center;
		}
		ul#indiceglosario li {
			margin-right: 1em;
			display: inline;
			list-style: none;
		}
		ul#navegacionpaginas {
			margin: 0;
			text-align: center;
		}
		ul#navegacionpaginas li {
			display: inline;
			list-style: none;
		}
		ul#glosario {
			margin: 0;
			padding: 0;
		}
		ul#glosario li {
			margin-left: 10em;
			margin-bottom: .2em;
			list-style-type: circle;
			font-size: 1.1em;
		}
		dl#definicion {
			margin: 2em auto ;
			width: 70%;
			font-size: 1.2em;
		}
		dl#definicion dt {
			font-weight: bold;
		}
		ul#ejemplos {
			margin: 1em 4em;
			border-bottom: 1px solid;
			padding: 0 1em 1em;
		}
		ul#ejemplos li {
			list-style: none;
			margin: .2em;
			font-size: 1em;
			font-weight: bold;
		}
		#documentos ul,
		#faq ol {
			margin: 0;
		}
		#documentos ul li {
			margin: 10px;
			list-style: circle;
		}
		#faq ol li,
		#faq dl dt {
			margin: 10px 30px;
			font-weight: bold;
		}
		#faq dl dd {
			margin:  10px 50px;
		}
		
		/* Enlaces
--------------------------------------------------------------------------------------------------------- */
		ul#menu li a {
			width: 202px;
			display: block;
			line-height: 59px;
			color: #FFF;
			text-decoration: none;
		}
		ul#menu li.portada a {
			width: 152px;
			line-height: 30px;
			color: #000;
			font-size: .8em;
		}
		.columna ul li a,
		.columna1 ul li a,
		.columna2 ul li a,
		ul#glosario li a {
			text-decoration: none;
			font-weight: bold;
		}
		ul#ejemplos a {
			border-bottom: 1px dashed;
			text-decoration: none;
		}
		#documentos ul li a {
			text-decoration: none;
		}
		
		/* Imágenes
--------------------------------------------------------------------------------------------------------- */
		a img,
		#pie img,
		#logoSuperiorVideos img {
			border: none
		}
		.texto img {
			margin-right: 10px;
			float: left;
		}
		
		/* Párrafos
--------------------------------------------------------------------------------------------------------- */
		#cabecera p {
			margin: 0;
			position: absolute;
			right: 0;
			bottom: 0;
			font-size: 1em;
		}
		p.navegacionpaginas {
			text-align: center;
		}
		
	/* Elementos Genéricos de Bloque
--------------------------------------------------------------------------------------------------------- */
		.texto div {
			padding: 10px 200px 10px 20px;
			font-size: 1.2em;
			font-weight: bold;
		}
		#ejemplo div {
			margin: 0 auto;
			width: 60%;
			text-align: left;
		}
		
	/* Estílos aplicados por id y clases
--------------------------------------------------------------------------------------------------------- */
		#contendido {
			clear: both;
			margin: 0 auto;
			/* Como el fondo está declarado para 1024 por fuerza mayor... */
			width: 950px;
			height: 570px;
			padding-top: 40px;
		}
		#video #contenido {
			margin: 50px auto;
			text-align: center;
		}
		#aplicacionformacion #contenido {
			top: -40px;
		}
		.columna {
			margin: 0 auto;
			width: 60%;
		}
		.columna1,
		.columna2 {
			margin: 0;
			width: 49.5%;
			float: left;
			padding: 0;
		}
		.columna2 {
			float: right;
		}
		#logoSuperiorVideos,
		#pie {
			margin: 0 auto;
			width: 800px;
			text-align: center;
		}
		#cabecera {
			position: relative;
			padding-top: 20px;
			padding-bottom: 20px;
			color: #FFF;
			background-color: #8282C2;
		}
		.texto {
			width: 100%;
			float: left;
			color: #FFF;
			background: #00F url(../img/fondo.gif) repeat-x;
		}
		.flash,
		#ejemplo {
			text-align: center;
		}
		.flash #contenidoflash {
			width: 800px;
			height: 330px;
		}