/* ----------------------------------------------------------------------------------------
- Sitio Web:			http://www.gautena.org
- Versión:				2.0
- Fecha:				15 / 04 / 2009
- Gramática CSS:		2.1
- Gramática (X)HTML:	1.0 Transitional
- Accesibilidad:		Nivel AA	
------------------------------------------------------------------------------------------- */





/* Formateo de los estilos
------------------------------------------------------------------------------------------- */

html, body, div, a, span, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, abbr, acronym, address, code, object, label, legend, input, textarea, p, blockquote, th, td, del, dfn, q, table, caption, tbody, tfoot, thead, tr, th, td { 
	vertical-align: baseline;
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
	border: 0em 0em 0em 0em;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
}


/* Tablas
-------------------------------------------- */

	table {
		border-collapse:collapse;
		border-spacing:0;
		width:100%;
	}


/* Objects
-------------------------------------------- */

	object {
		margin: 0em 0em 0em 0em;
		padding: 0em 0em 0em 0em;
		border: 0em;
	}


/* Abreviaturas, acronimos y definiciones
-------------------------------------------- */

	abbr, acronym, dfn {
		border: none;
		cursor: help;
	}
	

/* Imágenes
-------------------------------------------- */

	img, a img, :link img, :visited img, :hover img {
		border: 0em;
	}
	
	
/* Teclado Kbd
-------------------------------------------- */
	
	kbd {
		border-bottom: .1em solid #cccccc;
		border-right: .1em solid #cccccc;
		padding-bottom: 0.1em; 
		padding-right: 0.4em; 
		padding-left: 0.4em; 
		background: #EFECEC;
		padding-top: 0.1em;
		font-size: 115%; 
	}
	
	
/* Listas
-------------------------------------------- */
	
	ul, ol, dl, li {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		position: relative;
	}	
	

p {
	margin-bottom: 1em;
}
/* FIN / Formateo de los estilos
------------------------------------------------------------------------------------------- */



/* Estilos comunes
------------------------------------------------------------------------------------------- */

.clearfix:after {
	height: 0;
	clear: both;
	content: ".";
	display: block;
	visibility: hidden;
}

.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }

.clearfix { display: block; }
.clear_both { clear: both; }


/* Fin / Iconos
----------------------------------*/


.nota, .salto { position: absolute; top: -5000px; left: -5000px; }
.mano { cursor: pointer; }
.invisible { display: none; visibility: hidden; }
.negrita { font-weight: bold; }
.arrow { background: url(../img/ico/arrow.gif) no-repeat right center !important; padding-right: .7em !important; }
.float_left { float: left; }	
.float_right { float: right; }

.background_none { background: none !important; }

.align_center { text-align: center; }	
.align_left { text-align: left; }
.align_right { text-align: right; }	


/* FIN / Estilos comunes
------------------------------------------------------------------------------------------- */















/* Cuerpo de página
------------------------------------------------------------------------------------------- */

body {
	font-family: Arial, Helvetica, sans-serif;
	background: #e8e9ea;
	line-height: 1.7em;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 75%;
	color: #000000;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: bold; 
	color: #007a53; 
	clear: both; 
}

a, strong { color: #007a53; }

h1 {}

h2 {
	padding: .4em .4em .4em 0em;
	font-size: 180%;
	color: #007a53;
	margin: 1em 0 0em 0;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}


/* Contenedora de la página
------------------------------------------------------------------------------------------- */

#contenedor {
	border: 1px solid #e8e9ea;
	background: #e8e9ea;
	margin: 0em auto;
	color: #2b383e;
	width: 84em;
}


/* Idiomas de la página
------------------------------------------------------------------------------------------- */

#nav-superior {
	border: 1px solid #007a53;
	background: #008b67;
	padding: .2em;
	width: 83.8em;
}

ul#menu-superior {
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
}

#menu-superior li {
	display: inline;
	list-style-type: none;
}

#menu-superior a { 
	padding: .3em .7em .3em 2.5em;
}

#menu-superior a:link, #menu-superior a:visited {
	color: #fff;
	background: url(../img/menu/menu-superior.gif) left center no-repeat #008b67;
	text-decoration: none;
}

#menu-superior a:hover {
	color: #fff;
	background: url(../img/menu/menu-superior.gif) left center no-repeat #008b67;
	text-decoration: underline;
}

