/*NORMAL .CSS*/


:link,:visited { text-decoration:none }

/* Eliminamos las viñetas de las listas */
ul,ol { list-style:none }

/* Evitar el tamaño inconsistente de los diferentes encabezados
   y también etiquetas <pre> y <code> */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* Evitar la asignación inconsistente de márgenes y rellenos a diferentes elementos HTML  */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* Evitar el borde azul en imágenes que son links */
a img,:link img,:visited img { border:none }

/* Quitar la cursiva del elemento <address> */
address { font-style:normal }

/*.....ESTRUCTURA OBRA SOCIAL...........*/


body {
	font-size: 62.5%;
	font-family: Tahoma, Verdana, Arial;
	
}
#Container{
	font-size:1.3em;  /*tamanyo general de textos 13px*/
	color:#333333;
	position:relative;
	}

#Contenido{
	clear:both;

}



/*.......................... BLOQUES CONTENIDO CENTRAL ............................... */



/*#Columna1,#Columna2 {float:left}*/

#Columna1{
display:none

 }

#Columna1Interior{
display:none;

 }
 /*
 #Columna1{

	width:200px;
	float:left;
	margin-left:1.5em;
	margin-top:45px;

 }
 #Columna1Interior{
	
	width:200px;
	float:left;
	position:relative;
	left:1.5em;
	top:93px;

 }

*/

#Columna2 {
	
	
}


#Columna3 {
clear:both
	
}

#MenuAuxiliar{
display:none}

#MenuAuxiliar ul li a{
	
	color:#007CC2;
	font-size:0.95em;
}

#MenuAuxiliarDerecha{
display:none
	}

#BuscadorCabecera{
display:none
}

/*.......................... CONTENIDO CENTRAL PAGINAS INTERIORES ............................... */	

#ContenidoCentral {	


}


/*.................DOS COLUMNAS PAGINAS INTERIORES..............................*/

#ColumnaInteriorIzquierda {
	/*margin-left: 17em;*/
	
	/*list-style:1.5em;*/
	color:#666666;
	
}

#ColumnaInteriorDerecha {
	display:none;
	

}



/*.......................... PIE DE PAGINA ............................... */
	#footer {
	display:none}




/*...........obra social kutxa.............*/

/*.......................... MENU PRINCIPAL ............................... */

#MenuPrincipal{
	border:solid 3px #C8E7F9;
	margin-bottom:1.5em;
	width:174px;
	
	
	}
	
	

#MenuPrincipal ul li{
	font: 1.08em "Lucida Sans Unicode", Tahoma, Verdana;
	color:#666666;
	background: url('RayMenu.gif') repeat-x left bottom;
	padding-top:0.3em;
	padding-bottom:0.35em;
	margin-right: 0.55em;
	margin-left: 0.55em;
	/*border-bottom: dotted 1px #989898*/
	
}


#MenuPrincipal ul li a{
	background: url('cuadroMenu.gif') no-repeat 0em 0.3em;
	color:#666666;
	padding-left:1em;
	display:block;
	
}

/*Win IE browsers - hide from Mac IE\*/
* html #MenuPrincipal ul li a { height: 1%; }

/*End hide*/

#MenuPrincipal ul li.Responsabilidad{ padding:0.1em 0em;}
#MenuPrincipal ul li.Responsabilidad a{background:#ffffff; margin:0em; padding:0em;

}
/*.......................... MENU PRINCIPAL ACTIVO ............................... */

#MenuPrincipal ul li.MenuActivo{ 
	background: #007BC1 url('RayMenu.gif') repeat-x left bottom;
	padding-left:0.6em;
	padding-top:0.3em;
	padding-bottom:0.35em;
	color:#FFFFFF;
	margin-right: 0em;
	margin-left: 0em;}
#MenuPrincipal ul li.MenuActivo span{
	color:#FFFFFF;
	padding-left:1em;background: url('cuadroMenu.gif') no-repeat 0em 0.3em;
	}


/*.......................... ENCABEZADOS ............................... */

#Columna3 h3 {
	font:1.54em "Lucida Sans Unicode", Tahoma, Verdana;
	border-left:solid 4px #CCCCCC;
	padding-left:0.3em;
	color:#000000;
	margin:0.3em 0 0.3em 0.5em }
.TeOfrecemos h3{
	font:1.54em "Lucida Sans Unicode", Tahoma, Verdana;
	border-left:solid 4px #CCCCCC;
	padding-left:0.3em;
	color:#000000;
	margin:0.3em 0}
#Columna3 h4, .TeOfrecemos h4{
	font:1.15em "Lucida Sans Unicode", Tahoma, Verdana;
	color: #666666;
	padding-left:0.8em;
	padding-bottom:0.3em;}
#Columna3 ul{
	margin:0.6em 0;
	}
#Columna3 ul li{
	color:#007cc2;
	background: url('flecha.gif') no-repeat 0.9em 0.4em;
	padding-left:1.7em;
	padding-bottom:0.2em;
}

 #ColumnaInteriorIzquierda h4{
	font:1.54em "Lucida Sans Unicode", Tahoma, Verdana;
	padding-left:0.3em;
	color:#666666;
	margin:0.3em 0 1em 0}
#Columna3 img{
	margin-left:1px;}

/*.......................... NOTICIAS home ............................... */

#Noticias h3{ font:1.15em "Lucida Sans Unicode", Tahoma, Verdana;
	color:#007cc2;
	padding-bottom:0.3em;}
	
#Noticias h3 a{	color:#007cc2;}
	
#NoticiaDestacada h3{ font:1.31em/1.1em "Lucida Sans Unicode", Tahoma, Verdana;
	color:#007cc2;}
	
#NoticiaDestacada{
	border:solid 1px #CCCCCC;
	padding:0.8em;
	margin-bottom:1.5em;}

