/* ------------------------------------------------------------------------------------------------------
* Sitio Web:			http://www.fundacionctic.org
* Versión:			2.2
* Autor:			Fundación CTIC
* Fecha:			04 / 04 / 2007
* Fecha versión anterior:	10 / 01 / 2007
* Cambios:			Estilos para votar noticias
* Gramática CSS:		2.1
* Gramática (X)HTML:		1.0 Strict
* Comentarios:
--------------------------------------------------------------------------------------------------------- */
		html,
		body {
			position: relative;
			/* Se hace necesario indicar el margin 0 para efectos de maquetado... */
				margin: 0;
			/* ...e indicar el padding 0 para efectos de maquetado en Opera */
				padding: 0;
			width: 100%;
			height: 100%;
			min-width: 730px;
		}
		body {
			color: #666;
			background: #FFF url(sombraSupIzda.png) no-repeat;
			/*font: 70% Verdana, Arial, Helvetica, sans-serif;*/
		    font: 70% Helvetica, sans-serif;
		}
		
/* Encabezados
----------------------------------------------------------------------------------- */
		h1 {
			margin: .3em 0;
			text-align: center;
		}
/* Listas e Items de Lista
----------------------------------------------------------------------------------- */
		ul,
		li {
			margin: 0;
			padding: 0;
			position: relative;
		}
		li {
			list-style: none;
		}


		/* Listas genéricas en el contenido
		----------------------------------------------------------------------------------- */

/*				#contenido ul {
					margin: .5em 4em 2em;
				}
				#contenido ul li {
					margin-bottom: .5em;
					padding: 0 10px;
					background: transparent url(../img/css/iconos/flechaNaranja.gif) 0 .3em no-repeat;
				}*/
		/* Listas del Pie
		----------------------------------------------------------------------------------- */
				#pie .conforme ul,
				#pie .conforme li {
					display: inline;
				}
				#pie .conforme li {
					border-right: 1px solid;
					padding-right: 5px;
					padding-left: 5px;
				}
				#pie .conforme li.fin {
					border: none;
				}
				#pie ul {
					float: left;
					margin-bottom: 10px;
				}
				#pie ul#contacto {
					float: right;
					text-align: right;
				}
				#pie ul#contacto li {
					/* Por el scroll horizontal que aparece en IE7 al incluir el elemento
					   address en una lista flotada a la derecha */
					overflow: hidden;
				}
				#pie ul li {
					margin-bottom: .5em;
				}
				#pie ul ul {
					float: none;
				}
				#pie #contacto li {
					margin-bottom: 0;
				}

/* Párrafos
----------------------------------------------------------------------------------- */
		p {
			margin-top: .5em;
			margin-bottom: .3em;
			padding: 0 1em;
		}
		#cabecera p {
			float: right;
			clear: right;
		}

		p.salto {
			margin: 0 36px 10px;
			background: transparent url(Sup.png) repeat-x;
			height: 26px;
			line-height: 22px;
			text-align: right;
		}
		p.texto_de_intro {
			font-size: 1.6em;
			text-align: center;
            font-weight: bold; 			
		}		
		p#copyright {
			/* Se hace necesario el clear both para efectos de maquetado en Opera */
				clear: both;
			margin: 0 36px;
			padding: 0;
			background: transparent url(Inf.png) repeat-x;
			height: 30px;
			line-height: 30px;
			text-align: right;
		}

/* Abreviaturas y Acrónimos
----------------------------------------------------------------------------------- */
		acronym {
			border: none;
			cursor: help;
		}

/* Enlaces
----------------------------------------------------------------------------------- */
		a {
			color: #E60;
			background-color: #FFF;
			border-bottom: 1px dashed;
			text-decoration: none;
		}
		.salto a {
			background-color: transparent;
		}
		/* Imágenes del Contenido
----------------------------------------------------------------------------------- */

		a img {
			border: none;
		}