/* ////////////////// */

/* BLOQUE IZQUIERDA */

/* ////////////////// */


#bloque_izquierda {
	width: 15.7em;
	float: left;
	border: 0px solid red;
}

/* Contenedor logotipo
------------------------------------------------------------------------------------------- */

#logotipo {
	border: 1px solid #e8e9ea;
	background: #e8e9ea;
	text-align: center;
	float: left;
	width: 15em;
}

#logotipo h1 {	font-size: 150%; margin: .4em 0; }



/* Navegación
------------------------------------------------------------------------------------------- */
/* SI EL MENÚ ES HORIZONTAL */

#navegacion {
	border: 1px solid #ffffff;
	background: #ffffff;
	padding: 0 0 0 0;
	float: left;
	width: 15em;
}

ul#menu {
	clear: both;
	list-style: none;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
}

ul#menu:after{
	clear: both;
	height: 0em;
	content: ".";
	display: block;
	visibility: hidden;
}

ul#menu li.nivel1 {
	display: block;
	line-height: 1.4;
	margin: .1em 0 .1em 0;
}

ul#menu li.nivel1 a {
	text-decoration: none;
	text-align: left;
	/*text-transform: uppercase;*/
	background: url(../img/menu/alink.gif) no-repeat left center #4cab8f;
	padding: .2em 0 .2em 2em;
	display: block;
	color: #ffe500;
}

ul#menu li.nivel1 a:hover, ul#menu li.nivel1 a:active {
	background: url(../img/menu/alink.gif) no-repeat left center #4cab8f;
	text-decoration: underline;
	color: #ffffff;
}

ul#menu li.seleccionado1 {
	text-decoration: none;
	background: #d7dce4;
	text-align: center;
	font-weight: bold;
	display: block;
	color: #2b383e;
	padding: .5em 0;
	height: 1.3em;
}

/* //- Segundo nivel */

ul#menu li.nivel2 {
	display: block;
	line-height: 1.4;
	margin: .5em 0 .5em 0;
}

ul#menu li.nivel2 a {
	text-decoration: none;
	text-align: left;
	text-transform: none;
	background: url(../img/menu/alink-lvl2.gif) no-repeat left center #ffffff;
	padding: 0em 0 0em 2em;
	display: block;
	color: #747577;
}

ul#menu li.nivel2 a:hover, ul#menu li.nivel2 a:active {
	background: url(../img/menu/alink-lvl2.gif) no-repeat left center #ffffff;
	text-decoration: underline;
	color: #333;
}

ul#menu li.seleccionado2 {
	text-decoration: none;
	background: #d7dce4;
	text-align: center;
	font-weight: bold;
	display: block;
	color: #2b383e;
	padding: .5em 0;
	height: 1.3em;
}

/* //- Tercer nivel */

ul#menu li.nivel3 {
	display: block;
	line-height: 1.4;
	margin: .5em 0 .5em 0;
}

ul#menu li.nivel3 a {
	text-decoration: none;
	text-align: left;
	text-transform: none;
	background: #ffffff;
	padding: 0em 0 0em 2.5em;
	display: block;
	color: #747577;
}

ul#menu li.nivel3 a:hover, ul#menu li.nivel3 a:active {
	background: #ffffff;
	text-decoration: underline;
	color: #333;
}

ul#menu li.seleccionado3 {
	text-decoration: underline;
	background: #ffffff;
	font-weight: normal;
	display: block;
	color: #2b383e;
	xxxpadding: 0em 0 0em 2.5em;
}


/* ////////////////// */

/* BLOQUE DERECHA */

/* ////////////////// */


#bloque_derecha {
	width: 67em;
	float: right;
	border: 0px solid red;
}

.fondo-home {
	background: url(../img/home/home.gif) no-repeat top right;
}
/*
	.fondo-gautena {
		background: url(../img/gautena/fondo.gif)  no-repeat top right;
	}

.fondo-servicios {
	background: url(../img/menu/fondos-derechas/fondo-gautena.gif) no-repeat top right;
}

.fondo-autismo {
	background: url(../img/menu/fondos-derechas/fondo-gautena.gif) no-repeat top right;
}
*/

/* Sendero de migas
------------------------------------------------------------------------------------------- */

