@charset "utf-8";
/* CSS Document */
.invisible, .la_estacion_conforts li.invisible {
	display: none; 
}
body {
	margin: 0 0;
	padding: 0 0;
	font-size: 100.01%;
	background: #FFF url(../Imagenes/main-fondo.gif) repeat-x scroll top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:link, a:visited {
	color: #2e8c00;
}
a:hover {
	color: #333;
}
p {
	text-align: justify;
	line-height: 1.5em;
}
ul, li {
	list-style: none;
}
a.decorado {
	background: #FFF url(../Imagenes/lista_icono.gif) no-repeat left top;
	padding-left: 15px;
}

/* Lista decorada con imagen de lista */
ul.lista_decorada {
	margin: 0em;

}
ul.lista_decorada li {
	list-style: none;
	padding: 2px 0px 2px 15px;
	background: #FFF url(../Imagenes/lista_icono.gif) no-repeat;
	background-position: 0% 50%;
}
img.derecha {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
img.izquierda {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
/* Bloques al 50% del tamaño de la anchura con borde */
ul.bloques li {
	padding-bottom: 20px;
}

/* Destacado de texto más grande y diferente color */
span.destacado_grande {
	font-size: 1.2em;
	color: #2e8c00;
}

/* Submenú de opciones */
#submenu_der,
#submenu_izq {
	display:none;
}

/**** PLANTILLA PÁGINA BASE ***************************************************************/
h1 {
	margin-bottom: 15px;
}
#cabecera_dia,
#cabecera_noche {
	display:none;
}
#breadcrum {
	font-size: 0.90em;
	color: #000;
	padding-bottom: 15px;
}

#contenido_base {
	padding: 0px;
}
#contenido {
	font-size: 0.70em;
	line-height: 1.3em;
}
#p1_contenido_col_principal {
	width: 100%;
}
#p1_contenido_col_secundaria {
	display:none;
}
h2 {
	color: #2e8c00;
	font-weight: normal;
	font-size: 2.2em;
	margin-top: 10px;
}
h3 {
	font-weight: bold;
	font-weight: normal;
	font-size: 1.3em;
	margin-bottom: 5px;
	margin-top: 25px;
	color: #2e8c00;
}

#pie_pagina {
	display: none;
}

/* ---- LOGOTIPOS ZONA INFERIOR ---- */
.deco_logotipos {
	background: #FFF url(../Imagenes/menu_esquina_inferior.jpg) no-repeat scroll bottom left;
	position:relative;
	left: -33px;
	padding-left: 33px;
}
.separacion {
	display: none;
}
#logos_patrocinadores { 
	display: none;
 }

/******** PÁGINA : HOME **************************************************************/
.inicio_col_principal {

}
.inicio_col_secundaria {
	display:none;
}
.inicio_col_principal .info_interes {
	margin: 0em;
	width: 60%;
}
.inicio_col_principal .info_interes li {
	list-style: none;
	float:left;
	width: 46%;
	display: block;
	padding: 2px 0px 2px 15px;
	background: #FFF url(../Imagenes/lista_icono.gif) no-repeat;
	background-position: 0% 50%;
}

/**** PÁGINA : LA ESTACIÓN *****************************************************************/

