/* CSS Document */


/*-------------------------MIGA DE PAN------------------------*/
#MigaPan{
	position:absolute;
	top:140px;
	left:1.5em;
	width:95%;
	clear:both;
	background:url('MigaPanRay.gif') top left repeat-x;
	padding:4px 0 7px 5px;
	height:22px
	/*padding:0.3em 0em 0.9em 0.8em;*/
}
#MigaPan ul li{ 
	display:inline; float:left;
	font-size:0.85em; 
	color:#000000; 
	padding-right:0.3em;
}

#MigaPan ul 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\*/

/*End hide*/


#ContenidoCentral {
	color:#666666;
}
#BordesCentro {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	/*padding: 1em 1.5em 0 1.5em;*/
	padding-top:1.5em;
	color:#666666;
	font-family:Tahoma, Verdana, Arial;

}

#BordesCentro img{
border:none}

#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:0.5em 2em 0.5em 0.5em}
	


	
#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{ float:left; width:45%; margin-right:3em}
#ConocenosDch{float:left;width:43%}
.FotoConocenos{
background:url('Conoce-Obra-Social-kutxa.jpg') top center no-repeat;
height:273px}

/*...........KUTXAZABAL ZENTROA....................*/
#KutxaZabalIzq{
	width:65%; 
	float: left}
#KutxaZabalDch{
	width:30%; 
	float:right}
.KutxaZabal_Columna1{float:left; width:45%}
.KutxaZabal_Columna2{float:right; width:45%}
.Foto1{background:url('kutxaZabal-Zentroa1.jpg') no-repeat right bottom; height:200px}
.Foto2{background:url('kutxaZabal-Zentroa2.jpg') no-repeat center bottom; height:200px}
.Foto3{background:url('kutxaZabal-Zentroa3.jpg') no-repeat center bottom; height:200px}
.FotoKutxaZabal{
background: url('Cursos-kutxazabal2.jpg') top center no-repeat;
height:327px}
/*..............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: 25em;*/height: 1%;
	
	width:50%;
	float:left;
	margin-left:2em
	}
.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;
    color:#007BC1
}

#ColumnaInteriorIzquierda #TeOfrecemos h4{
 
                padding:0.2em 0.5em;
                margin:0.8em 0 ;
                background:url('fondoTeOfrecemos.jpg') repeat-x left top;
                border:solid 1px #C8E7F9; color:#000 !important
}
 
.DestacadoTeOfrecemos{color:#77B43D; font-weight:bold}
#ColumnaInteriorIzquierda #TeOfrecemos h5{
font:bold 1.1em "Lucida Sans Unicode", Tahoma, Verdana;
border-bottom: solid 1px #CECECE;
padding:0;
margin:1em 0;
color: #007CC2;
}
 
 
.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{ margin-top:0.5em; margin-left:1.5em}

#TeOfrecemos ul li{
	
	font-family:Tahoma, Verdana, Arial; color:#666666; 
	background:url('flecha.gif') no-repeat 0 6px;
	padding-left:1em;
	padding-bottom:0.4em
	
}



.TeOfrecemos ul li{
	color:#666666;
	background: url('flecha.gif') no-repeat 0em 0.5em;
	padding-left:1em;
	padding-bottom:0.2em;
	
}
.TeOfrecemos ul li a,  #TeOfrecemos  a{color:#007CC2;}
#TeOfrecemos ol{ list-style-type:decimal; margin-top:0.5em; margin-left:2.5em} 
* html #TeOfrecemos ol{margin-left:3em} 
* html #TeOfrecemos ol li{margin-left:2em} 
#TeOfrecemos ol li{padding-bottom:1em} 
  
#TeOfrecemos .FlotarIzquierda{ margin-right:10px; margin-bottom:10px} 
#TeOfrecemos .FlotarDerecha { margin-left:10px; margin-bottom:10px }

/*........CABECERAS TE OFRECEMOS..............*/
div#Mayores, div#MayoresEU {
	/*width: 80%;*/
	width:100%;
	height: 150px;
	background: url('mayores.jpg') no-repeat 70% top;
	position: relative;

}
div#Mayores #left, div#MayoresEU #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 #left{
	background: url('Mayores-Left.gif') no-repeat left top;
	}	
div#MayoresEU #left{
	background: url('Mayores-Left_EU.gif') no-repeat left top;
	}	
