/*************  -DOCUMENTO CSS GENERAL PARA KREARED.COM *************/

/***************** ETIQUETAS HTML *************************/
body, html{ height:100%; font-size: 71.7%; color:#525252; background:#fff url(/images/all/bg-div-sombra.png) repeat-x left 14.8em} /*1em = 11px*/
body { font-style: normal; font-size: 101%; font-family: Tahoma, "Trebuchet MS", sans-serif; text-align:center; margin:0;}
html>body {font-size: 100%;}
*:first-child+html body {font-size: 101%;}
table { font-size:100%; border-collapse:collapse; border-spacing:0; }

img {
   border:0;
   margin:0;
   padding:0;
}
h1,h2,h3,h4,p,ul,ol,li,form,blockquote {
   margin:0;
   padding:0;
}
h1,h2,h3,h4,h5 {
   font-family:"Trebuchet MS", Tahoma, sans-serif;
}
ul,ol { list-style:none;}
dl {margin:0}
a {
   color:#007ED2;
   text-decoration:none;
}
a:hover {
   text-decoration:underline;
}
fieldset {
   border:0;
   padding:0;
   margin:0;
}
legend, hr {
   display:none;
}
/***************** /ETIQUETAS HTML ************************/
#general { 
	width:67.50em; /* 774 px: 800x600 sin scroll */
	margin:0 auto; 
	min-height:62%;
	padding:0 0 3.95em 0; 
	text-align:left;
}
	/* Zocalo en Explorer ****/
	* html #general { height:62.7%;}
	
#lanzador {width:100%; background-color:#007ED2; border-bottom:1px solid #fff;}
#lanzador a {display:block; width:774px; margin:0 auto; background-repeat:no-repeat; background-position:left top; height:27px; line-height:27px; color:#fff; font-weight:bold; text-align:left; text-indent:147px; outline:none;}
#lanzador a:hover {color:#000}
#lanzador a.krearedtv {background-image:url(/images/all/bg-a-krearedtv.gif)}

#navegador {
	background-color:#000;
	font-size:1em;
	color:#fff;
	padding:0;
}
	#navCentrado {width:67.50em; margin:0 auto; }
		#accesos {display:none}
		#idiomas {float:right}
		#idiomas li {float:left; padding:0.15em 4px 0.28em 5px; border-right:1px solid #fff;}
		#idiomas li.ultimo {border-right:none}
		#idiomas a {color:#fff}
		#idiomas a.idiomActual {font-weight:bold}
#superior {
	background:#FDFDFD url(/images/all/bg-cabecera.gif) repeat-x left top;
	border-bottom:1px solid #E8E8E8;
	padding-top:2.65em;
}
#cabecera {
	width:67.50em;
	margin:0 auto; 
}
#cabecera .logoKrea {
	float:left;
	width: 17.50em; height: 8.20em;
	}
	#cabecera #navegacion {
		float:right;
		background:url(/images/all/bg-navegacion.png) no-repeat left bottom;
		height:10.90em;
		width:70%;
		text-align:left;}
			/* Menu general */
			#menu {
				position:absolute;
				height:5em;
				font-size:1.25em;
				margin-left:1.90em;
				width:55%;
				}
			#menu li {
			position: absolute;
			left: 1px;
			}
			#menu li#menu1, #menu li#menu5 {top:0;}
			#menu li#menu2, #menu li#menu6 {top:1.90em;}
			#menu li#menu3, #menu li#menu7 {top:3.80em;}
			#menu li#menu4, #menu li#menu8 {top:5.70em;}
			#menu li#menu5, #menu li#menu6, #menu li#menu7, #menu li#menu8 {left:9.8em}
			
			#menu li a {
			font-family:"Trebuchet MS", Tahoma, sans-serif;
			padding:2px 0 2px 16px;
			color:#525252;
			background-repeat:no-repeat;
			background-position:left center;
			background-image:url(/images/all/bullet-li-menu-a-1.gif);
			}
			#menu li a:visited {font-weight:normal}
			#menu li a:hover {color:#007ED2;}
			#menu li a:active {color:#007ED2; font-weight:bold}
			#menu li a.activo {font-weight:bolder !important; background-image:url(/images/all/bullet-li-menu-a-2.gif)}
			/* /Menu general */
			
			#navegacion form {float:right; width:30%;}
			/*#navegacion form img {height:1.80em; width:13.7em}*/
			#navegacion form label { display:none}
			#navegacion form input	{font-size:0.80em}
			#navegacion form input.cajaBuscador { width:97%; margin:3px 0 5px 0;}
			#navegacion form input.botonBuscador { float:right; border:1px solid #C1C1C1; background-color:#CFCFCF;}
			#navegacion form fieldset {margin-top:2.45em}

			#breadCrumbs {padding:1.3em 0 1em 0 }
			#breadCrumbs ol { float:left; list-style:none}
			#breadCrumbs li { float:left; padding:0 11px 0 9px; background:url(/images/all/bullet-li-breadcrumbs.gif) no-repeat right .4em;}
			#breadCrumbs li.primero {padding-left:0}
			#breadCrumbs li.activo { background:none;}
			
			#breadCrumbs p {float:right; padding-left:18px; background-repeat:no-repeat; background-position:left center}
			#breadCrumbs p.participa {background-image:url(/images/all/ico-p-breadcrumbs-participa.gif)}					