#rutaPagina {
	font-weight: normal;
	text-align: left;
	color: #000000;
	width: 67em;
	float: right;
}

#rutaPagina p {
	display: inline;
	float: none;
	font-weight: bold;
	padding: 0em;
}

#rutaPagina ol, #rutaPagina ol li {
	display:inline;
}

#rutaPagina li {
	margin-left: .4em;
	padding-right: .7em;
	/*text-transform: capitalize;*/
	background: url(../public_images/arrow.gif) no-repeat right center;
}


/* Las listas
------------------------------------------------------------------------------------------- */

ul.lista-ficha li {
 	background: url(../img/listas.gif) no-repeat 0px 4px;
	margin-left: 1em;
	padding-left: 1.5em;
	list-style: none;
}


/* Contenido
------------------------------------------------------------------------------------------- */

#contenido {
}


/* Contenido a la izquierda
------------------------------------------------------------------------------------------- */

.pate-izquierda {
	width: 35em;
	float: left;
	border: 0px solid red;
}

.pate-izquierda img {
	margin-top: 8em;
}


/* Contenido a la derecha
------------------------------------------------------------------------------------------- */

.pate-derecha {
	width: 31.5em;
	float: right;
	margin-top: -1.7em;
	padding-top: 30em;
	position: relative;
}

.especial {
	position: absolute;
	width: 400px;
	height: 400px;
	top: 0px;
}

.pate-derecha li {
	margin-left: 1.5em;
	
}

.pate-derecha-mapa {
	width: 31.5em;
	float: right;
	margin-top: -1.7em;
	padding-top: 3em;
}

.mapa-pate-derecha {
	width: 31.5em;
	float: right;
	margin-top: -1.7em;
	padding-top: 11em;
}

.mapa-pate-derecha-detalle {
	width: 31.5em;
	float: right;
	margin-top: -1.7em;
	padding-top: 1em;
}

.localizador {
	margin-bottom: .7em;
}

/*
PIEZAS PARA LAS NOTICIAS PUNTUALES
*/
.pieza-home-es{ background: url(../img/home/pieza-home-es.jpg) no-repeat top right; }

.pieza-home-eu { background: url(../img/home/pieza-home-eu.jpg) no-repeat top right; }


.pieza-gautena { background: url(../img/gautena/pieza-gautena.jpg) no-repeat top right; }

.pieza-historia { background: url(../img/gautena/pieza-historia.jpg) no-repeat top right; }