div#Mayores #right, div#MayoresEU #right {
	width: 30px;
	height: 150px;
	background: url('Mayores-Right.gif') no-repeat right top;
	position: absolute;
	top: 0;
	right: 0;
}

div#Jovenes, div#JovenesEU {
	width:100%;
	height: 150px;
	background: url('jovenes.jpg') no-repeat 70% top;
	position: relative;
	
}
div#Jovenes #left, div#JovenesEU #left{
	width: 181px;
	height: 150px;
	text-indent: -30000px;
	position: absolute;
	top: 0;
	left: 0;}
div#Jovenes #left{
	background: url('left.gif') no-repeat left top;
	}
div#JovenesEU #left{
	background: url('Jovenes_EU.gif') no-repeat left top;
	}
div#Jovenes #right, div#JovenesEU #right {
	width: 30px;
	height: 150px;
	background: url('right.gif') no-repeat right top;
	position: absolute;
	top: 0;
	right: 0;
}

div#Infancia, div#InfanciaEU {
	width:100%;
	height: 150px;
	background: url('Infancia.jpg') no-repeat 70% top;
	position: relative;

}
div#Infancia #left, div#InfanciaEU #left{
	width: 181px;
	height: 150px;
	text-indent: -30000px;
	position: absolute;
	top: 0;
	left: 0;
	}

div#Infancia #left{
	background: url('Infancia-Left.gif') no-repeat left top;
	}
div#InfanciaEU #left{
	
	background: url('Infancia-Left_EU.gif') no-repeat left top;
	}
	
div#Infancia #right, div#InfanciaEU #right {
	width: 30px;
	height: 150px;
	background: url('Infancia-Right.gif') no-repeat right top;
	position: absolute;
	top: 0;
	right: 0;
}

div#ParaTodos, div#ParaTodosEU {
	width:100%;
	height: 150px;
	background: url('para_todos.jpg') no-repeat 70% top;
	position: relative;
	
	
}
div#ParaTodos #left, div#ParaTodosEU #left{
	width: 181px;
	height: 150px;
	text-indent: -30000px;
	position: absolute;
	top: 0;
	left: 0;}
div#ParaTodos #left{
	background: url('ParaTodos-Left.gif') no-repeat left top;
	}
div#ParaTodosEU #left{
	background: url('ParaTodos-Left_EU.gif') no-repeat left top;
	}
div#ParaTodos #right, div#ParaTodosEU #right {
	width: 30px;
	height: 150px;
	background: url('ParaTodos-Right.gif') no-repeat right top;
	position: absolute;
	top: 0;
	right: 0;
}

div#CentrosEnsenyanza, div#CentrosEnsenyanzaEU {
	width:100%;
	height: 150px;
	background: url('centros_ensenanza.jpg') no-repeat 70% top;
	position: relative;	
	
}
div#CentrosEnsenyanza #left, div#CentrosEnsenyanzaEU #left{
	width: 181px;
	height: 150px;
	text-indent: -30000px;
	position: absolute;
	top: 0;
	left: 0;}
div#CentrosEnsenyanza #left{
	
	background: url('Centros-Ensenyanza-Left.gif') no-repeat left top;
	}
div#CentrosEnsenyanzaEU #left{
	
	background: url('Centros-Ensenyanza-Left_EU.gif') no-repeat left top;
	}
div#CentrosEnsenyanza #right, div#CentrosEnsenyanzaEU #right {
	width: 30px;
	height: 150px;
	background: url('Centros-Ensenyanza-Right.gif') no-repeat right top;
	position: absolute;
	top: 0;
	right: 0;
}
.CentrosEducativos li{ clear:both}
/*
.CentrosLeft{ float:left}
*/
* html .CentrosLeft{ float:left; }
*:first-child+html .CentrosLeft{ float:left; }
/*...............ACCIONES.........................*/

#AccionesBottom{

	margin-left:-1.5em;
	margin-right: -1.5em;

	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	width:auto;

}

#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;
}
	
	
.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;
	margin:0
	
}

.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{
	background:#F0EEEF url('VolverIndice.gif') no-repeat 8px 7px;
	color:#007CC4;
	padding: 4px 10px 4px 25px;
	line-height:2em;
	font-size:0.85em;
	}

.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, .AlbumDestacado a 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:500px;
	
	}