#NoticiaDestacada img{
	float:left;
	padding-right:1.5em;}
#Noticias a, #NoticiaDestacada a{color:#333333;
	text-decoration:none;}

.MasInfo{
	border: solid 1px #CCCCCC;
	background: url('Bullet2.gif') no-repeat 0.5em ;
	padding:0.2em 0.8em 0.3em 1.2em
}

/*.......................... DESTACADOS ............................... */

#DestacadosCentro{
	padding-top:2em;}
	
#DestacadosCentro h2{
	font:1.15em "Lucida Sans Unicode", Tahoma, Verdana;
	color:#666666;
	background:#EDF5F8;
	border-left:solid 6px #CCCCCC;
	padding-left:0.6em;
	padding-bottom:0.3em;
	padding-top:0.3em;}

.BordesDestacados{
	border:solid 1px #cccccc;
	padding-top:0.8em;
	padding-bottom:0.8em;
	margin-bottom:0.8em;
	}
	
.BordesDestacados img{
	border:solid 1px #cccccc;
	float:left;
	margin-top: 0.8em;
	margin-right: 0.8em;
	margin-left: 0.8em;
	}
	
.BordesDestacados ul{
	margin-top:0.8em;
	/**float:left;*/
	display:block;
	margin-left:8em;
	margin-right:0.5em;
	}
	
.BordesDestacados ul li{
	color:#007cc2;
	/*list-style: url(../img/flecha.gif) inside;	*/
	background: url('flecha.gif') no-repeat 0em 0.5em;
	padding-left:0.8em;
	padding-bottom:0.2em;
}
.BordesDestacados ul li a, .BordesDestacados dl a, #Columna3 a {color:#007cc2;}
.BordesDestacados dl{ color:#007cc2; display:block; float:left; margin-top:0.8em}

.BordesDestacados dt{ font-weight:bold; background: url('flecha.gif') no-repeat 0em 0.5em; padding-left:10px

}

.BordesDestacados dd{ margin:0; padding-left:15px}	
#DestacadosDerecha{
	padding-left:0.5em;
	padding-top:1.5em;
	padding-right:1em;}

#DestacadosIzquierda img{
	margin-bottom:1.15em;}
	
#DestacadosDerecha ul {
	list-style:none;
	margin:0px;
	padding: 1px 0px 0px;
	background: url('RayDestacadoDerechaArriba.gif') repeat-x top;
}
#DestacadosDerecha ul li {
	list-style:none;
	margin:0px;
	padding: 0px;
	color:#007CC2;
	font: bold 1.1em "Lucida Sans Unicode", Tahoma, Verdana;
	background: url('RayDestacadoDerecha.gif') repeat-x bottom;
}


/*..............ENLACES............*/
.EnlaceAzul{
	color:#007BC1;
	text-decoration:none;}
.EnlaceFlecha{
	color:#007BC1;
	text-decoration:none;
	font-weight:normal;
	
	background: url('flecha.gif') no-repeat 0em 0.5em;
	padding-left:0.8em;
	padding-bottom:0.2em;}
.EnlaceFlecha a{
	color:#007BC1;
	text-decoration:none;
	font-weight:normal;}
	 


	/*-------------------------GENERICOS------------------------*/


.TxtBold{
	font-weight:bold;
	color:#007cc2;}
.TxtPeq{
	font-size:0.85em;}
	
.FlotarDerecha{
	float:right}
.FlotarIzquierda{
	float:left}

.Frase{
	font: italic 1.5em Georgia, "Times New Roman", Times, serif;
	color:#666666}
	

.oculto{
	position:absolute; 
	left:-1500px; 
	top: -10%; 
	overflow:hidden; 
	font-size:0%; 
	line-height:0%;
}
.clear{
clear:both}

.Separador{

	padding:0em 0.4em;
	color:#999999}
	
.CentrarImagen{
	vertical-align:middle}
.Bordes{
	border:solid 1px #CCCCCC;
	padding:0.5em;
	margin-top:1em}

	
/*..............LISTAS..................*/	

ul.ListaSinMargen { margin-top:0.5em}

ul.ListaSinMargen li{ font-family:Tahoma, Verdana, Arial; color:#666666; background:url('flecha.gif') no-repeat 0 6px;

	padding-bottom:0.5em;
	list-style:square}
	
ul.ListaMargen { margin-top:0.5em; margin-left:1.5em}

ul.ListaMargen li{ font-family:Tahoma, Verdana, Arial; color:#666666; background:url('flecha.gif') no-repeat 0 6px;
	
	padding-bottom:0em;list-style:square}
	
.ListaMargen a, .ListaSinMargen a{color:#007CC2}	
.ListaLinea li{ 
	display:inline;}


.ListaDefinicionFlecha dt{
	font-family:Tahoma, Verdana, Arial; color:#666666; background:url('flecha.gif') no-repeat 0 6px;
	padding-left:1em;
	padding-bottom:0em;
	font-weight:bold;
	margin-top:1em;
	}
.ListaDefinicionFlecha dd{
	margin:0;
	background:url('Puntito.gif') no-repeat 1.2em 0.5em;
	padding-left:1.8em
}

/*.................FLASH.............*/
	
h2.flash {

	font:1.9em  "Lucida Sans Unicode", Tahoma, Verdana;
	font-weight:normal;
	color:#666666;
 }

 
h2.flashInterior {

	font:2.5em  "Lucida Sans Unicode", Tahoma, Verdana;
	font-weight:normal;
	color:#333333;
	margin:0px;
	padding:0px;
	

 }
 
 h2.flashInterior strong{font-weight:bold;}


/*....CABECERA.....*/

/* CSS Document */

/*.......................... CABECERA ............................... */
#Cabecera{
	clear:both;
	padding:0.5em 1.5em 0em; /*20px*/
	margin-bottom:2.5em;
	 }

#LogoCabecera{
	}
	

	
#BuscadorCabecera .input{
	border:solid 1px #CCCCCC;
	font:0.9em Tahoma, Verdana, Arial;
	margin:0em;
	padding:0.2em 0 0.1em 0;
	color:#666666;
	width:30%;
	}
	
#BuscadorCabecera form{
	margin:0em;
	padding:0em; display:none}

