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

/***************** ETIQUETAS HTML *************************/
body, html{ font-size: 71.7%; color:#3E1F00; background-color:#CDCDB6; height:100%} /*1em = 11px*/
body { font-style: normal; font-size: 101%; font-family: Arial, Tahoma, sans-serif; margin:0;  background-image:url(../images/all/bg-web.jpg); background-repeat:no-repeat; background-position:center top; }
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:Arial, Tahoma, sans-serif; letter-spacing:-1px; color:#F11988;
}
ul { list-style:none;}
dl {margin:0}
a {
   color:#F11988;
   text-decoration:none;
}
a:hover {
   text-decoration:underline;
}
fieldset {
   border:0;
   padding:0;
   margin:0;
}
legend, hr {
   display:none;
}
/***************** /ETIQUETAS HTML ************************/
#contenedor {background-repeat:no-repeat; background-position:center bottom;}
#general { 
	width:67.50em; /* 774 px: 800x600 sin scroll */
	margin:0 auto !important; 
	min-height:70%;
	padding:0 0 3.95em 0; 
	text-align:left;
}
	/* Zocalo en Explorer ****/
	* html #general { height:70%;}
	
	
#navegador {
	background:#6B1364!important/*#4F2800 url(../images/all/bg-navegador.png) repeat-x*/;	
	font-size:1em;
	height:20px;
	width:100%;
	color:#fff;
	padding:0;
}
	#navCentrado, #firma {width:67.50em; margin:0 auto; }
		#accesos {display:none}
		#idiomas {float:right}
		#idiomas li {float:left; padding:0.25em 4px 0.32em 5px; border-right:1px solid #CDCDB6;}
		#idiomas li.ultimo {border-right:none}
		#idiomas a {color:#fff}
		#idiomas a.idiomActual {font-weight:bold}
#superior {
	padding-top:1em;
}
#cabecera, #navegacion {
	width:67.50em;
	margin:0 auto; 
}
#cabecera {margin-top:0.7em}
#cabecera .logoGaueko {
	float:left;
	/*width: 21.06em; height: 4.40em;*/
	}
#cabecera .trimestre {
	float:right;
	/*width: 17.80em; height: 5.00em;*/
	}
	#cabecera #navegacion {
		margin-top:1em;
		}
			/* Menu general */
			#menu {
				margin-top:1em;
				float:left;
				}
			#menu li {
				display:inline;
				float:left;
				margin-right:2px
			}
			#menu li a {
			display:block;
			/*font-family:"Trebuchet MS", Tahoma, sans-serif;*/
			text-transform:lowercase;
			color:#fff;
			font-size:1.6em;
			height: 41x;
			line-height: 41px;
			padding-left:0.55em;
			background-repeat:no-repeat;
			background-position:left top;
			background-image:url(../images/all/bg-a-menu1.png);
			}
			#menu li a:visited {font-weight:normal}
			#menu li a:hover {color:#fff; text-decoration:none; background-image:url(../images/all/bg-a-menu2.png);}
			#menu li a:active, #menu li a.activo {color:#3E1F00; text-decoration:none; background-image:url(../images/all/bg-a-menu3.png);}
			
			#menu li a span {display:block; padding-right:0.55em; background-position:right top; background-image:url(../images/all/bg-a-menu1.png);}
			#menu li a:hover span {display:block; padding-right:10px; background-position:right top; background-image:url(../images/all/bg-a-menu2.png);}
			#menu li a:active span, #menu li a.activo span {display:block; padding-right:10px; background-position:right top; background-image:url(../images/all/bg-a-menu3.png);}

			/* /Menu general */
			
			/* Registro general */
			#registro {float:right; width:15.5em; background:#F11988 url(../images/all/bg-ul-registro.gif) no-repeat left top; padding:0 1em 0 1em; margin-top:2.03em}
			#registro li {display:inline; float:left; margin-right:10px; width:6.8em;}
			#registro li.registrado {width:100%!important; height:29px; line-height:29px; font-weight:bold; color:#fff; padding-left:1em; font-size:105%;}
			#registro li.registrado a {display:inline !important; color:#fff; padding-left:0}
			#registro li.ultimo {margin-left:0}
				#registro li a {display:block; font-size:100%; color:#fff; height:29px; line-height:29px; padding-left:1.50em; background-repeat:no-repeat; background-position:left center}
				#registro li a.registrate {background-image: url(../images/all/bg-a-registrate.gif)}
				#registro li a.tucuenta {background-image: url(../images/all/bg-a-tucuenta.gif)}
			/* Bradcrumbs */
			#encabezado {background-color:#fff; margin:0; padding:1.52em 1em 0.4em 0.8em;}
			#encabezado h3 {float:left; letter-spacing:normal; text-transform:lowercase; font-size:1.45em !important}
			#breadCrumbs { float:right; list-style:none; margin-top:0.7em; margin-right:0.3em}
			#breadCrumbs li { float:left; padding:0 8px 0 7px; background:url(../images/all/bullet-li-breadcrumbs.gif) no-repeat right .4em;}
			#breadCrumbs li.primero {padding-left:0}
			#breadCrumbs li.activo { background:none;}
			