.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 0.8em 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{
float:left;
margin-right:25px;
width:29%}
#MapaWeb2{
	float:left;
	margin-right:25px;
	width:29%}
#MapaWeb3{
	float:left;
	width:29%}
.MapaWebBordes{
	border: solid 1px #CECECE;
	background: url('fnMapaWeb.jpg') repeat-x top left;
	padding:10px;
	margin-bottom:10px}
.MapaWebBordesFijos{
	background: #EEF5F9 url('MapaWebBordes2.jpg') no-repeat top left;
	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 ul{
	
	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 ul li ul li, .MapaWebBordesFijos ul li ul li{
	background: url('Flecha2-MapaWeb.gif') no-repeat left 3px;
	padding-left:25px;
	font-size:1em}
.MapaWebBordes ul li ul li ul li, .MapaWebBordes ul li ul li ul li{
	background: url('Flecha3-MapaWeb.gif') no-repeat 15px 5px;
	padding-left:22px;
	font-size:1em}
.MapaWebBordes li a, .MapaWebBordesFijos li a {
	color:#027DC3}


/*.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:block;
	height:60px}

/*.....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;  width:60%;
	margin:auto
	
	}
.NoDoc p{
	 }

#DestacadoAzul .NoDoc img{
	border:none}


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

.BordesCursos{
	border:solid 1px #CCCCCC;
	
	margin-top:1em;
	padding: 0.5em 1.5em;}
	
.BordesCursos p {
	margin-bottom:1em;
	margin-top:1em;
}

.Inscripcion{
	background:url('inscripcion.jpg') no-repeat left top;
	padding:2em 0 2em 70px}
	
span.trigger {
color: #007cc2;
background: url('FlechaCursos.gif') no-repeat left 3px; padding-left:20px;
cursor:pointer; margin-left:20px; line-height:30px
}

span.triggerexpanded
{color: #007cc2;
background: url('FlechaCursos.gif') no-repeat left 3px; padding-left:20px;
cursor:pointer; margin-left:20px; line-height:30px
}
	
#ColumnaInteriorIzquierda #TeOfrecemos h5.trigger , #ColumnaInteriorIzquierda #TeOfrecemos h4.trigger, #ColumnaInteriorIzquierda #TeOfrecemos .MargenesCentro h5.trigger, #BordesCentro .ColumnaTextos4 h5.trigger  { 
	color:#007CC2;
	margin:0.5em 0 0 0;
	padding-left:20px;
	background: url('FlechaCursos.gif') no-repeat left 3px;
	border:none;
	font:normal 1em Tahoma, Verdana, Arial
	
}



#ColumnaInteriorIzquierda #TeOfrecemos h5.triggerActivo, #ColumnaInteriorIzquierda #TeOfrecemos h4.triggerActivo, #ColumnaInteriorIzquierda #TeOfrecemos .MargenesCentro h5.triggerActivo, #BordesCentro .ColumnaTextos4 h5.triggerActivo { 
	color:#666666;
	font:bold 1em Tahoma, Verdana, Arial;
	margin:0.5em 0 0 0;
	padding-left:20px;border:none;
	background: url('FlechaCursos_Des.gif') no-repeat left 3px;
}

#ColumnaInteriorIzquierda #TeOfrecemos h5.triggerhover,
#ColumnaInteriorIzquierda #TeOfrecemos h4.triggerhover,
#ColumnaInteriorIzquierda #TeOfrecemos .MargenesCentro h5.triggerhover,
#BordesCentro .ColumnaTextos4 h5.triggerhover
{border:none;cursor:pointer;
margin:0.5em 0 0 0;
padding-left:20px;
background:#EFEFEF url('FlechaCursos.gif') no-repeat left 3px;}
#ColumnaInteriorIzquierda #TeOfrecemos h5.triggerexpanded, #ColumnaInteriorIzquierda #TeOfrecemos h4.triggerexpanded,  #ColumnaInteriorIzquierda #TeOfrecemos .MargenesCentro h5.triggerexpanded, #BordesCentro .ColumnaTextos4 h5.triggerexpanded   { 
	color:#666666;	
	margin:0.5em 0 0 0;
	padding-left:20px;
	background: url('FlechaCursos_Des.gif') no-repeat left 3px;
	border:none;
	font:bold 1em Tahoma, Verdana, Arial
}

h6{ font-size:1em  ;color:#007cc2; margin-bottom:10px !important; margin-top:1em !important }
 
.TextoSangria{ 
	margin-left: 1.5em !important; margin-top: 1.5em !important }

h5.trigger , h4.trigger { 
color:#007CC2 !important;
margin:0.5em 0 0 0 !important;
padding-left:20px !important;
background: url('FlechaCursos.gif') no-repeat left 3px !important;
border:none !important;
font:normal 1em Tahoma, Verdana, Arial !important 
}
 
h5.triggerActivo, h4.triggerActivo { 
color:#666666 !important;
font:bold 1em Tahoma, Verdana, Arial !important;
margin:0.5em 0 0 0 !important;
padding-left:20px !important;
border:none !important;
background: url('FlechaCursos_Des.gif') no-repeat left 3px !important;
}
 
h5.triggerhover, h4.triggerhover{
	border:none !important;
	cursor:pointer !important; 
	margin:0.5em 0 0 0 !important ;
	padding-left:20px !important;
	background:#EFEFEF url('FlechaCursos.gif') no-repeat left 3px !important;
	}
	
h5.triggerexpanded, h4.triggerexpanded { 
color:#666666 !important;
margin:0.5em 0 0 0 !important;
padding-left:20px !important;
background: url('FlechaCursos_Des.gif') no-repeat left 3px !important;
border:none !important;
font:bold 1em Tahoma, Verdana, Arial !important
}
			
.elementnormal { position:static; left:0; margin-bottom:15px; margin-top:0px; padding-bottom:1px; }
.elementcollapsed { position:absolute; left:-999em; top:0;	height:1px; }
		

.MensajeOk{
	font:1.5em "Lucida Sans Unicode", Tahoma, Verdana;
	padding:3em 5em;
	margin:auto; 
	width:50%;
	text-align:center
	
	}
.MensajeOk p{
background:url('ok.gif') no-repeat left top; display:block;padding:2px;text-align:center;  }	
.ColumnaIzq{
	float:left;
	width:39%;
	margin-left:5%}
.ColumnaDch{
	float:right;
	width:39%;
	margin-right:5%}
	

#CursosIzq{ float:left; width:40%; margin-right:3em}
#CursosDch{float:left;width:50%}

/*tablas*/
#TeOfrecemos caption{ display:none}
#TeOfrecemos th { 	background:#333333;
	color:#FFFFFF;
	
	padding:2px 0px 2px 10px ;
	font-weight:normal;
	border-top:#ffffff solid 1px;
	font-weight:bold}
#TeOfrecemos td{

	vertical-align:top;padding-top:0.2em}
#TeOfrecemos table{
 border:0;
 width:100%}
 