/*..........................menu superior............................... */
#MenuAuxiliar{
	display:none}

#MenuAuxiliar ul {
	margin-bottom:1em;}
	
#MenuAuxiliar ul li{
	display:inline;
	color:#999999;
}
#MenuAuxiliar ul li a{
color:#007CC2;

}
#MenuAuxiliar li
{
	border-left: 1px solid #999999;
	
	padding: 0 0.4em 0 0.4em;
	margin: 0 0.4em 0 -0.4em;
	display: block;
	float: left;
} 


/*Win IE browsers - hide from Mac IE\*/
* html #MenuAuxiliar { height: 1%; }

* html #MenuAuxiliar li
{
display: block;
float: left;
}

/*End hide*/
/*Mac IE 5*/



/*.......................... menu derecha ............................... */
	
#MenuAuxiliarDerecha{ display:none}
	
#MenuAuxiliarDerecha a{
	color:#007cc2;
}

/*..........................letra e idioma ............................... */

#Utilidades li{
	display: inline;
	color:#666666}
#Utilidades a{
	
	padding-left:5px;}
	
#Utilidades img{
	vertical-align:middle}
	
#MenuAuxiliarDerecha p{
	padding-bottom:1em}
.Contacto{
	background: url('contacto.gif') no-repeat 0em 0.4em;
	padding-left:1.5em;
	}
.Registro{
	background: url('registro.gif') no-repeat 0em 0.2em;
	padding-left:1.5em;}
.SeparadorCabecera{

	padding:0em 1px;
	color:#999999}
	
	
/*....TABS....*/
 #tabs {
  display:none;
      }
    #tabs ul {
	  margin:0;	  
	  position:relative;
	  padding:0;
	  list-style:none;
	background: url('RayPest.gif') repeat-x bottom right;
      }
    #tabs li {
      float:left;
      margin:1px 0px 0 0;
 	padding:0;
	  
	  

      }
    #tabs a {
      float:left;
      background:url('Tab_Left.gif') no-repeat left top;
      margin:0;
      padding:0 0 0 12px;
      text-decoration:none;
	  white-space:nowrap;
	  border-bottom: solid 1px #cccccc; 
	  color:#007CC2;

      }
    #tabs a span {
      float:left;
      display:block;
      background:url('Tab_Right.gif') no-repeat right top;
      padding:4px 10px 5px 4px;
      color:#666;
	 
	
      }
 
	
	#tabs li.Activo {
		float:left;
      background:url('TabActivo_Left.gif') no-repeat left top;
    margin:1px 2px 0px 0px;
      padding:0px 0px 0px 12px;
      text-decoration:none;
	  white-space:nowrap;
	 border-bottom: 1px solid #ffffff !important;
	  
 
      }
    #tabs li.Activo span {
      float:left;
      display:block;
      background: url('TabActivo_Right.gif') no-repeat right top;
      padding:4px 10px 5px 4px;
      color:#666666;

      }

   /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span , #tabs .Activo span {float:none;}
    /* End IE5-Mac hack */
	/*Win IE browsers - hide from Mac IE\*/
	* html #tabs , * html #subnav { height: 1%; }

/*End hide*/
	  
/*--------submenu-----*/
#subnav {
display:none
	
	}
#subnav ul {
	width:100%;
	margin:auto;
	text-align:center;

}
	
	

#subnav li   {

	display: inline;
	margin:auto;
	text-align:center;
	padding: 0 5px;
	color:#017CC2;
	border-bottom: none;
	border-left: 1px solid #999999;

	
}
#subnav li#first {

	display: inline;
	margin:auto;
	text-align:center;
	padding: 0 5px;
	color:#017CC2;
	border-bottom: none;
	border-left: none;

	
}

#subnav li a {
	color:#007CC2;
	text-decoration:none;
	padding:0 5px;
	background:none;
	

}
#subnav li.subActivo span {
	background:#007CC2;
	color:#FFF;
	margin-left: 5px;
	margin-right: 5px;
	padding:0 5px
	

	}





/*...NAVEGACINO 3 NIVEL...*/

#Navegacion3nivel ul{
	margin-top:15px;
	height:1%;
	width:100%;
	
	position:relative;
	float:left

	}
#Navegacion3nivel ul li{
	display:inline;
	float:left;
	white-space:nowrap

	
	}

#Navegacion3nivel ul li a{color:#007CC2;border-bottom:solid 1px #C8E7F9;
	border-right:solid 1px #C8E7F9;
	border-top:solid 1px #C8E7F9;
	border-left:solid 4px #C8E7F9;
	background:#FFFFFF url('Menu_3nivel.gif') no-repeat 10px 7px;
	padding:2px 8px 2px 20px;
	margin-right:10px; 
	margin-bottom:10px;
	display:block;
	
	
}

html>/**/body #Navegacion3nivel ul li a{	background:#FFFFFF url('Menu_3nivel.gif') no-repeat 8px 6px;}
#Navegacion3nivel ul li.Activado{ 
background:#007CC2 url('Menu_3nivel.gif') no-repeat 10px 6px;
color:#ffffff;
border-right:solid 1px #C8E7F9;
	border-top:solid 1px #C8E7F9;
	border-left:solid 4px #C8E7F9;
	padding:2px 8px 2px 25px;margin-right:10px;
	white-space:nowrap;
	margin-bottom:10px;
	}