/* Elementos Genéricos de Bloque
----------------------------------------------------------------------------------- */
		#decoracionSupDcha,
		#decoracionInfIzda,
		#decoracionInfDcha {
			overflow: hidden;
			width: 100%;
		}
		#decoracionSupDcha {
			background: transparent url(sombraSupDcha.png) 100% 0 no-repeat;
		}
		#decoracionInfIzda {
			background: transparent url(sombraInfIzda.png) 0 100% no-repeat;
		}
		#decoracionInfDcha {
			background: transparent url(sombraInfDcha.png) 100% 100% no-repeat;
		}
		#cabecera {
			position: relative;
			margin: 0 50px;
			padding: 5px 0;
		}
		#cabecera #migas {
			clear: both;
			border-top: 1px solid #E60;
			padding: 5px 0 5px 210px;
		}
		#pie {
			border-top: 1px solid #E60;
			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: 38px;
				margin-right: 37px;
			}
		#contenido * * {
		/* Anulamos 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;
			/* Se desplaza 50px por el diseño del fondo */
				left: 50px;
		}
		#continente {
			margin-bottom: 1em;
			border: 1px solid #DBE5E6;
			padding: 1em;
		}
		.texto {
			margin-bottom: 1em;
			border: 1px solid #DBE5E6;
			padding: .5em;
		}
		.texto.destacados {
			padding: .5em 2em;
			color: #666;
			/*background-color: #FAFAF1;*/
			clear: both;
		}
		#contenido address {
			font-style: normal;
			padding-left: 4em;
		}
		#contenido address:first-line {
			text-decoration: underline;
		}
		#contenido #pie address:first-line {
			text-decoration: none;
		}

/* Elementos Genéricos de Línea
----------------------------------------------------------------------------------- */
		#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;
		}
		

/* Estilos Genéricos (aplicados por Id o Clases)
----------------------------------------------------------------------------------- */
		.nota,
		#contenedor .salto {
			position: absolute;
			top: -5000px;
			left: -5000px;
		}
		.ampliar {
			text-align: right;
		}


/* 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 */


/* AÑADIDO JRC */



#margen_derecho {
                
                position:relative;
                min-height:160px;
				background-color: #FAFAF1;
}


.texto_sup {
	float: left;
	margin-bottom: 1em;
	padding: .5em 0;
}
.texto_sup.destacados_sup {
	/* padding: .5em 2em; */
	color: #666;
	/* background-color: #FAFAF1; */
}
div#contenido_sup {
clear: both;
overflow:hidden;
border-right: 1px solid #DBE5E6; /* añadido jrc */
}
div#contenido_sup_noborder {
clear: both;
overflow:hidden;
}




		
		#margen_derecho_externo {
                float:left;
                margin-right:0px;
		}

		.texto_sup_externo {
			float: left;
			/*margin-bottom: 1em;*/
			/*border: 1px solid #DBE5E6;*/
			/*padding: .5em;*/
}
		.texto_sup_externo.destacados_sup_externo {
			/*padding: .5em 2em;*/
			color: #666;
			/* background-color: #FAFAF1; */
		}
		
#contenido div.texto_intro {
                float:left;
                /* margin-left:170px; */
                /* margin-top: 107px;*/
                font-weight: bold; 
                /* padding-left:1.2em; */
                font-size:1.5em;
}

.texto_intro img {
                  position:absolute;
                  top:0;
                  left:0;
                  /* padding-left:1.5em;*/
                  /* padding-top:1em; */
}

/*Imágenes centrales*/

#margen_derecho_externo,
#margen_derecho,
.texto_intro {
    width: 100%;
    text-align: center;
}

.texto_intro p {
	font-size: 1.5em;
}


.texto_intro .ct a {
    float: left;
    text-align: right;
    border: none;
    font-size: 1.1em; /* tamaño para el texto */
    width: 397px;
    height: 250px;
    background: #DD6B2D url(fondo_ct_home.jpg) no-repeat;
}
.texto_intro .si a {
    float: left;
    text-align: right;
    border: none;
    font-size: 1em; /* tamaño para el texto */
    width: 410px;
    height: 250px;
    background: #708FAE url(fondo_si_home.jpg) no-repeat;
}
.texto_intro .si a span {
    margin-top: 40px;
	/*line-height: 120px;*/
    color: #fff;
    display: block;
    padding-right: 170px;
}

.texto_intro .ct a span {
    margin-top: 40px;
	/*line-height: 120px;*/
    color: #fff;
    display: block;
    padding-right: 190px;
}

.texto_intro ul {
    background-color: red;
}
.texto_intro ul li {
    float: left;
    width: 50%
}
.texto_intro .ct a {
    float: right
}