body{
	background-color:white;
	position: relative;
	width:850px;
       	margin-left: auto;
       	margin-right: auto;
}

a{
		text-decoration:none;
}

h2{
		color:green;
}

/*CUERPO DE TEXTOS GENERALES DE TODAS LAS PAGINAS*/

.cuerpo{
		color:black; 
		margin-top:0px; 
		margin-left:10px; 
		margin-right:10px; 
		font-size:0.8em;
		font-family:  serif, Helvetica, Arial;
		text-indent: 30px;
		line-height:150%;
}

/*resaltado ENLACES de palabras en CUERPO DE TEXTOS GENERALES*/
.resaltado{
		color:blue; 
		
}
span.resaltado:hover 
{
color:red;
}

/*resaltado cursiva en CUERPO DE TEXTOS GENERALES*/
.resaltadito{
		color:#006666;
		font-style:italic;
}

table.general{
		width:800px;
		
}

img {
		border:0;
}

img:hover {
		background-color:silver;
}


/*Cajon para imagenes  ENLACES en TEXTO GENERAL*/
.iconos{
		margin:10px; 
		width: 200px; 
		color:gray; 
		font-size:0.7em;
		text-align:center;
}
.iconos a:hover img{
border-left:3px double blue;
border-right:3px double blue;
}
.iconos p{
		margin:10px; 
}



/* IMAGENES DE TEJIDOS*/

div.imagenes {
		font-size:0.7em;
		padding:5px;
		margin-left:10px;
}


/* TITULO DE PAGINA*/

.dicch4{
		padding:10px;
		font-family:serif, sans-serif;
		text-align:center;
		color:green;
		background:silver;
		border: thin solid black;
}

/*COMADOS PALANTE PATRAS*/

.comandos {
		color:blue;
		font-size:0.7em;
}


/* INDICE DE TEJIDOS VEGETALES Y ANIMALES*/

div.titulo1{
		width:130px;
		color:#6633ff;
		margin-bottom:5px;
		font-family: serif, Times;
		text-align:center;

		border-top:1px solid blue;

}

div.titulo{	
		width:120px;	
		background-color:#ddddaa;
		padding-left:10px;
                        padding-bottom:3px;
                        padding-top:3px;
		font-family: sans, Times;
		text-align:left;
                        margin:2px

}

div.prueba{
		width:115px;
		color:maroon;
		background-color:#FFFFCC;
                        padding-top:3px;
                        padding-bottom:3px;
		margin:2px;
		padding-left:15px;

}



div.prueba:hover{
		background-color:#eeeeee;
                        padding-top:5px;
                        padding-bottom:1px;
}

div.titulo:hover{
		background-color:#eeeeee;
                        padding-top:5px;
                        padding-bottom:1px;
}

div a:hover{
		color:red;
		font-size:0.7em;
            
}

div a{
		color:#6633ff;
		font-size:0.7em;
}


/*CAJONES PARA PAGINA Y TABLA CON TODAS LAS IM&#193;GENES*/

.cajaimagenes {

		width:120px;
		padding:5px; 
		font-family: sans-serif, Times;
		font-size:0.8em; 
		border-bottom: 2px solid orange; 
		border-top: 1px solid orange;
		border-left: 2px solid orange; 
		border-right: 1px solid orange;
		text-align:left;
		margin-top:5px;
		text-align:center;
}		
		
div.cajaimagenes  a{color:#084922}
div.cajaimagenes:hover {background-color: #eeeeee;}
div.cajaimagenes a:hover {color: red;}



/* Cajon para enlace a  DICCIONARIO y BIBLIOGRAFIA*/

div.diccorg{
		width:120px; 
		padding:5px; 
		font-family: sans-serif, Times;
		font-style:italic;
		font-size:0.8em; 
		border-left: thin solid gray; 
		border-bottom: thin solid gray;  
		border-right: thin solid #ccd1fd; 
		border-top: thin solid #ccd1fd;
		text-align:left;
		margin-top:5px;
}

div.diccorg:hover{
		background-color: #f7f1fb;
		
}

div.diccorg a:hover{
		color:brown;
}

div.diccorg a{
		color:gray;
}


/*PAGINA DEL GLOSARIO*/
.dic-encabezado
{
  
  
}


.dicc{
		margin-left:50px;
                        margin-bottom:15px;
		text-indent:-35px;
		font-family: serif, sans-serif, times;
		letter-spacing:0.1em;
		font-size:0.8em;
}
/*ENLACES EN LOS TERMINOS DEL GLOSARIO*/

.dicc-go{
		
		margin-left:30px;
		color:gray;
}
.dicc-go a{
		text-align:right;
		color:gray;
		font-size:0.9em;
		}
.dicc-go a:visited{color:gray}
.dicc-go a:hover{
			color:red;
			font-size:0.9em;
			text-decoration:underline;			
}

/*MARCAS SELECCIONADAS DE IMAGENES en IMGANES GRANDES*/

div.bordes {
		padding:3px;
		width:175px;
		border: thin solid silver;
		background-color:#FFFFCC;
}
div.bordes dt{
		border-bottom: 1px solid gray;
		border-top: 1px solid white;
		border-left: 1px solid gray;
		border-right: 1px solid gray;
		padding:3px;
		background-color:#F4F0FF;

}
div.bordes dt:hover{
		background-color:#e0e0e0;
}
div.bordes a:hover{
		color:blue;
		
}
div.bordes dt a{
		color:#436b8c;
			font-size:0.7em;
      font-family:verdana, sans, arial;

     	
}
div.bordes dt.seleccion{
		background-color:#a0a8F4;
		border-left: thin solid red;
		border-right: thin solid red;
}
div.bordes dt.seleccion a{
      color: white;
			font-size:0.7em;
      font-family:verdana, sans, arial;
}


/*PIE DE PAGINA*/

div.pie{
            float:left;
            margin-left:30px;
            padding-left:10px;
	font-family: arial;
	font-size:0.8em;
	color:gray;
            line-height: 15px;
            border-left: thin solid orange
             

}

div.pie a{color:gray}
div.pie a:hover{color:red}


/*TABLA CON TODOS  LOS TEJIDOS*/

tr.tabla {
	background:#d4ffc5; 
	text-align:left; 
	font-family:serif; 
	font-size:0.8em; 
	text-indent:10px;
}



/*APARTADO PARA LUGAR DE LA FOTO: BICHOS y PLANTAS DE IMAGENES GRANDES*/

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #CCCCFF;
padding: 5px;
font-family: arial;
border: 1px dashed red;
visibility: hidden;
color: blue;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
border: 1px dashed blue;
background-color: white;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -250px; /*position where enlarged image should offset horizontally */
top: 70px; 
}