html>/**/body #Navegacion3nivel ul li.Activado{	background:#007CC2 url('Menu_3nivel.gif') no-repeat 8px 6px;}

/*...CONTENIDO-.....*/

/* CSS Document */


/*-------------------------MIGA DE PAN------------------------*/
#MigaPan{
display:none
}
#MigaPan ol li{ 
	display:inline; float:left;
	font-size:0.85em; 
	color:#000000; 
	padding-right:0.3em;
}
#MigaPan ol li a{
	color:#017CC2; 
	text-decoration:none;
	background:url('MigaPan.gif')  right center no-repeat; ; 
	padding-right:1.1em;
	display:block;
}


/*Win IE browsers - hide from Mac IE\*/
* html #MigaPan { display:none }

/*End hide*/


#ContenidoCentral {
	color:#666666;
}
#BordesCentro {
	border: 1px solid #CCCCCC;

	/*padding: 1em 1.5em 0 1.5em;*/
	padding-top:1.5em;
	color:#666666;
	font-family:Tahoma, Verdana, Arial;



}
#BordesCentro p {
	margin-bottom:1em;
	margin-top:1em;
}
.MargenesCentro{
	padding: 0em 1.5em;
}
#ColumnaInteriorIzquierda p{
	margin-bottom:1em;
}


/*....................TEXTO DESTACADO EN PESTAÑAS...............................*/

#BordesCentro p.Destacado{

	margin-bottom:0em;
	margin-top:0em;
} 

.Destacado{	font:1.15em "Lucida Sans Unicode", Tahoma, Verdana;
	color:#666666;}

#BordesCentro .h3Gris, .h3Gris{
	background:#333333;
	color:#FFFFFF;
	margin:0px ;
	padding:2px 0px 2px 10px ;
	font: bold 1.1em "Lucida Sans Unicode", Tahoma, Verdana;
	border-top:#ffffff solid 1px
}
#BordesCentro h3, #ContenidoCentral h3{
	font:1.54em "Lucida Sans Unicode", Tahoma, Verdana; 
	margin:1em 0 0.3em 0}
	

/*........LINEAS DIVISION..............*/

	/*...azul...*/
div.hr {  height:3px; background:#C9DBE7; margin:0em 0em 2px 0em; } 
div.hr hr { display: none; }
	/*...gris...*/
div.hrGris {  height:2px; background:#CEcEcE; margin:0em 0em 1px 0em; } 
div.hrGris hr { display: none; }
	/*...puntos...*/
div.hrPuntos {  height:1px; background:  url('RayMenu.gif') repeat-x bottom left; margin:0.3em 0em 0.5em 0em; } 
div.hrPuntos hr { display: none; }


/*........CUADRO AZUL EN PESTAÑAS..............*/

#DestacadoAzul{
	background:#EDF5F8 url('fnKutxa.gif') no-repeat right top;
	padding:1em 3em 1em 1em;
	/*clear:both;*/
	margin-bottom: 1em ;
	
}

	
#DestacadoAzul img, #DestacadoAzulSinLogo img{
	float:left;
	border: #C8E7F9 solid 5px;
 }


#DestacadoAzulSinLogo{
	background:#EDF5F8 ;
	padding:1em 3em 1em 1em;
	/*clear:both;*/
	margin-bottom: 1em ;
	
}


/*.........BLOQUE TEXTOS PESTAÑAS Dependera del tamaño de la imagen...............*/
	
.ColumnaTextos1{
	margin-left: 195px;
	/*margin-left: 15em;*/
	height: 1%

}

.ColumnaTextos2{
	margin-left: 208px;
	/*margin-left: 16em;*/
	padding-bottom:2em;
	height: 1% /* Holly hack for Peekaboo Bug */

}	


.ColumnaTextos3{
	margin-left: 240px;
	/*margin-left: 21em;*/
	padding-bottom:2em;
	padding-right:1em;
	height: 1%
}	

.ColumnaTextos4{
	margin-left: 286px;
	/*margin-left: 22em;*/
	padding-bottom:2em;
	height: 1%

}	

.ColumnaTextos5{
	margin-left: 325px;
	/*margin-left: 25em;*/
	padding-bottom:2em;
	height: 1%

}	

.ColumnaTextos6{
	margin-left: 247px;
	/*margin-left: 19em;*/
	padding-bottom:2em;
	height: 1%

}	

.FlotarImagenIzquierda{
	float:left;
	padding-right:2em}
	


	
#TextosCentrales {clear:both; }



.BordeImagen{
	border: #C8E7F9 solid 5px;}
	
.BordeImagenGris{
	border: #CEcEcE solid 1px;
	padding:1em}

.fGris{
	background:#F5F5F5;
	margin:0 0 2em 0;
	padding:1em
}


/*..............CONOCENOS..........*/

#ConocenosIzq{ }
#ConocenosDch{}
.FotoConocenos{
background:url('Conoce-Obra-Social-kutxa.jpg') top center no-repeat;
}

/*...........KUTXAZABAL ZENTROA....................*/
#KutxaZabalIzq{
	}
#KutxaZabalDch{
	}
.KutxaZabal_Columna1{}
.KutxaZabal_Columna2{}

.FotoKutxaZabal{
}
/*..............INVESTIGACION...........*/
#Investigacion{
	background:#EDF5F8 url('RayInvestigacion.gif') no-repeat bottom left;
	padding:1em 1.5em 1em 0;
	}
#Investigacion img{
	margin-left:4em; 
	float:left; 
	
}
#Investigacion2{
	background:#EDF5F8;

	}

/*........SOLIDARIDAD........*/