.Superindice{
	vertical-align: top;

	font-size:0.7em
	
}

.BordesGris{
	border:solid 1px #CCCCCC;
	padding:0.5em;
	float:left;
	margin-right:1em;
	margin-bottom:1em
}


#Formulario h4{
	border: solid 1px #CECECE;
	padding:0.2em 0.5em;
	margin:0.8em 0 ;
	font:1.54em "Lucida Sans Unicode", Tahoma, Verdana;

	color:#666666;
	margin:0.3em 0 1em 0
}

.AlbumFotos{
	background: url('Album-fotos-San-hilario.jpg') no-repeat left top;
	padding:2em 0 2.5em 80px}


/*PAGINA REDIRECCIONAMIENTO*/

#RedireccionamientoBordes{
	border: solid 1px #CECECE;
	background: #fff url('fnMapaWeb.jpg') repeat-x top left;
	padding:10px;
	width:75%;
	margin:30px auto}
.RedireccionamientoColumna1{ float:left; background:#fff;margin-right:10%; }
.RedireccionamientoColumna2{ float:left; background:#fff; font-size:1.2em;  width:35% }
.RedireccionamientoColumna2 p{	 margin-bottom:10px}
.RedireccionamientoColumna2 a{ font-weight:bold; color:#007CC2}

.ListaVirtual li{ display:inline; border-right: solid 1px #ccc; padding:0 5px; height:1%;  }
.ListaVirtual li a{color: #007CC4}

#Solicitud{
background:url('Solicitud-Actividades.jpg') no-repeat left top; 
height:83px; 
width:182px; 
float:right; 
border:solid 1px #D1DBDC}

#Solicitud a{ padding-left:50px; 
padding-top:5px;
display:block;
color:#007CC4;
font:bold 1.1em "Lucida Sans Unicode", Tahoma, Verdana, Arial}

.BuscarSinJS {
color:#007CC4;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
padding:0 5px}


#DestacadoOncologico{
	margin-top: 1em;  
	border: solid 1px #007BC1;
	background:#E8F6FC; 
	margin-bottom:1em;
}

#ImagenOncologico{background: #E8F6FC url('oncologico-nuevo.jpg') no-repeat center top;height:210px;} 
#ImagenOncologico a{
	text-decoration:none; display: block;
	width: 100%; 
	height: 100%;
}


#h3Oncologico{
	background:#007BC1;
	color:#FFFFFF; 
	font:2em'Lucida Sans Unicode', Tahoma, Arial; 
	text-align:center; 
	clear:both;
}

.h3EnlaceOncologico{
	color:#FFFFFF
}
#TextoOncologico{
	padding:1em; 
	background:#fff; 
	font:bold 1em'Lucida Sans Unicode', Tahoma, Arial; 
	text-align:center;
}
.TextoOncologico{
text-decoration:none;
color:#000000;
}