/****** CONTENIDOS ******************************************/
#contenidos {position:relative; margin-top:1em; min-height:35em; _height:35em}
#lateral {position:absolute; z-index:50; left:0; top:-3.4em; background:url(../images/all/bg-lateral-ticket.gif) no-repeat left top; width:12.20em; border-bottom:3px solid #9E9E76}
	#submenu  {margin-top:104px; padding:4em 1.3em 3em 1.2em; background:#F11988 url(../images/all/bg-lateral-ticket-ul.gif) no-repeat left top; min-height:9em; _height:9em; border-bottom:4px solid #A80B65; border-right:0.25em solid #9E9E76}
	#submenu.etiqueta {padding:4em 0 3em 0 !important}
	#submenu li  {padding:0.35em 0; border-bottom:1px dotted #DEC0D3}
	#submenu.etiqueta li {margin-left:1.2em; margin-right:1.3em}
	#submenu li a {color:#fff; font-size:1.05em}
	#submenu li a.activo {font-weight:bold}
	#submenu li.submenuTit {font-weight:bold; margin:0 0 0.5em 0; padding:0.35em 0 0.35em 1em; color:#F11988; background-color:#fff; font-size:1.2em; font-family:Georgia, "Times New Roman", Times, serif; border-bottom:none}
	#submenu li a:hover {text-decoration:none; color:#7A0749}

#contenido {float:right; position:relative; width:54em; background-color:#fff; min-height:46.5em; _height:46.5em; padding:1em 1em 2.5em 1em;}
	#contenido img.cabecera {display:block; width:100%; margin-bottom:2.5em;}
	#contenido h5, #contenido p {margin-left:3.5em}
	#contenido p, #contenido ul, #contenido ol {margin-right:2.5em; font-size:107%; line-height:1.45em }
	#contenido dl {font-size:107%; line-height:1.45em; padding:0}
	#contenido p {text-align:justify; margin-bottom:1em}
		#contenido p.destacado {font-size:120%; margin:0 2.5em 1.2em 2.9em !important; color:#fff;}
		#contenido p.destacado strong {padding:0.4em; background:#F11988}
	#conntenido h3 {margin-left:2.2em; margin-right:3em}
	#contenido h3.titulo {position:absolute; font-weight:normal; top:6.48em; left:2em; margin-left:0 !important; background-color:#F11988; color:#fff; font-size:1.7em; padding:0 0.75em 0 0.75em; height:2.4em; line-height:2.4em } 
	#contenido.gauekoak h4 {font-weight:normal; font-size:1.7em; padding-bottom:0.6em; border-bottom:1px dotted #CDCDB6; margin-bottom:0.6em; margin-left:2.2em; margin-right:3em} 
	#contenido ul.opciones {margin-left:5em !important; text-align:justify;}
	#contenido ul.opciones li {margin-bottom:0.8em; background:url(../images/all/bullet-li-opcion1.gif) no-repeat left top; padding-left:1.8em;}
	#contenido .avisolegal {margin:0 0 1.5em 3.5em;}
	.colabs ul li {display:inline; float:left; margin-bottom:0.8em; background:url(../images/all/bullet-li-opcion1.gif) no-repeat left top; padding-left:1.8em;}
	
	#contenido #columna {float:left; width:34em;}
	#contenido #auxiliar {float:right; width:17em;}
	
	#columna.eventos ul, #columna.eventos ol {margin-left:5em!important}
	#columna.eventos ul {margin-bottom:0.8em; list-style:circle}
	

