/* tipos de página que compruebo
	- introductoria
	- serie descripción OK
	- serie tabla OK
	- serie mapa
	- asociación OK
	*/

/* BODY usado en todas las páginas del sitio*/

body
{
    margin: 0.2em;
    font-family: verdana,arial,helvetica,serif;
    font-size: 0.8em;
    color: navy;
    text-align: left;
    background: #ffffff;
}

/* ENCABEZADOS*/


h2
{
    /* encabezado de asociación, */
    margin: 0em 0em 0em 0em;
    padding: 0.2em;
    background: rgb(230, 230, 230);
    font-size: 100%;
    letter-spacing: 0.1em;
    font-weight: 600;
    word-spacing: 0em;
    color: navy;
    text-align: center;
}
.latin
{
    /*estilo de los nombres latinos en el encabezado H2*/
    margin: 0.2em;
    padding: 0em;
    text-align: center;
    color: #666666;
    font-size: 0.7em;
    background: rgb(230, 230, 230);
}

.serie_gris
{
    /*estilo del nombres de la serie en página de subserie, en H2*/
    font-size: 0.9em;
    color: #666666;
}

.titulo_resumen
{
    /*titulo de caracteristicas resumidas de serie/subser y de etapas*/
    background: #f5f5dc;
    padding: 0.1em 0em 0.1em 0em;
    margin: 0em 0em 0em 0em;
    text-align: center;
}

.titulo_index
{
    /*titulo en indices, como titulo_resumen align izda*/
    background: #f5f5dc;
    padding: 0.1em 0em 0.1em 0em;
    margin: 0em 0em 0em 0em;
    text-align: left;
}


.cabecera_gris
{
    /*cabecera gris para explicación fichas*/
    background: rgb(230, 230, 230);
    padding: 0.1em 0em 0.1em 0em;
    margin: 0em 0em 0em 0em;
    text-align: center;
}