.img_la_estacion {
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
}
h3.la_estacion {
	margin: 0px 0px 10px 0px;
	color: #2e8c00;
	font-size: 1.3em;
}
.lista_serv_estacion li {
	float: left;
	width: 44%;
	display: block;
}
.la_estacion_conforts {
	padding: 0em;
	margin: 0em;
}
.la_estacion_conforts li {
	display: block;
	float:left;
	width: 33%;
	list-style: none;
	font-size: 1.1em;
	position: relative;
	padding-top: 5px;
}
.la_estacion_conforts li span {
	position: relative;
	top: -2px;
	background: url(../Imagenes/iconos_confort.gif);
	display: block;
	float:left;
	width: 19px;
	height: 20px;
	margin-right: 5px;
}
.la_estacion_conforts li span.aire { background-position: 0px 0px; }
.la_estacion_conforts li span.parking { background-position: 19px 0px; }
.la_estacion_conforts li span.paradas { background-position: 38px 0px; }
.la_estacion_conforts li span.cajeros { background-position: 57px 0px; }
.la_estacion_conforts li span.comercios { background-position: 76px 0px; }
.la_estacion_conforts li span.cafeterias { background-position: 95px 0px; }
.la_estacion_conforts li span.restaurantes { background-position: 114px 0px; }
.la_estacion_conforts li span.cambiador { background-position: 133px 0px; }
.la_estacion_conforts li span.banyos { background-position: 152px 0px; }
.la_estacion_conforts li span.escaleras { background-position: 171px 0px; }
.la_estacion_conforts li span.ascensores { background-position: 190px 0px; }
.la_estacion_conforts li span.zona_espera { background-position: 209px 0px; }
.la_estacion_conforts li span.consignas { background-position: 228px 0px; }

/**** PAGINA : LA ESTACIÓN > COMPAÑIAS DE AUTOBUSES *********************************************/
.col_directorio_autobuses_listado {
	display:none;
}
.col_directorio_autobuses_ficha {
	float:left;
	width: 65%;
}
h3.listado_directorio,
h4.ficha_compania{
	margin: 0em;
	padding-bottom: 2px;
	font-weight: bold;
	font-size: 1.6em;
	text-align: left;
	color: #666;
}
div.ficha_compania {
	margin: 5px 0px 5px 10px;
	background-color: #e6e6e6;
	padding: 10px;
}
div.col_imagenes {
	float: left;
}
div.ficha_compania .logotipo,
div.ficha_compania .logotipo_float {
	margin: 0px 10px 10px 0px;
}
div.ficha_compania .logotipo_float { float: left; }
div.ficha_compania a.enlace_planos {
	margin: 0px 10px 10px 0px;
	background: #2e8c00 url(../Imagenes/icono_plano.gif) no-repeat left center;
	color: #FFFFFF;
	padding: 3px 5px 3px 19px;
	text-decoration: none;

}
div.ficha_compania a.enlace_planos:hover {
	background-color: #000000;
}
div.ficha_compania dl {
	margin: 0em;
	padding-left: 220px;
}
div.ficha_compania dl dt {
	padding-left: 15px;
	background: url(../Imagenes/lista_icono2.gif) no-repeat;
	background-position: 0% 50%;
	color: #2e8c00;
	font-weight: bold;
}
div.ficha_compania dl dd {
	padding-left: 5px;
	padding-bottom: 5px;
	font-size: 0.9em;
}

div.ficha_compania div.comentarios {
	padding: 10px 0px;
	text-align: justify;
}
div.ficha_compania dl.rutas {
	padding-left: 0px;
}
div.ficha_compania dl.rutas ul {
}

/***** PÁGINA : RUTAS ******************************************************/
h3.rutas {
	border-bottom: solid 1px #2e8c00;
	color: #666;
	margin: 0em;
	padding-bottom: 2px;
	font-weight: bold;
	font-size: 1.6em;
}
div.ficha_rutas {
	margin: 0px 0px 20px 0px;
	background-color: #e6e6e6;
	padding: 10px;
}
div.ficha_rutas ul {
	margin: 0px;
}
div.ficha_rutas ul li {
	width: 46%;
	float:left;
	list-style: none;
	background: url(../Imagenes/lista_icono2.gif) no-repeat;
	background-position: 0% 0.0em;	
	padding-left: 15px;
	padding-right: 5px;
}
div.ficha_rutas a.mas_info {
	display:none;
}

/***** PÁGINA : LA ESTACIÓN > SERVICIOS **************************************************/
div.col_servicios_listado {
	display:none;
}