.pieza-plan_estrategico { background: url(../img/gautena/pieza-plan_estrategico.jpg) no-repeat top right; }
	.pieza-mision { background: url(../img/gautena/pieza-mision.jpg) no-repeat top right; }
	.pieza-vision { background: url(../img/gautena/pieza-vision.jpg) no-repeat top right; }
	.pieza-valores { background: url(../img/gautena/pieza-valores.jpg) no-repeat top right; }
	.pate-derecha-especial { height: 18em; border: 1px solid #e9e9eb; }
	.pieza-lineas { background: url(../img/gautena/pieza-lineas.jpg) no-repeat top right; }

.pieza-organizacion { background: url(../img/gautena/pieza-organizacion.jpg) no-repeat top right; }
	.pieza-asociacion { background: url(../img/gautena/pieza-asociacion.jpg) no-repeat top right; }
	.pieza-organizacion_int { background: url(../img/gautena/pieza-organizacion_int.jpg) no-repeat top right; }
	.pieza-calidad { background: url(../img/gautena/pieza-calidad.jpg) no-repeat top right; }
	.pieza-reconocimientos { background: url(../img/gautena/pieza-reconocimientos.jpg) no-repeat top right; }

.pieza-investigacion { background: url(../img/gautena/pieza-investigacion.jpg) no-repeat top right; }

.pieza-comunicacion { background: url(../img/gautena/pieza-comunicacion.jpg) no-repeat top right; }
	.pieza-campanas_inf { background: url(../img/gautena/pieza-campanas_inf.jpg) no-repeat top right; }
	.pieza-publicaciones { background: url(../img/gautena/pieza-publicaciones.jpg) no-repeat top right; }
	.pieza-revista { background: url(../img/gautena/pieza-revista.jpg) no-repeat top right; }
	.pieza-boletin { background: url(../img/gautena/pieza-boletin.jpg) no-repeat top right; }

.pieza-noticias { background: url(../img/gautena/pieza-noticias.jpg) no-repeat top right; }

.pieza-colaboraciones { background: url(../img/gautena/pieza-colaboraciones.jpg) no-repeat top right; }
	.pieza-entidades { background: url(../img/gautena/pieza-entidades.jpg) no-repeat top right; }
	.pieza-asociacionismo { background: url(../img/gautena/pieza-asociacionismo.jpg) no-repeat top right; }
	.pieza-colaborar_gautena { background: url(../img/gautena/pieza-colaborar_gautena.jpg) no-repeat top right; }

.pieza-servicios { background: url(../img/servicios/pieza-servicios.jpg) no-repeat top right; }
	.pieza-objetivos { background: url(../img/servicios/pieza-objetivos.jpg) no-repeat top right; }
	.pieza-funcionamiento { background: url(../img/servicios/pieza-funcionamiento.jpg) no-repeat top right; }
	.pieza-acceso { background: url(../img/servicios/pieza-acceso.jpg) no-repeat top right; }
	/*.pieza-servicios2 { background: url(../img/servicios/pieza-servicios2.jpg) no-repeat top right; }*/
	.pieza-diagnostico { background: url(../img/servicios/pieza-diagnostico.jpg) no-repeat top right; }
	.pieza-educativo { background: url(../img/servicios/pieza-educativo.jpg) no-repeat top right; }
	.pieza-atencion { background: url(../img/servicios/pieza-atencion.jpg) no-repeat top right; }
	.pieza-vivienda { background: url(../img/servicios/pieza-vivienda.jpg) no-repeat top right; }
	.pieza-ocio { background: url(../img/servicios/pieza-ocio.jpg) no-repeat top right; }
	.pieza-apoyo { background: url(../img/servicios/pieza-apoyo.jpg) no-repeat top right; }

.pieza-autismo { background: url(../img/autismo/pieza-autismo.jpg) no-repeat top right; }
	.pieza-introduccion { background: url(../img/autismo/pieza-introduccion.jpg) no-repeat top right; }
	.pieza-definicion { background: url(../img/autismo/pieza-definicion.jpg) no-repeat top right; }
	.pieza-bibliografia { background: url(../img/autismo/pieza-bibliografia.jpg) no-repeat top right; }
	.pieza-enlaces { background: url(../img/autismo/pieza-enlaces.jpg) no-repeat top right; }
	
#atajos li {
	list-style: none;
	margin-bottom: .7em;
}


/* Formulario de coraboracion
------------------------------------------------------------------------------------------- */

form.colaboracionForm fieldset {
	margin-bottom: 10px;
	padding-bottom: 10px;
}
form.colaboracionForm legend {
	padding: 0 2px;
	font-weight: bold;
}
form.colaboracionForm label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
}
form.colaboracionForm fieldset ol {
	margin: 0;
	padding: 0;
}
form.colaboracionForm fieldset li {
	list-style: none;
	padding: 5px;
	margin: 0;
}
form.colaboracionForm fieldset li input, textarea {
	width: 27em;
	padding: .2em;
	border: 1px solid #999999;
}
form.colaboracionForm fieldset fieldset {
	border: none;
	margin: 3px 0 0;
}
form.colaboracionForm fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
}
form.colaboracionForm fieldset fieldset label {
	display: block;
	width: auto;
}
form.colaboracionForm em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
}

form.colaboracionForm label {
	display: block;
	width: 27em;
}

form.colaboracionForm label.error {
	width: 17em;
	color: #CC0000;
	line-height: 1em;
	font-style: italic;
	margin-left: 7.2em;
	margin-top: .2em;
	padding: .2em 0 .2em 1.5em;
	background: url(../img/error.gif) no-repeat left center;
}

form.colaboracionForm fieldset fieldset label {
	margin-left: 123px;
}


/* Organizacion interna
------------------------------------------------------------------------------------------- */

.imagenOrganizacion {
	margin-top: 11em;
}


/* Estilos para las tablas
------------------------------------------------------------------------------------------- */

.gecko table.lineas, .opera table.lineas, .konqueror table.lineas, .safari table.lineas   {
	background: url(../img/gautena/fndLineas.gif) no-repeat left top;
	width: 50em;
	height: 43em;
}