#Solidaridad{
	background: url('fnSolidaridad.gif') repeat-x top left;
	margin-left:242px;
	color:#343434;
	height: 1%
	/*padding:0 1.5em*/}

#SolidaridadBlanco{
	background:#FFFFFF url('fnSombra.jpg') no-repeat left top;
	color:#666666;
	margin-right:2em;
	padding-left:1.5em;
	border-top: solid 3px #007CC2}
#KutxaZeharo{

	background:url('fnkutxa-Zeharo.jpg') no-repeat left top;
	padding:15px 0 10px 1.5em}


/*...............CONTACTO........................*/

.ContactoForm {
	margin-left: 300px;
	/*margin-left: 25em;*/height: 1%
	}
.ContactoForm  p{
	margin-bottom:1em;
	margin-top:1em;}
.BordesContacto{
	border:solid 1px #CCCCCC;
	padding:0.5em;
}
#Login{ margin-top:2em}
.Login{
	border:solid 1px #CCCCCC;
	margin-left: 300px;
	
	padding:1em 0.5em 0em 0.5em


	}
.Login form{ margin-bottom:60px}
.Login div{ text-align:right; padding:0; margin:0}

/*...............PREGUNTAS FRECUENTES...........*/
#PreguntasFrecuentes h3{
	font: 1.15em "Lucida Sans Unicode", Tahoma, Verdana;
	margin:0.5em 0}

/*..................TE OFRECEMOS.....................*/


#TeOfrecemos h3{
	font:1.9em "Lucida Sans Unicode", Tahoma, Verdana;
	margin:0.5em 0
}
#ColumnaInteriorIzquierda #TeOfrecemos h4{
	border: solid 1px #CECECE;
	padding:0.2em 0.5em;
	margin:0.8em 0 
}
#ColumnaInteriorIzquierda #TeOfrecemos h5{
	font:1.2em "Lucida Sans Unicode", Tahoma, Verdana;
	border: solid 1px #CECECE;
	padding:0.2em 0.5em;
	margin:1em 0
}
.TeOfrecemos{
	border-top: solid 6px #CECECE;
	border-right: solid 1px #CECECE;
	border-left: solid 1px #CECECE;
	border-bottom: solid 1px #CECECE;
	padding:0.5em 0.5em 0.5em 1em;
	margin-bottom:1.5em
}

.TeOfrecemos ul li{
	color:#007cc2;
	background: url('flecha.gif') no-repeat 0em 0.5em;
	padding-left:1em;
	padding-bottom:0.2em;
	
}
.TeOfrecemos ul li a{color:#007CC2;}

/*........CABECERAS TE OFRECEMOS..............*/
div#Mayores {
	display:none;
}
div#Mayores #left{
	width: 181px;
	height: 150px;
	background: url('Mayores-Left.gif') no-repeat left top;
	text-indent: -30000px;
	position: absolute;
	top: 0;
	left: 0;}
div#Mayores #right {
	width: 30px;
	height: 150px;
	background: url('Mayores-Right.gif') no-repeat right top;
	position: absolute;
	top: 0;
	right: 0;
}

div#Jovenes {
display:none;
	
}
div#Jovenes #left{width: 181px;
	height: 150px;
	background: url('left.gif') no-repeat left top;
	text-indent: -30000px;
	position: absolute;
	top: 0;
	left: 0;}
div#Jovenes #right {
	width: 30px;
	height: 150px;
	background: url('right.gif') no-repeat right top;
	position: absolute;
	top: 0;
	right: 0;
}

div#Infancia {
	display:none;
	
	
}
div#Infancia #left{
	width: 181px;
	height: 150px;
	background: url('Infancia-Left.gif') no-repeat left top;
	text-indent: -30000px;
	position: absolute;
	top: 0;
	left: 0;}
div#Infancia #right {
	width: 30px;
	height: 150px;
	background: url('Infancia-Right.gif') no-repeat right top;
	position: absolute;
	top: 0;
	right: 0;
}

div#ParaTodos {
display:none;
	
	
}
div#ParaTodos #left{
	width: 181px;
	height: 150px;
	background: url('ParaTodos-Left.gif') no-repeat left top;
	text-indent: -30000px;
	position: absolute;
	top: 0;
	left: 0;}
div#ParaTodos #right {
	width: 30px;
	height: 150px;
	background: url('ParaTodos-Right.gif') no-repeat right top;
	position: absolute;
	top: 0;
	right: 0;
}

div#CentrosEnsenyanza {
display:none;
	
	
}
div#CentrosEnsenyanza #left{width: 181px;
	height: 150px;
	background: url('Centros-Ensenyanza-Left.gif') no-repeat left top;
	text-indent: -30000px;
	position: absolute;
	top: 0;
	left: 0;}
div#CentrosEnsenyanza #right {
	width: 30px;
	height: 150px;
	background: url('Centros-Ensenyanza-Right.gif') no-repeat right top;
	position: absolute;
	top: 0;
	right: 0;
}
/*...............ACCIONES.........................*/

#AccionesBottom{
display:none

}

#AccionesBottom p {
	margin:0em;

}
#ImprimirDerecha{ 
	float:right;
	
}


.Imprimir, #ImprimirDerecha a{
	background:#F0EEEF url('Imprimir.gif') no-repeat 10px 6px;
	padding:0.3em 1em 0.2em 30px;
	color:#007CC4;
	line-height:2em;
	display:none;
}
	
	
.Enviar{
	background:#EEEEEE url('Enviar.gif') no-repeat 5px 8px;
	color:#007CC4;
	padding:0.3em 1em 0.5em 2em;
	margin-right:1em;
	line-height:2em;}


#VolverDerecha{
	
	float:left
	
}

.Volver a, #VolverDerecha a{
	background:#F0EEEF url('Volver.gif') no-repeat 7px 6px;
	color:#007CC4;
	padding: 4px 10px 4px 20px;
	line-height:2em;}

