/* ----------------------------------------------------------------------- */
/*                                   ESTILO                                */
/* ----------------------------------------------------------------------- */


body {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin:0em;
	padding: 0em;
	background-color: #FFFFFF;
	text-align: center;
}

a {
	text-decoration: none;
	border: none;
	outline: none;
}


img {
	text-decoration: none;
	border: none;
	outline: none;
}

/* Para el buscador */
/* ---------------- */
h1.letraBuscador {
	font-weight: bold;
	font-size: 0.8em;
   padding-left: 0.6em;
   display: inline;
}

.inputBuscador {
	margin-left: 0.5em;
	margin-right: 0.2em;
   padding-left: 0.2em;
	border: 0.15em solid #374961;
	font-weight: normal;
	font-size:0.8em;
   font-family: Arial, Helvetica, sans-serif; 
}

a.enlaceBuscador {
	font-weight: bold;
	font-size:1em;
	color: #FFFFFF;
	text-decoration: none;
}

a.enlaceBuscador:hover {
	text-decoration: underline;
}

.enlaceBuscadorB{
   background-color: transparent;
   border: none;
	font-weight: bold;
	font-size:1em;
	color: #FFFFFF;
	text-decoration: none;
   padding: 0em;
}


/* Para el menu de la cabecera */
/* --------------------------- */

a.enlaceMenu {
	font-weight: normal;
	font-size: 0.9em;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 1.6em;
}

a.enlaceMenu:hover {
	text-decoration: underline;
}


/* Para el pie */
/* ----------- */
.letraPie {
	font-weight: normal;
	font-size: 0.8em;
	color: #5A5A5A;
	height: 4em;
   padding-top: 1.5em;
   white-space: nowrap;
}

	.letraPie a{
		font-weight: normal;
		color: #5A5A5A;
		text-decoration: none;
   	}
	
	.letraPie a:hover {
		text-decoration: underline;
	}
   
   .menuPieIconos {
   		margin-top: 0em;
   	}  
   
   .menuPieIconos a{
      color: #000000;
      font-size: 0.8em;
   }
   
   .menuPieIconos a:hover{
      text-decoration: underline;
   }
   
   .menuPieIconos .creceIconoAccesibilidad{
      width: 5.4em;
      height: 1em;
      padding-bottom: 0.5em;
   }   
  
/*************/   
.divMensajes{
   height: 18em;
   font-size: 0.9em;
   padding-left: 1em;
   padding-top: 1em;
}   


.indiceSubcategoriasSeparador {
	padding:0em;
	margin-top: 0.3em;
	margin-bottom: 1em;
   padding-bottom: 0.3em;
   border-bottom: 0.0625em solid #2d527f;
}

.indiceSubcategorias {
	padding:0em;
	margin-top: 0.3em;
}

	
	.itemIndiceSubcategorias {
		padding:0em;
		margin-top: 0.2em;
		margin-bottom: 0.2em;
   }

   .itemIndiceSubcategorias h1{
      font-size: 0.8em;
      margin: 0em;
      padding: 0em;
   }
   
   .itemIndiceSubcategorias a{
   	color: #2D527F;
   	text-decoration:none;
      background-image: url(/imagenes/punto.gif);
      background-repeat: no-repeat;
      background-position: 0em 0.4em;
      padding-left: 0.5em;
   }
	
   .itemIndiceSubcategorias a:hover{
      color: #4378B6;
      text-decoration:underline;
   }
   
 
 .indicePaginas{
    height: 100%;
    overflow: auto;
    padding-bottom: 1.1em;
    padding-left: 1em;
    background-image: url(/imagenes/bolos.gif);
    background-repeat: no-repeat;
    background-position: 0em 0.25em;
 }

.indicePaginas div.resumen{
   margin-top: 0.3em;
}
   
 .indicePaginas a{
    font-size: 0.9em;
    color: #2D527F;
 }  
 
 .indicePaginas a:hover{
    text-decoration: underline;
 }

 .indicePaginas p{
    margin: 0em;
    padding: 0em;
 }
 
 .letraTexto{
    font-size: 0.75em;
    color: #313234;
 }
 
 .letraTexto p{
    margin: 0em;
    padding: 0em;
 }
 
 .letraTexto a{
   color: #2D527F;
   text-decoration: none;
   border-bottom: 0.0625em dotted #2D527F;
}

.letraTexto a:hover{
   border-bottom: 0.0625em solid #2D527F;
}

.letraTexto ul{
   padding: 0em;
   padding-left: 2em;
   margin: 0em;
}

.letraTexto li{
   margin: 0em;
   padding: 0em;
   list-style-image: url(/imagenes/punto.gif);
   list-style-position: outside;
}

.letraTexto table{
   border-collapse: collapse;
}

