/* default stylesheet for greenstone. */
/* Esto recetea los distintos tipos de navegadores ayudando a que el site se vea parecido en cada uno de ellos. Martin*/

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

body {
  background-color: #ffffff;
}

/* bg image set in style macro */
body.bgimage { }

a:link { color: #5F22A8; } 

a:hover { color: #5F22A8; }

a:visited { color: #5F22A8; } 

img.link { border: 0; }

/* for unesco/human info etc logos on home page */
img.logo {
  border: 0;
  float: right;
  margin-left: 10px;
}


/* this contains everything - all the other divs */
#page {
  margin-left: auto;
  margin-right: auto;
  width: 930px;
  /*-webkit-box-shadow: 5px 10px 7px #CCCCCC, -5px -10px 7px #CCCCCC;
  box-shadow: 5px 10px 7px #CCCCCC, -5px -10px 7px #CCCCCC;  
  -moz-box-shadow: 5px 10px 7px #CCCCCC, -5px -10px 7px #CCCCCC; */
}


#banner { 
	height: 12px;
	width: 800px;
      margin-right: auto;
	margin-left: auto;
	position: absolute;
}

/* this div contains the bannerlinks and bannertitle paragraphs */
div.pageinfo {
  float: right;
  text-align: right;
  padding: 0;
  margin:0 0 3px 0;	
  width: 50%;
}

/* home, help, preferences links */
p.bannerlinks {
  font-family: Tahoma;
  font-size: 10pt;
  font-weight: bold;
  margin:0;
  padding:10px;
}

/* the title set by the receptionist based on the page action */
p.bannertitle {
  font-family: Tahoma;
  font-size: 20px;
  font-weight: bold;
  margin: 10px 0 0 0;
  text-transform: lowercase;
  white-space: nowrap;
  padding: 6px 2px 10px 0px;
  background-repeat: repeat-y;
  background-position: top right;
  color: #5F22A8;
 
 }

p.collectiontitle {
font-size: 16px;
    color: #5F22A8;
    padding-top: 1em;
    height: 1.5em;
    width: 125px;
    margin-bottom: 1em;
    text-align: rigth;
}

a.collectiontitle {
  color: #5F22A8;
  text-decoration: none;
}

/* the image for the collection, shown in the banner */
div.collectimage {
  text-align: left;
  float: left;
  width: 45%;
  padding:0;
  margin:0;
}
/* make sure this is shown under the othr divs (which may be floating) */
div.bannerextra {
   clear: both;
}

/* blankiconbar */
div.section p.bar {
  text-align: center;
}



/* bg image set in style macro */
div.navbar {
  min-width: 500px;
  white-space: nowrap;
  font-family: Tahoma;
  font-size: 11pt;
  text-transform: CapitalizedCase;
  border: 0;
  width: 100%; /* for ns4 */
  
}



#navigationbar {
  float: left;
  font-size: 12pt;
  width: 20%;
  }

/* bg image set in style macro */
div.divbar { /* for "select a collection" */
  font-family: arial;
  font-size: 11pt;
  border: 0;
  width: 100%; /* for ns4 */
}


p.navbar { /* opt navbar text inside a divbar div */
  text-align: center; 
  margin: 0;
}

/* bg image set in style macro */
a.navlink {
  vertical-align: top; 
  padding: 0 10px; 
  text-decoration: none;
  font-size: 12px;
  color: #666;

  
  
}

/* bg image set in style macro */
a.navlink_sel {
  vertical-align: top;
  padding: 0 10px;
  text-decoration: none;
  font-size: 12px;
  color: #666;

}

a.navlink:visited {
  color: #FFFFFF;
  font-size: 12px;
    color: #666;

}

/* for the nav_ns4.dm macro only (for netscape4 support) */
a.navlink_ns4 {
  background-color: red;
}

a.navlink_sel_ns4 {
  background-color: #96c19b;
}

span.highlight {
  background: #ffff77;
}

/* content inside the pages */
img.icon { border: 0;}

span.textselect { 
  white-space: nowrap;
}

span.textselect select {
/* text-transform: lowercase; */
}

div.document {
 padding: .2em 0 0 0;
float: left;
}

div.documenttext { clear: both; } /* come after any floating divs */