/*Columna Lateral*/
#lateral {float:left; width:17.35em;}
#lateral h2 {background-color:#007ED2; color:#fff; padding:0.60em 0.20em 0.60em 1.88em; font-weight:bold; font-size:1.25em}
	/*menu de apartados*/
	#lateral ul#menuApartados {border-top:1px solid #fff; padding-bottom:9px; background:url(/images/all/bg-ul-apartados.png) no-repeat center bottom; margin-bottom:15px}
	#lateral ul#menuApartados li {display:inline}
	#lateral ul#menuApartados li a {display:block; color:#333; padding:0.75em 1.2em 0.75em 2.50em; background:#e8e8e8 url(/images/all/ico-ul-apartados-li-a.gif) no-repeat 1.20em; border-bottom:1px solid #fff; }
	#lateral ul#menuApartados li a:hover {color:#fff; text-decoration:none; background:#c8c8c8 url(/images/all/ico-ul-apartados-li-a2.gif) no-repeat 1.20em}
	#lateral ul#menuApartados li a.activo {color:#000; text-decoration:none; background:#d1d1d1 url(/images/all/ico-ul-apartados-li-a2.gif) no-repeat 1.20em; font-weight:bold}
	#lateral ul#menuApartados li a.ultimo {border:none}
		/*Submenu de Especiales*/
				#menuApartados ul {background-color:#efefef; padding:0.90em 0.90em 0.90em 2.50em; border-bottom:1px solid #fff}
				#menuApartados ul li a {display:block; padding:0.35em 0 0.35em 1.20em !important; background:#efefef url(/images/all/ico-ul-apartados-ul-li-a.gif) no-repeat left !important; border:none !important;}
				#menuApartados ul li a:hover {color:#333 !important; font-weight:bold} 
		/*banner*/
		p.banner1 {display:block; background:url(/images/all/bg-ul-apartados.png) no-repeat left bottom; margin-top:0; padding:0 0 9px 0}
		p.banner1 img {display:block; width:100% }
		p.banner1 a  {display:block; background-color:#e8e8e8; padding:0.72em;}
		p.banner1 a:hover  {display:block; background-color:#c8c8c8}
			/*Subbanner y botones de acceso*/
			#lateral .botonVideo {background-position:left 4px; color:#525252; margin:0 0 0.92em 0.72em}
			#lateral .botonMas, #lateral .botonBoletin,  #lateral .botonRss {background-position:9px; padding-left:2.60em}
			#lateral .botonBoletin, #lateral .botonRss  {background-color:#f8f8f8; border-top:1px solid #dadada; border-bottom:1px solid #dadada; margin-top:1.30em}
/*/Columna Lateral*/

/* �rea de Contenidos */
#contenidos {position:relative; float:right; width:47.22em;}
	#contenidos #moduloPortadas {background:url(/images/all/bg-sombra-contenidos.png) no-repeat bottom center; padding-bottom:9px; margin-bottom:15px}
	#contenidos #moduloPortadas.contenidos {background:none !important; padding-:0 !important, margin-bottom:15px}
	#contenidos #moduloPortadas img {width:100%;}
	#contenidos #moduloPortadas p {background-color:#0074C1; border-top:1px solid #fff; color:#fff; padding:0.50em 1em 0.65em 1.20em; margin:0}
	#contenidos #moduloPortadas p a {color:#fff; font-weight:bold; text-decoration:underline; padding-right:6px; background:url(/images/all/ico-a-enlace1.gif) no-repeat right}
	#contenidos #moduloPortadas p a:hover {text-decoration:none; background-image:url(/images/all/ico-a-enlace2.gif)} 
	
	#contenidos .imgCabecera {width:100%; padding:0; margin:0}
	
	#contenidos p#primeroMenu {padding-right:17.10em;} 
	#contenidos h4 {font-size:1.20em; padding-left:1.40em; background-position:left 0.35em; margin-bottom:1em}
		.secundario {margin-top:1em}
	#contenidos a {text-decoration:underline}
	#contenidos a:hover {text-decoration:none}
	#contenidos ol { list-style-type:decimal; font-weight:bold; color:#007ED2; margin:0 0 1em 4.5em;} 
		#contenidos ol li {margin-bottom:0.55em}
		#contenidos ol li span {color:#525252; font-weight:lighter}

	/*modulo de info relacionada*/
	#infoRelacionada {padding-bottom:6px !important; margin-top:2em}
	#infoRelacionada h4 {background:#e8e8e8 url(/images/all/bg-h4-inforel.gif) no-repeat right top; font-size:1em; padding:0.70em 1.50em; width:14em; margin-left:1.4em; margin-bottom:0}
	#infoRelacionada h4 span {display:block}
	#infoRelacionada ul {background-color:#f8f8f8; border:1px solid #e8e8e8; padding:1em 0.30em 1em 1.4em}
	#infoRelacionada ul li {float:left; padding:0 11px 0 9px; background:url(/images/all/bullet-li-inforel.gif) no-repeat left center}
	#infoRelacionada ul li.primero {background:none; padding-left:0}
	
	/*menu flotante de contenidos*/
	#menuContenidos h4 {background-color:#007ED2; color:#fff; font-size:1em; padding:0.90em; margin-bottom:0}
	#menuContenidos ul {border:1px solid #e8e8e8; padding:1.6em 0 1.6em 2em; background-color:#f8f8f8; }
	#menuContenidos ul li {border-bottom:1px solid #e8e8e8; padding:0.40em 0}
	#menuContenidos ul li.activo {font-weight:bold}
	#menuContenidos ul li a {text-decoration:none}
	#menuContenidos ul li a:hover {color:#525252;}
	
	/*Paginaciones*/
	#paginacion {padding:0.5em 0.2em 0.5em 1.95em; background:#f8f8f8 url(/images/all/ico-documentos.gif) no-repeat 0.50em center; border-top:1px solid #dadada; border-bottom:1px solid #dadada; margin-right:1.40em}
	#paginacion li {float:left; padding:0 6px 0 6px; background:url(/images/all/bullet-li-inforel.gif) no-repeat right 0.2em}
	#paginacion li.activo {font-weight:bold}
	#paginacion li.ultimo {background:none}
	/*#paginacion li a:visited {color:#999}*/
	#volver {margin-top:1.5em}
	#volver li {margin-bottom:0.6em}
/****** /CONTENIDOS ******************************************/

/****** PORTADAS DE SECCIONES ********************************/
	.columna1 dl, .columna2 dl {padding-bottom:11px;}
		.columna1 dl.ultimo {background:none}
		.columna2 dl.ultimo {background:none}
		.columna1 dl dt {color:#007ED2; margin-bottom:0.60em}
		.columna1 dl dd {padding:0}
/****** /PORTADAS DE SECCIONES ********************************/

/****** PIE DE LA WEB POSICIONADO EN LA BASE DEL NAVEGADOR ********/
#zocalo {
	width:100%;
	margin:0;
	background:#E8E8E8 url(/images/all/bg-zocalo.gif) repeat-x left top;
}
#pie { 
	width:67.50em; 
	margin:0 auto; 
	height:9.80em;
	text-align:left;
	background: url(/images/all/bg-div-pie.gif) repeat-x left 56%;
}
#pie a, pie.a:hover {color:#525252}
	#pie .enlaces {float:left; width:65%; margin-top:3.6em}	
		#pieAccesos, #pieValidacion  {margin-bottom:1.65em}
		#pieAccesos li {display:inline; padding:0 3px 0 4px; border-right:1px solid #525252;}
		#pie li.ultimo {border-right:none; padding-right:0}

		#pieInfos li {display:inline; padding:0 3px 0 4px; border-right:1px solid #525252;}
	
	#pie .validacion {float:right; width:30%; margin-top:3.6em}
		#pieValidacion {float:right}
		#pieValidacion li {display:inline; padding:0 3px 0 4px; text-align:right}
		#pieValidacion li a {background:url(/images/all/ico-a-validacion.gif) no-repeat left center; padding-left:16px; text-transform:capitalize}
		
		#pieSindicacion {clear:right; float:right; text-align:right}
		#pieSindicacion a {display:block; background:url(/images/all/ico-a-rss-pie.gif) no-repeat right center; padding-right:15px; width:6.70em}
		
#firma { background-color:#000; text-align:center; border-top:1px solid #fff; color:#FFF; padding:0.25em 0}
/************ ENCABEZADOS **********************/
.encabezadoRasgado1 {
	background:#e7e7e7 url(/images/all/bg-h3-encabezados1.gif) repeat-x left bottom;
	padding:0.5em 0.5em 0.95em 1.1em;
	color:#666;
	margin-bottom:1.10em;
	font-size:1.20em}
.encabezadoSombreado1, .encabezadoSombreado2, .encabezadoSombreado3 {
	padding:0.6em 0.5em 1.50em 1.5em;
	color:#666;
	margin-bottom:1.10em;
	font-size:1.30em;
	background-repeat:no-repeat;
	background-position:left bottom}
.encabezadoSombreado1, .encabezadoSombreado3  {	background-image:url(/images/all/bg-h3-titulosombreado.png) }
.encabezadoSombreado2, .encabezadoSombreado3 { border-top:1px solid #dadada}
.encabezadoSombreado2 {	background-image:url(/images/all/bg-h3-titulosombreado2.png)}
.encabezadoSombreado1 a , .encabezadoSombreado2, .encabezadoSombreado2 a {text-decoration:none !important}
.encabezadoSombreado3 {margin-bottom:0.50em}

/************ BOTONES **********************/
.botonMas, .botonRss, .botonBoletin, .botonVideo, .botonAudio, #listadoAudios li {display:block; padding:0.2em 0.2em 0.2em 1.95em; background-position:0.36em center; background-repeat:no-repeat}
.botonMas {background-color:#f8f8f8; background-image:url(/images/all/ico-a-botonmas.gif); border-top:1px solid #dadada; border-bottom:1px solid #dadada;}
.botonMas:hover {background-color:#007ED2; text-decoration:none; color:#fff}
.botonBoletin {background-image:url(/images/all/ico-a-botonboletin.gif)}
.botonRss {background-image:url(/images/all/ico-a-botonrss.gif)}
.botonVideo {background-image:url(/images/all/ico-a-botonvideo.gif); padding:0.2em 0 0.2em 1.95em; background-position:left center;}
.botonAudio, #listadoAudios li {background-image:url(/images/all/ico-a-botonaudio.gif); padding:0.2em 0 0.2em 1.95em; background-position:left 0.3em;}
.botonMasDer {background:url(/images/all/ico-a-botonmas2.gif) no-repeat right; padding-right:15px}
.botonAmpliarDer {background:url(/images/all/ico-a-botonampliar.gif) no-repeat right; padding-right:15px}
.duraVideo {padding-left:1.4em; background:url(/images/all/ico-p-relojduracion.gif) no-repeat left}

/************ MARCOS DE FOTOS **********************/
.marco1 {display:block; background:url(/images/all/bg-sombra-fotos.png) no-repeat left bottom ;padding:0 0 8px 0}
.marco1 img.ancho, #columnaRecomendamos p.marco1 img.video /*home*/{display:block; padding:0.88em; border:1px solid #dadada}
.marco1 img.normal {display:block; padding:0.47em; border:1px solid #dadada}
.marco1 a  {display:block}
.marco1 a:hover  {display:block; background-color:#eee}

/************ SOMBRAS **********************/
.sombraDer1 {background:url(/images/all/bg-sombra-der1.png) no-repeat right bottom; padding-bottom:11px; margin-bottom:5px; margin-top:0}
.sombraIzd1 {background:url(/images/all/bg-sombra-izq1.png) no-repeat left bottom; padding-bottom:11px; margin:0 0 5px 0px}

/************ ICONOS **********************/
.documento {background:url(/images/all/ico-documento.gif) no-repeat left top; padding-left:16px; font-weight:bold;}
.documentos {background:url(/images/all/ico-documentos.gif) no-repeat left 0.30em; padding-left:1.30em; }
.eventoAct {background:url(/images/all/ico-evento.gif) no-repeat 0.35em 0.30em; padding-left:1.30em; }
.subir {background:url(/images/all/ico-a-subir.gif) no-repeat left 0.30em; padding-left:1.30em; }
.volver {background:url(/images/all/ico-a-volver.gif) no-repeat left 0.30em; padding-left:1.30em; }
.descarga {background:url(/images/all/ico-descarga.gif) no-repeat left 0.30em; padding-left:16px; font-weight:bold;}
.flechaIn {background:url(/images/all/ico-flecha-in.gif) no-repeat left 0.15em;}
.iconoZip, .iconoPdf {background-repeat:no-repeat; background-position:left 0.15em}
.iconoZip {background-image:url(/images/all/ico-zip.gif)}
.iconoPdf {background-image:url(/images/all/ico-pdf.gif)}

/************ OTROS **********************/
/* Limpieza de floats */
.clear {clear: both;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}         
* html .clearfix {height:1%;} /* Internet Explorer */
*:first-child+html .clearfix {height:1%;} /* Internet Explorer 7 */
#general:after, #superior:after, #cabecera:after, #cabecera.logo:after, #cabecera #navegacion:after, #breadCrumbs:after, ul.texto:after {content:" "; clear:both; display:block; height:0px; visibility:hidden;}

/* Accesibilidad */
.ayuda-access {
   display:none;}