/****** /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;
	padding:0;
	background:#4F2800 url(../images/all/bg-navegador.png) repeat-x top;
}
#firma {font-size:1em; color:#fff; text-align:center; color:#FFF; padding:1em 0;}
#firma p {float:left;}
#firma p a {display:block; background:url(../images/all/ico-a-pie-home.gif) no-repeat left center; font-size:105%; color:#fff; padding:0.2em 0 0.2em 1.9em}
#firma ul {float:right;}
	#firma ul li {float:left; margin-right:1em; font-size:105%; }
	#firma ul li.ultimo {margin-right:0}
		a.informacion {background:url(../images/all/bullet-li-pie-informacion.gif) no-repeat left center; padding-left:2.2em}
		a.accesibilidad {background:url(../images/all/bullet-li-pie-accesibilidad.gif) no-repeat left center; padding-left:2.2em}
		a.mapa {background:url(../images/all/bullet-li-pie-mapa.gif) no-repeat left center; padding-left:2.6em; margin-right:0}
		#firma ul li a {display:block; color:#fff; padding-top:0.2em; padding-bottom:0.2em}
		/*Mapa web desplegable*/
		#listas {position:absolute; bottom:15px; left:0; padding:0; position:relative; z-index:500;}
		#listas li a {display:block; padding:10px; font-weight:normal; color:#fff; background-color:#000000}
		#listas div {display:none;}
		#listas li a:hover {text-decoration:underline; white-space:normal;}
		#listas :hover div {display:block; width:160px; text-align:left; background:#FAFAF8; border-width:0 0 1em 0; border-bottom-color:#3C1E00; border-style:solid;  position:absolute; left:0; bottom:0;  padding-bottom:0.4em;}
		#listas :hover div dl {display:inline; padding:0; margin:0; float:left; width:100%; font-family:Tahoma, Arial, sans-serif; font-size:0.9em }
		#listas :hover div dl dt {background:#3C1E00; text-indent:1em; font-weight:bold; margin-top:0.2em; 	background:#4F2800 url(../images/all/bg-navegador.png) repeat-x;}
		#listas :hover div dl dt.primero {margin-top:0}
			#listas :hover div dl dt.primero {background-image:none; background-color:#F11988;}
		#listas :hover div dl dd {padding:0 0 0 1em; margin:0;}
		#listas :hover div dt a {text-decoration:none; font-weight:normal; color:#fff;}
		#listas :hover div dd a {display:block; text-decoration:none; font-weight:normal; font-size:1em; text-indent:1em; color:#F11988; background:url(../images/all/bullet-li-a-flecha.gif) no-repeat left center;}
		#listas :hover div dd a:hover {text-decoration:underline;}
		