ul#searchresults{
  list-style-type: none;
  margin: 0 0 .2em 0;
  padding:0;
  overflow: hidden;
   font-size: 12px;
    color: #666;
}

ul#searchresults li{
  margin: 0; 
  padding: 2px 0 2px 0;
  font-size: 11px;
  font-weight: bold;	
  width: 160px;
  background-color:#f7e7c5;
  text-align:center;
  
}
 

   
li#nextresult{
  float:right;
}

li#prevresult{
  float:left;


}


ul#searchresults li a {
  margin:0;	 
  padding:0;
  text-decoration: none;
 
}


div.warning { /* eg expanding more than 10 sections in table of contents */
}
div.warning div.buttons { float: right; } /* continue button */

div.heading_image {
 float: left;

 } /* optional cover image */

div.heading_title {
 font-size: 14pt;
 } /* alternate to cover image */

div.document div.buttons {
   /* anything that holds buttons... toc_buttons but also continue button */
   width: 100px; /* each button (inside its own div) can overflow this */
}
div#toc_buttons { /* expand/contract etc "buttons" */
  clear: left; /* don't put next to another float on our left-hand side */
  float: left;
  margin: 0 15px 5px 0; 
}

div.button {
  font-size: 11px;
  font-weight: bold;
  background: #f7e7c5;
  margin: 1px;
  border: 1px solid #eeddbb;
  text-align: center;
  vertical-align: middle;
  width: 110px;
  border-radius: 15px;
}

*div.button { /* for other browsers - IE6 doesn't apply this */
  height: auto;
  width: auto;
  min-width: 110px;
}

span.button {}
span.button a { text-decoration: none; color: black; }
span.button a:hover { /* IE6 doesn't do :hover for things that aren't <A> */
  background: #eeddbb;
}

div.homebutton {
  font-size: 11px;
  font-weight: bold;
  background: #f7e7c5;
  margin: 1px;
  border: 1px solid #eeddbb;
  text-align: center;
  vertical-align: middle;
  width: 110px;
  height: 30px;
  ;
}

div.section p {
  text-align: justify;
}

/* for the home page - auto-generated _homeextra_ macro */
table.collections {
  width: 100%;
  max-width: 800px;
  text-align: center;
  /* centres a block element for gecko and opera. (IE 5.5 needs parent
   * text-align) */
  margin-left:auto; margin-right:auto;
}

/* collections that have a logo should have a border around them */
table.collections img {
  border: 1px solid;
}

/* collector bar */
table.wizardbar {
   text-align: center;
   vertical-align: middle;
}
		       
td.wizardbargreen {
   background-color: #96BE9C;
}
td.wizardbaryellow {
   background-color: #EEE8AA;
}
td.wizardbargrey {
   background-color: #D3D3D3;
}

table.wizardbar a {
  color: black;
  text-decoration: none;
}

table.wizardbar a:visited {
  color: black;
}


span.date_list_year {
  font-weight: bold;
}
span.date_list_month {
  font-weight: bold;
}

#contenedor {
	width: 100%;
	position: relative;
          padding-top:123px;
       z-index: 0;
	margin: auto;
      height: auto;
}
#barra {
	background-color: #5F22A8;
	height: 19px;
	width: 900px;
	position: static;
	float: left;
}

#barra1 {
	background-color: #FFFFFF;
	height: 19px;
	width: 900px;
	position: static;
	float: left;
}

#menu {
	background-color: #FFFFFF;
	height: 500px;
	width: 200px;
	position: static;
	float: left;	
}
#contenido {
margin-top: 18px;
margin-bottom: 18px;
border: 1px #cccccc solid;
	background-color: #FFFFFF;
	height: auto;
	width: 660px;
	float: left;
        padding: 1.3em;
	

}
#pie {
	
	float: left;
	height: 83px;
	width: 900px;
	position: static;
	font-family: Tahoma;
	          
 

	
}
.Estilo1 {
	font-family: Tahoma;
	font-size: 12px;
	color: #9900CC;
	margin-right: auto;
	margin-left: auto;
	
}   
.Estilo2 {
	font-size: small;
      
	}
#contenedor #contenido .Estilo1 {
	color: #5F22A8;
        

}