.Pdf{
	background:url('Pdf.gif') no-repeat;
	color:#007CC2;
	padding-left:1.8em}
	
.PdfGrande{float:left; clear:left; margin-right:1em

}
.Mas{ 
	background:#F0EEEF url('mas.gif') no-repeat 8px 6px;
	padding: 2px 0px 2px 25px;
	clear:both;
	width:12em;
	margin-top:2em;

}
.Mas a{color:#007CC4; text-decoration:none}

.Arriba{

	display:none;
	}

.Registrarse {
background:#F0EEEF url('registrarse.gif') no-repeat 8px 7px;
	color:#007CC4;
	padding: 4px 10px 4px 25px;
	line-height:2em;

	}
	
.RecordarContrasenya {
background:#F0EEEF url('Recordar-Contrasenya.gif') no-repeat 8px 7px;
	color:#007CC4;
	padding: 4px 10px 4px 25px;
	line-height:2em;

	}


/*........ALBUM FOTOS......*/
#AlbumFotos{	
	margin-left: 200px;
	padding-bottom:2em;
	height: 1%}

.AlbumDestacado{
	float:left;
	border: solid 1px #CCCCCC;
	padding:0.8em 0.8em 2em 0.8em;
	margin:1em 0.9em 0.5em 0;
	width:130px
	}
.AlbumDestacado img{
	border: solid 5px #CECECE
	}
.AlbumDestacado p{
	text-align:center; 
	margin-bottom:0.5em }
.AlbumDestacado a{
	color:#017CC2;
	font-size:0.85em;
	}
#DatosAlbum{
	border: solid 1px #CCCCCC;
	margin-top:1.5em}
#DatosAlbum h3{
	background:#EDF5F8;
	font-size:1.2em;
	padding-left:1em;
	margin-top:0.5em}
#DatosAlbum dl{ margin-left:1em}
#DatosAlbum dt{ 
	font-weight:bold; 
	float:left;

	background:url('flecha.gif') no-repeat 0 6px;
	padding-left:1em;
	line-height:1.5em;
	padding-right:0.3em
	
	}
#DatosAlbum dd{

	line-height:1.5em}
	
.FotoGrande{
	
	border: solid 1px #CCCCCC;
	padding:0.8em 0.8em 0em 0.8em;
	margin:1em auto;
	text-align:center;
	float:none;
	width:400px;
	
	}
.FotoGrande img{ float:none; margin-bottom:0.5em;  margin-right:0}

#Thumbnails img{ margin:0.3em 0.6em 0.3em 0;border: solid 1px #CECECE; padding:0.5em}

/*.....FOTOTECA......*/


#ExposicionDestacada{border: solid 1px #CCCCCC; width:90%; background:#FFFFFF; padding:10px; }
#ExposicionDestacada img{ border:solid 4px #CCCCCC; margin-right:10px;  }
#ExposicionDestacada div{ float:left; width:65%}
#ExposicionDestacada h3{ color:#6C6E70; font: bold 0.85em Tahoma, Verdana, Arial}
#ExposicionDestacada h4{ color:#007CC2; font: bold 1.1em "Lucida Sans Unicode", Tahoma, Verdana; }
#ExposicionDestacada p{margin-top:0}
#ExposicionDestacada h4 a{color:#007CC2;}
#ExposicionDestacada p a{color:#666666}

#Fototeca{
border: solid 1px #CCCCCC;
	padding:0.8em 0.8em 0em 0.8em;
	margin:1em auto;

}
#Fototeca h3{color:#666666; font:  1.2em "Lucida Sans Unicode", Tahoma, Verdana; margin:0 0 5px 0}
#Fototeca .Imagen{
width:425px;
margin-right:10px;
float:left
}
#FondoFototeca{
background:#F5F5F5 url('cultura_fototeca_venta-foto2.jpg') no-repeat right top;
margin:0px;
padding:2px

}
.LeyendaFotos{
	background:#F5F5F5;
	float:left;
	width:35%;
	height:279px
	
	}
	
.FormatoDigital{ 
background:#333333 url('Formato-Digital.jpg') no-repeat top right;
padding-top:100px;
	font:1.2em "Lucida Sans Unicode", Tahoma, Verdana;
}
.FormatoCD{ 
background:#333333 url('Formato-CD.jpg') no-repeat top center;
padding-top:100px;
	font:1.2em "Lucida Sans Unicode", Tahoma, Verdana;}
	.FormatoPapel{ 
background:#333333 url('Formato-papel.jpg') no-repeat  top center;
padding-top:100px;
	font:1.2em "Lucida Sans Unicode", Tahoma, Verdana;
	padding-bottom:20px}
.BordesTabla{

background:#333333;
text-align:center}

.BordesTabla td{background:#ffffff;}
.Tabla1{
float:left;
width:32%;
}
/*...........MAPA WEB.......*/
#MapaWeb1{
}
#MapaWeb2{
	}
#MapaWeb3{
	}
.MapaWebBordes{
	border: solid 1px #CECECE;
	background: url('fnMapaWeb.jpg') repeat-x top left;
	padding:10px;
	margin-bottom:10px}
.MapaWebBordesFijos{
	border: solid 1px #CECECE;
	padding:10px;
	margin-bottom:10px}
.BlancoMapaWeb{ background:#FFFFFF; padding:1em 0em}
#ContenidoCentral .MapaWebBordes h3{
	padding:0;
	font:bold 1.1em "Lucida Sans Unicode", Tahoma, Verdana; 
	margin:0.5em 0 ;
	color:#666666}
#ContenidoCentral .MapaWebBordesFijos h3{
	background:#007CC2;
	font:bold 1.1em "Lucida Sans Unicode", Tahoma, Verdana; 
	margin:0 0 0.5em 0 ;
	color:#ffffff;
	padding-left:1em}
	
 .MapaWebBordesFijos ol{
	
	padding-left:15px;}
	