div.col_servicios_listado ul li a:hover, div.col_servicios_listado ul li.seleccionado a { color:#FFF; }

div.col_servicios_listado ul li#parking a {	background: url(../Imagenes/servicio_parking_off.gif); }
div.col_servicios_listado ul li#parking a:hover, 
div.col_servicios_listado ul li#parking.seleccionado a { background: url(../Imagenes/servicio_parking_on.gif); }

div.col_servicios_listado ul li#taxis a {	background: url(../Imagenes/servicio_taxi_off.gif); }
div.col_servicios_listado ul li#taxis a:hover, 
div.col_servicios_listado ul li#taxis.seleccionado a { background: url(../Imagenes/servicio_taxi_on.gif); }

div.col_servicios_listado ul li#billetes a {	background: url(../Imagenes/servicio_billetes_off.gif); }
div.col_servicios_listado ul li#billetes a:hover, 
div.col_servicios_listado ul li#billetes.seleccionado a { background: url(../Imagenes/servicio_billetes_on.gif); }

div.col_servicios_listado ul li#consignas a {	background: url(../Imagenes/servicio_consignas_off.gif); }
div.col_servicios_listado ul li#consignas a:hover, 
div.col_servicios_listado ul li#consignas.seleccionado a { background: url(../Imagenes/servicio_consignas_on.gif); }

div.col_servicios_listado ul li#zona_comercial a {	background: url(../Imagenes/servicio_zona_comercial_off.gif); }
div.col_servicios_listado ul li#zona_comercial a:hover, 
div.col_servicios_listado ul li#zona_comercial.seleccionado a { background: url(../Imagenes/servicio_zona_comercial_on.gif); }

div.col_servicios_listado ul li#restaurantes a {	background: url(../Imagenes/servicio_restauracion_off.gif); }
div.col_servicios_listado ul li#restaurantes a:hover, 
div.col_servicios_listado ul li#restaurantes.seleccionado a { background: url(../Imagenes/servicio_restauracion_on.gif); }

div.col_servicios_ficha {
	width: 100%;
}
h3.ficha_servicio {
	margin: 0em;
	text-align:right;
	color: #2e8c00;
}
div.col_servicios_ficha .ficha {
	border: solid 3px #c1dda9;
	padding: 10px;	
}
div.col_servicios_ficha .ficha dl {
	margin: 0em;
}
div.col_servicios_ficha .ficha dl dt {
	padding-left: 15px;
	background: url(../Imagenes/lista_icono.gif) no-repeat;
	background-position: 0% 50%;
	color: #2e8c00;
	font-weight: bold;
}
div.col_servicios_ficha .ficha dl dd {
	padding-left: 5px;
	padding-bottom: 5px;
	font-size:1em;
}
div.col_servicios_ficha .ficha .img_parking {
	display:none;
}
/***** PÁGINA : LA ESTACIÓN > CÓMO LLEGAR **************************************************/
#como_llegar ul.menu {
	display: none;
}
#como_llegar .ficha {
	border: solid 3px #70893c;
	padding: 10px;
}
#como_llegar .ficha .mapa {
	width: 39em;
	height: 35em;
	border: solid 1px #70893c;
}
#como_llegar .ficha .info_extra {
	float: right;
	width: 13.5em;
	text-align: left;
}

/**** PÁGINA: PLANOS DE LA ESTACIÓN **************************************************************/

#planos ul.pestanyas {
	display: none;
}

#planos div.plano {
	border: solid 3px #70893c;
	overflow: hidden;
}
#planos div.plano img.plano {
	width: 55.4em;
	height: 37.5em;
}
#planos .leyenda {
	padding-top: 20px;
}
#planos .leyenda ul {
	margin: 0em;
	width: 100%;
}
#planos .leyenda ul li {
	float:left;
	width: 33%;
	padding-bottom: 5px;
	list-style: none;	
}
#planos .leyenda ul li .numero {
	float:left;
	display: block;
	width: 2em;
	height: 1.2em;
	color:#FFFFFF;
	background-color: #70893c;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	margin-right: 5px;
	padding-top: 0.2em;
	position: relative;
	top: -0.15em;
}
/***** PÁGINA :: ACCESIBILIDAD *****************************************/