.cabecera_princ
{
	width: 600px; 
	font-family: sans-serif; 
	font-weight: bold; 
	font-size:x-large;        
    text-align: center;
    margin: 0.3em 0em 0em 3em; 
    color:#FFFFCC;
    line-height: 2em;
	white-space: nowrap;
	filter: Shadow(Color=#000000, Direction=135, Strength=3);
}

.cabecera_princ:before
{
  display: block;
  margin: 0 0 -2.12em 0.15em;
  padding: 0;
  color: #000000; 
}

#shadow_header:before { content: 'Mapa de Vegetación Potencial de Navarra 1:25.000'; }

.titulo_descr2
{
    /*titulo de caracteristicas generales serie/subser*/
    background: #f5f5dc;
    padding: 0.1em 0em 0.1em 0em;
    margin: 0em 0em 0em 0em;
    text-align: center;
}

.biblio
{
    /*estilo de las citas cuando están en una celda separadas  	de la descripción*/
    margin: 0em;
    padding: 0.5em;
    text-align: justify;
    color: black;
    font-size: 70%;
    background: white;
}

.biblio2
{
    margin: 0em;
    padding: 0.5em;
    text-align: justify;
    color: white;
    font-size: 80%;
    background: #336633;
}

.creditos
{
    /*texto pagina de creditos*/
    font-size: 85%;
    background: white;
    padding: 1em 1em 1em 0em;
    margin: 0em 0em 0em 1em;
    text-align: left;
    font-weight:bold;
}

.creditos_b
{
    /*texto pagina de creditos, títulos*/
    font-size: 85%;
    background: #f5f5dc;
    padding: 0.5em 0em 0.1em 0em;
    margin: 0em 0em 0em 0em;
    text-align: center;
}

.creditos_c
{
    /*texto pagina de creditos, centrado*/
    font-size: 80%;
    background: #f5f5dc;
    padding: 0.5em 0em 0.5em 0.5em;
    margin: 12em 0em 0em 0em;
    text-align: center;
}

.glosario1
{
    /*glosario; también se usa en otras partes*/
    margin: 0.5em;
    padding: 0.5em;
    text-align: justify;
    font-size: 90%;
    background: #ffffcc;
}

.glosario2
{
    /*glosario; también se usa en otras partes*/
    margin: 0.5em;
    padding: 0.5em;
    text-align: justify;
    font-size: 90%;
    background: white;
}

/* FOTOS*/

.pie_foto
{
    /*pie de foto, se aplica a la celda: td, para que el color llegue hasta abajo VER SI SE PONEN PIES; añado la línea width para evitar que cuando en la descripción haya poco texto se ensanche el espacio de la foto */
    margin: 0em 0em 0em 0em;
    background: #cccc99;
    padding: 0em;
    font-size: 0.85em;
    color: black;
    text-align: center;
    align: center;
    width: 304px;
}

.pie_foto2
{
    /*como pie de foto con anchura 150px*/
    margin: 0em 0em 0em 0em;
    background: #cccc99;
    padding: 0em;
    font-size: 0.85em;
    color: black;
    text-align: center;
    align: center;
    width: 150px;
}
.pie_foto3
{
    /* VER */
    margin: 0em 0em 0em 0em;
    background: white;
    padding: 0em;
    font-size: 0.85em;
    color: black;
    text-align: left;
    align: left;
    width: 225px;
    border: 1px solid black !important;
}

/*TEXTOS*/

.descripcion
{
    /*estilo de ecol, biogeo, distrib.*/
    background: #ffffff;
    padding: 0em 0em 0.1em 0em;
    text-align: justify;
    font-size: 1em;
}

.descripcion2
{
    /*borde rojo*/
    background: #ffffff;
    padding: 0em 0em 0.1em 0em;
    text-align: justify;
    font-size: 1em;
    border: 2px solid black !important;
}

.subseries
{
    /*descripción de subseries*/
    background: #ffffcc;
    font-size: 1em;
    text-align: justify;
    padding: 0em 0em 0.1em 0em;
}

.subseries2
{
    /*descripción de subseries, cuando hay agrupaciones*/
    background: #ffffcc;
    font-size: 1em;
    text-align: justify;
    padding: 0em 1em 0em 1em;
}

.clasif
{
    /*estilo de los nombres latinos*/
    background: #f5f5dc;
    padding: 0em 0em 0.1em 0em;
    text-align: justify;
    font-size: 0.8em;
}

.etapas
{
    /*enumeración de etapas*/
    background: #ffffcc;
    font-size: 1em;
    text-align: left;
    padding: 0em 0em 0.1em 0em;
}

.etapas
{
    /*enumeración de etapas*/
    font-family: verdana,arial,helvetica,serif;
}

/* TABLA*/

table
{

    width: 756px;
    /*border-collapse: separate;  margin-left: auto; para centrar la página*/ /* margin-right: auto; para centrar la página*/
    /*position:inherit;left:0px;top:10px;    
	border-style: solid;
    border-width: 0px;*/
    float:left;
}

table.within
{
    border-style: solid;
    border-width: 1px;
    width: 427px;
    border-collapse: separate;
}

table.within2
{
    border-width: 0px;
    width: 720px;
    border-collapse: separate;
}


.marco
{
    border-style: solid;
    border-width: 0px;
    background: rgb(230, 230, 230);
    border-collapse: separate;
    width: 750px; /* margin-left: auto; para centrar la página*/ /* margin-right: auto; para centrar la página*/
}


td
{
    border-style: solid;
    border-width: 0px;
    margin: 0em;
    padding: 0em;
    vertical-align: top;
}

td.index_series
{
    /* para texto de índice de series, más grande VER si se 	 quita el color de fondo y se amplía la anchura del heading*/
    margin: 0em 0em 0em 0em;
    padding: 0em 0em 0em 0em;
    font-size: 1em;
    text-align: left;
    background: #f8f8ff;
    width: 446px;
}

.cabecera1
{
    /*cabecera lista de series; fondo amarillo*/
    margin: 0.5em;
    padding: 0.5em;
    text-align: center;
    font-size: 90%;
    background: #cccc99;
}
.cabecera2
{
    /*cabecera grupos en lista de series; fondo amarillo*/
    margin: 0.5em;
    padding: 0.5em;
    text-align: center;
    font-size: 95%;
    background: #f5f5dc;
}

.cabecera3
{
    /*lista de termotipos; fondo blanco*/
    margin: 0.5em;
    padding: 0.5em;
    text-align: center;
    font-size: 90%;
    background: #f5f5dc;
    font-weight: bold;
    font-weight: 100;
}

.cabecera4
{
    /*lista de termotipos; fondo beige, letra menor bold*/
    margin: 0.5em;
    padding: 0.5em;
    text-align: center;
    font-size: 85%;
    background: #f5f5dc;
    font-weight: bold;
}

.lista1
{
    /*lista de series; fondo amarillo
     background: #ffffcc;*/
    margin-left: 0.5em;
    padding: 0.2em;
    text-align: justify;
    font-size: 85%;
    border:solid 1px #C6C6C6;
}

.lista2
{
    /*lista de series; fondo blanco*/
    margin-left: 0.5em;
    padding: 0.3em;
    text-align: left;
    font-size: 85%;
    background: white;
    border-left: solid 1px #C6C6C6;
    border-right: solid 1px #C6C6C6;
}

.lista4
{
    /*lista de series; fondo blanco*/
    margin-left: 0.5em;
    padding: 0.3em;
    text-align: left;
    font-size: 85%;
    background: white;
    border-left: solid 1px #C6C6C6;
    border-right: solid 1px #C6C6C6;
    border-top: solid 1px #C6C6C6;
}

.lista5
{
 /*lista de series; fondo blanco*/
    margin-left: 0.5em;
    padding: 0.3em;
    text-align: left;
    font-size: 85%;
    background: white;
    border-left: solid 1px #C6C6C6;
    border-right: solid 1px #C6C6C6;
    border-bottom: solid 1px #C6C6C6;	
}

.lista3
{
    /*lista de termotipos; fondo blanco*/
    margin: 0.5em;
    padding: 0.5em;
    text-align: center;
    font-size: 85%;
    background: white;
    font-weight: 100;
}

.lista_com_1
{
    /*lista de comunidades; fondo amarillo*/
    margin: 0.5em;
    padding: 0.5em;
    text-align: center;
    font-size: 80%;
    background: #ffffcc;
    font-weight: bold;
}

.lista_com_2
{
    /*lista de comunidades; fondo blanco*/
    margin: 0em 0.5em 0.5em 0.5em;
    padding: 0em 0.5em 0.5em 0.5em;
    text-align: left;
    font-size: 80%;
    background: white;
}

.lista_com_3
{
    /*lista de comunidades; fondo blanco*/
    margin: 0.5em;
    padding: 0.5em;
    text-align: center;
    font-size: 85%;
    background: white;
    font-weight: 100;
}

.celda1
{
    /*celda*/
    margin: 0.5em;
    padding: 0.5em;
    text-align: left;
    font-size: 85%;
    background: white;
    font-weight: 100;
}

.celda2
{
    /*celda*/
    margin: 0.5em;
    padding: 0.5em;
    text-align: left;
    font-size: 85%;
    background: #ffffcc;
    font-weight: bold;
}

.celda3
{
    /*celda*/
    margin: 0.5em;
    padding: 0.5em;
    text-align: center;
    font-size: 85%;
    background: #ffffcc;
    font-weight: bold;
}


/* ENLACES*/

a
{
    color: blue;
    text-decoration: none;
}
a:visited
{
    color: green;
}
a:hover
{
    color: red;
}

a.negro
{
    color: black;
    text-decoration: none;
}
a.negro:visited
{
    color: black;
}
a.negro:hover
{
    color: black;
}

.link_bajo
{
    /*estilo del enlace a página, situado abajo*/
    padding: 0.04em 0em 0.04em 0em;
    margin: 0.5em 0em 0em 0em;
    text-align: center;
}


/* FORMATO; margen entre los distintos elementos*/

p
{
    margin: 0.5em;
}

abbr
{
    color: black;
}

/* PIE DE PAGINA */
#pie
{
    background: #FBFBFB url( img/bk_pie.gif ) repeat-x scroll left center;
    border: 1px solid #CCCCCC;
    clear: both;
    color: #999999;
    overflow: hidden;
    padding: 0.2em 0.5em;
    text-align: right;
    width: 72.3em;
    float:left;
    font-size:80%;
}

#pie .gobiernoNavarra
{
    background-image: url(img/logo_gobierno-de-navarra.gif);
    background-position: left top;
    background-repeat: no-repeat;
    text-decoration:none;
    display: block;
    float: left;
    height: 28px;
    width: 67px;
}
#pie a
{
    color: #666666;
    letter-spacing: 0em;
    text-decoration:underline;
}


/* ENCABEZADO DE PAGINA */ 

#tabsC
{
    background:transparent url(img/image002.jpg) no-repeat scroll 130% 100%;
    float: left;
    font-size: 70%;
    line-height: normal;
    margin-left:2px;
    /*width: 65%;*/
}
#tabsC ul
{
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0pt;
    padding: 5px 0px 0pt 0px;
}
#tabsC li
{
    display: inline;
    margin: 0pt;
    padding: 0pt;
}
#tabsC a
{
    background: transparent url(img/tableftC.gif) no-repeat scroll left top;
    float: left;
    margin: 0pt;
    padding: 0pt 0pt 0pt 4px;
    text-decoration: none;
}
#tabsC a span
{
    background: transparent url(img/tabrightC.gif) no-repeat scroll right top;
    color: #464E42;
    display: block;
    float: none;
    padding: 5px 14px 4px 6px;
}

#tabsC a:hover span
{
    color: #FFFFFF;
}
#tabsC a:hover
{
    background-position: 0% -42px;
}
#tabsC a:hover span
{
    background-position: 100% -42px;
}
#tabsC a.selected  
{
	color: #FFFFFF;
    background-position: 0% -42px;
}
#tabsC a.selected span
{
   color: #FFFFFC;
   background-position: 100% -42px;
}