.MapaWebBordes li, .MapaWebBordesFijos li
{
	background: url('Flecha-MapaWeb.gif') no-repeat left 2px;
	padding-left:15px;
	font-size:0.85em;
	margin-bottom:3px;
	color:#027DC3}
.MapaWebBordes ol li ol li, .MapaWebBordesFijos ol li ol li{
	background: url('Flecha2-MapaWeb.gif') no-repeat left 3px;
	padding-left:25px;
	font-size:1em}
.MapaWebBordes ol li ol li ol li, .MapaWebBordes ol li ol li ol li{
	background: url('Flecha3-MapaWeb.gif') no-repeat 15px 5px;
	padding-left:22px;
	font-size:1em}
.MapaWebBordes li a, .MapaWebBordesFijos li a {
	color:#027DC3}
/*...IMAGENES MAPA WEB...*/
.ImagenMapaWeb{display:none;}

/*.....ACCESIBILIDAD.....*/
#Accesibilidad dt{
	font-family:Tahoma, Verdana, Arial; color:#666666; background:url('flecha.gif') no-repeat 10px 6px;
	padding-left:20px;
	padding-bottom:0em;
	font-weight:bold;
	margin-top:1em;
	}
#Accesibilidad dd{
	margin:0;
	
	padding-left:20px
}

#Accesibilidad .AccesibilidadSin dt{
	font-family:Tahoma, Verdana, Arial; color:#666666; background:none ;
	padding-left:20px;
	padding-bottom:0em;
	font-weight:normal;
	margin-top:1em;
	}
#Accesibilidad .AccesibilidadSin dd{
	margin:0;
	
	padding-left:40px;
	padding-top:10px
}



.LogosAccesibilidad{
margin:1em 0}
kbd{
background:#EDEDED;
border-top: solid 1px #CECECE;
border-bottom: solid 2px #CECECE;
border-right: solid 2px #CECECE;
border-left: solid 2px #CECECE;
padding:0px 5px;

}
.NoDoc{
	font:1.5em "Lucida Sans Unicode", Tahoma, Verdana;
	
	padding:2em 5em;text-align:center; 
	
	}
.NoDoc p{
background:url('warning.gif') no-repeat left top; display:block }


/* .....CURSOS KUTXAZABAL ..... */	

.BordesCursos{
	border:solid 1px #CCCCCC;
	
	margin-top:1em;
	padding: 0.5em 1.5em;}
.Inscripcion{
	background:url('inscripcion.jpg') no-repeat left top;
	padding:2em 0 2em 70px}
.trigger { 
	color:#007CC2;
	margin:0.5em 0 ;
	padding-left:20px;
	background: url('FlechaCursos.gif') no-repeat left 3px;
	border:none
	

}

.triggerActivo{ 
	color:#666666;
	font-weight:bold;
	font-size:1.1em;
	margin:0.5em 0 ;
	padding-left:20px;
	background: url('FlechaCursos_Des.gif') no-repeat left 3px;
}

.triggerhover { 

	
	cursor:pointer; 
	margin:0.5em 0 ;
	padding-left:20px;
	background:#EFEFEF url('FlechaCursos.gif') no-repeat left 3px;

}

.triggerexpanded { 
	
	color:#666666;
	font-weight:bold;
	font-size:1.1em;
	margin:0.5em 0 ;
	padding-left:20px;
	background: url('FlechaCursos_Des.gif') no-repeat left 3px;
}
			
.elementnormal { position:static; left:0; margin-bottom:15px; margin-top:0px; padding-bottom:1px; }
.elementcollapsed { position:absolute; left:-999em; top:0;	height:1px; }
			
/*....NOTICIAS....*/
/* CSS Document */

/*..........CAJA GRIS NOTICIAS HEMEROTECA Y BUSCADOR..............*/

.CajaGrisNoticias{
	background:#F5F5F5;
	margin:0 0 2em 0;
	padding:1em;
	line-height:1.5em;}
.CajaGrisNoticias a{
	font-weight:bold;
	color:#007CC2;}
.CajaGrisNoticias ul {
	margin-bottom:0.5em;}
.CajaGrisNoticias li{
	display:inline}
.CajaGris dd{ display:inline}


.h3Gris2{
	background:#333333;
	color:#FFFFFF;
	margin:0px;
	padding:2px 0px 2px 10px ;
	font-weight:normal;
	border-top:#ffffff solid 1px
}
.h4CajaGris{
	font:1.15em "Lucida Sans Unicode", Tahoma, Verdana;
	padding:0.5em 0 }
	
/*........RESULTADOS.............*/	

#Resultados {
	color:#666666
}
#Resultados a{
	color:#017DC3;
}
#Resultados dl{
	margin:0.5em 0;
	padding:0;}
#Resultados dt{
	font:1.15em "Lucida Sans Unicode", Tahoma, Verdana;
	color:#007CC2;
	margin-bottom:0.5em;
}
#Resultados dt span{
	color:#666666;

}
#Resultados dd{ margin:0.5em 0; padding:0}
.Fecha{
	background:url('calendario.gif') no-repeat left center;
	padding-left:1.5em;
	font-size:0.85em
}
#Resultados dd.ResultadosMigaPan{
	border: solid 1px #DFDFDF;
	font-size:0.8em;
	color:#000000;
	padding:0.8em 1em 0.8em 1em;
	margin-bottom:3em;
	




}
#Resultados ol li{ 
	display:inline; 
	float:left;	
	color:#000000; 
	padding-right:0.5em;
}
#Resultados ol li a{
	color:#017CC2; 
	text-decoration:none;
	background:url('MigaPan.gif')  right center no-repeat; 
	padding-right:1.1em;
	display:block;
}