/*Accesibilidad*/
.botonesaccesibles{margin:10px 0 0;padding:0;width:48.6em;overflow:hidden;list-style:none;}
.botonesaccesibles li{float:left;width:88px;height:31px;margin:0 20px;}
.botonesaccesibles li.xhtml{background:url(../Imagenes/btn.xhtml.gif) left top no-repeat;}
.botonesaccesibles li.css{background:url(../Imagenes/btn.css.gif) left top no-repeat;}
.botonesaccesibles li.wai{background:url(../Imagenes/btn.wai.gif) left top no-repeat;}
.botonesaccesibles li span{display:none;}

/***** PÁGINA :: PREGUNTAS FRECUENTES ************************************/

#preguntas_frecuentes .preguntas {
	display:none;
}
#preguntas_frecuentes .respuesta {
	padding-bottom: 10px;
}
#preguntas_frecuentes .respuesta .zona_subir {
	display:none;
}

/*** PÁGINA : FORMULARIO DE SUGERENCIAS ****************************************/
#frm_sugerencias { padding-top: 10px; }
#frm_sugerencias .etiqueta {
	float:left;
	width: 11em;
	text-align: right;
}
#frm_sugerencias .valor {
	margin-left: 12em;
}
#frm_sugerencias .valor input {
	width: 35.7em;
}
#frm_sugerencias .sugerencia textarea {
	width: 47em;
	height: 170px;
}
#frm_sugerencias .valor input,
#frm_sugerencias .sugerencia textarea {
	border: 1px solid #2e8c00;
}
#frm_sugerencias .FormButton {
	background-color: #000000;
	border: 1px solid #000;
	color: #FFFFFF;
	padding: 3px;
	display: block;
}
#frm_sugerencias .ErrorLabel {
	text-align: center;
	padding: 10px;
	margin: 15px 0px;
	display: block;
	color: #CC0000;
	font-size: 1.5em;
	background-color: #FFECEC;
}
#frm_sugerencias .EditingFormErrorLabel {
	color: #CC0000;
}
#frm_sugerencias .mensaje_ok {
	padding: 20px 0px;
	color: #2e8c00;	
}

/****** PÁGINA :: TELÉFONOS DE INTERÉS ***********************/

#telefonos_interes ul {
}
#telefonos_interes ul li {
	list-style: circle;
	padding-bottom: 10px;
}

#telefonos_interes ul li h3 {
	margin: 0em;
	display: block;
	color: #2e8c00;
	font-size: 1.2em;
	padding-bottom: 0em;	line-height: 0.5em;
}
#telefonos_interes ul li p.telefono {
	margin: 0em;
	display: block;
	font-size: 1.2em;
}
/**** PÁGINA :: ATENCION AL VIAJERO ****************/
#atencion .foto {
	margin: 0px 0px 10px 15px;
}
#atencion ul.enlaces {
	display:none;
}
#atencion .col_principal {
}
#atencion .col_secundaria {
}
#atencion .col_secundaria img { display: none; }
#atencion .col_secundaria .telefono_atencion {
	position: relative;
	background: url(../Imagenes/telefono_atencion_fondo.jpg) no-repeat top left;
	padding: 5px 0px 0px 0px;
	min-height: 91px;
	_height: 91px;
}
#atencion .col_secundaria .telefono_atencion p.telefono,
#atencion .col_secundaria .telefono_atencion h3 { color: #FFF; }

#atencion .col_secundaria .telefono_atencion h3 {
	margin: 0em;
	font-size: 1.1em;
}
#atencion .col_secundaria .telefono_atencion p.telefono {
	font-size: 2.1em;
	padding-top: 7px;
	line-height: 1em;
}

#atencion .col_secundaria .telefono_atencion p.horario strong {
	font-weight: bold;
	color: #2e8c00;
	font-size: 1.1em;
}
#atencion .preguntas_frecuentes {
	display: none;
}

/**** PÁGINA :: CONOCE NAVARRA *********************************************************************/

#conoce_navarra ul.enlaces {

}
#conoce_navarra ul.enlaces li {
	margin: 5px 0px;
	
}