.letraTexto table td{
   border: 0.0625em solid #e1e2e4;
   padding: 0.3em;
}


.negrita{
   font-weight: bold;
}

/* ----------------------------- */
/*        PARA LAS FOTOS         */
/* ----------------------------- */


.arc90_imgcaptionTXT {
	font-size: 0.9em;
	color: #000;
   padding: 0em;
   font-weight: normal;
}

p.arc90_imgcaptionALT {
   display: none; /*no queremos que se muestre el alt*/
}

span.arc90_imgcaptionALT {
}

.arc90_imgcaption {
	text-align: left;
	background-color: #F4F8F9;
   border-top: 0.1em solid #DDDEE0;
   border-left: 0.1em solid #DDDEE0;
   border-bottom: 0.1em solid #E3E4E6;
   border-right: 0.1em solid #E3E4E6;
	padding: 0.4em;
   margin-top: 0em;
   margin-bottom: 0em;
	width: 8em;
   position: relative;
   z-index: 2;
}

.floatl { float: left; margin-right: 1em; }
.floatr { float: right; margin-left: 1em; }


/*para las imagenes sin pie*/
.imagenIzq, .imagenDcha, .imagenIzqNoB, .imagenDchaNoB { 
   margin-top: 0em;
   margin-bottom: 0em;
   z-index: 2;
   padding: 0.4em;
 }

.imagenIzq, .imagenIzqNoB { 
   float: left; 
   margin-right: 1em;
 }
 
/* imagen alineada a la derecha */ 
.imagenDcha, .imagenDchaNoB { 
   float: right; 
   margin-left: 1em;
 }
 
 .imagenIzq, .imagenDcha {
	background-color: #F4F8F9;
   border-top: 0.1em solid #DDDEE0;
   border-left: 0.1em solid #DDDEE0;
   border-bottom: 0.1em solid #E3E4E6;
   border-right: 0.1em solid #E3E4E6;
}

.imagenIzqNoB, .imagenDchaNoB {
	border: none;
}

/******* para el camino ************/
#camino {
   padding: 0em 0em 0.7em 1em;
   margin-top: -4.2em;
}

#volver{
   float: right;
   padding-right: 0.5em;
   padding-left: 0.5em;
   position:relative;
   z-index: 100;
}

#camino span {
	font-size: 0.7em;
	font-weight: normal;
	color: #909090;
}

#camino a, #volver a{
	font-size: 0.7em;
	font-weight: normal;
	color: #909090;
	text-decoration: none;
}

#camino a:hover, #volver a:hover {
	color: #2D527F;
	text-decoration: underline;
}

/* Bloques, para la barra de navegación */

.bloques {
	margin-top:1em;
   margin-bottom:1em;
}


.flechaBloque {
	float: left;
	margin-top: 0em;
}

	img.flecha {
		width: 1.5em;
		height: 1.5em;
      padding-right: 0.1em;
	}


.interiorBloques {
	padding-top: 0em;
	margin-left:0.2em;
	margin-right: 0.2em;
	float: left;
}


.bloqueActual {
	font-size: 0.8em;
	font-weight: bold;
	color: #2D527F;
}

a.enlaceBloques {
	font-size: 0.8em;
	font-weight: normal;
	color: #2D527F;
	text-decoration: none;
}

a.enlaceBloques:hover {
	color: #0478A1;
	text-decoration: underline;
}


/********** GALERIA *************/


#contenGaleria{
   border: none;
   float: left;   
   height: 100%;
   overflow: auto;
}

#contenGaleria p{
  font-weight: bold;
  margin-bottom: 0.8em;  
  margin-left: 0.3em; 
}

#galeriaMuestraElige{
   margin: 0em;
   padding: 0em;
}

#galeriaMuestraElige div.agrupador{
   height: 100%;
   overflow: auto;
   padding-bottom: 1.2em;
}

#galeriaMuestraElige .fotoIzq p, #galeriaMuestraElige .fotoDcha p{
   font-weight: normal;
   text-align: center;
   margin-top: 1em;
}

#galeriaMuestraElige .fotoIzq{
  float: left;
  width: 49%;
  margin-left: 0.3em;
}

#galeriaMuestraElige .fotoDcha{
  float: left;
  margin-left: 0.3em;
  width: 49%;
}


#galeriaMuestraElige img {
   border: 0.1em solid #D0D0D0;
   padding: 0.6em;
   width: 30em; 
   height: 20em;
}


#galeriaMuestraElige a{
   text-decoration: none;
   border: none;
}

/* foto ampliada de la galeria */
#bodyGaleria{
  background-color: #ffffff;
  text-align: center;
}