/*........PAGINACION............*/

.Paginacion{
display:none;

	}
.Paginacion a{
	color:#017DC3;
	padding-left:0.5em}


.paginado_tres_col_1 {
	width: 20%;
	float:left
	/*
	width: 20%;
	position:absolute;
	left:225px;
	top:21em;
	text-align: left;*/
}
.paginado_tres_col_2 {
	
	
	text-align: center;
	margin:0em 8em;
}
.paginado_tres_col_3 {
	
	float:right

}

.anterior{
	background: url('anterior.gif') no-repeat 1em 5px;
	font-weight:normal;
	padding-left:2em}
.siguiente
{
	background: url('siguiente.gif') no-repeat right 5px;
	font-weight:normal;
	text-align:right;
	padding-right:1.5em;
	}
.PagActivo{
	background:#565656;
	color:#FFFFFF;
	padding:0 0.5em
}

#Resultados .Paginacion ol li, .Paginacion ol li{ 
	display:inline; 
	float: none;	
	color:#000000; 
	padding-right:0em;

}
#Resultados .Paginacion ol li a, .Paginacion ol li a{
	color:#017CC2; 
	text-decoration:none;
	background:none; 
	padding-right:0.5em;
	display: inline;
	margin:0
}
/*........FORM.....*/
/* CSS Document */

	
/*.................FORMULARIOS..............................*/


#Formulario{padding-bottom:1em;}
#Formulario fieldset{border:none; padding:0; margin-top:1em; }
#Formulario legend{
	font:1.2em "Lucida Sans Unicode", Tahoma, Verdana; 
	color:#000000; 
	text-transform:uppercase; 
	background:url('fnLegend.gif') no-repeat 8px 6px;
	padding-left:30px;
	padding-bottom:0.5em;
	}
*:first-child+html #Formulario legend {background:url('fnLegend.gif') no-repeat 0px 6px;padding-left:20px;} /*xa  IE7*/
* html #Formulario legend {
font:1.2em "Lucida Sans Unicode", Tahoma, Verdana; 

	background:url('fnLegend.gif') no-repeat 0px 6px;
	padding-left:20px;
	} /*xa IE6*/
#Formulario label{ font-weight:bold}
#Formulario label.LabelNormal{ font-weight:normal}
#Formulario form dl{ 
	width:98%; 
	font-weight:bold }
#Formulario form dt{ 
	
	margin:0px; 
	padding:0px 0px 0px 10px; }
#Formulario.ContactoForm  form dt{ 
	float:left; 
	width:15%; 
	margin:0px; 
	padding:0px 0px 0px 10px; }
#Formulario form dd{  margin:0px; padding:0px 1% 6px 0px; }
#Formulario form textarea, input, select{ border:solid 1px #cccccc;   vertical-align:middle; margin-left:0; margin-right:0px;color:#666666 }

.Aviso{ background:#FEFF99 url('fnAviso.gif') no-repeat 5px 7px; border:solid 1px #cccccc; padding:4px 0 2px 20px; font-size:0.85em}
.Amarillo{ background:#FEFF99 ;padding:2px; font-size:0.85em}
.Obligatorio{ color:#FC0001}
#Formulario li.columnas{ float: left; margin-left:0.5em; margin-right:0.5em;  margin-bottom:1em;}
* html #Formulario li.columnas{ margin-left:0.3em;}
#Formulario li label{ width:17%; }
#Formulario p{
margin-left:0.5em;
margin-bottom:0.5em}
#Formulario .localizacion{
float:left;
width:60%;
margin-bottom:1em
}
#Formulario .seguridad{
float:left;
width:35%;
}

/*..........BOTONES FORMULARIO...............*/
#Formulario input.BotonEnviar{ background: #ffffff url('Enviar3.gif') no-repeat 3px;
	border: solid 1px #000000;
	padding-left:10px;
	color:#000000;
	font:0.85em Tahoma, Verdana, Arial}
#Formulario input.BotonCancelar{ background: #ffffff url('Cancelar2.gif') no-repeat 3px;
	border: solid 1px #000000;
	padding-left:6px;
	color:#000000;
	font:0.85em Tahoma, Verdana, Arial}
#Formulario input.BotonAceptar{ background: #ffffff url('aceptar2.gif') no-repeat 3px;
	border: solid 1px #000000;
	padding-left:8px;
	color:#000000;
	font:0.85em Tahoma, Verdana, Arial}
#Formulario input.BotonBorrar{ background: #ffffff url('borrar.gif') no-repeat 3px;
	border: solid 1px #000000;
	padding-left:8px;
	color:#000000;
	font:0.85em Tahoma, Verdana, Arial}
input.BotonBuscar{ background: #ffffff url('lupa.gif') no-repeat 3px;
	border: solid 1px #000000;
	padding-left:10px;
	color:#000000;
	font:0.85em Tahoma, Verdana, Arial}
input.BotonBuscarArriba{ background: #ffffff url('lupa.gif') no-repeat 3px;
	border: solid 1px #cccccc;
	padding-left:10px;
	color:#000000;
	font:0.85em Tahoma, Verdana, Arial}
html>/**/body  #Formulario input.BotonEnviar{padding-left:15px} 
html>/**/body  #Formulario input.BotonCancelar{padding-left:15px}
html>/**/body  #Formulario input.BotonAceptar{padding-left:15px}
html>/**/body  #Formulario input.BotonBorrar{padding-left:15px}
html>/**/body  input.BotonBuscar{padding-left:18px}
html>/**/body  input.BotonBuscarArriba{padding-left:18px}


/*HACKS*/

/* CSS Document */

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