.TextoOncologicoBlanco{
	font:1.3em'Lucida Sans Unicode', Tahoma, Arial; 
	color:#FFFFFF;
}
#h3Oncologico a{ color: #FFFFFF;text-decoration: none;}


.Proximamente{
background:url('informacion.gif') no-repeat right center;
padding-right:20px;
margin-right:15px;
color:#666666;}

#Actividades {
border:none;
width:85%}
#Actividades th{
text-align:center}
#Actividades td{
text-align:center}
 .Flecha{
font-family:Tahoma, Verdana, Arial; color:#666666;
background:url('flecha.gif') no-repeat 0 6px;
padding-left:1em;
padding-bottom:0.2em
}
.Completa{
	background:url('Completo.gif') no-repeat left top;
	padding-left:20px;
}

/*nuevos 2009 TE OFRECEMOS*/
.TeOfrecemosHome{
	padding: 0em 1.5em;}
.TeOfrecemosLeft{ float:left; width:45%}
.TeOfrecemosRight{ float:right; width:45%}
.TeOfrecemosHome h3{color:#000000}
.TitInfancia{
	background: url('TitInfancia.jpg') no-repeat right bottom;
	padding-top:55px;
	padding-bottom:5px}
.TitJovenes{
	background:url('TitJovenes.jpg') no-repeat right bottom;
	padding-top:65px;
	padding-bottom:5px}
.TitMayores{
	background: url('TitMayores.jpg')  no-repeat right bottom;
	padding-top:65px;
	padding-bottom:5px}
.TitParaTodos{
	background: url('TitParaTodos.jpg')  no-repeat right bottom;
	padding-top:65px;
	padding-bottom:5px}
.TitCentros{
	background:  url('TitCentrosEnsenyanza.jpg') no-repeat right bottom;
	padding-top:65px;
	padding-bottom:5px}
.TeOfrecemosHome h4{
	padding-bottom:0.3em;

	font:normal 1.15em "Lucida Sans Unicode", Tahoma, Verdana;
	color: #666666}
.TeOfrecemosHome ul{ margin-top:0.5em; margin-left:1.5em}

.TeOfrecemosHome ul li{
	
	font-family:Tahoma, Verdana, Arial; color:#666666; 
	background:url('flecha.gif') no-repeat 0 6px;
	padding-left:1em;
	padding-bottom:0.6em
	
}
.TeOfrecemosHome ul li a{color:#007CC2}


.ColumnaveranoIzq {
	float:left;
	width:30%;
	margin-left:2%
}
.ColumnaveranoDch {
	float:right;
	width:30%;
	margin-right:2%
}

.Columnaverano1 {
	float:left;
    width:33%;
	margin-left:2%
}
.Columnaverano2 {
	float: left;
	width:33%;
	margin-right:2%
}
.Columnaverano3 {
	float: left;
	width:33%;
	margin-right:2%
}

#Fechas {
	border-collapse:collapse
}
#Fechas td {
	border:solid 1px #ccc;
}
#Fechas caption{font:1.2em "Lucida Sans Unicode", Tahoma, Verdana; text-align:center}
#Fechas th{font:bold 1em Tahoma, Verdana, Arial; background:#666; color:#fff}
#Fechas td{ font-weight:bold;font:bold 1em Tahoma, Verdana, Arial;}