.ie6 table.lineas, .ie7 table.lineas, .ie8 table.lineas {
	background: url(../img/gautena/fndLineasIE.gif) no-repeat left top;
	width: 50em;
	padding-bottom: 1em;
	height: 43em;
}


table.lineas th.tit_lineaE {
	/*background: #008b67;*/
	color: #fff;
	font-size: 107%;
	width: 20em !important;
	font-weight: bold;
	padding: .5em 0 1.2em 0;
}
table.lineas th.tit_objetivosE {
	/*background: #008b67;*/
	color: #fff;
	font-size: 107%;
	font-weight: bold;
	padding: .5em 0 .9em 0;
}
table.lineas th.lineHead {
	font-weight: bold;
	text-align: left;
	padding-left: .7em;
	padding-top: 1.5em;
	vertical-align: top !important;
	color: #008b67;
}
table.lineas td.lineBody {
	padding-top: 0em;
}

dl.puntosLineas {
	width: 23em;
}

dl.puntosLineas dt {
	float: left;
	width: 2em;
}

dl.puntosLineas dd {
	float: left;
	width: 20em;
	
}


dl.puntosLineasLargo {
	width: 34em;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

dl.puntosLineasLargo dt {
	float: left;
	font-weight: bold;
	width: 2em;
}
dl.puntosLineasLargo dd {
	float: left;
	margin-left: 1em;
	width: 30em;
}



/* Contacto
--------------------------------------------------------------------------------------------*/

.contenedor-direcciones {
	float: left;
	width: 25em;
	padding-top: 3em;
}
.contenedor-direcciones h3 {
	font-size: 1.3em;
}
.contenedor-direcciones a {
	font-weight: normal !important;
}
.contenedor-mapa {
	float: right;
	width: 35em;
}

.contenedor-mapa li {
	margin-left: 1.5em;
	margin-top: .8em;
}

.contenedor-mapa li li {
	margin-left: 2.5em;
	margin-top: .1em;
}

p.indice {
	vertical-align: center;
	font-size: 90%;
	text-transform: uppercase;
	padding: 0 0 0 0 !important;
	margin: 0 0 0 1.3em !important;
}
.alineacion-limapa {
	margin-left: 2em;
}

.miniFicha-roja {
	background: url(../img/lista-roja.gif) no-repeat left center;
	padding-left: 1.5em;
	list-style: none;
}

.miniFicha-morada {
	background: url(../img/lista-morada.gif) no-repeat left center;
	padding-left: 1.5em;
	list-style: none;
}

.miniFicha-naranja {
	background: url(../img/lista-naranja.gif) no-repeat left center;
	padding-left: 1.5em;
	list-style: none;
}

.miniFicha-azul {
	background: url(../img/lista-azul.gif) no-repeat left center;
	padding-left: 1.5em;
	list-style: none;
}

.miniFicha-verde {
	background: url(../img/lista-verde.gif) no-repeat left center;
	padding-left: 1.5em;
	list-style: none;
}

.miniFicha-amarilla {
	background: url(../img/lista-amarilla.gif) no-repeat left center;
	padding-left: 1.5em;
	list-style: none;
}


/* Área cliente
------------------------------------------------------------------------------------------- */

fieldset#area-cliente {
	border: 0em;
	padding: 2em;
}


/* mapa web
------------------------------------------------------------------------------------------- */

#ul_mapa_web li {
	margin-top: 1.2em;
	list-style: none;
	padding-left: 1em;
	background: url(../public_images/mapa_web/arrow.gif) no-repeat 0px 6px;
}
#ul_mapa_web li a {
	background: #f1f1f1;
	padding: .1em .3em .4em .3em;
	margin: .5em 0;
}
#ul_mapa_web li ul li {
	list-style: none;
	padding-left: 1em;
	margin: .5em 0 0 1em;
	background: url(../public_images/mapa_web/sub-arrow.gif) no-repeat 0px 4px;
}
#ul_mapa_web li ul li a {
	background: #fff;
}

/* pie de página
------------------------------------------------------------------------------------------- */

.pie-de-pagina {
	margin-top: 10em;
	text-align: left;
	font-size: 90%;
}

.pie-de-pagina a {
	color: #000000;
}