#BloqueBiblioteca{
position: relative;
top: 0px;
width: 166px;
padding: 8px;
text-align: left; 
font-family: Tahoma;
font-size: 12px;
color:#5F22A8;
line-height:150%;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
}

#BloqueColecciones{
margin-top: 18px;
margin-bottom: 0px;
border: 1px #cccccc solid;

position: relative;
top: 0px;
height: 250px;
width: 166px;
padding: 8px;
text-align: left; 
font-family: Tahoma;
font-size: 12px;
color:#5F22A8;
line-height:150%;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
}

.texto
	{

	font-family: Tahoma;
	font-size: 36px;
      font-size: small;
      text-align: center;
      text-align: justify;
      padding: 20px;		
      
    }
	
	
.titular
	{
	font-family:Tahoma;
	text-align:justify;
	text-align:center;
	font-size:36px;
	font-weight:bold;
	color: #5F22A8;
	margin-top:20px;
	font-size: small;
	}

.textocc
{

	font-family: Tahoma;
	font-size: 12px;
      font-size: small;
       text-align: center;
      text-align: justify;
      padding: 20px;		
      color: #5F22A8;
      
    }

.textocolor
{

	font-family: Tahoma;
	font-size: 12px;
      font-size: small;
      text-align: center;
      text-align: justify;		
      color: #5F22A8;
      
      
    }


.titulos
	{

	margin-top: 20px;
	font-family: Tahoma;
	font-size: 36px;
      font-size: small;
      text-align:justify;
      color: #5F22A8;
      
    }


#flotar_der
	{
	float: right;
	margin-right:30px;
	margin-top:28px;
	padding-top:5px;
	width:150px;
      height: auto;
	background-color: #FFFFFF;
      position: relative;

	}





#imagen {
position: relative;
float: center;
border-bottom: dotted 1px;
border-color: #CCC;
}

#NuevoFormato
	{
	padding-top: 20px;
      margin-top: 20px;
	font-family: Tahoma;
	font-size: 12px;
	text-align: justify;
      border: solid 1px;
      border-color: #FFFFFF;
      
    }
#FormatoVlist
{	
      
      font-family: Tahoma;
	font-size: 12px;
	text-align: justify;
      color: #5F22A8;     
      
    }

#Formatolistol
{	
      
      font-family: Tahoma;
	font-size: 12px;
	text-align: justify;
      color: #5F22A8;
      padding: 20px;	
     
      
    }
.colecciones 
{
    font-size: 16px;
    color: #5F22A8;
    padding-top: 1em;
    height: 1.5em;
    width: 125px;
    margin-bottom: 0.5em;
}
.infobiblio 
{
    font-size: 16px;
    color: #5F22A8;
    padding-top: 1em;
    height: 1.5em;
    width: 90px;
    margin-bottom: 0.5em;
}
.vineta-linea li
{
list-style-type: none;  
border-bottom: dotted 1px #ccc; 
padding: 0.3em;
}
.vineta-linea li a
{
text-decoration: none; 
}
.vineta-linea li:hover
{
background: #CADB2A;
}
.leyenda {
    color: #666;
    font-size: 10px;
    margin-top: 1em;
    }
.cuadro {
    font-size: 0.9em;
    text-align:center;
    margin-left: 0.5em;
    border-radius: 5px;
    width: 7em;
    height: 2.5em;
    padding-top: 5.5em;
    float:left;
    border: solid 1px #DDD;
}
.cuadro-inactivo {
    color: #DDD;
    font-size: 0.9em;
    text-align:center;
    margin-left: 0.5em;
    border-radius: 5px;
    width: 7em;
    height: 2.5em;
    padding-top: 5.5em;
    float:left;
    border: solid 1px #DDD;
}
.cuadro a {
    text-decoration: none;
    }
.intro {
    font-size: 12px;
    color: #666;
    text-align: justify;    
    }
.intro h3 {
    padding-top: 2em;
    padding-bottom: 0.5em;
    margin-bottom: 1em;
    font-size: 14px;
    color: #333;
    border-bottom: dotted 1px #CCC;    
    }
.queryform {
    font-size: 0.8em;
    color: #333;  
    }
.queryform h3 {
    padding-top: 2em;
    padding-bottom: 0.5em;
    margin-top: 2em;
    font-size: 14px;
    color: #333;
    border-bottom: dotted 1px #CCC;    
    }