/************ ENCABEZADOS **********************/
.titular {background-color:#F11988; color:#fff;  border-bottom:2px solid #A80B65; margin-left:1.7em; padding:0.53em 0.8em; font-size:1.43em!important;  }
.encabezado {border-bottom:3px solid #F11988; color:#331A00; padding:0.44em 0; font-size:1.43em !important; margin:0 0 0.6em 0 !important}
.encabezado2 {border-bottom:2px solid #331A00; color:#331A00; padding:0.4em 0; font-size:1.3em !important; margin:0 0 0.6em 0 !important}
.encabezado3 {border-bottom:3px solid #331A00;  color:#331A00; border-top:1px solid #F2F2EC; padding:0.7em 0.5em 0.7em 1em; font-size:1.5em !important; margin:0 0 0.6em 0 !important}
.encabezado4 {border-bottom:4px solid #F11988; color:#331A00; padding:0.44em 0; font-size:1.43em !important; margin:0 7em 0.6em 2.6em !important}
.encabezado5 {border-bottom:4px solid #F11988; color:#331A00; padding:0.44em 0; font-size:1.43em !important; margin:0 1em 0.6em 2.6em !important}
.encabezado6 {border-bottom:3px solid #331A00; color:#331A00; border-top:3px solid #331A00; padding:0.5em 0.5em 0.5em 0; font-size:1.5em !important; margin:0 0 1em 0 !important}
.encabezado7 {font-size:1.2em; margin:1em 0 0.6em 0em !important; color:#fff; padding:0.4em; background:#F11988}
/************ BOTONES **********************/
.botonSindicacion1 {
display:block; background:#BA0676; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; behavior:url(../includes/border-radius.htc); color:#fff; padding:0.8em 0.6em 0.6em 0.6em; font-weight:bold; cursor:hand}
a.botonSindicacion1:hover {background:#EC1786}
.botonSindicacion1 span { display:block; padding-left:2.2em; background:url(../images/all/ico-a-sindicacion1.gif) no-repeat left center;}

a.destacadisimo {display:block; background:#F11988; text-shadow:1px 1px 1px #000; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:25px; text-align:left!important; padding:8px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 2px;}
a.destacadisimo:hover { font-style:italic; background:#000}
/************ IMAGENES DE GENTE **********************/
.contGauekoak {background-image:url(../images/all/bg-contenedor-gauekoak.gif)}
.contBlog {background-image:url(../images/all/bg-contenedor-blog.gif)}
.contActividades {background-image:url(../images/all/bg-contenedor-actividades.gif)}
.contTugauekoak {background-image:url(../images/all/bg-contenedor-tugauekoak.gif)}
.contMedia {background-image:url(../images/all/bg-contenedor-media.gif)}
.contRed {background-image:url(../images/all/bg-contenedor-red.gif)}
/************ AVISOS Y NOTAS **********************/
#contenido p.aviso, #contenido p.respuesta {padding:1em 2em 1em 5em; font-size:1em !important; margin-top:2em; text-align:left; background-color:#F6F6F2; background-repeat:no-repeat; background-position:left center; border-width:1px 0; border-style:solid; border-color:#CDCDB6}
#contenido p.aviso {background-image:url(../images/all/ico-p-aviso.gif)}
#contenido p.respuesta {background-image:url(../images/all/ico-p-respuesta.gif); margin-left:2.4em; margin-right:0}
#contenido p.exclama1 {padding:0 2em 1em 4em; margin:2em 0 0 0!important; text-align:left; background:url(../images/all/ico-p-exclama.gif) no-repeat left top; margin-left:2.4em; margin-right:0}
#contenido p.infoAd {font-size:0.9em; font-family:Tahomam, Arial, sans-serif; margin:1em 0 0 2.3em!important; text-align:left; line-height:1em}
/************ ADORNOS **********************/
#adorno {position:absolute; z-index:50; width:9.2em; height:9.5em; right:0.1em; top:-6px; background:transparent url(../images/all/bg-div-adorno1.png) no-repeat top left;
					*background: none;
					filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/all/bg-div-adorno1.png', sizingMethod='scale'); }
#chicoExp {position:absolute; z-index:50; width:20.5em; height:8.50em; left:12em; top:10.7em; background:transparent url(../images/all/bg-div-chicoexp.png) no-repeat top left;
					*background: none;
					filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/all/bg-div-chicoexp.png', sizingMethod='scale'); }
#chicoExp2 {position:absolute; z-index:50; width:20.5em; height:8.50em; left:25em; top:10.7em; background:transparent url(../images/all/bg-div-chicoexp.png) no-repeat top left;
					*background: none;
					filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/all/bg-div-chicoexp.png', sizingMethod='scale'); }
/************ PAGINACIONES **********************/
	#paginacion {padding:0.4em 0.2em 0.15em 0.6em!important; background:#F2F2EC; border-top:1px solid #CDCDB6; border-bottom:1px solid #CDCDB6; margin:1em 0!important}
	#paginacion li {float:left; padding:0 6px 0 6px!important; background:url(../images/all/bullet-li-paginacion.gif) no-repeat right 0.2em; font-size:0.9em}
	#paginacion li.activo {font-weight:bold}
	#paginacion li.ultimo {background:none}
/************ LISTADO DE CAJAS ********************/
/* Serie de bloques que contienen imagen, titulo y enlace */
#cajas {margin:0.6em 0 1em 3.35em!important; padding:0 !important}
#cajas li {display:block; float:left; margin:0 0.9em 1em 0em !important; padding:0 !important; background-color:#F6F6F2; }
#cajas li img {display:block; width:7em; height:5.1em; padding:0.37em; margin:0 !important; border:1px solid #CDCDB6}
#cajas li a:active {color:transparent}

/******************** SUBMENU LATERAL *******************/
/************ OTROS **********************/
/* Separador con sombra */
#sepadorContenidos {height:2.40em; 
					position:relative;
					width:100%;
					background:transparent url(../images/all/bg-div-separador.png) no-repeat top right;
					*background: none;
					filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/all/bg-div-separador.png', sizingMethod='scale'); } 

/* Limpieza de floats */
.clear {clear: both; height:0; font-size:0}
.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, #encabezado:after, #blogPaginacion:after, .diasFinde dd:after, .programaTrim dd:after, dl.album dd ul:after, dl.album dd ul li:after {content:" "; clear:both; display:block; height:0px; visibility:hidden;}

/* Accesibilidad */
.ayuda-access, #columnaMedia h3.media span, label span {
   display:none;}