#marcoGaleria{
  background-color: #ffffff;
  padding-top: 0em;
  margin: auto;
  margin-top: 1em;
}

#marcoGaleria img{
  border-bottom: 0.1250em solid #D7D7D7;
  padding-bottom: 1.5em;
}

#marcoGaleria h1{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.75em;
  font-weight: normal;
  color: #4B4B4B;
}

/*********** fin galeria ************/

/********** Mapa web ************/

div.mapaWeb{
   padding-bottom: 0.3em;
}

	a.mapaWeb {
		font-size: 1.2em;
		text-decoration: none;
      border: none;
      background-image: url(/imagenes/bolos.gif);
      background-repeat: no-repeat;
      background-position: 0em 0.25em;
      padding-left: 1em;
	}
	
	a.mapaWeb:hover {
		text-decoration: underline;
      border: none;
	}
/********fin Mapa web  **********/

	
/************ Propuesta de recorrido ****************/

#planoRecorrido{
   float: left;
   margin: 0em;
   padding: 0em;
   height: 35em; /*pq en safari se corta el mapa...*/
}

#planoRecorrido .imgPlano, .imgPlanoNS{
   width: 30.375em; /* 486 px */
   height: 34em;   /* 544 px */
}

#planoRecorrido .imgPlano{
   position: absolute;
   z-index: 0;
   top: 12em;
}

#textoRecorrido{
  float: right;
  margin: 0em;
  background-color: #ffffff; 
  padding: 1.1em 0.5em 1.1em 0.5em;
  width: 16em;
}

#textoRecorrido .borde{
  border: 0.0625em solid #eff0f2;   
}


.piezas{
   background-image: url(/imagenes/pRecorrido/degradado.jpg);
   background-repeat: repeat-x;
   background-position: bottom;
   background-color: #89B6D5;
}


.piezas a, .piezas span{
  color: #ffffff;
  font-size: 0.85em;
}

.piezas a:hover{
   text-decoration: underline;
}


.numero{
  background-image: url(/imagenes/pRecorrido/tramaNumero.gif);
  background-repeat: repeat-y;
  background-color: transparent; 
  padding-left: 0.8em;
  display: inline;
}

.ubicacion{
   background-image: url(/imagenes/pRecorrido/tramaUbicacion.jpg);
   background-repeat: repeat-x;
   background-position: bottom;
   font-size: 0.8em;
   color: #1C457D;    
   padding-left: 1.2em;
   padding-top: 0.2em;
   padding-bottom: 0.2em;
}

.desplegablePiezas{
  border: 0.0625em solid #CBD4DB;
  height: 10em;
  overflow: auto;
  display: none;
  
}

.desplegablePiezas p{
   margin: 0em;
   padding: 0.2em 0.1em 0.2em 1.1em;
   border: 0.0625em solid #ECF1F5;
   background-color: #FFFFFF;
}

.desplegablePiezas a{
   color: #1D467E;
   font-size: 0.7em;
}

.desplegablePiezas a:hover{
   text-decoration: underline;
}

#num1, #num2, #num3, #num4, #num5, #num6, #num7, #num8, #num9, #num10, #num11, #num12, #num13 {
   position: relative;
   z-index: 100;
   display: none;
}

#num1 img, #num2 img, #num3 img, #num4 img, #num5 img, #num6 img, #num7 img, #num8 img, #num9 img, #num10 img, #num11 img, #num12 img, #num13 img {
   width: 2.81em; /*45 px;*/
   height: 2.81em; /*45 px;*/
}

#num1{
   top: 10em; 
   left: 5.93em; 
}

#num2, #num3, #num4{
   top: 10em; 
   left: 10em; 
}

#num5, #num6{
   top: 9em; 
   left: 4.5em; 
}


#num7{
   top: 5em;
   left: 7em; 
}

#num8{
   top: 9.5em; 
   left: 14em; 
}

#num9{
   top: 3.5em; 
   left: 11em; 
}

#num10{
   top: 10em; 
   left: 16.5em;
}

#num11{
   top: 16em; 
   left: 22.5em; 
}

#num12{
   top: 16em; 
   left: 11.5em; 
}

#num13{
   top: 17em; 
   left: 14em;
}

/* cuando no hay js*/
#listadoPiezasNS{
   clear: both;
   font-size: 0.8em;
   color: #1C457D;    
}

#listadoPiezasNS p{
   margin: 0.2em;
   padding: 0em;
}

#listadoPiezasNS a{
   font-size: 0.9em;
   color: #1C457D;    
   font-weight: normal;
}

/************ Fin Propuesta de recorrido ************/

.subrayado{
  text-decoration: underline; 
}

ul.txtAccesible{
   margin-top: 0.5em;
}

ul.txtAccesible li{
   margin-bottom: 0.3em;
}